.app-root{display:flex;height:100vh;overflow:hidden}.app-view{flex:1;min-width:0;overflow:hidden}.nav-rail{width:64px;min-width:64px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;z-index:100}.nav-rail-bottom,.nav-rail-top{display:flex;flex-direction:column;align-items:center;gap:4px}.nav-rail-top{padding-top:8px}.nav-rail-bottom{padding-bottom:12px}.nav-rail-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);margin-bottom:12px;filter:drop-shadow(0 0 6px var(--text-dim))}.nav-rail-item{width:52px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:0 0;border:1px solid transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:0;font-family:var(--font-mono)}.nav-rail-item:hover{color:var(--text-dim);background-color:var(--bg-tertiary);border-color:var(--border-color)}.nav-rail-item.active{color:var(--text-primary);background-color:rgba(0,212,255,.08);border-color:var(--text-primary);box-shadow:0 0 8px rgba(0,212,255,.15)}.nav-rail-label{font-size:8px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.nav-rail-user{gap:2px}.nav-user-avatar{width:28px;height:28px;border-radius:50%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;letter-spacing:.5px;color:var(--text-white)}.nav-rail-item.nav-rail-user:hover .nav-user-avatar{border-color:var(--accent-red)}.nav-rail-item.nav-rail-user:hover{color:var(--accent-red)}.portal-view{flex-direction:column}.portal-layout{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary);background-image:linear-gradient(90deg,rgba(0,212,255,.015) 1px,transparent 1px),linear-gradient(rgba(0,212,255,.015) 1px,transparent 1px);background-size:20px 20px}.portal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);min-height:48px}.portal-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.portal-header-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);letter-spacing:1.5px;text-shadow:0 0 10px var(--text-dim)}.portal-header-sep{color:var(--text-muted);font-size:var(--font-size-sm)}.portal-header-page{color:var(--text-white);font-size:var(--font-size-sm);letter-spacing:.5px}.portal-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.portal-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-dim);font-size:var(--font-size-xs)}.portal-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.portal-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.portal-page-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px var(--text-dim);margin:0}.portal-page-subtitle{color:var(--text-muted);font-size:11px;margin-top:4px}.portal-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2px;padding:var(--spacing-md)}.portal-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.portal-card-title{font-size:10px;font-weight:600;color:#4a9eff;letter-spacing:1px;text-transform:uppercase}.portal-btn-primary{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--text-primary);color:var(--text-primary);background:0 0;padding:8px 16px;border-radius:2px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.portal-btn-primary:hover{background:rgba(0,212,255,.1);box-shadow:0 0 10px rgba(0,212,255,.2)}.portal-btn-primary:disabled{opacity:.4;cursor:not-allowed}.portal-btn-gradient{background:linear-gradient(135deg,rgba(0,170,255,.3),rgba(0,100,200,.3));border-color:rgba(0,170,255,.5)}.portal-btn-secondary{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-highlight);color:var(--text-white);background:0 0;padding:8px 16px;border-radius:2px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.portal-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.portal-btn-danger{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent-red);color:var(--accent-red);background:0 0;padding:8px 16px;border-radius:2px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.portal-btn-danger:hover{background:rgba(255,71,87,.1)}.portal-btn-sm{padding:4px 10px;font-size:10px;font-family:var(--font-mono);border-radius:2px;border:1px solid var(--border-color);background:0 0;color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.portal-btn-sm:hover{border-color:var(--text-dim)}.portal-btn-sm:disabled{opacity:.3;cursor:not-allowed}.portal-btn-studio{color:var(--text-primary);border-color:var(--text-primary)}.portal-btn-studio:hover:not(:disabled){background:rgba(0,212,255,.1)}.portal-btn-studio-lg{width:100%;padding:8px;font-size:11px;color:var(--text-primary);border-color:var(--text-primary);margin-bottom:var(--spacing-sm)}.portal-btn-studio-lg:hover:not(:disabled){background:rgba(0,212,255,.1)}.portal-btn-edit{color:var(--text-dim);border-color:var(--text-dim)}.portal-btn-edit:hover{background:rgba(0,139,181,.1)}.portal-btn-danger.portal-btn-sm,.portal-btn-sm.portal-btn-danger{color:var(--accent-red);border-color:var(--accent-red-dim)}.portal-btn-success{color:var(--status-success);border-color:var(--status-success)}.portal-btn-success:hover:not(:disabled){background:rgba(34,197,94,.1)}.portal-btn-warning{color:var(--status-warning);border-color:var(--status-warning)}.portal-btn-warning:hover:not(:disabled){background:rgba(245,158,11,.1)}.portal-btn-info{color:var(--status-info);border-color:var(--status-info)}.portal-btn-info:hover:not(:disabled){background:rgba(0,170,255,.1)}.portal-btn-danger-outline{color:var(--accent-red);border-color:var(--accent-red-dim)}.portal-btn-danger-outline:hover:not(:disabled){background:rgba(255,71,87,.1)}.portal-btn-icon{background:0 0;border:1px solid var(--border-color);color:var(--text-dim);padding:4px 8px;border-radius:2px;cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-xs);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.portal-btn-icon:hover{border-color:var(--text-primary);color:var(--text-primary)}.portal-btn-icon-danger:hover{border-color:var(--accent-red);color:var(--accent-red)}.portal-btn-verify{color:var(--accent-yellow);border-color:rgba(255,204,0,.3);font-weight:700}.portal-btn-verify:hover{background:rgba(255,204,0,.1)}.portal-btn-preferred{color:var(--text-primary);border-color:rgba(0,212,255,.3);font-weight:700}.portal-btn-preferred:hover{background:rgba(0,212,255,.1)}.portal-input{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px;color:var(--text-white);font-family:var(--font-mono);font-size:11px;outline:0;transition:border-color var(--transition-fast);box-sizing:border-box}.portal-input:focus{border-color:var(--text-primary)}.portal-input::placeholder{color:var(--text-muted)}.portal-select{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px;color:var(--text-white);font-family:var(--font-mono);font-size:11px;outline:0;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.portal-select:focus{border-color:var(--text-primary)}.portal-select:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-section-title{color:var(--text-white);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin:0 0 var(--spacing-md) 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2px;padding:var(--spacing-md);position:relative}.stat-card.stat-active{border-color:rgba(0,212,255,.3)}.stat-card.stat-gradient{background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(0,100,200,.1));border-color:rgba(0,212,255,.3)}.stat-label{color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.stat-value{color:var(--text-white);font-size:24px;font-weight:700}.stat-denominator{font-size:14px;color:var(--text-muted);font-weight:400}.stat-badge{display:inline-block;padding:2px 8px;background:rgba(0,212,255,.15);color:var(--text-primary);font-size:9px;font-weight:600;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stat-note{color:var(--text-muted);font-size:10px;margin-top:4px}.stat-indicator{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:8px;height:8px;border-radius:50%}.stat-indicator.running{background:var(--status-success);box-shadow:0 0 8px var(--status-success);animation:pulse 1.5s infinite}.portal-table{width:100%;border-collapse:collapse;font-size:11px}.portal-table th{text-align:left;padding:8px 12px;color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);font-weight:600}.portal-table td{padding:10px 12px;color:var(--text-white);border-bottom:1px solid var(--bg-tertiary)}.portal-table tr:hover td{background:var(--bg-tertiary)}.server-name-cell{display:flex;align-items:center;gap:8px;color:var(--text-white)}.server-name-cell svg{color:var(--text-dim);flex-shrink:0}.mono-text{font-family:var(--font-mono);font-size:11px}.actions-cell{display:flex;gap:6px}.empty-table{text-align:center;color:var(--text-muted);padding:var(--spacing-xl);font-size:11px;text-transform:uppercase;letter-spacing:1px}.empty-text{color:var(--text-muted);font-size:11px;padding:var(--spacing-md)}.status-badge{display:inline-block;padding:2px 8px;border-radius:2px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-running{color:var(--status-success);background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3)}.status-provisioning,.status-staging{color:var(--text-primary);background:rgba(0,212,255,.15);border:1px solid rgba(0,212,255,.3);animation:pulse 1.5s infinite}.status-stopping{color:var(--status-warning);background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);animation:pulse 1.5s infinite}.status-suspended,.status-terminated{color:var(--text-muted);background:rgba(102,102,102,.15);border:1px solid rgba(102,102,102,.3)}.instance-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1000;backdrop-filter:blur(2px)}.instance-sidebar-overlay.active{display:block}.instance-sidebar{position:absolute;right:0;top:0;bottom:0;width:400px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}.instance-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:1px}.instance-sidebar-body{flex:1;overflow-y:auto;padding:var(--spacing-md)}.sidebar-form{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.sidebar-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--bg-tertiary)}.detail-key{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.detail-val{color:var(--text-white);font-size:11px}.sidebar-controls{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.transitioning-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.2);border-radius:2px;color:var(--text-primary);font-size:10px;margin-top:var(--spacing-sm)}.authorization-notice{border-color:rgba(0,212,255,.2)}.notice-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.notice-icon{padding:6px;border:1px solid var(--text-primary);border-radius:2px;color:var(--text-primary);flex-shrink:0}.notice-content h3{color:var(--text-primary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.notice-content p{color:var(--text-muted);font-size:11px;line-height:1.5}.apikeys-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.apikey-card{padding:var(--spacing-md)}.apikey-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.apikey-name-group{display:flex;align-items:center;gap:var(--spacing-sm)}.apikey-icon{padding:8px;background:rgba(168,85,247,.1);border-radius:6px;color:var(--accent-purple);display:flex}.apikey-name{color:var(--text-white);font-weight:500;font-size:13px}.apikey-actions{display:flex;align-items:center;gap:6px}.apikey-body{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.apikey-value{flex:1;min-width:200px;background:var(--bg-primary);border-radius:4px;padding:10px 14px;font-family:var(--font-mono);font-size:12px;color:var(--text-white);word-break:break-all}.apikey-value.unverified{color:var(--accent-yellow)}.unverified-label{margin-left:8px;font-size:10px;color:rgba(255,204,0,.7);font-style:italic}.apikey-expiry{text-align:right;flex-shrink:0}.expiry-label{display:block;color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.expiry-value{color:var(--text-white);font-size:12px}.warning-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:rgba(255,204,0,.06);border-color:rgba(255,204,0,.3)}.warning-card svg{color:var(--accent-yellow);flex-shrink:0;margin-top:2px}.warning-title{color:var(--accent-yellow);font-size:12px;font-weight:500;margin:0}.warning-text{color:rgba(255,204,0,.6);font-size:11px;margin-top:2px}.info-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.info-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-white);font-weight:500;font-size:13px}.info-card-header svg{color:var(--text-primary)}.info-card-text{color:var(--text-muted);font-size:11px;margin-bottom:var(--spacing-sm);line-height:1.5}.info-card-link{color:var(--text-primary);font-size:11px;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.info-card-link:hover{color:var(--accent-cyan)}.copied-toast{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--status-success);color:var(--status-success);padding:10px 16px;border-radius:4px;font-size:11px;z-index:9999;animation:fadeIn .2s ease}.progress-bar-container{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-top:6px}.progress-bar-container.small{height:4px;margin-top:4px}.progress-bar-fill{height:100%;border-radius:3px;transition:width .5s ease;background:linear-gradient(90deg,var(--text-primary),var(--accent-blue))}.progress-bar-fill.cyan{background:linear-gradient(90deg,var(--text-primary),var(--accent-blue))}.progress-bar-fill.purple{background:linear-gradient(90deg,var(--accent-purple),#ec4899)}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg) var(--spacing-xl);padding:var(--spacing-sm)}.usage-service{margin-bottom:0}.usage-service-name{color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 var(--spacing-sm) 0;padding-bottom:6px;border-bottom:1px solid var(--bg-tertiary)}.usage-row{margin-bottom:var(--spacing-sm);cursor:help}.usage-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.usage-feature-name{color:var(--text-white);font-size:11px;font-weight:500}.usage-values{color:var(--text-white);font-size:11px;font-weight:700}.usage-window{color:var(--text-muted);font-size:9px;text-transform:uppercase;margin-left:4px;opacity:.6}.upgrade-card{background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(236,72,153,.08));border-color:rgba(168,85,247,.3)}.upgrade-content{display:flex;align-items:center;gap:var(--spacing-md)}.upgrade-icon{padding:10px;background:rgba(168,85,247,.15);border-radius:8px;color:var(--accent-purple);flex-shrink:0;display:flex}.upgrade-content h3{color:var(--text-white);font-size:13px;font-weight:600;margin:0 0 4px 0}.upgrade-content p{color:var(--text-muted);font-size:11px;margin:0}.upgrade-content a{margin-left:auto;flex-shrink:0}.add-email-form{display:flex;gap:var(--spacing-sm);align-items:flex-start}.add-email-form .portal-input{flex:1}.emails-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.email-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.email-info{display:flex;align-items:center;gap:var(--spacing-md)}.email-icon{padding:8px;background:rgba(0,212,255,.05);border:1px solid var(--border-color);border-radius:2px;color:var(--text-primary);display:flex;flex-shrink:0}.email-address{color:var(--text-white);font-weight:500;font-size:13px;margin:0}.email-badges{display:flex;gap:6px;margin-top:4px}.badge{display:inline-block;padding:2px 8px;border-radius:2px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-green{color:var(--status-success);background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3)}.badge-cyan{color:var(--text-primary);background:rgba(0,212,255,.15);border:1px solid rgba(0,212,255,.3)}.badge-red{color:var(--accent-red);background:rgba(255,71,87,.15);border:1px solid rgba(255,71,87,.3)}.email-actions{display:flex;align-items:center;gap:8px}.portal-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:2000;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.portal-modal.active{display:flex}.portal-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2px;width:420px;max-width:90vw;max-height:80vh;overflow-y:auto}.portal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:1px}.portal-modal-close{background:0 0;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 4px}.portal-modal-close:hover{color:var(--text-white)}.portal-modal-body{padding:var(--spacing-md)}.portal-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.modal-info-text{color:var(--text-muted);font-size:11px;margin-bottom:var(--spacing-md);line-height:1.5}.modal-info-text strong{color:var(--text-white)}.error-text{color:var(--accent-red);font-size:10px;margin-top:6px}.error-banner{background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.3);border-radius:2px;padding:var(--spacing-sm) var(--spacing-md);color:var(--accent-red);font-size:11px}.spinner-small{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.collapsible-section{padding:0}.collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px var(--spacing-md);background:0 0;border:none;cursor:pointer;font-family:var(--font-mono);transition:background var(--transition-fast)}.collapsible-header:hover{background:var(--bg-tertiary)}.collapsible-header-left{display:flex;align-items:center;gap:8px}.collapsible-chevron{transition:transform .2s ease;color:var(--text-muted);flex-shrink:0}.collapsible-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:9px;color:var(--text-muted);font-size:9px;font-weight:600}.collapsible-hint{color:var(--text-muted);font-size:10px;letter-spacing:.3px}.collapsible-body{padding:0 var(--spacing-md) var(--spacing-md);border-top:1px solid var(--border-color)}.collapsible-body-header{padding-top:var(--spacing-md)}.session-ua{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--text-muted)}.session-current-label{color:var(--text-dim);font-size:10px;font-style:italic}.session-token-display{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:2px;padding:10px 12px}.session-token-display code{flex:1;font-family:var(--font-mono);font-size:11px;color:var(--text-primary);word-break:break-all;line-height:1.4}.auth-overlay{position:fixed;inset:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:99999;font-family:var(--font-mono)}.auth-bg-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.auth-bg-grid::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(0,212,255,.06) 0,transparent 70%)}.auth-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:36px 32px 28px;width:420px;max-width:92vw;box-shadow:0 0 60px rgba(0,212,255,.04),0 4px 24px rgba(0,0,0,.5);animation:authCardIn .3s ease}@keyframes authCardIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:24px}.auth-logo{display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);margin-bottom:12px;filter:drop-shadow(0 0 12px rgba(0,212,255,.4))}.auth-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 20px var(--text-dim);margin:0 0 6px}.auth-subtitle{font-size:11px;color:var(--text-muted);margin:0;letter-spacing:.5px}.auth-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px;gap:0}.auth-tab{flex:1;padding:8px 0;text-align:center;background:0 0;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast)}.auth-tab:hover{color:var(--text-dim)}.auth-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.auth-panel{display:none}.auth-panel.active{display:block}.auth-field{margin-bottom:16px}.auth-field label{display:block;color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.auth-input{width:100%;padding:10px 12px 10px 34px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px;color:var(--text-white);font-family:var(--font-mono);font-size:12px;outline:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.auth-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 1px rgba(0,212,255,.15),0 0 12px rgba(0,212,255,.08)}.auth-input::placeholder{color:var(--text-muted);font-size:11px}.auth-submit{width:100%;padding:10px;margin-top:4px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:2px;font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.auth-submit:hover:not(:disabled){box-shadow:0 0 16px rgba(0,212,255,.3);filter:brightness(1.1)}.auth-submit:disabled{opacity:.5;cursor:wait}.auth-link-btn{display:block;width:100%;text-align:center;margin-top:10px;background:0 0;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:color var(--transition-fast);padding:4px 0}.auth-link-btn:hover{color:var(--text-primary)}.auth-info-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.15);border-radius:2px;color:var(--text-dim);font-size:11px;margin-bottom:16px;line-height:1.4}.auth-info-box svg{flex-shrink:0;color:var(--text-primary)}.auth-info-box strong{color:var(--text-white)}.auth-info-success{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.2)}.auth-info-success svg{color:var(--status-success)}.auth-error{margin-top:12px;padding:8px 12px;background:rgba(255,71,87,.08);border:1px solid rgba(255,71,87,.2);border-radius:2px;color:var(--accent-red);font-size:11px;text-align:center}.auth-footer{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.auth-footer span{color:var(--text-muted);font-size:10px}.auth-footer .auth-link-btn{display:inline;width:auto;margin:0;color:var(--text-primary);font-weight:600}.auth-loading{position:absolute;inset:0;background:rgba(10,10,10,.85);display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:10}.auth-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.info-cards-grid{grid-template-columns:1fr}.usage-grid{grid-template-columns:1fr}.instance-sidebar{width:100%}.nav-rail{width:48px;min-width:48px}.nav-rail-item{width:40px;height:40px}.nav-rail-label{display:none}}