body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:SF Pro Display,Helvetica Neue,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.notification{border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;padding:12px 20px;position:fixed;right:20px;top:20px;transition:opacity .3s ease;z-index:10000}.notification.success{background-color:#4f4}.notification.error{background-color:#f44}::selection{background-color:#06c;color:#fff}::-moz-selection{background-color:#06c;color:#fff}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;color:#fff;font-family:SF Pro Display,Helvetica Neue,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.app-content{display:flex;flex:1 1;flex-direction:column}.main-content{flex:1 1}@media (max-width:768px){.App{overflow-x:hidden;padding-top:104px}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}input,select,textarea{font-size:16px}[role=button],a,button{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}}@media (max-width:480px){.App{padding-bottom:80px;padding-top:100px}[role=button],a,button{min-height:48px;min-width:48px;padding:12px}input,select,textarea{font-size:18px;padding:12px}}.taskbar{background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border-bottom:1px solid #1a1a1a;color:#fff;font-size:13px;height:28px;justify-content:space-between;padding:0 12px;position:relative;z-index:10000}.taskbar,.taskbar-left{align-items:center;display:flex}.taskbar-left{gap:0}.bitcoin-logo{color:#22c55e;font-weight:700;line-height:1}.bitcoin-logo,.bitcoin-symbol{font-size:18px}.app-name{font-size:13px;font-weight:500}.taskbar-center{display:flex;flex:1 1;justify-content:center}.taskbar-right{gap:8px}.taskbar-link,.taskbar-right{align-items:center;display:flex}.taskbar-link{border-radius:3px;color:#ccc;padding:4px;text-decoration:none;transition:all .2s ease}.taskbar-link:hover{background-color:#ffffff1a;color:#fff}.bitcoin-menu-container,.developers-menu-container,.writer-menu-container{position:relative}.bitcoin-logo-button,.developers-menu-button,.writer-menu-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;padding:4px 8px;transition:all .2s ease}.bitcoin-logo-button:hover,.developers-menu-button:hover,.writer-menu-button:hover{background:#ffffff1a}.menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.bitcoin-menu,.developers-menu,.writer-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a1a1a;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 8px 32px #000c;left:0;min-width:200px;overflow:hidden;position:absolute;top:28px;z-index:9999}.menu-header{align-items:center;background:#ff95001a;border-bottom:1px solid #ffffff1a;color:#ffffffe6;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.bitcoin-logo-small{color:#22c55e;font-size:16px;font-weight:700}.menu-separator{background:#ffffff1a;height:1px;margin:4px 0}.menu-item{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 16px;transition:all .2s ease}.menu-item:hover{background:#ffffff0d;color:#fffffff2}.menu-item span:first-child{font-size:16px;text-align:center;width:16px}.app-container{display:flex;overflow:hidden;transition:margin-left .3s ease;width:100%}@media (min-width:769px){.app-container.with-dev-sidebar{margin-left:260px}.app-container.with-dev-sidebar-collapsed{margin-left:60px}}@media (max-width:768px){.app-container.with-dev-sidebar,.app-container.with-dev-sidebar-collapsed{margin-left:0!important}.taskbar{height:32px;padding:0 8px}.bitcoin-logo,.bitcoin-symbol{font-size:16px}.app-name{font-size:12px}.bitcoin-menu,.writer-menu{min-width:180px;top:32px}.menu-item{font-size:14px;padding:12px 16px}.desktop-user-info{display:none!important}.mobile-user-info{display:flex!important}.App-header{flex-direction:column;gap:16px;justify-content:center;padding:12px 16px 16px;text-align:center}.App-header h1{font-size:1.6rem;margin-bottom:4px}.app-subtitle{font-size:.85rem;margin-bottom:0}.mobile-logout-btn{border-radius:6px;font-size:.8rem;min-width:80px;padding:6px 12px}.navbar-login{align-items:center;gap:8px;width:100%}.login-features{display:none}.navbar-handcash-btn{border-radius:6px;font-size:.85rem;max-width:200px;padding:8px 16px;width:100%}.mobile-user-info .handcash-badge{border-radius:8px;font-size:.85rem;padding:6px 12px}.mobile-user-info .handcash-badge .user-handle{font-size:.85rem;font-weight:500}.mobile-menu-toggle{display:flex}.app-container{flex-direction:column}.disclaimer{font-size:12px;padding:8px 16px}}main{display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.App-header{align-items:center;background:#1a1a1a;border-bottom:1px solid #333;color:#fff;display:flex;justify-content:flex-end;min-height:96px;padding:16px 24px;position:relative}.App-header h1{font-size:2rem;font-weight:200;margin:0;position:relative;text-align:center;z-index:1}.app-subtitle{color:#ffffffb3;font-size:1rem;font-weight:300;letter-spacing:.02em;margin:8px 0 0;text-align:center}.app-title-container{flex-direction:row;gap:12px}.app-logo{filter:drop-shadow(0 0 8px rgba(255,140,0,.3));flex-shrink:0}.title-text{align-items:flex-start;display:flex;flex-direction:column}.desktop-user-info{align-items:center;display:flex;gap:16px;position:absolute;right:32px;top:24px;z-index:9999}.mobile-user-info{align-items:center;background:#ffffff08;border-radius:8px;display:none;justify-content:center;margin:12px 16px 8px;padding:10px 16px}.mobile-auth-section{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between;max-width:320px;width:100%}.mobile-login-section{align-items:center;display:flex;flex-direction:column;gap:8px;max-width:260px;width:100%}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-around;padding:0;width:30px;z-index:1001}.hamburger-line{background-color:#fff;height:2px;transform-origin:1px;transition:all .3s ease;width:25px}.mobile-menu-overlay{align-items:flex-start;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding-top:120px;position:fixed;right:0;top:0;z-index:1000}.mobile-menu{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 10px 30px #00000080;max-height:80vh;max-width:90vw;overflow-y:auto;width:350px}.mobile-menu-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px}.mobile-menu-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.close-mobile-menu{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-mobile-menu:hover{color:#fff}.mobile-menu-content{padding:0}.mobile-menu-section{border-bottom:1px solid #2a2a2a;padding:20px}.mobile-menu-section:last-child{border-bottom:none}.mobile-menu-section h4{color:#22c55e;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.mobile-menu-item{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:16px;padding:12px 0;text-align:left;transition:color .2s ease;width:100%}.mobile-menu-item:hover{color:#22c55e}.mobile-menu-login{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.mobile-menu-login:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.mobile-sidebar-content{padding:0}.mobile-sidebar-empty,.mobile-sidebar-loading{color:#888;font-size:14px;padding:16px 0;text-align:center}.mobile-document-list{display:flex;flex-direction:column;gap:4px}.mobile-document-item{background:none;border:none;border-bottom:1px solid #2a2a2a;color:#fff;cursor:pointer;padding:12px 0;text-align:left;transition:background-color .2s ease;width:100%}.mobile-document-item:hover{background-color:#2a2a2a}.mobile-document-item.active{background-color:#ff95001a;border-left:3px solid #22c55e;padding-left:9px}.mobile-doc-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.mobile-doc-icon{font-size:16px;min-width:20px}.mobile-doc-title{flex:1 1;font-size:14px;font-weight:500;text-align:left}.mobile-doc-date{color:#888;font-size:12px}.mobile-doc-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;font-size:12px;line-height:1.3;margin-top:4px;overflow:hidden}.title-section{align-items:center;display:flex;flex-direction:column;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.title-section *{pointer-events:auto}@media (max-width:768px){.title-section{left:auto;position:static;top:auto;transform:none;width:100%}}.App-header h1{color:#fff;font-size:32px;font-weight:300;letter-spacing:-.02em;line-height:1;margin-bottom:8px}.subtitle{color:#888;font-size:14px;font-weight:300;margin:0;opacity:.8}.header-left{display:flex;flex:1 1;justify-content:flex-start}.header-right{gap:12px;position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:10}@media (max-width:768px){.header-right{justify-content:center;margin-top:12px;position:static;right:auto;top:auto;transform:none}}.app-title-container{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.handcash-badge{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border:1px solid #2e7d32;border-radius:20px;display:flex;gap:8px;padding:8px 12px}.handcash-logo{color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.handcash-badge .user-handle{color:#fff;font-size:14px;font-weight:500}.user-dropdown-container{position:relative}.handcash-badge.clickable{cursor:pointer;position:relative;transition:all .2s ease}.handcash-badge.clickable:hover{box-shadow:0 6px 16px #4caf5066;transform:translateY(-1px)}.dropdown-arrow{color:#fff;font-size:10px;margin-left:6px;transition:transform .2s ease}.user-dropdown{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 8px 24px #0006;margin-top:8px;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.mobile-user-dropdown{left:0;margin-top:4px;right:auto}.dropdown-header{background-color:#111;border-bottom:1px solid #333;padding:16px}.user-info-detailed{text-align:left}.user-handle-large{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.user-paymail{color:#888;font-size:12px;font-weight:400}.dropdown-divider{background-color:#333;height:1px}.dropdown-item.logout-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item.logout-item:hover{background-color:#2a2a2a;color:#ff6b6b}.user-handle{color:#888;font-size:12px}.login-btn,.logout-btn{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-family:SF Pro Display,Helvetica Neue,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;padding:6px 12px;transition:all .2s ease}.login-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;font-weight:500}.login-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-1px)}.logout-btn:hover{background-color:#444;border-color:#666}.disclaimer{background-color:#0a0a0a;border-bottom:1px solid #222;padding:8px 16px;text-align:center}.disclaimer small{color:#666;font-size:11px}.loading{color:#888;font-size:14px;height:50vh}.loading,.login-container{align-items:center;display:flex;justify-content:center}.login-container{background:linear-gradient(135deg,#000,#1a1a1a);flex-direction:column;min-height:100vh;padding:20px}.login-box{background-color:#111;border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0006;max-width:480px;padding:40px;text-align:center;width:100%}.logo-section h1{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.tagline{color:#999;font-size:15px;font-weight:400;line-height:1.4;margin-bottom:32px}.features-section{margin-bottom:32px;text-align:left}.features-section h3{color:#fff;font-size:18px;font-weight:600;letter-spacing:-.3px;margin-bottom:20px;text-align:center}.features-section ul{list-style:none;padding:0}.features-section li{line-height:1.5;margin-bottom:12px}.features-section li,.login-section p{color:#ccc;font-size:15px;font-weight:400}.login-section p{line-height:1.4;margin-bottom:24px}.handcash-login-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:SF Pro Display,Helvetica Neue,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;gap:10px;justify-content:center;letter-spacing:-.3px;min-height:52px;padding:14px 24px;transition:all .3s ease;width:100%}.handcash-login-btn:hover{background:linear-gradient(135deg,#4caf50,#43a047);box-shadow:0 6px 20px #4caf5040;transform:translateY(-1px)}.handcash-login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.error-message{background-color:#f44;border-radius:4px;color:#fff;margin-bottom:16px;padding:12px}.privacy-note{color:#666;font-size:12px;line-height:1.4;margin-top:16px}.demo-section{background-color:#0a0a0a;border-radius:8px;margin-top:40px;max-width:500px;padding:20px;text-align:center;width:100%}.demo-section h4{color:#fff;font-size:16px;margin-bottom:8px}.demo-section p{color:#888;font-size:14px;line-height:1.4}.demo-section a{color:#4caf50;margin-left:8px;text-decoration:none}.demo-section a:hover{text-decoration:underline}.callback-container{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:100vh}.callback-box{padding:40px;text-align:center}.callback-box h2{color:#fff;font-size:24px;margin:16px 0 8px}.callback-box p{color:#888;font-size:14px}.document-editor{background-color:#000;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;width:100%}.document-editor.fullscreen{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.toolbar{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;min-height:48px;padding:8px 16px}.toolbar-left,.toolbar-right{display:flex;gap:8px}.toolbar-center{align-items:center;color:#888;display:flex;font-size:12px;gap:16px}.toolbar button{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s ease}.toolbar button:hover{background-color:#444;border-color:#666}.toolbar button:disabled{cursor:not-allowed;opacity:.5}.toolbar button.save-guest{background:linear-gradient(135deg,#666,#555);border-color:#444}.toolbar button.save-guest:hover{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50}.toolbar button.publish-btn{background:#333;border-color:#555}.toolbar button.publish-btn:hover{background:#444;border-color:#666}.toolbar button.encrypt-btn{background:#333;border-color:#555}.toolbar button.encrypt-btn.encrypted,.toolbar button.encrypt-btn:hover{background:#444;border-color:#666}.toolbar button.price-btn{background:#333;border-color:#555}.toolbar button.price-btn:hover{background:#444;border-color:#666}.storage-modal{background:#1a1a1a;max-height:90vh;max-width:800px;width:90vw}.storage-modal .modal-header{border-bottom:1px solid #333;padding:20px}.storage-modal .modal-header h2{font-weight:300;margin:0}.storage-modal .close-btn{color:#888;font-size:24px;height:30px;width:30px}.storage-modal .modal-content{padding:20px}.document-info{background:#222;border-radius:8px;padding:16px}.document-info h3{color:#fff;font-weight:400;margin:0 0 8px}.document-info p{color:#888;margin:0}.storage-methods h4{color:#fff;font-weight:400;margin:0 0 16px}.storage-option{border-radius:8px;margin-bottom:12px;padding:16px;transition:all .3s ease}.storage-option:hover{background:#222;border-color:#555}.storage-option.selected{background:#2a1f0a;border-color:#22c55e}.option-header{align-items:flex-start;gap:12px;margin-bottom:12px}.option-details h5{color:#fff;font-weight:500;margin:0 0 4px}.option-details .cost{color:#4caf50;font-weight:600;margin:0}.description{color:#ccc;line-height:1.4;margin:0 0 12px}.pros-cons{grid-gap:16px;display:grid;font-size:14px;gap:16px;grid-template-columns:1fr 1fr}.cons,.pros{color:#aaa}.pros strong{color:#4caf50}.cons strong{color:#f44336}.cons ul,.pros ul{margin:8px 0 0;padding-left:16px}.cons li,.pros li{margin-bottom:4px}.encryption-option{background:#222;border-radius:8px;margin:24px 0;padding:16px}.encryption-option label{align-items:center;color:#fff;cursor:pointer;display:flex;gap:8px}.monetization-options{background:#1f2937;border:1px solid #374151;border-radius:8px;margin:24px 0;padding:20px}.monetization-options h4{color:#fff;font-weight:400;margin:0 0 16px}.shares-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.monetization-options label{color:#fff;display:flex;flex-direction:column;font-weight:500;gap:8px}.monetization-options input{background:#374151;border:1px solid #4b5563;border-radius:6px;color:#fff;font-size:14px;padding:8px 12px}.monetization-options input:focus{border-color:#22c55e;outline:none}.shares-summary{background:#111827;border:1px solid #374151;border-radius:6px;padding:16px}.shares-summary p{color:#d1d5db;font-weight:500;margin:8px 0}.cost-summary{background:#0f172a;border:1px solid #1e293b;border-radius:8px;margin-top:24px;padding:20px}.cost-summary h4{color:#fff;font-weight:400;margin:0 0 16px}.cost-breakdown{gap:8px}.cost-line{color:#ccc;display:flex;justify-content:space-between;padding:8px 0}.cost-line.total{border-top:1px solid #334155;color:#fff;font-size:16px;font-weight:600}.modal-footer{border-top:1px solid #333;display:flex;gap:12px;justify-content:flex-end;padding:20px}.modal-footer button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#374151;color:#d1d5db}.cancel-btn:hover{background:#4b5563}.save-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.save-btn:hover{background:linear-gradient(135deg,#34d399,#22c55e)}.editor-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;width:100%}.editor{background-color:#000;border:none;box-sizing:border-box;color:#fff;flex:1 1;font-family:SF Pro Display,Helvetica Neue,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;outline:none;overflow-x:hidden;overflow-y:auto;padding:24px 40px;resize:none;-webkit-user-select:text;user-select:text;white-space:pre-wrap;width:100%}.editor,.editor *{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;word-break:break-word}.editor:focus{outline:none}.editor p{word-wrap:break-word;margin:0 0 8px;min-height:1.2em;white-space:pre-wrap;word-break:break-word}.editor img{border-radius:4px;box-shadow:0 2px 8px #0000004d;height:auto;margin:10px 0;max-width:100%}.status-bar{background-color:#1a1a1a;border-top:1px solid #333;color:#888;font-size:12px;min-height:32px;padding:6px 16px}.auto-save-status{flex:1 1;font-size:11px;text-align:center;transition:all .3s ease}.modal-overlay{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.document-list-modal{background-color:#111;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header{border-bottom:1px solid #333;padding:16px 20px}.modal-header h3{color:#fff;font-size:18px}.modal-header button{background:none;color:#888;font-size:24px;height:30px;padding:0;width:30px}.modal-header button:hover{color:#fff}.document-list{flex:1 1;overflow-y:auto;padding:0}.document-item{border-bottom:1px solid #222;cursor:pointer;padding:16px 20px;transition:background-color .2s ease}.document-item:hover{background-color:#1a1a1a}.document-info{cursor:pointer;flex:1 1}.document-info h4{color:#fff;font-size:16px;font-weight:400;margin-bottom:4px}.document-meta{color:#666;font-size:12px}.document-actions{display:flex;flex-shrink:0;gap:4px;margin-left:auto}.delete-btn,.publish-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;flex-shrink:0;font-size:14px;opacity:.7;padding:4px 6px;transition:all .2s ease}.publish-btn:hover{background-color:#22c55e;color:#fff;opacity:1}.delete-btn:hover{background-color:#f44;color:#fff;opacity:1}.delete-btn.confirm-delete{animation:pulse .5s ease-in-out;background-color:#f60;color:#fff;opacity:1}.mobile-document-wrapper{align-items:center;display:flex;gap:8px;margin-bottom:4px}.mobile-document-item{flex:1 1}.mobile-delete-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;flex-shrink:0;font-size:16px;opacity:.7;padding:8px;transition:all .2s ease}.mobile-delete-btn:hover{background-color:#f44;color:#fff;opacity:1}.mobile-delete-btn.confirm-delete{animation:pulse .5s ease-in-out;background-color:#f60;color:#fff;opacity:1}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state p{font-size:14px;margin-bottom:20px}.empty-state button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.empty-state button:hover{background-color:#45a049}.loading-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.document-sidebar{background-color:#0a0a0a;border-right:1px solid #222;display:flex;flex-direction:column;flex-shrink:0;max-width:500px;min-width:200px;position:relative}.document-sidebar.collapsed{min-width:40px;width:40px!important}.sidebar-resize-handle{background:#0000;bottom:0;cursor:col-resize;position:absolute;right:-3px;top:0;width:6px;z-index:10}.sidebar-resize-handle:hover{background:#ff95004d}.sidebar-resize-handle:active{background:#ff950080}.sidebar-header{border-bottom:1px solid #222;gap:8px;min-height:48px;padding:12px}.collapse-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s}.collapse-btn:hover{background-color:#1a1a1a;color:#fff}.sidebar-header h3{color:#ccc;font-size:14px;font-weight:500}.sidebar-content{flex:1 1;overflow-y:auto;padding:12px}.sidebar-actions{margin-bottom:16px}.new-document-btn{background-color:#2a2a2a;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-bottom:8px;padding:8px;transition:all .2s;width:100%}.new-document-btn:hover{background-color:#333;border-color:#444}.search-input{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;padding:6px 10px}.search-input:focus{border-color:#555}.document-list{display:flex;flex-direction:column;gap:4px}.document-item{margin-bottom:4px}.document-button,.document-item{align-items:center;display:flex;gap:8px}.document-button{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;padding:8px;text-align:left;transition:all .2s}.document-button:hover{background-color:#2a2a2a;border-color:#444}.document-item.active .document-button{background-color:#2a2a2a;border-color:#555}.document-content{cursor:pointer;flex:1 1}.document-header{align-items:center;display:flex;gap:6px;margin-bottom:4px}.document-icon{font-size:14px}.document-title{color:#fff;flex:1 1;font-size:13px;font-weight:500;white-space:nowrap}.document-preview,.document-title{overflow:hidden;text-overflow:ellipsis}.document-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:11px;line-height:1.4;margin:4px 0}.document-meta{align-items:center;color:#555;display:flex;font-size:10px;gap:8px}.document-date,.document-words{flex-shrink:0}.document-cost{color:#4caf50;font-weight:500;margin-left:auto}.sidebar-empty,.sidebar-loading{color:#666;font-size:12px;padding:20px;text-align:center}.document-list::-webkit-scrollbar,.editor::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar{width:8px}.document-list::-webkit-scrollbar-track,.editor::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track{background:#1a1a1a}.document-list::-webkit-scrollbar-thumb,.editor::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.document-list::-webkit-scrollbar-thumb:hover,.editor::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover{background:#444}.publish-modal{background-color:#0a0a0a;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;max-height:70vh;max-width:800px;overflow-y:auto;width:90%}.publish-modal .modal-header{align-items:center;background-color:#111;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.publish-modal .modal-header h2{color:#fff;font-size:20px;font-weight:600}.publish-modal .modal-body{padding:24px}.document-info{background-color:#111;border-radius:6px;display:flex;gap:8px;margin-bottom:24px;padding:12px}.document-info .label{color:#666;font-size:13px}.document-info .title{color:#fff;font-size:13px;font-weight:500}.additional-settings h3,.paywall-settings h3,.visibility-section h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.visibility-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.visibility-option{align-items:flex-start;background-color:#111;border:2px solid #222;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.visibility-option:hover{background-color:#1a1a1a;border-color:#333}.visibility-option.selected{background-color:#1a2f1a;border-color:#4caf50}.visibility-option input[type=radio]{margin-right:12px;margin-top:4px}.option-content{display:flex;flex:1 1;gap:12px}.option-icon{font-size:24px}.option-content h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.option-content p{color:#999;font-size:12px;margin:0}.paywall-settings{background-color:#111;border-radius:8px;margin-bottom:24px;padding:20px}.form-group label{color:#ccc}.price-input-group{align-items:center;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;display:flex;padding:0 12px}.currency{color:#666;font-size:16px;margin-right:4px}.price-input{background:none;border:none;color:#fff;flex:1 1;font-size:16px;font-weight:500;outline:none;padding:10px 4px}.earnings-estimate{color:#999;font-size:12px;margin-top:8px}.earnings-estimate strong{color:#4caf50}.fee-note{color:#666;font-size:11px;margin-left:4px}.form-group textarea{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-family:inherit;font-size:13px;outline:none;padding:10px;width:100%}.form-group textarea:focus{border-color:#555}.char-count{color:#666;font-size:11px;margin-top:4px;text-align:right}.additional-settings{background-color:#111;border-radius:8px;margin-bottom:24px;padding:20px}.checkbox-label{color:#ccc;font-size:13px;margin-bottom:12px}.checkbox-label:last-child{margin-bottom:0}.checkbox-label input[type=checkbox]{margin-right:8px}.info-box{align-items:flex-start;background-color:#1a1f1a;border:1px solid #2a3f2a;border-radius:6px;display:flex;gap:10px;padding:12px}.info-icon{font-size:16px}.info-box div{color:#999;font-size:12px;line-height:1.5}.info-box strong{color:#ccc}.publish-modal .modal-footer{background-color:#111;border-top:1px solid #222;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.publish-modal .cancel-btn,.publish-modal .confirm-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.publish-modal .cancel-btn{background-color:initial;border:1px solid #333;color:#ccc}.publish-modal .cancel-btn:hover{background-color:#1a1a1a;border-color:#444}.publish-modal .confirm-btn{background-color:#4caf50;border:none;color:#fff}.publish-modal .confirm-btn:hover{background-color:#45a049}.storage-modal{background-color:#0a0a0a;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;max-height:85vh;max-width:1400px;overflow-y:auto;width:95%}.storage-modal .modal-header{align-items:center;background-color:#111;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.storage-modal .modal-header h2{color:#fff;font-size:20px;font-weight:600}.storage-modal .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.storage-modal .close-btn:hover{background-color:#1a1a1a;color:#fff}.storage-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px 20px}.storage-option-card{background-color:#111;border:2px solid #222;border-radius:8px;cursor:pointer;padding:12px;transition:all .3s}.storage-option-card:hover{background-color:#1a1a1a;border-color:#333;transform:translateY(-2px)}.storage-option-card.selected{background-color:#1a2f1a;border-color:#4caf50}.storage-option-card .option-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.storage-option-card .option-icon{font-size:24px}.storage-option-card h3{color:#fff;font-size:16px;font-weight:600;margin:0}.storage-option-card .option-description{color:#999;font-size:13px;line-height:1.4;margin-bottom:12px}.storage-option-card .option-features{display:flex;flex-direction:column;gap:6px}.storage-option-card .feature{color:#4caf50;font-size:12px}.pricing-breakdown-section{border-top:1px solid #222;padding:16px 20px}.pricing-breakdown-content{align-items:flex-start;display:flex;gap:40px}.pricing-breakdown-section h3{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.breakdown-table{border-collapse:collapse;flex:1 1;margin:0}.breakdown-table td{border-bottom:1px solid #1a1a1a;font-size:12px}.breakdown-table td:first-child{color:#888;width:50%}.breakdown-table .total-row td{border-bottom:none;border-top:2px solid #333;font-size:14px;padding-top:12px}.breakdown-table .usd-amount{color:#4caf50;font-size:12px}.pricing-info{align-self:center;background-color:#111;border-radius:6px;flex:1 1;margin:0;padding:10px 14px}.pricing-info p{color:#999;font-size:12px;line-height:1.5;margin:0}.storage-modal .modal-footer{background-color:#111;border-top:1px solid #222;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.storage-modal .cancel-btn,.storage-modal .confirm-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.storage-modal .cancel-btn{background-color:initial;border:1px solid #333;color:#ccc}.storage-modal .cancel-btn:hover{background-color:#1a1a1a;border-color:#444}.storage-modal .confirm-btn{background-color:#4caf50;border:none;color:#fff}.storage-modal .confirm-btn:hover:not(:disabled){background-color:#45a049}.storage-modal .confirm-btn:disabled{background-color:#2a2a2a;color:#666;cursor:not-allowed}.pricing-display{align-items:center;color:#888;display:inline-flex;font-size:12px;margin:0 16px;position:relative}.pricing-hint{color:#666;font-style:italic}.pricing-button{align-items:center;background:none;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:8px;padding:6px 12px;transition:all .2s}.pricing-button:hover{background-color:#1a1a1a;border-color:#4caf50;color:#fff}.pricing-summary{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:4px 8px;transition:background-color .2s ease}.pricing-summary:hover{background-color:#4caf501a}.pricing-label{color:#999}.pricing-amount{color:#4caf50;font-size:13px;font-weight:600}.pricing-comparison{color:#666;font-size:11px;font-style:italic}.pricing-expand{background:none;border:none;color:#666;cursor:pointer;font-size:10px;margin-left:4px;padding:0}.pricing-details{background-color:#111;border:1px solid #333;border-radius:8px;box-shadow:0 8px 32px #0006;left:50%;margin-top:8px;max-width:90vw;padding:16px;position:absolute;top:100%;transform:translateX(-50%);width:500px;z-index:1000}.storage-options{margin-bottom:20px}.storage-options h4{color:#fff;font-size:14px;margin-bottom:12px}.storage-option{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s ease}.storage-option:hover{background-color:#222;border-color:#4caf50}.storage-option.selected{background-color:#4caf501a;border-color:#4caf50}.option-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.option-icon{font-size:18px}.option-name{color:#fff;font-size:13px;font-weight:600}.option-description{color:#999;font-size:11px;line-height:1.4;margin-bottom:8px}.option-features{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{background-color:#4caf5033;border-radius:3px;color:#4caf50;padding:2px 6px}.pricing-breakdown h4{color:#fff;font-size:14px;margin-bottom:12px}.breakdown-table{font-size:12px;margin-bottom:16px;width:100%}.breakdown-table td{color:#ccc;padding:6px 0}.breakdown-table td:first-child{color:#999;width:60%}.breakdown-table td:last-child{color:#fff;text-align:right}.total-row td{border-top:1px solid #333;font-weight:600;padding-top:12px}.usd-equivalent{color:#4caf50;font-size:11px}.pricing-notes{border-top:1px solid #333;margin-top:16px;padding-top:16px}.pricing-notes .note{color:#999;font-size:11px;line-height:1.5;margin-bottom:8px}.pricing-notes .note strong{color:#ccc}.pricing-notes .note.highlight{background-color:#4caf501a;border:1px solid #4caf504d;border-radius:4px;color:#4caf50;padding:8px}.toolbar-mobile{align-items:center;display:none;justify-content:space-between;width:100%}.mobile-main-actions{align-items:center;display:flex;gap:12px}.save-btn-mobile{background-color:#4caf50;border:1px solid #45a049;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.save-btn-mobile:hover{background-color:#45a049;transform:translateY(-1px)}.mobile-dropdown-container{position:relative}.mobile-actions-btn{background-color:#333;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.mobile-actions-btn:hover{background-color:#444}.mobile-dropdown{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;box-shadow:0 4px 12px #0000004d;margin-top:4px;min-width:200px;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#2a2a2a}.dropdown-item:first-child{border-radius:6px 6px 0 0}.dropdown-item:last-child{border-radius:0 0 6px 6px}.dropdown-item.encrypted{color:#4caf50}.mobile-stats{align-items:center;color:#888;display:flex;font-size:12px;gap:8px}.char-count,.mobile-pricing-cost,.mobile-pricing-hint,.word-count{background-color:#2a2a2a;border-radius:4px;padding:4px 8px}.mobile-pricing-cost,.mobile-pricing-hint{color:#4caf50;cursor:pointer;font-weight:600;transition:background-color .2s ease}.mobile-pricing-cost:hover{background-color:#3a3a3a}.toolbar-desktop{align-items:center;display:flex;justify-content:space-between;width:100%}@media (max-width:768px){.toolbar{min-height:56px;padding:12px 16px}.toolbar-mobile{display:flex}.toolbar-desktop{display:none}.editor{font-size:16px;padding:16px 20px}.app-title-container{flex-direction:column;gap:8px}.title-text{align-items:center}.app-logo{height:28px!important;width:28px!important}.status-bar{font-size:12px;min-height:36px;padding:8px 16px}.login-box{margin:20px;padding:24px}.document-list-modal{max-height:90vh;width:95%}.storage-modal{margin:0 auto;max-height:85vh;width:95vw}.storage-modal .modal-content{padding:16px}.storage-methods{gap:12px}.storage-option{padding:16px}.shares-grid{gap:12px;grid-template-columns:1fr}.cost-breakdown{font-size:14px}.document-sidebar{display:none}}.tokenize-modal{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #000c;max-height:90vh;max-width:900px;overflow-y:auto;padding:0;width:90%}.tokenize-modal .modal-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.tokenize-modal .modal-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.tokenize-modal .modal-body{padding:32px}.document-info-box{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:32px;padding:20px}.document-info-box h3{color:#fff;font-size:18px;margin:0 0 8px}.document-info-box p{color:#fff9;font-size:14px;margin:0}.protocol-section{margin-bottom:32px}.protocol-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px}.protocol-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.protocol-card{background:#ffffff05;border:2px solid #0000;border-radius:12px;cursor:pointer;padding:16px;transition:all .3s ease}.protocol-card:hover{background:#ffffff0d;transform:translateY(-2px)}.protocol-card.selected{background:#ffffff14;box-shadow:0 4px 12px #0000004d}.protocol-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.protocol-icon{font-size:24px}.protocol-header h4{color:#fff;font-size:14px;font-weight:600;margin:0}.protocol-description{color:#fff9;font-size:12px;line-height:1.4;margin-bottom:12px}.protocol-features{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{border-radius:4px;font-size:10px;padding:4px 8px}.token-config-section{margin-bottom:32px}.token-config-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px}.token-config-section h4{color:#fffc;font-size:16px;font-weight:500;margin:24px 0 16px}.config-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{background:#0006;border:1px solid #ffffff1a;padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0009;border-color:#ffffff4d}.form-group small{color:#fff6;font-size:11px;margin-top:4px}.cost-estimation{background:#007acc0d;border:1px solid #007acc33;border-radius:12px;margin-top:24px;padding:20px}.cost-estimation h3{color:#007acc;font-size:16px;font-weight:600;margin-bottom:16px}.cost-breakdown{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.cost-item{align-items:center;color:#ffffffb3;display:flex;font-size:14px;justify-content:space-between}.cost-item.total{border-top:1px solid #ffffff1a;color:#fff;font-weight:600;padding-top:12px}.cost-note{color:#fff6;font-size:11px;font-style:italic}.tokenize-modal .modal-footer{background:#0003;border-radius:0 0 16px 16px;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.tokenize-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.tokenize-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.twitter-modal{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #000c;max-height:85vh;max-width:600px;overflow-y:auto;padding:0;width:90%}.twitter-modal .modal-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.twitter-modal .modal-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.twitter-modal .modal-body{padding:32px}.twitter-auth-section{padding:40px 20px;text-align:center}.auth-prompt,.twitter-auth-section{align-items:center;display:flex;flex-direction:column}.auth-prompt{gap:20px}.twitter-logo-large{color:#1da1f2}.auth-prompt h3{color:#fff;font-size:22px;font-weight:600;margin:0}.auth-prompt p{color:#fff9;font-size:16px;margin:0}.twitter-login-btn{align-items:center;background:#1da1f2;border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 24px;transition:all .2s}.twitter-login-btn:hover{background:#1a8cd8;box-shadow:0 4px 12px #1da1f24d;transform:translateY(-1px)}.twitter-login-btn:disabled{cursor:not-allowed;opacity:.7}.twitter-user-info{align-items:center;background:#ffffff08;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.twitter-avatar{border-radius:50%;height:48px;width:48px}.twitter-user-details{flex:1 1}.twitter-name{color:#fff;font-size:16px;font-weight:600}.twitter-handle{color:#ffffff80;font-size:14px}.twitter-logout-btn{background:#0000;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.twitter-logout-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:#ffffffe6}.document-preview{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:16px}.document-preview h3{color:#fff;font-size:18px;margin:0 0 8px}.document-preview .word-count{color:#ffffff80;font-size:14px;margin:0}.snippet-section{margin-bottom:24px}.snippet-section h4{color:#fffc;font-size:14px;font-weight:500;margin-bottom:12px}.snippet-options{display:flex;gap:16px;margin-bottom:16px}.snippet-option{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;gap:8px}.snippet-option input[type=radio]{cursor:pointer}.custom-range{margin-top:16px}.range-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.range-inputs label{color:#ffffffb3;display:flex;flex-direction:column;font-size:13px;gap:8px}.range-inputs input[type=number]{background:#0006;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:14px;padding:8px}.tweet-composer{margin-bottom:24px}.tweet-input{background:#0006;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;padding:16px;resize:none;transition:all .2s;width:100%}.tweet-input:focus{background:#0009;border-color:#1da1f2;outline:none}.tweet-input.over-limit{border-color:#e0245e}.tweet-options{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.option-group{display:flex;gap:20px}.tweet-option{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:8px}.tweet-option,.tweet-option input[type=checkbox]{cursor:pointer}.character-count{color:#ffffff80;font-size:14px;font-weight:500}.character-count.over-limit{color:#e0245e}.success-message{align-items:center;background:#00ff001a;border:1px solid #00ff004d;border-radius:8px;color:#0f0;display:flex;font-size:14px;justify-content:space-between;margin-top:16px;padding:12px}.success-message a{color:#0f0;font-weight:500;text-decoration:none;transition:opacity .2s}.success-message a:hover{opacity:.8}.twitter-modal .modal-footer{background:#0003;border-radius:0 0 16px 16px;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.post-btn{align-items:center;background:#1da1f2;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.post-btn:hover{background:#1a8cd8;box-shadow:0 4px 12px #1da1f24d;transform:translateY(-1px)}.post-btn:disabled{cursor:not-allowed;opacity:.5}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.twitter-share-btn{align-items:center;background:#1da1f2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.twitter-share-btn:hover{background:#1a8cd8;box-shadow:0 2px 8px #1da1f24d;transform:translateY(-1px)}.twitter-share-btn:disabled{cursor:not-allowed;opacity:.6}.features-view-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.features-view-wrapper .features-page{flex:1 1;overflow-x:hidden;overflow-y:auto}.features-close-btn{align-items:center;background:#1a1a1a;border:1px solid #444;border-radius:50%;box-shadow:0 2px 10px #00000080;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;right:20px;top:60px;transition:all .2s;width:40px;z-index:1001}.features-close-btn:hover{background:#22c55e;border-color:#22c55e;color:#000;transform:scale(1.1)}.homepage{overflow-x:hidden;width:100%}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-bottom:1px solid #ffffff1a;position:-webkit-sticky;position:sticky;top:0;z-index:40}.header-content{margin:0 auto;max-width:1400px;padding:1rem 2rem}.logo-section{align-items:center;display:flex;gap:.75rem}.logo-icon{color:#22c55e;height:32px;width:32px}.logo-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-menu a{color:#fffc;font-size:.95rem;text-decoration:none;transition:color .3s}.nav-menu a:hover{color:#22c55e}.start-building-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1.5rem;transition:transform .3s}.start-building-btn:hover{transform:translateY(-2px)}.nav-btn{background:#ff6b351a;border:1px solid #ff6b354d;border-radius:.4rem;color:#22c55e;font-size:.85rem;padding:.4rem 1rem;transition:all .3s ease}.nav-btn:hover{background:#ff6b3533;border-color:#22c55e;transform:translateY(-1px)}.hero-section{grid-gap:4rem;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:5rem 2rem}.hero-title{background:linear-gradient(135deg,#22c55e,#16a34a);line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:#ffffffb3}.cta-button{border-radius:.5rem;font-weight:500;padding:.75rem 2rem;transition:all .3s}.cta-button.primary:hover{box-shadow:0 10px 30px #3b82f64d}.cta-button.secondary{border:2px solid #3b82f680}.cta-button.secondary:hover{background:#3b82f61a;border-color:#22c55e}.cta-button svg{height:20px;width:20px}.code-preview{background:#1a1a2e;border-radius:1rem;box-shadow:0 20px 40px #0000004d;overflow:hidden}.code-header{background:#0f0f23;gap:.5rem;padding:.75rem}.dot{border-radius:50%;height:12px;width:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-content{color:#a0a0a0;font-family:Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto;padding:1.5rem}.features-section{margin:0 auto;max-width:1400px;padding:5rem 2rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:3rem;text-align:center}.feature-card{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:1px solid #3b82f633;transition:all .3s}.feature-card:hover{border-color:#22c55e;box-shadow:0 10px 30px #3b82f633;transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:.75rem;display:flex;justify-content:center}.feature-icon svg{color:#fff;height:24px;width:24px}.feature-card h4{margin-bottom:.75rem}.feature-card p{color:#ffffffb3}.library-section{margin:0 auto;max-width:1400px;padding:5rem 2rem;text-align:center}.section-subtitle{color:#ffffffb3;font-size:1.1rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.libraries-showcase{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.library-card{align-items:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f64d;border-radius:.75rem;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s}.library-card:hover{border-color:#22c55e;box-shadow:0 8px 20px #3b82f64d;transform:translateY(-3px)}.library-info{align-items:baseline;display:flex;gap:.5rem}.library-name{color:#fff;font-size:1rem;font-weight:600}.library-version{color:#22c55e;font-size:.85rem}.library-description{color:#fff9;font-size:.85rem}.library-cta{margin-top:2rem}.library-cta p{color:#ffffffb3;margin-bottom:1.5rem}.add-library-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 2rem;transition:all .3s}.add-library-btn:hover{box-shadow:0 10px 25px #3b82f666;transform:translateY(-2px)}.templates-section{background:#0000004d;margin:0 auto;max-width:1400px;padding:5rem 2rem}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.template-card{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:1px solid #3b82f633;border-radius:1rem;cursor:pointer;padding:1.5rem;transition:all .3s}.template-card:hover{box-shadow:0 10px 30px #3b82f633}.template-card h4{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.template-card p{color:#fff9;font-size:.95rem;margin-bottom:1rem}.template-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#3b82f633;border:1px solid #3b82f64d;border-radius:1rem;color:#a0b4ff;font-size:.8rem}.getting-started{margin:0 auto;max-width:1200px;padding:5rem 2rem}.steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.step{text-align:center}.step-number{font-size:1.5rem;height:60px;margin:0 auto 1rem;width:60px}.step h4{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.step p{font-size:.95rem}.app-footer{background:linear-gradient(180deg,#0000,#00000080);border-top:1px solid #ffffff1a;margin-top:5rem;padding:3rem 2rem 2rem}.footer-content{grid-gap:3rem;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-section h4{color:#fff}.footer-section p{color:#fff9;line-height:1.6}.footer-section a{color:#fff9;transition:color .3s}.footer-bottom{border-top:1px solid #ffffff1a}.footer-bottom p{color:#ffffff80;font-size:.9rem}.global-footer{background:#000;border-top:1px solid #22c55e33;margin-top:auto;padding:16px 0;position:relative;z-index:10}.global-footer-content{margin:0 auto;max-width:1200px;padding:0 24px;text-align:center}.global-footer-content p{color:#fff9;font-size:13px;font-weight:500;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.app-container{flex:1 1}.code-editor{background:#0a0a0a;display:flex;flex-direction:column;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:13px;height:calc(100vh - 94px);overflow:hidden;position:relative}.code-editor-header{align-items:center;background:#000;border-bottom:1px solid #ffffff0d;display:flex;flex-shrink:0;height:40px;justify-content:space-between;padding:0 16px}.header-logo{align-items:center;display:flex;gap:8px}.app-title,.header-logo svg{color:#22c55e}.app-title{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:300;letter-spacing:.5px}.nav-btn{border-radius:6px;font-size:12px;padding:6px 12px}.code-editor-main{display:flex;flex:1 1;overflow:hidden}.activity-bar{background:#000;border-right:1px solid #ffffff0d;flex-direction:column;padding:8px 0}.activity-bar,.activity-item{align-items:center;display:flex;width:48px}.activity-item{background:#0000;border:none;color:#fff6;cursor:pointer;height:48px;justify-content:center;position:relative;transition:all .2s ease}.activity-item:hover{color:#ffffffb3}.activity-item.active{color:#22c55e}.activity-item.active:before{background:#22c55e;bottom:8px;content:"";left:0;position:absolute;top:8px;width:2px}.activity-spacer{flex:1 1}.sidebar{background:#0f0f0f;border-right:1px solid #ffffff0d;display:flex;flex-direction:column;max-width:500px;min-width:200px;overflow:auto;resize:horizontal}.sidebar-header{border-bottom:1px solid #ffffff0d;padding:12px 20px}.sidebar-header h3{color:#fff9;font-size:11px;font-weight:400;letter-spacing:.5px}.file-tree{flex:1 1;overflow-y:auto;padding:4px 0}.file-tree-item{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;gap:6px;line-height:22px;padding:4px 8px;-webkit-user-select:none;user-select:none;white-space:nowrap}.file-tree-item:hover{background:#ffffff0d}.file-tree-item.selected{background:#22c55e1a;color:#fff}.file-tree-item svg{flex-shrink:0;opacity:.7}.search-panel{padding:12px}.search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;font-size:13px;outline:none;padding:6px 8px;transition:all .2s ease}.search-input:focus{background:#ffffff14}.git-panel{padding:12px}.git-status{align-items:center;background:#ffffff0d;border-radius:4px;color:#ffffffb3;display:flex;font-size:12px;gap:6px;margin-bottom:12px;padding:6px 8px}.git-changes{color:#ffffff80;font-size:12px;padding:20px;text-align:center}.editor-area{background:#0a0a0a;display:flex;flex:1 1;flex-direction:column;position:relative}.editor-tabs{background:#000;border-bottom:1px solid #ffffff0d;display:flex;overflow-x:auto;scrollbar-width:thin}.editor-tabs::-webkit-scrollbar{height:3px}.editor-tabs::-webkit-scrollbar-thumb{background:#fff3}.editor-tab{align-items:center;background:#0000;border-right:1px solid #ffffff0d;color:#ffffff80;cursor:pointer;display:flex;font-size:13px;gap:6px;min-width:120px;padding:8px 12px;position:relative;transition:all .2s ease;white-space:nowrap}.editor-tab:hover{background:#ffffff0d;color:#ffffffb3}.editor-tab.active{background:#0a0a0a;color:#fff}.editor-tab.active:after{background:#22c55e;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.editor-tab svg{flex-shrink:0;opacity:.7}.dirty-indicator{color:#22c55e;margin-left:4px}.tab-close{align-items:center;background:#0000;border:none;border-radius:3px;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:auto;opacity:0;padding:2px;transition:all .2s ease}.editor-tab:hover .tab-close{opacity:.7}.tab-close:hover{background:#ffffff1a;opacity:1!important}.new-tab-btn{align-items:center;background:#0000;border:none;color:#fff6;cursor:pointer;display:flex;padding:8px 12px;transition:all .2s ease}.new-tab-btn:hover{background:#ffffff0d;color:#ffffffb3}.editor-content,.editor-with-terminal{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.editor-toolbar{background:#0f0f0f;border-bottom:1px solid #ffffff0d;display:flex;gap:4px;padding:8px 12px}.toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 8px;transition:all .2s ease}.toolbar-btn:hover{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffe6}.toolbar-btn.active,.toolbar-btn:active{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.code-area{background:#0a0a0a;display:flex;flex:1 1;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;overflow:hidden;position:relative}.code-area .monaco-editor{background:#0a0a0a!important}.code-area .monaco-editor .margin{background:#000!important}.code-area .monaco-editor .monaco-editor-background{background:#0a0a0a!important}.code-textarea{caret-color:#22c55e}.status-bar{align-items:center;background:#000;border-top:1px solid #ffffff0d;color:#fff9;display:flex;font-size:11px;height:22px;justify-content:space-between;padding:0 12px}.status-left,.status-right{align-items:center;display:flex;gap:12px}.status-item{align-items:center;cursor:pointer;display:flex;gap:4px;transition:color .2s ease}.status-item:hover{color:#ffffffe6}.status-item svg{opacity:.8}.terminal-panel{background:#000;border-top:1px solid #ffffff0d;display:flex;flex-direction:column;flex-shrink:0;overflow:auto;resize:vertical}.terminal-header{background:#0f0f0f;border-bottom:1px solid #ffffff0d;color:#fff9;font-size:11px;justify-content:space-between;padding:8px 12px}.terminal-header button{align-items:center;background:#0000;border:none;border-radius:3px;color:inherit;cursor:pointer;display:flex;padding:2px;transition:all .2s ease}.terminal-header button:hover{background:#ffffff1a}.terminal-content{flex:1 1;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px;overflow-y:auto;padding:12px}.terminal-line{align-items:center;display:flex;margin-bottom:4px}.terminal-prompt{color:#22c55e;margin-right:8px}.terminal-output{color:#fffc}.terminal-success{color:#22c55e}.terminal-error{color:#ef4444}.terminal-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:inherit;outline:none}.terminal-toggle{align-items:center;background:#0f0f0f;border:1px solid #ffffff1a;border-radius:4px;bottom:26px;color:#fff9;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 10px;position:absolute;right:12px;transition:all .2s ease;z-index:5}.terminal-toggle:hover{background:#ffffff0d;border-color:#22c55e;color:#22c55e}@media (max-width:768px){.code-editor{height:calc(100vh - 126px)}.sidebar{display:none}.activity-bar{width:40px}.activity-item{height:40px;width:40px}.editor-tab{min-width:100px;padding:6px 8px}.line-numbers{min-width:40px;padding:8px 0}.line-number{padding:0 8px}}.code-editor ::-webkit-scrollbar{height:8px;width:8px}.code-editor ::-webkit-scrollbar-track{background:#ffffff05}.code-editor ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.code-editor ::-webkit-scrollbar-thumb:hover{background:#fff3}.code-editor ::selection{background:#22c55e4d}.code-editor :focus-visible{outline:1px solid #22c55e;outline-offset:-1px}.ai-chat-sidebar{background:#0f0f0f;border-left:1px solid #ffffff0d;display:flex;flex-direction:column;height:100%;max-width:600px;min-width:300px;position:relative}.chat-header{background:#000;border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:12px 16px}.chat-header,.chat-title{align-items:center;display:flex}.chat-title{font-size:13px;font-weight:500;gap:8px}.chat-title,.chat-title svg{color:#22c55e}.chat-status{align-items:center;color:#fff9;display:flex;font-size:11px;gap:6px}.status-dot{background:#22c55e;border-radius:50%;height:6px;width:6px}.status-dot.online{background:#22c55e;box-shadow:0 0 4px #22c55e80}.chat-messages{flex:1 1;gap:16px;overflow-y:auto;padding:16px 12px}.chat-messages,.message{display:flex;flex-direction:column}.message{gap:6px}.message-header{align-items:center;display:flex;gap:8px}.message-avatar{align-items:center;border-radius:4px;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.message.user .message-avatar{background:#3b82f633;color:#3b82f6}.message.assistant .message-avatar{background:#22c55e33;color:#22c55e}.message-time{color:#fff6;font-size:10px;margin-left:auto}.message-content{word-wrap:break-word;background:#ffffff08;border-radius:8px;color:#ffffffe6;font-size:13px;line-height:1.5;padding:12px;white-space:pre-wrap}.message.user .message-content{background:#3b82f61a;border:1px solid #3b82f633}.message.assistant .message-content{background:#22c55e0d;border:1px solid #22c55e1a}.message-content.typing{align-items:center;color:#fff9;display:flex;font-style:italic;gap:8px}.spinning{animation:spin 1s linear infinite}.code-snippet{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:6px;margin-top:12px;overflow:hidden}.code-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff0d;color:#fff9;display:flex;font-size:11px;gap:6px;padding:8px 12px}.code-snippet pre{background:#0000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px;line-height:1.4;margin:0;overflow-x:auto;padding:12px}.code-snippet code{color:#fff}.chat-input-container{background:#000;border-top:1px solid #ffffff0d;padding:12px}.quick-actions{display:flex;gap:4px;margin-bottom:8px}.quick-action{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:11px;padding:6px 8px;transition:all .2s ease}.quick-action:hover{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.chat-input{align-items:flex-end;display:flex;gap:8px}.chat-input textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;max-height:120px;min-height:36px;outline:none;padding:8px 12px;resize:none;transition:all .2s ease}.chat-input textarea:focus{background:#ffffff14;border-color:#22c55e}.chat-input textarea::placeholder{color:#fff6}.send-button{align-items:center;background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s ease}.send-button:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.send-button:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed;transform:none}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff05}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.ai-chat-sidebar{min-width:250px}.chat-input textarea{font-size:16px}}.code-exchange{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:calc(100vh - 94px)}.exchange-header{background:#000;border-bottom:1px solid #22c55e33;padding:24px}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.header-nav{display:flex;gap:8px}.nav-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffb3;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.nav-btn:hover{background:#ffffff14;color:#ffffffe6}.nav-btn.active{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.header-title{align-items:center;display:flex;gap:16px}.header-title svg{color:#22c55e}.header-title h1{color:#fff;font-size:28px;font-weight:600;margin:0}.header-title p{color:#ffffffb3;font-size:14px;margin:4px 0 0}.header-stats{align-items:center;display:flex;gap:16px}.live-indicator{border:1px solid #22c55e;border-radius:8px;font-size:13px;gap:8px;padding:8px 16px}.live-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.exchange-tabs,.tab{display:flex;gap:8px}.tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;padding:12px 24px}.tab:hover{background:#ffffff14;color:#ffffffe6}.tab.active{background:#22c55e1a;border-color:#22c55e}.exchange-content{padding:32px 24px}.market-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{gap:16px;padding:20px}.stat-icon{border-radius:12px;height:48px;width:48px}.stat-value{font-size:24px}.stat-label{font-size:13px}.market-controls{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.search-section{flex:1 1;max-width:400px}.search-input{align-items:center;display:flex;position:relative}.search-input svg{color:#ffffff80;left:12px;position:absolute;z-index:2}.search-input input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:12px 12px 12px 44px;transition:all .2s ease;width:100%}.search-input input:focus{background:#ffffff14;border-color:#22c55e}.search-input input::placeholder{color:#ffffff80}.filter-section{display:flex;gap:12px}.filter-select,.sort-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.filter-select:focus,.sort-select:focus{border-color:#22c55e}.filter-select option,.sort-select option{background:#1a1a1a;color:#fff}.nft-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.nft-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.nft-card:hover{background:#ffffff0d;border-color:#22c55e4d;box-shadow:0 12px 40px #22c55e1a;transform:translateY(-4px)}.nft-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.nft-thumbnail{align-items:center;background:#22c55e1a;border-radius:12px;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.nft-badges{display:flex;gap:6px}.badge{border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px}.badge.verified{background:#3b82f633;color:#3b82f6}.badge.trending{background:#f5656533;color:#f56565}.badge.featured{background:#fbbf2433;color:#fbbf24}.nft-name{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.nft-description{color:#ffffffb3;font-size:13px;line-height:1.4;margin:0 0 16px}.nft-meta{justify-content:space-between;margin-bottom:16px}.nft-author,.nft-meta{align-items:center;display:flex}.nft-author{font-size:13px;gap:8px}.author-name{color:#fffc;font-weight:500}.nft-type{background:#ffffff1a;border-radius:6px;color:#fffc;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.nft-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.stat{gap:4px}.stat-label{font-size:11px;font-weight:600}.stat-value{font-size:16px}.stat-value.positive{color:#22c55e}.stat-value.negative{color:#ef4444}.nft-yield{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:16px;padding:8px 12px}.nft-actions{display:flex;gap:8px}.action-btn{flex:1 1;gap:6px}.portfolio-content{max-width:1200px}.portfolio-header{margin-bottom:32px}.portfolio-header h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 24px}.portfolio-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.portfolio-stat{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;position:relative;text-align:center}.portfolio-stat .stat-value{color:#22c55e;font-size:20px;font-weight:700;margin-bottom:4px}.portfolio-stat .stat-label{color:#fff9;font-size:13px}.claim-btn{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px;transition:all .2s ease}.claim-btn:hover{background:#16a34a}.portfolio-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:32px}.portfolio-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.portfolio-nft{display:flex;gap:16px}.portfolio-nft .nft-thumbnail{font-size:24px;height:48px;width:48px}.nft-details h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.nft-details p{color:#ffffffb3;font-size:13px;margin:0 0 12px}.portfolio-metrics{display:flex;gap:16px}.metric{color:#fffc;font-size:12px}.mint-content{margin:0 auto;max-width:800px}.mint-header{margin-bottom:40px;text-align:center}.mint-header h2{color:#fff;font-size:28px;font-weight:600;margin:0 0 12px}.mint-header p{color:#ffffffb3;font-size:16px;margin:0}.mint-form{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:32px}.form-section{margin-bottom:24px}.form-row{grid-gap:20px;gap:20px}.form-section label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-section input,.form-section select,.form-section textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{background:#ffffff14;border-color:#22c55e}.form-section textarea{min-height:100px;resize:vertical}.upload-area{border:2px dashed #fff3;border-radius:12px;cursor:pointer;padding:40px;text-align:center;transition:all .2s ease}.upload-area:hover{background:#22c55e0d;border-color:#22c55e}.upload-area svg{color:#fff6;margin-bottom:16px}.upload-area p{color:#fff;font-size:16px;margin:0 0 8px}.upload-area span{color:#fff9;font-size:13px}.form-section input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;height:6px;outline:none;padding:0}.form-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#22c55e;border-radius:50%;cursor:pointer;height:20px;width:20px}.mint-actions{margin-top:32px;text-align:center}.mint-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 4px 20px #22c55e4d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.mint-btn:hover{box-shadow:0 8px 32px #22c55e66;transform:translateY(-2px)}.mint-cost{font-size:12px;margin-left:8px;opacity:.8}.nft-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.nft-modal{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.modal-header button{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-header button:hover{background:#fff3}.modal-content{padding:24px}.modal-info p{color:#fffc;line-height:1.6;margin-bottom:20px}.modal-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.modal-stats div{background:#ffffff0d;border-radius:8px;color:#fffc;font-size:14px;padding:12px}.modal-actions{display:flex;gap:12px}.modal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.modal-btn.primary{background:#22c55e;color:#fff}.modal-btn.primary:hover{background:#16a34a}.modal-btn.secondary{background:#ffffff1a;color:#fffc}.modal-btn.secondary:hover{background:#ffffff26;color:#fff}.professional-exchange-layout{display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 200px);padding:16px}.market-overview-header{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.market-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.stat-card:hover{background:#ffffff0d;border-color:#22c55e4d}.stat-card.primary{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border-color:#22c55e4d}.stat-icon{align-items:center;background:#22c55e1a;border-radius:8px;color:#22c55e;display:flex;height:40px;justify-content:center;width:40px}.stat-data{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:20px}.stat-label{letter-spacing:.5px}.stat-change{font-size:12px;font-weight:600}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.trading-layout-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:280px 1fr 320px}.owned-snippets-sidebar{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;overflow-y:auto;padding:24px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.sidebar-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.portfolio-value{color:#22c55e;font-size:20px;font-weight:700}.owned-snippets-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.owned-snippet-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.owned-snippet-card:hover{background:#ffffff14;border-color:#22c55e4d}.snippet-icon{align-items:center;background:#22c55e1a;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.snippet-info{flex:1 1}.snippet-info h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 8px}.snippet-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.snippet-stats span:first-child{color:#ffffffb3;font-size:12px}.price-change{font-size:12px;font-weight:600}.price-change.positive{color:#22c55e}.price-change.negative{color:#ef4444}.snippet-value{color:#fffc;font-size:12px}.portfolio-actions{gap:12px}.portfolio-btn{align-items:center;background:#22c55e;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.portfolio-btn:hover{background:#16a34a;transform:translateY(-1px)}.portfolio-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.portfolio-btn.secondary:hover{background:#ffffff26;color:#fff}.trading-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.trading-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px}.trading-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.search-controls{max-width:300px}.trading-table-container{flex:1 1;overflow-x:auto;overflow-y:auto}.trading-table{border-collapse:collapse;font-size:14px;width:100%}.trading-table th{background:#ffffff0d;border-bottom:1px solid #ffffff1a;color:#fffc;font-size:13px;font-weight:600;padding:16px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.trading-table td{border-bottom:1px solid #ffffff0d;color:#fff;padding:16px 12px}.title-cell{min-width:200px}.title-content{gap:12px}.title-content,.title-info{align-items:center;display:flex}.title-info{gap:8px}.snippet-title{color:#fff;font-weight:600}.verified-badge{color:#3b82f6;font-size:12px}.trending-badge{font-size:12px}.author-cell{min-width:120px}.author-info{align-items:center;display:flex;gap:8px}.author-avatar{font-size:16px}.type-cell{min-width:100px}.type-badge{border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.type-badge.app{background:#3b82f633;color:#3b82f6}.type-badge.contract{background:#a855f733;color:#a855f7}.type-badge.library{background:#22c55e33;color:#22c55e}.type-badge.snippet{background:#fbbf2433;color:#fbbf24}.price-cell{color:#22c55e}.change-cell,.price-cell{font-weight:600;min-width:100px}.change-cell.positive{color:#22c55e}.change-cell.negative{color:#ef4444}.holders-cell,.liquidity-cell,.tokens-cell,.volume-cell{color:#fffc;min-width:100px}.actions-cell{min-width:120px}.trade-btn{border-radius:6px;font-size:12px;margin-right:6px;padding:6px 12px}@media (max-width:768px){.exchange-header{padding:16px}.header-content{flex-direction:column;gap:16px;text-align:center}.exchange-tabs{justify-content:center}.tab{font-size:13px;padding:10px 16px}.exchange-content{padding:24px 16px}.market-stats{grid-template-columns:1fr}.market-controls{flex-direction:column;gap:16px}.filter-section{width:100%}.filter-select,.sort-select{flex:1 1}.nft-grid{gap:16px}.form-row,.nft-grid{grid-template-columns:1fr}.mint-form{padding:20px}.portfolio-grid{grid-template-columns:1fr}.portfolio-stats{grid-template-columns:1fr 1fr}.marketplace-layout{gap:16px;grid-template-columns:1fr;height:auto}.owned-snippets-sidebar{order:2;padding:16px}.trading-section{order:1}.trading-table-container{overflow-x:scroll}.trading-table{min-width:800px}.trading-layout-grid{gap:16px;grid-template-columns:1fr}.portfolio-panel{order:3}.trading-panel{order:1}.analytics-panel{order:2}}.portfolio-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.panel-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-bottom:12px}.panel-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.portfolio-value{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.portfolio-value .value{color:#22c55e;font-size:18px;font-weight:700}.portfolio-value .change{font-size:12px;font-weight:600}.portfolio-summary{display:flex;flex-direction:column;gap:12px}.portfolio-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{color:#fff9}.metric-value{font-size:14px}.metric-value.positive{color:#22c55e}.claim-dividends-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.claim-dividends-btn:hover{box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.holdings-list{display:flex;flex-direction:column;gap:8px}.holdings-list h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 8px}.holding-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.holding-item:hover{background:#ffffff14;border-color:#22c55e4d}.holding-icon{align-items:center;background:#22c55e1a;border-radius:6px;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.holding-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.holding-name{color:#fff;font-size:13px;font-weight:600}.holding-position{color:#fff9;font-size:11px}.holding-value{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.holding-value .value{color:#fff;font-size:13px;font-weight:600}.holding-value .change{font-size:11px;font-weight:600}.portfolio-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.action-btn.primary{background:#22c55e;color:#fff}.action-btn.primary:hover{background:#16a34a;transform:translateY(-1px)}.action-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.action-btn.secondary:hover{background:#ffffff26;color:#fff}.trading-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.panel-header .header-left{align-items:center;display:flex;gap:12px}.live-indicator{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;display:flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.header-controls{gap:12px}.header-controls,.search-box{align-items:center;display:flex}.search-box{position:relative}.search-box svg{color:#ffffff80;left:10px;position:absolute;z-index:2}.search-box input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:13px;outline:none;padding:8px 12px 8px 32px;transition:all .2s ease;width:200px}.search-box input:focus{background:#ffffff14;border-color:#22c55e}.view-controls{border:1px solid #ffffff1a;border-radius:6px;display:flex;overflow:hidden}.view-btn{background:#0000;border:none;color:#ffffffb3;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.view-btn.active{background:#22c55e;color:#fff}.table-controls{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.filter-tabs{display:flex;gap:4px}.filter-tab{background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.filter-tab.active{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.sort-controls .sort-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;outline:none;padding:6px 12px}.professional-table-container{flex:1 1;overflow:auto}.professional-trading-table{border-collapse:collapse;font-size:13px;width:100%}.professional-trading-table th{background:#ffffff0d;border-bottom:1px solid #ffffff1a;color:#fffc;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.professional-trading-table td{border-bottom:1px solid #ffffff0d;padding:12px 8px;vertical-align:middle}.trading-row{cursor:pointer;transition:all .2s ease}.trading-row:hover{background:#ffffff05}.rank-col{text-align:center;width:40px}.rank{color:#fff9;font-weight:600}.asset-col{min-width:200px}.asset-info{gap:12px}.asset-icon,.asset-info{align-items:center;display:flex}.asset-icon{background:#22c55e1a;border-radius:6px;font-size:16px;height:32px;justify-content:center;width:32px}.asset-details{display:flex;flex-direction:column;gap:2px}.asset-name{align-items:center;color:#fff;display:flex;font-weight:600;gap:6px}.verified-icon{color:#3b82f6;font-size:12px}.asset-meta{align-items:center;display:flex;gap:8px}.author{color:#fff9;font-size:11px}.type-pill{background:#ffffff1a;border-radius:4px;color:#fffc;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.price-col{min-width:100px}.price-info{display:flex;flex-direction:column;gap:2px}.price{color:#fff;font-weight:600}.price-usd{color:#fff9;font-size:11px}.change-col{min-width:80px}.change-info{display:flex;flex-direction:column;gap:4px}.change-percent{font-weight:600}.change-bar{background:#ffffff1a;border-radius:1px;height:2px;overflow:hidden;width:40px}.bar-fill{background:currentColor;height:100%;transition:width .3s ease}.volume-col{min-width:100px}.volume-info{display:flex;flex-direction:column;gap:2px}.volume{color:#fff;font-weight:600}.volume-usd{color:#fff9;font-size:11px}.mcap-col{min-width:100px}.mcap-info{display:flex;flex-direction:column;gap:2px}.mcap{color:#fff;font-weight:600}.mcap-rank{color:#fff9;font-size:11px}.supply-col{min-width:100px}.supply-info{display:flex;flex-direction:column;gap:2px}.supply{color:#fff;font-weight:600}.supply-total{color:#fff9;font-size:11px}.holders-col{min-width:80px}.holders-info{display:flex;flex-direction:column;gap:2px}.holders-count{color:#fff;font-weight:600}.holders-change{color:#22c55e;font-size:11px}.yield-col{min-width:80px}.yield-info{align-items:center;display:flex;gap:4px}.yield-percent{color:#22c55e;font-weight:600}.yield-icon{color:#22c55e}.actions-col{min-width:120px}.trade-actions{display:flex;gap:6px}.trade-btn{border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:all .2s ease}.trade-btn.buy{background:#22c55e;color:#fff}.trade-btn.buy:hover{background:#16a34a}.trade-btn.sell{background:#ef4444;color:#fff}.trade-btn.sell:hover{background:#dc2626}.analytics-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.analytics-content{display:flex;flex-direction:column;gap:20px}.gainers-section,.news-section,.trending-section,.volume-section{display:flex;flex-direction:column;gap:8px}.gainers-section h4,.news-section h4,.trending-section h4,.volume-section h4{color:#fff;font-size:14px;font-weight:600;margin:0}.gainers-list,.news-list,.trending-list,.volume-list{display:flex;flex-direction:column;gap:6px}.gainer-item,.news-item,.trending-item,.volume-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px;transition:all .2s ease}.gainer-item:hover,.news-item:hover,.trending-item:hover,.volume-item:hover{background:#ffffff14;border-color:#22c55e4d}.trending-item{gap:8px}.trending-icon{background:#22c55e1a;border-radius:4px;font-size:12px;height:20px;justify-content:center;width:20px}.trending-icon,.trending-info{align-items:center;display:flex}.trending-info{flex:1 1;justify-content:space-between}.trending-name{color:#fff}.trending-change,.trending-name{font-weight:600}.gainer-name,.volume-name{color:#fff;font-weight:600}.gainer-change,.volume-amount{font-weight:600}.volume-amount{color:#22c55e}.news-title{color:#fff;font-weight:500}.news-time{color:#fff9;font-size:11px}.positive{color:#22c55e}.negative{color:#ef4444}.token-page{background:#0a0a0a;color:#fff;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;min-height:100vh;padding-top:96px;transition:margin-left .3s ease}@media (min-width:769px){.token-page.with-sidebar-expanded{margin-left:260px}.token-page.with-sidebar-collapsed{margin-left:60px}}.token-container{margin:0 auto;max-width:1200px;padding:0 40px}@media (min-width:769px){.token-page.with-sidebar-expanded .token-container{max-width:calc(100vw - 340px)}.token-page.with-sidebar-collapsed .token-container{max-width:calc(100vw - 140px)}}@media (min-width:1440px){.token-page.with-sidebar-expanded .token-container{max-width:min(1200px,calc(100vw - 420px))}.token-page.with-sidebar-collapsed .token-container{max-width:min(1200px,calc(100vw - 220px))}}.token-hero{align-items:center;background:#000;display:flex;flex-direction:column;justify-content:center;left:0;margin:-24px calc(-50vw + 50%) 40px;min-height:40vh;padding:60px 20px 40px;position:relative;right:0;text-align:center;width:100vw}.token-badge{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:100px;color:#000;display:inline-block;font-size:14px;font-weight:500;letter-spacing:2px;margin-top:20px;padding:8px 20px;text-transform:uppercase}.token-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#16a34a,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:200;letter-spacing:-1px;line-height:1.1;margin:0 0 16px}.token-tagline{color:#fff9;font-size:16px;font-weight:300;line-height:1.4;margin:0 auto;max-width:600px}section{border-top:1px solid #ffffff0d;padding:40px 0;position:relative}section:first-of-type{border-top:none}section h2{color:#fff;font-size:28px;font-weight:200;letter-spacing:-.5px;margin-bottom:30px;text-align:center}.philosophy-section{background:#0a0a0a}.philosophy-content{margin:0 auto;max-width:900px}.philosophy-content p{color:#fffc;font-size:16px;font-weight:300;line-height:1.7;margin-bottom:18px}.philosophy-content strong{color:#22c55e;font-weight:500}.philosophy-points{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:30px}.point{border-left:2px solid #22c55e;padding:20px;text-align:left}.point .icon{display:none}.point h3{color:#22c55e;font-size:16px;font-weight:400;letter-spacing:0;margin:0 0 8px}.point p{color:#ffffffb3;font-size:15px;font-weight:300;line-height:1.5;margin:0}.token-model-section{background:#0a0a0a}.model-card{background:#0000;border-left:2px solid #ffffff1a;border-radius:0;margin-bottom:30px;padding:0 0 0 24px}.model-card.warning{border-left-color:#ff00004d}.model-card h3{color:#fff;font-size:20px;font-weight:300;letter-spacing:-.5px;margin:0 0 20px}.model-card ul{list-style:none;margin:0;padding:0}.model-card li{border-bottom:1px solid #ffffff08;color:#fffc;font-size:16px;font-weight:300;line-height:1.6;padding:12px 0}.model-card li:last-child{border-bottom:none}.model-card li strong{color:#22c55e;font-weight:500;margin-right:8px}.business-section{background:#0a0a0a}.business-content .intro{color:#fffc;font-size:18px;font-weight:300;line-height:1.6;margin:0 auto 40px;max-width:800px;text-align:center}.business-model{margin-bottom:40px}.business-model h3{color:#22c55e;font-size:22px;font-weight:300;letter-spacing:-.5px;margin-bottom:24px;text-align:center}.revenue-streams{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.stream{background:#0000;border:1px solid #ffffff1a;border-radius:4px;padding:20px;position:relative;text-align:center;transition:all .2s ease}.stream:hover{background:#ffffff03;border-color:#22c55e4d}.stream.featured{background:#22c55e03;border-color:#22c55e}.stream.featured:before{background:#22c55e;border-radius:100px;color:#000;content:"POPULAR";font-size:9px;font-weight:600;left:50%;letter-spacing:.5px;padding:2px 8px;position:absolute;top:-8px;transform:translateX(-50%)}.stream h4{color:#22c55e;font-size:18px;font-weight:400;margin:0 0 10px}.stream p{color:#fff9;font-size:14px;font-weight:300;line-height:1.5;margin:0 0 12px}.stream .price{color:#fff;font-size:24px;font-weight:200;margin:0}.value-flow{background:#0000;border:1px solid #22c55e33;border-radius:4px;padding:24px}.value-flow h3{color:#22c55e;font-size:18px;font-weight:300;margin:0 0 20px;text-align:center}.flow-diagram{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.flow-item{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:100px;color:#fffc;display:inline-flex;font-size:15px;font-weight:300;gap:8px;padding:10px 18px}.flow-item .arrow{color:#22c55e;font-size:14px}.contribute-section{background:#0a0a0a}.contribute-steps{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto 40px;max-width:100%}.step{border-left:2px solid #22c55e4d;padding:16px;text-align:left}.step-number{background:#0000;border:1px solid #22c55e;color:#22c55e;display:inline-flex;font-size:16px;font-weight:300;height:32px;margin-bottom:12px;width:32px}.step h3{color:#fff;font-size:15px;font-weight:400;margin:0 0 8px}.step p{color:#fff9;font-size:15px;font-weight:300;line-height:1.5;margin:0}.contribution-examples{background:#0000;border-left:2px solid #22c55e4d;margin:0 auto;max-width:800px;padding-left:24px}.contribution-examples h3{color:#22c55e;font-size:18px;font-weight:300;margin:0 0 16px}.contribution-examples ul{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.contribution-examples li{color:#fffc;font-size:15px;font-weight:300;padding-left:20px;position:relative}.contribution-examples li:before{color:#4caf50;content:"✓";font-size:14px;left:0;position:absolute}.stats-section{background:#0a0a0a}.stats-grid{grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:100%}.stat{border:1px solid #ffffff14;border-radius:4px;padding:20px 16px}.stat:hover{background:#ffffff03;border-color:#22c55e4d}.stat h3{color:#fff6;font-size:10px;font-weight:500;letter-spacing:1.5px;margin:0 0 12px;text-transform:uppercase}.stat-value{font-size:32px;margin:0 0 4px}.stat-label{color:#ffffff80;font-weight:300;margin:0}.legal-section{background:#0a0a0a}.legal-content{background:#0000;border-left:2px solid #ff00004d;border-radius:0;margin:0 auto;max-width:900px;padding:0 0 0 24px}.legal-content p{color:#fffc;font-size:15px;font-weight:300;line-height:1.6;margin-bottom:16px}.legal-content p:last-child{margin-bottom:0}.legal-content strong{color:#f44;font-weight:500}.cta-section{background:#0a0a0a;border-top:1px solid #ffffff0d;padding:60px 20px}.cta-section h2{color:#fff;font-size:32px;font-weight:200;letter-spacing:-1px;margin:0 0 24px}.cta-buttons{display:inline-flex;gap:16px}.cta-btn{align-items:center;border-radius:100px;display:inline-flex;font-size:13px;font-weight:400;gap:8px;letter-spacing:.5px;padding:10px 24px;text-decoration:none;transition:all .2s ease}.cta-btn.primary{background:linear-gradient(90deg,#22c55e,#16a34a);border:none;color:#000}.cta-btn.primary:hover{box-shadow:0 6px 20px #22c55e33;transform:translateY(-1px)}.cta-btn.secondary{background:#0000;border:1px solid #22c55e80;color:#22c55e}.cta-btn.secondary:hover{background:#22c55e0d;border-color:#22c55e}.cta-btn svg{height:16px;width:16px}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.5px}p{font-weight:300}@media (max-width:768px){.token-hero h1{font-size:32px}.token-tagline{font-size:14px}section h2{font-size:24px}.contribute-steps,.contribution-examples ul,.philosophy-points,.revenue-streams,.stats-grid{grid-template-columns:1fr}.flow-diagram{flex-direction:column;gap:8px}.flow-item{justify-content:center;width:100%}}.contracts-page{background:#0a0a0a;color:#fff;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;min-height:100vh;padding-top:96px;transition:margin-left .3s ease}@media (min-width:769px){.contracts-page.with-sidebar-expanded{margin-left:260px}.contracts-page.with-sidebar-collapsed{margin-left:60px}}.contracts-container{margin:0 auto;max-width:1200px;padding:0 40px}@media (min-width:769px){.contracts-page.with-sidebar-expanded .contracts-container{max-width:calc(100vw - 340px)}.contracts-page.with-sidebar-collapsed .contracts-container{max-width:calc(100vw - 140px)}}@media (min-width:1440px){.contracts-page.with-sidebar-expanded .contracts-container{max-width:min(1200px,calc(100vw - 420px))}.contracts-page.with-sidebar-collapsed .contracts-container{max-width:min(1200px,calc(100vw - 220px))}}.contracts-hero{align-items:center;background:#000;display:flex;flex-direction:column;justify-content:center;left:0;margin:-24px calc(-50vw + 50%) 40px;min-height:40vh;padding:60px 20px 40px;position:relative;right:0;text-align:center;width:100vw}.contracts-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:200;letter-spacing:-1px;line-height:1.1;margin:0 0 16px}.contracts-tagline{color:#fff9;font-size:16px;font-weight:300;line-height:1.4;margin:0 auto;max-width:600px}.contracts-badge{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:100px;color:#000;display:inline-block;font-size:14px;font-weight:500;letter-spacing:2px;margin-top:20px;padding:8px 20px;text-transform:uppercase}.contracts-tabs-section{background:#0d0d0d;border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff0d;margin-bottom:30px;padding:20px 0}.contracts-tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.contracts-tabs button{background:#0000;border:1px solid #ffffff1a;border-radius:100px;color:#fff9;cursor:pointer;font-family:inherit;font-size:15px;font-weight:400;padding:10px 30px;transition:all .3s ease}.contracts-tabs button:hover{border-color:#22c55e80;color:#22c55e}.contracts-tabs button.active{background:linear-gradient(90deg,#22c55e,#16a34a);border-color:#0000;color:#000}.contracts-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-value{font-size:36px;font-weight:200;letter-spacing:-1px;margin-bottom:8px}.stat-label{font-weight:400}.contracts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:60px}.contract-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:24px;transition:all .3s ease}.contract-card:hover{border-color:#22c55e;box-shadow:0 8px 32px #22c55e1a;transform:translateY(-4px)}.contract-header{align-items:flex-start}.contract-header h3{color:#fff;flex:1 1;font-size:18px;font-weight:400;margin:0;padding-right:10px}.contract-header .contract-status{border-radius:20px;color:#000;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.8px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.contract-title{flex:1 1;font-size:18px;font-weight:400;margin:0 0 8px}.priority-badge{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.priority-badge.Critical{background:#f4433633;border:1px solid #f443364d;color:#f44336}.priority-badge.High{background:#ff980033;border:1px solid #ff98004d;color:#ff9800}.priority-badge.Medium{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.priority-badge.Low{background:#8bc34a33;border:1px solid #8bc34a4d;color:#8bc34a}.contract-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:14px;font-weight:300;line-height:1.6;margin-bottom:16px;overflow:hidden}.contract-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:#fff6;font-size:11px;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#22c55e;font-size:14px}.contract-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.skill-tag{border-radius:16px;color:#fffc;font-size:12px;font-weight:400;padding:4px 10px}.contract-status{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:16px}.status-badge{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.available{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.status-badge.claimed,.status-badge.in_progress{background:#ff980033;border:1px solid #ff98004d;color:#ff9800}.status-badge.submitted{background:#2196f333;border:1px solid #2196f34d;color:#2196f3}.status-badge.completed{background:#9c27b033;border:1px solid #9c27b04d;color:#9c27b0}.view-issue-link{align-items:center;color:#fff9;display:inline-flex;font-size:12px;font-weight:400;gap:6px;text-decoration:none;transition:color .3s ease}.view-issue-link:hover{color:#22c55e}.contracts-loading{color:#ffffff80;font-size:16px;font-weight:300;padding:60px 20px;text-align:center}.claim-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.claim-modal{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.claim-modal-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding:24px 24px 16px}.claim-modal-header h2{color:#fff;font-size:24px;font-weight:300;margin:0 0 8px}.claim-modal-header p{color:#fff9;font-size:14px;font-weight:300;margin:0}.close-modal{align-items:center;background:none;border:none;color:#fff6;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;position:absolute;right:24px;top:24px;transition:color .3s ease;width:32px}.close-modal:hover{color:#fffc}.claim-form{padding:0 24px 24px}.form-group label{color:#fffc;font-weight:400}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;font-weight:300;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{background:#ffffff14;border-color:#22c55e;outline:none}.form-group input::placeholder{color:#ffffff4d}.contract-summary{background:#22c55e0d;border:1px solid #22c55e33;border-radius:8px;margin-bottom:24px;padding:16px}.contract-summary h3{color:#22c55e;font-size:16px;font-weight:400;margin:0 0 12px}.contract-summary p{color:#ffffffb3;font-size:14px;font-weight:300;margin:8px 0}.contract-summary strong{color:#fff;font-weight:400}.terms-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:24px;padding:16px}.terms-section h4{color:#fffc;font-size:14px;font-weight:400;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.terms-section ul{margin:0;padding-left:20px}.terms-section li{color:#fff9;font-size:13px;font-weight:300;line-height:1.6;margin-bottom:8px}.submit-claim-button{background:linear-gradient(90deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:1px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-claim-button:hover{box-shadow:0 8px 24px #22c55e4d;transform:translateY(-2px)}.submit-claim-button:active{transform:translateY(0)}.auth-options{display:flex;flex-direction:column;gap:12px;margin-top:16px}.auth-button{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;padding:12px 20px;transition:all .3s ease}.auth-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.auth-button.github-auth:hover{background:#6e40c91a;border-color:#6e40c9}.auth-button.google-auth:hover{background:#4285f41a;border-color:#4285f4}.auth-button.handcash-auth:hover{background:#38cb7c1a;border-color:#38cb7c}.auth-button svg{height:20px;width:20px}.contract-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.contract-modal-content{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;max-height:90vh;max-width:700px;overflow-y:auto;padding:40px;position:relative;width:100%}.contract-modal-content h2{color:#fff;font-size:24px;font-weight:500;margin:0 0 20px}.contract-modal-meta{display:flex;gap:12px;margin-bottom:30px}.priority-badge,.reward-badge,.time-badge{border-radius:20px;font-size:13px;font-weight:500;padding:6px 14px}.priority-badge{background:#22c55e33;border:1px solid #22c55e;color:#22c55e}.reward-badge{background:#f7931a33;border:1px solid #16a34a;color:#16a34a}.time-badge{background:#ffffff1a;border:1px solid #fff3;color:#fff}.contract-modal-section{margin-bottom:30px}.contract-modal-section h3{color:#22c55e;font-size:16px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.contract-modal-section p{color:#ffffffb3;font-size:14px;line-height:1.6}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:16px;color:#22c55e;font-size:13px;padding:4px 12px}.deliverables-list{margin:0;padding-left:20px}.deliverables-list li{color:#ffffffb3;font-size:14px;line-height:1.5;margin-bottom:8px}.contract-actions{display:flex;gap:16px;margin-top:30px}.github-button{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:14px;font-weight:500;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.github-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.close-button{background:#0000;border:1px solid #fff3;border-radius:50%;font-size:24px;height:32px;right:20px;top:20px;width:32px}.close-button:hover{background:#22c55e33;border-color:#22c55e;color:#22c55e;transform:rotate(90deg)}.claim-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.claim-modal-content{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;max-width:500px;padding:40px;position:relative;width:100%}.claim-modal-content h2{color:#22c55e;font-size:24px;font-weight:500;margin:0 0 16px}.claim-modal-content p{color:#ffffffb3;font-size:14px;line-height:1.5;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:#ffffffe6;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:10px 14px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#22c55e0d;border-color:#22c55e;outline:none}.claim-terms{background:#22c55e0d;border:1px solid #22c55e33;border-radius:8px;margin-bottom:24px;padding:16px}.claim-terms h4{color:#22c55e;font-size:14px;font-weight:500;margin:0 0 12px}.claim-terms ul{margin:0;padding-left:20px}.claim-terms li{color:#fff9;font-size:13px;margin-bottom:6px}.publisher-actions{display:flex;justify-content:flex-end;margin-bottom:30px}.create-contract-btn{background:linear-gradient(90deg,#22c55e,#16a34a);border:none;border-radius:100px;color:#000;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s ease}.create-contract-btn:hover{box-shadow:0 10px 30px #22c55e4d;transform:translateY(-2px)}.contract-details{border-top:1px solid #ffffff0d;margin-top:15px;padding-top:15px}.detail-row{font-size:13px;margin-bottom:8px}.detail-label{color:#ffffff80;font-weight:300}.detail-value{color:#fffc;font-weight:400}.contract-topics{border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:15px}.topic-tag{background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;color:#ffffffb3;font-size:12px;padding:4px 10px}.ai-verification{border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.ai-metric{text-align:center}.metric-label{color:#ffffff80;display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.metric-value{font-size:16px;font-weight:600}.contract-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#ffffff80;font-size:13px;font-weight:300}.info-item span{color:#ffffffe6;font-size:14px;font-weight:400}.ai-results{gap:15px}.ai-result-item,.ai-results{display:flex;flex-direction:column}.ai-result-item{gap:8px}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.approve-button,.download-button,.fund-button,.reject-button{border:none;border-radius:100px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.fund-button{background:linear-gradient(90deg,#22c55e,#16a34a);color:#000}.approve-button{background:#22c55e;color:#fff}.reject-button{background:#0000;border:1px solid #ef4444;color:#ef4444;margin-right:10px}.download-button{background:#3b82f6;color:#fff}.approve-button:hover,.download-button:hover,.fund-button:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.reject-button:hover{background:#ef44441a}.contract-type{display:inline-block;text-transform:capitalize}.budget-badge,.deadline-badge,.type-badge,.words-badge{border-radius:20px;font-size:13px;font-weight:500;margin-right:10px;padding:6px 12px}.topics-list{display:flex;flex-wrap:wrap;gap:10px}.topic-badge{background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;color:#22c55e;font-size:13px;padding:6px 12px}.hero-actions{margin-top:20px}.primary-cta-button{background:linear-gradient(90deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:1px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.primary-cta-button:hover{box-shadow:0 12px 30px #22c55e66;transform:translateY(-2px)}.back-navigation{margin-bottom:30px}.back-button{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#ffffff0d;border-color:#22c55e}.submissions-section{background:#22c55e0d;border:1px solid #22c55e1a;border-radius:12px;margin:40px 0;padding:30px}.submissions-section h2{color:#22c55e;font-size:24px;font-weight:300;margin-bottom:20px}.submissions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.submission-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:20px;transition:all .3s ease}.submission-card:hover{background:#22c55e0d;border-color:#22c55e4d}.submission-card h3{color:#fff;font-size:16px;font-weight:400;margin-bottom:10px}.submission-card p{color:#ffffffb3;font-size:14px;margin-bottom:10px}.bwriter-award{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:12px;color:#000;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}@media (max-width:768px){.contracts-page{padding-top:120px}.contracts-container{padding:0 20px}.contracts-hero h1{font-size:32px}.contract-details,.contracts-grid{grid-template-columns:1fr}.contracts-stats{grid-template-columns:repeat(2,1fr)}}.app-footer{background:#0a0a0a;border-top:1px solid #22c55e33;color:#f0f0f0;margin-top:auto;padding:3rem 2rem 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto 2rem;max-width:1200px}.footer-section h4{color:#22c55e;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#d0d0d0;font-size:.95rem;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:#22c55e}.footer-logo{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.bitcoin-symbol{color:#22c55e;font-size:1.8rem;font-weight:700}.app-name{color:#fff;font-size:1.5rem;font-weight:600}.footer-tagline{color:silver;font-size:1rem;line-height:1.5;margin:0}.footer-bottom{align-items:center;border-top:1px solid #22c55e1a;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding-top:2rem}.footer-bottom,.footer-copyright{text-align:center}.footer-copyright p{color:#a0a0a0;font-size:.9rem;line-height:1.4;margin:.25rem 0}.footer-copyright a{color:#22c55e;text-decoration:none}.footer-copyright a:hover{text-decoration:underline}.footer-links{margin-top:10px}.footer-links a{color:#999;margin:0 10px;text-decoration:none}.footer-links a:hover{color:#22c55e;text-decoration:underline}.footer-links .separator{color:#666;margin:0 5px}@media (max-width:768px){.app-footer{padding:2rem 1rem 1rem}.footer-content{gap:2rem;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem}.footer-bottom,.footer-license{text-align:center}}@media (max-width:1024px){.footer-content{gap:2rem;grid-template-columns:1fr 1fr}}.bitcoin-git-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.hero-section{align-items:center;display:flex;gap:4rem;min-height:90vh;padding:2rem 4rem}.hero-content{flex:1 1;max-width:600px}.hero-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.hero-icon{color:#22c55e;height:48px;width:48px}.hero-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.version-badge{background:#f7931a33;border:1px solid #f7931a4d;border-radius:1rem;color:#22c55e;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 1rem}.hero-subtitle{color:#b0b0b0;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.cta-button{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 20px #f7931a4d;color:#fff}.cta-button.primary:hover{box-shadow:0 8px 30px #f7931a66;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #fff3;color:#fff}.cta-button.secondary:hover{background:#ffffff1a;border-color:#fff6}.cta-button.large{font-size:1.1rem;padding:1.25rem 2.5rem}.hero-stats{display:flex;gap:3rem}.stat strong{color:#22c55e;display:block;font-size:2rem;font-weight:800;margin-bottom:.25rem}.stat span{color:#b0b0b0;font-size:.9rem}.hero-visual{align-items:center;display:flex;flex:1 1;justify-content:center}.terminal-demo{background:#000;border:1px solid #333;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.terminal-header{align-items:center;background:#2d2d2d;border-bottom:1px solid #444;display:flex;gap:.5rem;padding:1rem}.terminal-dot{border-radius:50%;height:12px;width:12px}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#28ca42}.terminal-title{color:#888;margin-left:auto}.terminal-content,.terminal-title{font-family:Monaco,Consolas,monospace;font-size:.875rem}.terminal-content{line-height:1.6;padding:1.5rem}.terminal-line{margin-bottom:.5rem}.prompt{color:#22c55e;margin-right:.5rem}.terminal-line.success{color:#28ca42}.hash{color:#888;font-size:.75rem}.content-section{margin:0 auto;max-width:1400px;padding:4rem}.tab-navigation{border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;margin-bottom:3rem}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#b0b0b0;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.tab-button:hover{color:#fff}.tab-button.active{border-bottom-color:#22c55e;color:#22c55e}.tab-content{min-height:600px}.tab-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.section-header h3{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{color:#b0b0b0;font-size:1.1rem;line-height:1.6}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.feature-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem;transition:all .3s ease}.feature-card:hover{background:#ffffff14;border-color:#f7931a4d;transform:translateY(-4px)}.feature-icon{color:#22c55e;height:48px;margin-bottom:1rem;width:48px}.feature-card h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#b0b0b0;line-height:1.6;margin-bottom:1rem}.technical-note{align-items:center;background:#0000004d;border-left:3px solid #22c55e;border-radius:.5rem;display:flex;gap:.5rem;padding:.75rem}.technical-note span{color:#888;font-family:Monaco,Consolas,monospace;font-size:.875rem}.comparison-section{margin-top:4rem}.comparison-section h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.comparison-table{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;overflow:hidden}.comparison-header{background:#0000004d;border-bottom:1px solid #ffffff1a;color:#22c55e;font-weight:600}.comparison-header,.comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:1rem}.comparison-row{border-bottom:1px solid #ffffff0d}.comparison-row:last-child{border-bottom:none}.feature-name{color:#fff;font-weight:600}.traditional{color:#ff6b6b}.bitcoin-git{color:#51cf66;font-weight:500}.architecture-diagram{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:3rem;padding:2rem}.architecture-layer{margin-bottom:2rem}.architecture-layer:last-child{margin-bottom:0}.architecture-layer h4{color:#22c55e;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.layer-components{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.component{background:#f7931a1a;border:1px solid #f7931a4d;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem}.components-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.component-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem}.component-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.component-card h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.status-badge{border-radius:1rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-badge.active{background:#51cf6633;border:1px solid #51cf664d;color:#51cf66}.status-badge.development{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.status-badge.planning{background:#6c757d33;border:1px solid #6c757d4d;color:#6c757d}.integration-note{align-items:center;color:#888;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem}.integration-flow{flex-wrap:wrap;justify-content:center;margin:3rem 0}.flow-step,.integration-flow{align-items:center;display:flex;gap:1rem}.step-number{font-size:1.1rem;height:40px;width:40px}.step-content{max-width:200px}.step-content h4{margin-bottom:.5rem}.step-content p{color:#b0b0b0;line-height:1.4}.flow-arrow{color:#22c55e;height:24px;width:24px}.integration-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.integration-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem}.integration-icon{color:#22c55e;height:40px;margin-bottom:1rem;width:40px}.integration-card h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.integration-card p{color:#b0b0b0;line-height:1.6;margin-bottom:1rem}.code-example{background:#0006;border-left:3px solid #22c55e;border-radius:.5rem;padding:1rem}.code-example code{color:#51cf66;font-family:Monaco,Consolas,monospace;font-size:.875rem}.code-comment{color:#888;display:block;font-size:.75rem;margin-top:.5rem}.roadmap-timeline{display:flex;flex-direction:column;gap:2rem}.roadmap-phase{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem;transition:all .3s ease}.roadmap-phase.current{background:#f7931a0d;border-color:#f7931a80}.roadmap-phase.development{border-color:#ffc1074d}.phase-header{gap:1rem;margin-bottom:1.5rem}.phase-header,.phase-indicator{align-items:center;display:flex}.phase-indicator{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;width:50px}.phase-info h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.phase-status{border-radius:1rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.phase-status.current{background:#f7931a33;color:#22c55e}.phase-status.development{background:#ffc10733;color:#ffc107}.phase-status.planning{background:#6c757d33;color:#6c757d}.phase-status.future{background:#8b451333;color:#8b4513}.phase-items{list-style:none;margin:0;padding:0}.phase-items li{border-bottom:1px solid #ffffff0d;color:#b0b0b0;padding:.75rem 0 .75rem 1.5rem;position:relative}.phase-items li:last-child{border-bottom:none}.phase-items li:before{color:#22c55e;content:"→";font-weight:600;left:0;position:absolute}.future-vision{background:linear-gradient(135deg,#f7931a1a,#ff6b351a);border:1px solid #f7931a4d;border-radius:1rem;margin-top:3rem;padding:2rem;text-align:center}.future-vision h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.future-vision p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.vision-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.vision-item{align-items:center;color:#22c55e;display:flex;font-weight:500;gap:.5rem}.cta-section{background:linear-gradient(135deg,#f7931a1a,#ff6b351a);border-top:1px solid #ffffff1a;padding:4rem;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-content h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-content p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}@media (max-width:768px){.hero-section{flex-direction:column;padding:2rem;text-align:center}.hero-title{font-size:2.5rem}.hero-actions,.hero-stats{justify-content:center}.content-section{padding:2rem}.tab-navigation{flex-wrap:wrap}.features-grid{grid-template-columns:1fr}.comparison-header,.comparison-row{gap:.5rem;grid-template-columns:1fr}.integration-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.cta-buttons,.vision-features{align-items:center;flex-direction:column}}.create-offer-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;margin:0;min-height:100vh;padding:0;transition:margin-left .3s ease}.create-offer-page.with-sidebar-collapsed,.create-offer-page.with-sidebar-expanded{margin-left:0}.create-offer-container{margin:0 auto;max-width:1200px;padding:2rem}.create-offer-hero{margin-bottom:3rem;position:relative;text-align:center}.create-offer-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.create-offer-tagline{color:#fffc;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.create-offer-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50px;box-shadow:0 8px 32px #22c55e4d;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.1em;padding:.75rem 2rem;text-transform:uppercase}.offer-form-section{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr;margin-top:2rem}.offer-form{display:flex;flex-direction:column;gap:1.5rem}.preview-btn,.submit-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.tips-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;height:-webkit-fit-content;height:fit-content;padding:2rem}.tips-section h3{color:#22c55e;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.tips-list{list-style:none;margin:0;padding:0}.tips-list li{border-bottom:1px solid #ffffff1a;color:#ffffffe6;font-size:.95rem;line-height:1.5;padding:.75rem 0}.tips-list li:last-child{border-bottom:none}@media (max-width:1024px){.offer-form-section{gap:2rem}.form-row,.offer-form-section{grid-template-columns:1fr}}@media (max-width:768px){.create-offer-page.with-sidebar-collapsed,.create-offer-page.with-sidebar-expanded{margin-left:0}.create-offer-container{padding:1rem}.create-offer-hero h1{font-size:2.5rem}.form-container{padding:1.5rem}.form-actions{flex-direction:column}.preview-btn,.submit-btn{width:100%}}.guides-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;margin:0;min-height:100vh;padding:0;transition:margin-left .3s ease}.guides-page.with-sidebar-collapsed,.guides-page.with-sidebar-expanded{margin-left:0}.guides-container{margin:0 auto;max-width:1200px;padding:2rem}.guides-hero{margin-bottom:3rem;position:relative;text-align:center}.guides-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.guides-tagline{color:#fffc;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.guides-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50px;box-shadow:0 8px 32px #22c55e4d;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.1em;padding:.75rem 2rem;text-transform:uppercase}.guides-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:4rem}.guide-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.guide-card:hover{border-color:#22c55e;box-shadow:0 20px 60px #0000004d;transform:translateY(-5px)}.guide-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.guide-header h3{color:#fff;flex:1 1;font-size:1.25rem;font-weight:700;margin:0 1rem 0 0}.guide-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.level-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.level-badge.beginner{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.level-badge.intermediate{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.level-badge.advanced{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.duration{color:#fff9;font-size:.75rem;font-weight:500}.guide-description{color:#fffc;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.guide-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:#22c55e1a;border:1px solid #22c55e33;border-radius:15px;color:#22c55e;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.start-guide-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.start-guide-btn:hover{box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.quick-start{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem}.quick-start h2{color:#22c55e;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.resources-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.resource-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem;transition:all .3s ease}.resource-item:hover{background:#ffffff14;border-color:#22c55e;transform:translateY(-3px)}.resource-item h4{color:#22c55e;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.resource-item p{color:#fffc;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.resource-link{color:#22c55e;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s ease}.resource-link:hover{color:#16a34a;text-decoration:underline}@media (max-width:1024px){.guides-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.resources-grid{grid-template-columns:1fr}}@media (max-width:768px){.guides-page.with-sidebar-collapsed,.guides-page.with-sidebar-expanded{margin-left:0}.guides-container{padding:1rem}.guides-hero h1{font-size:2.5rem}.guides-grid{grid-template-columns:1fr}.guide-header{align-items:flex-start;flex-direction:column}.guide-header h3{margin-bottom:.5rem;margin-right:0}.guide-meta{align-items:center;flex-direction:row}.quick-start{padding:1.5rem}}.templates-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;margin:0;min-height:100vh;padding:0;transition:margin-left .3s ease}.templates-page.with-sidebar-collapsed,.templates-page.with-sidebar-expanded{margin-left:0}.templates-container{margin:0 auto;max-width:1200px;padding:2rem}.templates-hero{margin-bottom:3rem;position:relative;text-align:center}.templates-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.templates-tagline{color:#fffc;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.templates-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50px;box-shadow:0 8px 32px #22c55e4d;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.1em;padding:.75rem 2rem;text-transform:uppercase}.templates-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:3rem;padding:2rem}.filter-controls h3{color:#22c55e;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.category-buttons{display:flex;flex-wrap:wrap;gap:1rem}.filter-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fffc;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:#ffffff26;color:#fff}.filter-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff;font-weight:600}.templates-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:4rem}.template-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.template-card:hover{border-color:#22c55e;box-shadow:0 20px 60px #0000004d;transform:translateY(-5px)}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.template-header h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.template-rating{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:15px;color:gold;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.template-description{color:#fffc;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.template-tech{display:flex;gap:.75rem;margin-bottom:1.5rem}.tech-item{background:#3b82f61a;border:1px solid #3b82f633;border-radius:15px;color:#3b82f6;font-size:.8rem;font-weight:500;padding:.375rem .75rem}.template-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-tag{background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;color:#22c55e;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.template-stats{margin-bottom:1.5rem}.downloads{color:#fff9;font-size:.85rem;font-weight:500}.template-actions{display:flex;gap:1rem}.preview-btn,.use-template-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.preview-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.preview-btn:hover{background:#fff3;transform:translateY(-2px)}.use-template-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 16px #22c55e4d;color:#fff}.use-template-btn:hover{box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.template-creation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem;text-align:center}.template-creation h2{color:#22c55e;font-size:2rem;font-weight:700;margin-bottom:1rem}.template-creation>p{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.creation-benefits{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.benefit{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem}.benefit h4{color:#22c55e;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.benefit p{color:#fffc;font-size:.9rem;line-height:1.5;margin:0}.submit-template-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:15px;box-shadow:0 8px 32px #22c55e4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.submit-template-btn:hover{box-shadow:0 12px 40px #22c55e66;transform:translateY(-3px)}@media (max-width:1024px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.category-buttons{justify-content:center}}@media (max-width:768px){.templates-page.with-sidebar-collapsed,.templates-page.with-sidebar-expanded{margin-left:0}.templates-container{padding:1rem}.templates-hero h1{font-size:2.5rem}.templates-grid{grid-template-columns:1fr}.template-actions{flex-direction:column}.template-creation,.templates-filters{padding:1.5rem}.creation-benefits{grid-template-columns:1fr}}.commission-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;margin:0;min-height:100vh;padding:0;transition:margin-left .3s ease}.commission-page.with-sidebar-collapsed,.commission-page.with-sidebar-expanded{margin-left:0}.commission-container{margin:0 auto;max-width:1200px;padding:2rem}.commission-hero{margin-bottom:3rem;position:relative;text-align:center}.commission-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.commission-tagline{color:#fffc;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.commission-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50px;box-shadow:0 8px 32px #22c55e4d;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.1em;padding:.75rem 2rem;text-transform:uppercase}.commission-form-section{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr;margin-top:2rem}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem}.commission-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-row:has(.form-group:only-child){grid-template-columns:1fr}.form-group{gap:.5rem}.form-group label{color:#22c55e;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{border-radius:12px;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{min-height:120px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.draft-btn,.submit-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.submit-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 32px #22c55e4d;color:#fff}.submit-btn:hover{box-shadow:0 12px 40px #22c55e66;transform:translateY(-2px)}.draft-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.draft-btn:hover{background:#fff3;transform:translateY(-2px)}.info-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;height:-webkit-fit-content;height:fit-content;padding:2rem}.info-section h3{color:#22c55e;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.process-steps{margin-bottom:2rem}.step{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.step-number{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.step-content h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.step-content p{color:#ffffffb3;font-size:.875rem;margin:0}.benefits{border-top:1px solid #ffffff1a;padding-top:1.5rem}.benefits h4{color:#22c55e;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{color:#ffffffe6;font-size:.9rem;line-height:1.5;padding:.5rem 0}@media (max-width:1024px){.commission-form-section{gap:2rem}.commission-form-section,.form-row{grid-template-columns:1fr}}@media (max-width:768px){.commission-page.with-sidebar-collapsed,.commission-page.with-sidebar-expanded{margin-left:0}.commission-container{padding:1rem}.commission-hero h1{font-size:2.5rem}.form-container{padding:1.5rem}.form-actions{flex-direction:column}.draft-btn,.submit-btn{width:100%}}.find-developers-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;margin:0;min-height:100vh;padding:0;transition:margin-left .3s ease}.find-developers-page.with-sidebar-collapsed,.find-developers-page.with-sidebar-expanded{margin-left:0}.find-developers-container{margin:0 auto;max-width:1400px;padding:2rem}.find-developers-hero{margin-bottom:3rem;position:relative;text-align:center}.find-developers-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.find-developers-tagline{color:#fffc;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.find-developers-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50px;box-shadow:0 8px 32px #22c55e4d;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.1em;padding:.75rem 2rem;text-transform:uppercase}.search-section{margin-bottom:3rem}.search-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.search-input-group{flex:1 1}.search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.search-input:focus{background:#ffffff26;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.search-input::placeholder{color:#ffffff80}.filter-group{display:flex;flex-wrap:wrap;gap:1rem}.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;min-width:150px;padding:.75rem 1rem;transition:all .3s ease}.filter-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.filter-select option{background:#1a1a2e;color:#fff}.developers-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.developer-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.developer-card:hover{border-color:#22c55e;box-shadow:0 20px 60px #0000004d;transform:translateY(-5px)}.developer-card.available{border-left:4px solid #22c55e}.developer-card.busy{border-left:4px solid #f59e0b}.developer-card.unavailable{border-left:4px solid #ef4444;opacity:.7}.developer-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem;position:relative}.developer-avatar{align-items:center;background:#ffffff1a;border-radius:15px;display:flex;flex-shrink:0;font-size:3rem;height:4rem;justify-content:center;width:4rem}.developer-info{flex:1 1}.developer-info h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.developer-username{color:#22c55e;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.developer-title{color:#fffc;font-size:.9rem;line-height:1.4;margin:0}.availability-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;position:absolute;right:0;text-transform:uppercase;top:0}.availability-badge.available{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.availability-badge.busy{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.availability-badge.unavailable{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.developer-stats{grid-gap:1rem;background:#ffffff0d;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;padding:1rem}.stat-value{display:block;font-size:1.25rem;margin-bottom:.25rem}.rating-stars{display:flex;gap:.125rem;justify-content:center;margin-top:.25rem}.star{color:#ffffff4d;font-size:.875rem}.star.filled{color:#fbbf24}.developer-details,.developer-skills{margin-bottom:1.5rem}.developer-skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;color:#22c55e;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.skill-tag.more{background:#ffffff1a;border:1px solid #fff3;color:#ffffffb3}.developer-actions{display:flex;gap:.75rem}.contact-btn,.portfolio-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;justify-content:center;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease}.contact-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 16px #22c55e4d;color:#fff}.contact-btn:hover{box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.portfolio-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.portfolio-btn:hover{background:#fff3;color:#fff;text-decoration:none;transform:translateY(-2px)}.contact-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.contact-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;margin:1rem;max-width:500px;padding:2rem;position:relative;width:90%}.close-button{align-items:center;background:none;color:#ffffffb3;display:flex;font-size:1.5rem;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:color .3s ease;width:2rem}.close-button:hover{color:#fff}.contact-modal-content h2{color:#22c55e;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.contact-info{margin-bottom:2rem}.contact-method{margin-bottom:1rem}.contact-method h4{color:#fffc;font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.contact-method a,.contact-method p{color:#fff;font-size:1rem;margin:0;text-decoration:none}.contact-method a:hover{color:#22c55e;text-decoration:underline}.quick-hire{border-top:1px solid #ffffff1a;padding-top:1.5rem}.quick-hire h4{color:#22c55e;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.quick-hire p{color:#fffc}.project-brief,.quick-hire p{font-size:.9rem;margin-bottom:1rem}.project-brief{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-family:inherit;padding:1rem;resize:vertical;width:100%}.project-brief:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.project-brief::placeholder{color:#ffffff80}.send-brief-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.send-brief-btn:hover{box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}@media (max-width:1024px){.developers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.search-controls{flex-direction:column}.filter-group{justify-content:stretch}.filter-select{flex:1 1;min-width:auto}}@media (max-width:768px){.find-developers-page.with-sidebar-collapsed,.find-developers-page.with-sidebar-expanded{margin-left:0}.find-developers-container{padding:1rem}.find-developers-hero h1{font-size:2.5rem}.developers-grid{grid-template-columns:1fr}.developer-card{padding:1.5rem}.developer-stats{grid-template-columns:repeat(2,1fr)}.developer-actions{flex-direction:column}.contact-modal-content{margin:.5rem;padding:1.5rem}}@media (max-width:480px){.find-developers-hero h1{font-size:2rem}.developer-header{align-items:center;flex-direction:column;text-align:center}.availability-badge{margin-top:.5rem;position:static}.developer-stats{grid-template-columns:1fr}}.contributors-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;margin:0;min-height:100vh;padding:0;transition:margin-left .3s ease}.contributors-page.with-sidebar-collapsed,.contributors-page.with-sidebar-expanded{margin-left:0}.contributors-container{margin:0 auto;max-width:1200px;padding:2rem}.contributors-hero{margin-bottom:3rem;position:relative;text-align:center}.contributors-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.contributors-tagline{color:#fffc;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.contributors-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50px;box-shadow:0 8px 32px #22c55e4d;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.1em;padding:.75rem 2rem;text-transform:uppercase}.contributors-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem;text-align:center}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{color:#fffc;font-size:.9rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#22c55e;font-size:2rem;margin:0}.contributors-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:4rem}.contributor-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.contributor-card:hover{border-color:#22c55e;box-shadow:0 20px 60px #0000004d;transform:translateY(-5px)}.contributor-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.contributor-avatar{align-items:center;background:#ffffff1a;border-radius:15px;display:flex;flex-shrink:0;font-size:3rem;height:4rem;justify-content:center;width:4rem}.contributor-info h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.contributor-handle{color:#22c55e;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.contributor-specialty{color:#ffffffb3;font-size:.85rem;margin:0}.contributor-stats{grid-gap:1rem;background:#ffffff0d;border-radius:12px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;padding:1rem}.stat{text-align:center}.stat-label{color:#fff9;display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem}.stat .stat-value{color:#22c55e;display:block;font-size:1.25rem;font-weight:700}.contributor-details{margin-bottom:1.5rem}.detail-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#ffffffb3;font-size:.875rem;font-weight:500}.detail-value{color:#fff;font-size:.875rem;font-weight:600}.view-profile-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.view-profile-btn:hover{box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.join-contributors{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem;text-align:center}.join-contributors h2{color:#22c55e;font-size:2rem;font-weight:700;margin-bottom:1rem}.join-contributors>p{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.contribution-ways{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.way{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem}.way h4{color:#22c55e;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.way p{color:#fffc;font-size:.9rem;line-height:1.5;margin:0}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.join-btn,.tasks-btn{align-items:center;border:none;border-radius:15px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.join-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 32px #22c55e4d;color:#fff}.join-btn:hover{box-shadow:0 12px 40px #22c55e66;transform:translateY(-3px)}.tasks-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.tasks-btn:hover{background:#fff3;color:#fff;text-decoration:none;transform:translateY(-3px)}@media (max-width:1024px){.contributors-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.contributors-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.contributors-page.with-sidebar-collapsed,.contributors-page.with-sidebar-expanded{margin-left:0}.contributors-container{padding:1rem}.contributors-hero h1{font-size:2.5rem}.contributors-grid,.contributors-stats{grid-template-columns:1fr}.contributor-card,.join-contributors{padding:1.5rem}.cta-buttons{align-items:center;flex-direction:column}.join-btn,.tasks-btn{max-width:300px;width:100%}}.poc-bar{animation:gradientShift 15s ease infinite;background:linear-gradient(90deg,#ff6b6b,#f97316,#feca57,#48dbfb,#0abde3,#a55eea,#fd79a8,#ff6b6b);background-size:400% 100%;height:40px;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:10001}.poc-bar:before{background:#0000004d;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.poc-content{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;border-bottom:1px solid #000000e6;display:flex;gap:.5rem;height:100%;justify-content:center;position:relative;z-index:1}.poc-text{color:#fffffff2;font-size:.875rem;font-weight:500;letter-spacing:.025em;text-shadow:0 1px 2px #00000080}.poc-icon{color:#ffffffe6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}@media (max-width:768px){.poc-bar{height:36px}.poc-text{font-size:.75rem}.w-4{height:14px;width:14px}}@media (max-width:480px){.poc-bar{height:32px}.poc-text{font-size:.7rem}.w-4{height:12px;width:12px}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dev-sidebar{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-right:1px solid #ffffff1a;bottom:0;box-shadow:2px 0 10px #0000004d;display:flex;flex-direction:column;left:0;position:fixed;top:68px;transition:width .3s ease;width:260px;z-index:50}.dev-sidebar.collapsed{overflow:hidden;width:60px}.dev-sidebar-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px}.dev-sidebar-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:12px}.dev-sidebar-title span{animation:colorCycle 15s ease infinite}@keyframes colorCycle{0%{color:#ff6b6b}12.5%{color:#f97316}25%{color:#feca57}37.5%{color:#48dbfb}50%{color:#0abde3}62.5%{color:#a55eea}75%{color:#fd79a8}87.5%{color:#ff6b6b}to{color:#ff6b6b}}.dev-sidebar-logo{color:#22c55e;flex-shrink:0}.dev-sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:4px;color:#22c55e;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.dev-sidebar-toggle:hover{background:#22c55e1a;transform:scale(1.1)}.dev-sidebar-nav{flex:1 1;overflow-y:auto;padding:8px}.dev-sidebar-item{align-items:center;border-radius:8px;color:#b0b0b0;display:flex;font-size:14px;gap:12px;margin:4px 0;padding:10px 12px;position:relative;text-decoration:none;transition:all .2s ease}.dev-sidebar-item:hover{background:#22c55e1a;color:#22c55e;transform:translateX(2px)}.dev-sidebar-item.active{background:linear-gradient(135deg,#22c55e33,#16a34a33);color:#22c55e;font-weight:600}.dev-sidebar-item.active:before{background:#22c55e;border-radius:0 2px 2px 0;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.dev-sidebar-label{flex:1 1}.dev-sidebar-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;color:#1a1a1a;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.dev-sidebar-divider{background:#ffffff1a;height:1px;margin:12px 0}.dev-sidebar-section{color:#16a34a;font-size:11px;font-weight:600;letter-spacing:1px;padding:10px 20px 5px;text-transform:uppercase}.dev-sidebar-stats{background:#0003;border-top:1px solid #ffffff1a;padding:16px}.dev-sidebar-stats h4{color:#22c55e;font-size:12px;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.dev-stat{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin:8px 0}.dev-stat-label{color:grey}.dev-stat-value{color:#22c55e;font-weight:600}.dev-sidebar-footer{border-top:1px solid #ffffff1a;padding:16px}.dev-sidebar-cta{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border:1px solid #22c55e4d;border-radius:8px;padding:12px;text-align:center}.dev-sidebar-cta p{color:#22c55e;font-size:12px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.dev-sidebar-cta-button{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:4px;color:#1a1a1a;display:inline-block;font-size:13px;font-weight:600;padding:6px 16px;text-decoration:none;transition:all .2s ease}.dev-sidebar-cta-button:hover{box-shadow:0 4px 12px #22c55e4d;transform:scale(1.05)}.dev-sidebar.collapsed .dev-sidebar-item{justify-content:center;padding:12px}.dev-sidebar.collapsed .dev-sidebar-toggle{margin:0 auto}.dev-sidebar.collapsed .dev-sidebar-badge,.dev-sidebar.collapsed .dev-sidebar-item.active:before{display:none}.dev-sidebar-nav::-webkit-scrollbar{width:6px}.dev-sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dev-sidebar-nav::-webkit-scrollbar-thumb{background:#22c55e4d;border-radius:3px}.dev-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#22c55e80}@media (max-width:768px){.dev-sidebar{background:#1a1a1afa;bottom:0;height:100vh;left:0;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100vw;z-index:9999}.dev-sidebar,.dev-sidebar.collapsed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed}.dev-sidebar.collapsed{align-items:center;background:#1a1a1ae6;border:1px solid #22c55e4d;border-radius:25px;display:flex;height:50px;justify-content:center;left:10px;top:80px;width:50px;z-index:100}.dev-sidebar.collapsed,.dev-sidebar:not(.collapsed){transform:translateX(0)}.dev-sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.dev-sidebar-nav{height:calc(100vh - 200px);overflow-y:auto;padding:20px}.dev-sidebar-item{border-radius:12px;font-size:16px;margin:8px 0;min-height:50px;padding:15px 12px}.dev-sidebar-footer,.dev-sidebar-stats{padding:20px}.dev-sidebar:before{align-items:center;background:#ffffff1a;border-radius:20px;content:"";cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;width:40px;z-index:10}}.bitcoin-dock{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#161616bf;border:1px solid #ffffff1a;border-radius:20px;bottom:20px;box-shadow:0 20px 50px #00000080,inset 0 0 0 .5px #ffffff1a;left:50%;padding:8px;position:fixed;transform:translateX(-50%);z-index:999998}.dock-container{height:64px;justify-content:space-between;min-width:1100px;padding:0 8px;width:100%}.dock-apps,.dock-container{align-items:center;display:flex}.dock-apps{gap:8px}.dock-app{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.dock-app:hover:not(.disabled){transform:translateY(-8px) scale(1.15)}.dock-app:hover:not(.disabled):before{animation:tooltip-appear .2s ease forwards;animation-delay:.5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828f2;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:11px;margin-bottom:12px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1000}@keyframes tooltip-appear{to{opacity:1}}.dock-app.active:after{background:#3b82f6;border-radius:50%;bottom:-8px;box-shadow:0 0 4px #3b82f680;content:"";height:4px;position:absolute;width:4px}.dock-app.disabled{cursor:not-allowed;opacity:.4}.dock-app.disabled:hover{transform:none}.dock-app-icon{height:36px;transition:filter .2s ease;width:36px}.dock-app:hover:not(.disabled) .dock-app-icon{filter:brightness(1.2)}.dock-app-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.dock-indicator{animation:pulse 2s infinite;background:#3b82f6;border-radius:50%;bottom:-6px;height:4px;position:absolute;width:4px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.dock-status{align-items:center;color:#fffc;display:flex;font-size:13px;gap:12px;padding:0 8px}.dock-divider{background:#ffffff26;height:40px;margin:0 8px;width:1px}.status-button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;padding:4px;transition:background .2s ease}.status-button:hover{background:#ffffff1a}.status-icon{color:#fff9;height:16px;transition:color .2s ease;width:16px}.status-button:hover .status-icon{color:#ffffffe6}.status-icon.connected{color:#10b981}.status-time{align-items:center;cursor:default;display:flex;gap:6px;justify-content:flex-end;min-width:120px}.status-time span{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-weight:400}@media (max-width:768px){.bitcoin-dock{border-radius:16px;bottom:10px;padding:6px}.dock-container{height:56px;padding:0 6px}.dock-apps{gap:6px}.dock-status{gap:8px}.dock-app{height:44px;width:44px}.dock-app-icon{height:32px;width:32px}.dock-app:hover:not(.disabled){transform:translateY(-4px) scale(1.1)}}@media (max-width:480px){.bitcoin-dock{bottom:5px;left:10px;right:10px;transform:none;width:calc(100% - 20px)}.dock-container{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.dock-status{display:none}.dock-container::-webkit-scrollbar{display:none}.dock-app{flex-shrink:0}}.minimal-dock{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;border-top:1px solid #ffffff1a;bottom:0;height:32px;left:0;position:fixed;right:0;z-index:999995}.minimal-dock-container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0;position:relative}.minimal-dock-apps{-ms-overflow-style:none;align-items:center;display:flex;flex:0 1 auto;gap:2px;overflow-x:auto;padding-left:2px;padding-right:12px;scrollbar-width:none}.minimal-dock-apps::-webkit-scrollbar{display:none}.minimal-dock-app{align-items:center;background:#0000;border:none;border-radius:3px;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:20px}.minimal-dock-app:hover:not(.active){background:#ffffff1a;transform:scale(1.1)}.minimal-dock-app.active{background:#22c55e33}.minimal-dock-icon{height:14px;transition:filter .2s ease;width:14px}.minimal-dock-icon-image{border-radius:2px;height:14px;object-fit:cover;width:14px}.minimal-dock-app.disabled{cursor:not-allowed;opacity:.4}.minimal-dock-app.disabled:hover{background:#0000;transform:none}.minimal-dock-app:hover:not(.active) .minimal-dock-icon{filter:brightness(1.2)}.minimal-dock-indicator{background:#22c55e;border-radius:50%;bottom:-2px;height:3px;position:absolute;width:3px}.minimal-dock-expand-toggle{background:#000c;border-radius:4px;padding:4px;right:160px}.minimal-dock-expand-toggle,.minimal-dock-right-apps{align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.minimal-dock-right-apps{gap:6px;right:200px}.minimal-dock-app-mini{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;transition:all .2s ease;width:24px}.minimal-dock-app-mini:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.minimal-dock-icon-mini{flex-shrink:0;height:14px;width:14px}.minimal-dock-status{align-items:center;color:#fffc;display:flex;font-size:11px;gap:12px}.minimal-status-item{align-items:center;border-radius:3px;display:flex;padding:2px 4px;transition:background .2s ease}.minimal-status-item:hover{background:#ffffff1a}.minimal-status-icon{color:#fff9;height:12px;width:12px}.minimal-status-icon.connected{color:#10b981}.minimal-status-time{align-items:center;border-radius:3px;cursor:default;display:flex;gap:4px;padding:2px 4px}.minimal-status-time span{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:11px;font-weight:400}@media (max-width:768px){.minimal-dock-container{padding:0 8px}.minimal-dock-apps{gap:4px;padding-right:8px}.minimal-dock-app{height:18px;width:18px}.minimal-dock-icon,.minimal-dock-icon-image{height:12px;width:12px}.minimal-dock-status{gap:8px}.minimal-status-time span{display:none}}@media (max-width:480px){.minimal-dock-apps{gap:3px;padding-right:6px}.minimal-dock-app{height:16px;width:16px}.minimal-dock-icon,.minimal-dock-icon-image{height:10px;width:10px}.minimal-dock-status{gap:6px}.minimal-status-item:not(.minimal-status-time){display:none}}.contract-wizard{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:85vh;max-width:1000px;overflow:hidden;width:90vw}.wizard-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 32px}.wizard-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.close-btn{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:24px;padding:8px;transition:background .2s}.close-btn:hover{background:#ffffff1a}.wizard-progress{background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 32px}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;opacity:.5;position:relative;text-align:center;transition:all .3s ease}.progress-step.active{opacity:1;transform:scale(1.05)}.progress-step.completed{opacity:.8}.progress-step:not(:last-child):after{background:#fff3;content:"";height:2px;position:absolute;right:-50%;top:25px;width:100%;z-index:0}.progress-step.completed:not(:last-child):after{background:linear-gradient(90deg,#4caf50,#45a049)}.step-circle{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px;z-index:1}.progress-step.active .step-circle{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 0 20px #667eea80}.progress-step.completed .step-circle{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50}.step-info{margin-top:12px;min-height:60px}.step-title{color:#fff;font-size:12px;font-weight:600;margin-bottom:4px}.step-description{color:#ffffffb3;font-size:10px;line-height:1.3}.wizard-content{flex:1 1;overflow-y:auto;padding:32px}.wizard-step{margin:0 auto;max-width:800px}.step-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;margin-bottom:32px;padding-bottom:16px}.step-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;height:48px;padding:12px;width:48px}.step-header h3{color:#fff;font-size:24px;font-weight:700;margin:0}.step-header p{color:#ffffffb3;font-size:16px;margin:4px 0 0}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.form-group small{color:#fff9;font-size:12px}.experience-section{margin-top:32px}.experience-section h4{color:#fff;font-size:18px;margin-bottom:16px}.experience-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.experience-btn{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.experience-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.experience-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 25px #667eea4d}.level-title{font-size:16px;font-weight:700;margin-bottom:4px}.level-desc{font-size:12px;opacity:.8}.contract-types{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.contract-type-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.contract-type-card:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.contract-type-card:hover{border-color:#ffffff4d;transform:translateY(-5px)}.contract-type-card.selected{border-color:#667eea;box-shadow:0 12px 30px #667eea4d}.contract-type-card.selected:before{opacity:.1}.contract-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 16px;padding:16px;width:60px}.contract-icon,.contract-type-card h4{color:#fff;position:relative;z-index:1}.contract-type-card h4{font-size:18px;font-weight:700;margin:0 0 8px}.contract-type-card p{color:#fffc;font-size:14px;margin:0 0 16px;position:relative;z-index:1}.contract-type-card ul{list-style:none;margin:0;padding:0;position:relative;z-index:1}.contract-type-card li{align-items:center;color:#ffffffb3;display:flex;font-size:12px;justify-content:center;margin-bottom:4px}.contract-type-card li:before{color:#4caf50;content:"✓";font-weight:700;margin-right:8px}.token-preview{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;border-radius:16px;margin-bottom:32px;padding:24px}.token-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));text-align:center}.stat{align-items:center;display:flex;flex-direction:column}.stat-label{color:#ffffffb3;font-size:12px;letter-spacing:1px;text-transform:uppercase}.range-labels{color:#fff9;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.token-benefits{background:#4caf501a;border:1px solid #4caf504d;border-radius:12px;margin-top:24px;padding:20px}.token-benefits h4{color:#fff;font-size:16px;margin:0 0 16px}.token-benefits ul{list-style:none;margin:0;padding:0}.token-benefits li{align-items:center;color:#ffffffe6;display:flex;font-size:14px;gap:12px;margin-bottom:12px}.quality-metrics{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.metric-group{background:#ffffff0d;border-radius:12px;padding:20px}.metric-group label{color:#fff;display:block;font-size:16px;font-weight:600;margin-bottom:16px}.metric-slider{align-items:center;display:flex;gap:16px}.metric-slider input[type=range]{-webkit-appearance:none;background:#fff3;border-radius:4px;flex:1 1;height:8px;outline:none}.metric-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea66;cursor:pointer;height:20px;width:20px}.metric-display{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;min-width:80px;padding:8px}.metric-value{color:#fff;font-size:18px;font-weight:700}.metric-grade,.metric-status{color:#ffffffb3;font-size:12px;margin-top:2px}.checkbox-group{background:#ffffff0d;border-radius:12px;padding:20px}.checkbox-group,.checkbox-label{align-items:center;display:flex;gap:12px}.checkbox-label{color:#fff;cursor:pointer;font-size:16px;font-weight:600}.checkbox-label input[type=checkbox]{display:none}.checkbox-icon{color:#ffffff4d;transition:color .2s}.checkbox-icon.checked{color:#4caf50}.quality-preview{background:#ffffff0d;border-radius:12px;margin-top:24px;padding:20px}.quality-preview h4{color:#fff;font-size:16px;margin:0 0 16px}.quality-bars{display:flex;flex-direction:column;gap:12px}.quality-bar{align-items:center;color:#fff;display:flex;font-size:14px;gap:12px}.quality-bar span:first-child{font-weight:600;min-width:120px}.quality-bar span:last-child{font-weight:600;min-width:60px;text-align:right}.bar{background:#fff3;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.fill{background:linear-gradient(90deg,#4caf50,#45a049);height:100%;transition:width .3s ease}.legal-options{margin-bottom:32px}.legal-checkboxes{display:flex;flex-direction:column;gap:16px;margin-top:24px}.legal-summary{background:#ffffff0d;border-radius:12px;margin-top:24px;padding:20px}.legal-summary h4{color:#fff;font-size:16px;margin:0 0 16px}.summary-items{display:flex;flex-direction:column;gap:12px}.summary-item{align-items:center;color:#ffffffe6;display:flex;font-size:14px;gap:12px}.contract-summary{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.summary-section{background:#ffffff0d;border-radius:12px;padding:20px}.summary-section h4{align-items:center;color:#fff;display:flex;font-size:16px;gap:8px;margin:0 0 16px}.summary-grid{grid-gap:8px 16px;align-items:center;display:grid;gap:8px 16px;grid-template-columns:auto 1fr}.summary-grid span:first-child{color:#ffffffb3;font-weight:600}.summary-grid span:last-child{color:#fff}.token-summary{display:flex;flex-direction:column;gap:16px}.token-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:16px;padding:16px}.token-item svg{color:#667eea}.token-item strong{color:#fff;display:block;font-size:16px}.token-item small{color:#ffffffb3;font-size:12px}.blockchain-signing{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;border-radius:12px;margin-bottom:24px;padding:24px}.signing-info h4{align-items:center;color:#fff;display:flex;font-size:18px;gap:8px;margin:0 0 12px}.signing-info p{color:#ffffffe6;font-size:14px;margin:0 0 16px}.signing-info ul{list-style:none;margin:0;padding:0}.signing-info li{align-items:center;color:#fffc;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.signing-info li:before{content:"🔒";font-size:12px}.wizard-navigation{background:#0003;border-top:1px solid #ffffff1a;justify-content:space-between;padding:24px 32px}.nav-btn,.wizard-navigation{align-items:center;display:flex}.nav-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.nav-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-btn.primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.nav-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.nav-btn.secondary:hover{background:#fff3}.nav-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.step-indicator{color:#ffffffb3;font-size:14px;font-weight:600}.error-message{align-items:center;background:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#ff6b6b;display:flex;font-size:14px;gap:12px;margin-top:16px;padding:16px}@media (max-width:768px){.contract-wizard{height:95vh;width:95vw}.wizard-progress{flex-direction:column;gap:16px;padding:16px}.progress-step{flex-direction:row;text-align:left}.progress-step:not(:last-child):after{display:none}.step-info{margin-left:16px;margin-top:0}.contract-types,.experience-options,.form-grid,.summary-grid,.token-stats{grid-template-columns:1fr}.summary-grid{gap:4px}.summary-grid span:first-child{font-weight:700}}.token-dashboard-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.token-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;width:95vw}.dashboard-header{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-bottom:1px solid #333;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.header-left h2{font-size:24px;font-weight:700;margin:0}.header-left p{font-size:14px;margin:4px 0 0;opacity:.9}.header-right{align-items:center;display:flex;gap:16px}.timeframe-selector{background:#ffffff1a;border-radius:8px;display:flex;overflow:hidden}.timeframe-selector button{background:none;border:none;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.timeframe-selector button:hover{background:#ffffff1a}.timeframe-selector button.active{background:#fff3}.close-button{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:40px;transition:all .2s ease;width:40px}.close-button:hover{background:#fff3}.dashboard-tabs{background:#0f0f23;border-bottom:1px solid #333;display:flex;padding:0 32px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#888;cursor:pointer;font-size:14px;font-weight:500;padding:16px 24px;transition:all .2s ease}.tab:hover{background:#ffffff0d;color:#fff}.tab.active{background:#ff6b351a;border-bottom-color:#22c55e;color:#22c55e}.dashboard-content{background:#0f0f23;flex:1 1;overflow-y:auto;padding:32px}.error-state,.loading-state{align-items:center;color:#888;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#22c55e;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.overview-tab{display:flex;flex-direction:column;gap:32px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{background:linear-gradient(135deg,#1e1e3f,#2a2a5a);border:1px solid #333;border-radius:12px;padding:24px;transition:all .3s ease}.stat-card:hover{border-color:#22c55e;box-shadow:0 8px 20px #ff6b351a;transform:translateY(-2px)}.stat-card.primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.stat-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.stat-icon{font-size:20px}.stat-label{color:#888;font-size:14px;font-weight:500}.stat-card.primary .stat-label{color:#ffffffe6}.stat-value{color:#fff;font-size:28px;font-weight:700;margin-bottom:4px}.stat-subvalue{color:#888;font-size:12px}.stat-card.primary .stat-subvalue{color:#fffc}.earnings-chart{background:linear-gradient(135deg,#1e1e3f,#2a2a5a);border:1px solid #333;border-radius:12px;padding:24px}.earnings-chart h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 24px}.chart-container{align-items:end;display:flex;gap:12px;height:200px;justify-content:space-between}.chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar-container{align-items:end;display:flex;height:160px;justify-content:center;width:100%}.bar{background:linear-gradient(0deg,#22c55e,#16a34a);border-radius:4px 4px 0 0;cursor:pointer;min-height:4px;transition:all .3s ease;width:80%}.bar:hover{opacity:.8}.bar-label{color:#888;font-size:12px;font-weight:500}.bar-value{color:#fff;font-size:11px;font-weight:600}.allocations-tab h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 24px}.allocations-list{background:linear-gradient(135deg,#1e1e3f,#2a2a5a);border:1px solid #333;border-radius:12px;overflow:hidden}.allocation-item{align-items:center;border-bottom:1px solid #333;display:flex;padding:20px 24px;transition:all .2s ease}.allocation-item:last-child{border-bottom:none}.allocation-item:hover{background:#ff6b350d}.allocation-icon{align-items:center;background:#ff6b351a;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;margin-right:16px;width:40px}.allocation-details{flex:1 1}.allocation-title{color:#fff;font-weight:500;margin-bottom:4px}.allocation-meta{color:#888;font-size:12px}.allocation-amount{color:#0f8;font-size:16px;font-weight:700}.contracts-tab h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 24px}.contracts-list{display:flex;flex-direction:column;gap:16px}.contract-item{background:linear-gradient(135deg,#1e1e3f,#2a2a5a);border:1px solid #333;border-radius:12px;padding:24px;transition:all .3s ease}.contract-item:hover{border-color:#22c55e;box-shadow:0 8px 20px #ff6b351a;transform:translateY(-2px)}.contract-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.contract-title{color:#fff;font-size:16px;font-weight:600}.contract-status{border-radius:16px;font-size:12px;font-weight:500;padding:4px 12px}.contract-status.active{background:#0f83;border:1px solid #0f8;color:#0f8}.contract-details{display:flex;flex-direction:column;gap:8px}.contract-stat{color:#888;display:flex;font-size:14px;justify-content:space-between}.contract-stat span:last-child{color:#fff;font-weight:500}.analytics-tab h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 24px}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-card{background:linear-gradient(135deg,#1e1e3f,#2a2a5a);border:1px solid #333;border-radius:12px;padding:24px}.analytics-card h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.quality-meter{align-items:center;display:flex;gap:16px}.meter-bar{background:#333;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#22c55e,#0f8);border-radius:4px;height:100%;transition:width .3s ease}.quality-meter span{color:#fff;font-size:14px;font-weight:600}.efficiency-stat{text-align:center}.efficiency-value{color:#0f8;display:block;font-size:36px;font-weight:700;margin-bottom:8px}.efficiency-label{color:#888;font-size:14px}@media (max-width:768px){.token-dashboard{border-radius:8px;height:95vh;width:98vw}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px;padding:16px 20px}.header-right{justify-content:space-between}.dashboard-content{padding:20px}.stats-grid{grid-template-columns:1fr}.dashboard-tabs{overflow-x:auto;padding:0 20px}.tab{font-size:12px;padding:12px 16px;white-space:nowrap}}
/*# sourceMappingURL=main.cc21c7fd.css.map*/