.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(59,130,246,.04) 0%,transparent 40%);animation:slow-drift 30s ease-in-out infinite}@keyframes slow-drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2%,-2%) rotate(1deg)}}.login-box{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-width:400px;width:100%;position:relative;z-index:1;box-shadow:0 0 0 1px #ffffff08,0 20px 50px -10px #00000080}.login-header{padding:2.5rem 2rem 1.5rem;text-align:center;border-bottom:1px solid var(--border-primary)}.login-logo{display:block;height:56px;width:auto;margin:0 auto 1.25rem;filter:drop-shadow(0 2px 8px rgba(59,130,246,.3))}.login-header h1{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.login-header p{margin:0;color:var(--text-muted);font-size:.8125rem}.login-form{padding:1.75rem 2rem 2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.form-group input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);transition:all .15s ease;box-sizing:border-box;font-family:inherit}.form-group input:hover{border-color:var(--border-secondary)}.form-group input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px #3b82f626}.error-message{background:#ef44441a;color:#f87171;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;border-left:3px solid #ef4444;font-size:.8125rem;display:flex;align-items:center;gap:.5rem}.error-message:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ef4444;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.login-form .btn{width:100%;padding:.875rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.login-form .btn-primary{background:var(--accent-primary);color:#fff;position:relative;overflow:hidden}.login-form .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.login-form .btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.login-form .btn-primary:active:not(:disabled){transform:translateY(0)}.login-form .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-form .btn-primary:disabled:after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.login-footer{padding:1rem 2rem;text-align:center;border-top:1px solid var(--border-primary)}.login-footer p{margin:0;font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}@media(max-width:480px){.login-box{border-radius:var(--radius-md)}.login-header{padding:2rem 1.5rem 1.25rem}.login-header h1{font-size:1.125rem}.login-form{padding:1.5rem}.login-logo{height:48px}}.header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);position:sticky;top:0;z-index:30}.header-left{display:flex;align-items:center;gap:var(--space-4)}.mobile-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.mobile-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-emphasis)}.mobile-menu-btn svg{width:20px;height:20px}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.logo-image{height:32px;width:auto}.logo-text{font-size:var(--text-md);font-weight:600;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.logo-badge{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-left:var(--space-2)}.header-right{display:flex;align-items:center}.user-area{display:flex;align-items:center;gap:var(--space-4)}.user-name{font-size:var(--text-sm);color:var(--text-muted);font-weight:400;white-space:nowrap;letter-spacing:-.01em}.logout-btn{display:flex;align-items:center;gap:var(--space-1);padding:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s ease;font-size:var(--text-xs);font-weight:400;opacity:.6}.logout-btn:hover{color:var(--text-primary);opacity:1}.logout-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.logout-text{display:none}.logout-icon{width:15px;height:15px;stroke-width:1.5}@media(max-width:768px){.header{padding:0 var(--space-4)}.mobile-menu-btn{display:flex}.logo-text{font-size:var(--text-sm)}.logo-badge,.user-name{display:none}.user-area{gap:var(--space-2)}.logout-btn{opacity:.7}}@media(max-width:480px){.header{padding:0 var(--space-3)}.logo-image{height:28px}.logo-text{display:none}.header-right .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-default);padding:var(--space-4) 0;overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0;transition:transform var(--transition-slow),width var(--transition-slow)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-3)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);position:relative}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link-active{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.nav-link-active:hover{background:var(--accent-primary-hover);color:#fff}.nav-link-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#fff;border-radius:0 var(--radius-full) var(--radius-full) 0;opacity:.5}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:18px;height:18px;stroke-width:2}.nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-divider{height:1px;background:var(--border-subtle);margin:var(--space-3) var(--space-4)}.sidebar-section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.sidebar-section-title{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:0 var(--space-4);margin-bottom:var(--space-2)}.sidebar-footer{margin-top:auto;padding:var(--space-4) var(--space-3);border-top:1px solid var(--border-subtle)}.sidebar-footer-content{padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-tertiary)}@media(max-width:768px){.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;z-index:50;width:280px;transform:translate(-100%);box-shadow:var(--shadow-xl)}.sidebar.open{transform:translate(0)}.nav-link{padding:var(--space-4) var(--space-4);font-size:var(--text-base)}.nav-icon svg{width:20px;height:20px}}@media(max-width:480px){.sidebar{width:calc(100% - 60px);max-width:320px}}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base)}.layout-container{display:flex;flex:1;overflow:hidden}.main-content{flex:1;padding:var(--space-6);overflow-y:auto;background:var(--bg-primary);min-height:calc(100vh - var(--header-height))}.page,.page-container{max-width:var(--content-max-width);margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4)}.page-header h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1);color:var(--text-primary)}.page-title-row{display:flex;align-items:center;gap:var(--space-3)}.page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.breadcrumb{font-size:var(--text-sm);color:var(--text-tertiary);display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);transition:color var(--transition-base)}.breadcrumb:hover{color:var(--text-secondary)}.breadcrumb svg{width:14px;height:14px}.period-selector{display:flex;gap:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-1)}.period-selector .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-tertiary)}.period-selector .btn:hover{color:var(--text-primary);background:var(--bg-hover)}.period-selector .btn-primary{background:var(--accent-gradient);color:#fff}.period-selector .btn-primary:hover{background:var(--accent-gradient-hover)}.header-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.header-stats .stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:160px;transition:border-color var(--transition-base)}.header-stats .stat-card:hover{border-color:var(--border-emphasis)}.header-stats .stat-icon{font-size:20px;opacity:.8}.header-stats .stat-info{display:flex;flex-direction:column;gap:var(--space-1)}.header-stats .stat-value{font-size:var(--text-xl);font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.header-stats .stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.controls-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary);gap:var(--space-4)}.controls-left{display:flex;align-items:center;gap:var(--space-4)}.controls-right{display:flex;align-items:center;gap:var(--space-3)}.results-info{font-size:var(--text-xs);color:var(--text-tertiary)}.view-toggle{display:flex;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:2px;gap:2px}.toggle-btn{padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-2)}.toggle-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.toggle-btn.active{background:var(--accent-primary);color:#fff}.card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow:hidden}.card h2{font-size:var(--text-md);font-weight:600;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);margin:0;background:var(--bg-tertiary)}.card-content{padding:var(--space-5)}.empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.3}.empty-state p{color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-5);max-width:400px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.mobile-sidebar-overlay.visible{display:block}@media(max-width:1200px){.main-content{padding:var(--space-5)}}@media(max-width:768px){.main-content{padding:var(--space-4);margin-left:0}.page-header{flex-direction:column;gap:var(--space-4)}.period-selector{flex-wrap:wrap;width:100%;justify-content:flex-start}.period-selector .btn{flex:1;min-width:calc(50% - var(--space-1));justify-content:center}.header-stats{flex-direction:column}.header-stats .stat-card{width:100%}.controls-bar{flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.controls-left,.controls-right{width:100%;justify-content:space-between}.view-toggle{width:100%;justify-content:center}.toggle-btn{flex:1;justify-content:center}}@media(max-width:480px){.main-content{padding:var(--space-3)}.page-header h1{font-size:var(--text-xl)}.card h2{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}}.node-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);transition:border-color var(--transition-fast)}.node-badge:hover{border-color:var(--border-emphasis)}.node-badge-sm{padding:2px var(--space-2);font-size:10px;gap:var(--space-1)}.node-badge-md{padding:3px var(--space-2);font-size:var(--text-xs)}.node-badge-lg{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);gap:var(--space-2)}.node-badge-online{border-color:var(--color-success-border);background:var(--color-success-muted)}.node-badge-offline{border-color:var(--color-danger-border);background:var(--color-danger-muted)}.node-badge-degraded{border-color:var(--color-warning-border);background:var(--color-warning-muted)}.node-badge-unknown{border-color:var(--color-neutral-border);background:var(--color-neutral-muted)}.node-status-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.node-badge-sm .node-status-dot{width:5px;height:5px}.node-badge-lg .node-status-dot{width:8px;height:8px}.node-status-dot-online{background:var(--color-success);box-shadow:0 0 4px var(--color-success)}.node-status-dot-offline{background:var(--color-danger);box-shadow:0 0 4px var(--color-danger)}.node-status-dot-degraded{background:var(--color-warning);box-shadow:0 0 4px var(--color-warning)}.node-status-dot-unknown{background:var(--color-neutral)}.node-badge-name{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.2px}.node-badge-cached{color:var(--color-warning);font-size:9px;opacity:.8}.node-badge-sm .node-badge-cached{font-size:8px}.offline-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-4);animation:slideDown .2s ease-out}@keyframes slideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.offline-warning-offline{background:var(--color-danger-muted);border:1px solid var(--color-danger-border);color:var(--color-danger)}.offline-warning-degraded{background:var(--color-warning-muted);border:1px solid var(--color-warning-border);color:var(--color-warning)}.offline-warning-icon{font-size:var(--text-md);flex-shrink:0;display:flex;align-items:center;justify-content:center}.offline-warning-icon svg{width:18px;height:18px}.offline-warning-text{line-height:var(--leading-relaxed);flex:1}.offline-warning-text strong{font-weight:600}.offline-warning-dismiss{background:transparent;border:none;padding:var(--space-1);cursor:pointer;color:inherit;opacity:.6;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.offline-warning-dismiss:hover{opacity:1;background:#ffffff1a}@media(max-width:768px){.offline-warning{flex-wrap:wrap;padding:var(--space-3)}.offline-warning-text{flex:1 1 calc(100% - 60px);font-size:var(--text-xs)}}.proxy-status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px var(--space-3);border-radius:var(--radius-full);font-weight:500;font-size:var(--text-xs);white-space:nowrap;transition:all var(--transition-fast)}.proxy-status-sm{padding:2px var(--space-2);font-size:10px;gap:var(--space-1)}.proxy-status-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);gap:var(--space-2)}.proxy-status-dot{width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.proxy-status-sm .proxy-status-dot{width:5px;height:5px}.proxy-status-lg .proxy-status-dot{width:9px;height:9px}.status-working{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success-border)}.status-working .proxy-status-dot{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-down{background:var(--color-danger-muted);color:var(--color-danger);border:1px solid var(--color-danger-border)}.status-down .proxy-status-dot{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.status-error{background:var(--color-warning-muted);color:var(--color-warning);border:1px solid var(--color-warning-border)}.status-error .proxy-status-dot{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.status-unknown{background:var(--color-neutral-muted);color:var(--color-neutral);border:1px solid var(--color-neutral-border)}.status-unknown .proxy-status-dot{background:var(--color-neutral)}.proxy-status-latency{font-size:9px;padding:1px var(--space-2);border-radius:var(--radius-md);background:var(--bg-tertiary);font-weight:600;font-family:var(--font-mono)}.proxy-status-sm .proxy-status-latency{font-size:8px;padding:1px var(--space-1)}.latency-fast{color:var(--color-success);background:var(--color-success-muted)}.latency-medium{color:var(--color-warning);background:var(--color-warning-muted)}.latency-slow{color:var(--color-danger);background:var(--color-danger-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-page{animation:fadeIn .3s ease-out}.dashboard-page h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-8);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-5);margin-bottom:var(--space-10)}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;position:relative;overflow:hidden;animation:fadeInUp .4s ease-out backwards}.metric-card:nth-child(1){animation-delay:.05s}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.15s}.metric-card:nth-child(4){animation-delay:.2s}.metric-card:nth-child(5){animation-delay:.25s}.metric-card:nth-child(6){animation-delay:.3s}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity .2s ease}.metric-card:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card:hover:before{opacity:1}.metric-header{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);flex-shrink:0;transition:background .2s ease,border-color .2s ease,transform .2s ease}.metric-card:hover .metric-icon{transform:scale(1.05)}.metric-icon svg{width:20px;height:20px;stroke-width:1.75;transition:stroke .2s ease}.metric-icon.nodes{background:var(--color-info-muted);border-color:var(--color-info-border);color:var(--color-info)}.metric-icon.subnets{background:#8b5cf626;border-color:#8b5cf640;color:#a78bfa}.metric-icon.ips{background:var(--color-success-muted);border-color:var(--color-success-border);color:var(--color-success)}.metric-icon.users{background:var(--color-warning-muted);border-color:var(--color-warning-border);color:var(--color-warning)}.metric-icon.containers{background:#06b6d426;border-color:#06b6d440;color:#22d3ee}.metric-icon.proxies{background:var(--color-success-muted);border-color:var(--color-success-border);color:var(--color-success)}.metric-content{display:flex;flex-direction:column;gap:var(--space-1)}.metric-value{font-size:28px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;letter-spacing:-.025em}.metric-label{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-1)}.section{margin-bottom:var(--space-10);animation:fadeInUp .4s ease-out backwards;animation-delay:.2s}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.section-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.section-meta{font-size:var(--text-xs);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-3)}.section-meta-badge{padding:var(--space-1) var(--space-3);background:var(--color-success-muted);border:1px solid var(--color-success-border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-success)}.nodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5)}.node-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;animation:fadeInUp .4s ease-out backwards}.nodes-grid .node-card:nth-child(1){animation-delay:.25s}.nodes-grid .node-card:nth-child(2){animation-delay:.3s}.nodes-grid .node-card:nth-child(3){animation-delay:.35s}.nodes-grid .node-card:nth-child(4){animation-delay:.4s}.node-card:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-md);transform:translateY(-2px)}.node-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.node-card-title{display:flex;align-items:center;gap:var(--space-3);min-width:0}.node-card-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.node-card:hover .node-card-icon{background:var(--bg-elevated);border-color:var(--border-emphasis)}.node-card-icon svg{width:16px;height:16px;color:var(--text-secondary)}.node-card-name{font-weight:600;font-size:var(--text-md);color:var(--text-primary);word-break:break-word}.node-card-status{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.node-uptime-badge{font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-1) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);white-space:nowrap;font-family:var(--font-mono)}.node-card-body{padding:var(--space-5)}.node-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.node-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid transparent;transition:background .2s ease,border-color .2s ease}.node-card:hover .node-stat{background:var(--bg-elevated);border-color:var(--border-subtle)}.node-stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;letter-spacing:-.02em}.node-stat-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.proxy-status-section{margin-bottom:var(--space-10);animation:fadeInUp .4s ease-out backwards;animation-delay:.3s}.proxy-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.proxy-status-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.status-timestamp{font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-mono);white-space:nowrap}.proxy-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.proxy-status-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;animation:fadeInUp .3s ease-out backwards}.proxy-status-grid .proxy-status-card:nth-child(1){animation-delay:.35s}.proxy-status-grid .proxy-status-card:nth-child(2){animation-delay:.4s}.proxy-status-grid .proxy-status-card:nth-child(3){animation-delay:.45s}.proxy-status-grid .proxy-status-card:nth-child(4){animation-delay:.5s}.proxy-status-grid .proxy-status-card:nth-child(5){animation-delay:.55s}.proxy-status-grid .proxy-status-card:nth-child(6){animation-delay:.6s}.proxy-status-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.proxy-status-card.status-success:before{background:var(--color-success)}.proxy-status-card.status-error:before{background:var(--color-danger)}.proxy-status-card:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-md);transform:translateY(-2px)}.proxy-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.proxy-card-title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.proxy-card-body{display:flex;flex-direction:column;gap:var(--space-3)}.proxy-address{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .2s ease,border-color .2s ease}.proxy-status-card:hover .proxy-address{background:var(--bg-elevated);border-color:var(--border-default)}.proxy-error-message{font-size:var(--text-xs);color:var(--color-danger);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);background:var(--color-danger-muted);border:1px solid var(--color-danger-border);border-radius:var(--radius-md)}.quick-actions-section{margin-bottom:var(--space-10);animation:fadeInUp .4s ease-out backwards;animation-delay:.4s}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.action-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);text-decoration:none;display:flex;flex-direction:column;gap:var(--space-4);transition:all .2s ease;cursor:pointer;min-height:44px;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity .2s ease}.action-card:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 20px #3b82f61a}.action-card:hover:before{opacity:1}.action-card:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--accent-primary-muted);border:1px solid var(--color-info-border);display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;flex-shrink:0}.action-icon-wrapper svg{width:22px;height:22px;color:var(--color-info);stroke-width:1.75}.action-card:hover .action-icon-wrapper{background:var(--color-info-muted);transform:scale(1.05)}.action-content{display:flex;flex-direction:column;gap:var(--space-1)}.action-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);transition:color .2s ease}.action-card:hover .action-title{color:var(--accent-primary)}.action-description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-normal)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-5);color:var(--text-tertiary);animation:fadeIn .3s ease-out}.dashboard-loading .spinner{width:36px;height:36px;border-width:3px}.loading-text{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.section-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-10);color:var(--text-tertiary);font-size:var(--text-sm);gap:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-elevated) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-metric-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-icon{width:44px;height:44px;border-radius:var(--radius-lg)}.skeleton-value{height:28px;width:60%;border-radius:var(--radius-sm)}.skeleton-label{height:12px;width:80%;border-radius:var(--radius-sm);margin-top:var(--space-1)}.skeleton-node-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.skeleton-node-header{padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);display:flex;align-items:center;gap:var(--space-3)}.skeleton-node-icon{width:36px;height:36px;border-radius:var(--radius-md)}.skeleton-node-title{height:16px;width:120px;border-radius:var(--radius-sm)}.skeleton-node-body{padding:var(--space-5);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.skeleton-stat{height:60px;border-radius:var(--radius-md)}.empty-state-small{padding:var(--space-10);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);animation:fadeIn .3s ease-out}.empty-state-small:before{content:"";display:block;width:48px;height:48px;margin:0 auto var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);opacity:.5}.nodes-mobile-cards{display:none;flex-direction:column;gap:var(--space-3)}.node-mobile-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease}.node-mobile-card:hover{border-color:var(--border-emphasis)}.node-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);gap:var(--space-3)}.node-mobile-card-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.node-mobile-card-name{font-weight:600;font-size:var(--text-md);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.node-mobile-card-name svg{flex-shrink:0}.node-mobile-card-uptime{font-size:var(--text-xs);color:var(--text-tertiary)}.node-mobile-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.node-mobile-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md)}.node-mobile-stat-value{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1}.node-mobile-stat-label{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.proxy-status-mobile-cards{display:none;flex-direction:column;gap:var(--space-3)}.proxy-mobile-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:border-color .2s ease}.proxy-mobile-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px}.proxy-mobile-card.status-success:before{background:var(--color-success)}.proxy-mobile-card.status-error:before{background:var(--color-danger)}.proxy-mobile-card:hover{border-color:var(--border-emphasis)}.proxy-mobile-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);gap:var(--space-3)}.proxy-mobile-card-title{font-weight:600;font-size:var(--text-md);color:var(--text-primary)}.proxy-mobile-card-body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.proxy-mobile-meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.proxy-mobile-meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.proxy-mobile-meta-value{font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-mono);word-break:break-all;text-align:right}.proxy-mobile-address{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-sm);word-break:break-all}.proxy-mobile-error{font-size:var(--text-xs);color:var(--color-danger);line-height:var(--leading-normal);padding:var(--space-2) var(--space-3);background:var(--color-danger-muted);border-radius:var(--radius-sm)}@media(max-width:1400px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.nodes-grid{grid-template-columns:1fr}.proxy-status-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:768px){.dashboard-page h1{font-size:var(--text-xl);margin-bottom:var(--space-4)}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.metric-card{padding:var(--space-4)}.metric-icon{width:36px;height:36px}.metric-icon svg{width:16px;height:16px}.metric-value{font-size:var(--text-2xl)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.proxy-status-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.proxy-status-meta{width:100%;gap:var(--space-2)}.status-timestamp{flex:1;text-align:center}.nodes-grid{grid-template-columns:1fr}.node-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.node-card-status{width:100%;justify-content:flex-start}.node-stats-grid{gap:var(--space-2)}.node-stat{padding:var(--space-2)}.node-stat-value{font-size:var(--text-lg)}.proxy-status-grid{grid-template-columns:1fr;gap:var(--space-3)}.actions-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.action-card{padding:var(--space-4);min-height:44px}.action-icon-wrapper{width:40px;height:40px}.action-icon-wrapper svg{width:18px;height:18px}}@media(max-width:480px){.dashboard-page h1{font-size:var(--text-lg)}.metrics-grid{grid-template-columns:1fr;gap:var(--space-3)}.metric-card{flex-direction:row;align-items:center;padding:var(--space-3) var(--space-4);gap:var(--space-4)}.metric-card:before{inset:0 auto 0 0;width:3px;height:auto}.metric-header{flex-shrink:0}.metric-icon{width:40px;height:40px}.metric-icon svg{width:16px;height:16px}.metric-content{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-2)}.metric-value{font-size:var(--text-xl);order:2}.metric-label{font-size:var(--text-xs);order:1;margin-top:0}.nodes-grid{display:none}.nodes-mobile-cards{display:flex}.proxy-status-grid{display:none}.proxy-status-mobile-cards{display:flex}.actions-grid{grid-template-columns:1fr;gap:var(--space-3)}.action-card{flex-direction:row;align-items:center;padding:var(--space-4);gap:var(--space-4);min-height:60px}.action-icon-wrapper{width:44px;height:44px;flex-shrink:0}.action-content{flex:1}.action-title{font-size:var(--text-sm)}.action-description{font-size:var(--text-xs)}.empty-state-small{padding:var(--space-6)}.section-loading{padding:var(--space-6);flex-direction:column}}@media(pointer:coarse){.action-card{min-height:60px}.node-mobile-card,.proxy-mobile-card{min-height:44px}.section-meta-badge,.status-timestamp,.node-uptime-badge{min-height:32px;display:inline-flex;align-items:center}}@media(prefers-reduced-motion:reduce){.dashboard-page,.metric-card,.node-card,.proxy-status-card,.action-card,.section{animation:none}.metric-card,.node-card,.proxy-status-card,.action-card{transition:border-color .15s ease,box-shadow .15s ease;transform:none!important}.metric-card:hover,.node-card:hover,.proxy-status-card:hover,.action-card:hover{transform:none!important}.skeleton{animation:pulse 2s infinite}}.nodes-page{max-width:var(--content-max-width);margin:0 auto;padding-bottom:var(--space-8)}.nodes-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4)}.nodes-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.page-description{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.page-header-actions{display:flex;gap:var(--space-3);align-items:center}.spin{animation:spin 1s linear infinite}.stats-grid{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:140px;transition:all var(--transition-base);box-shadow:0 1px 2px #0000001a}.stat-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.stat-card-alert{border-color:var(--color-danger-border);background:var(--color-danger-muted)}.stat-card-warning{border-color:var(--color-warning-border);background:var(--color-warning-muted)}.stat-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-base)}.stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.stat-icon-wrapper.total-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:1px solid rgba(139,92,246,.3);color:#a78bfa;box-shadow:0 2px 8px #8b5cf626}.stat-icon-wrapper.online-icon{background:linear-gradient(135deg,var(--color-success-muted) 0%,rgba(16,185,129,.15) 100%);border:1px solid var(--color-success-border);color:var(--color-success);box-shadow:0 2px 8px #34d39926}.stat-icon-wrapper.offline-icon{background:linear-gradient(135deg,var(--color-danger-muted) 0%,rgba(239,68,68,.15) 100%);border:1px solid var(--color-danger-border);color:var(--color-danger);box-shadow:0 2px 8px #f8717126}.stat-icon-wrapper.degraded-icon{background:linear-gradient(135deg,var(--color-warning-muted) 0%,rgba(245,158,11,.15) 100%);border:1px solid var(--color-warning-border);color:var(--color-warning);box-shadow:0 2px 8px #fbbf2426}.stat-icon-wrapper.containers-icon{background:linear-gradient(135deg,var(--color-info-muted) 0%,rgba(59,130,246,.15) 100%);border:1px solid var(--color-info-border);color:var(--color-info);box-shadow:0 2px 8px #3b82f626}.stat-icon-wrapper.subnets-icon{background:linear-gradient(135deg,var(--color-neutral-muted) 0%,rgba(156,163,175,.15) 100%);border:1px solid var(--color-neutral-border);color:var(--color-neutral);box-shadow:0 2px 8px #9ca3af1a}.stat-info{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.refresh-indicator{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.nodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-5)}.node-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;position:relative}.node-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-neutral);transition:background var(--transition-base)}.node-card:hover{border-color:var(--border-emphasis);transform:translateY(-3px);box-shadow:0 8px 25px #00000040,0 4px 10px #00000026}.node-card.status-online:before{background:linear-gradient(90deg,var(--color-success),rgba(52,211,153,.7))}.node-card.status-offline:before{background:linear-gradient(90deg,var(--color-danger),rgba(248,113,113,.7))}.node-card.status-degraded:before{background:linear-gradient(90deg,var(--color-warning),rgba(251,191,36,.7))}.node-card.status-unknown:before{background:linear-gradient(90deg,var(--color-neutral),rgba(156,163,175,.7))}.node-card.status-online,.node-card.status-offline,.node-card.status-degraded,.node-card.status-unknown{border-left:1px solid var(--border-default)}.node-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:linear-gradient(180deg,var(--bg-tertiary) 0%,rgba(30,32,38,.95) 100%);border-bottom:1px solid var(--border-subtle)}.node-header-info{display:flex;align-items:center;gap:var(--space-4)}.node-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.node-icon svg{width:22px;height:22px}.node-icon-online{background:linear-gradient(135deg,var(--color-success-muted) 0%,rgba(16,185,129,.2) 100%);border-color:var(--color-success-border);color:var(--color-success);box-shadow:0 2px 8px #34d39933}.node-icon-offline{background:linear-gradient(135deg,var(--color-danger-muted) 0%,rgba(239,68,68,.2) 100%);border-color:var(--color-danger-border);color:var(--color-danger);box-shadow:0 2px 8px #f8717133}.node-icon-degraded{background:linear-gradient(135deg,var(--color-warning-muted) 0%,rgba(245,158,11,.2) 100%);border-color:var(--color-warning-border);color:var(--color-warning);box-shadow:0 2px 8px #fbbf2433}.node-title{display:flex;flex-direction:column;gap:3px}.node-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.node-id{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.01em}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1;transition:all var(--transition-fast)}.status-badge-online{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success-border);box-shadow:0 0 #34d39900}.status-badge-online:hover{box-shadow:0 0 8px #34d3994d}.status-badge-offline{background:var(--color-danger-muted);color:var(--color-danger);border:1px solid var(--color-danger-border);box-shadow:0 0 #f8717100}.status-badge-offline:hover{box-shadow:0 0 8px #f871714d}.status-badge-degraded{background:var(--color-warning-muted);color:var(--color-warning);border:1px solid var(--color-warning-border);box-shadow:0 0 #fbbf2400}.status-badge-degraded:hover{box-shadow:0 0 8px #fbbf244d}.status-badge-unknown{background:var(--color-neutral-muted);color:var(--color-neutral);border:1px solid var(--color-neutral-border)}.status-indicator{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor;box-shadow:0 0 4px currentColor}.status-badge-online .status-indicator{animation:pulse-online 2s ease-in-out infinite}@keyframes pulse-online{0%,to{box-shadow:0 0 4px currentColor;opacity:1}50%{box-shadow:0 0 8px currentColor;opacity:.85}}.node-quick-stats{display:flex;gap:var(--space-5);padding:var(--space-3) var(--space-5);background:linear-gradient(90deg,#00000026,#0000001a);border-bottom:1px solid var(--border-subtle)}.quick-stat{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);padding:4px 0;transition:color var(--transition-fast)}.quick-stat:hover{color:var(--text-primary)}.quick-stat svg{color:var(--text-muted);opacity:.7;transition:opacity var(--transition-fast)}.quick-stat:hover svg{opacity:1}.quick-stat span{font-family:var(--font-mono);font-weight:600;letter-spacing:-.01em}.stat-unavailable{color:var(--text-muted);opacity:.6}.system-resources{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(30,32,38,.8) 100%);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--border-subtle)}.resource-bar{display:flex;flex-direction:column;gap:6px}.resource-header{display:flex;justify-content:space-between;align-items:center}.resource-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.resource-value{font-size:11px;color:var(--text-secondary);font-family:var(--font-mono);font-weight:600}.progress-bar{height:6px;background:#0000004d;border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 1px 2px #0003}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:var(--radius-full);transition:width .4s ease;box-shadow:0 0 8px #34d39966;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);border-radius:var(--radius-full) var(--radius-full) 0 0}.progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 8px #fbbf2466}.progress-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 8px #f8717166;animation:pulse-critical 1.5s ease-in-out infinite}@keyframes pulse-critical{0%,to{box-shadow:0 0 8px #f8717166}50%{box-shadow:0 0 14px #f8717199}}.node-body{padding:var(--space-5)}.node-details{display:flex;flex-direction:column;gap:var(--space-3)}.node-detail{display:flex;align-items:flex-start;gap:var(--space-3)}.node-detail-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);min-width:80px;flex-shrink:0}.node-detail-value{font-size:var(--text-sm);color:var(--text-secondary);word-break:break-all}.node-detail-value.mono{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.node-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-danger-muted);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.node-error-label{font-weight:600;color:var(--color-danger);margin-bottom:var(--space-1);display:block;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.node-error-text{color:var(--color-danger);display:block}.node-actions{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-tertiary) 0%,rgba(26,28,33,.95) 100%)}.node-actions .btn{flex:1;font-size:12px;font-weight:500;padding:10px 14px;transition:all .15s ease}.node-actions .btn:hover{transform:translateY(-1px)}.node-actions .btn:active{transform:translateY(0)}.node-actions .btn-outline{border-color:var(--border-emphasis)}.node-actions .btn-outline:hover{background:#ffffff0d;border-color:var(--text-muted)}.node-actions .btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.node-actions .btn-danger:hover{background:#ef444440;border-color:#ef444480;box-shadow:0 0 12px #ef444433}.modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;animation:modal-appear .2s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.modal-header h2{font-size:var(--text-lg);font-weight:600;margin:0;color:var(--text-primary);letter-spacing:-.01em}.modal-title-group{display:flex;align-items:center;gap:var(--space-3)}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);font-size:20px;line-height:1;transition:all .15s ease}.close-btn:hover{background:#ffffff0d;border-color:var(--border-subtle);color:var(--text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.detail-section{margin-bottom:var(--space-6)}.detail-section h4{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.detail-value{font-size:var(--text-sm);color:var(--text-primary)}.detail-value.mono{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);display:inline-block}.resource-details{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(30,32,38,.6) 100%);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.resource-detail-row{display:flex;align-items:center;gap:var(--space-4)}.resource-detail-row .resource-label{min-width:100px;font-size:12px;font-weight:600}.resource-bar-wide{flex:1;height:10px;background:#0000004d;border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 1px 3px #0003}.resource-bar-wide .progress-fill{height:100%}.resource-detail-row .resource-value{min-width:55px;text-align:right;font-size:12px;font-weight:600}.error-detail{padding:var(--space-3) var(--space-4);background:var(--color-danger-muted);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-danger);font-family:var(--font-mono);word-break:break-all}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-group input:disabled,.form-group input.input-disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.7}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.modal-footer .btn{min-width:100px;font-weight:500}.modal-footer .btn-primary{box-shadow:0 2px 8px #4f46e54d}.modal-footer .btn-primary:hover{box-shadow:0 4px 12px #4f46e566}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-12);background:var(--bg-secondary);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-5);background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.empty-state-icon svg{width:32px;height:32px}.empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-5);max-width:400px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}.error-message{background:var(--color-danger-muted);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);border-left:3px solid var(--color-danger);display:flex;align-items:flex-start;gap:var(--space-2)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--text-tertiary)}.loading .spinner{width:32px;height:32px;border-width:3px}.nodes-page .nodes-grid-view{display:block}.nodes-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.nodes-page .node-mobile-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.nodes-page .node-mobile-card:hover{border-color:var(--border-emphasis)}.nodes-page .node-mobile-card.status-online{border-left:3px solid var(--color-success)}.nodes-page .node-mobile-card.status-offline{border-left:3px solid var(--color-danger)}.nodes-page .node-mobile-card.status-degraded{border-left:3px solid var(--color-warning)}.nodes-page .node-mobile-card.status-unknown{border-left:3px solid var(--color-neutral)}.nodes-page .node-mobile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.nodes-page .node-mobile-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.nodes-page .node-mobile-info .node-icon{width:36px;height:36px;flex-shrink:0}.nodes-page .node-mobile-info .node-icon svg{width:18px;height:18px}.nodes-page .node-mobile-title{display:flex;flex-direction:column;gap:2px;min-width:0}.nodes-page .node-mobile-title h3{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nodes-page .node-mobile-title .node-id{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.nodes-page .node-mobile-meta{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.nodes-page .node-mobile-meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.nodes-page .node-mobile-meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.nodes-page .node-mobile-meta-value{font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-mono)}.nodes-page .node-mobile-meta-value.url-value{font-size:var(--text-xs);word-break:break-all;text-align:right;max-width:200px}.nodes-page .node-mobile-resources{padding:0 var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.nodes-page .node-mobile-resource{display:flex;flex-direction:column;gap:var(--space-1)}.nodes-page .node-mobile-resource-header{display:flex;justify-content:space-between;align-items:center}.nodes-page .node-mobile-resource-header .resource-label,.nodes-page .node-mobile-resource-header .resource-value{font-size:10px}.nodes-page .node-mobile-resource .progress-bar{height:3px}.nodes-page .node-mobile-error{margin:0 var(--space-4) var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-danger-muted);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);font-size:var(--text-xs)}.nodes-page .node-mobile-error-label{font-weight:600;color:var(--color-danger);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:10px}.nodes-page .node-mobile-error-text{color:var(--color-danger);display:block;margin-top:var(--space-1)}.nodes-page .node-mobile-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-wrap:wrap}.nodes-page .node-mobile-actions .btn{flex:1;min-width:70px;min-height:44px;justify-content:center;font-size:var(--text-xs)}.nodes-page .node-mobile-actions .btn-danger{flex:0 0 auto;min-width:44px;width:44px;padding:0}.nodes-page .node-mobile-actions .btn svg{flex-shrink:0}@media(max-width:1200px){.nodes-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.stats-grid{flex-wrap:wrap}}@media(max-width:1024px){.nodes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.stat-card{min-width:130px;padding:var(--space-3) var(--space-4)}.detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.nodes-page .page-header{flex-direction:column;gap:var(--space-4)}.page-header-actions{width:100%;justify-content:stretch}.page-header-actions .btn{flex:1}.nodes-page .page-header h1{font-size:var(--text-xl)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stat-card{width:100%;min-width:auto;padding:var(--space-2) var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.stat-icon-wrapper{width:32px;height:32px}.stat-value{font-size:var(--text-lg)}.nodes-grid{grid-template-columns:1fr;gap:var(--space-4)}.node-header{padding:var(--space-3) var(--space-4)}.node-quick-stats{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-wrap:wrap}.node-body{padding:var(--space-4)}.node-detail{flex-direction:column;gap:var(--space-1)}.node-detail-label{min-width:auto}.node-actions{padding:var(--space-3) var(--space-4)}.node-actions .btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.modal{max-width:calc(100% - var(--space-4));margin:var(--space-4)}.modal-lg{max-width:calc(100% - var(--space-4))}.resource-detail-row{flex-wrap:wrap;gap:var(--space-2)}.resource-detail-row .resource-label{width:100%;min-width:auto}.resource-bar-wide{flex:1;min-width:100px}}@media(max-width:480px){.nodes-page .nodes-grid-view{display:none}.nodes-page .mobile-cards{display:flex}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;text-align:left}.modal{max-width:100%;max-height:100%;margin:0;border-radius:0}.modal-lg{max-width:100%;border-radius:0}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.node-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.node-quick-stats{flex-direction:column;gap:var(--space-2)}.quick-stat{justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.quick-stat:last-child{border-bottom:none}.node-actions{flex-direction:column;gap:var(--space-2)}.node-actions .btn{width:100%;min-height:44px}.system-resources{padding:var(--space-3)}}.node-filter{display:flex;align-items:center;gap:var(--space-2)}.node-filter-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.node-filter-select{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:500;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;min-width:140px;transition:all var(--transition-fast)}.node-filter-select:hover{border-color:var(--border-emphasis);background-color:var(--bg-hover)}.node-filter-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px var(--accent-primary-muted)}.node-filter-select option{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-2)}@media(max-width:768px){.node-filter{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.node-filter-select{width:100%;min-width:0}}.subnets-page{max-width:var(--content-max-width);margin:0 auto}.subnets-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4)}.subnets-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.subnets-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.subnets-page .header-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.subnets-page .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:150px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 1px 2px #0000001a}.subnets-page .stat-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a;transform:translateY(-1px)}.subnets-page .stat-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.subnets-page .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.subnets-page .stat-icon-wrapper.subnets{background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);color:#a78bfa}.subnets-page .stat-icon-wrapper.ips{background:var(--color-success-muted);border:1px solid var(--color-success-border);color:var(--color-success)}.subnets-page .stat-icon-wrapper.users{background:var(--color-warning-muted);border:1px solid var(--color-warning-border);color:var(--color-warning)}.subnets-page .stat-icon-wrapper.running{background:var(--color-info-muted);border:1px solid var(--color-info-border);color:var(--color-info)}.subnets-page .stat-icon{font-size:16px}.subnets-page .stat-info{display:flex;flex-direction:column;gap:2px}.subnets-page .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;letter-spacing:-.02em}.subnets-page .stat-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.subnets-page .card>.controls-bar{padding:var(--space-3) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.subnets-page .controls-left{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.subnets-page .results-info{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.subnets-page .view-toggle{display:flex;gap:2px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:3px}.subnets-page .toggle-btn{padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:calc(var(--radius-sm) - 1px);cursor:pointer;font-size:var(--text-sm);transition:background .15s ease,color .15s ease,transform .1s ease;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.subnets-page .toggle-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.subnets-page .toggle-btn:active{transform:scale(.97)}.subnets-page .toggle-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 1px 3px #0003}.subnets-page .toggle-btn svg{width:14px;height:14px}.subnets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5);padding:var(--space-5)}.subnet-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .25s ease;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;position:relative}.subnet-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);opacity:0;transition:opacity .25s ease;pointer-events:none;box-shadow:0 8px 24px #0003,0 2px 8px #0000001a}.subnet-card:hover{border-color:var(--border-emphasis);transform:translateY(-3px)}.subnet-card:hover:before{opacity:1}.subnet-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-4);background:linear-gradient(to bottom,var(--bg-secondary),rgba(var(--bg-secondary-rgb),.8));border-bottom:1px solid var(--border-subtle);gap:var(--space-3);flex-wrap:wrap}.subnet-id-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--accent-gradient);color:#fff;padding:6px var(--space-3);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);font-family:var(--font-mono);box-shadow:0 1px 3px #00000026,inset 0 1px #ffffff1a;letter-spacing:-.01em}.subnet-header-right{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.subnet-card-body{padding:var(--space-4)}.subnet-title{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.subnet-title h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.subnet-port{display:inline-block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);padding:4px var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.subnet-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.subnet-stat{background:var(--bg-secondary);padding:var(--space-3);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;border:1px solid transparent;transition:border-color .15s ease,background .15s ease}.subnet-stat:hover{border-color:var(--border-subtle);background:var(--bg-hover)}.subnet-stat .stat-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.subnet-stat .stat-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.01em}.subnet-card-actions{padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.subnet-card-actions .btn{width:100%;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.subnet-card-actions .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.subnet-card-actions .btn:active{transform:translateY(0)}.subnets-page .table{width:100%;border-collapse:separate;border-spacing:0}.subnets-page .table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:11px;color:var(--text-tertiary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;top:0;z-index:1}.subnets-page .table th:first-child{border-top-left-radius:var(--radius-sm)}.subnets-page .table th:last-child{border-top-right-radius:var(--radius-sm)}.subnets-page .table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm);transition:background .1s ease}.subnets-page .table tbody tr{transition:background .1s ease}.subnets-page .table tbody tr:hover{background:var(--bg-hover)}.subnets-page .table tbody tr:hover td{border-bottom-color:var(--border-default)}.subnets-page .table tbody tr:last-child td{border-bottom:none}.subnet-id-badge-sm{display:inline-flex;align-items:center;background:var(--accent-primary);color:#fff;padding:3px var(--space-2);border-radius:var(--radius-sm);font-weight:600;font-size:11px;font-family:var(--font-mono);box-shadow:0 1px 2px #0000001a}.ip-range{display:inline-block;background:var(--bg-tertiary);padding:3px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;line-height:1;transition:transform .1s ease,box-shadow .15s ease}.badge-success{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success-border);box-shadow:0 0 #22c55e00}.badge-success{animation:badge-pulse-success 3s ease-in-out infinite}@keyframes badge-pulse-success{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 0 3px #22c55e1a}}.subnets-page .empty-state{text-align:center;padding:var(--space-12)}.subnets-page .empty-state .empty-icon{width:72px;height:72px;margin:0 auto var(--space-5);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-default);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:28px;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff0d}.subnets-page .empty-state h3{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:600}.subnets-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-5);max-width:400px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}.mobile-subnet-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.mobile-subnet-card:hover{border-color:var(--border-emphasis)}.mobile-subnet-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.mobile-subnet-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.mobile-subnet-id-row{display:flex;align-items:center;gap:var(--space-2)}.mobile-subnet-name{font-weight:600;font-size:var(--text-md);color:var(--text-primary)}.mobile-subnet-port{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.mobile-subnet-badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.mobile-subnet-meta{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.mobile-subnet-meta .meta-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.mobile-subnet-meta .meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.mobile-subnet-meta .meta-value{font-size:var(--text-sm);color:var(--text-primary)}.mobile-subnet-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.mobile-subnet-actions .btn{flex:1;min-height:44px;justify-content:center}.desktop-view{display:block}@media(max-width:1200px){.subnets-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.subnets-page .page-header{flex-direction:column;gap:var(--space-4)}.subnets-page .page-header h1{font-size:var(--text-xl)}.subnets-page .page-header .btn{width:100%;justify-content:center}.subnets-page .header-stats{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.subnets-page .stat-card{min-width:auto;padding:var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.subnets-page .stat-icon-wrapper{width:32px;height:32px}.subnets-page .stat-value{font-size:var(--text-lg)}.subnets-page .card>.controls-bar{flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.subnets-page .controls-left{width:100%;flex-direction:column;gap:var(--space-3)}.subnets-page .view-toggle{display:none}.subnets-grid{grid-template-columns:1fr;padding:var(--space-4);gap:var(--space-4)}.hide-tablet{display:none}.subnet-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.subnet-header-right{width:100%;justify-content:flex-start}}@media(max-width:480px){.desktop-view{display:none}.mobile-cards{display:flex}.subnets-page .header-stats{grid-template-columns:1fr 1fr}.subnets-page .stat-card{flex-direction:row;text-align:left;padding:var(--space-2) var(--space-3)}.subnets-page .stat-label{font-size:var(--text-xs)}.subnets-page .card>.controls-bar{padding:var(--space-3)}.subnets-page .empty-state{padding:var(--space-8)}.subnets-page .empty-state .empty-icon{width:48px;height:48px}.hide-mobile{display:none}}.modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:calc(100vh - var(--space-8));overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .2s ease-out}.section-title{margin:0 0 var(--space-1) 0;font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.section-description{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);color:var(--text-tertiary)}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);font-family:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.ip-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.tab{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.tab:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-hover);transform:translateY(-2px)}.tab.active{border-color:var(--accent-primary);background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.tab:disabled{cursor:not-allowed;opacity:.5}.tab-icon{font-size:var(--text-2xl);line-height:1}.tab-label{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.tab.active .tab-label{color:#fff}.tab-description{font-size:var(--text-xs);color:var(--text-muted)}.tab.active .tab-description{color:#ffffffd9}.ip-config{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);min-height:120px}.config-content{animation:fadeIn .2s ease-out}.info-banner{background:var(--color-info-muted);border:1px solid var(--color-info-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-info);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.range-selector{display:flex;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4)}.range-input-wrapper{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.range-input-wrapper label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.range-input{padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:600;text-align:center;color:var(--text-primary);transition:all var(--transition-base)}.range-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.ip-preview{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;font-family:var(--font-mono);background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.range-divider{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);padding:0 var(--space-1);margin-bottom:36px}.ip-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-primary);resize:vertical;transition:all var(--transition-base);margin-bottom:var(--space-3)}.ip-textarea::placeholder{color:var(--text-muted)}.ip-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.help-text{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.mode-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.mode-tab{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-base);text-align:left}.mode-tab:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-hover)}.mode-tab.active{border-color:var(--accent-primary);background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.mode-tab:disabled{cursor:not-allowed;opacity:.5}.mode-tab-icon{flex-shrink:0;color:var(--text-tertiary)}.mode-tab.active .mode-tab-icon{color:#fff}.mode-tab-content{flex:1;min-width:0}.mode-tab-label{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.mode-tab.active .mode-tab-label{color:#fff}.mode-tab-description{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.mode-tab.active .mode-tab-description{color:#ffffffd9}.account-search-wrapper{position:relative}.account-search-wrapper input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);font-family:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.account-search-wrapper input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.search-spinner{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-top:var(--space-1);max-height:200px;overflow-y:auto;z-index:10;box-shadow:var(--shadow-lg)}.search-result-item{display:flex;flex-direction:column;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-hover)}.result-username{font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.result-email{font-size:var(--text-xs);color:var(--text-tertiary)}.search-no-results{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.selected-account{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-success-muted);border:1px solid var(--color-success-border);border-radius:var(--radius-md)}.selected-account-info{display:flex;flex-direction:column;gap:var(--space-1)}.selected-username{font-weight:600;color:var(--text-primary)}.selected-email{font-size:var(--text-xs);color:var(--text-tertiary)}@media(max-width:768px){.modal{max-width:calc(100% - var(--space-4));max-height:calc(100vh - var(--space-8));margin:var(--space-4)}.modal-header{padding:var(--space-3) var(--space-4)}.modal-header h2{font-size:var(--text-md)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4);flex-direction:column-reverse}.modal-footer .btn{width:100%;justify-content:center}.mode-tabs,.ip-tabs{grid-template-columns:1fr;gap:var(--space-2)}.tab{flex-direction:row;justify-content:flex-start;padding:var(--space-3) var(--space-4);gap:var(--space-3);text-align:left}.tab-icon{font-size:var(--text-xl)}.range-selector{flex-direction:column;gap:var(--space-3)}.range-divider{margin-bottom:0;text-align:center}.ip-config{padding:var(--space-4)}}@media(max-width:480px){.modal-overlay{padding:0}.modal{max-width:100%;max-height:100%;margin:0;border-radius:0;border:none}.password-input-group{flex-direction:column}}.modal-large{max-width:800px}.warning-banner{background:var(--color-warning-muted);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);color:var(--color-warning);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.warning-banner strong{color:var(--text-primary);display:block;margin-bottom:var(--space-1)}.warning-banner code{background:#0003;padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.info-banner{background:var(--color-info-muted);border:1px solid var(--color-info-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);color:var(--color-info);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.info-banner strong{color:var(--text-primary)}.error-banner{background:var(--color-danger-muted);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);color:var(--color-danger);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.error-banner strong{color:var(--text-primary)}.controls-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-5)}.form-group select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.form-group select:hover{border-color:var(--border-emphasis)}.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.proxy-preview{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-5)}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.preview-title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.preview-actions{display:flex;gap:var(--space-2)}.proxy-textarea{width:100%;padding:var(--space-4);border:none;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-relaxed);resize:vertical;background:#0d0d0f;color:#e5e5e5;min-height:200px}.proxy-textarea:focus{outline:none}.proxy-textarea::-webkit-scrollbar{width:8px}.proxy-textarea::-webkit-scrollbar-track{background:#0d0d0f}.proxy-textarea::-webkit-scrollbar-thumb{background:#2a2a2e;border-radius:var(--radius-md)}.help-section{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.help-section h4{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.help-section ol{margin:0;padding-left:var(--space-5);color:var(--text-secondary)}.help-section li{margin-bottom:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.help-section li:last-child{margin-bottom:0}.help-section code{background:var(--bg-secondary);padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}@media(max-width:768px){.modal-large{max-width:calc(100% - var(--space-4))}.controls-row{grid-template-columns:1fr;gap:var(--space-4)}.preview-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.preview-actions{width:100%}.preview-actions .btn{flex:1}.proxy-textarea{min-height:160px;font-size:11px}.help-section{padding:var(--space-3) var(--space-4)}.help-section ol{padding-left:var(--space-4)}.help-section li{font-size:var(--text-xs)}}@media(max-width:480px){.modal-large{max-width:100%;max-height:100%;margin:0;border-radius:0}.warning-banner,.info-banner,.error-banner{padding:var(--space-3);font-size:var(--text-xs)}.proxy-preview{border-radius:var(--radius-md)}.proxy-textarea{padding:var(--space-3)}}.proxy-logs-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:95%;max-width:1200px;height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .2s ease-out;overflow:hidden}.modal-title-row{display:flex;align-items:center;gap:var(--space-2)}.modal-title-row svg{width:20px;height:20px;color:var(--accent-primary)}.logs-controls{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-wrap:wrap;align-items:center}.control-group{display:flex;align-items:center;gap:var(--space-2)}.control-group label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.logs-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-xs);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.logs-select:hover{border-color:var(--border-emphasis)}.logs-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-xs);color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.control-actions{display:flex;gap:var(--space-2);margin-left:auto}.logs-viewer{flex:1;overflow:auto;background:#0d0d0f;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.logs-content{margin:0;color:#e5e5e5;white-space:pre-wrap;word-break:break-all}.log-line{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:background var(--transition-fast)}.log-line:hover{background:#ffffff08}.log-line-error{color:var(--color-danger)}.log-line-warn{color:var(--color-warning)}.log-line-info{color:var(--color-info)}.log-line-debug{color:var(--text-muted)}.logs-loading,.logs-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:var(--text-sm);font-family:var(--font-base)}.logs-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.logs-info{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.logs-viewer::-webkit-scrollbar{width:10px;height:10px}.logs-viewer::-webkit-scrollbar-track{background:#0d0d0f}.logs-viewer::-webkit-scrollbar-thumb{background:#2a2a2e;border-radius:var(--radius-md);border:2px solid #0d0d0f}.logs-viewer::-webkit-scrollbar-thumb:hover{background:#3a3a3e}@media(max-width:768px){.proxy-logs-modal{width:100%;height:100%;max-width:100%;border-radius:0}.logs-controls{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.control-group{flex:1 1 auto}.control-actions{width:100%;margin-left:0;justify-content:flex-end}.logs-viewer{padding:var(--space-3);font-size:var(--text-xs)}.logs-footer{flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.logs-footer .btn{width:100%}}@media(max-width:480px){.logs-controls{flex-direction:column;align-items:stretch}.control-group{width:100%;justify-content:space-between}.logs-select{flex:1}}.subnet-detail-page{max-width:1200px;margin:0 auto}.subnet-detail-page .breadcrumb{color:var(--text-tertiary);text-decoration:none;font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);transition:color .15s ease,transform .1s ease;font-weight:500}.subnet-detail-page .breadcrumb:hover{color:var(--text-secondary);transform:translate(-2px)}.page-title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-1)}.page-title-row h1{font-size:var(--text-2xl);font-weight:700;margin:0;letter-spacing:-.025em}.subnet-info{color:var(--text-tertiary);margin:0;font-size:var(--text-sm);font-family:var(--font-mono)}.header-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.header-actions .btn{transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.header-actions .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.header-actions .btn:active{transform:translateY(0)}.subnet-detail-page .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow:hidden;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;transition:border-color .2s ease,box-shadow .2s ease}.subnet-detail-page .card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 12px #0000001a,0 1px 3px #00000014}.subnet-detail-page .card>h2{margin:0;padding:var(--space-4) var(--space-5);font-size:var(--text-md);font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);letter-spacing:-.01em}.subnet-detail-page .card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.subnet-detail-page .card-header h2{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text-primary);background:transparent;padding:0;border:none;letter-spacing:-.01em}.subnet-detail-page .card-header .header-actions{flex-wrap:nowrap}.status-grid,.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);padding:var(--space-5)}.status-item,.info-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid transparent;transition:border-color .15s ease,background .15s ease,transform .15s ease}.status-item:hover,.info-item:hover{border-color:var(--border-subtle);background:var(--bg-hover);transform:translateY(-1px)}.status-item .label,.info-item .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.status-item span:not(.label):not(.badge),.info-item span:not(.label){font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.status-item code,.info-item code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-secondary);padding:4px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.status-error-item{grid-column:1 / -1;background:var(--color-danger-muted);border:1px solid var(--color-danger-border)}.status-error-item:hover{background:var(--color-danger-muted);border-color:var(--color-danger)}.status-error-item .error-text{color:var(--color-danger);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.action-buttons{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-wrap:wrap}.action-buttons .btn{transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.action-buttons .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.action-buttons .btn:active{transform:translateY(0)}.subnet-detail-page .table{width:100%;border-collapse:separate;border-spacing:0}.subnet-detail-page .table thead th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);position:sticky;top:0;z-index:1}.subnet-detail-page .table thead th:first-child{border-top-left-radius:var(--radius-sm)}.subnet-detail-page .table thead th:last-child{border-top-right-radius:var(--radius-sm)}.subnet-detail-page .table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);vertical-align:middle;transition:background .1s ease}.subnet-detail-page .table tbody tr{transition:background .1s ease}.subnet-detail-page .table tbody tr:hover{background:var(--bg-hover)}.subnet-detail-page .table tbody tr:hover td{border-bottom-color:var(--border-default)}.subnet-detail-page .table tbody tr:last-child td{border-bottom:none}.subnet-detail-page .empty-state{text-align:center;padding:var(--space-10);color:var(--text-tertiary)}.subnet-detail-page .empty-state p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-4);animation:modal-overlay-in .2s ease-out}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:0 24px 48px #0006,0 12px 24px #0000004d,0 0 0 1px #ffffff0d;overflow:hidden;animation:modal-slide-up .25s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide-up{0%{transform:translateY(24px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.modal-close{background:none;border:none;font-size:20px;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-md);transition:background .15s ease,color .15s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.modal-close:active{transform:scale(.95)}.modal-body{padding:var(--space-5)}.modal-body p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.warning-text{color:var(--color-danger);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--color-danger-muted);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.modal-options{display:flex;flex-direction:column;gap:var(--space-3)}.option-description{font-size:var(--text-xs);color:var(--text-muted);margin-top:calc(-1 * var(--space-2));padding-left:var(--space-1);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:var(--space-4)}.modal-actions .btn{min-width:100px;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.modal-actions .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.modal-actions .btn:active{transform:translateY(0)}.table-container{display:block;overflow-x:auto}.user-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s ease,box-shadow .2s ease}.user-card:hover{border-color:var(--border-emphasis);box-shadow:0 2px 8px #0000001a}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.user-card-info{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}.user-card-name{font-weight:600;font-size:var(--text-md);color:var(--text-primary)}.user-card-ips{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono)}.user-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);flex-wrap:wrap}.user-card-actions .btn{flex:1;min-width:80px;min-height:44px;justify-content:center}.action-buttons-inline .btn{transition:background .15s ease,border-color .15s ease,transform .1s ease}.action-buttons-inline .btn:hover{transform:translateY(-1px)}.action-buttons-inline .btn:active{transform:translateY(0)}@media(max-width:1024px){.status-grid,.info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.subnet-detail-page .page-header{flex-direction:column;gap:var(--space-4)}.page-title-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.page-title-row h1{font-size:var(--text-xl)}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%;justify-content:center;min-height:44px}.status-grid,.info-grid{grid-template-columns:1fr;padding:var(--space-4);gap:var(--space-3)}.action-buttons{flex-direction:column;padding:var(--space-4)}.action-buttons .btn{width:100%;justify-content:center;min-height:44px}.subnet-detail-page .card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.subnet-detail-page .card-header .header-actions{width:100%;flex-direction:column}.subnet-detail-page .card-header .header-actions .btn{width:100%;justify-content:center;min-height:44px}.subnet-detail-page .card>h2{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.hide-mobile{display:none}.subnet-detail-page .table thead th,.subnet-detail-page .table tbody td{padding:var(--space-3);font-size:var(--text-xs)}.modal-content{max-width:calc(100% - var(--space-4));margin:var(--space-4)}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;min-height:44px}}@media(max-width:480px){.table-container{display:none}.mobile-cards{display:flex}.subnet-detail-page .card>h2{font-size:var(--text-sm)}.status-grid,.info-grid{padding:var(--space-3);gap:var(--space-2)}.status-item,.info-item{padding:var(--space-3)}.action-buttons{padding:var(--space-3);gap:var(--space-2)}.subnet-detail-page .card-header{padding:var(--space-3)}.subnet-detail-page .empty-state{padding:var(--space-6)}.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100%;margin:0;border-radius:0;min-height:100vh}.modal-body{padding:var(--space-4)}.modal-options{gap:var(--space-2)}.modal-options .btn{min-height:44px}.user-card-actions{flex-direction:column}.user-card-actions .btn{width:100%}}.create-form{max-width:800px}.page-description{color:var(--text-tertiary);margin-top:var(--space-1);font-size:var(--text-sm)}.create-form .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow:hidden;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;transition:border-color .2s ease,box-shadow .2s ease}.create-form .card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 12px #0000001a,0 1px 3px #00000014}.create-form .card>h2{margin:0;padding:var(--space-4) var(--space-5);font-size:var(--text-md);font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);letter-spacing:-.01em}.card-description{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-4) var(--space-5);padding-top:0;margin:0;margin-top:calc(-1 * var(--space-3));line-height:var(--leading-relaxed)}.create-form .card>.form-group,.create-form .card>.form-row,.create-form .card>.preview-box,.create-form .card>.user-input-section,.create-form .card>.users-list,.create-form .card>.alert,.create-form .card>.loading-inline{padding:var(--space-5);padding-top:0}.create-form .card>.form-group:first-of-type,.create-form .card>.form-row:first-of-type{padding-top:var(--space-5)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.form-group{display:flex;flex-direction:column;margin-bottom:var(--space-4)}.form-group label{font-weight:600;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.required{color:var(--color-danger);margin-left:2px}.form-group input,.form-group textarea,.form-group select,.form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:var(--border-emphasis);background:var(--bg-hover)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted),0 0 0 1px var(--accent-primary);background:var(--bg-tertiary)}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.help-text{font-size:11px;color:var(--text-muted);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.form-select option:disabled{color:var(--text-muted)}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.preview-box{background:var(--color-info-muted);border:1px solid var(--color-info-border);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);font-family:var(--font-mono)}.preview-box strong{color:var(--text-primary);font-weight:600}.user-input-section{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);transition:border-color .15s ease,box-shadow .15s ease}.user-input-section:focus-within{border-color:var(--border-emphasis);box-shadow:0 2px 8px #00000014}.user-input-section .form-row{margin-bottom:0;align-items:flex-end}.user-input-section .form-group{margin-bottom:0}.password-input-group .btn{flex-shrink:0;white-space:nowrap}.form-group-action{display:flex;align-items:flex-end}.form-group-action .btn{transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.form-group-action .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.form-group-action .btn:active{transform:translateY(0)}.users-list{margin-top:var(--space-4)}.users-list h3{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);color:var(--text-secondary);letter-spacing:-.01em}.users-list code{background:var(--bg-tertiary);padding:3px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);color:var(--text-primary);border:1px solid var(--border-subtle)}.users-list .table{width:100%;border-collapse:separate;border-spacing:0}.users-list .table thead th{text-align:left;padding:var(--space-3);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.users-list .table thead th:first-child{border-top-left-radius:var(--radius-sm)}.users-list .table thead th:last-child{border-top-right-radius:var(--radius-sm)}.users-list .table tbody td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);transition:background .1s ease}.users-list .table tbody tr{transition:background .1s ease}.users-list .table tbody tr:hover{background:var(--bg-hover)}.users-list .table tbody tr:hover td{border-bottom-color:var(--border-default)}.users-list .table tbody tr:last-child td{border-bottom:none}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.form-actions .btn{min-width:120px;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.form-actions .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.form-actions .btn:active{transform:translateY(0)}.alert-warning{background:var(--color-warning-muted);color:var(--color-warning);border:1px solid var(--color-warning-border);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.alert-warning a{color:var(--color-warning);font-weight:600;text-decoration:underline;transition:opacity .15s ease}.alert-warning a:hover{opacity:.8}.loading-inline{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-3) 0}.mobile-users-list{display:none;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.mobile-user-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);transition:border-color .15s ease,box-shadow .15s ease}.mobile-user-card:hover{border-color:var(--border-emphasis);box-shadow:0 2px 8px #00000014}.mobile-user-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.mobile-user-name{font-weight:600;color:var(--text-primary)}.mobile-user-password{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all}.desktop-users-table{display:block}@media(max-width:768px){.create-form{max-width:100%}.form-row{grid-template-columns:1fr;gap:var(--space-4)}.form-row.form-row-3{grid-template-columns:1fr}.user-input-section{padding:var(--space-3)}.user-input-section .form-row{gap:var(--space-3)}.form-group-action{width:100%;margin-top:var(--space-2)}.form-group-action .btn{width:100%;justify-content:center;min-height:44px}.form-actions{flex-direction:column-reverse;gap:var(--space-3)}.form-actions .btn{width:100%;justify-content:center;min-height:44px}.create-form .card>h2{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.create-form .card>.form-group,.create-form .card>.form-row,.create-form .card>.preview-box,.create-form .card>.user-input-section,.create-form .card>.users-list,.create-form .card>.alert,.create-form .card>.loading-inline{padding:var(--space-4);padding-top:0}.create-form .card>.form-group:first-of-type,.create-form .card>.form-row:first-of-type{padding-top:var(--space-4)}.card-description{padding:var(--space-3) var(--space-4);padding-top:0}.form-group input,.form-group textarea,.form-group select,.form-select{min-height:44px;font-size:var(--text-base)}.password-input-group .btn{min-height:44px}.page-header{flex-direction:column;gap:var(--space-3)}.page-header h1{font-size:var(--text-xl)}.page-description{margin-top:var(--space-1)}}@media(max-width:480px){.password-input-group{flex-direction:column;gap:var(--space-2)}.password-input-group .btn{width:100%}.desktop-users-table{display:none}.mobile-users-list{display:flex}.users-list h3{font-size:var(--text-sm);margin-bottom:var(--space-2)}.create-form .card>.form-group,.create-form .card>.form-row,.create-form .card>.preview-box,.create-form .card>.user-input-section,.create-form .card>.users-list,.create-form .card>.alert,.create-form .card>.loading-inline{padding:var(--space-3);padding-top:0}.create-form .card>.form-group:first-of-type,.create-form .card>.form-row:first-of-type{padding-top:var(--space-3)}.user-input-section{padding:var(--space-3)}.preview-box{font-size:var(--text-xs);padding:var(--space-3)}.form-group label,.help-text{font-size:10px}.mobile-user-card .btn{min-height:44px;min-width:44px;padding:var(--space-2)}}.users-page{max-width:var(--content-max-width);margin:0 auto}.users-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.users-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.02em}.users-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.users-page .header-stats{display:flex;gap:var(--space-3);flex-wrap:wrap}.users-page .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:160px;transition:all .2s ease;position:relative;overflow:hidden}.users-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s ease}.users-page .stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.users-page .stat-card:hover.users-icon-card:before{background:var(--color-warning)}.users-page .stat-card:hover.ips-icon-card:before{background:var(--color-success)}.users-page .stat-card:hover.subnets-icon-card:before{background:var(--color-info)}.users-page .stat-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.users-page .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.users-page .stat-icon-wrapper.users-icon{background:var(--color-warning-muted);border:1px solid var(--color-warning-border);color:var(--color-warning)}.users-page .stat-icon-wrapper.ips-icon{background:var(--color-success-muted);border:1px solid var(--color-success-border);color:var(--color-success)}.users-page .stat-icon-wrapper.subnets-icon{background:var(--color-info-muted);border:1px solid var(--color-info-border);color:var(--color-info)}.users-page .stat-info{display:flex;flex-direction:column;gap:2px}.users-page .stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;letter-spacing:-.02em}.users-page .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.users-page .controls-bar{padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.users-page .filters-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.users-page .filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.users-page .filter-group label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.users-page .search-group{flex:1;min-width:200px;max-width:320px}.users-page .search-input{width:100%;padding:10px var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .15s ease}.users-page .search-input::placeholder{color:var(--text-muted)}.users-page .search-input:hover{border-color:var(--border-emphasis);background:var(--bg-tertiary)}.users-page .search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted);background:var(--bg-secondary)}.users-page .select{padding:10px var(--space-3);padding-right:var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;transition:all .15s ease}.users-page .select:hover{border-color:var(--border-emphasis);background-color:var(--bg-tertiary)}.users-page .select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted);background-color:var(--bg-secondary)}.users-page .view-toggle{display:flex;gap:2px;margin-left:auto;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:3px}.users-page .toggle-btn{padding:8px 12px;border:none;background:transparent;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;font-size:var(--text-sm);transition:all .15s ease;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.users-page .toggle-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.users-page .toggle-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 1px 3px #0003}.users-page .toggle-btn svg{width:14px;height:14px}.users-page .results-info{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.users-page .empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.users-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.users-page .empty-icon svg{opacity:.7}.users-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-2) 0}.users-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px;margin:0 auto;line-height:1.6}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);padding:var(--space-5)}.user-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.user-card:hover{border-color:var(--border-emphasis);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}.user-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.user-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-md);flex-shrink:0;box-shadow:0 2px 8px #6366f140;transition:transform .2s ease,box-shadow .2s ease}.user-card:hover .user-avatar{transform:scale(1.05);box-shadow:0 4px 12px #6366f159}.user-info{flex:1;min-width:0}.user-name{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.user-subnets{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:6px}.subnet-badge{background:var(--bg-tertiary);color:var(--text-secondary);padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;font-family:var(--font-mono);border:1px solid var(--border-subtle);transition:all .15s ease}.subnet-badge:hover{border-color:var(--border-emphasis);background:var(--bg-hover)}.user-subnet-info{display:flex;align-items:center;gap:var(--space-2);margin-top:6px;flex-wrap:wrap}.user-subnet{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono)}.user-card-body{flex:1;padding:var(--space-4)}.user-stat{text-align:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--border-subtle)}.user-stat .stat-label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:500}.stat-value-large{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;letter-spacing:-.02em}.subnet-breakdown{display:flex;flex-direction:column;gap:var(--space-2)}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);border:1px solid var(--border-subtle);transition:all .15s ease}.breakdown-item:hover{border-color:var(--border-emphasis);background:var(--bg-hover)}.breakdown-label-row{display:flex;align-items:center;gap:var(--space-2)}.breakdown-label{font-weight:600;color:var(--text-secondary)}.breakdown-value{color:var(--text-muted);font-family:var(--font-mono)}.access-type{margin-bottom:var(--space-3)}.ip-preview{background:var(--bg-secondary);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.ip-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ip-tag{background:var(--bg-tertiary);color:var(--color-success);padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);border:1px solid var(--color-success-border);transition:all .15s ease}.ip-tag:hover{background:var(--color-success-muted)}.more-ips{font-size:11px;color:var(--text-muted);margin-left:var(--space-1);font-weight:500}.user-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-wrap:wrap}.user-card-actions button,.user-card-actions a{flex:1;min-width:80px;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:13px;font-weight:500;padding:8px 12px;border-radius:var(--radius-md);transition:all .15s ease}.user-card-actions .btn-outline{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.user-card-actions .btn-outline:hover{background:var(--bg-hover);border-color:var(--border-emphasis);color:var(--text-primary)}.user-card-actions .btn-danger{background:var(--color-error-muted);border:1px solid var(--color-error-border);color:var(--color-error)}.user-card-actions .btn-danger:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.users-page .table{width:100%;border-collapse:separate;border-spacing:0}.users-page .table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;top:0;z-index:1}.users-page .table th:first-child{padding-left:var(--space-5)}.users-page .table th:last-child{padding-right:var(--space-5)}.users-page .table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm);transition:background .1s ease}.users-page .table td:first-child{padding-left:var(--space-5)}.users-page .table td:last-child{padding-right:var(--space-5)}.users-page .table tbody tr{transition:background .1s ease}.users-page .table tbody tr:hover{background:var(--bg-hover)}.users-page .table tbody tr:hover td{border-bottom-color:var(--border-emphasis)}.users-page .table tbody tr:last-child td{border-bottom:none}.users-page .table tbody tr:hover .user-avatar-sm{transform:scale(1.08)}.subnet-tags{display:flex;gap:6px;flex-wrap:wrap}.subnet-details{display:flex;flex-direction:column;gap:var(--space-1)}.subnet-detail-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.subnet-label{font-weight:600;color:var(--text-secondary);min-width:60px}.ip-count{color:var(--text-muted);font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.02em;transition:all .15s ease}.badge-info:hover{background:#3b82f633}.badge-success:hover{background:#22c55e33}.badge-sm{font-size:10px;padding:2px 6px}.action-links{display:flex;flex-wrap:wrap;gap:6px}.action-link{color:var(--accent-primary);text-decoration:none;font-size:12px;font-weight:500;padding:6px 10px;border-radius:var(--radius-md);transition:all .15s ease;border:1px solid transparent}.action-link:hover{background:var(--accent-primary-muted);border-color:var(--accent-primary);text-decoration:none}.action-buttons-inline{display:flex;gap:var(--space-2)}.action-buttons-inline .btn{font-size:12px;padding:6px 12px;font-weight:500}.action-buttons-inline .btn-danger{background:var(--color-error-muted);border:1px solid var(--color-error-border);color:var(--color-error)}.action-buttons-inline .btn-danger:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.text-muted{color:var(--text-muted);font-size:var(--text-xs)}.ip-list{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;position:relative}.sortable:hover{background:var(--bg-hover);color:var(--text-secondary)}.sortable:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;transition:background .15s ease}.sortable:hover:after{background:var(--accent-primary)}.users-page .table-container{display:block;overflow-x:auto}.users-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.user-mobile-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.user-mobile-card:hover{border-color:var(--border-emphasis)}.user-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.user-mobile-card-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.user-mobile-card-name{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.user-mobile-card-name strong{font-size:var(--text-md);color:var(--text-primary);word-break:break-word}.user-subnets-inline{display:flex;gap:var(--space-1);flex-wrap:wrap}.subnet-badge-sm{background:var(--bg-tertiary);color:var(--text-secondary);padding:1px var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);border:1px solid var(--border-subtle)}.more-subnets{font-size:var(--text-xs);color:var(--text-muted)}.user-subnet-text{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.ip-count-badge{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-family:var(--font-mono);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);white-space:nowrap}.user-mobile-card-meta{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.user-mobile-card-meta .meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.user-mobile-card-meta .meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.user-mobile-card-meta .meta-value{font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-mono)}.user-mobile-card-ips{padding:var(--space-3) var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.ip-tag-sm{background:var(--bg-secondary);color:var(--color-success);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);border:1px solid var(--color-success-border)}.user-mobile-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-wrap:wrap}.user-mobile-card-actions .btn{flex:1;min-width:80px;min-height:44px;justify-content:center}.users-page .loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:1200px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.users-page .page-header{flex-direction:column;gap:var(--space-4)}.users-page .page-header h1{font-size:var(--text-xl)}.users-page .header-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.users-page .stat-card{min-width:auto;padding:var(--space-2) var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.users-page .stat-icon-wrapper{width:32px;height:32px}.users-page .stat-value{font-size:var(--text-lg)}.users-page .controls-bar{padding:var(--space-3) var(--space-4)}.users-page .filters-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.users-page .filter-group,.users-page .search-group{width:100%;max-width:none;min-width:auto}.users-page .view-toggle{margin-left:0;width:100%;justify-content:center}.users-page .toggle-btn{flex:1}.users-page .filters-row>.btn{width:100%;justify-content:center}.users-grid{grid-template-columns:1fr;padding:var(--space-4)}.users-page .hide-tablet{display:none}.users-page .table th,.users-page .table td{padding:var(--space-3);font-size:var(--text-xs)}.user-card-header,.user-card-body,.user-card-actions{padding:var(--space-3)}.user-card-actions button,.user-card-actions a{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media(max-width:480px){.users-page .table-container{display:none}.users-page .mobile-cards{display:flex}.users-page .header-stats{grid-template-columns:1fr}.users-page .stat-card{flex-direction:row;text-align:left}.users-grid{padding:var(--space-3);gap:var(--space-3)}.user-avatar{width:36px;height:36px;font-size:var(--text-sm)}.user-name{font-size:var(--text-sm)}.user-card-actions{flex-direction:column}.user-card-actions button,.user-card-actions a{width:100%;min-height:44px}.users-page .empty-state{padding:var(--space-8)}.users-page .empty-icon{width:48px;height:48px}.user-mobile-card-actions{flex-direction:column}.user-mobile-card-actions .btn{width:100%}}@media(max-width:768px){.users-page .hide-mobile{display:none}}.docker-page{max-width:var(--content-max-width);margin:0 auto;padding-bottom:var(--space-8)}.docker-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.docker-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.docker-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.docker-page .header-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.docker-page .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:150px;transition:all var(--transition-base);box-shadow:0 1px 2px #0000001a}.docker-page .stat-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.docker-page .stat-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-base)}.docker-page .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.docker-page .stat-icon-wrapper.containers-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:1px solid rgba(139,92,246,.3);color:#a78bfa;box-shadow:0 2px 8px #8b5cf626}.docker-page .stat-icon-wrapper.running-icon{background:linear-gradient(135deg,var(--color-success-muted) 0%,rgba(16,185,129,.15) 100%);border:1px solid var(--color-success-border);color:var(--color-success);box-shadow:0 2px 8px #34d39926}.docker-page .stat-icon-wrapper.stopped-icon{background:linear-gradient(135deg,var(--color-warning-muted) 0%,rgba(245,158,11,.15) 100%);border:1px solid var(--color-warning-border);color:var(--color-warning);box-shadow:0 2px 8px #fbbf2426}.docker-page .stat-icon-wrapper.test-icon{background:linear-gradient(135deg,var(--color-info-muted) 0%,rgba(59,130,246,.15) 100%);border:1px solid var(--color-info-border);color:var(--color-info);box-shadow:0 2px 8px #3b82f626}.docker-page .stat-icon-wrapper.nodes-icon{background:linear-gradient(135deg,var(--color-neutral-muted) 0%,rgba(156,163,175,.15) 100%);border:1px solid var(--color-neutral-border);color:var(--color-neutral);box-shadow:0 2px 8px #9ca3af1a}.docker-page .stat-info{display:flex;flex-direction:column;gap:var(--space-1)}.docker-page .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1}.docker-page .stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.docker-page .controls-bar{padding:var(--space-4) var(--space-5);background:linear-gradient(180deg,var(--bg-tertiary) 0%,rgba(30,32,38,.95) 100%);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.docker-page .controls-left{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.docker-page .results-info{font-size:12px;color:var(--text-muted);font-weight:500}.docker-page .view-toggle{display:flex;gap:2px;background:#0003;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:3px;box-shadow:inset 0 1px 2px #0000001a}.docker-page .toggle-btn{padding:8px 14px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:all .15s ease;color:var(--text-muted);display:flex;align-items:center;justify-content:center;position:relative}.docker-page .toggle-btn:hover{color:var(--text-primary);background:#ffffff0d}.docker-page .toggle-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #4f46e559}.docker-page .toggle-btn.active:hover{background:var(--accent-primary);box-shadow:0 3px 10px #4f46e573}.docker-page .toggle-btn svg{width:15px;height:15px}.containers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);padding:var(--space-5)}.container-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.container-card:hover{border-color:var(--border-emphasis);transform:translateY(-3px);box-shadow:0 8px 25px #00000040,0 4px 10px #00000026}.container-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4) var(--space-5);background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(30,32,38,.95) 100%);border-bottom:1px solid var(--border-subtle);gap:var(--space-3);flex-wrap:wrap}.container-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.container-name{display:flex;flex-direction:column;gap:4px}.container-name strong{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.container-subnet{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.01em}.container-card-body{padding:var(--space-4) var(--space-5)}.container-info{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(135deg,#00000026,#0000001a);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.03);transition:background var(--transition-fast)}.info-item:hover{background:linear-gradient(135deg,#0003,#00000026)}.info-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:13px;color:var(--text-primary);font-weight:500}.info-value code{font-family:var(--font-mono);font-size:11px;background:#0000004d;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.container-card-actions{display:flex;gap:8px;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(26,28,33,.95) 100%)}.container-card-actions .btn{flex:1;font-size:12px;font-weight:500;padding:10px 14px;transition:all .15s ease}.container-card-actions .btn:hover{transform:translateY(-1px)}.container-card-actions .btn:active{transform:translateY(0)}.container-card-actions .btn-success{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.3);box-shadow:0 2px 8px #10b98140}.container-card-actions .btn-success:hover{box-shadow:0 4px 12px #10b98159}.container-card-actions .btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.container-card-actions .btn-danger:hover{background:#ef444440;border-color:#ef444480;box-shadow:0 0 12px #ef444433}.docker-page .table{width:100%;border-collapse:separate;border-spacing:0}.docker-page .table th{text-align:left;padding:14px 18px;font-weight:600;font-size:11px;color:var(--text-muted);background:linear-gradient(180deg,var(--bg-tertiary) 0%,rgba(30,32,38,.95) 100%);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;position:sticky;top:0;z-index:1}.docker-page .table th:first-child{border-top-left-radius:var(--radius-md)}.docker-page .table th:last-child{border-top-right-radius:var(--radius-md)}.docker-page .table td{padding:14px 18px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:13px;transition:background .1s ease}.docker-page .table tbody tr{transition:background .1s ease}.docker-page .table tbody tr:hover{background:#ffffff08}.docker-page .table tbody tr:hover td{background:transparent}.docker-page .table tbody tr:last-child td{border-bottom:none}.docker-page .table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-md)}.docker-page .table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-md)}.docker-page .table code{font-family:var(--font-mono);font-size:11px;background:#00000040;padding:4px 8px;border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-group{display:flex;gap:6px}.btn-group .btn{font-size:11px;padding:6px 10px;font-weight:500}.docker-page .badge{font-size:11px;font-weight:600;padding:5px 10px;border-radius:var(--radius-full);letter-spacing:.03em;transition:all var(--transition-fast)}.docker-page .badge-success{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success-border);box-shadow:0 0 #34d39900}.docker-page .badge-success:hover{box-shadow:0 0 8px #34d3994d}.docker-page .badge-warning{background:var(--color-warning-muted);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-gray{background:var(--color-neutral-muted);color:var(--color-neutral);border:1px solid var(--color-neutral-border)}.docker-page .modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4)}.docker-page .modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;overflow:hidden;animation:modal-appear .2s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.docker-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.docker-page .modal-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.docker-page .modal-close{background:none;border:1px solid transparent;font-size:22px;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-md);transition:all .15s ease;display:flex;align-items:center;justify-content:center;width:34px;height:34px}.docker-page .modal-close:hover{background:#ffffff0d;border-color:var(--border-subtle);color:var(--text-primary)}.docker-page .modal-body{padding:var(--space-6)}.docker-page .modal-body p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.docker-page .warning-text{color:var(--color-danger);font-size:var(--text-xs);padding:var(--space-3) var(--space-4);background:var(--color-danger-muted);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.docker-page .modal-options{display:flex;flex-direction:column;gap:var(--space-4)}.docker-page .modal-options .btn{padding:14px 18px;font-weight:500;transition:all .15s ease}.docker-page .modal-options .btn:hover{transform:translateY(-1px)}.docker-page .modal-options .btn-primary{box-shadow:0 2px 8px #4f46e54d}.docker-page .modal-options .btn-primary:hover{box-shadow:0 4px 12px #4f46e566}.docker-page .option-description{font-size:12px;color:var(--text-muted);margin-top:calc(-1 * var(--space-2));padding-left:var(--space-2);margin-bottom:var(--space-2);line-height:1.5}.docker-page .modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-5);border-top:1px solid var(--border-subtle);margin-top:var(--space-5)}.docker-page .modal-actions .btn{min-width:100px;font-weight:500}.btn-block{width:100%}.docker-page .desktop-view{display:block}.docker-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.docker-page .container-mobile-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.docker-page .container-mobile-card:hover{border-color:var(--border-emphasis)}.docker-page .container-mobile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.docker-page .container-mobile-name{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.docker-page .container-mobile-name strong{font-size:var(--text-md);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docker-page .container-mobile-name .container-subnet{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.docker-page .container-mobile-badges{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end;flex-shrink:0}.docker-page .container-mobile-meta{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.docker-page .container-mobile-meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.docker-page .container-mobile-meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.docker-page .container-mobile-meta-value{font-size:var(--text-sm);color:var(--text-primary)}.docker-page .container-mobile-meta-value code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bg-secondary);padding:2px var(--space-2);border-radius:var(--radius-sm)}.docker-page .container-mobile-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-wrap:wrap}.docker-page .container-mobile-actions .btn{flex:1;min-width:80px;min-height:44px;justify-content:center}@media(max-width:1200px){.containers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:1024px){.docker-page .table th:nth-child(5),.docker-page .table td:nth-child(5),.docker-page .table th:nth-child(6),.docker-page .table td:nth-child(6){display:none}}@media(max-width:768px){.docker-page .page-header{flex-direction:column;gap:var(--space-4)}.docker-page .page-header h1{font-size:var(--text-xl)}.docker-page .header-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.docker-page .stat-card{width:100%;padding:var(--space-2) var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.docker-page .stat-icon-wrapper{width:32px;height:32px}.docker-page .stat-value{font-size:var(--text-lg)}.docker-page .controls-bar{flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.docker-page .controls-left{width:100%;flex-direction:column;gap:var(--space-2)}.docker-page .view-toggle{width:100%;justify-content:center}.docker-page .toggle-btn{flex:1}.containers-grid{grid-template-columns:1fr;padding:var(--space-4)}.docker-page .table th:nth-child(1),.docker-page .table td:nth-child(1),.docker-page .table th:nth-child(7),.docker-page .table td:nth-child(7){display:none}.docker-page .table th,.docker-page .table td{padding:var(--space-3);font-size:var(--text-xs)}.container-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.container-header-right{width:100%;justify-content:flex-start}.docker-page .modal-content{max-width:calc(100% - var(--space-4));margin:var(--space-4)}.docker-page .modal-lg{max-width:calc(100% - var(--space-4))}}@media(max-width:480px){.docker-page .desktop-view{display:none}.docker-page .mobile-cards{display:flex}.docker-page .header-stats{grid-template-columns:1fr}.docker-page .stat-card{flex-direction:row;text-align:left}.docker-page .view-toggle{display:none}.containers-grid{padding:var(--space-3);gap:var(--space-3)}.container-card-header,.container-card-body{padding:var(--space-3)}.container-card-actions{flex-direction:column;padding:var(--space-3)}.container-card-actions .btn{width:100%;min-height:44px}.docker-page .modal-content{max-width:100%;max-height:100%;margin:0;border-radius:0}.docker-page .modal-lg{max-width:100%;border-radius:0}.docker-page .modal-actions{flex-direction:column}.docker-page .modal-actions .btn{width:100%}.docker-page .modal-options .btn{min-height:44px}.docker-page .config-content{font-size:10px;max-height:300px}}.docker-page .modal-lg{max-width:800px}.docker-page .config-loading{padding:var(--space-8);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.docker-page .config-content{background:linear-gradient(135deg,#0006,#0000004d);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--text-secondary);overflow-x:auto;max-height:500px;overflow-y:auto;white-space:pre;margin:0;box-shadow:inset 0 2px 4px #00000026}.docker-page .config-content::-webkit-scrollbar{width:8px;height:8px}.docker-page .config-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.docker-page .config-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.docker-page .config-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.docker-page .modal-footer{display:flex;justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.docker-page .modal-footer .btn{min-width:90px;font-weight:500}.btn-secondary{background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(30,32,38,.9) 100%);color:var(--text-secondary);border:1px solid var(--border-default);transition:all .15s ease}.btn-secondary:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:var(--border-emphasis);color:var(--text-primary);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.loading-overlay{position:absolute;inset:0;background:#0a0a0cd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:inherit;animation:fadeIn .2s ease-out}.loading-overlay-fullpage{position:fixed;border-radius:0}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.loading-spinner{position:relative;width:56px;height:56px}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:var(--radius-full);border:3px solid transparent;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){border-top-color:var(--accent-primary);animation-delay:-.45s}.spinner-ring:nth-child(2){border-top-color:var(--accent-secondary);animation-delay:-.3s;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){border-top-color:var(--accent-tertiary);animation-delay:-.15s;width:60%;height:60%;top:20%;left:20%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.loading-overlay-small .loading-spinner{width:32px;height:32px}.loading-overlay-small .spinner-ring{border-width:2px}.loading-overlay-small .loading-message{font-size:var(--text-xs)}.analytics-page{max-width:1200px;margin:0 auto;position:relative;min-height:400px}.analytics-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.analytics-page .breadcrumb{color:var(--text-tertiary);text-decoration:none;font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);transition:color var(--transition-base);padding:var(--space-1) 0}.analytics-page .breadcrumb:hover{color:var(--text-primary)}.analytics-page .page-title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-1)}.analytics-page .page-title-row h1{font-size:var(--text-2xl);font-weight:700;margin:0;letter-spacing:-.025em}.analytics-page .subnet-info{color:var(--text-tertiary);margin:0;font-size:var(--text-sm);font-family:var(--font-mono)}.period-selector{display:inline-flex;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:3px;gap:2px}.period-selector .btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;white-space:nowrap;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);transition:all var(--transition-base);position:relative}.period-selector .btn:hover:not(.btn-primary){color:var(--text-secondary);background:var(--bg-hover)}.period-selector .btn.btn-primary{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.period-selector .btn.btn-outline{border:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.analytics-page .stat-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.analytics-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-emphasis),transparent);opacity:0;transition:opacity var(--transition-base)}.analytics-page .stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-1px);box-shadow:var(--shadow-md)}.analytics-page .stat-card:hover:before{opacity:1}.analytics-page .stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;margin-bottom:var(--space-3)}.analytics-page .stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.analytics-page .stat-value-small{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);font-family:var(--font-mono);margin-top:var(--space-1);font-variant-numeric:tabular-nums}.analytics-page .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow:hidden;box-shadow:var(--shadow-sm)}.analytics-page .card h2{margin:0;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.domains-list{display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-2)}.domain-item{display:grid;grid-template-columns:48px 1fr 220px 70px;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast)}.domain-item:hover{background:var(--bg-elevated);border-color:var(--border-subtle);transform:translate(2px)}.domain-rank{font-size:var(--text-sm);font-weight:700;color:var(--text-muted);text-align:center;font-family:var(--font-mono);background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.domain-item:nth-child(1) .domain-rank{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);color:#fbbf24}.domain-item:nth-child(2) .domain-rank{background:linear-gradient(135deg,#94a3b826,#94a3b80d);color:#94a3b8}.domain-item:nth-child(3) .domain-rank{background:linear-gradient(135deg,#b4530926,#b453090d);color:#d97706}.domain-info{flex:1;min-width:0}.domain-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-stats{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.domain-bar-container{flex:0 0 220px;height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;position:relative}.domain-bar-container:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.02) 100%);pointer-events:none}.domain-bar{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.domain-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1));border-radius:0 var(--radius-full) var(--radius-full) 0}.domain-percentage{font-size:var(--text-sm);font-weight:700;color:var(--accent-primary);text-align:right;min-width:60px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hourly-chart{display:flex;align-items:flex-end;gap:4px;height:280px;padding:var(--space-6);padding-bottom:var(--space-10);background:linear-gradient(180deg,var(--bg-tertiary) 0%,rgba(24,24,27,.5) 100%);border-radius:var(--radius-md);margin:var(--space-4);overflow-x:auto;position:relative}.hourly-chart:before{content:"";position:absolute;top:var(--space-6);left:var(--space-6);right:var(--space-6);bottom:var(--space-10);background-image:linear-gradient(0deg,transparent 24%,var(--border-subtle) 25%,var(--border-subtle) 26%,transparent 27%),linear-gradient(0deg,transparent 49%,var(--border-subtle) 50%,var(--border-subtle) 51%,transparent 52%),linear-gradient(0deg,transparent 74%,var(--border-subtle) 75%,var(--border-subtle) 76%,transparent 77%);background-size:100% 100%;pointer-events:none;opacity:.5}.hour-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;min-width:36px;height:100%;position:relative;z-index:1}.hour-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.hour-bar{width:24px;background:var(--accent-gradient);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-fast);cursor:pointer;min-height:2px;position:relative;box-shadow:0 -2px 8px #3b82f626}.hour-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.hour-bar:hover{filter:brightness(1.2);transform:scaleX(1.15);box-shadow:0 -4px 16px #3b82f64d}.hour-label{font-size:10px;color:var(--text-muted);margin-top:var(--space-3);text-align:center;transform:rotate(-45deg);transform-origin:center;white-space:nowrap;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hour-value{font-size:9px;color:var(--text-muted);margin-top:2px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.7}.analytics-page .empty-state{padding:var(--space-12);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.domains-list-mobile{display:none;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.domain-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.domain-card:hover{border-color:var(--border-emphasis)}.domain-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.domain-card-rank{font-size:var(--text-lg);font-weight:700;color:var(--accent-primary);font-family:var(--font-mono);flex-shrink:0}.domain-card-name{flex:1;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);word-break:break-all}.domain-card-body{padding:var(--space-3) var(--space-4)}.domain-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.domain-card-stat{text-align:center}.domain-card-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.domain-card-stat-value{font-size:var(--text-md);font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.domain-card-bar-container{height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.domain-card-bar{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .3s ease}.domain-card-percentage{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);text-align:right}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.domain-item{grid-template-columns:40px 1fr 160px 50px;gap:var(--space-3)}.domain-bar-container{flex:0 0 160px}}@media(max-width:768px){.analytics-page .page-header{flex-direction:column;gap:var(--space-4)}.analytics-page .page-title-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.analytics-page .page-title-row h1{font-size:var(--text-xl)}.period-selector{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.period-selector .btn{flex:1;text-align:center;padding:var(--space-2) var(--space-2);font-size:var(--text-xs);min-height:44px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.analytics-page .stat-card{padding:var(--space-4)}.analytics-page .stat-value{font-size:var(--text-xl)}.domain-item{grid-template-columns:28px 1fr;gap:var(--space-2)}.domain-bar-container{grid-column:1 / -1;flex:1;height:6px}.domain-percentage{grid-column:1 / -1;text-align:left;font-size:var(--text-xs)}.hourly-chart{height:200px;padding:var(--space-3);margin:var(--space-3);gap:2px}.hourly-chart:before{display:none}.hour-bar-container{min-width:24px}.hour-bar{width:18px}.hour-label{font-size:8px;transform:rotate(-60deg)}.hour-value{display:none}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.analytics-page .stat-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4)}.analytics-page .stat-label{margin-bottom:0}.analytics-page .stat-value{font-size:var(--text-lg);margin:0}.analytics-page .stat-value-small{font-size:var(--text-md);margin:0}.domains-list{display:none}.domains-list-mobile{display:flex}.analytics-page .card h2{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.hourly-chart{height:160px;padding:var(--space-2);margin:var(--space-2);gap:1px;overflow-x:auto;-webkit-overflow-scrolling:touch}.hour-bar-container{min-width:20px}.hour-bar{width:14px}.hour-label{font-size:7px;transform:rotate(-90deg)}}.all-analytics-page{max-width:var(--content-max-width);margin:0 auto;position:relative;min-height:400px}.all-analytics-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.all-analytics-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.all-analytics-page .subtitle{color:var(--text-tertiary);margin:0;font-size:var(--text-sm)}.all-analytics-page .header-controls{display:flex;align-items:center;gap:var(--space-4)}.all-analytics-page .period-selector{display:inline-flex;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:3px;gap:2px}.all-analytics-page .period-selector .btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;white-space:nowrap;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);transition:all var(--transition-base)}.all-analytics-page .period-selector .btn:hover:not(.btn-primary){color:var(--text-secondary);background:var(--bg-hover)}.all-analytics-page .period-selector .btn.btn-primary{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.all-analytics-page .period-selector .btn.btn-outline{border:none}.total-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.total-card{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-md),0 0 30px #3b82f61a}.total-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 40px #3b82f626}.total-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);transform:translate(30%,-30%)}.total-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.total-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;margin-bottom:var(--space-2);opacity:.85}.total-value{font-size:var(--text-3xl);font-weight:700;font-family:var(--font-mono);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.subnets-analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.subnet-analytics-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.subnet-analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-emphasis),transparent);opacity:0;transition:opacity var(--transition-base)}.subnet-analytics-card:hover{border-color:var(--border-emphasis);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.subnet-analytics-card:hover:before{opacity:1}.subnet-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-3)}.subnet-header-title{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.subnet-card-header h3{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.subnet-details{margin:var(--space-1) 0 0 0;font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.subnet-card-header .btn{transition:all var(--transition-base)}.subnet-card-header .btn:hover{transform:translate(2px)}.subnet-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.subnet-stat{text-align:center;padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-base)}.subnet-stat:hover{border-color:var(--border-subtle);background:var(--bg-elevated)}.subnet-stat .stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;margin-bottom:var(--space-2)}.stat-value-medium{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);font-variant-numeric:tabular-nums}.bandwidth-bar-container{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4);position:relative}.bandwidth-bar-container:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.02) 100%);pointer-events:none}.bandwidth-bar{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.bandwidth-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:16px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15));border-radius:0 var(--radius-full) var(--radius-full) 0}.top-domains-compact{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.compact-header{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.compact-domains-list{display:flex;flex-direction:column;gap:var(--space-2)}.compact-domain-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-xs);transition:all var(--transition-fast)}.compact-domain-item:hover{background:var(--bg-elevated);border-color:var(--border-subtle);transform:translate(2px)}.compact-rank{font-weight:700;color:var(--text-muted);text-align:center;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.compact-domain-item:nth-child(1) .compact-rank{color:#fbbf24}.compact-domain-item:nth-child(2) .compact-rank{color:#94a3b8}.compact-domain-item:nth-child(3) .compact-rank{color:#d97706}.compact-domain-name{color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-domain-value{color:var(--accent-primary);font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.no-data{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-xs)}.all-analytics-page .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow:hidden;box-shadow:var(--shadow-sm)}.all-analytics-page .card h2{margin:0;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.combined-domains{display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-2)}.combined-domain-item{display:grid;grid-template-columns:48px 1fr 280px 80px;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast)}.combined-domain-item:hover{background:var(--bg-elevated);border-color:var(--border-subtle);transform:translate(2px)}.combined-rank{font-size:var(--text-sm);font-weight:700;color:var(--text-muted);text-align:center;font-family:var(--font-mono);background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.combined-domain-item:nth-child(1) .combined-rank{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);color:#fbbf24}.combined-domain-item:nth-child(2) .combined-rank{background:linear-gradient(135deg,#94a3b826,#94a3b80d);color:#94a3b8}.combined-domain-item:nth-child(3) .combined-rank{background:linear-gradient(135deg,#b4530926,#b453090d);color:#d97706}.combined-domain-info{flex:1;min-width:0}.combined-domain-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combined-domain-stats{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.combined-bar-container{flex:0 0 280px;height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;position:relative}.combined-bar-container:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.02) 100%);pointer-events:none}.combined-bar{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.combined-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1));border-radius:0 var(--radius-full) var(--radius-full) 0}.combined-percentage{font-size:var(--text-sm);font-weight:700;color:var(--accent-primary);text-align:right;min-width:70px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.all-analytics-page .empty-state{padding:var(--space-12);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.combined-domains-mobile{display:none;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.combined-domain-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.combined-domain-card:hover{border-color:var(--border-emphasis)}.combined-domain-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.combined-domain-card-rank{font-size:var(--text-lg);font-weight:700;color:var(--accent-primary);font-family:var(--font-mono);flex-shrink:0}.combined-domain-card-name{flex:1;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);word-break:break-all}.combined-domain-card-body{padding:var(--space-3) var(--space-4)}.combined-domain-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-3)}.combined-domain-card-stat{text-align:center}.combined-domain-card-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.combined-domain-card-stat-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.combined-domain-card-bar-container{height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.combined-domain-card-bar{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .3s ease}@media(max-width:1400px){.subnets-analytics-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media(max-width:1200px){.total-overview{grid-template-columns:repeat(2,1fr)}.subnets-analytics-grid{grid-template-columns:1fr}.combined-domain-item{grid-template-columns:40px 1fr 200px 70px;gap:var(--space-3)}.combined-bar-container{flex:0 0 200px}}@media(max-width:1024px){.combined-domain-item{grid-template-columns:36px 1fr;gap:var(--space-2)}.combined-bar-container{grid-column:1 / -1;flex:1;height:6px}.combined-percentage{grid-column:1 / -1;text-align:left;font-size:var(--text-xs)}}@media(max-width:768px){.all-analytics-page .page-header{flex-direction:column;gap:var(--space-4)}.all-analytics-page .page-header h1{font-size:var(--text-xl)}.all-analytics-page .header-controls{width:100%;justify-content:flex-start}.all-analytics-page .period-selector{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.all-analytics-page .period-selector .btn{flex:1;text-align:center;padding:var(--space-2) var(--space-2);font-size:var(--text-xs);min-height:44px}.total-overview{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.total-card{padding:var(--space-4)}.total-value{font-size:var(--text-2xl)}.subnets-analytics-grid{grid-template-columns:1fr}.subnet-analytics-card{padding:var(--space-4)}.subnet-stats{grid-template-columns:1fr 1fr;gap:var(--space-2)}.stat-value-medium{font-size:var(--text-lg)}.subnet-card-header{flex-direction:column;gap:var(--space-2)}.subnet-card-header .btn{width:100%;justify-content:center}.combined-domains{padding:var(--space-3)}}@media(max-width:480px){.total-overview{grid-template-columns:1fr}.total-card{padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center}.total-card:before{display:none}.total-label{margin-bottom:0}.total-value{font-size:var(--text-xl)}.subnet-analytics-card{padding:var(--space-3)}.subnet-stats{grid-template-columns:1fr;gap:var(--space-2)}.subnet-stat{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:var(--space-2) var(--space-3)}.subnet-stat .stat-label{margin-bottom:0}.stat-value-medium{font-size:var(--text-md)}.stat-subtitle{display:none}.compact-domain-item{padding:var(--space-2);gap:var(--space-2)}.compact-rank{display:none}.compact-domain-item{grid-template-columns:1fr auto}.all-analytics-page .card h2{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.combined-domains{display:none}.combined-domains-mobile{display:flex}}.user-analytics-page{max-width:var(--content-max-width);margin:0 auto;position:relative;min-height:400px}.user-analytics-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.user-analytics-page .breadcrumb{color:var(--text-tertiary);text-decoration:none;font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);transition:color var(--transition-base);padding:var(--space-1) 0}.user-analytics-page .breadcrumb:hover{color:var(--text-primary)}.user-analytics-page .page-title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-1)}.user-analytics-page .page-title-row h1{font-size:var(--text-2xl);font-weight:700;margin:0;word-break:break-word;letter-spacing:-.025em}.user-analytics-page .subnet-info{color:var(--text-tertiary);margin:0;font-size:var(--text-sm);font-family:var(--font-mono)}.user-analytics-page .period-selector{display:inline-flex;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:3px;gap:2px}.user-analytics-page .period-selector .btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;white-space:nowrap;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);transition:all var(--transition-base)}.user-analytics-page .period-selector .btn:hover:not(.btn-primary){color:var(--text-secondary);background:var(--bg-hover)}.user-analytics-page .period-selector .btn.btn-primary{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.user-analytics-page .period-selector .btn.btn-outline{border:none}.user-analytics-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.user-analytics-page .stat-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.user-analytics-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-emphasis),transparent);opacity:0;transition:opacity var(--transition-base)}.user-analytics-page .stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-analytics-page .stat-card:hover:before{opacity:1}.user-analytics-page .stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;margin-bottom:var(--space-3)}.user-analytics-page .stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.user-analytics-page .stat-value-small{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);font-family:var(--font-mono);margin-top:var(--space-1);font-variant-numeric:tabular-nums}.user-analytics-page .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow:hidden;box-shadow:var(--shadow-sm)}.user-analytics-page .card h2{margin:0;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);padding:var(--space-5)}.info-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-base)}.info-item:hover{border-color:var(--border-subtle);background:var(--bg-elevated)}.info-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600}.info-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.usage-summary{padding:var(--space-5)}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.summary-item{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--transition-base);position:relative;overflow:hidden}.summary-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-emphasis),transparent);opacity:0;transition:opacity var(--transition-base)}.summary-item:hover{background:var(--bg-elevated);border-color:var(--border-default);transform:translateY(-1px);box-shadow:var(--shadow-md)}.summary-item:hover:before{opacity:1}.summary-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-2xl);transition:transform var(--transition-base)}.summary-item:hover .summary-icon{transform:scale(1.05)}.summary-icon svg{width:24px;height:24px}.summary-icon-bandwidth{background:linear-gradient(135deg,#3b82f633,#3b82f614);border:1px solid rgba(59,130,246,.3);color:#60a5fa;box-shadow:0 0 20px #3b82f61a}.summary-icon-requests{background:linear-gradient(135deg,#8b5cf633,#8b5cf614);border:1px solid rgba(139,92,246,.3);color:#a78bfa;box-shadow:0 0 20px #8b5cf61a}.summary-icon-domains{background:linear-gradient(135deg,#22c55e33,#22c55e14);border:1px solid rgba(34,197,94,.3);color:#22c55e;box-shadow:0 0 20px #22c55e1a}.summary-content{flex:1;min-width:0}.summary-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.summary-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);margin-bottom:var(--space-2);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.summary-description{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.action-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding:var(--space-5)}.action-buttons-grid .btn{transition:all var(--transition-base)}.action-buttons-grid .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-analytics-page .empty-state{padding:var(--space-12);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.user-analytics-page .empty-state svg{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--text-muted)}.user-analytics-page .domains-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.user-analytics-page .domain-item{display:grid;grid-template-columns:48px 1fr 260px 70px;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast)}.user-analytics-page .domain-item:hover{background:var(--bg-elevated);border-color:var(--border-subtle);transform:translate(2px)}.user-analytics-page .domain-rank{font-size:var(--text-sm);font-weight:700;color:var(--text-muted);text-align:center;font-family:var(--font-mono);background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.user-analytics-page .domain-item:nth-child(1) .domain-rank{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);color:#fbbf24}.user-analytics-page .domain-item:nth-child(2) .domain-rank{background:linear-gradient(135deg,#94a3b826,#94a3b80d);color:#94a3b8}.user-analytics-page .domain-item:nth-child(3) .domain-rank{background:linear-gradient(135deg,#b4530926,#b453090d);color:#d97706}.user-analytics-page .domain-info{flex:1;min-width:0}.user-analytics-page .domain-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-analytics-page .domain-stats{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.user-analytics-page .domain-bar-container{flex:0 0 260px;height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;position:relative}.user-analytics-page .domain-bar-container:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.02) 100%);pointer-events:none}.user-analytics-page .domain-bar{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.user-analytics-page .domain-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1));border-radius:0 var(--radius-full) var(--radius-full) 0}.user-analytics-page .domain-percentage{font-size:var(--text-sm);font-weight:700;color:var(--accent-primary);text-align:right;min-width:60px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.user-analytics-page .domains-list-mobile{display:none;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.user-analytics-page .domain-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.user-analytics-page .domain-card:hover{border-color:var(--border-emphasis)}.user-analytics-page .domain-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.user-analytics-page .domain-card-rank{font-size:var(--text-lg);font-weight:700;color:var(--accent-primary);font-family:var(--font-mono);flex-shrink:0}.user-analytics-page .domain-card-name{flex:1;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);word-break:break-all}.user-analytics-page .domain-card-body{padding:var(--space-3) var(--space-4)}.user-analytics-page .domain-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.user-analytics-page .domain-card-stat{text-align:center}.user-analytics-page .domain-card-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.user-analytics-page .domain-card-stat-value{font-size:var(--text-md);font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.user-analytics-page .domain-card-bar-container{height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.user-analytics-page .domain-card-bar{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .3s ease}.user-analytics-page .domain-card-percentage{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);text-align:right}@media(max-width:1200px){.user-analytics-page .stats-grid{grid-template-columns:repeat(2,1fr)}.user-analytics-page .domain-item{grid-template-columns:40px 1fr 200px 60px;gap:var(--space-3)}.user-analytics-page .domain-bar-container{flex:0 0 200px}.summary-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.user-analytics-page .domain-item{grid-template-columns:36px 1fr;gap:var(--space-2)}.user-analytics-page .domain-bar-container{grid-column:1 / -1;flex:1;height:6px}.user-analytics-page .domain-percentage{grid-column:1 / -1;text-align:left;font-size:var(--text-xs)}.summary-stats{grid-template-columns:1fr}}@media(max-width:768px){.user-analytics-page .page-header{flex-direction:column;gap:var(--space-4)}.user-analytics-page .page-title-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.user-analytics-page .page-title-row h1{font-size:var(--text-xl)}.user-analytics-page .period-selector{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.user-analytics-page .period-selector .btn{flex:1;text-align:center;padding:var(--space-2) var(--space-2);font-size:var(--text-xs);min-height:44px}.user-analytics-page .stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.user-analytics-page .stat-card{padding:var(--space-4)}.user-analytics-page .stat-value{font-size:var(--text-xl)}.user-info-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding:var(--space-4)}.summary-stats{grid-template-columns:1fr}.summary-item{padding:var(--space-4)}.summary-value{font-size:var(--text-xl)}.action-buttons-grid{grid-template-columns:1fr;padding:var(--space-4)}.action-buttons-grid .btn{min-height:44px;justify-content:center}.user-analytics-page .domains-list{padding:var(--space-3)}.user-analytics-page .domain-item{padding:var(--space-2) var(--space-3)}.user-analytics-page .card h2{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}}@media(max-width:480px){.user-analytics-page .stats-grid{grid-template-columns:1fr}.user-analytics-page .stat-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4)}.user-analytics-page .stat-label{margin-bottom:0}.user-analytics-page .stat-value{font-size:var(--text-lg);margin:0}.user-analytics-page .stat-value-small{font-size:var(--text-md);margin:0}.user-info-grid{grid-template-columns:1fr;padding:var(--space-4)}.info-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--border-subtle);background:transparent;border-radius:0}.info-item:last-child{border-bottom:none}.info-item:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.summary-item{flex-direction:column;text-align:center;gap:var(--space-3);padding:var(--space-4)}.summary-icon{margin:0 auto;width:44px;height:44px}.summary-value{font-size:var(--text-lg)}.summary-description,.user-analytics-page .domains-list{display:none}.user-analytics-page .domains-list-mobile{display:flex}}.user-login-container,.user-dashboard{--user-accent: #14b8a6;--user-accent-hover: #0d9488;--user-accent-muted: rgba(20, 184, 166, .12);--user-accent-border: rgba(20, 184, 166, .25);--user-gradient: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);--user-gradient-hover: linear-gradient(135deg, #0d9488 0%, #0891b2 100%)}.user-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px;position:relative;overflow:hidden}.user-login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(20,184,166,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.06) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(20,184,166,.04) 0%,transparent 40%);animation:user-slow-drift 30s ease-in-out infinite}@keyframes user-slow-drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2%,-2%) rotate(1deg)}}.user-login-box{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:400px;width:100%;position:relative;z-index:1;box-shadow:0 0 0 1px #ffffff08,0 20px 50px -10px #00000080}.user-login-header{padding:2.5rem 2rem 1.5rem;text-align:center;border-bottom:1px solid var(--border-subtle)}.user-login-logo{display:block;height:56px;width:auto;margin:0 auto 1.25rem;filter:drop-shadow(0 2px 8px rgba(20,184,166,.3))}.user-login-header h1{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.user-login-header p{margin:0;color:var(--text-tertiary);font-size:.8125rem}.user-login-form{padding:1.75rem 2rem 2rem}.user-form-group{margin-bottom:1.25rem}.user-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.user-form-group input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);transition:all .15s ease;box-sizing:border-box;font-family:inherit}.user-form-group input::placeholder{color:var(--text-muted)}.user-form-group input:hover{border-color:var(--border-emphasis)}.user-form-group input:focus{outline:none;border-color:var(--user-accent);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--user-accent-muted)}.user-error-message{display:flex;align-items:center;gap:.625rem;background:var(--color-danger-muted);color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;border-left:3px solid var(--color-danger);font-size:.8125rem}.user-error-message svg{flex-shrink:0}.user-login-btn{width:100%;padding:.875rem 1.5rem;background:var(--user-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.user-login-btn:hover:not(:disabled){background:var(--user-gradient-hover);transform:translateY(-1px);box-shadow:0 4px 12px #14b8a666}.user-login-btn:active:not(:disabled){transform:translateY(0)}.user-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:user-spin .8s linear infinite}@keyframes user-spin{to{transform:rotate(360deg)}}.user-login-footer{padding:1rem 2rem;text-align:center;border-top:1px solid var(--border-subtle)}.user-login-footer p{margin:0;font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.user-dashboard{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base)}.user-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:100}.user-header-content{max-width:1000px;margin:0 auto;padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between}.user-header-left{display:flex;align-items:center;gap:.75rem}.user-header-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--user-gradient);border-radius:var(--radius-sm);color:#fff}.user-header-icon svg{width:18px;height:18px}.user-header-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.user-nav{display:flex;align-items:center;gap:.25rem}.user-nav-link{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:inherit}.user-nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.user-nav-link.active{background:var(--user-accent-muted);color:var(--user-accent)}.user-nav-link svg{opacity:.7}.user-nav-link.active svg{opacity:1}.user-header-right{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.user-info svg{color:var(--text-tertiary)}.user-logout-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.user-logout-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-emphasis)}.user-main{flex:1;padding:2rem 1.5rem}.user-container{max-width:1100px;margin:0 auto}.user-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-tertiary)}.user-spinner{width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--user-accent);border-radius:50%;animation:user-spin .8s linear infinite;margin-bottom:1rem}.user-loading p{font-size:.875rem}.user-error-state{text-align:center;padding:4rem 2rem;color:var(--text-tertiary)}.user-error-state svg{margin-bottom:1rem;color:var(--color-danger);opacity:.6}.user-error-state h3{font-size:1.125rem;color:var(--text-secondary);margin-bottom:.5rem}.user-error-state p{font-size:.875rem;margin-bottom:1.5rem}.user-retry-btn{padding:.625rem 1.25rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.user-retry-btn:hover{background:var(--bg-hover);border-color:var(--border-emphasis)}.user-summary-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:1.5rem;overflow:hidden}.user-summary-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.user-summary-header h2{font-size:.875rem;font-weight:600;color:var(--text-primary)}.user-global-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--user-accent-muted);color:var(--user-accent);border:1px solid var(--user-accent-border);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.user-multi-subnet-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.user-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-subtle)}.user-stat{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:var(--bg-secondary)}.user-stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.user-stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.user-proxy-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.user-proxy-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.user-proxy-header h3{font-size:.875rem;font-weight:600;color:var(--text-primary)}.user-proxy-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.user-format-select{padding:.5rem 2rem .5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-primary);cursor:pointer;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.user-format-select:hover{border-color:var(--border-emphasis)}.user-format-select:focus{outline:none;border-color:var(--user-accent);box-shadow:0 0 0 3px var(--user-accent-muted)}.user-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;border:none}.user-action-btn:disabled{opacity:.5;cursor:not-allowed}.user-copy-btn{background:var(--user-gradient);color:#fff}.user-copy-btn:hover:not(:disabled){background:var(--user-gradient-hover)}.user-download-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default)}.user-download-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-emphasis)}.user-subnet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.user-subnet-card{margin-top:0}@media(max-width:900px){.user-subnet-grid{grid-template-columns:1fr}}.user-subnet-header-info{display:flex;flex-direction:column;gap:.25rem}.user-subnet-header-info h3{font-family:var(--font-mono);font-size:.9375rem;font-weight:600;color:var(--text-primary)}.user-subnet-description{font-size:.75rem;color:var(--text-tertiary)}.user-subnet-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.user-subnet-port{font-size:.6875rem;color:var(--text-muted);font-family:var(--font-mono)}.user-global-badge-small{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--user-accent-muted);color:var(--user-accent);border:1px solid var(--user-accent-border);border-radius:var(--radius-full);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.user-copy-btn-small{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.user-copy-btn-small:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-emphasis)}.user-copy-btn-small:disabled{opacity:.5;cursor:not-allowed}.user-proxy-list{max-height:400px;overflow-y:auto}.user-proxy-list-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1.25rem;background:var(--bg-tertiary);font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:1}.user-proxy-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle);transition:background .1s ease}.user-proxy-item:last-child{border-bottom:none}.user-proxy-item:hover{background:var(--bg-hover)}.user-proxy-address{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);background:transparent;border:none;padding:0;word-break:break-all}.user-copy-single-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;color:var(--text-tertiary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;flex-shrink:0}.user-copy-single-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-default)}.user-proxy-textarea-container{padding:1rem 1.25rem}.user-proxy-textarea{width:100%;min-height:200px;max-height:500px;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;color:var(--text-primary);resize:vertical;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.user-proxy-textarea:hover{border-color:var(--border-emphasis)}.user-proxy-textarea:focus{outline:none;border-color:var(--user-accent);box-shadow:0 0 0 3px var(--user-accent-muted)}.user-proxy-textarea::selection{background:var(--user-accent);color:#fff}.user-proxy-textarea-info{display:flex;align-items:center;justify-content:space-between;margin-top:.625rem;font-size:.6875rem;color:var(--text-tertiary)}.user-proxy-textarea-info span:first-child{font-weight:600;color:var(--text-secondary)}.user-empty-state{text-align:center;padding:3rem 2rem;color:var(--text-tertiary)}.user-empty-state svg{margin-bottom:1rem;opacity:.4}.user-empty-state h4{font-size:1rem;color:var(--text-secondary);margin-bottom:.375rem}.user-empty-state p{font-size:.8125rem}.user-proxy-footer{padding:1rem 1.25rem;background:var(--bg-tertiary);border-top:1px solid var(--border-subtle)}.user-format-hint{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;color:var(--text-tertiary);line-height:1.5}.user-format-hint svg{flex-shrink:0;margin-top:2px}.user-footer{padding:1rem 1.5rem;text-align:center;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.user-footer p{margin:0;font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}@media(max-width:640px){.user-header-content{padding:0 1rem}.user-header-title,.user-nav{display:none}.user-main{padding:1.25rem 1rem}.user-summary-stats{grid-template-columns:1fr}.user-stat{flex-direction:row;justify-content:space-between;padding:1rem 1.25rem}.user-stat-value{order:2;font-size:1rem;margin-bottom:0}.user-stat-label{order:1}.user-proxy-header{flex-direction:column;align-items:stretch}.user-proxy-controls{justify-content:space-between}.user-format-select{flex:1;min-width:0}.user-proxy-list-header{display:none}.user-proxy-item{padding:.875rem 1rem}.user-proxy-address{font-size:.75rem}.user-proxy-textarea-container{padding:.875rem 1rem}.user-proxy-textarea{font-size:.75rem;padding:.875rem;min-height:150px}.user-proxy-textarea-info{flex-direction:column;align-items:flex-start;gap:.25rem}.user-login-box{border-radius:var(--radius-md)}.user-login-header{padding:2rem 1.5rem 1.25rem}.user-login-logo{height:48px}.user-login-header h1{font-size:1.125rem}.user-login-form{padding:1.5rem}}@media(max-width:480px){.user-proxy-controls{flex-direction:column;width:100%}.user-format-select{width:100%}.user-action-btn{flex:1;justify-content:center}.user-copy-btn,.user-download-btn{width:100%}.user-info span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.user-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.user-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex:1;justify-content:center}.user-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.user-tab.active{background:var(--user-accent);color:#fff}.user-tab-residential.active{background:#22c55e}.user-tab-badge{padding:.125rem .5rem;background:#fff3;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.user-tab:not(.active) .user-tab-badge{background:var(--bg-tertiary);color:var(--text-muted)}.user-residential-section{margin-bottom:1.5rem}.user-residential-card{border-color:#22c55e4d}.user-residential-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.user-residential-balances{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.25rem}.user-residential-balance-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all var(--transition-base)}.user-residential-balance-card:hover{border-color:#22c55e66;background:var(--bg-hover)}.user-residential-balance-card.selected{border-color:#22c55e;background:#22c55e14}.user-res-balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.user-res-username{font-size:.75rem;font-weight:600;color:var(--text-secondary);font-family:var(--font-mono)}.user-res-selected-badge{font-size:.625rem;font-weight:600;color:#22c55e;text-transform:uppercase;letter-spacing:.025em}.user-res-balance-value{font-size:1.5rem;font-weight:700;color:#22c55e;font-family:var(--font-mono);line-height:1.2}.user-res-balance-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin-top:.25rem}.user-res-usage-stats{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.user-res-usage-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;margin-bottom:.25rem}.user-res-usage-label{color:var(--text-muted)}.user-res-usage-value{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.user-res-usage-value.used{color:#f59e0b}.user-res-usage-bar{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin:.5rem 0 .25rem}.user-res-usage-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#f59e0b);border-radius:2px;transition:width .3s ease}.user-res-usage-percent{font-size:.625rem;color:var(--text-muted);text-align:center}.user-residential-generator{border-color:#22c55e4d}.user-res-selected-user{font-size:.75rem;color:var(--text-muted)}.user-res-selected-user strong{color:#22c55e;font-family:var(--font-mono)}.user-res-generator-form{padding:1rem 1.25rem}.user-res-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.user-res-form-group{display:flex;flex-direction:column;gap:.375rem}.user-res-form-group label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.user-res-input{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);font-family:inherit;transition:border-color var(--transition-base)}.user-res-input:hover{border-color:var(--border-emphasis)}.user-res-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.user-generate-btn{width:100%;justify-content:center;background:#22c55e;color:#fff;border:none;padding:.625rem 1rem;font-weight:600}.user-generate-btn:hover{background:#16a34a}.user-res-output{padding:0 1.25rem 1rem}.user-res-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;color:var(--text-secondary)}.user-res-output-actions{display:flex;gap:.5rem}@media(max-width:640px){.user-tabs{flex-direction:column}.user-tab{padding:.625rem 1rem}.user-residential-balances,.user-res-form-row{grid-template-columns:1fr}}.user-ondemand-section{display:flex;flex-direction:column;gap:1.5rem}.user-ondemand-card{border-left:3px solid var(--accent-warning, #f59e0b)}.user-ondemand-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#f59e0b1a;color:var(--accent-warning, #f59e0b);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.user-tab-ondemand.active{border-color:var(--accent-warning, #f59e0b);color:var(--accent-warning, #f59e0b)}.user-tab-ondemand .user-tab-badge{background:var(--accent-warning, #f59e0b)}.user-ondemand-orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1.25rem}.user-ondemand-order-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all .15s ease}.user-ondemand-order-card:hover{border-color:var(--accent-warning, #f59e0b);background:var(--bg-hover)}.user-ondemand-order-card.selected{border-color:var(--accent-warning, #f59e0b);background:#f59e0b0d;box-shadow:0 0 0 1px var(--accent-warning, #f59e0b)}.user-ondemand-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.user-ondemand-pool-name{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.user-ondemand-status{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.user-ondemand-status.active{background:#22c55e26;color:var(--accent-success, #22c55e)}.user-ondemand-status.expired{background:#ef444426;color:var(--accent-danger, #ef4444)}.user-ondemand-order-stats{display:flex;gap:1.5rem;margin-bottom:.75rem}.user-ondemand-stat{display:flex;flex-direction:column}.user-ondemand-stat-value{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.user-ondemand-stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.user-ondemand-order-expiry{font-size:.75rem;color:var(--text-secondary)}.user-ondemand-proxies{border-left:3px solid var(--accent-warning, #f59e0b)}.user-ondemand-proxy-count{font-size:.875rem;color:var(--text-secondary)}.user-ondemand-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}@media(max-width:640px){.user-ondemand-orders{grid-template-columns:1fr}}.change-password-overlay{position:fixed;inset:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.change-password-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:440px;width:100%;box-shadow:0 0 0 1px #ffffff08,0 20px 50px -10px #00000080}.change-password-header{padding:2rem 2rem 1.5rem;text-align:center;border-bottom:1px solid var(--border-subtle)}.change-password-icon{width:64px;height:64px;margin:0 auto 1rem;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.change-password-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.change-password-header p{margin:0;color:var(--text-tertiary);font-size:.875rem;line-height:1.5}.change-password-form{padding:1.75rem 2rem 2rem}.change-password-form .user-form-group{margin-bottom:1.25rem}.change-password-form .password-requirements{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.change-password-footer{padding:1rem 2rem;text-align:center;border-top:1px solid var(--border-subtle)}.change-password-footer p{margin:0;font-size:.75rem;color:var(--text-muted)}@media(max-width:480px){.change-password-modal{border-radius:var(--radius-md)}.change-password-header,.change-password-form{padding:1.5rem}}.user-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-default);padding:.5rem .25rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom));z-index:100}.user-mobile-nav-inner{display:flex;justify-content:space-around;align-items:center;max-width:400px;margin:0 auto}.user-mobile-nav-link{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius-md);font-size:.625rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;font-family:inherit}.user-mobile-nav-link:active{transform:scale(.95)}.user-mobile-nav-link.active{color:var(--user-accent)}.user-mobile-nav-link svg{width:20px;height:20px}@media(max-width:640px){.user-mobile-nav{display:block}.user-main{padding-bottom:5rem}.user-footer{display:none}}.referrals-page{max-width:800px;margin:0 auto}.referrals-header{margin-bottom:1.5rem}.referrals-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.referrals-header p{font-size:.875rem;color:var(--text-secondary)}.referrals-error{display:flex;align-items:center;gap:.625rem;background:var(--color-danger-muted);color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border-left:3px solid var(--color-danger);font-size:.8125rem}.referrals-error svg{flex-shrink:0}.referrals-error span{flex:1}.referrals-error-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-danger);cursor:pointer;border-radius:var(--radius-sm);opacity:.7;transition:opacity .15s ease}.referrals-error-close:hover{opacity:1}.referrals-stats-card,.referrals-codes-card,.referrals-users-card{margin-bottom:1.5rem}.referrals-generate-btn{white-space:nowrap}.referrals-codes-list{padding:.5rem 0}.referrals-code-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);gap:1rem}.referrals-code-item:last-child{border-bottom:none}.referrals-code-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.referrals-code-value{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.referrals-code-created{font-size:.75rem;color:var(--text-muted)}.referrals-code-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.referrals-delete-btn{background:transparent;color:var(--text-tertiary);border:1px solid var(--border-default);padding:.5rem}.referrals-delete-btn:hover:not(:disabled){background:#ef44441a;color:#ef4444;border-color:#ef44444d}.referrals-limit-notice{display:flex;align-items:flex-start;gap:.5rem;padding:.875rem 1.25rem;background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-tertiary);line-height:1.5}.referrals-limit-notice svg{flex-shrink:0;margin-top:1px}.referrals-users-count{font-size:.8125rem;color:var(--text-secondary)}.referrals-users-list{padding:.5rem 0}.referrals-user-item{display:flex;align-items:center;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-subtle);gap:.875rem}.referrals-user-item:last-child{border-bottom:none}.referrals-user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-tertiary);flex-shrink:0}.referrals-user-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.referrals-user-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.referrals-user-date{font-size:.75rem;color:var(--text-muted)}.referrals-user-status{flex-shrink:0}.referrals-status-badge{display:inline-block;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full)}.referrals-status-badge.active{background:#22c55e1f;color:#22c55e}.referrals-status-badge.inactive{background:#6b72801f;color:#6b7280}.referrals-status-badge.pending{background:#f59e0b1f;color:#f59e0b}@media(max-width:640px){.referrals-header h1{font-size:1.25rem}.referrals-code-item{flex-direction:column;align-items:flex-start;gap:.75rem}.referrals-code-actions{width:100%;justify-content:flex-start}.referrals-code-actions .user-action-btn{flex:1;justify-content:center}.referrals-user-item{padding:.75rem 1rem}.referrals-user-avatar{width:32px;height:32px}.referrals-user-avatar svg{width:14px;height:14px}}.store-credit-page{max-width:800px;margin:0 auto}.store-credit-header{margin-bottom:1.5rem}.store-credit-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.store-credit-header p{font-size:.875rem;color:var(--text-secondary)}.store-credit-error{display:flex;align-items:center;gap:.625rem;background:var(--color-danger-muted);color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border-left:3px solid var(--color-danger);font-size:.8125rem}.store-credit-error svg{flex-shrink:0}.store-credit-error span{flex:1}.store-credit-error-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-danger);cursor:pointer;border-radius:var(--radius-sm);opacity:.7;transition:opacity .15s ease}.store-credit-error-close:hover{opacity:1}.store-credit-balance-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden}.store-credit-balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#14b8a6)}.store-credit-balance-content{display:flex;flex-direction:column;gap:.5rem}.store-credit-balance-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.store-credit-balance-value{font-size:2.5rem;font-weight:700;color:#22c55e;font-family:var(--font-mono);line-height:1.1;letter-spacing:-.02em}.store-credit-balance-hint{font-size:.8125rem;color:var(--text-muted)}.store-credit-balance-icon{color:var(--text-muted);opacity:.3}.store-credit-stats-card{margin-bottom:1.5rem}.store-credit-earned{color:#22c55e}.store-credit-used{color:#94a3b8}.store-credit-transactions-card{margin-bottom:1.5rem}.store-credit-transaction-count{font-size:.8125rem;color:var(--text-secondary)}.store-credit-table-container{overflow-x:auto}.store-credit-table{width:100%;border-collapse:collapse}.store-credit-table thead{background:var(--bg-tertiary)}.store-credit-table th{padding:.75rem 1rem;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-subtle)}.store-credit-table td{padding:.875rem 1rem;font-size:.8125rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.store-credit-table tbody tr:last-child td{border-bottom:none}.store-credit-table tbody tr:hover{background:var(--bg-hover)}.store-credit-date{color:var(--text-secondary);white-space:nowrap}.store-credit-reason{font-weight:500}.store-credit-details{color:var(--text-tertiary);font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-credit-amount{font-family:var(--font-mono);font-weight:600;white-space:nowrap}.store-credit-amount.credit{color:#22c55e}.store-credit-amount.debit{color:#94a3b8}.store-credit-type-badge{display:inline-block;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full)}.store-credit-type-badge.credit{background:#22c55e1f;color:#22c55e}.store-credit-type-badge.debit{background:#94a3b81f;color:#94a3b8}.store-credit-card-list{display:none;padding:.5rem 0}.store-credit-transaction-card{padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.store-credit-transaction-card:last-child{border-bottom:none}.store-credit-transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.store-credit-transaction-date{font-size:.75rem;color:var(--text-tertiary)}.store-credit-transaction-body{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.store-credit-transaction-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.store-credit-transaction-reason{font-size:.875rem;font-weight:500;color:var(--text-primary)}.store-credit-transaction-details{font-size:.75rem;color:var(--text-tertiary)}.store-credit-transaction-amount{font-family:var(--font-mono);font-size:1rem;font-weight:600;white-space:nowrap}.store-credit-transaction-amount.credit{color:#22c55e}.store-credit-transaction-amount.debit{color:#94a3b8}.store-credit-info-notice{display:flex;align-items:flex-start;gap:.625rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-tertiary);line-height:1.5}.store-credit-info-notice svg{flex-shrink:0;margin-top:1px;color:var(--user-accent)}.shop-credit-banner{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.shop-credit-info{display:flex;align-items:center;gap:10px;color:#22c55e;font-size:.875rem}.shop-credit-info strong{font-weight:600}.shop-credit-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.shop-credit-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#22c55e;cursor:pointer}.shop-credit-toggle span{transition:color .15s ease}.shop-credit-toggle:hover span{color:var(--text-primary)}.shop-credit-applied{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shop-credit-applied .original-price{text-decoration:line-through;color:var(--text-muted);font-size:1rem;font-weight:400}.shop-credit-applied .discounted-price{color:#22c55e;font-weight:700;font-size:1.5rem}.shop-credit-applied .free-badge{background:#22c55e;color:#fff;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}@media(max-width:640px){.shop-credit-banner{flex-direction:column;align-items:flex-start;padding:14px 16px}.shop-credit-info{font-size:.8125rem}.shop-credit-applied{flex-direction:column;align-items:flex-start;gap:6px}.shop-credit-applied .discounted-price{font-size:1.25rem}}@media(max-width:768px){.store-credit-table-container{display:none}.store-credit-card-list{display:block}.store-credit-balance-card{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.store-credit-balance-value{font-size:2rem}.store-credit-balance-icon{display:none}}@media(max-width:640px){.store-credit-header h1{font-size:1.25rem}.store-credit-balance-card{padding:1.25rem}.store-credit-balance-value{font-size:1.75rem}.store-credit-transaction-card{padding:.875rem 1rem}.store-credit-info-notice{padding:.875rem 1rem;font-size:.75rem}}.user-proxy-header-left{display:flex;flex-direction:column;gap:4px}.user-reset-credentials-btn{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);font-size:.8125rem;padding:8px 12px;gap:6px;transition:all .15s ease}.user-reset-credentials-btn:hover:not(:disabled){border-color:var(--user-accent);color:var(--user-accent);background:var(--user-accent-muted)}.user-reset-credentials-btn:disabled{opacity:.5;cursor:not-allowed}.user-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px -10px #00000080;animation:user-modal-appear .2s ease-out}@keyframes user-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.user-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.user-modal-close{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .15s ease}.user-modal-close:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.user-modal-close:disabled{opacity:.5;cursor:not-allowed}.user-modal-body{padding:1.5rem}.user-modal-warning{display:flex;gap:12px;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);margin-bottom:1.25rem}.user-modal-warning svg{flex-shrink:0;color:#f59e0b}.user-modal-warning strong{color:#fbbf24;display:block;margin-bottom:4px}.user-modal-warning p{margin:.5rem 0 0;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.user-modal-info{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.user-modal-label{font-size:.8125rem;color:var(--text-tertiary)}.user-modal-value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.user-modal-success{text-align:center;padding:1rem 0}.user-modal-success svg{color:#10b981;margin-bottom:1rem}.user-modal-success h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.user-modal-success>p{margin:0 0 1rem;color:var(--text-secondary);font-size:.875rem}.user-modal-credentials{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;margin:1rem 0;text-align:left}.user-modal-credential{display:flex;align-items:center;gap:8px;padding:8px 0}.user-modal-credential:first-child{padding-top:0}.user-modal-credential:last-child{padding-bottom:0}.user-modal-credential:not(:last-child){border-bottom:1px solid var(--border-subtle)}.user-modal-code{background:var(--bg-primary);padding:6px 10px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875rem;color:var(--user-accent);flex:1;word-break:break-all}.user-modal-note{margin:1rem 0 0;padding:10px;background:#14b8a61a;border:1px solid rgba(20,184,166,.2);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary)}.user-modal-error{text-align:center;padding:1rem 0}.user-modal-error svg{color:#ef4444;margin-bottom:1rem}.user-modal-error h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.user-modal-error p{margin:0;color:var(--text-secondary);font-size:.875rem}.user-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--border-subtle)}.user-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.user-modal-btn-cancel{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.user-modal-btn-cancel:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.user-modal-btn-confirm{background:var(--user-gradient);border:none;color:#fff}.user-modal-btn-confirm:hover:not(:disabled){background:var(--user-gradient-hover);box-shadow:0 4px 12px #14b8a64d}.user-modal-btn:disabled{opacity:.6;cursor:not-allowed}.user-modal-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:640px){.user-modal{max-width:none;margin:0 10px}.user-modal-header{padding:1rem 1.25rem}.user-modal-body{padding:1.25rem}.user-modal-footer{padding:1rem 1.25rem;flex-direction:column-reverse}.user-modal-btn{width:100%}.user-reset-credentials-btn{font-size:.75rem;padding:6px 10px}}.shop-page{max-width:900px;margin:0 auto}.shop-header{margin-bottom:2rem}.shop-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.shop-header p{color:var(--text-tertiary);font-size:.875rem}.shop-error{display:flex;align-items:center;gap:.75rem;background:var(--color-danger-muted);color:var(--color-danger);padding:.875rem 1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border-left:3px solid var(--color-danger);font-size:.875rem}.shop-error svg{flex-shrink:0}.shop-error span{flex:1}.shop-error-close{background:transparent;border:none;color:var(--color-danger);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .15s ease}.shop-error-close:hover{background:#ef444433}.shop-categories{display:flex;gap:.5rem;margin-bottom:2rem;padding:.25rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.shop-category-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex:1;justify-content:center}.shop-category-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.shop-category-tab.active{background:var(--user-accent);color:#fff}.shop-section{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shop-product-hero{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.shop-product-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--user-gradient)}.shop-product-hero.isp:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.shop-product-hero.residential:before{background:linear-gradient(135deg,#14b8a6,#0d9488)}.shop-oos-badge{position:absolute;top:1rem;right:1rem;background:var(--color-danger);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;z-index:1}.shop-product-hero-content h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.shop-product-hero-content p{font-size:.875rem;color:var(--text-tertiary);line-height:1.5;margin-bottom:1rem;max-width:600px}.shop-product-hero-price{display:flex;align-items:baseline;gap:.5rem}.shop-product-hero-price .price-amount{font-size:2rem;font-weight:700;color:var(--user-accent);font-family:var(--font-mono)}.shop-product-hero.isp .price-amount{color:#3b82f6}.shop-product-hero-price .price-unit{font-size:.875rem;color:var(--text-muted)}.shop-configurator-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.shop-resi-configurator{margin-bottom:1.5rem}.shop-config-section{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem}.shop-config-section h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.shop-config-hint{font-size:.8125rem;color:var(--text-muted);margin-bottom:1rem}.shop-option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.shop-option-grid.duration{grid-template-columns:repeat(3,1fr)}.shop-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:var(--bg-tertiary);border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.shop-option-btn:hover{border-color:var(--border-emphasis);background:var(--bg-hover)}.shop-option-btn.selected{border-color:var(--user-accent);background:var(--user-accent-muted)}.shop-option-btn.selected .shop-option-value{color:var(--user-accent)}.shop-option-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.shop-option-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.shop-quick-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.shop-quick-btn{padding:.625rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.shop-quick-btn:hover{border-color:var(--user-accent);color:var(--user-accent)}.shop-quick-btn.selected{background:var(--user-accent);border-color:var(--user-accent);color:#fff}.shop-slider-container{margin-bottom:1.5rem}.shop-slider{width:100%;height:8px;border-radius:var(--radius-full);background:var(--bg-tertiary);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.shop-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--user-accent);cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0003;transition:transform .15s ease}.shop-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.shop-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--user-accent);cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0003}.shop-slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.shop-manual-input{display:flex;align-items:center;gap:1rem}.shop-manual-input label{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.shop-manual-input-wrapper{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.shop-manual-input-field{width:80px;padding:.625rem .75rem;background:transparent;border:none;font-size:.9375rem;font-weight:600;color:var(--text-primary);text-align:center;font-family:var(--font-mono)}.shop-manual-input-field:focus{outline:none}.shop-manual-input-suffix{padding:.625rem .75rem;background:var(--bg-secondary);border-left:1px solid var(--border-default);font-size:.8125rem;font-weight:500;color:var(--text-muted)}.shop-summary-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.shop-summary-details{border-bottom:1px solid var(--border-subtle);padding-bottom:1rem;margin-bottom:1rem}.shop-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.shop-summary-row span:first-child{color:var(--text-tertiary)}.shop-summary-row span:last-child{color:var(--text-primary);font-weight:500}.shop-summary-row.highlight{background:var(--user-accent-muted);margin:.5rem -1.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md)}.shop-summary-row .never-expires{color:var(--user-accent);font-weight:600}.shop-summary-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.shop-summary-total-label{font-size:1rem;font-weight:600;color:var(--text-secondary)}.shop-summary-total-price{font-size:2rem;font-weight:700;color:var(--user-accent);font-family:var(--font-mono)}.shop-summary-card:not(.residential) .shop-summary-total-price{color:#3b82f6}.shop-checkout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.shop-checkout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.shop-checkout-btn.residential{background:var(--user-gradient)}.shop-checkout-btn.residential:hover:not(:disabled){box-shadow:0 4px 16px #14b8a666}.shop-checkout-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.shop-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.shop-features-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.shop-feature-item{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;color:var(--text-secondary)}.shop-feature-item svg{flex-shrink:0;color:#3b82f6}.shop-features-list.residential .shop-feature-item svg{color:var(--user-accent)}@media(max-width:768px){.shop-configurator-grid{grid-template-columns:1fr}.shop-option-grid{grid-template-columns:repeat(2,1fr)}.shop-option-grid.duration{grid-template-columns:repeat(3,1fr)}.shop-features-list{grid-template-columns:repeat(2,1fr)}.shop-product-hero{padding:1.5rem}.shop-product-hero-price .price-amount{font-size:1.5rem}}@media(max-width:480px){.shop-categories{flex-direction:column}.shop-category-tab{padding:.75rem 1rem}.shop-option-grid.duration,.shop-features-list{grid-template-columns:1fr}.shop-quick-options{justify-content:center}.shop-manual-input{flex-direction:column;align-items:stretch}.shop-manual-input label{margin-bottom:.5rem}.shop-summary-row.highlight{margin:.5rem -1rem;padding:.75rem 1rem}.shop-pool-selector{flex-direction:column}}.shop-pool-selector{display:flex;gap:1rem}.shop-pool-option{flex:1;position:relative;display:flex;flex-direction:column;padding:1.25rem;background:var(--bg-tertiary);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;text-align:left}.shop-pool-option:hover{border-color:var(--border-emphasis);background:var(--bg-hover)}.shop-pool-option.selected{border-color:#3b82f6;background:#3b82f614}.shop-pool-option.elite.selected{border-color:#8b5cf6;background:#8b5cf614}.shop-pool-option-badge{position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.shop-pool-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.shop-pool-option-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.shop-pool-option.selected .shop-pool-option-name{color:#3b82f6}.shop-pool-option.elite.selected .shop-pool-option-name{color:#8b5cf6}.shop-pool-option-price{font-size:.875rem;font-weight:700;color:var(--text-secondary);font-family:var(--font-mono)}.shop-pool-option.selected .shop-pool-option-price{color:#3b82f6}.shop-pool-option.elite.selected .shop-pool-option-price{color:#8b5cf6}.shop-pool-option-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.4;margin:0}.shop-pool-option.elite{border-color:var(--border-default)}.shop-pool-option.elite:hover{border-color:#8b5cf6}.checkout-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.checkout-container{max-width:560px;width:100%}.checkout-verifying{text-align:center;padding:3rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.checkout-spinner{width:48px;height:48px;border:3px solid var(--border-default);border-top-color:var(--user-accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}.checkout-verifying h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.checkout-verifying p{color:var(--text-tertiary);font-size:.875rem}.checkout-result{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center}.checkout-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.checkout-icon.success{background:#22c55e1f;color:#22c55e;border:2px solid rgba(34,197,94,.25)}.checkout-icon.error{background:#ef44441f;color:#ef4444;border:2px solid rgba(239,68,68,.25)}.checkout-icon.cancelled{background:#f59e0b1f;color:#f59e0b;border:2px solid rgba(245,158,11,.25)}.checkout-result h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.checkout-message{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.checkout-submessage{font-size:.875rem;color:var(--text-tertiary);margin-bottom:1.5rem;line-height:1.5}.checkout-order-details{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;margin:1.5rem 0;text-align:left}.checkout-order-details h3{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;text-align:center}.checkout-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.checkout-detail-item{display:flex;flex-direction:column;gap:.25rem}.checkout-detail-label{font-size:.75rem;color:var(--text-muted)}.checkout-detail-value{font-size:.9375rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.checkout-pending-notice{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);margin:1.5rem 0;font-size:.8125rem;color:#f59e0b}.checkout-pending-notice svg{flex-shrink:0}.checkout-next-steps{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;margin:1.5rem 0;text-align:left}.checkout-next-steps h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.875rem}.checkout-next-steps ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.checkout-next-steps li{display:flex;align-items:flex-start;gap:.625rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.checkout-next-steps li svg{flex-shrink:0;color:#22c55e;margin-top:1px}.checkout-help{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;margin:1.5rem 0;text-align:left}.checkout-help h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.checkout-help>p{font-size:.8125rem;color:var(--text-tertiary);margin-bottom:.875rem}.checkout-help ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.checkout-help li{font-size:.8125rem;color:var(--text-secondary);padding-left:1rem;position:relative}.checkout-help li:before{content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;background:var(--text-muted);border-radius:50%}.checkout-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:center;flex-wrap:wrap}.checkout-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;border:none}.checkout-btn.primary{background:var(--user-gradient);color:#fff}.checkout-btn.primary:hover{background:var(--user-gradient-hover);transform:translateY(-1px);box-shadow:0 4px 12px #14b8a666}.checkout-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default)}.checkout-btn.secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-emphasis)}@media(max-width:640px){.checkout-page{padding:2rem 1rem 1rem;align-items:flex-start}.checkout-result{padding:2rem 1.5rem}.checkout-icon{width:64px;height:64px}.checkout-icon svg{width:32px;height:32px}.checkout-result h1{font-size:1.25rem}.checkout-message{font-size:.9375rem}.checkout-detail-grid{grid-template-columns:1fr}.checkout-actions{flex-direction:column}.checkout-btn{width:100%;justify-content:center}}.payment-history-page{max-width:1100px;margin:0 auto}.payment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.payment-header-content h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.payment-header-content p{color:var(--text-tertiary);font-size:.875rem}.payment-shop-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--user-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.payment-shop-btn:hover{background:var(--user-gradient-hover);transform:translateY(-1px);box-shadow:0 4px 12px #14b8a666}.payment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-tertiary)}.payment-spinner{width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--user-accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.payment-loading p{font-size:.875rem}.payment-error{display:flex;align-items:center;gap:.75rem;background:var(--color-danger-muted);color:var(--color-danger);padding:.875rem 1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border-left:3px solid var(--color-danger);font-size:.875rem}.payment-error svg{flex-shrink:0}.payment-error span{flex:1}.payment-retry-btn{padding:.375rem .75rem;background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.payment-retry-btn:hover{background:#ef444426}.payment-empty{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.payment-empty svg{color:var(--text-muted);opacity:.4;margin-bottom:1.5rem}.payment-empty h3{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.payment-empty p{font-size:.875rem;color:var(--text-tertiary);margin-bottom:1.5rem}.payment-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--user-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.payment-cta-btn:hover{background:var(--user-gradient-hover);transform:translateY(-1px);box-shadow:0 4px 12px #14b8a666}.payment-table-container{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.payment-table{width:100%;border-collapse:collapse}.payment-table th{text-align:left;padding:.875rem 1rem;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-default)}.payment-table td{padding:1rem;border-bottom:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-primary);vertical-align:middle}.payment-table tbody tr:last-child td{border-bottom:none}.payment-table tbody tr:hover{background:var(--bg-hover)}.payment-date{white-space:nowrap;color:var(--text-secondary)}.payment-amount{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.payment-id code{font-size:.75rem;padding:.25rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary)}.payment-product{display:flex;flex-direction:column;gap:.25rem}.payment-product-name{font-weight:500;color:var(--text-primary)}.payment-product-detail{font-size:.75rem;color:var(--text-tertiary)}.payment-status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:var(--radius-full)}.payment-status-badge.success{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25)}.payment-status-badge.warning{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.payment-status-badge.error{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.payment-status-badge.info{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.payment-status-badge.muted{background:#71717a1f;color:#71717a;border:1px solid rgba(113,113,122,.25)}.payment-card-list{display:none;flex-direction:column;gap:.75rem}.payment-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:1rem}.payment-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.payment-card-date{font-size:.75rem;color:var(--text-tertiary)}.payment-card-body{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.payment-card-amount{font-size:1.125rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.payment-card-footer{padding-top:.75rem;border-top:1px solid var(--border-subtle)}.payment-card-id{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-muted)}.payment-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 0}.payment-page-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.payment-page-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-emphasis)}.payment-page-btn:disabled{opacity:.4;cursor:not-allowed}.payment-page-info{font-size:.8125rem;color:var(--text-tertiary)}@media(max-width:768px){.payment-header{flex-direction:column;align-items:stretch}.payment-shop-btn{align-self:flex-start}.payment-table-container{display:none}.payment-card-list{display:flex}}@media(max-width:480px){.payment-header-content h1{font-size:1.25rem}.payment-pagination{flex-direction:column;gap:.75rem}.payment-page-btn{width:100%;justify-content:center}}.landing-page{--user-accent: #14b8a6;--user-accent-hover: #0d9488;--user-accent-muted: rgba(20, 184, 166, .12);--user-accent-border: rgba(20, 184, 166, .25);--user-gradient: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);--user-gradient-hover: linear-gradient(135deg, #0d9488 0%, #0891b2 100%);--landing-max-width: 1200px}.landing-page{min-height:100vh;background:var(--bg-base);color:var(--text-primary);overflow-x:hidden}.landing-container{max-width:var(--landing-max-width);margin:0 auto;padding:0 1.5rem}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#09090bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.landing-nav-content{max-width:var(--landing-max-width);margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between}.landing-nav-logo{display:flex;align-items:center;gap:.75rem}.landing-nav-logo img{height:36px;width:auto}.landing-nav-logo span{font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.landing-nav-links{display:flex;align-items:center;gap:.5rem}.landing-nav-link{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:all .15s ease;text-decoration:none}.landing-nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.landing-nav-link.primary{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.landing-nav-link.primary:hover{background:var(--bg-hover);border-color:var(--border-emphasis);color:var(--text-primary);transform:none;box-shadow:none}.landing-hero{position:relative;padding:10rem 0 6rem;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(20,184,166,.12) 0%,transparent 45%),radial-gradient(circle at 70% 60%,rgba(6,182,212,.08) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(20,184,166,.05) 0%,transparent 40%);animation:hero-drift 40s ease-in-out infinite;pointer-events:none}@keyframes hero-drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-3%,-3%) rotate(2deg)}}.landing-hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.landing-hero-logo{height:72px;width:auto;margin:0 auto 2rem;filter:drop-shadow(0 4px 20px rgba(20,184,166,.3))}.landing-hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem;color:var(--text-primary)}.landing-hero-title .accent{background:var(--user-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:1.25rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.landing-hero-cta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:all .15s ease;cursor:pointer;border:none;font-family:inherit}.landing-btn-primary{background:var(--user-gradient);color:#fff;box-shadow:0 2px 8px #14b8a640}.landing-btn-primary:hover{background:var(--user-gradient-hover);transform:translateY(-2px);box-shadow:0 6px 20px #14b8a666}.landing-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.landing-btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-emphasis);transform:translateY(-2px)}.landing-hero-stats{display:flex;align-items:center;justify-content:center;gap:3rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.landing-hero-stat{text-align:center}.landing-hero-stat-value{font-size:2rem;font-weight:700;color:var(--user-accent);margin-bottom:.25rem}.landing-hero-stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.landing-features{padding:6rem 0;background:var(--bg-primary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.landing-section-header{text-align:center;margin-bottom:4rem}.landing-section-label{display:inline-block;font-size:.6875rem;font-weight:600;color:var(--user-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem}.landing-section-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.landing-section-subtitle{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.landing-features-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem;padding:.375rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:fit-content;margin-left:auto;margin-right:auto}.landing-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;font-family:inherit;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.landing-toggle-btn svg{width:18px;height:18px}.landing-toggle-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.landing-toggle-btn.active{color:#fff}.landing-toggle-btn.active.eternal{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 2px 8px #8b5cf64d}.landing-toggle-btn.active.isp{background:var(--user-gradient);box-shadow:0 2px 8px #14b8a64d}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.landing-feature-card.eternal{border-color:#8b5cf633}.landing-feature-card.eternal:hover{border-color:#8b5cf666;box-shadow:0 12px 40px #8b5cf626}.landing-feature-icon.eternal{background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);color:#a78bfa}.landing-feature-card.isp{border-color:var(--user-accent-border)}.landing-feature-card.isp:hover{border-color:var(--user-accent);box-shadow:0 12px 40px #14b8a626}.landing-feature-icon.isp{background:var(--user-accent-muted);border:1px solid var(--user-accent-border);color:var(--user-accent)}.landing-feature-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2rem;transition:all .2s ease}.landing-feature-card:hover{border-color:var(--user-accent-border);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.landing-feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--user-accent-muted);border:1px solid var(--user-accent-border);border-radius:var(--radius-md);margin-bottom:1.25rem;color:var(--user-accent)}.landing-feature-icon svg{width:24px;height:24px}.landing-feature-title{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin-bottom:.625rem}.landing-feature-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.landing-products-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.landing-product-pricing-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2.5rem;transition:all .2s ease;position:relative;display:flex;flex-direction:column}.landing-product-pricing-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000004d}.landing-product-pricing-card.eternal{border-color:#8b5cf64d;background:linear-gradient(180deg,rgba(139,92,246,.05) 0%,var(--bg-secondary) 100%)}.landing-product-pricing-card.eternal:hover{border-color:#8b5cf680;box-shadow:0 16px 48px #8b5cf633}.landing-product-pricing-card.isp{border-color:var(--user-accent-border)}.landing-product-pricing-card.isp:hover{border-color:var(--user-accent);box-shadow:0 16px 48px #14b8a626}.landing-product-pricing-card.isp.elite{border-color:#3b82f64d;background:linear-gradient(180deg,rgba(59,130,246,.05) 0%,var(--bg-secondary) 100%)}.landing-product-pricing-card.isp.elite:hover{border-color:#3b82f680;box-shadow:0 16px 48px #3b82f633}.landing-product-pricing-icon.isp.elite{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.landing-product-pricing-badge.elite{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.landing-product-pricing-card.isp.elite .landing-product-pricing-features li svg{color:#3b82f6}.landing-product-pricing-card.isp.elite .landing-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #3b82f640}.landing-product-pricing-card.isp.elite .landing-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 20px #3b82f666}.landing-product-pricing-badge{position:absolute;top:-12px;right:24px;padding:.375rem 1rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.landing-product-pricing-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.landing-product-pricing-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);flex-shrink:0}.landing-product-pricing-icon svg{width:28px;height:28px}.landing-product-pricing-icon.eternal{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa}.landing-product-pricing-icon.isp{background:var(--user-accent-muted);border:1px solid var(--user-accent-border);color:var(--user-accent)}.landing-product-pricing-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.landing-product-pricing-type{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.landing-product-pricing-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.landing-product-pricing-price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.5rem;padding:1.25rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.landing-product-pricing-amount{font-size:2.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em}.landing-product-pricing-amount.small{font-size:1.75rem}.landing-product-pricing-amount .currency{font-size:1.25rem;font-weight:600;color:var(--text-secondary);vertical-align:top;margin-right:2px}.landing-product-pricing-amount.small .currency{font-size:1rem}.landing-product-pricing-unit{font-size:.875rem;color:var(--text-tertiary)}.landing-product-pricing-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.landing-isp-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);position:relative;transition:all .15s ease}.landing-isp-option.featured{border-color:var(--user-accent-border);background:var(--user-accent-muted)}.landing-isp-option-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:.25rem .625rem;background:var(--user-gradient);color:#fff;font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap}.landing-isp-option-price{display:flex;align-items:baseline;gap:.25rem}.landing-isp-option-label{font-size:.75rem;color:var(--text-tertiary)}.landing-product-pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;flex:1}.landing-product-pricing-features li{display:flex;align-items:center;gap:.625rem;padding:.4rem 0;font-size:.875rem;color:var(--text-secondary)}.landing-product-pricing-features li svg{width:16px;height:16px;flex-shrink:0}.landing-product-pricing-card.eternal .landing-product-pricing-features li svg{color:#a78bfa}.landing-product-pricing-card.isp .landing-product-pricing-features li svg{color:var(--user-accent)}.landing-product-pricing-cta{width:100%}.landing-product-pricing-card.eternal .landing-btn-primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 2px 8px #8b5cf640}.landing-product-pricing-card.eternal .landing-btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 6px 20px #8b5cf666}.landing-sites{padding:6rem 0}.landing-sites-grid{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.landing-site-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:120px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all .2s ease}.landing-site-card:hover{border-color:var(--user-accent-border);transform:translateY(-4px);box-shadow:0 8px 24px #00000040}.landing-site-icon{width:48px;height:48px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-secondary)}.landing-site-logo{width:64px;height:64px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-site-logo img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm)}.landing-site-name{font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-align:center;width:100%;line-height:1.2}.landing-pricing{padding:6rem 0;background:var(--bg-primary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.landing-isp-section{padding:4rem 0;text-align:center}.landing-isp-badge{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.landing-isp-badge svg{width:24px;height:24px;color:var(--user-accent)}.landing-isp-text{text-align:left}.landing-isp-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.landing-isp-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.landing-waitlist{padding:6rem 0}.landing-waitlist-form-container{max-width:500px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2.5rem}.landing-waitlist-form{display:flex;flex-direction:column;gap:1.5rem}.landing-form-group{display:flex;flex-direction:column;gap:.5rem}.landing-form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.landing-input-wrapper{position:relative;display:flex;align-items:center}.landing-input-icon{position:absolute;left:.875rem;width:18px;height:18px;color:var(--text-muted);pointer-events:none}.landing-input-icon svg{width:100%;height:100%}.landing-waitlist-form .landing-input-wrapper input{padding-left:2.75rem}.landing-waitlist-form input,.landing-waitlist-form textarea{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all .15s ease}.landing-waitlist-form input:focus,.landing-waitlist-form textarea:focus{outline:none;border-color:var(--user-accent);box-shadow:0 0 0 3px var(--user-accent-muted)}.landing-waitlist-form input::placeholder,.landing-waitlist-form textarea::placeholder{color:var(--text-muted)}.landing-waitlist-form textarea{resize:vertical;min-height:80px}.landing-site-chips{display:flex;flex-wrap:wrap;gap:.5rem}.landing-site-chip{padding:.5rem 1rem;font-size:.8125rem;font-weight:500;font-family:inherit;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.landing-site-chip:hover{border-color:var(--border-emphasis);color:var(--text-primary)}.landing-site-chip.active{background:var(--user-accent-muted);border-color:var(--user-accent-border);color:var(--user-accent)}.landing-form-error{padding:.75rem 1rem;font-size:.875rem;color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md)}.landing-waitlist-submit{width:100%;margin-top:.5rem}.landing-waitlist-submit:disabled{opacity:.7;cursor:not-allowed}.landing-waitlist-success{text-align:center;padding:2rem 1rem}.landing-waitlist-success-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--user-accent-muted);border:1px solid var(--user-accent-border);border-radius:50%;color:var(--user-accent)}.landing-waitlist-success-icon svg{width:32px;height:32px}.landing-waitlist-success h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.landing-waitlist-success p{font-size:.9375rem;color:var(--text-secondary)}.landing-footer{padding:2rem 0;text-align:center;border-top:1px solid var(--border-subtle)}.landing-footer-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--landing-max-width);margin:0 auto;padding:0 1.5rem}.landing-footer-brand{display:flex;align-items:center;gap:.5rem}.landing-footer-brand img{height:24px;width:auto;opacity:.7}.landing-footer-brand span{font-size:.875rem;color:var(--text-tertiary)}.landing-footer-copyright{font-size:.75rem;color:var(--text-muted)}.landing-footer-links{display:flex;align-items:center;gap:1.5rem}.landing-footer-link{font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.landing-footer-link:hover{color:var(--text-secondary)}.landing-admin-link{opacity:.4}.landing-admin-link:hover{opacity:.7}@media(max-width:1024px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.landing-products-pricing-grid{grid-template-columns:1fr;max-width:500px}}@media(max-width:768px){.landing-nav-content{padding:0 1rem;height:56px}.landing-nav-logo span{display:none}.landing-nav-logo img{height:28px}.landing-nav-link.primary{padding:.375rem .75rem;font-size:.75rem}.landing-hero{padding:8rem 0 4rem}.landing-hero-title{font-size:2.5rem}.landing-hero-subtitle{font-size:1.0625rem}.landing-hero-stats{flex-direction:column;gap:1.5rem}.landing-features,.landing-sites,.landing-pricing{padding:4rem 0}.landing-features-toggle{flex-direction:column;width:100%;max-width:300px}.landing-toggle-btn{width:100%;justify-content:center}.landing-features-grid,.landing-products-pricing-grid{grid-template-columns:1fr}.landing-product-pricing-card{padding:2rem}.landing-sites-grid{gap:1rem}.landing-site-card{width:100px;min-height:90px;height:auto;padding:.75rem}.landing-site-logo{width:44px;height:44px;min-height:44px;margin-bottom:.5rem;flex-shrink:0}.landing-site-logo img{max-width:100%;max-height:100%;object-fit:contain}.landing-site-name{font-size:.6875rem}.landing-site-icon{width:36px;height:36px;font-size:1.5rem}.landing-footer-content{flex-direction:column;gap:1rem;text-align:center}.landing-footer-links{order:-1}}@media(max-width:480px){.landing-container{padding:0 1rem}.landing-hero-title{font-size:2rem}.landing-hero-cta{flex-direction:column;width:100%}.landing-btn{width:100%}.landing-section-title{font-size:1.5rem}.landing-product-pricing-card{padding:1.5rem}.landing-product-pricing-icon{width:48px;height:48px}.landing-product-pricing-icon svg{width:24px;height:24px}.landing-product-pricing-name{font-size:1.25rem}.landing-product-pricing-amount{font-size:2rem}.landing-product-pricing-amount.small{font-size:1.5rem}.landing-product-pricing-options{grid-template-columns:1fr}.landing-sites-grid{gap:.75rem;justify-content:center}.landing-site-card{width:90px;min-height:85px;height:auto;padding:.625rem}.landing-site-logo{width:40px;height:40px;min-height:40px;margin-bottom:.375rem;flex-shrink:0}.landing-site-name{font-size:.625rem}.landing-isp-badge{flex-direction:column;text-align:center}.landing-isp-text{text-align:center}}.invite-page{--user-accent: #14b8a6;--user-accent-hover: #0d9488;--user-accent-muted: rgba(20, 184, 166, .12);--user-accent-border: rgba(20, 184, 166, .25);--user-gradient: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);min-height:100vh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.invite-container{width:100%;max-width:440px}.invite-header{text-align:center;margin-bottom:2rem}.invite-logo{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.invite-logo img{height:40px;width:auto}.invite-logo span{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.invite-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2rem}.invite-card-header{text-align:center;margin-bottom:1.5rem}.invite-card-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.invite-card-header p{font-size:.9375rem;color:var(--text-secondary)}.invite-info{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.invite-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.invite-info-item:not(:last-child){border-bottom:1px solid var(--border-subtle)}.invite-info-label{font-size:.8125rem;color:var(--text-tertiary)}.invite-info-value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.invite-form{display:flex;flex-direction:column;gap:1.25rem}.invite-form-group{display:flex;flex-direction:column;gap:.375rem}.invite-form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.invite-form-group input{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all .15s ease}.invite-form-group input:focus{outline:none;border-color:var(--user-accent);box-shadow:0 0 0 3px var(--user-accent-muted)}.invite-form-group input::placeholder{color:var(--text-muted)}.invite-form-hint{font-size:.75rem;color:var(--text-muted)}.invite-form-error{padding:.75rem 1rem;font-size:.875rem;color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md)}.invite-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;font-family:inherit;border-radius:var(--radius-md);text-decoration:none;transition:all .15s ease;cursor:pointer;border:none}.invite-btn-primary{background:var(--user-gradient);color:#fff;box-shadow:0 2px 8px #14b8a640}.invite-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #14b8a666}.invite-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.invite-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.invite-btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-emphasis)}.invite-submit{width:100%;margin-top:.5rem}.invite-note{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.invite-note p{font-size:.8125rem;color:var(--text-tertiary);text-align:center;line-height:1.5}.invite-loading{text-align:center;padding:4rem 2rem}.invite-loading .spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid var(--border-default);border-top-color:var(--user-accent);border-radius:50%;animation:spin .8s linear infinite}.invite-loading p{color:var(--text-secondary);font-size:.9375rem}.invite-error{text-align:center;padding:3rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.invite-error-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:#ef4444}.invite-error-icon svg{width:100%;height:100%}.invite-error h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.invite-error p{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1.5rem}.invite-success{text-align:center;padding:3rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.invite-success-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--user-accent-muted);border:1px solid var(--user-accent-border);border-radius:50%;color:var(--user-accent)}.invite-success-icon svg{width:32px;height:32px}.invite-success h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.invite-success p{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1.5rem;max-width:300px;margin-left:auto;margin-right:auto}@media(max-width:480px){.invite-page{padding:3rem 1rem 1rem;align-items:flex-start}.invite-card{padding:1.5rem}.invite-card-header h1{font-size:1.25rem}}.waitlist-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.waitlist-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.waitlist-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.waitlist-page .header-stats{display:flex;gap:var(--space-3);flex-wrap:wrap}.waitlist-page .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:120px;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.waitlist-page .stat-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.waitlist-page .stat-icon-wrapper{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.waitlist-page .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.waitlist-page .stat-info{display:flex;flex-direction:column;gap:2px}.waitlist-page .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1}.waitlist-page .stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.waitlist-page .pending-icon{background:linear-gradient(135deg,#eab30833,#eab3081a);color:#eab308}.waitlist-page .approved-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e}.waitlist-page .invited-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6}.waitlist-page .controls-bar{padding:var(--space-4) var(--space-5);background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary));border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.waitlist-page .filters-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.waitlist-page .filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:140px}.waitlist-page .filter-group label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.waitlist-page .search-group{flex:1;min-width:200px;max-width:320px}.waitlist-page .search-input{width:100%;padding:.5625rem var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000a}.waitlist-page .search-input::placeholder{color:var(--text-muted)}.waitlist-page .search-input:hover{border-color:var(--border-emphasis);background:var(--bg-primary)}.waitlist-page .search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted),inset 0 1px 2px #0000000a;background:var(--bg-primary)}.waitlist-page .select{padding:.5625rem var(--space-3);padding-right:var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000a}.waitlist-page .select:hover{border-color:var(--border-emphasis);background-color:var(--bg-primary)}.waitlist-page .select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted),inset 0 1px 2px #0000000a}.waitlist-page .results-info{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.email-link{background:none;border:none;color:var(--text-primary);font-weight:500;cursor:pointer;padding:0;font-family:inherit;font-size:inherit;text-align:left;transition:color .15s ease}.email-link:hover{color:var(--accent-primary);text-decoration:underline;text-underline-offset:2px}.sites-tags{display:flex;flex-wrap:wrap;gap:.3125rem}.site-tag{display:inline-flex;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .15s ease}.site-tag:hover{background:var(--bg-hover);border-color:var(--border-default)}.more-sites{font-size:.6875rem;color:var(--text-muted);font-weight:500;padding:.1875rem .375rem}.action-buttons-inline .btn-success{box-shadow:0 1px 2px #22c55e33}.action-buttons-inline .btn-success:hover{transform:translateY(-1px);box-shadow:0 3px 6px #22c55e40}.action-buttons-inline .btn-danger{box-shadow:0 1px 2px #ef444433}.action-buttons-inline .btn-danger:hover{transform:translateY(-1px);box-shadow:0 3px 6px #ef444440}.action-buttons-inline .btn-primary{box-shadow:0 1px 2px #3b82f633}.action-buttons-inline .btn-primary:hover{transform:translateY(-1px);box-shadow:0 3px 6px #3b82f640}.action-buttons-inline .btn-outline{border:1px solid var(--border-default)}.action-buttons-inline .btn-outline:hover{background:var(--bg-hover);border-color:var(--border-emphasis)}.waitlist-page .table{width:100%;border-collapse:separate;border-spacing:0}.waitlist-page .table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap;position:sticky;top:0;z-index:1}.waitlist-page .table th:first-child{border-top-left-radius:0}.waitlist-page .table th:last-child{border-top-right-radius:0}.waitlist-page .table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm)}.waitlist-page .table tbody tr{transition:all .15s ease}.waitlist-page .table tbody tr:hover{background:var(--bg-hover)}.waitlist-page .table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.3125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 1px 2px #0000000d}.badge-success{background:linear-gradient(135deg,#22c55e26,#22c55e1a);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.badge-danger{background:linear-gradient(135deg,#ef444426,#ef44441a);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.badge-warning{background:linear-gradient(135deg,#eab30826,#eab3081a);color:#eab308;border:1px solid rgba(234,179,8,.2)}.badge-info{background:linear-gradient(135deg,#3b82f626,#3b82f61a);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.entry-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.entry-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 8px #0000001a}.entry-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.entry-card-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.entry-email{background:none;border:none;color:var(--text-primary);font-weight:600;font-size:var(--text-md);cursor:pointer;padding:0;font-family:inherit;text-align:left;word-break:break-all}.entry-email:hover{color:var(--accent-primary)}.entry-discord{font-size:var(--text-xs);color:var(--text-tertiary)}.entry-card-meta{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.meta-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.entry-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-wrap:wrap}.entry-card-actions .btn{flex:1;min-width:70px;justify-content:center}.btn-icon-mobile{flex:0 0 auto!important;min-width:44px!important;width:44px;height:36px;padding:0!important}.waitlist-page .empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.waitlist-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-5);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);box-shadow:0 2px 8px #0000000f}.waitlist-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.01em}.waitlist-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:400px;margin:0 auto;line-height:var(--leading-relaxed)}.invite-for{padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.875rem;color:var(--text-secondary);word-break:break-all}.invite-for strong{color:var(--text-primary)}.invite-info-text{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.invite-success{text-align:center}.invite-code-display{margin-bottom:1.5rem}.invite-code-display label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:600}.invite-code{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-primary);letter-spacing:.1em;padding:1.25rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-default);border-radius:var(--radius-md);word-break:break-all;box-shadow:inset 0 1px 2px #0000000d}.invite-link-display{margin-bottom:1.5rem}.invite-link-display label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;text-align:left;font-weight:600}.invite-link-row{display:flex;gap:.5rem}.invite-link-row .input{flex:1;font-size:.8125rem;min-width:0}.invite-details{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.25rem;text-align:left}.invite-details .detail-row{display:flex;justify-content:space-between;padding:.625rem 0;font-size:.875rem;gap:var(--space-2)}.invite-details .detail-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.invite-details .detail-row span:first-child{color:var(--text-tertiary);flex-shrink:0}.invite-details .detail-row span:last-child{color:var(--text-primary);font-weight:500;text-align:right;word-break:break-all}.modal-lg{max-width:640px}.detail-section{margin-bottom:1.75rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.detail-item{display:flex;flex-direction:column;gap:.375rem}.detail-item label{font-size:.75rem;color:var(--text-muted);font-weight:500}.detail-item span{font-size:.9375rem;color:var(--text-primary);word-break:break-all}.experience-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-md);white-space:pre-wrap;border:1px solid var(--border-subtle)}.sites-list{display:flex;flex-wrap:wrap;gap:.5rem}.admin-notes{font-size:.875rem;color:var(--text-secondary);line-height:1.6;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-md);white-space:pre-wrap;border:1px solid var(--border-subtle)}.invites-table-container{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.table-sm{font-size:.875rem}.table-sm th,.table-sm td{padding:.625rem .875rem}.table-sm code{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-group .input{width:100%;padding:.625rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000a}.form-group .input:hover{border-color:var(--border-emphasis)}.form-group .input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted),inset 0 1px 2px #0000000a}.form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent-primary)}.checkbox-label span{font-weight:400}.waitlist-page .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}@media(max-width:768px){.waitlist-page .page-header{flex-direction:column;gap:var(--space-4)}.waitlist-page .page-header h1{font-size:var(--text-xl)}.waitlist-page .header-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.waitlist-page .stat-card{min-width:auto;padding:var(--space-2) var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.waitlist-page .stat-icon-wrapper{width:32px;height:32px}.waitlist-page .stat-value{font-size:var(--text-lg)}.waitlist-page .controls-bar{padding:var(--space-3) var(--space-4)}.waitlist-page .filters-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.waitlist-page .filter-group,.waitlist-page .search-group{width:100%;max-width:none;min-width:auto}.hide-tablet{display:none}.detail-grid{grid-template-columns:1fr}.modal-lg{max-width:100%}.invite-code{font-size:1.25rem}.invite-link-row{flex-direction:column}.invite-link-row .btn{width:100%}}@media(max-width:480px){.table-container{display:none}.mobile-cards{display:flex}.waitlist-page .header-stats{grid-template-columns:1fr}.waitlist-page .stat-card{flex-direction:row;text-align:left}.waitlist-page .empty-state{padding:var(--space-8)}.waitlist-page .empty-icon{width:56px;height:56px}.entry-card-actions{flex-wrap:wrap}.entry-card-actions .btn{min-height:44px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.invite-details .detail-row{flex-direction:column;gap:var(--space-1)}.invite-details .detail-row span:last-child{text-align:left}}.invites-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.invites-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.invites-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.invites-page .header-actions{display:flex;gap:.75rem}.invites-page .header-actions .btn{display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.invites-page .header-actions .btn-primary{box-shadow:0 1px 3px #3b82f633}.invites-page .header-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.invites-page .header-actions .btn-primary:active{transform:translateY(0)}.stats-row{display:flex;gap:1rem;margin-bottom:1.5rem}.stats-row .stat-card{flex:1;display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:0;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.stats-row .stat-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.stats-row .stat-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;transition:transform .2s ease}.stats-row .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.total-icon{background:linear-gradient(135deg,#94a3b833,#94a3b81a);color:#94a3b8}.active-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6}.used-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e}.expired-icon{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444}.stats-row .stat-info{display:flex;flex-direction:column;min-width:0;gap:2px}.stats-row .stat-value{font-size:1.375rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1}.stats-row .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:500}.invites-page .controls-bar{padding:var(--space-4) var(--space-5);background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary));border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.invites-page .filters-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.invites-page .filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:120px}.invites-page .filter-group label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.invites-page .select{padding:.5625rem var(--space-3);padding-right:var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000a}.invites-page .select:hover{border-color:var(--border-emphasis);background-color:var(--bg-primary)}.invites-page .select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted),inset 0 1px 2px #0000000a}.invites-page .results-info{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.table-container{display:block}.invites-page .table{width:100%;border-collapse:separate;border-spacing:0}.invites-page .table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap;position:sticky;top:0;z-index:1}.invites-page .table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm)}.invites-page .table tbody tr{transition:all .15s ease}.invites-page .table tbody tr:hover{background:var(--bg-hover)}.invites-page .table tbody tr:last-child td{border-bottom:none}.email-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-code-cell{padding:.3125rem .625rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;font-family:var(--font-mono);font-size:.8125rem;font-weight:500}.invite-code-cell:hover{background:var(--bg-hover);border-color:var(--accent-primary-muted);color:var(--accent-primary)}.row-muted{opacity:.5}.row-muted:hover{opacity:.7}.action-buttons-inline .btn{transition:all .2s ease}.action-buttons-inline .btn-sm{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-md)}.action-buttons-inline .btn-outline{border:1px solid var(--border-default);background:transparent}.action-buttons-inline .btn-outline:hover{background:var(--bg-hover);border-color:var(--border-emphasis);transform:translateY(-1px)}.action-buttons-inline .btn-icon{padding:.375rem .5rem}.action-buttons-inline .btn-icon:hover{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-muted)}.invites-page .badge{display:inline-flex;align-items:center;padding:.3125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 1px 2px #0000000d}.invites-page .badge-success{background:linear-gradient(135deg,#22c55e26,#22c55e1a);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.invites-page .badge-danger{background:linear-gradient(135deg,#ef444426,#ef44441a);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.invites-page .badge-info{background:linear-gradient(135deg,#3b82f626,#3b82f61a);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.invite-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.invite-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 8px #0000001a}.invite-card-muted{opacity:.5}.invite-card-muted:hover{opacity:.7}.invite-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary));border-bottom:1px solid var(--border-subtle)}.invite-card-code-wrap{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.invite-card-code{font-family:var(--font-mono);font-size:var(--text-md);font-weight:600;color:var(--accent-primary);cursor:pointer;padding:.375rem .625rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:inline-block;width:fit-content;transition:all .15s ease}.invite-card-code:hover{background:var(--bg-hover);border-color:var(--accent-primary-muted)}.invite-card-email{font-size:var(--text-sm);color:var(--text-secondary);word-break:break-all}.invite-card-meta{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.meta-value{font-size:var(--text-sm);color:var(--text-primary)}.invite-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-wrap:wrap}.invite-card-actions .btn{flex:1;min-width:100px;min-height:44px;justify-content:center;gap:.5rem;transition:all .2s ease}.invite-card-actions .btn:hover{transform:translateY(-1px)}.btn-danger-outline{color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger-outline:hover{background:var(--color-danger-muted);transform:translateY(-1px)}.invites-page .empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.invites-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-5);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);box-shadow:0 2px 8px #0000000f}.invites-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.01em}.invites-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-5) 0;max-width:400px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}.invites-page .empty-state .btn{transition:all .2s ease}.invites-page .empty-state .btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.invites-page .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.invites-page .form-group{margin-bottom:1.5rem}.invites-page .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.invites-page .form-group .input{width:100%;padding:.625rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000a}.invites-page .form-group .input::placeholder{color:var(--text-muted)}.invites-page .form-group .input:hover{border-color:var(--border-emphasis)}.invites-page .form-group .input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted),inset 0 1px 2px #0000000a}.invites-page .form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.invite-info-text{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.invite-note{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-4);line-height:var(--leading-relaxed);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.invites-page .invite-success{text-align:center}.invites-page .invite-code-display{margin-bottom:1.5rem}.invites-page .invite-code-display label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:600}.invites-page .invite-code{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-primary);letter-spacing:.1em;padding:1.25rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-default);border-radius:var(--radius-md);word-break:break-all;box-shadow:inset 0 1px 2px #0000000d}.invites-page .invite-link-display{margin-bottom:1.5rem}.invites-page .invite-link-display label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;text-align:left;font-weight:600}.invites-page .invite-link-row{display:flex;gap:.5rem}.invites-page .invite-link-row .input{flex:1;font-size:.8125rem;min-width:0}.invites-page .invite-details{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.25rem;text-align:left}.invites-page .invite-details .detail-row{display:flex;justify-content:space-between;padding:.625rem 0;font-size:.875rem;gap:var(--space-2)}.invites-page .invite-details .detail-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.invites-page .invite-details .detail-row span:first-child{color:var(--text-tertiary);flex-shrink:0}.invites-page .invite-details .detail-row span:last-child{color:var(--text-primary);font-weight:500;text-align:right;word-break:break-all}@media(max-width:768px){.invites-page .page-header{flex-direction:column;gap:var(--space-4)}.invites-page .page-header h1{font-size:var(--text-xl)}.invites-page .header-actions{width:100%}.invites-page .header-actions .btn{flex:1;justify-content:center}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.stats-row .stat-card{padding:var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.stats-row .stat-icon-wrapper{width:32px;height:32px}.stats-row .stat-value{font-size:var(--text-lg)}.invites-page .controls-bar{padding:var(--space-3) var(--space-4)}.invites-page .filters-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.invites-page .filter-group{width:100%;min-width:auto}.hide-tablet,.hide-mobile{display:none}.invites-page .invite-code{font-size:1.25rem}.invites-page .invite-link-row{flex-direction:column}.invites-page .invite-link-row .btn{width:100%}}@media(max-width:480px){.table-container{display:none}.mobile-cards{display:flex}.stats-row{grid-template-columns:1fr 1fr}.stats-row .stat-card{flex-direction:row;text-align:left;padding:var(--space-2) var(--space-3)}.stats-row .stat-label{font-size:var(--text-xs)}.invites-page .empty-state{padding:var(--space-8)}.invites-page .empty-icon{width:56px;height:56px}.invite-card-actions{flex-direction:column}.invite-card-actions .btn{width:100%}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.invites-page .invite-details .detail-row{flex-direction:column;gap:var(--space-1)}.invites-page .invite-details .detail-row span:last-child{text-align:left}.invites-page .header-actions .btn-text{display:none}.invites-page .header-actions .btn{padding:var(--space-2) var(--space-3);min-width:44px;width:auto;flex:0}}@media(min-width:360px)and (max-width:480px){.invites-page .header-actions .btn-text{display:inline}.invites-page .header-actions .btn{flex:1}}.accounts-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6, 24px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));gap:var(--space-4, 16px);flex-wrap:wrap}.accounts-page .page-header h1{font-size:var(--text-2xl, 1.5rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1, 4px);letter-spacing:-.025em}.accounts-page .page-subtitle{color:var(--text-tertiary, #888);margin:6px 0 0;font-size:var(--text-sm, .875rem);line-height:1.5}.accounts-page .filters-bar{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap;padding:var(--space-4, 16px) var(--space-5, 20px);background:var(--bg-tertiary, #161616);border-radius:var(--radius-lg, 10px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .04))}.accounts-page .search-box{flex:1;min-width:220px;max-width:380px;position:relative}.accounts-page .search-box:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-size:contain;pointer-events:none;opacity:.6;transition:opacity .2s ease}.accounts-page .search-box:focus-within:before{opacity:1}.accounts-page .search-box input{width:100%;padding:10px 14px 10px 42px;background:var(--bg-secondary, #1f1f1f);border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);color:var(--text-primary);transition:all .2s ease;box-shadow:inset 0 1px 2px #0000001a}.accounts-page .search-box input::placeholder{color:var(--text-muted, #555)}.accounts-page .search-box input:hover{border-color:var(--border-emphasis, rgba(255, 255, 255, .12))}.accounts-page .search-box input:focus{outline:none;border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f126,inset 0 1px 2px #0000001a}.accounts-page .filter-group select{min-width:150px;padding:10px 36px 10px 14px;background:var(--bg-secondary, #1f1f1f);border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);color:var(--text-primary);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px}.accounts-page .filter-group select:hover{border-color:var(--border-emphasis, rgba(255, 255, 255, .12))}.accounts-page .filter-group select:focus{outline:none;border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f126}.accounts-page .filter-stats{margin-left:auto}.accounts-page .stat-pill{background:var(--bg-secondary, #1f1f1f);padding:8px 14px;border-radius:20px;font-size:13px;color:var(--text-secondary);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));font-weight:500;letter-spacing:.01em}.accounts-page .table-container{background:var(--bg-secondary, #1a1a1a);border-radius:12px;overflow:hidden;display:block;border:1px solid var(--border-subtle, rgba(255, 255, 255, .04));box-shadow:0 1px 3px #0003,0 4px 12px #00000026}.accounts-page .table{width:100%;border-collapse:collapse}.accounts-page .table th{text-align:left;padding:14px 16px;font-weight:500;font-size:11px;color:var(--text-muted, #666);background:var(--bg-tertiary, #151515);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.accounts-page .table th:first-child{padding-left:20px}.accounts-page .table th:last-child{padding-right:20px}.accounts-page .table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .03));color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm, .875rem)}.accounts-page .table td:first-child{padding-left:20px}.accounts-page .table td:last-child{padding-right:20px}.accounts-page .table tbody tr{transition:background-color .15s ease}.accounts-page .table tbody tr:nth-child(2n){background:#ffffff03}.accounts-page .table tbody tr:hover{background:#6366f10a}.accounts-page .table tbody tr:last-child td{border-bottom:none}.accounts-page .user-cell{display:flex;align-items:center;gap:12px}.accounts-page .user-avatar-sm{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary-color, #6366f1) 0%,#818cf8 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;box-shadow:0 2px 4px #6366f140}.accounts-page .user-cell strong{font-weight:500;color:var(--text-primary)}.accounts-page .email-text{color:var(--text-tertiary, #777);font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accounts-page .action-buttons{display:flex;gap:8px;flex-wrap:wrap}.accounts-page .action-buttons .btn{font-size:12px;padding:6px 12px;border-radius:6px;font-weight:500;transition:all .2s ease}.accounts-page .action-buttons .btn-outline{background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .12));color:var(--text-secondary)}.accounts-page .action-buttons .btn-outline:hover{background:#ffffff0a;border-color:var(--border-emphasis, rgba(255, 255, 255, .2));color:var(--text-primary)}.accounts-page .action-buttons .btn-warning{background:#eab3081a;border:1px solid rgba(234,179,8,.2);color:var(--warning-color, #eab308)}.accounts-page .action-buttons .btn-warning:hover{background:#eab3082e;border-color:#eab30859}.accounts-page .action-buttons .btn-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:var(--success-color, #22c55e)}.accounts-page .action-buttons .btn-success:hover{background:#22c55e2e;border-color:#22c55e59}.accounts-page .mobile-cards{display:none;padding:var(--space-4, 16px);gap:var(--space-3, 12px);flex-direction:column}.accounts-page .account-card{background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-subtle, #2a2a2a);border-radius:var(--radius-lg, 8px);overflow:hidden;transition:border-color .15s ease}.accounts-page .account-card:hover{border-color:var(--border-emphasis, #444)}.accounts-page .account-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-4, 16px);background:var(--bg-secondary, #1f1f1f);border-bottom:1px solid var(--border-subtle, #2a2a2a)}.accounts-page .account-card-info{display:flex;align-items:center;gap:var(--space-3, 12px);min-width:0;flex:1}.accounts-page .account-card-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.accounts-page .account-card-username{font-weight:600;font-size:var(--text-md, 1rem);color:var(--text-primary)}.accounts-page .account-card-email{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accounts-page .account-card-meta{padding:var(--space-3, 12px) var(--space-4, 16px);display:flex;flex-direction:column;gap:var(--space-2, 8px);border-bottom:1px solid var(--border-subtle, #2a2a2a)}.accounts-page .meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2, 8px)}.accounts-page .meta-label{font-size:var(--text-xs, .75rem);color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.05em}.accounts-page .meta-value{font-size:var(--text-sm, .875rem);color:var(--text-primary)}.accounts-page .account-card-access{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2, 8px);padding:var(--space-3, 12px) var(--space-4, 16px)}.accounts-page .access-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1, 4px);text-align:center}.accounts-page .access-label{font-size:var(--text-xs, .75rem);color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.05em}.accounts-page .account-card-actions{display:flex;gap:var(--space-2, 8px);padding:var(--space-3, 12px) var(--space-4, 16px);border-top:1px solid var(--border-subtle, #2a2a2a);background:var(--bg-secondary, #1f1f1f)}.accounts-page .account-card-actions .btn{flex:1;min-height:44px;justify-content:center}.accounts-page .empty-state{text-align:center;padding:80px 24px;background:var(--bg-secondary, #1a1a1a);border-radius:12px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .04))}.accounts-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-5, 20px);background:linear-gradient(135deg,var(--bg-tertiary, #151515) 0%,rgba(99,102,241,.05) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #555);border:1px solid var(--border-subtle, rgba(255, 255, 255, .04))}.accounts-page .empty-icon svg{opacity:.6}.accounts-page .empty-state h3{margin-bottom:8px;color:var(--text-primary);font-size:var(--text-lg, 1.125rem);font-weight:500;letter-spacing:-.01em}.accounts-page .empty-state p{color:var(--text-tertiary, #777);font-size:var(--text-sm, .875rem);max-width:360px;margin:0 auto;line-height:1.6}.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;letter-spacing:.01em;transition:all .15s ease}.badge-success{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.15)}.badge-warning{background:#eab3081f;color:#facc15;border:1px solid rgba(234,179,8,.15)}.badge-danger{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.15)}.badge-info{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.15)}.badge-secondary{background:#ffffff0a;color:var(--text-tertiary, #777);border:1px solid rgba(255,255,255,.06)}.badge-accent{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.15)}.accounts-page .loading-spinner{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:var(--text-sm, .875rem)}@media(max-width:768px){.accounts-page .page-header{flex-direction:column;gap:var(--space-3, 12px)}.accounts-page .page-header h1{font-size:var(--text-xl, 1.25rem)}.accounts-page .filters-bar{flex-direction:column;align-items:stretch;gap:var(--space-3, 12px)}.accounts-page .search-box{max-width:none;min-width:auto}.accounts-page .filter-group,.accounts-page .filter-group select{width:100%}.accounts-page .filter-stats{margin-left:0;width:100%;text-align:center}.hide-tablet,.hide-mobile{display:none!important}.accounts-page .action-buttons .btn{padding:var(--space-1, 4px) var(--space-2, 8px);font-size:var(--text-xs, .75rem)}}@media(max-width:480px){.accounts-page .table-container{display:none}.accounts-page .mobile-cards{display:flex}.accounts-page .filters-bar{padding:var(--space-3, 12px)}.accounts-page .empty-state{padding:var(--space-8, 32px) var(--space-4, 16px)}.accounts-page .empty-icon{width:48px;height:48px}.accounts-page .account-card-access{grid-template-columns:1fr;gap:var(--space-3, 12px)}.accounts-page .access-item{flex-direction:row;justify-content:space-between;text-align:left}.accounts-page .account-card-actions{flex-direction:column}}@media(max-width:768px){.accounts-page .account-card-actions .btn{min-height:44px;min-width:44px}}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);animation:fadeIn .2s ease-out}.modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .2s ease-out}.modal.modal-lg{max-width:640px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary)}.modal-header h2{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:24px;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.section{margin-bottom:var(--space-6)}.section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.section-title{margin:0 0 var(--space-3) 0;font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.section-header .section-title{margin:0}.form-group{margin-bottom:var(--space-4)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=password]{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);font-family:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:hover{border-color:var(--border-emphasis)}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.form-group input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.form-group .select{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-8);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-group .select:hover{border-color:var(--border-emphasis)}.form-group .select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.password-input-group{display:flex;gap:var(--space-2)}.password-input-group input{flex:1}.form-hint{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.user-info-banner{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.user-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.user-info-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.user-info-row .info-label{font-size:var(--text-sm);color:var(--text-muted)}.user-info-row .info-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.user-info-row .balance-highlight{font-family:var(--font-mono);color:var(--color-success)}.quick-amounts{margin-bottom:var(--space-4)}.quick-amounts label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.quick-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-btn{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.quick-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text-primary)}.quick-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.quick-btn:disabled{opacity:.5;cursor:not-allowed}.balance-preview{background:var(--color-success-muted);border:1px solid var(--color-success-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center}.balance-preview .preview-label{font-size:var(--text-sm);color:var(--text-secondary)}.balance-preview .preview-value{font-size:var(--text-md);font-weight:700;font-family:var(--font-mono);color:var(--color-success)}.credentials-display{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.credential-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.credential-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.credential-row label{font-size:var(--text-sm);color:var(--text-muted);margin:0;text-transform:none;font-weight:400}.credential-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.proxy-output{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-primary);resize:vertical;min-height:120px;line-height:1.6}.proxy-output:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.proxy-format-info{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.proxy-format-info strong{color:var(--text-secondary)}.btn-block{width:100%;justify-content:center}.modal .btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-default);white-space:nowrap}.modal .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-emphasis)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm)}.alert-error{background:var(--color-danger-muted);color:var(--color-danger);border:1px solid var(--color-danger-border)}.success-message{text-align:center;padding:var(--space-4) 0}.success-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-success-muted);border:2px solid var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--color-success)}.success-message p{margin:0;font-size:var(--text-md);color:var(--text-primary)}.success-message strong{color:var(--color-success)}.success-banner{border-color:var(--color-success-border);background:var(--color-success-muted)}@media(max-width:768px){.modal{max-width:calc(100% - var(--space-4));max-height:calc(100vh - var(--space-8));margin:var(--space-4)}.modal-header{padding:var(--space-3) var(--space-4)}.modal-header h2{font-size:var(--text-md)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4);flex-direction:column-reverse}.modal-footer .btn{width:100%;justify-content:center}.form-row{grid-template-columns:1fr;gap:var(--space-4)}.quick-buttons{justify-content:center}.password-input-group{flex-direction:column}}@media(max-width:480px){.modal-overlay{padding:0}.modal{max-width:100%;max-height:100%;margin:0;border-radius:0;border:none}}.account-detail-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6, 24px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));gap:var(--space-4, 16px);flex-wrap:wrap}.account-detail-page .header-content{flex:1;min-width:0}.account-detail-page .breadcrumb{color:var(--text-tertiary, #777);text-decoration:none;font-size:13px;display:inline-flex;align-items:center;gap:var(--space-2, 8px);margin-bottom:16px;transition:all .2s ease;font-weight:500}.account-detail-page .breadcrumb:hover{color:var(--primary-color, #6366f1)}.account-detail-page .breadcrumb svg{transition:transform .2s ease}.account-detail-page .breadcrumb:hover svg{transform:translate(-2px)}.account-detail-page .header-title-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.account-detail-page .header-title-info{min-width:0;flex:1}.account-detail-page .header-title-info h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary);letter-spacing:-.025em}.account-detail-page .user-avatar-lg{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,var(--primary-color, #6366f1) 0%,#818cf8 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:26px;flex-shrink:0;box-shadow:0 4px 12px #6366f14d}.account-detail-page .account-email{color:var(--text-tertiary, #777);margin:6px 0 0;font-size:var(--text-sm, .875rem);word-break:break-all}.account-detail-page .header-actions{display:flex;gap:10px;flex-wrap:wrap}.account-detail-page .header-actions .btn{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:10px 16px;font-size:13px;font-weight:500;border-radius:8px;transition:all .2s ease}.account-detail-page .header-actions .btn-icon{flex-shrink:0;opacity:.85}.account-detail-page .header-actions .btn-outline{background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-secondary)}.account-detail-page .header-actions .btn-outline:hover{background:#ffffff0a;border-color:var(--border-emphasis, rgba(255, 255, 255, .18));color:var(--text-primary)}.account-detail-page .header-actions .btn-outline:hover .btn-icon{opacity:1}.account-detail-page .header-actions .btn-warning{background:#eab3081a;border:1px solid rgba(234,179,8,.2);color:var(--warning-color, #eab308)}.account-detail-page .header-actions .btn-warning:hover{background:#eab3082e;border-color:#eab30859}.account-detail-page .header-actions .btn-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:var(--success-color, #22c55e)}.account-detail-page .header-actions .btn-success:hover{background:#22c55e2e;border-color:#22c55e59}.account-detail-page .header-actions .btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--danger-color, #ef4444)}.account-detail-page .header-actions .btn-danger:hover{background:#ef44442e;border-color:#ef444459}.account-detail-page .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.account-detail-page .card{background:var(--bg-secondary, #1a1a1a);border-radius:12px;padding:24px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .04));box-shadow:0 1px 3px #0000001f,0 2px 8px #00000014;transition:border-color .2s ease,box-shadow .2s ease}.account-detail-page .card:hover{border-color:var(--border-default, rgba(255, 255, 255, .06))}.account-detail-page .card h2{margin:0 0 20px;font-size:15px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.account-detail-page .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:var(--space-3, 12px);flex-wrap:wrap}.account-detail-page .card-header h2{margin:0}.account-detail-page .card-header .btn-primary{background:var(--primary-color, #6366f1);border:none;color:#fff;padding:8px 14px;font-size:12px;font-weight:500;border-radius:6px;transition:all .2s ease}.account-detail-page .card-header .btn-primary:hover:not(:disabled){background:#7c7ff2;transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.account-detail-page .card-header .btn-primary:disabled{opacity:.5;cursor:not-allowed}.account-detail-page .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-detail-page .info-item{display:flex;flex-direction:column;gap:6px}.account-detail-page .info-item.full-width{grid-column:1 / -1}.account-detail-page .info-item label{font-size:11px;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.account-detail-page .info-item span{font-size:14px;color:var(--text-primary);word-break:break-word;line-height:1.5}.account-detail-page .proxy-access-card{border-left:3px solid var(--primary-color, #6366f1)}.account-detail-page .proxy-assignments-list{display:flex;flex-direction:column;gap:12px}.account-detail-page .proxy-assignment-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-tertiary, #151515);border-radius:10px;gap:var(--space-3, 12px);flex-wrap:wrap;border:1px solid var(--border-subtle, rgba(255, 255, 255, .03));transition:all .2s ease}.account-detail-page .proxy-assignment-item:hover{background:#6366f10a;border-color:#6366f11a}.account-detail-page .assignment-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.account-detail-page .subnet-badge{background:linear-gradient(135deg,var(--primary-color, #6366f1) 0%,#818cf8 100%);color:#fff;padding:6px 12px;border-radius:6px;font-weight:600;font-size:12px;flex-shrink:0;letter-spacing:.02em;box-shadow:0 2px 6px #6366f140}.account-detail-page .assignment-details{display:flex;flex-direction:column;min-width:0;gap:2px}.account-detail-page .subnet-prefix{font-weight:500;font-size:14px;font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--text-primary)}.account-detail-page .assignment-meta{font-size:12px;color:var(--text-tertiary, #777)}.account-detail-page .assignment-actions{display:flex;gap:8px;flex-shrink:0}.account-detail-page .assignment-actions .btn{padding:8px 14px;font-size:12px;font-weight:500;border-radius:6px;transition:all .2s ease}.account-detail-page .assignment-actions .btn-outline{background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-secondary)}.account-detail-page .assignment-actions .btn-outline:hover{background:#ffffff0a;border-color:var(--border-emphasis, rgba(255, 255, 255, .18));color:var(--text-primary)}.account-detail-page .assignment-actions .btn-danger{background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171}.account-detail-page .assignment-actions .btn-danger:hover{background:#ef444426;border-color:#ef444440}.account-detail-page .empty-proxy-state{text-align:center;padding:40px 24px;color:var(--text-tertiary, #777);background:var(--bg-tertiary, #151515);border-radius:10px;border:1px dashed var(--border-default, rgba(255, 255, 255, .08))}.account-detail-page .empty-proxy-state p{margin-bottom:16px;font-size:14px}.account-detail-page .empty-proxy-state .btn{padding:10px 20px;font-size:13px}.account-detail-page .residential-access-card{border-left:3px solid var(--accent-color, #8b5cf6)}.account-detail-page .residential-assignments-list{display:flex;flex-direction:column;gap:12px}.account-detail-page .residential-assignment-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-tertiary, #151515);border-radius:10px;flex-wrap:wrap;gap:12px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .03));transition:all .2s ease}.account-detail-page .residential-assignment-item:hover{background:#8b5cf60a;border-color:#8b5cf61a}.account-detail-page .residential-badge{background:linear-gradient(135deg,var(--accent-color, #8b5cf6) 0%,#a78bfa 100%);color:#fff;padding:6px 12px;border-radius:6px;font-weight:600;font-size:12px;letter-spacing:.02em;box-shadow:0 2px 6px #8b5cf640}.account-detail-page .residential-balance{font-weight:600;font-size:14px;color:#4ade80;font-family:SF Mono,Monaco,Inconsolata,monospace}.account-detail-page .residential-usage-stats{display:flex;gap:20px;padding:10px 16px;background:var(--bg-secondary, #1f1f1f);border-radius:8px;flex:1;justify-content:center;flex-wrap:wrap;border:1px solid var(--border-subtle, rgba(255, 255, 255, .03))}.account-detail-page .usage-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.account-detail-page .usage-label{font-size:10px;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.account-detail-page .usage-value{font-size:13px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--text-primary)}.account-detail-page .usage-value.purchased{color:#60a5fa}.account-detail-page .usage-value.used{color:#facc15}.account-detail-page .empty-residential-state{text-align:center;padding:40px 24px;color:var(--text-tertiary, #777);background:var(--bg-tertiary, #151515);border-radius:10px;border:1px dashed var(--border-default, rgba(255, 255, 255, .08))}.account-detail-page .empty-residential-state p{margin-bottom:16px;font-size:14px}.account-detail-page .ondemand-access-card{border-left:3px solid var(--warning-color, #f59e0b)}.account-detail-page .ondemand-assignments-list{display:flex;flex-direction:column;gap:12px}.account-detail-page .ondemand-assignment-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-tertiary, #151515);border-radius:10px;flex-wrap:wrap;gap:12px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .03));transition:all .2s ease}.account-detail-page .ondemand-assignment-item:hover{background:#f59e0b0a;border-color:#f59e0b1a}.account-detail-page .ondemand-badge{background:linear-gradient(135deg,var(--warning-color, #f59e0b) 0%,#fbbf24 100%);color:#1a1a1a;padding:6px 12px;border-radius:6px;font-weight:600;font-size:12px;letter-spacing:.02em;box-shadow:0 2px 6px #f59e0b40}.account-detail-page .ondemand-quantity{font-weight:600;font-size:14px;color:var(--text-primary);font-family:SF Mono,Monaco,Inconsolata,monospace}.account-detail-page .ondemand-status-badge{margin-left:auto}.account-detail-page .empty-ondemand-state{text-align:center;padding:40px 24px;color:var(--text-tertiary, #777);background:var(--bg-tertiary, #151515);border-radius:10px;border:1px dashed var(--border-default, rgba(255, 255, 255, .08))}.account-detail-page .empty-ondemand-state p{margin-bottom:16px;font-size:14px}.account-detail-page .referral-card{border-left:3px solid var(--success-color, #22c55e)}.account-detail-page .referral-section{margin-bottom:20px}.account-detail-page .referral-section:last-child{margin-bottom:0}.account-detail-page .referral-section-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04))}.account-detail-page .referred-by-item{padding:12px 16px;background:var(--bg-tertiary, #151515);border-radius:8px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .03))}.account-detail-page .referrer-link{color:var(--primary-color, #6366f1);text-decoration:none;font-weight:500;font-size:14px;transition:color .2s ease}.account-detail-page .referrer-link:hover{color:#818cf8;text-decoration:underline}.account-detail-page .referral-codes-list{display:flex;flex-direction:column;gap:10px}.account-detail-page .referral-code-item{padding:12px 16px;background:var(--bg-tertiary, #151515);border-radius:8px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .03));transition:all .2s ease}.account-detail-page .referral-code-item:hover{background:#22c55e0a;border-color:#22c55e1a}.account-detail-page .referral-code-info{display:flex;align-items:center;gap:12px;margin-bottom:6px}.account-detail-page .referral-code-value{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.05em}.account-detail-page .referral-code-meta{font-size:12px;color:var(--text-tertiary, #777)}.account-detail-page .referral-link{color:var(--primary-color, #6366f1);text-decoration:none;transition:color .2s ease}.account-detail-page .referral-link:hover{color:#818cf8;text-decoration:underline}.account-detail-page .referred-users-list{display:flex;flex-direction:column;gap:10px}.account-detail-page .referred-user-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary, #151515);border-radius:8px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .03));transition:all .2s ease;flex-wrap:wrap;gap:8px}.account-detail-page .referred-user-item:hover{background:#22c55e0a;border-color:#22c55e1a}.account-detail-page .referred-user-meta{font-size:12px;color:var(--text-tertiary, #777)}.account-detail-page .referral-empty-text{color:var(--text-tertiary, #777);font-size:13px;margin:0;padding:16px;background:var(--bg-tertiary, #151515);border-radius:8px;border:1px dashed var(--border-default, rgba(255, 255, 255, .08));text-align:center}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4, 16px);animation:modalOverlayFadeIn .2s ease}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary, #1f1f1f);border-radius:16px;width:100%;max-width:480px;max-height:calc(100vh - 48px);overflow-y:auto;margin:auto;border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d;animation:modalSlideIn .25s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));position:sticky;top:0;background:var(--bg-secondary, #1f1f1f);z-index:1}.modal-header h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted, #666);padding:0;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s ease}.modal-close:hover{color:var(--text-primary);background:#ffffff0f}.modal form{padding:24px}.modal .form-group{margin-bottom:20px}.modal .form-group:last-of-type{margin-bottom:0}.modal .form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:13px;color:var(--text-secondary)}.modal .form-control{width:100%;padding:11px 14px;background:var(--bg-tertiary, #151515);border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:8px;font-size:14px;color:var(--text-primary);transition:all .2s ease}.modal .form-control::placeholder{color:var(--text-muted, #555)}.modal .form-control:hover{border-color:var(--border-emphasis, rgba(255, 255, 255, .12))}.modal .form-control:focus{outline:none;border-color:var(--primary-color, #6366f1);box-shadow:0 0 0 3px #6366f126}.modal textarea.form-control{resize:vertical;min-height:80px;line-height:1.5}.modal select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-right:40px;cursor:pointer}.modal .form-help{display:block;margin-top:6px;font-size:12px;color:var(--text-muted, #666);line-height:1.5}.modal .password-input-group{display:flex;gap:10px}.modal .password-input-group input{flex:1;min-width:0}.modal .password-input-group .btn{padding:11px 16px;font-size:13px;white-space:nowrap}.modal .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400;font-size:14px;color:var(--text-primary)}.modal .checkbox-label input{width:18px;height:18px;accent-color:var(--primary-color, #6366f1)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06));background:var(--bg-tertiary, #151515);margin-top:0}.modal-actions .btn{padding:11px 20px;font-size:13px;font-weight:500;border-radius:8px;transition:all .2s ease}.modal-actions .btn-outline{background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-secondary)}.modal-actions .btn-outline:hover:not(:disabled){background:#ffffff0a;border-color:var(--border-emphasis, rgba(255, 255, 255, .18));color:var(--text-primary)}.modal-actions .btn-primary{background:var(--primary-color, #6366f1);border:none;color:#fff}.modal-actions .btn-primary:hover:not(:disabled){background:#7c7ff2;transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.modal-actions .btn-primary:disabled,.modal-actions .btn-outline:disabled{opacity:.5;cursor:not-allowed}.modal .modal-body{padding:24px}.modal .modal-body p{font-size:14px;line-height:1.6;color:var(--text-primary)}.modal.modal-lg{max-width:600px}.modal .ondemand-order-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;background:var(--bg-tertiary, #151515);border-radius:10px;margin-bottom:20px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .04))}.modal .info-row{display:flex;flex-direction:column;gap:6px}.modal .info-label{font-size:11px;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.modal .proxy-list-container{display:flex;flex-direction:column;gap:12px}.modal .proxy-textarea{width:100%;padding:14px;background:var(--bg-tertiary, #151515);border:1px solid var(--border-default, rgba(255, 255, 255, .06));border-radius:8px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px;line-height:1.6;resize:vertical;color:var(--text-primary)}.modal .proxy-textarea:focus{outline:none;border-color:var(--primary-color, #6366f1)}.modal .proxy-list-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.modal .proxy-list-actions .btn{padding:8px 14px;font-size:12px}.modal .radio-group{display:flex;gap:24px;flex-wrap:wrap}.modal .radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400;min-height:44px;font-size:14px;color:var(--text-primary)}.modal .radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--primary-color, #6366f1)}.modal .form-loading{color:var(--text-tertiary, #777);font-style:italic;margin:8px 0;font-size:13px}.account-detail-page .badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;letter-spacing:.01em}.account-detail-page .badge-success{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.15)}.account-detail-page .badge-warning{background:#eab3081f;color:#facc15;border:1px solid rgba(234,179,8,.15)}.account-detail-page .badge-danger{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.15)}.account-detail-page .badge-secondary{background:#ffffff0a;color:var(--text-tertiary, #777);border:1px solid rgba(255,255,255,.06)}.alert{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;line-height:1.5;animation:alertSlideIn .25s ease}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert-danger{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.15)}.alert-success{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.15)}.account-detail-page .loading-spinner{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:var(--text-sm, .875rem)}@media(max-width:1024px){.account-detail-page .content-grid{grid-template-columns:1fr}}@media(max-width:768px){.account-detail-page .page-header{flex-direction:column;gap:var(--space-4, 16px)}.account-detail-page .header-title-row{flex-direction:column;align-items:flex-start;text-align:left}.account-detail-page .header-title-info h1{font-size:var(--text-xl, 1.25rem)}.account-detail-page .user-avatar-lg{width:48px;height:48px;font-size:20px}.account-detail-page .header-actions{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2, 8px)}.account-detail-page .header-actions .btn{justify-content:center;min-height:44px}.account-detail-page .header-actions .btn-text{display:none}.account-detail-page .card{padding:var(--space-4, 16px)}.account-detail-page .card h2{font-size:var(--text-md, 1rem)}.account-detail-page .info-grid{grid-template-columns:1fr;gap:var(--space-3, 12px)}.account-detail-page .proxy-assignment-item,.account-detail-page .residential-assignment-item,.account-detail-page .ondemand-assignment-item{flex-direction:column;align-items:stretch}.account-detail-page .assignment-info{width:100%}.account-detail-page .assignment-actions{width:100%;justify-content:stretch}.account-detail-page .assignment-actions .btn{flex:1;justify-content:center;min-height:44px}.account-detail-page .residential-usage-stats{width:100%;justify-content:space-around}.account-detail-page .ondemand-status-badge{margin-left:0;width:100%;text-align:center}.account-detail-page .referred-user-item{flex-direction:column;align-items:flex-start}.account-detail-page .referral-code-info{flex-wrap:wrap}.modal{max-width:100%;max-height:100vh;border-radius:0;margin:0}.modal-overlay{padding:0}.modal.modal-lg{max-width:100%}.modal .ondemand-order-info{grid-template-columns:1fr;gap:var(--space-3, 12px)}.modal .password-input-group,.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;min-height:44px;justify-content:center}.modal .proxy-list-actions{flex-direction:column}.modal .proxy-list-actions .btn{width:100%}}@media(max-width:480px){.account-detail-page .breadcrumb{font-size:13px}.account-detail-page .content-grid{gap:var(--space-4, 16px);margin-top:var(--space-4, 16px)}.account-detail-page .card{padding:var(--space-3, 12px)}.account-detail-page .card-header{flex-direction:column;align-items:stretch;gap:var(--space-3, 12px)}.account-detail-page .card-header .btn{width:100%;justify-content:center;min-height:44px}.account-detail-page .empty-proxy-state,.account-detail-page .empty-residential-state,.account-detail-page .empty-ondemand-state{padding:var(--space-5, 20px)}.account-detail-page .empty-proxy-state .btn,.account-detail-page .empty-residential-state .btn,.account-detail-page .empty-ondemand-state .btn{width:100%;min-height:44px}.modal-header,.modal form,.modal .modal-body{padding:var(--space-4, 16px)}.modal .radio-group{flex-direction:column;gap:var(--space-2, 8px)}.account-detail-page .header-actions{grid-template-columns:1fr}}@media(max-width:768px){.account-detail-page .btn{min-height:44px;min-width:44px}.account-detail-page .assignment-actions .btn{min-height:44px}}.btn-icon-only-mobile .btn-text{display:inline}@media(max-width:480px){.btn-icon-only-mobile .btn-text{display:none}.btn-icon-only-mobile{padding:var(--space-2, 8px)!important}}.commission-rate-display{display:flex;align-items:center;gap:8px}.commission-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600;background:var(--surface-2, #1e1e2e);color:var(--text-secondary, #aaa);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.commission-badge.commission-elevated{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#22c55e;border-color:#22c55e4d}.commission-edit-btn{padding:4px 6px!important;min-height:auto!important}.commission-edit-btn svg{display:block}.modal.modal-sm{max-width:420px}.commission-input-wrapper{position:relative;display:flex;align-items:center}.commission-input-wrapper .form-control{padding-right:40px}.commission-suffix{position:absolute;right:12px;color:var(--text-tertiary, #777);font-weight:500;pointer-events:none}.commission-presets{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}.presets-label{font-size:13px;color:var(--text-tertiary, #777);margin-right:4px}.preset-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));background:var(--surface-2, #1e1e2e);color:var(--text-secondary, #aaa);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.preset-btn:hover{background:var(--surface-3, #2a2a3e);border-color:var(--primary-color, #6366f1);color:var(--text-primary, #fff)}.preset-btn.active{background:var(--primary-color, #6366f1);border-color:var(--primary-color, #6366f1);color:#fff}.preset-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.commission-presets{justify-content:flex-start}.preset-btn{padding:8px 14px;min-height:36px}}.residential-page{max-width:var(--content-max-width);margin:0 auto}.residential-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.residential-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.02em}.residential-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.residential-page .header-stats{display:flex;gap:var(--space-3);flex-wrap:wrap}.residential-page .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:170px;transition:all .2s ease;position:relative;overflow:hidden}.residential-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s ease}.residential-page .stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.residential-page .stat-card:first-child:hover:before{background:var(--color-success)}.residential-page .stat-card:last-child:hover:before{background:var(--color-info)}.residential-page .stat-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.residential-page .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.residential-page .stat-icon-wrapper.balance-icon{background:var(--color-success-muted);border:1px solid var(--color-success-border);color:var(--color-success)}.residential-page .stat-icon-wrapper.users-icon{background:var(--color-info-muted);border:1px solid var(--color-info-border);color:var(--color-info)}.residential-page .stat-info{display:flex;flex-direction:column;gap:2px}.residential-page .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;letter-spacing:-.02em}.residential-page .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.residential-page .controls-bar{padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.residential-page .filters-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.residential-page .filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.residential-page .filter-group label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.residential-page .search-group{flex:1;min-width:200px;max-width:320px}.residential-page .search-input{width:100%;padding:10px var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .15s ease}.residential-page .search-input::placeholder{color:var(--text-muted)}.residential-page .search-input:hover{border-color:var(--border-emphasis);background:var(--bg-tertiary)}.residential-page .search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted);background:var(--bg-secondary)}.residential-page .results-info{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.residential-page .empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.residential-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.residential-page .empty-icon svg{opacity:.7}.residential-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-2) 0}.residential-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px;margin:0 auto;line-height:1.6}.residential-page .table{width:100%;border-collapse:separate;border-spacing:0}.residential-page .table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;top:0;z-index:1}.residential-page .table th:first-child{padding-left:var(--space-5)}.residential-page .table th:last-child{padding-right:var(--space-5)}.residential-page .table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm);transition:background .1s ease}.residential-page .table td:first-child{padding-left:var(--space-5)}.residential-page .table td:last-child{padding-right:var(--space-5)}.residential-page .table tbody tr{transition:background .1s ease}.residential-page .table tbody tr:hover{background:var(--bg-hover)}.residential-page .table tbody tr:hover td{border-bottom-color:var(--border-emphasis)}.residential-page .table tbody tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:var(--space-3)}.user-avatar-sm{width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0;box-shadow:0 2px 6px #6366f133;transition:transform .15s ease}.residential-page .table tbody tr:hover .user-avatar-sm{transform:scale(1.08)}.balance-value{font-family:var(--font-mono);font-weight:600;color:var(--color-success);font-size:13px}.purchased-value{font-family:var(--font-mono);font-weight:600;color:var(--color-info);font-size:13px}.used-value{font-family:var(--font-mono);font-weight:600;color:var(--text-primary);font-size:13px}.usage-cell{display:flex;align-items:center;gap:var(--space-3)}.usage-bar{width:80px;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.usage-bar-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .3s ease}.usage-percent{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono);min-width:44px;text-align:right}.action-buttons-inline{display:flex;gap:var(--space-2);flex-wrap:wrap}.action-buttons-inline .btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 12px;font-weight:500;border-radius:var(--radius-md);transition:all .15s ease}.action-buttons-inline .btn-outline{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.action-buttons-inline .btn-outline:hover{background:var(--bg-hover);border-color:var(--border-emphasis);color:var(--text-primary)}.action-buttons-inline .btn-primary{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.action-buttons-inline .btn-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);box-shadow:0 2px 8px #6366f14d}.residential-page .table-container{display:block;overflow-x:auto}.residential-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.resi-user-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.resi-user-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 12px #0000001a}.resi-user-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.resi-user-card-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.resi-user-card-name{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.resi-user-card-name strong{font-size:15px;color:var(--text-primary);word-break:break-word;font-weight:600}.resi-user-date{font-size:var(--text-xs);color:var(--text-tertiary)}.balance-badge{font-size:13px;font-weight:600;color:var(--color-success);font-family:var(--font-mono);padding:6px 10px;background:var(--color-success-muted);border:1px solid var(--color-success-border);border-radius:var(--radius-md);white-space:nowrap}.resi-user-card-stats{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.resi-stat-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.resi-stat-row:not(:last-child){border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3)}.resi-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.resi-stat-value{font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.resi-stat-value.purchased{color:var(--color-info)}.resi-usage-display{display:flex;align-items:center;gap:var(--space-2)}.resi-usage-bar{width:60px;height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.resi-usage-percent{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);min-width:40px;text-align:right}.resi-user-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-wrap:wrap}.resi-user-card-actions .btn{flex:1;min-width:80px;min-height:44px;justify-content:center;font-size:13px;font-weight:500}.residential-page .loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:768px){.residential-page .page-header{flex-direction:column;gap:var(--space-4)}.residential-page .page-header h1{font-size:var(--text-xl)}.residential-page .header-stats{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.residential-page .stat-card{min-width:auto;padding:var(--space-2) var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.residential-page .stat-icon-wrapper{width:32px;height:32px}.residential-page .stat-value{font-size:var(--text-lg)}.residential-page .controls-bar{padding:var(--space-3) var(--space-4)}.residential-page .filters-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.residential-page .filter-group,.residential-page .search-group{width:100%;max-width:none;min-width:auto}.residential-page .filters-row .btn{width:100%;justify-content:center}.residential-page .hide-tablet{display:none}.residential-page .table th,.residential-page .table td{padding:var(--space-3);font-size:var(--text-xs)}.residential-page .action-buttons-inline .btn-text{display:none}.residential-page .action-buttons-inline .btn{min-width:auto;padding:var(--space-2)}}@media(max-width:480px){.residential-page .table-container{display:none}.residential-page .mobile-cards{display:flex}.residential-page .header-stats{grid-template-columns:1fr}.residential-page .stat-card{flex-direction:row;text-align:left}.residential-page .empty-state{padding:var(--space-8)}.residential-page .empty-icon{width:48px;height:48px}.resi-user-card-actions{flex-direction:column}.resi-user-card-actions .btn{width:100%}}@media(max-width:768px){.residential-page .hide-mobile{display:none}}.discord-detail-modal{max-width:720px}.modal-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default);background:var(--bg-tertiary);padding:0 var(--space-5)}.modal-tab{padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.modal-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-5)}.info-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.info-item .info-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.info-item .info-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);word-break:break-all}.info-item .info-value.mono{font-family:var(--font-mono)}.info-item .info-value.success{color:var(--color-success)}.resi-users-list{margin-top:var(--space-4)}.resi-users-list h4{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-3) 0;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.resi-user-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.resi-user-item:last-child{margin-bottom:0}.resi-user-item .resi-username{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.resi-user-item .resi-balance{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);color:var(--color-success)}.no-resi-users{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.resi-user-card-detail{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden}.resi-user-card-detail:last-child{margin-bottom:0}.resi-user-card-top{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.resi-user-card-top .resi-balance{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);color:var(--color-success)}.resi-user-usage{padding:var(--space-3) var(--space-4)}.resi-usage-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.resi-usage-stat{display:flex;flex-direction:column;gap:2px;flex:1}.resi-usage-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.resi-usage-value{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.resi-usage-value.purchased{color:var(--color-info)}.resi-usage-value.available{color:var(--color-success)}.resi-usage-bar-container{display:flex;align-items:center;gap:var(--space-3)}.resi-usage-bar-track{flex:1;height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.resi-usage-bar-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .3s ease}.resi-usage-percent{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);min-width:44px;text-align:right}.modal-table-container{overflow-x:auto;margin-top:var(--space-2)}.modal-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.modal-table th{text-align:left;padding:var(--space-2) var(--space-3);font-weight:600;font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.modal-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-xs)}.modal-table tbody tr:last-child td{border-bottom:none}.modal-table tbody tr:hover{background:var(--bg-hover)}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:capitalize}.status-badge.succeeded,.status-badge.fulfilled,.status-badge.active{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success-border)}.status-badge.pending,.status-badge.processing{background:var(--color-warning-muted);color:var(--color-warning);border:1px solid var(--color-warning-border)}.status-badge.failed,.status-badge.cancelled,.status-badge.inactive{background:var(--color-danger-muted);color:var(--color-danger);border:1px solid var(--color-danger-border)}.modal-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.modal-pagination .pagination-info{font-size:var(--text-xs);color:var(--text-muted)}.modal-pagination .pagination-buttons{display:flex;gap:var(--space-2)}.modal-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm)}.modal-empty{text-align:center;padding:var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:768px){.discord-detail-modal{max-width:calc(100% - var(--space-4))}.info-grid{grid-template-columns:1fr}.modal-tabs{padding:0 var(--space-3);overflow-x:auto}.modal-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media(max-width:480px){.discord-detail-modal{max-width:100%;max-height:100%;margin:0;border-radius:0;border:none}}.discord-page-tabs{display:flex;gap:2px;margin-bottom:var(--space-4);background:var(--bg-tertiary);border-radius:8px;padding:3px;width:fit-content}.discord-page-tab{padding:8px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s ease}.discord-page-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.discord-page-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0003}.discord-resi-page .audit-admin-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;background:#6366f126;color:#818cf8}.discord-resi-page .audit-action-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.discord-resi-page .audit-action-badge.add{background:#22c55e1f;color:#4ade80}.discord-resi-page .audit-action-badge.subtract{background:#ef44441f;color:#f87171}.discord-resi-page{max-width:var(--content-max-width);margin:0 auto}.discord-resi-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.discord-resi-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.02em}.discord-resi-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.discord-resi-page .header-stats{display:flex;gap:var(--space-3);flex-wrap:wrap}.discord-resi-page .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:150px;transition:all .2s ease;position:relative;overflow:hidden}.discord-resi-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s ease}.discord-resi-page .stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.discord-resi-page .stat-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.discord-resi-page .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.discord-resi-page .stat-icon-wrapper.accounts-icon{background:var(--color-info-muted);border:1px solid var(--color-info-border);color:var(--color-info)}.discord-resi-page .stat-icon-wrapper.revenue-icon{background:var(--color-success-muted);border:1px solid var(--color-success-border);color:var(--color-success)}.discord-resi-page .stat-icon-wrapper.orders-icon{background:#a855f71a;border:1px solid rgba(168,85,247,.2);color:#a855f7}.discord-resi-page .stat-icon-wrapper.active-icon{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#fbbf24}.discord-resi-page .stat-info{display:flex;flex-direction:column;gap:2px}.discord-resi-page .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;letter-spacing:-.02em}.discord-resi-page .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.discord-resi-page .controls-bar{padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.discord-resi-page .filters-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.discord-resi-page .filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.discord-resi-page .filter-group label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.discord-resi-page .search-group{flex:1;min-width:200px;max-width:320px}.discord-resi-page .search-input{width:100%;padding:10px var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .15s ease}.discord-resi-page .search-input::placeholder{color:var(--text-muted)}.discord-resi-page .search-input:hover{border-color:var(--border-emphasis);background:var(--bg-tertiary)}.discord-resi-page .search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted);background:var(--bg-secondary)}.discord-resi-page .results-info{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.discord-resi-page .empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.discord-resi-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.discord-resi-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-2) 0}.discord-resi-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px;margin:0 auto;line-height:1.6}.discord-resi-page .table-container{display:block;overflow-x:auto}.discord-resi-page .table{width:100%;border-collapse:separate;border-spacing:0}.discord-resi-page .table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;top:0;z-index:1}.discord-resi-page .table th:first-child{padding-left:var(--space-5)}.discord-resi-page .table th:last-child{padding-right:var(--space-5)}.discord-resi-page .table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm);transition:background .1s ease}.discord-resi-page .table td:first-child{padding-left:var(--space-5)}.discord-resi-page .table td:last-child{padding-right:var(--space-5)}.discord-resi-page .table tbody tr{transition:background .1s ease}.discord-resi-page .table tbody tr:hover{background:var(--bg-hover)}.discord-resi-page .table tbody tr:last-child td{border-bottom:none}.discord-user-cell{display:flex;align-items:center;gap:var(--space-3)}.discord-avatar-sm{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,#5865f2,#7289da);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0;box-shadow:0 2px 6px #5865f233}.discord-user-cell .user-details{display:flex;flex-direction:column;gap:1px}.discord-user-cell .user-details strong{font-size:var(--text-sm)}.discord-user-cell .user-details .discord-id-small{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.resi-usernames{display:flex;flex-wrap:wrap;gap:var(--space-1)}.resi-username-badge{display:inline-block;padding:2px 8px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:11px;font-family:var(--font-mono);color:var(--text-secondary)}.spent-value{font-family:var(--font-mono);font-weight:600;color:var(--color-success);font-size:13px}.data-value{font-family:var(--font-mono);font-weight:600;color:var(--color-info);font-size:13px}.discord-resi-page .status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:capitalize}.discord-resi-page .status-badge.active{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success-border)}.discord-resi-page .status-badge.inactive{background:var(--color-danger-muted);color:var(--color-danger);border:1px solid var(--color-danger-border)}.discord-resi-page .pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle)}.discord-resi-page .pagination-bar .pagination-info{font-size:var(--text-xs);color:var(--text-muted)}.discord-resi-page .pagination-bar .pagination-buttons{display:flex;gap:var(--space-2)}.discord-resi-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.discord-account-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.discord-account-card:hover{border-color:var(--border-emphasis)}.discord-account-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.discord-account-card-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.discord-account-card-name{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.discord-account-card-name strong{font-size:15px;color:var(--text-primary);word-break:break-word;font-weight:600}.discord-account-card-name .discord-id-small{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.discord-account-card-stats{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.discord-stat-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.discord-stat-row:not(:last-child){border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3)}.discord-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.discord-stat-value{font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.discord-account-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-wrap:wrap}.discord-account-card-actions .btn{flex:1;min-width:70px;min-height:44px;justify-content:center;font-size:13px;font-weight:500}@media(max-width:768px){.discord-resi-page .page-header{flex-direction:column;gap:var(--space-4)}.discord-resi-page .page-header h1{font-size:var(--text-xl)}.discord-resi-page .header-stats{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.discord-resi-page .stat-card{min-width:auto;padding:var(--space-2) var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.discord-resi-page .stat-icon-wrapper{width:32px;height:32px}.discord-resi-page .stat-value{font-size:var(--text-lg)}.discord-resi-page .controls-bar{padding:var(--space-3) var(--space-4)}.discord-resi-page .filters-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.discord-resi-page .filter-group,.discord-resi-page .search-group{width:100%;max-width:none;min-width:auto}.discord-resi-page .hide-tablet{display:none}.discord-resi-page .table th,.discord-resi-page .table td{padding:var(--space-3);font-size:var(--text-xs)}.discord-resi-page .action-buttons-inline .btn-text{display:none}.discord-resi-page .action-buttons-inline .btn{min-width:auto;padding:var(--space-2)}}@media(max-width:480px){.discord-resi-page .table-container{display:none}.discord-resi-page .mobile-cards{display:flex}.discord-resi-page .pagination-bar{display:none}.discord-resi-page .header-stats{grid-template-columns:1fr 1fr}.discord-resi-page .stat-card{flex-direction:row;text-align:left}.discord-resi-page .empty-state{padding:var(--space-8)}.discord-account-card-actions{flex-direction:column}.discord-account-card-actions .btn{width:100%}}@media(max-width:768px){.discord-resi-page .hide-mobile{display:none}}.discord-orders-page{max-width:1400px}.discord-orders-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.discord-orders-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.discord-orders-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:1.5}.discord-orders-page .orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.75rem}.discord-orders-page .stat-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.discord-orders-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .2s ease}.discord-orders-page .stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.discord-orders-page .stat-card .stat-value{font-size:1.875rem;font-weight:700;color:var(--text-primary);line-height:1.2;font-family:var(--font-mono);letter-spacing:-.02em}.discord-orders-page .stat-card .stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.075em;margin-top:.375rem;font-weight:500}.discord-orders-page .stat-card.stat-success:before{background:var(--color-success)}.discord-orders-page .stat-card.stat-success{border-color:#10b98140}.discord-orders-page .stat-card.stat-success .stat-value{color:var(--color-success)}.discord-orders-page .stat-card.stat-success:hover{border-color:#10b98166;box-shadow:0 4px 12px #10b9811a}.discord-orders-page .stat-card.stat-revenue:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.discord-orders-page .stat-card.stat-revenue{border-color:#6366f140;background:linear-gradient(135deg,#6366f114,#8b5cf60a)}.discord-orders-page .stat-card.stat-revenue .stat-value{color:#a5b4fc}.discord-orders-page .stat-card.stat-revenue:hover{border-color:#6366f166;box-shadow:0 4px 12px #6366f126}.discord-orders-page .filters-bar{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.discord-orders-page .search-box{flex:1;min-width:240px}.discord-orders-page .search-box .form-control{width:100%;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .15s ease}.discord-orders-page .search-box .form-control::placeholder{color:var(--text-muted)}.discord-orders-page .search-box .form-control:hover{border-color:var(--border-emphasis)}.discord-orders-page .search-box .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.discord-orders-page .filter-group{min-width:150px}.discord-orders-page .filter-group .form-control{width:100%;padding:.625rem 2.25rem .625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all .15s ease}.discord-orders-page .filter-group .form-control:hover{border-color:var(--border-emphasis)}.discord-orders-page .filter-group .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.discord-orders-page .filter-stats{margin-left:auto}.discord-orders-page .stat-pill{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:.5rem .875rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-weight:500;font-family:var(--font-mono)}.discord-orders-page .table-container{overflow-x:auto;display:block;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.discord-orders-page .table{width:100%;min-width:700px;border-collapse:collapse}.discord-orders-page .table th{text-align:left;padding:.875rem 1rem;font-weight:600;font-size:.6875rem;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.075em;white-space:nowrap;position:sticky;top:0;z-index:1}.discord-orders-page .table th:first-child{border-radius:var(--radius-lg) 0 0 0}.discord-orders-page .table th:last-child{border-radius:0 var(--radius-lg) 0 0}.discord-orders-page .table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm)}.discord-orders-page .table tbody tr{transition:background .1s ease}.discord-orders-page .table tbody tr:hover{background:#ffffff05}.discord-orders-page .table tbody tr:last-child td{border-bottom:none}.discord-orders-page .table tbody tr:last-child td:first-child{border-radius:0 0 0 var(--radius-lg)}.discord-orders-page .table tbody tr:last-child td:last-child{border-radius:0 0 var(--radius-lg) 0}.discord-user-cell{display:flex;flex-direction:column;gap:.25rem}.discord-username{font-weight:500;color:var(--text-primary)}.discord-id{font-size:.75rem;color:var(--text-tertiary);font-family:var(--font-mono)}.discord-orders-page .order-amount{font-weight:600;color:#4ade80;font-family:var(--font-mono);font-size:.875rem}.discord-orders-page .order-date{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.discord-orders-page .badge{display:inline-flex;align-items:center;justify-content:center;padding:.3125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.discord-orders-page .badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.discord-orders-page .badge-warning{background:#eab30826;color:#fbbf24;border:1px solid rgba(234,179,8,.25)}.discord-orders-page .badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.discord-orders-page .badge-secondary{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.25)}.discord-orders-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.discord-orders-page .order-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.discord-orders-page .order-card:hover{border-color:var(--border-emphasis)}.discord-orders-page .order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.discord-orders-page .order-card-primary{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}.discord-orders-page .order-card-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.discord-orders-page .order-card-customer{display:flex;flex-direction:column;gap:var(--space-1)}.discord-orders-page .order-card-customer .discord-username{font-size:var(--text-md);font-weight:600;color:var(--text-primary);word-break:break-word}.discord-orders-page .order-card-customer .discord-id{font-size:var(--text-xs);color:var(--text-tertiary);word-break:break-all}.discord-orders-page .order-card-body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.discord-orders-page .order-card-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.discord-orders-page .order-card-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-shrink:0}.discord-orders-page .order-card-value{font-size:var(--text-sm);color:var(--text-primary);text-align:right}.discord-orders-page .order-card-value.order-amount{font-weight:600;color:#4ade80;font-family:var(--font-mono)}.discord-orders-page .empty-state{text-align:center;padding:var(--space-16) var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.discord-orders-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--border-subtle)}.discord-orders-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.discord-orders-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px;margin:0 auto;line-height:1.6}.discord-orders-page .pagination-bar{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.discord-orders-page .pagination-bar .btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all .15s ease;min-width:100px}.discord-orders-page .pagination-bar .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer}.discord-orders-page .pagination-bar .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-emphasis);color:var(--text-primary)}.discord-orders-page .pagination-bar .btn-secondary:disabled{opacity:.4;cursor:not-allowed}.discord-orders-page .pagination-info{font-size:.8125rem;color:var(--text-tertiary);font-family:var(--font-mono);padding:0 .5rem}@media(max-width:768px){.discord-orders-page .page-header{flex-direction:column;gap:var(--space-4)}.discord-orders-page .page-header h1{font-size:var(--text-xl)}.discord-orders-page .orders-stats{grid-template-columns:repeat(2,1fr)}.discord-orders-page .stat-card .stat-value{font-size:1.5rem}.discord-orders-page .filters-bar{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.discord-orders-page .search-box,.discord-orders-page .filter-group{width:100%;min-width:auto}.discord-orders-page .filter-stats{margin-left:0;width:100%;text-align:center}.discord-orders-page .hide-tablet{display:none}.discord-orders-page .table{min-width:500px}.discord-orders-page .pagination-bar{flex-wrap:wrap;gap:var(--space-2)}.discord-orders-page .pagination-bar .btn{min-width:100px}}@media(max-width:480px){.discord-orders-page .table-container{display:none}.discord-orders-page .mobile-cards{display:flex}.discord-orders-page .orders-stats{grid-template-columns:1fr 1fr}.discord-orders-page .stat-card{padding:1rem}.discord-orders-page .stat-card .stat-value{font-size:1.25rem}.discord-orders-page .empty-state{padding:var(--space-8)}.discord-orders-page .empty-icon{width:56px;height:56px}.discord-orders-page .pagination-bar{flex-direction:column;gap:var(--space-3)}.discord-orders-page .pagination-bar .btn{width:100%;min-height:44px;justify-content:center}.discord-orders-page .pagination-info{order:-1;font-size:var(--text-xs)}.discord-orders-page .order-card-header .badge{min-height:28px;display:inline-flex;align-items:center}}@media(max-width:360px){.discord-orders-page .orders-stats{grid-template-columns:1fr}.discord-orders-page .order-card-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.discord-orders-page .order-card-value{text-align:left}}.volt-detail-modal{max-width:720px}@media(max-width:768px){.volt-detail-modal{max-width:calc(100% - var(--space-4))}}@media(max-width:480px){.volt-detail-modal{max-width:100%;max-height:100%;margin:0;border-radius:0;border:none}}.volt-page-tabs{display:flex;gap:2px;margin-bottom:var(--space-4);background:var(--bg-tertiary);border-radius:8px;padding:3px;width:fit-content}.volt-page-tab{padding:8px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s ease}.volt-page-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.volt-page-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0003}.audit-admin-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;background:#6366f126;color:#818cf8}.audit-action-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.audit-action-badge.add{background:#22c55e1f;color:#4ade80}.audit-action-badge.subtract{background:#ef44441f;color:#f87171}.volt-resi-page{max-width:var(--content-max-width);margin:0 auto}.volt-resi-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.volt-resi-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.02em}.volt-resi-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.volt-resi-page .header-stats{display:flex;gap:var(--space-3);flex-wrap:wrap}.volt-resi-page .stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:150px;transition:all .2s ease;position:relative;overflow:hidden}.volt-resi-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s ease}.volt-resi-page .stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.volt-resi-page .stat-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.volt-resi-page .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.volt-resi-page .stat-icon-wrapper.accounts-icon{background:var(--color-info-muted);border:1px solid var(--color-info-border);color:var(--color-info)}.volt-resi-page .stat-icon-wrapper.revenue-icon{background:var(--color-success-muted);border:1px solid var(--color-success-border);color:var(--color-success)}.volt-resi-page .stat-icon-wrapper.orders-icon{background:#a855f71a;border:1px solid rgba(168,85,247,.2);color:#a855f7}.volt-resi-page .stat-icon-wrapper.active-icon{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#fbbf24}.volt-resi-page .stat-info{display:flex;flex-direction:column;gap:2px}.volt-resi-page .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;letter-spacing:-.02em}.volt-resi-page .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.volt-resi-page .controls-bar{padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.volt-resi-page .filters-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.volt-resi-page .filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.volt-resi-page .filter-group label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.volt-resi-page .search-group{flex:1;min-width:200px;max-width:320px}.volt-resi-page .search-input{width:100%;padding:10px var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .15s ease}.volt-resi-page .search-input::placeholder{color:var(--text-muted)}.volt-resi-page .search-input:hover{border-color:var(--border-emphasis);background:var(--bg-tertiary)}.volt-resi-page .search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted);background:var(--bg-secondary)}.volt-resi-page .results-info{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.volt-resi-page .empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.volt-resi-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.volt-resi-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-2) 0}.volt-resi-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px;margin:0 auto;line-height:1.6}.volt-resi-page .table-container{display:block;overflow-x:auto}.volt-resi-page .table{width:100%;border-collapse:separate;border-spacing:0}.volt-resi-page .table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;top:0;z-index:1}.volt-resi-page .table th:first-child{padding-left:var(--space-5)}.volt-resi-page .table th:last-child{padding-right:var(--space-5)}.volt-resi-page .table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm);transition:background .1s ease}.volt-resi-page .table td:first-child{padding-left:var(--space-5)}.volt-resi-page .table td:last-child{padding-right:var(--space-5)}.volt-resi-page .table tbody tr{transition:background .1s ease}.volt-resi-page .table tbody tr:hover{background:var(--bg-hover)}.volt-resi-page .table tbody tr:last-child td{border-bottom:none}.volt-user-cell{display:flex;align-items:center;gap:var(--space-3)}.volt-avatar-sm{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0;box-shadow:0 2px 6px #6366f133}.volt-user-cell .user-details{display:flex;flex-direction:column;gap:1px}.volt-user-cell .user-details strong{font-size:var(--text-sm)}.volt-id-small{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.volt-resi-page .status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:capitalize}.volt-resi-page .status-badge.active{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success-border)}.volt-resi-page .status-badge.inactive{background:var(--color-danger-muted);color:var(--color-danger);border:1px solid var(--color-danger-border)}.volt-resi-page .pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle)}.volt-resi-page .pagination-bar .pagination-info{font-size:var(--text-xs);color:var(--text-muted)}.volt-resi-page .pagination-bar .pagination-buttons{display:flex;gap:var(--space-2)}.volt-resi-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.volt-account-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.volt-account-card:hover{border-color:var(--border-emphasis)}.volt-account-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.volt-account-card-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.volt-account-card-name{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.volt-account-card-name strong{font-size:15px;color:var(--text-primary);word-break:break-word;font-weight:600}.volt-account-card-stats{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.volt-stat-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.volt-stat-row:not(:last-child){border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3)}.volt-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.volt-stat-value{font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.volt-account-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-wrap:wrap}.volt-account-card-actions .btn{flex:1;min-width:70px;min-height:44px;justify-content:center;font-size:13px;font-weight:500}@media(max-width:768px){.volt-resi-page .page-header{flex-direction:column;gap:var(--space-4)}.volt-resi-page .page-header h1{font-size:var(--text-xl)}.volt-resi-page .header-stats{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.volt-resi-page .stat-card{min-width:auto;padding:var(--space-2) var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.volt-resi-page .stat-icon-wrapper{width:32px;height:32px}.volt-resi-page .stat-value{font-size:var(--text-lg)}.volt-resi-page .controls-bar{padding:var(--space-3) var(--space-4)}.volt-resi-page .filters-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.volt-resi-page .filter-group,.volt-resi-page .search-group{width:100%;max-width:none;min-width:auto}.volt-resi-page .hide-tablet{display:none}.volt-resi-page .table th,.volt-resi-page .table td{padding:var(--space-3);font-size:var(--text-xs)}.volt-resi-page .action-buttons-inline .btn-text{display:none}.volt-resi-page .action-buttons-inline .btn{min-width:auto;padding:var(--space-2)}.volt-resi-page .hide-mobile{display:none}}@media(max-width:480px){.volt-resi-page .table-container{display:none}.volt-resi-page .mobile-cards{display:flex}.volt-resi-page .pagination-bar{display:none}.volt-resi-page .header-stats{grid-template-columns:1fr 1fr}.volt-resi-page .stat-card{flex-direction:row;text-align:left}.volt-resi-page .empty-state{padding:var(--space-8)}.volt-account-card-actions{flex-direction:column}.volt-account-card-actions .btn{width:100%}}.volt-orders-page .volt-page-tabs{display:flex;gap:2px;margin-bottom:var(--space-4);background:var(--bg-tertiary);border-radius:8px;padding:3px;width:fit-content}.volt-orders-page .volt-page-tab{padding:8px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s ease}.volt-orders-page .volt-page-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.volt-orders-page .volt-page-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0003}.volt-orders-page{max-width:1400px}.volt-orders-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.volt-orders-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.volt-orders-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:1.5}.volt-orders-page .spyder-balance-pill{display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;font-family:var(--font-mono);white-space:nowrap;align-self:flex-start;margin-top:.25rem}.volt-orders-page .spyder-balance-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.volt-orders-page .spyder-balance-pill.balance-ok{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.25)}.volt-orders-page .spyder-balance-pill.balance-ok .spyder-balance-dot{background:#34d399;box-shadow:0 0 6px #10b98166}.volt-orders-page .spyder-balance-pill.balance-low{background:#eab3081a;color:#fbbf24;border:1px solid rgba(234,179,8,.25)}.volt-orders-page .spyder-balance-pill.balance-low .spyder-balance-dot{background:#fbbf24;box-shadow:0 0 6px #eab30866}.volt-orders-page .spyder-balance-pill.balance-critical{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.25);animation:pulse-critical 2s ease-in-out infinite}.volt-orders-page .spyder-balance-pill.balance-critical .spyder-balance-dot{background:#f87171;box-shadow:0 0 6px #ef444480}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.volt-orders-page .orders-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.75rem}.volt-orders-page .stat-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:.875rem 1rem;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.volt-orders-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .2s ease}.volt-orders-page .stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.volt-orders-page .stat-card .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2;font-family:var(--font-mono);letter-spacing:-.02em}.volt-orders-page .stat-card .stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.075em;margin-top:.375rem;font-weight:500}.volt-orders-page .stat-card.stat-success:before{background:var(--color-success)}.volt-orders-page .stat-card.stat-success{border-color:#10b98140}.volt-orders-page .stat-card.stat-success .stat-value{color:var(--color-success)}.volt-orders-page .stat-card.stat-success:hover{border-color:#10b98166;box-shadow:0 4px 12px #10b9811a}.volt-orders-page .stat-card.stat-revenue:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.volt-orders-page .stat-card.stat-revenue{border-color:#6366f140;background:linear-gradient(135deg,#6366f114,#8b5cf60a)}.volt-orders-page .stat-card.stat-revenue .stat-value{color:#a5b4fc}.volt-orders-page .stat-card.stat-revenue:hover{border-color:#6366f166;box-shadow:0 4px 12px #6366f126}.volt-orders-page .stat-card.stat-expense:before{background:#f87171}.volt-orders-page .stat-card.stat-expense{border-color:#f8717140}.volt-orders-page .stat-card.stat-expense .stat-value{color:#f87171}.volt-orders-page .stat-card.stat-expense:hover{border-color:#f8717166;box-shadow:0 4px 12px #f871711a}.volt-orders-page .stat-card.stat-profit:before{background:linear-gradient(90deg,#10b981,#4ade80)}.volt-orders-page .stat-card.stat-profit{border-color:#4ade8040;background:linear-gradient(135deg,#4ade8014,#10b9810a)}.volt-orders-page .stat-card.stat-profit .stat-value{color:#4ade80}.volt-orders-page .stat-card.stat-profit:hover{border-color:#4ade8066;box-shadow:0 4px 12px #4ade8026}.volt-orders-page .filters-bar{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.volt-orders-page .search-box{flex:1;min-width:240px}.volt-orders-page .search-box .form-control{width:100%;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .15s ease}.volt-orders-page .search-box .form-control::placeholder{color:var(--text-muted)}.volt-orders-page .search-box .form-control:hover{border-color:var(--border-emphasis)}.volt-orders-page .search-box .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.volt-orders-page .filter-group{min-width:150px}.volt-orders-page .filter-group .form-control{width:100%;padding:.625rem 2.25rem .625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all .15s ease}.volt-orders-page .filter-group .form-control:hover{border-color:var(--border-emphasis)}.volt-orders-page .filter-group .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.volt-orders-page .filter-stats{margin-left:auto}.volt-orders-page .stat-pill{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:.5rem .875rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-weight:500;font-family:var(--font-mono)}.volt-orders-page .table-container{overflow-x:auto;display:block;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.volt-orders-page .table{width:100%;min-width:900px;border-collapse:collapse}.volt-orders-page .table th{text-align:left;padding:.875rem 1rem;font-weight:600;font-size:.6875rem;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.075em;white-space:nowrap;position:sticky;top:0;z-index:1}.volt-orders-page .table th:first-child{border-radius:var(--radius-lg) 0 0 0}.volt-orders-page .table th:last-child{border-radius:0 var(--radius-lg) 0 0}.volt-orders-page .table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm)}.volt-orders-page .table tbody tr{transition:background .1s ease}.volt-orders-page .table tbody tr:hover{background:#ffffff05}.volt-orders-page .table tbody tr:last-child td{border-bottom:none}.volt-orders-page .table tbody tr:last-child td:first-child{border-radius:0 0 0 var(--radius-lg)}.volt-orders-page .table tbody tr:last-child td:last-child{border-radius:0 0 var(--radius-lg) 0}.volt-user-cell-orders{display:flex;flex-direction:column;gap:.25rem}.volt-username{font-weight:500;color:var(--text-primary)}.volt-id{font-size:.75rem;color:var(--text-tertiary);font-family:var(--font-mono)}.volt-orders-page .order-amount{font-weight:600;color:#4ade80;font-family:var(--font-mono);font-size:.875rem}.volt-orders-page .order-date{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.volt-orders-page .order-expense{color:#f87171;font-family:var(--font-mono);font-size:.875rem}.volt-orders-page .order-profit{font-weight:700;font-family:var(--font-mono);font-size:.875rem}.volt-orders-page .profit-positive{color:#4ade80}.volt-orders-page .profit-negative{color:#f87171}.volt-orders-page .badge{display:inline-flex;align-items:center;justify-content:center;padding:.3125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.volt-orders-page .badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.volt-orders-page .badge-warning{background:#eab30826;color:#fbbf24;border:1px solid rgba(234,179,8,.25)}.volt-orders-page .badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.volt-orders-page .badge-secondary{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.25)}.volt-orders-page .badge-info{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.25)}.volt-orders-page .col-checkbox{width:40px;text-align:center}.volt-orders-page .col-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#6366f1}.volt-orders-page .col-checkbox input[type=checkbox]:disabled{opacity:.25;cursor:not-allowed}.volt-orders-page .row-paid-out{opacity:.55}.volt-orders-page .row-paid-out:hover{opacity:.75}.volt-orders-page .payout-action-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.875rem 1.5rem;background:var(--bg-secondary);border-top:1px solid rgba(99,102,241,.3);box-shadow:0 -4px 20px #0000004d,0 -1px #6366f133;z-index:100}.volt-orders-page .payout-action-count{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.volt-orders-page .payout-action-btn{padding:.5rem 1.25rem;font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-md);background:#6366f1;color:#fff;cursor:pointer;transition:all .15s ease}.volt-orders-page .payout-action-btn:hover{background:#4f46e5;box-shadow:0 2px 8px #6366f14d}.volt-orders-page .payout-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.volt-orders-page .payout-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:1.75rem;width:100%;max-width:440px;box-shadow:0 20px 60px #0006}.volt-orders-page .payout-modal h2{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.volt-orders-page .payout-modal-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 1.25rem}.volt-orders-page .payout-modal-summary{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem}.volt-orders-page .payout-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:var(--text-sm);color:var(--text-secondary)}.volt-orders-page .payout-summary-row span:last-child{font-family:var(--font-mono);font-weight:600}.volt-orders-page .payout-summary-total{border-top:1px solid var(--border-subtle);margin-top:.375rem;padding-top:.625rem;font-weight:700;color:var(--text-primary)}.volt-orders-page .payout-summary-split{font-size:var(--text-md);color:#a5b4fc;font-weight:700;padding-top:.5rem}.volt-orders-page .payout-summary-split span:last-child{color:#a5b4fc}.volt-orders-page .payout-modal-notes{margin-bottom:1.25rem}.volt-orders-page .payout-modal-notes label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.075em;margin-bottom:.375rem;font-weight:500}.volt-orders-page .payout-modal-notes textarea{width:100%;padding:.625rem .875rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);resize:vertical;font-family:inherit;transition:border-color .15s ease}.volt-orders-page .payout-modal-notes textarea::placeholder{color:var(--text-muted)}.volt-orders-page .payout-modal-notes textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.volt-orders-page .payout-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.volt-orders-page .payout-modal-actions .btn{padding:.5rem 1.25rem;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.volt-orders-page .payout-modal-actions .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary)}.volt-orders-page .payout-modal-actions .btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.volt-orders-page .payout-modal-actions .btn-primary{background:#6366f1;border:1px solid #6366f1;color:#fff}.volt-orders-page .payout-modal-actions .btn-primary:hover:not(:disabled){background:#4f46e5}.volt-orders-page .payout-modal-actions .btn:disabled{opacity:.5;cursor:not-allowed}.volt-orders-page .payout-row{cursor:pointer}.volt-orders-page .payout-row:hover{background:#6366f10a}.volt-orders-page .payout-id{font-family:var(--font-mono);font-weight:600;color:#a5b4fc}.volt-orders-page .payout-per-person{font-family:var(--font-mono);font-weight:700;color:#a5b4fc}.volt-orders-page .payout-notes-cell{color:var(--text-tertiary);font-size:.8125rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.volt-orders-page .payout-expanded-row td{padding:0;background:var(--bg-tertiary)}.volt-orders-page .payout-expanded-table{min-width:auto;margin:0;border:none}.volt-orders-page .payout-expanded-table th{background:#00000026;font-size:.625rem;padding:.5rem .75rem;position:static}.volt-orders-page .payout-expanded-table td{padding:.625rem .75rem;font-size:.8125rem}.volt-orders-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.volt-orders-page .order-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.volt-orders-page .order-card:hover{border-color:var(--border-emphasis)}.volt-orders-page .order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.volt-orders-page .order-card-primary{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}.volt-orders-page .order-card-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.volt-orders-page .order-card-customer{display:flex;flex-direction:column;gap:var(--space-1)}.volt-orders-page .order-card-customer .volt-username{font-size:var(--text-md);font-weight:600;color:var(--text-primary);word-break:break-word}.volt-orders-page .order-card-customer .volt-id{font-size:var(--text-xs);color:var(--text-tertiary);word-break:break-all}.volt-orders-page .order-card-body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.volt-orders-page .order-card-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.volt-orders-page .order-card-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-shrink:0}.volt-orders-page .order-card-value{font-size:var(--text-sm);color:var(--text-primary);text-align:right}.volt-orders-page .order-card-value.order-amount{font-weight:600;color:#4ade80;font-family:var(--font-mono)}.volt-orders-page .empty-state{text-align:center;padding:var(--space-16) var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.volt-orders-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--border-subtle)}.volt-orders-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.volt-orders-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px;margin:0 auto;line-height:1.6}.volt-orders-page .pagination-bar{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.volt-orders-page .pagination-bar .btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all .15s ease;min-width:100px}.volt-orders-page .pagination-bar .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer}.volt-orders-page .pagination-bar .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-emphasis);color:var(--text-primary)}.volt-orders-page .pagination-bar .btn-secondary:disabled{opacity:.4;cursor:not-allowed}.volt-orders-page .pagination-info{font-size:.8125rem;color:var(--text-tertiary);font-family:var(--font-mono);padding:0 .5rem}@media(max-width:768px){.volt-orders-page .page-header{flex-direction:column;gap:var(--space-4)}.volt-orders-page .page-header h1{font-size:var(--text-xl)}.volt-orders-page .orders-stats{grid-template-columns:repeat(2,1fr)}.volt-orders-page .stat-card .stat-value{font-size:1.125rem}.volt-orders-page .filters-bar{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.volt-orders-page .search-box,.volt-orders-page .filter-group{width:100%;min-width:auto}.volt-orders-page .filter-stats{margin-left:0;width:100%;text-align:center}.volt-orders-page .hide-tablet{display:none}.volt-orders-page .table{min-width:550px}.volt-orders-page .pagination-bar{flex-wrap:wrap;gap:var(--space-2)}.volt-orders-page .pagination-bar .btn{min-width:100px}}@media(max-width:480px){.volt-orders-page .table-container{display:none}.volt-orders-page .mobile-cards{display:flex}.volt-orders-page .orders-stats{grid-template-columns:repeat(2,1fr)}.volt-orders-page .stat-card{padding:.75rem}.volt-orders-page .stat-card .stat-value{font-size:1rem}.volt-orders-page .empty-state{padding:var(--space-8)}.volt-orders-page .empty-icon{width:56px;height:56px}.volt-orders-page .pagination-bar{flex-direction:column;gap:var(--space-3)}.volt-orders-page .pagination-bar .btn{width:100%;min-height:44px;justify-content:center}.volt-orders-page .pagination-info{order:-1;font-size:var(--text-xs)}.volt-orders-page .order-card-header .badge{min-height:28px;display:inline-flex;align-items:center}}@media(max-width:360px){.volt-orders-page .orders-stats{grid-template-columns:1fr}.volt-orders-page .order-card-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.volt-orders-page .order-card-value{text-align:left}}.ondemand-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.ondemand-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.025em}.ondemand-page .page-subtitle{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-tertiary)}.ondemand-page .last-updated{font-size:.6875rem;color:var(--text-muted);padding:.25rem .625rem;background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-family:var(--font-mono)}.ondemand-page .header-actions{display:flex;gap:.625rem}.ondemand-page .header-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .15s ease}.ondemand-page .header-actions .btn:hover{transform:translateY(-1px)}.ondemand-page .header-actions .btn:active{transform:translateY(0)}.ondemand-page .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.75rem}.ondemand-page .stat-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.125rem;display:flex;align-items:center;gap:.875rem;transition:all .2s ease;position:relative;overflow:hidden}.ondemand-page .stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:background .2s ease}.ondemand-page .stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.ondemand-page .stat-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.ondemand-page .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.ondemand-page .stat-icon-wrapper.total-icon{background:linear-gradient(135deg,#6366f133,#6366f11a);border:1px solid rgba(99,102,241,.25);color:#818cf8}.ondemand-page .stat-card:has(.total-icon):before{background:#6366f1}.ondemand-page .stat-icon-wrapper.pools-icon{background:linear-gradient(135deg,#0ea5e933,#0ea5e91a);border:1px solid rgba(14,165,233,.25);color:#38bdf8}.ondemand-page .stat-card:has(.pools-icon):before{background:#0ea5e9}.ondemand-page .stat-icon-wrapper.instock-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid rgba(34,197,94,.25);color:#4ade80}.ondemand-page .stat-card:has(.instock-icon):before{background:#22c55e}.ondemand-page .stat-icon-wrapper.outstock-icon{background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid rgba(239,68,68,.25);color:#f87171}.ondemand-page .stat-card:has(.outstock-icon):before{background:#ef4444}.ondemand-page .stat-info{display:flex;flex-direction:column;gap:.1875rem}.ondemand-page .stat-value{font-size:1.375rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.02em;line-height:1.1}.ondemand-page .stat-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.075em;font-weight:500}.ondemand-page .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.ondemand-page .controls-bar{padding:1rem 1.25rem;border-bottom:1px solid var(--border-default);background:var(--bg-tertiary)}.ondemand-page .filters-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.ondemand-page .filter-group{display:flex;flex-direction:column;gap:.375rem;min-width:140px}.ondemand-page .filter-group label{font-size:.6875rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.075em}.ondemand-page .filter-group.search-group{flex:1;min-width:200px}.ondemand-page .select,.ondemand-page .search-input{width:100%;padding:.5rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .15s ease}.ondemand-page .select{padding-right:2rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center}.ondemand-page .select:hover,.ondemand-page .search-input:hover{border-color:var(--border-emphasis)}.ondemand-page .select:focus,.ondemand-page .search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.ondemand-page .search-input::placeholder{color:var(--text-muted)}.ondemand-page .pools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1.25rem}.ondemand-page .pool-card{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.ondemand-page .pool-card:hover{border-color:#6366f180;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.ondemand-page .pool-card.out-of-stock{opacity:.5}.ondemand-page .pool-card.out-of-stock:hover{opacity:.65}.ondemand-page .pool-card-inner{display:flex;flex-direction:column;height:100%;min-height:280px}.ondemand-page .pool-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-default)}.ondemand-page .pool-type{font-size:.625rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;border-radius:var(--radius-sm);letter-spacing:.05em}.ondemand-page .pool-type.isp{background:linear-gradient(135deg,#6366f133,#6366f11a);color:#a5b4fc;border:1px solid rgba(99,102,241,.25)}.ondemand-page .pool-type.sn{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fcd34d;border:1px solid rgba(251,191,36,.25)}.ondemand-page .stock-badge{font-size:.625rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.ondemand-page .stock-badge.stock-high{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.ondemand-page .stock-badge.stock-medium{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.ondemand-page .stock-badge.stock-low{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.25)}.ondemand-page .stock-badge.stock-none{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.25)}.ondemand-page .pool-body{flex:1;padding:1.125rem 1rem 1rem;display:flex;flex-direction:column}.ondemand-page .pool-category{font-size:1.125rem;font-weight:600;color:var(--text-primary);text-transform:capitalize;margin-bottom:.5rem;line-height:1.3;letter-spacing:-.01em}.ondemand-page .pool-location{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.ondemand-page .country-code{font-size:.625rem;font-weight:700;color:var(--text-primary);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);letter-spacing:.03em;border:1px solid var(--border-subtle)}.ondemand-page .location-name{font-size:.8125rem;color:var(--text-secondary)}.ondemand-page .pool-details{display:flex;flex-direction:column;gap:.75rem;flex:1}.ondemand-page .detail-row{display:flex;flex-direction:column;gap:.25rem}.ondemand-page .detail-label{font-size:.625rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.075em}.ondemand-page .detail-value{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.ondemand-page .pool-footer{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-top:1px solid var(--border-default);background:var(--bg-tertiary)}.ondemand-page .stock-display{display:flex;align-items:baseline;gap:.375rem}.ondemand-page .stock-number{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ondemand-page .stock-unit{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase}.ondemand-page .stock-display.stock-high .stock-number{color:#4ade80}.ondemand-page .stock-display.stock-medium .stock-number{color:#fbbf24}.ondemand-page .stock-display.stock-low .stock-number{color:#f87171}.ondemand-page .stock-display.stock-none .stock-number{color:#6b7280}.ondemand-page .price-display{display:flex;flex-direction:column;align-items:flex-end;gap:0}.ondemand-page .price-value{font-size:1rem;font-weight:700;color:#4ade80;font-family:var(--font-mono)}.ondemand-page .price-unit{font-size:.625rem;color:var(--text-muted);text-transform:uppercase}.ondemand-page .empty-state{text-align:center;padding:4rem 1.5rem}.ondemand-page .empty-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));color:var(--text-muted);margin-bottom:1.25rem;border:1px solid var(--border-subtle)}.ondemand-page .empty-state h3{margin:0 0 .5rem;color:var(--text-primary);font-size:var(--text-lg);font-weight:600}.ondemand-page .empty-state p{color:var(--text-tertiary);font-size:var(--text-sm);max-width:360px;margin:0 auto;line-height:1.6}.ondemand-page .pricing-panel{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:1.75rem;overflow:hidden}.ondemand-page .pricing-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-default);background:var(--bg-tertiary)}.ondemand-page .pricing-header h2{margin:0 0 .25rem;font-size:1.125rem;color:var(--text-primary);font-weight:600;letter-spacing:-.01em}.ondemand-page .pricing-header p{margin:0;font-size:.8125rem;color:var(--text-muted)}.ondemand-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:var(--border-default)}.ondemand-page .pricing-item{background:var(--bg-secondary);padding:1.125rem;text-align:center;transition:background .15s ease}.ondemand-page .pricing-item:hover{background:var(--bg-tertiary)}.ondemand-page .pricing-category{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:.625rem}.ondemand-page .pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.ondemand-page .pricing-amount .price{font-size:1.625rem;font-weight:700;color:#4ade80;font-family:var(--font-mono)}.ondemand-page .pricing-amount .unit{font-size:.6875rem;color:var(--text-muted)}.ondemand-page .pricing-note{font-size:.6875rem;color:var(--text-muted);margin-top:.375rem;font-style:italic}.ondemand-page .pricing-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-default);background:var(--bg-tertiary)}.ondemand-page .pricing-info{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.ondemand-page .pricing-info:last-child{margin-bottom:0}.ondemand-page .pricing-info strong{color:var(--text-primary)}.ondemand-page .mobile-pool-list{display:none;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.ondemand-page .pool-list-item{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease}.ondemand-page .pool-list-item:hover{border-color:var(--border-emphasis)}.ondemand-page .pool-list-item.out-of-stock{opacity:.5}.ondemand-page .pool-list-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default)}.ondemand-page .pool-list-title{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.ondemand-page .pool-list-category{font-size:var(--text-md);font-weight:600;color:var(--text-primary);text-transform:capitalize}.ondemand-page .pool-list-location{display:flex;align-items:center;gap:var(--space-2)}.ondemand-page .pool-type-small{font-size:.5625rem;font-weight:700;text-transform:uppercase;padding:.125rem .375rem;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted);letter-spacing:.03em;border:1px solid var(--border-subtle)}.ondemand-page .pool-list-details{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.ondemand-page .pool-list-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.ondemand-page .pool-list-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-weight:500}.ondemand-page .pool-list-value{font-size:var(--text-sm);color:var(--text-secondary);text-align:right;line-height:1.4}.ondemand-page .pool-list-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);background:var(--bg-tertiary)}.ondemand-page .stock-display-compact{display:flex;align-items:baseline;gap:.25rem}.ondemand-page .stock-display-compact .stock-number{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums}.ondemand-page .stock-display-compact .stock-unit{font-size:.625rem;font-weight:500;color:var(--text-muted)}.ondemand-page .stock-display-compact.stock-high .stock-number{color:#4ade80}.ondemand-page .stock-display-compact.stock-medium .stock-number{color:#fbbf24}.ondemand-page .stock-display-compact.stock-low .stock-number{color:#f87171}.ondemand-page .stock-display-compact.stock-none .stock-number{color:#6b7280}.ondemand-page .price-display-compact{display:flex;align-items:baseline;gap:0}.ondemand-page .price-display-compact .price-value{font-size:.9375rem;font-weight:700;color:#4ade80;font-family:var(--font-mono)}.ondemand-page .price-display-compact .price-unit{font-size:.5625rem;color:var(--text-muted)}.ondemand-page .alert{padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:var(--text-sm)}.ondemand-page .alert-error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.25)}@media(max-width:1024px){.ondemand-page .stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ondemand-page .page-header{flex-direction:column;gap:var(--space-4)}.ondemand-page .header-actions{width:100%;flex-wrap:wrap}.ondemand-page .header-actions .btn{flex:1;min-width:100px;justify-content:center}.ondemand-page .stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.ondemand-page .stat-card{flex-direction:column;text-align:center;gap:var(--space-2);padding:var(--space-3)}.ondemand-page .stat-card:before{width:100%;height:3px;left:0;top:0}.ondemand-page .stat-icon-wrapper{width:36px;height:36px}.ondemand-page .stat-value{font-size:1.125rem}.ondemand-page .controls-bar{padding:var(--space-3) var(--space-4)}.ondemand-page .filters-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.ondemand-page .filter-group{width:100%;min-width:auto}.ondemand-page .filter-group.search-group{min-width:auto}.ondemand-page .pools-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.ondemand-page .pool-card-inner{min-height:240px}.ondemand-page .pool-category{font-size:1rem}.ondemand-page .pool-body{padding:1rem .875rem .875rem}.ondemand-page .detail-value{font-size:.75rem}.ondemand-page .pricing-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.ondemand-page .stats-row{grid-template-columns:1fr}.ondemand-page .stat-card{flex-direction:row;text-align:left;padding:.875rem 1rem}}@media(max-width:480px){.ondemand-page .pools-grid{display:none}.ondemand-page .mobile-pool-list{display:flex}.ondemand-page .stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.ondemand-page .stat-card{flex-direction:row;text-align:left;padding:.625rem .875rem}.ondemand-page .stat-icon-wrapper{width:32px;height:32px}.ondemand-page .stat-value{font-size:1rem}.ondemand-page .pricing-panel{margin-bottom:1rem}.ondemand-page .pricing-header{padding:var(--space-3) var(--space-4)}.ondemand-page .pricing-header h2{font-size:1rem}.ondemand-page .pricing-grid{grid-template-columns:repeat(2,1fr)}.ondemand-page .pricing-item{padding:.875rem}.ondemand-page .pricing-amount .price{font-size:1.375rem}.ondemand-page .pricing-footer{padding:var(--space-3) var(--space-4)}.ondemand-page .pricing-info{font-size:.6875rem}.ondemand-page .empty-state{padding:3rem 1rem}.ondemand-page .empty-icon{width:56px;height:56px}}@media(max-width:360px){.ondemand-page .stats-row,.ondemand-page .pricing-grid{grid-template-columns:1fr}.ondemand-page .pool-list-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.ondemand-page .pool-list-value{text-align:left}}.ondemand-orders-page{max-width:var(--content-max-width);margin:0 auto}.ondemand-orders-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.ondemand-orders-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.ondemand-orders-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:1.5}.ondemand-orders-page .header-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.ondemand-orders-page .header-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .15s ease}.ondemand-orders-page .header-actions .btn:hover{transform:translateY(-1px)}.ondemand-orders-page .header-actions .btn:active{transform:translateY(0)}.ondemand-orders-page .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.ondemand-orders-page .stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all .2s ease;position:relative;overflow:hidden}.ondemand-orders-page .stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:background .2s ease}.ondemand-orders-page .stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.ondemand-orders-page .stat-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.ondemand-orders-page .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.ondemand-orders-page .stat-icon-wrapper.orders-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:1px solid rgba(59,130,246,.25);color:#60a5fa}.ondemand-orders-page .stat-card:has(.orders-icon):before{background:#3b82f6}.ondemand-orders-page .stat-icon-wrapper.proxies-icon{background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid rgba(16,185,129,.25);color:#34d399}.ondemand-orders-page .stat-card:has(.proxies-icon):before{background:#10b981}.ondemand-orders-page .stat-icon-wrapper.pools-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:1px solid rgba(139,92,246,.25);color:#a78bfa}.ondemand-orders-page .stat-card:has(.pools-icon):before{background:#8b5cf6}.ondemand-orders-page .stat-info{display:flex;flex-direction:column;gap:.25rem}.ondemand-orders-page .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1.1;letter-spacing:-.02em}.ondemand-orders-page .stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.075em;font-weight:500}.ondemand-orders-page .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.ondemand-orders-page .card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary)}.ondemand-orders-page .card-header h2{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.ondemand-orders-page .results-count{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono)}.ondemand-orders-page .table-container{overflow-x:auto}.ondemand-orders-page .table{width:100%;border-collapse:collapse}.ondemand-orders-page .table th{text-align:left;padding:.875rem 1rem;font-weight:600;font-size:.6875rem;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.075em;white-space:nowrap;position:sticky;top:0;z-index:1}.ondemand-orders-page .table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm)}.ondemand-orders-page .table tbody tr{transition:background .1s ease}.ondemand-orders-page .table tbody tr:hover{background:#ffffff05}.ondemand-orders-page .table tbody tr:last-child td{border-bottom:none}.ondemand-orders-page .order-id{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#60a5fa;display:inline-block}.ondemand-orders-page .pool-name{font-weight:500;color:var(--text-primary)}.ondemand-orders-page .quantity-value{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.ondemand-orders-page .expiry-cell{display:flex;flex-direction:column;gap:.25rem}.ondemand-orders-page .days-remaining{font-size:.6875rem;color:var(--text-tertiary);font-weight:500;font-family:var(--font-mono)}.ondemand-orders-page .days-remaining.expiring-soon{color:#fbbf24}.ondemand-orders-page .days-remaining.expired{color:#f87171}.ondemand-orders-page .action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.ondemand-orders-page .action-buttons .btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-md);transition:all .15s ease}.ondemand-orders-page .action-buttons .btn-outline{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary)}.ondemand-orders-page .action-buttons .btn-outline:hover{background:var(--bg-hover);border-color:var(--border-emphasis);color:var(--text-primary);transform:translateY(-1px)}.ondemand-orders-page .action-buttons .btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid rgba(99,102,241,.5);color:#fff}.ondemand-orders-page .action-buttons .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.ondemand-orders-page .action-buttons .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.ondemand-orders-page .badge{display:inline-flex;align-items:center;justify-content:center;padding:.3125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.ondemand-orders-page .badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.ondemand-orders-page .badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.ondemand-orders-page .empty-state{text-align:center;padding:var(--space-16)}.ondemand-orders-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--border-subtle)}.ondemand-orders-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.ondemand-orders-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-5) 0;max-width:360px;margin-left:auto;margin-right:auto;line-height:1.6}.ondemand-orders-page .empty-state .btn{display:inline-flex;align-items:center;gap:.5rem}.ondemand-orders-page .modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4);animation:fadeIn .2s ease-out}.ondemand-orders-page .modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 48px #0006;animation:slideUp .25s ease-out}.ondemand-orders-page .modal.modal-lg{max-width:720px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ondemand-orders-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary)}.ondemand-orders-page .modal-header h2{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.ondemand-orders-page .close-btn{background:none;border:none;font-size:24px;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);width:36px;height:36px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:var(--radius-md);transition:all .15s ease}.ondemand-orders-page .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ondemand-orders-page .modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.ondemand-orders-page .modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.ondemand-orders-page .modal-footer .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-weight:500;transition:all .15s ease}.ondemand-orders-page .modal-footer .btn-outline{background:var(--bg-secondary);border:1px solid var(--border-default);color:var(--text-secondary)}.ondemand-orders-page .modal-footer .btn-outline:hover{background:var(--bg-hover);border-color:var(--border-emphasis);color:var(--text-primary)}.ondemand-orders-page .modal-footer .btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid rgba(99,102,241,.5);color:#fff}.ondemand-orders-page .modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 4px 12px #6366f14d}.ondemand-orders-page .modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.ondemand-orders-page .form-group{margin-bottom:var(--space-4)}.ondemand-orders-page .form-group:last-child{margin-bottom:0}.ondemand-orders-page .form-group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--text-secondary);font-size:.6875rem;text-transform:uppercase;letter-spacing:.075em}.ondemand-orders-page .form-group input[type=text],.ondemand-orders-page .form-group input[type=number]{width:100%;padding:.625rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);font-family:inherit;transition:all .15s ease}.ondemand-orders-page .form-group input::placeholder{color:var(--text-muted)}.ondemand-orders-page .form-group input:hover{border-color:var(--border-emphasis)}.ondemand-orders-page .form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.ondemand-orders-page .form-group input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.ondemand-orders-page .form-group .select{width:100%;padding:.625rem 2.25rem .625rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all .15s ease}.ondemand-orders-page .form-group .select:hover{border-color:var(--border-emphasis)}.ondemand-orders-page .form-group .select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.ondemand-orders-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.ondemand-orders-page .order-preview{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.ondemand-orders-page .preview-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0}.ondemand-orders-page .preview-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.ondemand-orders-page .preview-row .preview-label{font-size:var(--text-sm);color:var(--text-muted)}.ondemand-orders-page .preview-row .preview-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.ondemand-orders-page .order-info-banner{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.ondemand-orders-page .info-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0}.ondemand-orders-page .info-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.ondemand-orders-page .info-row .info-label{font-size:var(--text-sm);color:var(--text-muted)}.ondemand-orders-page .info-row .info-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.ondemand-orders-page .quick-lengths{margin-bottom:var(--space-4)}.ondemand-orders-page .quick-lengths label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--text-secondary);font-size:.6875rem;text-transform:uppercase;letter-spacing:.075em}.ondemand-orders-page .quick-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.ondemand-orders-page .quick-btn{padding:.5rem .875rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.ondemand-orders-page .quick-btn:hover:not(:disabled){border-color:#6366f1;color:var(--text-primary);background:#6366f10d}.ondemand-orders-page .quick-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f140}.ondemand-orders-page .quick-btn:disabled{opacity:.4;cursor:not-allowed}.ondemand-orders-page .expiry-preview{background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-lg);padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:center}.ondemand-orders-page .expiry-preview .preview-label{font-size:var(--text-sm);color:var(--text-secondary)}.ondemand-orders-page .expiry-preview .preview-value{font-size:1rem;font-weight:700;color:#34d399;font-family:var(--font-mono)}.ondemand-orders-page .loading-state{text-align:center;padding:var(--space-12);color:var(--text-tertiary)}.ondemand-orders-page .loading-state .spinner{width:36px;height:36px;border:2px solid var(--border-default);border-top-color:#6366f1;border-radius:var(--radius-full);animation:spin .8s linear infinite;margin:0 auto var(--space-4)}.ondemand-orders-page .order-info-section{margin-bottom:var(--space-6)}.ondemand-orders-page .section-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0;letter-spacing:-.01em}.ondemand-orders-page .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.ondemand-orders-page .info-item{display:flex;flex-direction:column;gap:.375rem}.ondemand-orders-page .info-item .info-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.075em;font-weight:500}.ondemand-orders-page .info-item .info-value{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.ondemand-orders-page .info-item code.info-value{font-family:var(--font-mono);font-size:.75rem;color:#60a5fa;word-break:break-all}.ondemand-orders-page .proxies-section{margin-bottom:var(--space-4)}.ondemand-orders-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.ondemand-orders-page .section-header .section-title{margin:0}.ondemand-orders-page .section-header .btn{transition:all .15s ease}.ondemand-orders-page .section-header .btn:hover{transform:translateY(-1px)}.ondemand-orders-page .proxies-table-container{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;max-height:300px;overflow-y:auto}.ondemand-orders-page .proxies-table{font-size:var(--text-xs)}.ondemand-orders-page .proxies-table th{position:sticky;top:0;z-index:1}.ondemand-orders-page .proxies-table td{padding:.625rem .75rem}.ondemand-orders-page .proxies-table code{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);padding:0;background:none;border:none}.ondemand-orders-page .no-proxies{text-align:center;padding:var(--space-8);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-tertiary)}.ondemand-orders-page .alert{padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm);display:flex;align-items:center;gap:.5rem}.ondemand-orders-page .alert-error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.25)}.ondemand-orders-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.ondemand-orders-page .order-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.ondemand-orders-page .order-card:hover{border-color:var(--border-emphasis)}.ondemand-orders-page .order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.ondemand-orders-page .order-card-primary{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}.ondemand-orders-page .order-card-id{font-family:var(--font-mono);font-size:var(--text-xs);color:#60a5fa;font-weight:500;padding:.25rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:inline-block;width:fit-content}.ondemand-orders-page .order-card-pool{font-size:var(--text-md);font-weight:600;color:var(--text-primary);word-break:break-word}.ondemand-orders-page .order-card-body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.ondemand-orders-page .order-card-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.ondemand-orders-page .order-card-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-shrink:0}.ondemand-orders-page .order-card-value{font-size:var(--text-sm);color:var(--text-primary);text-align:right}.ondemand-orders-page .order-card-value.quantity-value{font-family:var(--font-mono);font-weight:600}.ondemand-orders-page .order-card-expiry{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.ondemand-orders-page .days-remaining-badge{font-size:.625rem;color:var(--text-tertiary);padding:.25rem .5rem;background:var(--bg-secondary);border-radius:var(--radius-sm);font-weight:500;font-family:var(--font-mono)}.ondemand-orders-page .days-remaining-badge.expiring-soon{color:#fbbf24;background:#eab30826}.ondemand-orders-page .days-remaining-badge.expired{color:#f87171;background:#ef444426}.ondemand-orders-page .order-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.ondemand-orders-page .order-card-actions .btn{flex:1;min-height:44px;justify-content:center}@media(max-width:1024px){.ondemand-orders-page .stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ondemand-orders-page .page-header{flex-direction:column;gap:var(--space-4)}.ondemand-orders-page .page-header h1{font-size:var(--text-xl)}.ondemand-orders-page .header-actions{width:100%}.ondemand-orders-page .header-actions .btn{flex:1;justify-content:center}.ondemand-orders-page .stats-row{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.ondemand-orders-page .stat-card{flex-direction:column;text-align:center;gap:var(--space-2);padding:var(--space-3)}.ondemand-orders-page .stat-card:before{width:100%;height:3px;left:0;top:0}.ondemand-orders-page .stat-icon-wrapper{width:36px;height:36px}.ondemand-orders-page .stat-value{font-size:1.25rem}.ondemand-orders-page .table th,.ondemand-orders-page .table td{padding:.625rem .75rem;font-size:var(--text-xs)}.ondemand-orders-page .action-buttons{flex-direction:column;gap:.375rem}.ondemand-orders-page .action-buttons .btn{width:100%;justify-content:center;min-height:36px}.ondemand-orders-page .action-buttons .btn-text,.ondemand-orders-page .hide-tablet,.ondemand-orders-page .table .hide-tablet,.ondemand-orders-page .hide-mobile,.ondemand-orders-page .table .hide-mobile{display:none}.ondemand-orders-page .modal{max-width:calc(100% - var(--space-4));max-height:calc(100vh - var(--space-8));margin:var(--space-4)}.ondemand-orders-page .modal-header{padding:var(--space-3) var(--space-4)}.ondemand-orders-page .modal-header h2{font-size:var(--text-md)}.ondemand-orders-page .modal-body{padding:var(--space-4)}.ondemand-orders-page .modal-footer{padding:var(--space-3) var(--space-4);flex-direction:column-reverse}.ondemand-orders-page .modal-footer .btn{width:100%;justify-content:center;min-height:44px}.ondemand-orders-page .form-row{grid-template-columns:1fr;gap:var(--space-4)}.ondemand-orders-page .info-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.ondemand-orders-page .table-container{display:none}.ondemand-orders-page .mobile-cards{display:flex}.ondemand-orders-page .stats-row{grid-template-columns:1fr}.ondemand-orders-page .stat-card{flex-direction:row;text-align:left}.ondemand-orders-page .modal-overlay{padding:0}.ondemand-orders-page .modal{max-width:100%;max-height:100%;margin:0;border-radius:0;border:none}.ondemand-orders-page .info-grid{grid-template-columns:1fr}.ondemand-orders-page .quick-buttons{justify-content:center}.ondemand-orders-page .empty-state{padding:var(--space-8)}.ondemand-orders-page .empty-icon{width:56px;height:56px}}.ondemand-orders-page .success-message{text-align:center;padding:var(--space-6) var(--space-2);margin-bottom:var(--space-5)}.ondemand-orders-page .success-icon{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,#10b98133,#10b9811a);border:2px solid #34d399;color:#34d399;font-size:var(--text-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.ondemand-orders-page .success-message p{font-size:var(--text-base);color:var(--text-primary);margin:0}.ondemand-orders-page .success-message strong{color:#34d399}.ondemand-orders-page .success-banner{background:#10b98114;border:1px solid rgba(16,185,129,.25)}.ondemand-orders-page .success-banner .info-row:not(:last-child){border-bottom:1px solid rgba(16,185,129,.2)}.ondemand-orders-page .info-row .info-value.highlight{color:#34d399;font-weight:700}.ondemand-orders-page .pool-selector{margin-bottom:var(--space-6)}.ondemand-orders-page .pool-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.ondemand-orders-page .pool-selector-header h3{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.ondemand-orders-page .pool-count{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.ondemand-orders-page .filter-section{margin-bottom:var(--space-4)}.ondemand-orders-page .filter-label{display:block;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.075em;margin-bottom:var(--space-2)}.ondemand-orders-page .filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ondemand-orders-page .filter-chip{padding:.375rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.ondemand-orders-page .filter-chip:hover{border-color:#6366f1;color:var(--text-primary);background:#6366f10d}.ondemand-orders-page .filter-chip.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;color:#fff}.ondemand-orders-page .pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;max-height:340px;overflow-y:auto;padding:.25rem}.ondemand-orders-page .pool-card{background:var(--bg-tertiary);border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:.875rem;cursor:pointer;transition:all .15s ease;text-align:left;display:flex;flex-direction:column;min-height:140px}.ondemand-orders-page .pool-card:hover{border-color:#6366f180;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ondemand-orders-page .pool-card.selected{border-color:#6366f1;background:#6366f114;box-shadow:0 0 0 3px #6366f126}.ondemand-orders-page .pool-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ondemand-orders-page .pool-type-badge{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.1875rem .375rem;border-radius:var(--radius-sm)}.ondemand-orders-page .pool-type-badge.isp{background:#3b82f626;color:#60a5fa}.ondemand-orders-page .pool-type-badge.sn{background:#8b5cf626;color:#a78bfa}.ondemand-orders-page .pool-stock{font-size:.6875rem;color:#34d399;font-weight:600;font-family:var(--font-mono)}.ondemand-orders-page .pool-card-body{display:flex;flex-direction:column;gap:.25rem;flex:1}.ondemand-orders-page .pool-country{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.ondemand-orders-page .pool-category{font-size:.75rem;color:var(--text-secondary);font-weight:500}.ondemand-orders-page .pool-description{font-size:.625rem;color:var(--text-muted);line-height:1.4;margin-top:.25rem}.ondemand-orders-page .pool-price{font-size:.75rem;font-weight:700;color:#34d399;font-family:var(--font-mono)}.ondemand-orders-page .pool-card-footer{margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.ondemand-orders-page .pool-card-footer .pool-stock{font-size:.625rem;color:var(--text-muted)}.ondemand-orders-page .no-pools{grid-column:1 / -1;text-align:center;padding:var(--space-8);color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px dashed var(--border-default)}.ondemand-orders-page .order-details-section{padding-top:var(--space-5);border-top:1px solid var(--border-subtle);margin-top:var(--space-2)}.ondemand-orders-page .order-details-section h3{margin:0 0 var(--space-4) 0;font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.ondemand-orders-page .form-help{display:block;margin-top:.375rem;font-size:.6875rem;color:var(--text-muted);font-family:var(--font-mono)}.ondemand-orders-page .order-preview h4{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.ondemand-orders-page .preview-row.total{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-emphasis)}.ondemand-orders-page .preview-row .preview-value.highlight{color:#34d399;font-size:1.125rem;font-weight:700;font-family:var(--font-mono)}@media(max-width:768px){.ondemand-orders-page .pool-grid{grid-template-columns:repeat(2,1fr);max-height:200px}.ondemand-orders-page .filter-chips{gap:.375rem}.ondemand-orders-page .filter-chip{padding:.25rem .5rem;font-size:var(--text-xs)}}@media(max-width:480px){.ondemand-orders-page .pool-grid{grid-template-columns:1fr}}.shop-settings-page{max-width:960px}.shop-settings-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.shop-settings-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.shop-settings-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.shop-settings-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.shop-settings-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.shop-settings-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 12px #0000001f,0 2px 4px #00000014;transform:translateY(-1px)}.shop-settings-card.in-stock{border-left:3px solid var(--color-success)}.shop-settings-card.out-of-stock{border-left:3px solid var(--color-danger)}.shop-settings-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary))}.shop-settings-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0;border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.shop-settings-card:hover .shop-settings-icon{color:var(--accent-primary);border-color:var(--accent-primary-muted);background:var(--accent-primary-muted)}.shop-settings-icon svg{width:24px;height:24px}.shop-settings-info{min-width:0;flex:1}.shop-settings-info h3{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0 0 .375rem;letter-spacing:-.01em}.shop-settings-key{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);word-break:break-all;background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm);display:inline-block}.shop-settings-card-body{padding:1.5rem}.shop-settings-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-subtle);gap:var(--space-3)}.shop-settings-row:last-of-type{border-bottom:none}.shop-settings-row:first-of-type{padding-top:0}.shop-settings-label{display:flex;flex-direction:column;gap:.375rem;min-width:0;flex:1}.shop-settings-label>span:first-child{font-size:.875rem;font-weight:500;color:var(--text-primary)}.shop-settings-label .hint{font-size:.75rem;color:var(--text-muted)}.shop-settings-label .status-badge{display:inline-flex;align-items:center;padding:.3125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;width:fit-content;box-shadow:0 1px 2px #0000000d}.status-badge.badge-success{background:linear-gradient(135deg,#22c55e26,#22c55e1a);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-badge.badge-danger{background:linear-gradient(135deg,#ef444426,#ef44441a);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.toggle-btn{position:relative;width:52px;height:28px;min-width:52px;min-height:28px;background:var(--bg-tertiary);border:2px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toggle-btn:hover{border-color:var(--border-emphasis);background:var(--bg-hover)}.toggle-btn:focus{outline:none;box-shadow:0 0 0 3px var(--accent-primary-muted)}.toggle-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.toggle-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;box-shadow:0 2px 8px #22c55e4d}.toggle-btn.active:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;box-shadow:0 2px 4px #00000026,0 1px 2px #0000001a}.toggle-btn:hover .toggle-slider{box-shadow:0 3px 6px #0003,0 2px 4px #0000001a}.toggle-btn.active .toggle-slider{transform:translate(24px);box-shadow:0 2px 6px #0003}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-btn:disabled:hover{border-color:var(--border-default);background:var(--bg-tertiary)}.quantity-row{flex-wrap:wrap;gap:.75rem}.quantity-controls{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.quantity-input{width:110px;padding:.5rem .875rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-mono);color:var(--text-primary);text-align:center;transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000d}.quantity-input:hover{border-color:var(--border-emphasis);background:var(--bg-secondary)}.quantity-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted),inset 0 1px 2px #0000000d;background:var(--bg-secondary)}.quantity-input::placeholder{color:var(--text-muted);font-family:var(--font-sans);font-style:italic}.shop-settings-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-muted)}.shop-settings-meta span:not(:last-child):after{content:"•";margin-left:.5rem;opacity:.5}.shop-settings-info-box{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;box-shadow:0 1px 3px #0000000f}.shop-settings-info-box svg{flex-shrink:0;width:20px;height:20px;color:var(--accent-primary);margin-top:.125rem}.shop-settings-info-box strong{color:var(--text-primary);display:block;margin-bottom:.625rem;font-size:.9375rem}.shop-settings-info-box ul{margin:0;padding-left:1.25rem}.shop-settings-info-box li{margin-bottom:.375rem;line-height:1.6}.shop-settings-info-box li:last-child{margin-bottom:0}.shop-settings-info-box li strong{display:inline;margin-bottom:0;font-size:inherit}.shop-settings-mobile-cards{display:none;gap:var(--space-4);flex-direction:column}.shop-mobile-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.shop-mobile-card:hover{border-color:var(--border-emphasis)}.shop-mobile-card.in-stock{border-left:4px solid var(--color-success)}.shop-mobile-card.out-of-stock{border-left:4px solid var(--color-danger)}.shop-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.shop-mobile-card-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.shop-mobile-card-info .shop-settings-icon{width:40px;height:40px}.shop-mobile-card-info .shop-settings-icon svg{width:20px;height:20px}.shop-mobile-card-text{min-width:0;flex:1}.shop-mobile-card-text h3{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.shop-mobile-card-text .shop-settings-key{font-size:var(--text-xs)}.shop-mobile-card-body{padding:var(--space-4)}.shop-mobile-setting-row{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.shop-mobile-setting-row:last-child{border-bottom:none;padding-bottom:0}.shop-mobile-setting-row:first-child{padding-top:0}.shop-mobile-setting-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.shop-mobile-setting-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.shop-mobile-setting-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.shop-mobile-quantity-controls{display:flex;gap:var(--space-2);width:100%}.shop-mobile-quantity-controls .quantity-input{flex:1;width:100%;min-height:44px}.shop-mobile-quantity-controls .btn{min-height:44px;min-width:70px}.shop-mobile-card-footer{padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-top:1px solid var(--border-subtle)}.shop-mobile-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.shop-mobile-card-meta span:not(:last-child):after{content:"•";margin-left:var(--space-2)}.shop-settings-desktop-grid{display:grid;gap:1.5rem}.shop-settings-page .btn{transition:all .2s ease}.shop-settings-page .btn-sm{padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-md)}.shop-settings-page .btn-primary{box-shadow:0 1px 3px #3b82f633}.shop-settings-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.shop-settings-page .btn-primary:active{transform:translateY(0)}.shop-settings-page .btn-outline{border:1px solid var(--border-default);background:transparent}.shop-settings-page .btn-outline:hover{background:var(--bg-hover);border-color:var(--border-emphasis)}@media(max-width:768px){.shop-settings-page .page-header{flex-direction:column;gap:var(--space-3)}.shop-settings-page .page-header h1{font-size:var(--text-xl)}.shop-settings-card-header{padding:1rem;gap:var(--space-3)}.shop-settings-icon{width:40px;height:40px}.shop-settings-icon svg{width:20px;height:20px}.shop-settings-card-body{padding:1rem}.shop-settings-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.shop-settings-row .toggle-btn{align-self:flex-end}.quantity-controls{width:100%}.quantity-input{flex:1;min-height:44px}.quantity-controls .btn{min-height:44px}.shop-settings-info-box{flex-direction:column;gap:var(--space-3)}.shop-settings-info-box svg{align-self:flex-start}.shop-settings-grid{gap:1rem}}@media(max-width:480px){.shop-settings-desktop-grid{display:none}.shop-settings-mobile-cards{display:flex}.shop-settings-page .page-header h1{font-size:var(--text-lg)}.shop-settings-page .page-subtitle{font-size:var(--text-xs)}.toggle-btn{width:56px;height:32px;min-width:56px;min-height:32px}.toggle-slider{width:24px;height:24px}.toggle-btn.active .toggle-slider{transform:translate(24px)}.shop-mobile-quantity-controls .btn{min-height:44px;padding:var(--space-2) var(--space-3);flex:1}.shop-settings-info-box{padding:var(--space-4);font-size:var(--text-sm)}.shop-settings-info-box ul{padding-left:1rem}.shop-settings-meta{flex-direction:column;gap:var(--space-1)}.shop-settings-meta span:not(:last-child):after{display:none}}.shop-settings-page{overflow-x:hidden}.shop-settings-grid,.shop-settings-mobile-cards,.shop-settings-desktop-grid{max-width:100%}.orders-page{max-width:1400px}.orders-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.orders-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.orders-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;line-height:1.5}.orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.75rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .2s ease}.stat-card:hover{border-color:var(--border-emphasis);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.stat-card .stat-value{font-size:1.875rem;font-weight:700;color:var(--text-primary);line-height:1.2;font-family:var(--font-mono);letter-spacing:-.02em}.stat-card .stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.075em;margin-top:.375rem;font-weight:500}.stat-card.stat-success:before{background:var(--color-success)}.stat-card.stat-success{border-color:#10b98140}.stat-card.stat-success .stat-value{color:var(--color-success)}.stat-card.stat-success:hover{border-color:#10b98166;box-shadow:0 4px 12px #10b9811a}.stat-card.stat-warning:before{background:var(--color-warning)}.stat-card.stat-warning{border-color:#eab30840}.stat-card.stat-warning .stat-value{color:var(--color-warning)}.stat-card.stat-warning:hover{border-color:#eab30866;box-shadow:0 4px 12px #eab3081a}.stat-card.stat-danger:before{background:var(--color-danger)}.stat-card.stat-danger{border-color:#ef444440}.stat-card.stat-danger .stat-value{color:var(--color-danger)}.stat-card.stat-danger:hover{border-color:#ef444466;box-shadow:0 4px 12px #ef44441a}.stat-card.stat-revenue:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.stat-card.stat-revenue{border-color:#6366f140;background:linear-gradient(135deg,#6366f114,#8b5cf60a)}.stat-card.stat-revenue .stat-value{color:#a5b4fc}.stat-card.stat-revenue:hover{border-color:#6366f166;box-shadow:0 4px 12px #6366f126}.filters-bar{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.orders-page .search-box{flex:1;min-width:240px}.orders-page .search-box .form-control{width:100%;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .15s ease}.orders-page .search-box .form-control::placeholder{color:var(--text-muted)}.orders-page .search-box .form-control:hover{border-color:var(--border-emphasis)}.orders-page .search-box .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.orders-page .filter-group{min-width:150px}.orders-page .filter-group .form-control{width:100%;padding:.625rem 2.25rem .625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all .15s ease}.orders-page .filter-group .form-control:hover{border-color:var(--border-emphasis)}.orders-page .filter-group .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.orders-page .filter-stats{margin-left:auto}.orders-page .stat-pill{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:.5rem .875rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-weight:500;font-family:var(--font-mono)}.orders-page .table-container{overflow-x:auto;display:block;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.orders-page .table{width:100%;min-width:800px;border-collapse:collapse}.orders-page .table th{text-align:left;padding:.875rem 1rem;font-weight:600;font-size:.6875rem;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.075em;white-space:nowrap;position:sticky;top:0;z-index:1}.orders-page .table th:first-child{border-radius:var(--radius-lg) 0 0 0}.orders-page .table th:last-child{border-radius:0 var(--radius-lg) 0 0}.orders-page .table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm)}.orders-page .table tbody tr{transition:background .1s ease}.orders-page .table tbody tr:hover{background:#ffffff05}.orders-page .table tbody tr:last-child td{border-bottom:none}.orders-page .table tbody tr:last-child td:first-child{border-radius:0 0 0 var(--radius-lg)}.orders-page .table tbody tr:last-child td:last-child{border-radius:0 0 var(--radius-lg) 0}.order-id{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);font-weight:500}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-username{font-weight:500;color:var(--text-primary)}.customer-email{font-size:.75rem;color:var(--text-tertiary)}.product-details{display:flex;flex-direction:column;gap:.25rem}.product-type{font-weight:500;color:var(--text-primary);font-size:.8125rem}.product-desc{font-size:.75rem;color:var(--text-tertiary)}.order-amount{font-weight:600;color:#4ade80;font-family:var(--font-mono);font-size:.875rem}.order-date{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.3125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.badge-warning{background:#eab30826;color:#fbbf24;border:1px solid rgba(234,179,8,.25)}.badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.badge-secondary{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.25)}.badge-type-residential{background:linear-gradient(135deg,#10b98133,#05966926);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-type-ondemand{background:linear-gradient(135deg,#6366f133,#4f46e526);color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.stripe-id-cell{white-space:nowrap}.stripe-id-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.stripe-id-btn:hover{background:var(--bg-hover);border-color:var(--border-emphasis);transform:translateY(-1px)}.stripe-id-btn:active{transform:translateY(0)}.stripe-id-btn.copied{background:#10b9811a;border-color:#10b98166}.stripe-id-btn code{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.stripe-id-btn.copied code{color:#34d399}.stripe-id-btn .copy-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.stripe-id-btn .copy-icon svg{width:12px;height:12px;stroke:var(--text-tertiary);transition:stroke .15s ease}.stripe-id-btn:hover .copy-icon svg{stroke:var(--text-secondary)}.stripe-id-btn.copied .copy-icon svg{stroke:#34d399}.no-stripe-id{color:var(--text-muted);font-size:var(--text-sm)}.mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.order-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.order-card:hover{border-color:var(--border-emphasis)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.order-card-primary{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}.order-card-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.order-card-customer{display:flex;flex-direction:column;gap:var(--space-1)}.order-card-customer .customer-username{font-size:var(--text-md);font-weight:600;color:var(--text-primary);word-break:break-word}.order-card-customer .customer-email{font-size:var(--text-xs);color:var(--text-tertiary);word-break:break-all}.order-card-body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.order-card-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.order-card-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-shrink:0}.order-card-value{font-size:var(--text-sm);color:var(--text-primary);text-align:right}.order-card-value.order-amount{font-weight:600;color:#4ade80;font-family:var(--font-mono)}.order-card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.stripe-id-btn-mobile{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.stripe-id-btn-mobile:hover{background:var(--bg-hover);border-color:var(--border-emphasis)}.stripe-id-btn-mobile.copied{background:#10b9811a;border-color:var(--color-success)}.stripe-id-btn-mobile .stripe-label{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.stripe-id-btn-mobile code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);flex:1;text-align:left}.stripe-id-btn-mobile.copied code{color:var(--color-success)}.stripe-id-btn-mobile .copy-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary)}.stripe-id-btn-mobile.copied .copy-icon{color:var(--color-success)}.orders-page .empty-state{text-align:center;padding:var(--space-16) var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.orders-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--border-subtle)}.orders-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.orders-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px;margin:0 auto;line-height:1.6}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.pagination-bar .btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all .15s ease;min-width:100px}.pagination-bar .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary)}.pagination-bar .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-emphasis);color:var(--text-primary)}.pagination-bar .btn-secondary:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.8125rem;color:var(--text-tertiary);font-family:var(--font-mono);padding:0 .5rem}@media(max-width:768px){.orders-page .page-header{flex-direction:column;gap:var(--space-4)}.orders-page .page-header h1{font-size:var(--text-xl)}.orders-stats{grid-template-columns:repeat(2,1fr)}.stat-card .stat-value{font-size:1.5rem}.filters-bar{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.orders-page .search-box,.orders-page .filter-group{width:100%;min-width:auto}.orders-page .filter-stats{margin-left:0;width:100%;text-align:center}.hide-tablet{display:none}.orders-page .table{min-width:500px}.pagination-bar{flex-wrap:wrap;gap:var(--space-2)}.pagination-bar .btn{min-width:100px}}@media(max-width:768px){.hide-mobile{display:none}}@media(max-width:480px){.orders-page .table-container{display:none}.mobile-cards{display:flex}.orders-stats{grid-template-columns:1fr 1fr}.stat-card{padding:1rem}.stat-card .stat-value{font-size:1.25rem}.orders-page .empty-state{padding:var(--space-8)}.orders-page .empty-icon{width:56px;height:56px}.pagination-bar{flex-direction:column;gap:var(--space-3)}.pagination-bar .btn{width:100%;min-height:44px;justify-content:center}.pagination-info{order:-1;font-size:var(--text-xs)}.order-card-header .badge{min-height:28px;display:inline-flex;align-items:center}}@media(max-width:360px){.orders-stats{grid-template-columns:1fr}.order-card-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.order-card-value{text-align:left}}.referrals-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.referrals-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.referrals-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.referrals-page .stats-row{display:flex;gap:1rem;margin-bottom:1.5rem}.referrals-page .stats-row .stat-card{flex:1;display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:0;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.referrals-page .stats-row .stat-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.referrals-page .stats-row .stat-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;transition:transform .2s ease}.referrals-page .stats-row .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.referrals-page .total-icon{background:linear-gradient(135deg,#94a3b833,#94a3b81a);color:#94a3b8}.referrals-page .active-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6}.referrals-page .used-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e}.referrals-page .referrals-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6}.referrals-page .stats-row .stat-info{display:flex;flex-direction:column;min-width:0;gap:2px}.referrals-page .stats-row .stat-value{font-size:1.375rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1}.referrals-page .stats-row .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:500}.referrals-page .controls-bar{padding:var(--space-4) var(--space-5);background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary));border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.referrals-page .filter-tabs{display:flex;gap:var(--space-1);background:var(--bg-secondary);padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.referrals-page .filter-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}.referrals-page .filter-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.referrals-page .filter-tab.active{color:var(--text-primary);background:var(--bg-primary);box-shadow:0 1px 2px #0000001a}.referrals-page .search-box{flex:1;min-width:200px;max-width:320px;position:relative}.referrals-page .search-box:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-size:contain;pointer-events:none;opacity:.6;transition:opacity .2s ease}.referrals-page .search-box:focus-within:before{opacity:1}.referrals-page .search-box input{width:100%;padding:.5625rem var(--space-3);padding-left:42px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000a}.referrals-page .search-box input::placeholder{color:var(--text-muted)}.referrals-page .search-box input:hover{border-color:var(--border-emphasis);background-color:var(--bg-primary)}.referrals-page .search-box input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted),inset 0 1px 2px #0000000a}.referrals-page .results-info{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.referrals-page .table-container{display:block}.referrals-page .table{width:100%;border-collapse:separate;border-spacing:0}.referrals-page .table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap;position:sticky;top:0;z-index:1}.referrals-page .table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm)}.referrals-page .table tbody tr{transition:all .15s ease}.referrals-page .table tbody tr:hover{background:var(--bg-hover)}.referrals-page .table tbody tr:last-child td{border-bottom:none}.referrals-page .code-cell{display:flex;align-items:center;gap:var(--space-2)}.referrals-page .referral-code-cell{padding:.3125rem .625rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;font-family:var(--font-mono);font-size:.8125rem;font-weight:500}.referrals-page .referral-code-cell:hover{background:var(--bg-hover);border-color:var(--accent-primary-muted);color:var(--accent-primary)}.referrals-page .copy-btn{padding:var(--space-1);background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.referrals-page .copy-btn:hover{color:var(--accent-primary);background:var(--bg-hover)}.referrals-page .user-link{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .15s ease}.referrals-page .user-link:hover{color:var(--accent-primary-light);text-decoration:underline}.referrals-page .text-muted{color:var(--text-muted)}.referrals-page .row-muted{opacity:.5}.referrals-page .row-muted:hover{opacity:.7}.referrals-page .action-buttons-inline{display:flex;gap:var(--space-2);flex-wrap:wrap}.referrals-page .action-buttons-inline .btn{transition:all .2s ease}.referrals-page .action-buttons-inline .btn-sm{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-md)}.referrals-page .action-buttons-inline .btn-outline{border:1px solid var(--border-default);background:transparent}.referrals-page .action-buttons-inline .btn-outline:hover{background:var(--bg-hover);border-color:var(--border-emphasis);transform:translateY(-1px)}.referrals-page .action-buttons-inline .btn-icon{padding:.375rem .5rem}.referrals-page .action-buttons-inline .btn-icon:hover{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-muted)}.referrals-page .badge{display:inline-flex;align-items:center;padding:.3125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 1px 2px #0000000d}.referrals-page .badge-success{background:linear-gradient(135deg,#22c55e26,#22c55e1a);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.referrals-page .badge-danger{background:linear-gradient(135deg,#ef444426,#ef44441a);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.referrals-page .badge-info{background:linear-gradient(135deg,#3b82f626,#3b82f61a);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.referrals-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.referrals-page .referral-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.referrals-page .referral-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 8px #0000001a}.referrals-page .referral-card-muted{opacity:.5}.referrals-page .referral-card-muted:hover{opacity:.7}.referrals-page .referral-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary));border-bottom:1px solid var(--border-subtle)}.referrals-page .referral-card-code-wrap{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.referrals-page .referral-card-code{font-family:var(--font-mono);font-size:var(--text-md);font-weight:600;color:var(--accent-primary);cursor:pointer;padding:.375rem .625rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:inline-block;width:fit-content;transition:all .15s ease}.referrals-page .referral-card-code:hover{background:var(--bg-hover);border-color:var(--accent-primary-muted)}.referrals-page .referral-card-user{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.referrals-page .referral-card-user:hover{color:var(--accent-primary)}.referrals-page .referral-card-meta{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.referrals-page .meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.referrals-page .meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.referrals-page .meta-value{font-size:var(--text-sm);color:var(--text-primary)}.referrals-page .referral-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-wrap:wrap}.referrals-page .referral-card-actions .btn{flex:1;min-width:100px;min-height:44px;justify-content:center;gap:.5rem;transition:all .2s ease;display:inline-flex;align-items:center}.referrals-page .referral-card-actions .btn:hover{transform:translateY(-1px)}.referrals-page .btn-danger-outline{color:var(--color-danger);border-color:var(--color-danger-border)}.referrals-page .btn-danger-outline:hover{background:var(--color-danger-muted);transform:translateY(-1px)}.referrals-page .empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.referrals-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-5);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);box-shadow:0 2px 8px #0000000f}.referrals-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.01em}.referrals-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:400px;margin:0 auto;line-height:var(--leading-relaxed)}.referrals-page .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}@media(max-width:768px){.referrals-page .page-header{flex-direction:column;gap:var(--space-4)}.referrals-page .page-header h1{font-size:var(--text-xl)}.referrals-page .stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.referrals-page .stats-row .stat-card{padding:var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.referrals-page .stats-row .stat-icon-wrapper{width:32px;height:32px}.referrals-page .stats-row .stat-value{font-size:var(--text-lg)}.referrals-page .controls-bar{padding:var(--space-3) var(--space-4);flex-direction:column;align-items:stretch}.referrals-page .filter-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.referrals-page .search-box{max-width:none;min-width:auto}.referrals-page .results-info{margin-left:0;text-align:center}.hide-tablet,.hide-mobile{display:none}}@media(max-width:480px){.referrals-page .table-container{display:none}.referrals-page .mobile-cards{display:flex}.referrals-page .stats-row{grid-template-columns:1fr 1fr}.referrals-page .stats-row .stat-card{flex-direction:row;text-align:left;padding:var(--space-2) var(--space-3)}.referrals-page .stats-row .stat-label{font-size:var(--text-xs)}.referrals-page .empty-state{padding:var(--space-8)}.referrals-page .empty-icon{width:56px;height:56px}.referrals-page .referral-card-actions{flex-direction:column}.referrals-page .referral-card-actions .btn{width:100%}.referrals-page .filter-tabs{flex-wrap:nowrap;justify-content:flex-start}.referrals-page .filter-tab{flex-shrink:0}}.store-credits-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-4);flex-wrap:wrap}.store-credits-page .page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.025em}.store-credits-page .page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.store-credits-page .stats-row{display:flex;gap:1rem;margin-bottom:1.5rem}.store-credits-page .stats-row .stat-card{flex:1;display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:0;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.store-credits-page .stats-row .stat-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.store-credits-page .stats-row .stat-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;transition:transform .2s ease}.store-credits-page .stats-row .stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.store-credits-page .outstanding-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e}.store-credits-page .credited-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6}.store-credits-page .used-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6}.store-credits-page .accounts-icon{background:linear-gradient(135deg,#94a3b833,#94a3b81a);color:#94a3b8}.store-credits-page .stats-row .stat-info{display:flex;flex-direction:column;min-width:0;gap:2px}.store-credits-page .stats-row .stat-value{font-size:1.375rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1}.store-credits-page .stats-row .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:500}.store-credits-page .controls-bar{padding:var(--space-4) var(--space-5);background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary));border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.store-credits-page .search-box{flex:1;min-width:200px;max-width:380px;position:relative}.store-credits-page .search-box:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-size:contain;pointer-events:none;opacity:.6;transition:opacity .2s ease}.store-credits-page .search-box:focus-within:before{opacity:1}.store-credits-page .search-box input{width:100%;padding:.5625rem var(--space-3);padding-left:42px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000a}.store-credits-page .search-box input::placeholder{color:var(--text-muted)}.store-credits-page .search-box input:hover{border-color:var(--border-emphasis);background-color:var(--bg-primary)}.store-credits-page .search-box input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted),inset 0 1px 2px #0000000a}.store-credits-page .results-info{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.store-credits-page .table-container{display:block}.store-credits-page .table{width:100%;border-collapse:separate;border-spacing:0}.store-credits-page .table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap;position:sticky;top:0;z-index:1}.store-credits-page .table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;font-size:var(--text-sm)}.store-credits-page .table tbody tr{transition:all .15s ease}.store-credits-page .table tbody tr:hover{background:var(--bg-hover)}.store-credits-page .table tbody tr.clickable-row{cursor:pointer}.store-credits-page .table tbody tr:last-child td{border-bottom:none}.store-credits-page .balance{font-family:var(--font-mono);font-weight:600}.store-credits-page .balance-positive{color:#22c55e}.store-credits-page .balance-large{font-size:1.125rem}.store-credits-page .user-link{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .15s ease}.store-credits-page .user-link:hover{color:var(--accent-primary-light);text-decoration:underline}.store-credits-page .email-text{color:var(--text-tertiary);font-size:.8125rem}.store-credits-page .text-muted{color:var(--text-muted)}.store-credits-page .action-buttons-inline{display:flex;gap:var(--space-2);flex-wrap:wrap}.store-credits-page .action-buttons-inline .btn{transition:all .2s ease}.store-credits-page .btn-sm{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-md)}.store-credits-page .btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dark, #4f46e5));color:#fff;border:none}.store-credits-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.store-credits-page .mobile-cards{display:none;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.store-credits-page .credit-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000000f;cursor:pointer}.store-credits-page .credit-card:hover{border-color:var(--border-emphasis);box-shadow:0 4px 8px #0000001a}.store-credits-page .credit-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary));border-bottom:1px solid var(--border-subtle)}.store-credits-page .credit-card-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.store-credits-page .credit-card-username{font-weight:600;font-size:var(--text-md);color:var(--accent-primary);text-decoration:none;transition:color .15s ease}.store-credits-page .credit-card-username:hover{color:var(--accent-primary-light)}.store-credits-page .credit-card-email{font-size:var(--text-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-credits-page .credit-card-meta{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.store-credits-page .meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.store-credits-page .meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.store-credits-page .meta-value{font-size:var(--text-sm);color:var(--text-primary)}.store-credits-page .credit-card-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.store-credits-page .credit-card-actions .btn{flex:1;min-height:44px;justify-content:center;display:inline-flex;align-items:center;gap:.5rem}.store-credits-page .empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.store-credits-page .empty-icon{width:72px;height:72px;margin:0 auto var(--space-5);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);box-shadow:0 2px 8px #0000000f}.store-credits-page .empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.01em}.store-credits-page .empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);max-width:400px;margin:0 auto;line-height:var(--leading-relaxed)}.store-credits-page .card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.store-credits-page .alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.store-credits-page .alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.store-credits-page .alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80}.store-credits-page .modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.store-credits-page .modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006}.store-credits-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary)}.store-credits-page .modal-header h2{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.store-credits-page .modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.store-credits-page .modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.store-credits-page .modal-body{padding:var(--space-5);overflow-y:auto}.store-credits-page .modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.store-credits-page .account-info-box{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.store-credits-page .account-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.store-credits-page .account-info-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.store-credits-page .account-info-label{font-size:var(--text-sm);color:var(--text-muted)}.store-credits-page .account-info-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.store-credits-page .form-group{margin-bottom:var(--space-4)}.store-credits-page .form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.store-credits-page .form-group input,.store-credits-page .form-group textarea{width:100%;padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all .2s ease}.store-credits-page .form-group input:focus,.store-credits-page .form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.store-credits-page .form-group textarea{resize:vertical;min-height:80px}.store-credits-page .input-with-prefix{display:flex;align-items:stretch}.store-credits-page .input-prefix{display:flex;align-items:center;padding:0 var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-muted);font-weight:500}.store-credits-page .input-with-prefix input{border-radius:0 var(--radius-md) var(--radius-md) 0}.store-credits-page .toggle-group{display:flex;gap:var(--space-2)}.store-credits-page .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.store-credits-page .toggle-btn:hover{border-color:var(--border-emphasis);color:var(--text-primary)}.store-credits-page .toggle-btn.active.add{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.store-credits-page .toggle-btn.active.deduct{background:#eab3081a;border-color:#eab3084d;color:#eab308}.store-credits-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:none}.store-credits-page .btn:disabled{opacity:.6;cursor:not-allowed}.store-credits-page .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary)}.store-credits-page .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-emphasis)}.store-credits-page .btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.store-credits-page .btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #22c55e4d}.store-credits-page .btn-warning{background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff}.store-credits-page .btn-warning:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #eab3084d}@media(max-width:768px){.store-credits-page .page-header{flex-direction:column;gap:var(--space-4)}.store-credits-page .page-header h1{font-size:var(--text-xl)}.store-credits-page .stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.store-credits-page .stats-row .stat-card{padding:var(--space-3);flex-direction:column;text-align:center;gap:var(--space-2)}.store-credits-page .stats-row .stat-icon-wrapper{width:32px;height:32px}.store-credits-page .stats-row .stat-value{font-size:var(--text-lg)}.store-credits-page .controls-bar{padding:var(--space-3) var(--space-4);flex-direction:column;align-items:stretch}.store-credits-page .search-box{max-width:none;min-width:auto}.store-credits-page .results-info{margin-left:0;text-align:center}.hide-tablet,.hide-mobile{display:none}.store-credits-page .modal{max-width:none;margin:var(--space-4)}}@media(max-width:480px){.store-credits-page .table-container{display:none}.store-credits-page .mobile-cards{display:flex}.store-credits-page .stats-row{grid-template-columns:1fr 1fr}.store-credits-page .stats-row .stat-card{flex-direction:row;text-align:left;padding:var(--space-2) var(--space-3)}.store-credits-page .stats-row .stat-label{font-size:var(--text-xs)}.store-credits-page .empty-state{padding:var(--space-8)}.store-credits-page .empty-icon{width:56px;height:56px}.store-credits-page .credit-card-actions{flex-direction:column}.store-credits-page .credit-card-actions .btn{width:100%}.store-credits-page .modal-footer{flex-direction:column}.store-credits-page .modal-footer .btn{width:100%}.store-credits-page .toggle-group{flex-direction:column}}.account-search-container{position:relative}.account-search-container input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.9375rem}.account-search-container input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.search-loading,.search-no-results{padding:.75rem 1rem;font-size:.875rem;color:var(--text-muted);text-align:center;background:var(--bg-tertiary);border:1px solid var(--border-default);border-top:none;border-radius:0 0 8px 8px}.account-search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-top:none;border-radius:0 0 8px 8px;max-height:250px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000004d}.account-search-item{display:flex;flex-direction:column;gap:2px;padding:.75rem 1rem;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--border-subtle)}.account-search-item:last-child{border-bottom:none}.account-search-item:hover{background:var(--bg-tertiary)}.account-search-username{font-weight:500;color:var(--text-primary)}.account-search-email{font-size:.8125rem;color:var(--text-muted)}.selected-account-box{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:8px;gap:1rem}.selected-account-info{display:flex;flex-direction:column;gap:2px}.selected-account-username{font-weight:600;color:var(--text-primary)}.selected-account-email{font-size:.8125rem;color:var(--text-muted)}:root{--bg-base: #09090b;--bg-primary: #0c0c0e;--bg-secondary: #111113;--bg-secondary-rgb: 17, 17, 19;--bg-tertiary: #18181b;--bg-elevated: #1f1f23;--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .08);--border-emphasis: rgba(255, 255, 255, .12);--border-focus: #3b82f6;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--text-inverse: #09090b;--color-success: #22c55e;--color-success-muted: rgba(34, 197, 94, .15);--color-success-border: rgba(34, 197, 94, .25);--color-danger: #ef4444;--color-danger-muted: rgba(239, 68, 68, .15);--color-danger-border: rgba(239, 68, 68, .25);--color-warning: #f59e0b;--color-warning-muted: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .25);--color-info: #3b82f6;--color-info-muted: rgba(59, 130, 246, .15);--color-info-border: rgba(59, 130, 246, .25);--color-neutral: #71717a;--color-neutral-muted: rgba(113, 113, 122, .15);--color-neutral-border: rgba(113, 113, 122, .25);--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-primary-active: #1d4ed8;--accent-primary-muted: rgba(59, 130, 246, .12);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--accent-gradient-hover: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .2s ease;--transition-colors: color .15s ease, background-color .15s ease, border-color .15s ease;--sidebar-width: 220px;--sidebar-collapsed: 64px;--header-height: 56px;--content-max-width: 1600px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}h4{font-size:var(--text-base)}p{margin:0;line-height:var(--leading-relaxed)}a{color:var(--accent-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--accent-primary-hover)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-info)}pre{padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto}input,select,textarea{font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;outline:none;transition:var(--transition-base);width:100%}input:hover,select:hover,textarea:hover{border-color:var(--border-emphasis)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 16px;font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-primary-muted)}.btn-primary{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover:not(:disabled){background:#16a34a;border-color:#16a34a}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-warning{background:var(--color-warning);color:var(--text-inverse);border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border-default)}.btn-outline:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-emphasis)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:var(--text-xs)}.btn-lg{padding:12px 24px;font-size:var(--text-md)}.btn-icon{padding:8px;width:36px;height:36px}.btn-icon.btn-sm{padding:6px;width:28px;height:28px}.card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card-header h2,.card-header h3{font-size:var(--text-md);font-weight:600}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);line-height:1}.badge-success{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-danger{background:var(--color-danger-muted);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge-warning{background:var(--color-warning-muted);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-info{background:var(--color-info-muted);color:var(--color-info);border:1px solid var(--color-info-border)}.badge-muted{background:var(--color-neutral-muted);color:var(--color-neutral);border:1px solid var(--color-neutral-border)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.status-dot-online{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot-offline{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger)}.status-dot-warning{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.status-dot-muted{background:var(--color-neutral)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.table tbody tr{transition:var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{background:var(--bg-hover);color:var(--text-secondary)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex;align-items:flex-start;gap:var(--space-3);line-height:var(--leading-normal)}.alert-error{background:var(--color-danger-muted);border:1px solid var(--color-danger-border);color:var(--color-danger)}.alert-warning{background:var(--color-warning-muted);border:1px solid var(--color-warning-border);color:var(--color-warning)}.alert-success{background:var(--color-success-muted);border:1px solid var(--color-success-border);color:var(--color-success)}.alert-info{background:var(--color-info-muted);border:1px solid var(--color-info-border);color:var(--color-info)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-tertiary);gap:var(--space-4)}.spinner{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:calc(100vh - var(--space-8));overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--bg-tertiary)}.modal-header h2,.modal-header h3{font-size:var(--text-lg);font-weight:600}.modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:24px;line-height:1;padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--space-3);background:var(--bg-tertiary)}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.4}.empty-state h3{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-5)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.font-mono{font-family:var(--font-mono)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}@media(max-width:1200px){:root{--sidebar-width: 200px}}@media(max-width:1024px){:root{--sidebar-width: 180px}}@media(max-width:768px){:root{--sidebar-width: 0px;--header-height: 52px}.table{font-size:var(--text-xs)}.table th,.table td{padding:var(--space-2) var(--space-3)}}@media(max-width:480px){:root{--space-5: 16px;--space-6: 20px}.btn{padding:8px 12px}.modal{max-width:100%;max-height:100vh;border-radius:0}}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-primary);gap:var(--space-4)}.loading-screen .spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.error-boundary{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-primary);text-align:center}.error-boundary h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-danger);margin-bottom:var(--space-3)}.error-boundary p{font-size:var(--text-sm);color:var(--text-secondary);max-width:480px;margin-bottom:var(--space-5)}.error-boundary .btn{min-width:160px}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .15s ease-in}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f1f1f3;background-color:#0a0a0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.25}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0c}::-webkit-scrollbar-thumb{background:#2a2a2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a3e}*{scrollbar-width:thin;scrollbar-color:#2a2a2e #0a0a0c}::selection{background:#3b82f64d;color:#f1f1f3}