.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:#08080c;border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 20px 24px;border-bottom:1px solid rgba(255,255,255,.04)}.sidebar-logo svg{width:28px;height:28px}.sidebar-logo span{font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 12px}.nav-group{margin-bottom:8px}.nav-group:first-child{margin-bottom:16px}.nav-section-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:12px 12px 8px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:450;cursor:pointer;transition:all .12s ease;text-align:left;position:relative}.nav-item:hover:not(.disabled){background:#ffffff08;color:var(--text-primary)}.nav-item.active{background:#f2e8de0f;color:var(--text-primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#f2e8de;border-radius:0 2px 2px 0}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;color:inherit;opacity:.8}.nav-label{flex:1}.nav-badge{font-size:9px;font-weight:600;color:#c87832;background:#c8783226;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.nav-item.locked{opacity:.5}.nav-item.locked:hover{opacity:.7}.external-icon{opacity:.4;margin-left:auto}.sidebar-credits{padding:16px;margin:0 12px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px}.credits-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.credits-info .credits-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.credits-info .credits-amount{font-size:16px;font-weight:600;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace}.add-credits-btn{width:100%;padding:8px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:6px;color:#10b981;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.add-credits-btn:hover{background:#10b98126;border-color:#10b9814d}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.04)}.signout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .12s ease}.signout-btn:hover{background:#ef44440f;color:#ef4444}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sidebar-close{display:none;position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff0d;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;align-items:center;justify-content:center;transition:all .15s ease;z-index:10}.sidebar-close:hover{background:#ffffff1a;color:var(--text-primary)}@media (max-width: 1024px){.sidebar{width:220px}}@media (max-width: 768px){.sidebar{position:fixed;width:280px;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000080}.sidebar-close{display:flex}.sidebar-logo{padding-right:50px}}.home-dashboard{padding:40px 48px;max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:26px;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em}.dashboard-header p{font-size:14px;color:var(--text-tertiary);margin:0}.featured-card{background:linear-gradient(135deg,#c8783214,#c8783205);border:1px solid rgba(200,120,50,.2);border-radius:16px;padding:28px;margin-bottom:64px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.featured-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 100% 0%,rgba(200,120,50,.15) 0%,transparent 50%);pointer-events:none}.featured-card:hover{border-color:#c8783266;transform:translateY(-2px);box-shadow:0 8px 32px #c8783226}.featured-badge{position:absolute;top:-1px;right:-1px;background:#c87832;color:#fff;font-size:10px;font-weight:600;padding:6px 14px;border-radius:0 16px 0 12px;text-transform:uppercase;letter-spacing:.5px;z-index:10}.featured-content{display:flex;align-items:center;gap:20px;margin-bottom:24px;position:relative}.featured-icon{width:64px;height:64px;background:#c8783226;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#c87832;flex-shrink:0}.featured-text{flex:1}.featured-text h2{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.01em}.featured-text p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.featured-cta{display:flex;align-items:center;gap:6px;background:#c87832;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s;flex-shrink:0}.featured-card:hover .featured-cta{background:#d89942;transform:translate(2px)}.featured-stats{display:flex;gap:32px;padding-top:20px;border-top:1px solid rgba(200,120,50,.15);position:relative}.featured-stat{display:flex;flex-direction:column;gap:2px}.featured-stat .stat-number{font-size:20px;font-weight:600;color:#c87832;font-family:SF Mono,Fira Code,monospace}.featured-stat .stat-desc{font-size:12px;color:var(--text-muted)}.section-subtitle{font-size:12px;color:var(--text-muted);margin:-8px 0 16px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}.stat-card{display:flex;align-items:center;gap:14px;padding:20px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:10px;transition:all .15s ease}.stat-card:hover{border-color:#ffffff14;background:#ffffff05}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;flex-shrink:0}.stat-icon.credits{background:#10b9811a;color:#10b981}.stat-icon.instances{background:#60a5fa1a;color:#60a5fa}.stat-icon.deployments{background:#a78bfa1a;color:#a78bfa}.stat-icon.spend{background:#fbbf241a;color:#fbbf24}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:20px;font-weight:600;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;letter-spacing:-.01em}.dashboard-section{margin-bottom:40px}.dashboard-section h2{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.04em}.section-header h2{margin:0}.view-all-btn{background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;transition:color .15s ease}.view-all-btn:hover{color:var(--text-primary)}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick-action-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left}.quick-action-card:hover{border-color:#ffffff1a;background:#ffffff06;transform:translateY(-1px)}.action-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;flex-shrink:0}.action-content{flex:1;min-width:0}.action-content h3{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 4px}.action-content p{font-size:12px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-arrow{color:var(--text-muted);opacity:0;transition:all .15s ease}.quick-action-card:hover .action-arrow{opacity:1;transform:translate(2px)}.quick-action-card.locked{opacity:.5}.quick-action-card.locked:hover{opacity:.65;border-color:#ffffff0f;transform:none}.activity-loading,.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:10px;color:var(--text-muted);gap:12px}.activity-empty svg{color:var(--text-tertiary)}.activity-empty p{font-size:14px;color:var(--text-secondary);margin:0}.activity-empty span{font-size:12px}.activity-list{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:10px;overflow:hidden}.activity-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#ffffff04}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.activity-title{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.activity-status{font-weight:500;text-transform:capitalize}.activity-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.getting-started{background:#f2e8de05;border:1px solid rgba(242,232,222,.06);border-radius:12px;padding:24px;margin-top:40px}.getting-started h2{margin-bottom:20px}.getting-started-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#ffffff05;border-radius:8px}.guide-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f2e8de1a;border-radius:50%;color:#f2e8de;font-size:13px;font-weight:600;flex-shrink:0}.guide-content h4{font-size:13px;font-weight:500;color:var(--text-primary);margin:0 0 4px}.guide-content p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--text-secondary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1024px){.stats-row,.quick-actions-grid,.getting-started-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home-dashboard{padding:24px}.stats-row,.quick-actions-grid,.getting-started-grid{grid-template-columns:1fr}.featured-content{flex-direction:column;align-items:flex-start;text-align:left}.featured-cta{width:100%;justify-content:center}.featured-stats{flex-wrap:wrap;gap:20px}}.login-page{flex:1;display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1}.login-content{display:flex;flex-direction:column;justify-content:center;padding:60px 80px;max-width:560px;margin-left:auto}.login-header{margin-bottom:40px}.login-logo{width:48px;height:48px;margin-bottom:24px}.login-title{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.02em}.login-subtitle{font-size:17px;color:var(--text-secondary)}.login-features{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.login-feature{display:flex;align-items:flex-start;gap:14px}.feature-check{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--success-dim);border-radius:50%;flex-shrink:0;margin-top:2px}.feature-check svg{width:12px;height:12px;color:var(--success)}.feature-content{display:flex;flex-direction:column;gap:2px}.feature-title{font-size:14px;font-weight:600;color:var(--text-primary)}.feature-desc{font-size:13px;color:var(--text-tertiary)}.login-actions{display:flex;flex-direction:column;gap:12px}.login-btn{padding:14px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:10px}.login-btn.primary{background:var(--text-primary);color:var(--bg-primary);border:none}.login-btn.primary:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.login-btn.primary:disabled{opacity:.8;cursor:not-allowed}.login-btn.primary.loading{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.login-btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.login-btn.secondary:hover{border-color:var(--border-hover);color:var(--text-primary)}.spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:24px;font-size:13px;color:var(--text-muted);text-align:center}.login-side{display:flex;align-items:center;justify-content:center;padding:60px;background:var(--bg-secondary);border-left:1px solid var(--border-color)}.code-preview{width:100%;max-width:420px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.code-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.code-dot{width:10px;height:10px;border-radius:50%;background:var(--border-color)}.code-dot:nth-child(1){background:#ff5f56}.code-dot:nth-child(2){background:#ffbd2e}.code-dot:nth-child(3){background:#27ca40}.code-filename{margin-left:auto;font-size:11px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.code-content{padding:20px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;color:var(--text-secondary);margin:0;overflow-x:auto}.code-keyword{color:#c678dd}.code-string{color:#98c379}.code-number{color:#d19a66}.code-comment{color:var(--text-muted)}@media (max-width: 1024px){.login-page{grid-template-columns:1fr}.login-side{display:none}.login-content{max-width:480px;margin:0 auto;padding:40px 24px}}.agents-panel{padding:40px 56px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 80px)}.agents-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#666}.agents-loading p{font-size:13px;letter-spacing:.02em}.agents-loading .loading-spinner{width:24px;height:24px;border:1.5px solid rgba(255,255,255,.06);border-top-color:#666;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.agents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.agents-header h1{font-size:18px;font-weight:500;color:#f2e8de;margin:0 0 4px;letter-spacing:-.01em}.agents-subtitle{font-size:12px;color:#555;margin:0;letter-spacing:.02em}.agents-header-right{display:flex;align-items:center;gap:24px}.agents-stats{display:flex;align-items:center;gap:8px;font-size:11px;color:#555;letter-spacing:.04em}.agents-stats .stat{text-transform:uppercase}.agents-stats .stat-divider{color:#ffffff0f}.create-agent-btn{background:transparent;color:#888;border:1px solid rgba(255,255,255,.1);padding:9px 18px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.create-agent-btn:hover{border-color:#fff3;color:#ccc;background:#ffffff05}.agents-nav{display:flex;gap:2px;margin-bottom:32px;background:#ffffff04;padding:3px;border-radius:5px;width:fit-content}.agents-nav .nav-btn{background:transparent;border:none;padding:8px 16px;border-radius:4px;font-size:11px;color:#555;cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.agents-nav .nav-btn:hover{color:#888}.agents-nav .nav-btn.active{background:#ffffff0d;color:#aaa}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.agent-card{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:20px;cursor:pointer;transition:all .15s ease}.agent-card:hover{border-color:#ffffff1a;background:#ffffff05}.agent-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.agent-card-header h3{font-size:13px;font-weight:500;color:#ccc;margin:0;letter-spacing:0}.agent-description{font-size:11px;color:#555;margin:0 0 14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-meta{display:flex;gap:6px;margin-bottom:16px}.agent-stats{display:flex;gap:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.03)}.agent-stats .stat-item{display:flex;flex-direction:column;gap:2px}.agent-stats .stat-label{font-size:9px;color:#444;text-transform:uppercase;letter-spacing:.06em}.agent-stats .stat-value{font-size:11px;color:#888;font-family:SF Mono,Fira Code,monospace}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.status-badge.large{padding:5px 14px;font-size:10px}.status-dot{width:4px;height:4px;border-radius:50%}.framework-badge{display:inline-block;padding:3px 8px;border-radius:3px;font-size:9px;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.runtime-badge{display:inline-block;padding:3px 8px;border-radius:3px;font-size:9px;color:#555;background:#ffffff08;text-transform:uppercase;letter-spacing:.05em}.agents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px;text-align:center}.agents-empty .empty-icon{margin-bottom:24px;color:#333}.agents-empty .empty-icon svg{width:40px;height:40px;stroke-width:1}.agents-empty h3{font-size:15px;font-weight:500;color:#aaa;margin:0 0 6px;letter-spacing:0}.agents-empty p{font-size:12px;color:#555;margin:0 0 28px;letter-spacing:.02em}.agents-empty .create-btn{background:transparent;color:#aaa;border:1px solid rgba(255,255,255,.12);padding:11px 24px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.agents-empty .create-btn:hover{border-color:#ffffff40;color:#f2e8de;background:#ffffff08}.agents-create{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.create-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.create-header h2{font-size:16px;font-weight:500;color:#ccc;margin:0;letter-spacing:0}.create-subtitle{font-size:12px;color:#555;margin:0 0 28px;line-height:1.5;letter-spacing:.02em}.create-info{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.03)}.create-info p{font-size:11px;color:#444;margin:0;letter-spacing:.02em}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.06);color:#555;padding:8px 16px;border-radius:5px;font-size:11px;cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.back-btn:hover{border-color:#ffffff1f;color:#888}.templates-section{margin-bottom:32px}.templates-section h3{font-size:10px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.template-card{display:flex;background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:6px;padding:16px;cursor:pointer;transition:all .15s ease}.template-card:hover{border-color:#ffffff14;background:#ffffff05}.template-card.selected{border-color:#ffffff26;background:#ffffff06}.template-card.template-blank .template-icon{color:#444;font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#ffffff08;margin-right:12px}.template-info h4{font-size:12px;font-weight:500;color:#aaa;margin:0 0 3px;letter-spacing:0}.template-info p{font-size:10px;color:#555;margin:0 0 8px;line-height:1.4}.template-meta{display:flex;gap:5px}.create-form{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:9px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.06em}.form-group input,.form-group select,.form-group textarea{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:5px;padding:11px 13px;font-size:12px;color:#ccc;transition:all .15s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ffffff1f;background:#0000004d}.form-group textarea{resize:vertical;min-height:70px}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.03)}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#666;padding:10px 20px;border-radius:5px;font-size:12px;cursor:pointer;transition:all .15s ease}.cancel-btn:hover{border-color:#ffffff26;color:#aaa}.submit-btn{background:transparent;color:#aaa;border:1px solid rgba(255,255,255,.12);padding:10px 22px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.submit-btn:hover{border-color:#ffffff40;color:#f2e8de;background:#ffffff08}.agent-detail{animation:fadeIn .2s ease}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.detail-info{display:flex;align-items:center;gap:14px}.detail-info h2{font-size:16px;font-weight:500;color:#ccc;margin:0;letter-spacing:0}.detail-description{font-size:12px;color:#555;margin:0 0 24px;line-height:1.6;letter-spacing:.02em}.detail-actions{display:flex;gap:10px}.action-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#777;padding:10px 20px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:90px;text-align:center}.action-btn:hover{border-color:#ffffff26;color:#aaa;background:#ffffff05}.action-btn.deploy{background:transparent;color:#aaa;border:1px solid rgba(255,255,255,.12);padding:10px 22px}.action-btn.deploy:hover{border-color:#ffffff40;color:#f2e8de;background:#ffffff08}.action-btn.deploy:disabled{opacity:.4;cursor:not-allowed}.action-btn.start{background:#10b9810d;border-color:#10b98126;color:#10b981}.action-btn.start:hover{background:#10b9811a;border-color:#10b9814d}.action-btn.stop{background:#f59e0b0d;border-color:#f59e0b26;color:#f59e0b}.action-btn.stop:hover{background:#f59e0b1a;border-color:#f59e0b4d}.action-btn.delete{color:#666}.action-btn.delete:hover{background:#ef44440d;border-color:#ef444426;color:#ef4444}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.detail-card{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:20px}.detail-card h3{font-size:9px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px}.config-list{display:flex;flex-direction:column;gap:10px}.config-item{display:flex;justify-content:space-between;align-items:center}.config-label{font-size:12px;color:#666}.config-value{font-size:12px;color:#aaa}.config-code{font-size:11px;color:#aaa;background:#00000040;padding:4px 8px;border-radius:4px;font-family:SF Mono,Fira Code,monospace}.code-upload-zone{text-align:center;padding:22px;border:1px dashed rgba(255,255,255,.08);border-radius:6px}.code-upload-zone p{font-size:12px;color:#666;margin:0 0 14px}.upload-btn{display:inline-block;background:transparent;color:#888;border:1px solid rgba(255,255,255,.1);padding:9px 18px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.upload-btn:hover{border-color:#fff3;color:#ccc}.upload-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.08);color:#666}.upload-btn.secondary:hover{border-color:#ffffff26;color:#aaa}.upload-hint{display:block;font-size:11px;color:#555;margin-top:10px}.code-uploaded{text-align:center}.code-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#10b981;margin-bottom:6px}.code-icon{font-weight:700}.code-url{font-size:11px;color:#666;margin:0 0 14px;font-family:SF Mono,Fira Code,monospace}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-box{text-align:center;padding:14px;background:#00000026;border-radius:6px}.stat-number{display:block;font-size:18px;font-weight:500;color:#aaa;margin-bottom:3px;font-family:SF Mono,Fira Code,monospace}.stat-box .stat-label{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:.05em}.invoke-card{grid-column:1 / -1}.invoke-section{display:flex;flex-direction:column;gap:14px}.invoke-input-group{display:flex;gap:10px;align-items:flex-start}.invoke-textarea{flex:1;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:5px;padding:11px 13px;font-size:12px;color:#ccc;font-family:SF Mono,Fira Code,monospace;resize:vertical;min-height:60px}.invoke-textarea:focus{outline:none;border-color:#ffffff1f}.invoke-textarea::placeholder{color:#444}.invoke-btn{background:transparent;color:#888;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.invoke-btn:hover:not(:disabled){border-color:#fff3;color:#ccc}.invoke-btn:disabled{opacity:.4;cursor:not-allowed}.invoke-response{background:#00000026;border-radius:6px;padding:12px;border:1px solid rgba(255,255,255,.04)}.invoke-response.success{border-color:#10b98126}.invoke-response.error{border-color:#ef444426}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.response-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#666}.invoke-response.success .response-label{color:#10b981}.invoke-response.error .response-label{color:#ef4444}.response-meta{font-size:10px;color:#555;font-family:SF Mono,Fira Code,monospace}.response-content{margin:0;font-size:11px;color:#888;font-family:SF Mono,Fira Code,monospace;white-space:pre-wrap;word-break:break-word;line-height:1.5}.api-card{grid-column:1 / -1}.api-section{display:flex;flex-direction:column;gap:12px}.api-item{display:flex;flex-direction:column;gap:5px}.api-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#555}.api-value-row{display:flex;gap:8px;align-items:center}.api-code{flex:1;background:#0003;padding:9px 11px;border-radius:5px;font-size:10px;color:#888;font-family:SF Mono,Fira Code,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-code.token{color:#c99a2e}.copy-btn{background:transparent;border:1px solid rgba(255,255,255,.06);color:#555;padding:7px 12px;border-radius:4px;font-size:10px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.copy-btn:hover{border-color:#ffffff1f;color:#888}.generate-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#666;padding:9px 16px;border-radius:5px;font-size:11px;cursor:pointer;transition:all .15s ease;width:fit-content}.generate-btn:hover{border-color:#ffffff26;color:#aaa}.api-snippets{margin-top:6px}.snippet-code{margin:6px 0 0;background:#0003;padding:12px;border-radius:5px;font-size:10px;color:#666;font-family:SF Mono,Fira Code,monospace;white-space:pre-wrap;line-height:1.5;overflow-x:auto}@media (max-width: 768px){.agents-panel{padding:20px}.agents-header{flex-direction:column;gap:16px}.agents-header-right{width:100%;justify-content:space-between}.form-row{grid-template-columns:1fr}.detail-header{flex-direction:column;gap:16px}.detail-actions{width:100%;flex-wrap:wrap}.templates-grid{grid-template-columns:1fr}}.serverless-panel{padding:40px 48px;max-width:1440px;margin:0 auto;min-height:calc(100vh - 80px)}.serverless-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.serverless-title h2{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.01em}.serverless-title p{font-size:14px;color:var(--text-tertiary);margin:0;font-weight:400}.model-catalog{margin-bottom:28px}.catalog-header{margin-bottom:14px}.catalog-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.model-card{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:16px;cursor:pointer;transition:all .15s ease;position:relative}.model-card:hover:not(.disabled){border-color:#ffffff1a;background:#ffffff05}.model-card.selected{border-color:#f2e8de40;background:#f2e8de08}.model-card.disabled{opacity:.5;cursor:not-allowed}.model-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.model-category{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#ffffff08;color:var(--text-muted)}.model-category.image{color:#a78bfa;background:#a78bfa1a}.model-category.text{color:#60a5fa;background:#60a5fa1a}.model-category.audio{color:#34d399;background:#34d3991a}.coming-soon{font-size:9px;font-weight:600;color:var(--text-muted);background:#ffffff0d;padding:3px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.model-card-body{margin-bottom:12px}.model-card-body h4{font-size:13px;font-weight:500;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.01em}.model-card-body p{font-size:11px;color:var(--text-muted);margin:0;line-height:1.4}.model-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.03)}.model-price{font-size:11px;font-weight:500;color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace}.model-speed{font-size:10px;color:var(--text-muted)}.serverless-grid{display:flex;gap:24px;align-items:flex-start}.generation-card{flex:0 0 420px;min-width:400px}.history-card{flex:1;min-width:0}.generation-card,.history-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#ffffff04;border-bottom:1px solid var(--border-color)}.card-header h3{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.04em}.card-body{padding:20px}.prompt-badge{font-size:11px;font-weight:500;color:var(--text-tertiary);background:#ffffff0a;padding:4px 8px;border-radius:4px}.processing-badge{font-size:10px;font-weight:600;color:#f59e0b;background:#f59e0b1a;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.prompts-input{width:100%;height:180px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:inherit;line-height:1.6;resize:none;transition:border-color .15s,box-shadow .15s}.prompts-input:focus{outline:none;border-color:#ffffff26;box-shadow:0 0 0 3px #ffffff08}.prompts-input::placeholder{color:var(--text-tertiary);opacity:.7}.config-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-color);border-radius:6px;overflow:hidden;margin-bottom:16px}.config-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--bg-secondary)}.config-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.config-value{font-size:12px;font-weight:500;color:var(--text-primary)}.estimate-box{background:#10b9810a;border:1px solid rgba(16,185,129,.12);border-radius:6px;padding:12px 14px;margin-bottom:16px}.estimate-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}.estimate-total{font-size:15px;font-weight:600;color:#10b981}.estimate-time{font-size:11px;color:var(--text-tertiary);margin-top:4px}.estimate-warning{font-size:10px;color:#f59e0b;margin-top:4px}.config-select{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;color:var(--text-primary);cursor:pointer;outline:none;min-width:80px}.config-select:focus{border-color:#f2e8de33}.config-select option{background:var(--bg-secondary);color:var(--text-primary)}.text-response{margin-top:20px;background:#ffffff04;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.response-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.response-stats{font-size:10px;font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0;font-family:SF Mono,Fira Code,monospace}.response-content{padding:16px;font-size:13px;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;font-family:SF Mono,Fira Code,monospace;max-height:300px;overflow-y:auto}.text-response .copy-btn{display:block;width:100%;padding:10px;background:#ffffff05;border:none;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.text-response .copy-btn:hover{background:#ffffff0a;color:var(--text-primary)}.coming-soon-message{text-align:center;padding:40px 20px}.coming-soon-message h4{font-size:16px;font-weight:500;color:var(--text-primary);margin:0 0 8px}.coming-soon-message p{font-size:13px;color:var(--text-muted);margin:0}.audio-upload-zone{position:relative}.audio-input{position:absolute;opacity:0;width:0;height:0}.audio-upload-label{display:block;padding:24px;background:#ffffff04;border:1px dashed rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:center}.audio-upload-label:hover{border-color:#fff3;background:#ffffff06}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted)}.upload-placeholder svg{color:var(--text-tertiary)}.upload-placeholder span{font-size:13px}.upload-hint{font-size:11px!important;color:var(--text-muted)!important}.audio-file-info{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary)}.audio-file-info svg{color:#34d399}.file-name{font-size:13px;font-weight:500;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:11px;color:var(--text-muted)}.generate-btn{width:100%;padding:12px 16px;background:#10b981;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.generate-btn:hover:not(:disabled){background:#059669}.generate-btn:disabled{opacity:.4;cursor:not-allowed}.insufficient-notice{text-align:center;font-size:11px;color:#f87171;margin-top:10px}.history-card .card-body{padding:0;min-height:380px;display:flex;flex-direction:column}.loading-state{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-tertiary);font-size:13px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-tertiary);padding:40px}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state p{font-size:14px;color:var(--text-secondary);margin:0 0 4px}.empty-state span{font-size:12px;color:var(--text-tertiary)}.jobs-list{flex:1;overflow-y:auto}.job-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.job-item:last-child{border-bottom:none}.job-item:hover{background:#ffffff08}.job-item:active{background:#ffffff0d;transform:scale(.995)}.job-item.loading{background:#f2e8de0d;pointer-events:none}.job-item.processing{background:#f59e0b08}.spinner.small{width:14px;height:14px;border-width:2px}.job-main{display:flex;align-items:center;gap:16px}.job-count{font-size:13px;font-weight:500;color:var(--text-primary);min-width:70px}.job-status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;background:#ffffff0a}.job-status.completed{color:#10b981;background:#10b98114}.job-status.processing{color:#f59e0b;background:#f59e0b14}.job-status.failed{color:#ef4444;background:#ef444414}.job-status.pending{color:var(--text-tertiary)}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.status-dot.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.job-meta{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--text-tertiary)}.job-meta span:last-child{font-weight:500;color:var(--text-secondary)}.usage-list{flex:1;overflow-y:auto;max-height:400px}.usage-item{padding:14px 20px;border-bottom:1px solid var(--border-color);transition:background .1s}.usage-item:last-child{border-bottom:none}.usage-item:hover{background:#ffffff05}.usage-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.usage-model{font-size:12px;font-weight:500;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace}.usage-status{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:500;color:#10b981;background:#10b98114;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em}.usage-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;color:var(--text-secondary)}.usage-details span:last-child{font-family:SF Mono,Fira Code,monospace;font-weight:500}.usage-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;max-width:900px;max-height:80vh;width:100%;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--border-color);border-radius:6px;color:var(--text-tertiary);font-size:18px;cursor:pointer;transition:all .1s}.close-btn:hover{background:#ffffff14;color:var(--text-primary)}.modal-stats{display:flex;gap:40px;padding:16px 24px;border-bottom:1px solid var(--border-color);background:#ffffff03}.modal-stats .stat{display:flex;flex-direction:column;gap:2px}.modal-stats .stat-value{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-stats .stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.modal-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:20px 24px;overflow-y:auto;min-height:200px}.gallery-loading,.gallery-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted);font-size:14px}.gallery-loading .spinner{width:24px;height:24px}.gallery-item{background:var(--bg-secondary);border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;cursor:pointer;transition:opacity .15s}.gallery-item img:hover{opacity:.9}.item-processing,.item-failed,.item-pending{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-tertiary)}.item-failed{color:#ef4444}.item-prompt{padding:8px 10px;font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid var(--border-color)}.retry-btn{margin:0 24px 20px;padding:10px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:6px;color:#f59e0b;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.retry-btn:hover{background:#f59e0b1f}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer}.lightbox img{max-width:90%;max-height:90%;border-radius:4px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@media (max-width: 900px){.serverless-grid{flex-direction:column}.generation-card{flex:none;min-width:0;width:100%}.history-card .card-body{min-height:300px}}@media (max-width: 600px){.serverless-panel{padding:20px 16px}.config-row{grid-template-columns:1fr 1fr}.config-item:last-child{grid-column:span 2}.modal-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:16px}.job-meta{gap:12px}}.instances-panel{padding:40px 48px;max-width:1400px;margin:0 auto}.instances-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.instances-title h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.header-metrics{display:flex;align-items:center;gap:24px}.metric{display:flex;align-items:center;gap:10px}.metric-label{font-size:13px;color:var(--text-tertiary)}.metric-value{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.metric-value.highlight{color:#10b981}.instances-message{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:24px;font-size:14px;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.instances-message.error{background:#ef44440f;border:1px solid rgba(239,68,68,.15);color:#f87171}.instances-message.success{background:#10b9810f;border:1px solid rgba(16,185,129,.15);color:#34d399}.instances-message .msg-icon{font-weight:600}.instances-message button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:18px;opacity:.5;padding:0;line-height:1}.instances-message button:hover{opacity:1}.view-toggle{display:inline-flex;gap:4px;margin-bottom:24px;padding:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px}.view-toggle button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.view-toggle button:hover{color:var(--text-secondary)}.view-toggle button.active{background:#ffffff0f;color:var(--text-primary)}.badge{background:#10b981;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.view-container{position:relative}.view-content{transition:opacity .2s ease,transform .2s ease}.view-content.hidden{display:none}.view-content.visible{animation:viewEnter .25s ease}@keyframes viewEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.launch-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;height:calc(100vh - 280px);min-height:400px;max-height:700px}.gpu-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:100%}.gpu-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.gpu-search{position:relative;width:140px}.gpu-search input{width:100%;padding:6px 10px 6px 28px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;transition:all .15s}.gpu-search input:focus{outline:none;border-color:var(--border-hover);background:#ffffff05}.gpu-search input::placeholder{color:var(--text-muted)}.gpu-search .search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:12px;height:12px}.gpu-list{flex:1;overflow-y:auto;padding:0;min-height:0}.gpu-list::-webkit-scrollbar{width:4px}.gpu-list::-webkit-scrollbar-track{background:transparent}.gpu-list::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.gpu-list::-webkit-scrollbar-thumb:hover{background:#ffffff1a}.gpu-panel-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color)}.inline-stats{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary)}.stat-item{font-variant-numeric:tabular-nums}.stat-item.highlight{color:#10b981}.stat-divider{opacity:.3}.gpu-filters{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.filter-pills{display:flex;gap:4px}.filter-pill{padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-tertiary);font-size:11px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-pill:hover{color:var(--text-secondary);background:#ffffff08}.filter-pill.active{color:var(--text-primary);background:#ffffff0f;border-color:var(--border-color)}.vram-pills{margin-left:auto;padding-left:16px;border-left:1px solid var(--border-color)}.gpu-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background .1s ease}.gpu-card:hover{background:#ffffff05}.gpu-card.selected{background:#ffffff0a}.gpu-card:last-child{border-bottom:none}.gpu-main{flex:1;min-width:0}.gpu-name{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:2px}.gpu-count{font-size:10px;font-weight:600;color:var(--text-secondary);opacity:.7}.rec-dot{width:6px;height:6px;background:#10b981;border-radius:50%;flex-shrink:0}.gpu-meta{font-size:11px;color:var(--text-tertiary);display:flex;align-items:center;gap:12px}.gpu-meta .vram{font-variant-numeric:tabular-nums}.gpu-meta .arch{opacity:.6}.coming-soon-badge{font-size:9px;font-weight:600;color:#f59e0b;background:#f59e0b26;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.gpu-card.coming-soon{opacity:.7}.gpu-card.coming-soon:hover{opacity:.85}.gpu-pricing{display:flex;align-items:center;gap:8px;text-align:right}.price-current{font-size:13px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.price-savings{font-size:10px;font-weight:500;color:#10b981;opacity:.8}.no-results{padding:40px 20px;text-align:center;color:var(--text-tertiary);font-size:13px}.config-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;transition:all .2s;height:fit-content;max-height:100%;position:sticky;top:0}.config-panel:not(.visible){opacity:.5}.config-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);gap:12px}.config-placeholder p{font-size:13px;margin:0}.config-header{padding:14px 16px;border-bottom:1px solid var(--border-color)}.config-title{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.config-form{padding:16px;display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.form-field label .optional{font-weight:400;text-transform:none;letter-spacing:normal;opacity:.6}.form-field input{padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;transition:all .15s}.form-field input:focus{outline:none;border-color:var(--border-hover)}.form-field input::placeholder{color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:8px 28px 8px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .15s}.select-wrapper select:focus{outline:none;border-color:var(--border-hover)}.select-wrapper .select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.spot-toggle{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff05;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s}.spot-toggle:hover{border-color:var(--border-hover)}.spot-toggle.active{background:#10b9810d;border-color:#10b98133}.toggle-switch{width:36px;height:20px;background:#ffffff1a;border-radius:10px;position:relative;transition:all .15s;flex-shrink:0}.spot-toggle.active .toggle-switch{background:#10b981}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .15s}.spot-toggle.active .toggle-knob{left:18px}.toggle-content{flex:1;min-width:0}.toggle-label{display:block;font-size:13px;font-weight:500;color:var(--text-primary)}.toggle-desc{display:block;font-size:11px;color:var(--text-tertiary);margin-top:1px}.spot-price{font-size:13px;font-weight:600;color:#10b981}.config-footer{padding:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px}.footer-cost{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff05;border-radius:6px}.footer-cost-label{font-size:12px;color:var(--text-tertiary)}.footer-cost-value{font-size:14px;font-weight:600;color:var(--text-primary)}.launch-btn{width:100%;padding:12px 20px;background:#10b981;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.launch-btn:hover:not(:disabled){background:#059669}.launch-btn:disabled{opacity:.4;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.section{margin-bottom:32px}.section-header h3{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0}.section-hint{font-size:12px;color:var(--text-tertiary)}.instance-list{display:flex;flex-direction:column;gap:12px}.instance-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.instance-card.active{border-color:#10b98133}.instance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.instance-name{font-size:15px;font-weight:600;color:var(--text-primary)}.instance-status{font-size:11px;font-weight:600;padding:5px 10px;border-radius:4px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.03em}.status-dot{width:6px;height:6px;border-radius:50%}.instance-details{display:flex;gap:32px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.detail{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:14px;font-weight:500;color:var(--text-primary)}.detail-value.cost{color:#10b981}.instance-connect{display:flex;align-items:center;gap:16px;margin-bottom:16px}.connect-btn{padding:8px 14px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:6px;color:#3b82f6;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.connect-btn:hover{background:#3b82f61f}.ssh-info{font-size:12px;color:var(--text-tertiary);font-family:SF Mono,Monaco,Inconsolata,monospace;background:#ffffff08;padding:6px 10px;border-radius:4px}.instance-actions{display:flex;gap:12px;margin-top:4px}.inst-btn{padding:10px 20px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.inst-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.inst-btn.stop{background:#f59e0b0f;border-color:#f59e0b26;color:#d97706}.inst-btn.stop:hover{background:#f59e0b1a;border-color:#f59e0b40}.inst-btn.terminate{color:var(--text-tertiary)}.inst-btn.terminate:hover{background:#ef44440f;border-color:#ef444426;color:#ef4444}.history-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 120px 90px 90px 90px 80px;padding:12px 20px;background:#ffffff05;border-bottom:1px solid var(--border-color);font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.table-row{display:grid;grid-template-columns:1fr 120px 90px 90px 90px 80px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.03);font-size:13px;color:var(--text-secondary);align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:#ffffff04}.cell-name{color:var(--text-primary);font-weight:500}.cell-status{font-weight:500;font-size:12px}.mini-btn{padding:5px 10px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-tertiary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.mini-btn:hover{background:#10b98114;border-color:#10b98133;color:#10b981}.empty-state{text-align:center;padding:80px 40px}.empty-icon{width:72px;height:72px;margin:0 auto 24px;background:#ffffff08;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.empty-state h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:14px;color:var(--text-tertiary);margin:0 0 24px}.launch-first-btn{padding:12px 24px;background:#10b981;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.launch-first-btn:hover{background:#059669}@media (max-width: 1024px){.launch-layout{grid-template-columns:1fr;gap:20px}.gpu-panel{max-height:400px}.config-panel{min-height:auto}}@media (max-width: 768px){.instances-panel{padding:24px 20px}.instances-header{flex-direction:column;gap:20px}.instances-stats{width:100%;justify-content:space-between}.view-toggle{width:100%}.view-toggle button{flex:1;justify-content:center}.instance-details{flex-wrap:wrap;gap:16px}.gpu-panel-header{flex-direction:column;gap:12px;align-items:flex-start}.gpu-search{width:100%}.form-row{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr 80px 70px}.table-header span:nth-child(n+4),.table-row span:nth-child(n+4){display:none}}.files-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;animation:fadeIn .25s ease}.files-sidebar-compact{display:flex;flex-direction:column;gap:16px}.folder-nav-compact{display:flex;flex-direction:column;gap:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:8px}.folder-btn{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.folder-btn:hover{background:#ffffff08;color:var(--text-primary)}.folder-btn.active{background:#ffffff0f;color:var(--text-primary)}.folder-btn .folder-name{font-weight:500}.folder-btn .folder-count{font-size:11px;color:var(--text-tertiary);background:#ffffff0a;padding:2px 6px;border-radius:4px}.upload-zone-compact{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:10px;text-align:center;transition:all .15s}.upload-zone-compact:hover,.upload-zone-compact.drag-over{border-color:var(--border-hover);background:#ffffff05}.upload-icon-compact{color:var(--text-tertiary)}.upload-zone-compact span{font-size:12px;color:var(--text-tertiary)}.browse-btn{padding:6px 14px;background:#ffffff0f;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.browse-btn:hover{background:#ffffff14;color:var(--text-primary)}.upload-progress-compact{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.progress-bar-compact{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar-compact .progress-fill{height:100%;background:#10b981;transition:width .2s}.storage-compact{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.storage-bar-compact{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.storage-bar-compact .storage-fill{height:100%;background:#10b981;transition:width .3s}.storage-compact span{font-size:11px;color:var(--text-tertiary)}.files-main-area{display:flex;flex-direction:column;gap:16px}.files-search-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.files-search-bar svg{color:var(--text-tertiary);flex-shrink:0}.files-search-bar input{flex:1;background:none;border:none;color:var(--text-primary);font-size:13px;outline:none}.files-search-bar input::placeholder{color:var(--text-tertiary)}.files-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.files-table-header{display:grid;grid-template-columns:1fr 80px 100px 80px;gap:12px;padding:12px 16px;background:#ffffff05;border-bottom:1px solid var(--border-color);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.file-row-compact{display:grid;grid-template-columns:1fr 80px 100px 80px;gap:12px;padding:12px 16px;align-items:center;border-bottom:1px solid var(--border-color);transition:background .1s}.file-row-compact:last-child{border-bottom:none}.file-row-compact:hover{background:#ffffff05}.file-name-cell{display:flex;align-items:center;gap:12px;min-width:0}.file-icon-compact{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff0a;color:var(--text-tertiary);flex-shrink:0}.file-icon-compact.image{color:#a78bfa;background:#a78bfa14}.file-icon-compact.data{color:#34d399;background:#34d39914}.file-icon-compact.model{color:#fbbf24;background:#fbbf2414}.file-icon-compact.code{color:#60a5fa;background:#60a5fa14}.file-icon-compact.archive{color:#f472b6;background:#f472b614}.file-name-info{min-width:0}.file-name-text{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.file-size,.file-date{font-size:12px;color:var(--text-tertiary)}.file-actions{display:flex;justify-content:flex-end;gap:4px}.file-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .1s}.file-action-btn:hover{background:#ffffff0f;border-color:var(--border-color);color:var(--text-secondary)}.file-action-btn.delete:hover{background:#ef444414;border-color:#ef444433;color:#f87171}.files-loading-state,.files-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 40px;color:var(--text-tertiary)}.files-loading-state{flex-direction:row;justify-content:center;padding:40px}.files-empty-state svg{opacity:.5}.files-empty-state h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.files-empty-state p{font-size:13px;color:var(--text-tertiary);margin:0}@media (max-width: 900px){.files-layout{grid-template-columns:1fr}.files-sidebar-compact{flex-direction:row;overflow-x:auto;gap:12px}.folder-nav-compact{flex-direction:row;flex-shrink:0}.upload-zone-compact{flex-shrink:0;min-width:160px}.storage-compact{flex-shrink:0;min-width:120px}.files-table-header,.file-row-compact{grid-template-columns:1fr 70px 60px}.files-table-header span:last-child,.file-row-compact .file-date{display:none}}.files-panel{padding:40px 48px;max-width:1400px;margin:0 auto;animation:filesEnter .4s ease}@keyframes filesEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.files-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.files-title h2{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em}.files-subtitle{font-size:15px;color:var(--text-tertiary);line-height:1.6}.storage-indicator{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.storage-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.storage-bar{width:140px;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.storage-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;transition:width .4s ease}.storage-text{font-size:13px;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums}.files-content{display:grid;grid-template-columns:260px 1fr;gap:32px}.files-sidebar{display:flex;flex-direction:column;gap:24px}.folder-nav{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px}.folder-nav-header{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.folder-list{display:flex;flex-direction:column;gap:4px}.folder-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;text-align:left;width:100%}.folder-item:hover{background:#ffffff08;color:var(--text-primary)}.folder-item.active{background:#10b98114;border-color:#10b98133;color:#10b981}.folder-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:8px;font-size:16px;transition:all .2s ease}.folder-item.active .folder-icon{background:#10b98126}.folder-details{flex:1;min-width:0}.folder-name{display:block;font-weight:500;text-transform:capitalize;margin-bottom:2px}.folder-count{font-size:12px;color:var(--text-tertiary);font-weight:400}.upload-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px}.upload-card-header{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.upload-zone{border:2px dashed rgba(255,255,255,.1);border-radius:12px;padding:32px 20px;text-align:center;transition:all .2s ease;background:#ffffff03;cursor:pointer}.upload-zone:hover{border-color:#10b9814d;background:#10b98108}.upload-zone.drag-over{border-color:#10b981;background:#10b98114;transform:scale(1.01)}.upload-zone.uploading{pointer-events:none;opacity:.7}.upload-icon{width:48px;height:48px;margin:0 auto 16px;background:#ffffff0a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.upload-zone p{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 4px}.upload-hint{font-size:12px;color:var(--text-tertiary);display:block;margin-bottom:16px}.upload-btn{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.upload-limit{display:block;font-size:11px;color:var(--text-tertiary);margin-top:12px}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}.progress-bar{width:100%;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .2s ease}.upload-progress span{font-size:13px;font-weight:500;color:#10b981}.files-main{display:flex;flex-direction:column;gap:20px}.files-search{position:relative}.files-search input{width:100%;padding:14px 20px 14px 48px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.files-search input::placeholder{color:var(--text-tertiary)}.files-search input:focus{outline:none;border-color:var(--border-hover);background:var(--bg-card-hover)}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:14px}.files-list-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.files-list-header{display:grid;grid-template-columns:1fr 100px 140px 100px;padding:16px 24px;background:#ffffff05;border-bottom:1px solid var(--border-color)}.files-list-header span{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.files-list{max-height:520px;overflow-y:auto}.files-list::-webkit-scrollbar{width:6px}.files-list::-webkit-scrollbar-track{background:transparent}.files-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.files-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.file-row{display:grid;grid-template-columns:1fr 100px 140px 100px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.03);font-size:14px;color:var(--text-primary);animation:fileRowEnter .3s ease forwards;opacity:0;transition:background .15s ease}@keyframes fileRowEnter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.file-row:hover{background:#ffffff05}.file-row:last-child{border-bottom:none}.col-name{display:flex;align-items:center;gap:12px;overflow:hidden}.file-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:8px;font-size:14px;flex-shrink:0}.file-info{min-width:0;flex:1}.file-name{display:block;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-type{font-size:12px;color:var(--text-tertiary);text-transform:uppercase}.col-size{display:flex;align-items:center;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.col-date{display:flex;align-items:center;color:var(--text-tertiary);font-size:13px}.col-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;color:var(--text-secondary)}.action-btn:hover{background:#ffffff0f;border-color:var(--border-hover);color:var(--text-primary)}.action-btn.delete:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.files-loading,.files-empty{padding:80px 40px;text-align:center}.files-loading{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.06);border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}.files-loading span{font-size:14px;color:var(--text-secondary)}.empty-icon{width:72px;height:72px;margin:0 auto 24px;background:#ffffff08;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.files-empty h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.files-empty p{font-size:14px;color:var(--text-tertiary);max-width:280px;margin:0 auto;line-height:1.5}.files-message{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500;animation:messageEnter .3s ease}@keyframes messageEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.files-message.error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171}.files-message.success{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#34d399}.files-message .message-icon{font-size:16px}.files-message .message-text{flex:1}.files-message .message-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;opacity:.6;padding:0;line-height:1;transition:opacity .2s}.files-message .message-close:hover{opacity:1}@media (max-width: 1024px){.files-content{grid-template-columns:1fr}.files-sidebar{flex-direction:row;gap:16px}.folder-nav,.upload-card{flex:1}.folder-list{flex-direction:row;flex-wrap:wrap}.folder-item{flex:1;min-width:120px}}@media (max-width: 768px){.files-panel{padding:24px 20px}.files-header{flex-direction:column;gap:20px;align-items:flex-start}.storage-indicator{width:100%;align-items:flex-start}.storage-bar{width:100%}.files-sidebar{flex-direction:column}.files-list-header,.file-row{grid-template-columns:1fr 80px 80px}.col-date{display:none}}.usage-panel{max-width:1000px;margin:0 auto;padding:40px 32px}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.usage-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:24px}.card-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.card-header-row{display:flex;justify-content:space-between;align-items:center}.balance-card{grid-column:1}.balance-row{display:flex;align-items:center;justify-content:space-between}.balance-amount{font-size:36px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.add-credits-btn{padding:10px 20px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s ease}.add-credits-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.add-credits-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.packages-dropdown{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.package-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s ease}.package-row:hover:not(:disabled){border-color:var(--accent);background:#8b5cf60d}.package-row:disabled{opacity:.6;cursor:not-allowed}.package-row.recommended{border-color:var(--accent);background:#8b5cf60d}.package-info{display:flex;align-items:center;gap:12px}.package-credits{font-size:14px;font-weight:500;color:var(--text-primary)}.rec-tag{font-size:10px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;background:#8b5cf61a;border-radius:4px}.package-price{font-size:14px;font-weight:600;color:var(--accent)}.stripe-note{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:8px}.stripe-note svg{opacity:.5}.test-hint{margin-left:8px;padding:2px 6px;background:#fbbf241a;color:#ca8a04;border-radius:3px;font-family:SF Mono,Fira Code,monospace;font-size:10px}.stats-card{grid-column:2}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:24px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--text-muted)}.history-card{grid-column:1 / -1}.empty-state{padding:40px;text-align:center;color:var(--text-muted);font-size:13px}.transactions-list{margin-top:8px}.tx-header{display:grid;grid-template-columns:90px 1fr 100px 100px;gap:16px;padding:10px 0;font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.tx-row{display:grid;grid-template-columns:90px 1fr 100px 100px;gap:16px;padding:14px 0;align-items:center;border-bottom:1px solid var(--border-color)}.tx-row:last-child{border-bottom:none}.tx-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:4px 8px;border-radius:4px;width:fit-content}.tx-type.purchase{background:#22c55e1a;color:#22c55e}.tx-type.usage{background:#9ca3af14;color:#9ca3af}.tx-type.refund{background:#3b82f61a;color:#3b82f6}.tx-desc{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-amount{font-size:13px;font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}.tx-amount.positive{color:var(--success)}.tx-date{font-size:12px;color:var(--text-muted);text-align:right}@media (max-width: 768px){.usage-panel{padding:24px 16px}.usage-grid{grid-template-columns:1fr}.balance-card,.stats-card,.history-card{grid-column:1}.balance-row{flex-direction:column;align-items:flex-start;gap:16px}.add-credits-btn{width:100%}.stats-grid{grid-template-columns:repeat(3,1fr)}.tx-header,.tx-row{grid-template-columns:70px 1fr 80px}.tx-header span:nth-child(4),.tx-row span:nth-child(4){display:none}}.api-keys-panel{padding:40px 48px;max-width:900px;margin:0 auto}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-content h1{font-size:26px;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em}.header-content p{font-size:14px;color:var(--text-tertiary);margin:0}.create-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f2e8de,#e6d9cc);border:none;border-radius:8px;color:#1a1a1a;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f2e8de4d}.create-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.create-btn.secondary{background:#f2e8de1a;color:#f2e8de;border:1px solid rgba(242,232,222,.2)}.create-btn.secondary:hover{background:#f2e8de26}.new-key-banner{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:20px;margin-bottom:32px}.banner-header{display:flex;align-items:center;gap:10px;color:#10b981;font-weight:600;margin-bottom:12px}.banner-warning{font-size:13px;color:#fbbf24;margin:0 0 16px}.key-display{display:flex;align-items:center;gap:12px;background:#0000004d;border-radius:8px;padding:12px 16px;margin-bottom:16px}.key-display code{flex:1;font-family:SF Mono,Fira Code,monospace;font-size:14px;color:#10b981;word-break:break-all}.copy-btn{padding:8px;background:#ffffff1a;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.copy-btn:hover{background:#ffffff26;color:var(--text-primary)}.dismiss-btn{width:100%;padding:10px;background:#10b98133;border:none;border-radius:8px;color:#10b981;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.dismiss-btn:hover{background:#10b9814d}.keys-section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.04em}.key-count{font-size:12px;color:var(--text-muted)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:12px;text-align:center}.loading-state .spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--text-secondary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.loading-state p{font-size:14px;color:var(--text-muted);margin:0}.empty-state svg{color:var(--text-tertiary);margin-bottom:16px}.empty-state h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:14px;color:var(--text-muted);margin:0 0 20px;max-width:300px}.keys-list{display:flex;flex-direction:column;gap:12px}.key-card{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:20px;transition:all .15s ease}.key-card:hover{border-color:#ffffff14;background:#ffffff05}.key-card.revoked{opacity:.5}.key-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.key-info{display:flex;flex-direction:column;gap:4px}.key-name{font-size:15px;font-weight:500;color:var(--text-primary)}.key-prefix{display:flex;align-items:center;gap:6px}.key-prefix code{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--text-muted)}.copy-small{padding:2px 4px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;opacity:.5;transition:opacity .15s ease}.copy-small:hover{opacity:1}.key-scopes{display:flex;gap:6px}.scope-badge{padding:4px 8px;font-size:11px;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.scope-badge.read{background:#60a5fa1a;color:#60a5fa}.scope-badge.write{background:#a78bfa1a;color:#a78bfa}.scope-badge.admin{background:#fbbf241a;color:#fbbf24}.key-meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.04)}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.meta-value{font-size:13px;color:var(--text-secondary)}.key-actions{display:flex;justify-content:flex-end}.revoke-btn{padding:6px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.revoke-btn:hover{background:#ef444433}.revoked-badge{padding:6px 12px;background:#ffffff0d;border-radius:6px;color:var(--text-muted);font-size:12px;font-weight:500}.usage-section{margin-top:48px}.usage-section h2{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.04em}.code-example{background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:10px;overflow:hidden;margin-bottom:16px}.code-header{padding:10px 16px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04);font-size:12px;font-weight:500;color:var(--text-muted)}.code-example pre{margin:0;padding:16px;overflow-x:auto}.code-example code{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:var(--text-secondary);line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:#0f0f12;border:1px solid rgba(255,255,255,.06);border-radius:16px;width:100%;max-width:480px;box-shadow:0 24px 48px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.04)}.modal-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.close-btn{padding:6px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.close-btn:hover{background:#ffffff0d;color:var(--text-primary)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .15s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#f2e8de4d;background:#ffffff0a}.form-group input::placeholder{color:var(--text-muted)}.hint{font-size:12px;color:var(--text-muted)}.scope-options{display:flex;flex-direction:column;gap:8px}.scope-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .15s ease}.scope-option:hover{background:#ffffff0a}.scope-option.selected{border-color:#f2e8de4d;background:#f2e8de0d}.scope-option input{display:none}.scope-info{display:flex;flex-direction:column;gap:2px}.scope-name{font-size:14px;font-weight:500;color:var(--text-primary)}.scope-desc{font-size:12px;color:var(--text-muted)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.04)}.cancel-btn{padding:10px 16px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.cancel-btn:hover{background:#ffffff08;color:var(--text-primary)}@media (max-width: 768px){.api-keys-panel{padding:24px}.panel-header{flex-direction:column;gap:16px}.create-btn{width:100%;justify-content:center}.key-main{flex-direction:column;gap:12px}.key-meta{gap:16px}}.moltbot-panel{max-width:800px;margin:0 auto;padding:24px}.panel-header{margin-bottom:32px}.header-content{display:flex;align-items:center;gap:16px;margin-bottom:8px}.panel-header h1{font-size:28px;font-weight:600;color:#f5f5f5;margin:0}.price-tag{background:linear-gradient(135deg,#c87832,#a66428);color:#fff;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600}.header-desc{color:#888;font-size:15px;margin:0}.wizard-progress{display:flex;justify-content:center;gap:8px;margin-bottom:40px;padding:0 20px}.progress-step{display:flex;align-items:center;gap:8px}.progress-step:not(:last-child):after{content:"";width:60px;height:2px;background:#333;margin-left:8px}.progress-step.completed:not(:last-child):after{background:#c87832}.step-indicator{width:32px;height:32px;border-radius:50%;background:#222;border:2px solid #333;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#666;transition:all .3s ease}.progress-step.active .step-indicator{background:#c87832;border-color:#c87832;color:#fff}.progress-step.completed .step-indicator{background:#c8783226;border-color:#c87832;color:#c87832}.progress-step.completed .step-indicator svg{width:16px;height:16px}.step-label{font-size:13px;color:#666;font-weight:500}.progress-step.active .step-label,.progress-step.completed .step-label{color:#c87832}.wizard-content{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:32px;min-height:400px}.wizard-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:22px;font-weight:600;color:#f5f5f5;margin:0 0 8px}.step-description{color:#888;font-size:15px;margin:0 0 28px}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.provider-card{position:relative;background:#222;border:2px solid #333;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease}.provider-card:hover{border-color:#444;transform:translateY(-2px)}.provider-card.selected{border-color:#c87832;background:linear-gradient(180deg,rgba(200,120,50,.1) 0%,transparent 100%)}.recommended-badge{position:absolute;top:-10px;right:16px;background:#c87832;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.provider-icon{width:48px;height:48px;margin:0 auto 16px;color:#888}.provider-card.selected .provider-icon{color:#c87832}.provider-icon svg{width:100%;height:100%}.provider-name{font-size:18px;font-weight:600;color:#f5f5f5;margin:0 0 4px}.provider-company{font-size:13px;color:#666;margin:0 0 12px}.provider-desc{font-size:13px;color:#888;margin:0;line-height:1.4}.api-key-section{margin-top:24px;padding-top:24px;border-top:1px solid #2a2a2a}.api-included-notice{display:flex;align-items:flex-start;gap:16px;margin-top:24px;padding:16px 20px;background:linear-gradient(135deg,#10b9811a,#6366f11a);border:1px solid rgba(16,185,129,.3);border-radius:12px}.api-included-notice .notice-icon{font-size:24px;flex-shrink:0}.api-included-notice .notice-content{flex:1}.api-included-notice strong{display:block;font-size:14px;font-weight:600;color:#10b981;margin-bottom:4px}.api-included-notice p{font-size:13px;color:#9ca3af;margin:0;line-height:1.5}.input-label{display:block;font-size:14px;font-weight:500;color:#ccc;margin-bottom:8px}.input-with-help{display:flex;gap:12px;align-items:center}.api-key-input,.token-input,.name-input{flex:1;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:12px 16px;font-size:14px;color:#f5f5f5;font-family:SF Mono,Monaco,monospace;transition:border-color .2s ease}.api-key-input:focus,.token-input:focus,.name-input:focus{outline:none;border-color:#c87832}.api-key-input.error,.token-input.error,.name-input.error{border-color:#e74c3c}.help-link,.help-btn{color:#c87832;font-size:13px;text-decoration:none;white-space:nowrap;background:none;border:none;cursor:pointer;padding:0}.help-link:hover,.help-btn:hover{text-decoration:underline}.error-text{color:#e74c3c;font-size:13px;margin:8px 0 0}.error-text.center{text-align:center}.channels-grid{display:flex;flex-direction:column;gap:12px}.channel-card{background:#222;border:2px solid #333;border-radius:12px;padding:16px 20px;transition:all .2s ease}.channel-card.selected{border-color:#c87832}.channel-card.disabled{opacity:.5}.channel-header{display:flex;align-items:center;gap:16px}.channel-icon{width:40px;height:40px;color:#888;flex-shrink:0}.channel-card.selected .channel-icon{color:#c87832}.channel-icon svg{width:100%;height:100%}.channel-info{flex:1}.channel-name{font-size:16px;font-weight:600;color:#f5f5f5;margin:0 0 4px}.channel-desc{font-size:13px;color:#888;margin:0}.channel-toggle{background:#333;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;color:#888;cursor:pointer;transition:all .2s ease}.channel-toggle:hover{background:#444;color:#ccc}.channel-toggle.enabled{background:#c87832;color:#fff}.coming-soon-badge{background:#333;color:#666;font-size:12px;font-weight:500;padding:6px 12px;border-radius:6px}.channel-config{margin-top:16px;padding-top:16px;border-top:1px solid #333}.help-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.help-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:28px;max-width:400px;width:90%;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#888;font-size:24px;cursor:pointer;line-height:1}.modal-close:hover{color:#f5f5f5}.help-modal h3{font-size:18px;font-weight:600;color:#f5f5f5;margin:0 0 20px}.setup-steps{margin:0 0 20px;padding-left:20px;color:#ccc;font-size:14px;line-height:1.8}.setup-steps li{margin-bottom:8px}.modal-link{display:inline-flex;align-items:center;gap:6px;color:#c87832;font-size:14px;font-weight:500;text-decoration:none}.modal-link:hover{text-decoration:underline}.payment-summary{max-width:400px;margin:0 auto}.summary-section{background:#222;border-radius:12px;padding:20px;margin-bottom:20px}.summary-section h4{font-size:14px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.summary-item{display:flex;justify-content:space-between;padding:8px 0}.summary-label{color:#888;font-size:14px}.summary-value{color:#f5f5f5;font-size:14px;font-weight:500}.pricing-section{background:#222;border-radius:12px;padding:20px;margin-bottom:20px}.price-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#ccc;font-size:14px}.price-row .price{color:#f5f5f5;font-weight:500}.price-divider{height:1px;background:#333;margin:12px 0}.price-row.total{font-size:18px;font-weight:600}.price-row.total .price{color:#c87832;font-size:20px}.payment-features{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}.payment-features .feature-item{color:#888;font-size:13px;padding:4px 0}.payment-btn{width:100%;background:linear-gradient(135deg,#c87832,#a66428);border:none;color:#fff;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 20px #c878324d}.payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #c8783280}.payment-btn:disabled{opacity:.7;cursor:not-allowed}.payment-note{text-align:center;color:#666;font-size:12px;margin-top:16px}.payment-confirmed{display:flex;justify-content:center;margin-bottom:24px}.confirmed-badge{display:flex;align-items:center;gap:8px;background:#c878321a;color:#c87832;padding:10px 20px;border-radius:30px;font-size:14px;font-weight:600;border:1px solid rgba(200,120,50,.25)}.confirmed-badge svg{stroke:#c87832}.review-section{background:#222;border-radius:12px;padding:20px;margin-bottom:24px}.review-section.compact{padding:16px;margin-bottom:20px}.review-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #333}.review-item:last-child{border-bottom:none}.review-label{color:#888;font-size:14px}.review-value{color:#f5f5f5;font-size:14px;font-weight:500}.review-value.price{color:#c87832;font-size:18px;font-weight:600}.name-section{margin-bottom:24px}.name-input{width:100%;box-sizing:border-box}.deploy-info{background:#c878321a;border:1px solid rgba(200,120,50,.3);border-radius:12px;padding:20px}.deploy-info h4{font-size:14px;font-weight:600;color:#c87832;margin:0 0 12px}.deploy-info ul{list-style:none;margin:0;padding:0}.deploy-info li{color:#ccc;font-size:14px;padding:4px 0}.deploy-success{text-align:center;padding:40px 20px}.success-icon{width:80px;height:80px;margin:0 auto 24px;background:#c878321a;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon svg{width:40px;height:40px;color:#c87832}.instance-card.deployed{background:#222;border-radius:12px;padding:20px;margin:24px 0;text-align:left}.instance-status{margin-bottom:12px}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.pending,.status-badge.deploying{background:#c8783233;color:#c87832}.status-badge.running{background:#33bb8826;color:#3b8}.status-badge.failed{background:#e74c3c33;color:#e74c3c}.status-badge.stopped{background:#8883;color:#888}.instance-card h4{font-size:18px;font-weight:600;color:#f5f5f5;margin:0 0 8px}.instance-details{display:flex;gap:16px;color:#888;font-size:13px}.primary-btn{background:#c87832;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-btn:hover{background:#d88942}.wizard-nav{display:flex;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid #2a2a2a}.nav-spacer{flex:1}.back-btn{background:transparent;border:1px solid #333;color:#888;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{border-color:#444;color:#ccc}.next-btn{background:#333;border:none;color:#f5f5f5;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.next-btn:hover{background:#444}.deploy-btn{background:linear-gradient(135deg,#c87832,#a66428);border:none;color:#fff;padding:14px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.deploy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #c8783266}.deploy-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.existing-instances{margin-top:40px;padding-top:40px;border-top:1px solid #2a2a2a}.existing-instances h3{font-size:18px;font-weight:600;color:#f5f5f5;margin:0 0 16px}.usage-indicator{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:16px;margin-bottom:20px}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-label{font-size:13px;color:#888}.usage-count{font-size:13px;color:#f5f5f5;font-weight:600}.usage-bar{height:6px;background:#2a2a2a;border-radius:3px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#c87832,#e8a04c);border-radius:3px;transition:width .5s ease}.usage-fill.low{background:linear-gradient(90deg,#d4a017,#e8c04c)}.usage-fill.empty{background:linear-gradient(90deg,#dc3545,#ff6b6b)}.usage-limit-msg{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:#ff6b6b}.buy-more-link{background:none;border:none;color:#c87832;cursor:pointer;font-size:12px;font-weight:600;padding:0}.buy-more-link:hover{color:#e8a04c;text-decoration:underline}.usage-warning{font-size:11px;color:#d4a017;margin:8px 0 0}.instances-list{display:flex;flex-direction:column;gap:12px}.instance-item{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:16px 20px}.instance-item .instance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.instance-item .instance-name{font-size:15px;font-weight:600;color:#f5f5f5}.instance-meta{display:flex;gap:16px;color:#888;font-size:13px}.instance-actions{margin-top:12px;padding-top:12px;border-top:1px solid #2a2a2a;display:flex;gap:8px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent;letter-spacing:.01em}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f14d}.action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#7c7ff7,#9d6ffa);box-shadow:0 2px 8px #6366f14d}.action-btn.secondary{background:#ffffff0d;color:#a0a0a0;border-color:#ffffff1a}.action-btn.secondary:hover:not(:disabled){background:#ffffff1a;color:#fff;border-color:#fff3}.action-btn.danger{background:#ef44441a;color:#f87171;border-color:#ef444433}.action-btn.danger:hover:not(:disabled){background:#ef444433;color:#fca5a5;border-color:#ef444466}.action-btn.accent{background:linear-gradient(135deg,#c87832,#a66428);color:#fff;border-color:#c878324d}.action-btn.accent:hover:not(:disabled){background:linear-gradient(135deg,#d48a44,#b87434);box-shadow:0 2px 8px #c878324d}.skills-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.skills-modal{animation:slideUp .3s ease}.loading-instances{text-align:center;color:#888;padding:20px}.openclaw-intro{animation:fadeIn .4s ease}.intro-hero{text-align:center;padding:40px 20px 50px}.hero-badge{display:inline-block;background:#c8783226;color:#c87832;font-size:13px;font-weight:600;padding:8px 16px;border-radius:20px;margin-bottom:24px}.hero-title{font-size:42px;font-weight:700;color:#f5f5f5;margin:0 0 16px;line-height:1.2;background:linear-gradient(135deg,#f5f5f5,#c87832);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:#888;max-width:560px;margin:0 auto 32px;line-height:1.6}.deploy-cta{background:linear-gradient(135deg,#c87832,#a66428);border:none;color:#fff;padding:16px 40px;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #c878324d}.deploy-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px #c8783280}.deploy-cta.secondary{background:#222;border:2px solid #c87832;box-shadow:none}.deploy-cta.secondary:hover{background:#c878321a}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 auto 50px;max-width:700px}.feature-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:24px 20px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#3a3a3a;transform:translateY(-4px)}.feature-icon{font-size:32px;margin-bottom:12px}.feature-card h3{font-size:15px;font-weight:600;color:#f5f5f5;margin:0 0 8px}.feature-card p{font-size:13px;color:#888;margin:0;line-height:1.4}.demo-preview{display:flex;justify-content:center;margin-bottom:50px}.telegram-window{width:100%;max-width:400px;background:#0e1621;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0006;border:1px solid #1c2a3a}.telegram-header{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#17212b;border-bottom:1px solid #1c2a3a}.tg-back{background:none;border:none;color:#6ab2f2;cursor:pointer;padding:4px;display:flex}.tg-avatar{width:40px;height:40px;background:linear-gradient(135deg,#c87832,#a66428);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.tg-info{flex:1;display:flex;flex-direction:column}.tg-name{color:#f5f5f5;font-size:15px;font-weight:600}.tg-status{color:#6ab2f2;font-size:13px}.tg-actions{color:#6ab2f2;padding:8px}.telegram-chat{padding:16px 12px;display:flex;flex-direction:column;gap:8px;min-height:320px;background:#0e1621}.tg-message{display:flex;flex-direction:column;max-width:85%;animation:tgSlideIn .4s ease forwards;opacity:0}.tg-message:nth-child(1){animation-delay:.2s}.tg-message:nth-child(2){animation-delay:.6s}.tg-message:nth-child(3){animation-delay:1.2s}.tg-message:nth-child(4){animation-delay:1.8s}.tg-message:nth-child(5){animation-delay:2.4s}.tg-message:nth-child(6){animation-delay:2.8s}@keyframes tgSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tg-message.user{align-self:flex-end}.tg-message.bot{align-self:flex-start}.tg-bubble{padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.45}.tg-message.user .tg-bubble{background:#2b5278;color:#f5f5f5;border-bottom-right-radius:4px}.tg-message.bot .tg-bubble{background:#182533;color:#f5f5f5;border-bottom-left-radius:4px}.tg-bubble code{font-family:SF Mono,Monaco,monospace;font-size:12px;background:#0003;padding:2px 6px;border-radius:4px}.tg-bubble.code-block{background:#1e2c3a;padding:0;overflow:hidden}.tg-bubble.code-block .code-label{display:block;background:#0000004d;padding:8px 12px;font-size:12px;color:#6ab2f2;border-bottom:1px solid rgba(255,255,255,.1)}.tg-bubble.code-block code{display:block;padding:12px;background:transparent;white-space:pre;color:#8dc6ff;font-size:11px;line-height:1.5}.tg-time{font-size:11px;color:#5d6d7e;margin-top:4px;align-self:flex-end}.tg-message.bot .tg-time{align-self:flex-start}.telegram-input{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#17212b;border-top:1px solid #1c2a3a}.telegram-input input{flex:1;background:transparent;border:none;color:#f5f5f5;font-size:14px;padding:8px 0;outline:none}.telegram-input input::placeholder{color:#5d6d7e}.tg-attach,.tg-mic{color:#6ab2f2;cursor:pointer;flex-shrink:0}.tg-mic{opacity:.7}.intro-footer{text-align:center;padding:30px 20px 20px;border-top:1px solid #2a2a2a}.footer-note{color:#666;font-size:14px;margin:0 0 20px}.back-to-intro{background:transparent;border:none;color:#888;font-size:14px;cursor:pointer;padding:0}.back-to-intro:hover{color:#c87832}@media (max-width: 600px){.hero-title{font-size:28px}.hero-subtitle{font-size:15px}.features-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{padding:16px 12px}.feature-icon{font-size:24px}.feature-card h3{font-size:13px}.feature-card p{font-size:11px}.demo-window{max-width:100%}}@media (max-width: 600px){.moltbot-panel{padding:16px}.wizard-content{padding:20px}.provider-grid{grid-template-columns:1fr}.wizard-progress{gap:4px}.progress-step:not(:last-child):after{width:30px}.step-label{display:none}.input-with-help{flex-direction:column;align-items:stretch}.help-link,.help-btn{text-align:right;margin-top:8px}}.openclaw-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.openclaw-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(200,120,50,.2);border-top-color:#c87832;border-radius:50%;animation:spin 1s linear infinite}.openclaw-loading p{color:#888;font-size:14px}.deploy-progress-step{padding:0}.deploy-actions{display:flex;justify-content:center;margin-top:24px}.buy-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.buy-modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:32px;max-width:520px;width:90%;position:relative;max-height:90vh;overflow-y:auto}.buy-modal .modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:4px 8px;line-height:1}.buy-modal .modal-close:hover{color:#f5f5f5}.buy-modal-title{font-size:22px;font-weight:600;color:#f5f5f5;margin:0 0 8px}.buy-modal-desc{color:#888;font-size:14px;margin:0 0 20px;line-height:1.5}.buy-modal-usage{display:flex;justify-content:space-between;background:#111;border:1px solid #2a2a2a;border-radius:8px;padding:10px 14px;margin-bottom:20px;font-size:13px;color:#888}.packs-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.pack-card{background:#111;border:1px solid #2a2a2a;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;position:relative;transition:border-color .2s}.pack-card:hover{border-color:#444}.pack-card.popular{border-color:#c87832}.pack-popular-badge{position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,#c87832,#e8a04c);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px}.pack-name{font-size:16px;font-weight:600;color:#f5f5f5;margin:0;min-width:120px}.pack-desc{font-size:12px;color:#888;margin:0;flex:1}.pack-price{font-size:18px;font-weight:700;color:#f5f5f5;min-width:50px;text-align:right}.pack-buy-btn{background:linear-gradient(135deg,#c87832,#a66428);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;min-width:90px}.pack-buy-btn:hover{opacity:.9}.pack-buy-btn:disabled{opacity:.5;cursor:not-allowed}.packs-loading{text-align:center;color:#888;padding:20px;font-size:14px}.buy-modal-note{color:#666;font-size:12px;text-align:center;margin:0}.skills-manager{background:#1a1a1a;border-radius:16px;border:1px solid #2a2a2a;overflow:hidden;max-width:500px;width:100%}.skills-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #2a2a2a}.skills-title{display:flex;align-items:center;gap:12px}.skills-icon{font-size:28px}.skills-title h3{margin:0;font-size:18px;font-weight:600;color:#fff}.skills-title p{margin:4px 0 0;font-size:13px;color:#888}.skills-header .close-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.skills-header .close-btn:hover{background:#2a2a2a;color:#fff}.skills-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 20px;background:#151515}.stat{text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;color:#fff}.stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.token-bar{grid-column:span 2;height:4px;background:#2a2a2a;border-radius:2px;overflow:hidden}.token-fill{height:100%;background:linear-gradient(90deg,#10b981,#6366f1);border-radius:2px;transition:width .3s ease}.skills-actions{display:flex;gap:12px;padding:16px 20px}.upload-btn,.add-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.upload-btn{background:#6366f1;color:#fff}.upload-btn:hover:not(:disabled){background:#5558e3}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.add-btn{background:#2a2a2a;color:#ccc;border:1px solid #3a3a3a}.add-btn:hover{background:#333;color:#fff}.add-skill-form{padding:0 20px 16px;display:flex;flex-direction:column;gap:12px}.add-skill-form input,.add-skill-form textarea{width:100%;padding:12px 14px;background:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.add-skill-form input:focus,.add-skill-form textarea:focus{outline:none;border-color:#6366f1}.add-skill-form textarea{resize:vertical;min-height:120px;font-family:inherit}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.save-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:transparent;border:1px solid #333;color:#888}.cancel-btn:hover{background:#2a2a2a;color:#fff}.save-btn{background:#10b981;border:none;color:#fff}.save-btn:hover:not(:disabled){background:#0da472}.save-btn:disabled{opacity:.5;cursor:not-allowed}.skills-list{padding:0 20px;max-height:300px;overflow-y:auto}.skills-loading,.skills-empty{padding:40px 20px;text-align:center;color:#666}.empty-icon{display:block;font-size:40px;margin-bottom:12px}.skills-empty p{margin:0;font-size:14px}.empty-hint{font-size:12px!important;color:#555!important;margin-top:4px!important}.skill-card{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#222;border-radius:10px;margin-bottom:8px;transition:all .2s ease}.skill-card:hover{background:#282828}.skill-card.inactive{opacity:.5}.skill-info{flex:1;min-width:0}.skill-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#fff}.skill-file-icon{font-size:16px}.skill-meta{font-size:12px;color:#666;margin-top:4px}.skill-actions{display:flex;gap:8px}.toggle-btn,.delete-btn{width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-btn{background:#2a2a2a;color:#666;font-size:14px}.toggle-btn.active{background:#10b98133;color:#10b981}.toggle-btn:hover{background:#333}.delete-btn{background:transparent;color:#666}.delete-btn:hover{background:#ef444433;color:#ef4444}.skills-footer{padding:16px 20px;border-top:1px solid #2a2a2a;margin-top:8px}.footer-note{margin:0;font-size:12px;color:#666}.footer-note strong{color:#888}.skills-list::-webkit-scrollbar{width:6px}.skills-list::-webkit-scrollbar-track{background:transparent}.skills-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.deployment-progress{background:linear-gradient(135deg,#1a1a1a,#141414);border:1px solid #2a2a2a;border-radius:16px;padding:32px;margin:24px 0}.deployment-progress.complete{border-color:#2d5a2d;background:linear-gradient(135deg,#1a1f1a,#141714)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.progress-title{font-size:20px;font-weight:600;color:#f5f5f5}.progress-time{font-size:14px;color:#888;font-family:monospace;background:#222;padding:6px 12px;border-radius:8px}.stages-container{display:flex;gap:8px;margin-bottom:32px}.stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;background:#1e1e1e;border-radius:12px;border:1px solid #2a2a2a;transition:all .3s ease}.stage.active{background:#252525;border-color:#3a3a3a}.stage.current{border-color:#c87832;box-shadow:0 0 20px #c8783226}.stage-indicator{width:40px;height:40px;border-radius:50%;background:#2a2a2a;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;transition:all .3s ease}.stage.active .stage-indicator{background:#c87832;color:#fff}.stage.active .stage-indicator svg{width:20px;height:20px}.stage-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.stage-info{text-align:center}.stage-label{font-size:13px;font-weight:500;color:#888;display:block}.stage.active .stage-label{color:#f5f5f5}.stage-desc{font-size:11px;color:#666;margin-top:4px;display:block}.capabilities-showcase{background:#1e1e1e;border-radius:12px;padding:24px;margin-bottom:24px}.capability-card{display:flex;align-items:center;gap:16px;animation:fadeSlide .5s ease}@keyframes fadeSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.capability-icon{font-size:40px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#252525;border-radius:12px}.capability-content h4{font-size:16px;font-weight:600;color:#f5f5f5;margin:0 0 4px}.capability-content p{font-size:14px;color:#888;margin:0}.capability-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.capability-dots .dot{width:6px;height:6px;border-radius:50%;background:#333;transition:all .3s ease}.capability-dots .dot.active{background:#c87832;width:20px;border-radius:3px}.deploy-success-info{margin-top:24px}.success-card{display:flex;align-items:center;gap:16px;background:#1e2a1e;border:1px solid #2d5a2d;border-radius:12px;padding:20px}.success-icon{font-size:32px}.success-details h4{font-size:18px;font-weight:600;color:#f5f5f5;margin:0 0 4px}.success-details p{font-size:14px;color:#888;margin:0 0 12px}.channels-list{display:flex;gap:8px}.channel-badge{background:#2d5a2d;color:#8fdf8f;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.estimate-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:13px}.estimate-note svg{color:#888}@media (max-width: 640px){.deployment-progress{padding:20px}.stages-container{flex-wrap:wrap}.stage{flex:1 1 45%;min-width:120px}.progress-header{flex-direction:column;gap:12px;text-align:center}.capability-card{flex-direction:column;text-align:center}}.locked-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.locked-modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:40px;max-width:420px;width:100%;text-align:center;position:relative;animation:slideUp .3s ease}.close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#666;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.close-btn:hover{color:#fff;background:#ffffff1a}.locked-icon{width:80px;height:80px;margin:0 auto 24px;background:#c878321a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c87832}.locked-modal h2{font-size:24px;font-weight:600;color:#f5f5f5;margin:0 0 12px}.locked-description{color:#888;font-size:15px;line-height:1.6;margin:0 0 28px}.locked-description strong{color:#ccc}.code-input-wrapper{margin-bottom:16px}.code-input-wrapper input{width:100%;background:#111;border:1px solid #333;border-radius:10px;padding:14px 16px;font-size:16px;color:#f5f5f5;text-align:center;letter-spacing:2px;font-family:JetBrains Mono,monospace;transition:border-color .2s}.code-input-wrapper input:focus{outline:none;border-color:#c87832}.code-input-wrapper input::placeholder{letter-spacing:0;color:#555}.error-message{color:#e74c3c;font-size:13px;margin:0 0 16px}.submit-btn{width:100%;background:linear-gradient(135deg,#c87832,#a66428);border:none;color:#fff;padding:14px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #c8783266}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.waitlist-section{margin-top:24px;padding-top:24px;border-top:1px solid #2a2a2a}.waitlist-section p{color:#666;font-size:13px;margin:0 0 8px}.waitlist-link{color:#c87832;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.waitlist-link:hover{color:#d89942}.available-now{margin-top:24px;padding-top:20px;position:relative}.divider-text{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;padding:0 12px;color:#555;font-size:12px;text-transform:uppercase;letter-spacing:1px}.available-now:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#2a2a2a}.openclaw-btn{width:100%;background:transparent;border:1px solid #333;color:#ccc;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.openclaw-btn:hover{border-color:#c87832;color:#c87832;background:#c878320d}@media (max-width: 480px){.locked-modal{padding:32px 24px}.locked-icon{width:64px;height:64px}.locked-icon svg{width:32px;height:32px}.locked-modal h2{font-size:20px}}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0006;animation:toastIn .3s ease;min-width:280px;max-width:400px}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon svg{width:18px;height:18px}.toast.success{border-color:#22c55e4d;background:linear-gradient(135deg,var(--bg-card) 0%,var(--success-dim) 100%)}.toast.success .toast-icon{color:var(--success)}.toast.error{border-color:#ef44444d;background:linear-gradient(135deg,var(--bg-card) 0%,var(--error-dim) 100%)}.toast.error .toast-icon{color:var(--error)}.toast.warning{border-color:#eab3084d;background:linear-gradient(135deg,var(--bg-card) 0%,var(--warning-dim) 100%)}.toast.warning .toast-icon{color:var(--warning)}.toast.info{border-color:#3b82f64d;background:linear-gradient(135deg,var(--bg-card) 0%,var(--info-dim) 100%)}.toast.info .toast-icon{color:var(--info)}.toast-message{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.4}@media (max-width: 768px){.toast{min-width:auto;max-width:none;width:100%}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.app-layout{display:flex;min-height:100vh;position:relative;z-index:1}.main-content{flex:1;margin-left:240px;min-height:100vh;overflow-y:auto}@media (max-width: 1024px){.main-content{margin-left:220px}}@media (max-width: 768px){.main-content{margin-left:0;padding-top:60px}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#08080c;border-bottom:1px solid rgba(255,255,255,.04);z-index:90;padding:0 16px;align-items:center;justify-content:space-between}.menu-toggle{width:40px;height:40px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.menu-toggle:hover{background:#ffffff0d;color:var(--text-primary)}.mobile-logo{display:flex;align-items:center;gap:8px}.mobile-logo svg{width:24px;height:24px}.mobile-logo span{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.mobile-credits{font-size:13px;font-weight:600;color:#10b981;font-family:SF Mono,Fira Code,monospace;background:#10b9811a;padding:6px 10px;border-radius:6px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;opacity:0;visibility:hidden;transition:all .25s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}@media (max-width: 768px){.mobile-header{display:flex}.sidebar-overlay{display:block}}.app.loading-screen{align-items:center;justify-content:center;gap:16px}.app.loading-screen p{font-size:14px;color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:0}.app:after{content:"";position:fixed;top:-20%;right:-10%;width:50%;height:60%;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);pointer-events:none;opacity:.3;z-index:0}.toast-container{position:fixed;bottom:80px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:1000}@media (max-width: 768px){.toast-container{bottom:100px;right:16px;left:16px}}:root{--bg-primary: #050506;--bg-secondary: #0a0a0c;--bg-card: #0d0d0f;--bg-card-hover: #111113;--bg-input: #08080a;--text-primary: #F2E8DE;--text-secondary: #a0a0a8;--text-tertiary: #6c6c74;--text-muted: #4a4a52;--border-color: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.12);--accent: #c87832;--accent-dim: rgba(200, 120, 50, .15);--accent-glow: rgba(200, 120, 50, .3);--success: #22c55e;--success-dim: rgba(34, 197, 94, .15);--warning: #eab308;--warning-dim: rgba(234, 179, 8, .15);--error: #ef4444;--error-dim: rgba(239, 68, 68, .15);--info: #3b82f6;--info-dim: rgba(59, 130, 246, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;background:var(--bg-primary)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{background:var(--accent-dim);color:var(--text-primary)}*:focus-visible{outline:1px solid var(--accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}