:root{--font-scale:1;--color-primary:#114fb5;--color-primary-hover:#0e419a;--color-primary-soft:#eef3fb;--color-success:#16a34a;--color-success-soft:#e9f7ef;--color-danger:#dc2626;--color-danger-soft:#fdecec;--color-warning:#b7791f;--color-warning-soft:#fef6e7;--color-purple:#7c3aed;--color-purple-soft:#f5f0ff;--bg:#f6f7f9;--surface:#fff;--surface-subtle:#f8f9fc;--border:#e6e8ee;--border-strong:#d5d9e2;--text:#1a1d29;--text-muted:#6b7280;--text-faint:#9aa3af;--radius-sm:8px;--radius:12px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #1018280a;--shadow:0 2px 8px #1018280f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--content-max:2000px;--sidebar-w:240px}html[data-theme=dark]{--color-primary:#4c8dff;--color-primary-hover:#6ba1ff;--color-primary-soft:#1b2a44;--color-success:#34d07a;--color-success-soft:#10281c;--color-danger:#f26d6d;--color-danger-soft:#3a1b1b;--color-warning:#e0a93b;--color-warning-soft:#322611;--color-purple:#a78bfa;--color-purple-soft:#241b3a;--bg:#0f1115;--surface:#1a1d23;--surface-subtle:#22262e;--border:#2a2f38;--border-strong:#3a414d;--text:#e6e8ec;--text-muted:#9aa3af;--text-faint:#6b7280;--shadow-sm:0 1px 2px #0006;--shadow:0 2px 8px #00000080}html[data-theme=dark] .btn-danger{border-color:#0000}html[data-theme=dark] .btn-danger:hover:not(:disabled){background:var(--color-danger-soft);filter:brightness(1.4)}html[data-theme=dark] .btn-success:hover:not(:disabled){background:var(--color-success);filter:brightness(1.1)}*{box-sizing:border-box;margin:0;padding:0}html{zoom:var(--font-scale)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0a0a2e;flex-direction:column;width:240px;padding:24px 0;display:flex;position:fixed;top:0;bottom:0}.sidebar-logo{color:#fff;letter-spacing:-.5px;padding:0 24px 28px;font-size:18px;font-weight:800}.sidebar-logo span{color:#114fb5}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{color:#fff9;cursor:pointer;align-items:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:#ffffff14}.sidebar-link.active{border-left:3px solid #114fb5}.sidebar-tools-toggle:hover{background:#ffffff14}.sidebar-tools-toggle:hover span{color:#ffffffe6!important}.sidebar-tools-toggle:hover svg{fill:#ffffffe6!important}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 24px}.sidebar-footer-text{color:#fff6;font-size:12px}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;align-items:center;padding:32px 40px;display:flex}.main>*{width:100%;max-width:var(--content-max)}.page-header{margin-bottom:28px}.page-title{color:var(--text);letter-spacing:-.3px;font-size:20px;font-weight:800}.page-subtitle{color:var(--text-faint);margin-top:2px;font-size:12px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-4) 18px;border:1px solid var(--border)}.stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700}.stat-value{letter-spacing:-.5px;margin-top:6px;font-size:24px;font-weight:800}.stat-sub{color:var(--text-faint);margin-top:4px;font-size:11px}.metric-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);display:flex;overflow:hidden}.metric{border-right:1px solid var(--border);flex:1;min-width:0;padding:13px 18px}.metric:last-child{border-right:none}.metric-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700}.metric-value{letter-spacing:-.5px;margin-top:3px;font-size:22px;font-weight:800;line-height:1.15}.metric-sub{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.stat-green{color:var(--color-success)}.stat-blue{color:var(--color-primary)}.stat-orange{color:var(--color-warning)}.stat-purple{color:var(--color-purple)}.stat-red{color:var(--color-danger)}.table-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-title{font-size:14px;font-weight:700}.table-search{border:1px solid var(--border-strong);background:var(--surface);width:240px;color:var(--text);border-radius:8px;outline:none;padding:8px 14px;font-size:14px}.table-search:focus{border-color:var(--color-primary)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--surface);z-index:2;padding:10px 20px;font-size:10px;font-weight:600;position:sticky;top:0}th:first-child{z-index:3;position:sticky;left:0}td{border-bottom:1px solid var(--border);padding:10px 20px;font-size:13px}td:first-child{background:var(--surface);z-index:1;position:sticky;left:0}tr:hover td{background:var(--surface-subtle)}tr:active td,tr.selected td{background:var(--color-primary-soft)}.badge{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-free{background:var(--surface-subtle);color:var(--text-muted)}.badge-pro{background:var(--color-primary-soft);color:var(--color-primary)}.badge-power{background:var(--color-warning-soft);color:var(--color-warning)}.badge-active{background:var(--color-success-soft);color:var(--color-success)}.badge-inactive{background:var(--color-danger-soft);color:var(--color-danger)}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:14px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-sm{border-radius:var(--radius-sm);height:30px;padding:0 12px;font-size:13px}.btn-icon.btn{width:38px;padding:0}.btn-icon.btn-sm{width:30px;padding:0}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--text-faint)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#128a3e}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:#f5c6c6}.btn-danger:hover:not(:disabled){background:#fbdddd}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--text-faint)}.btn-text{color:var(--color-primary);background:0 0;border-color:#0000}.btn-text:hover:not(:disabled){background:var(--color-primary-soft)}.btn-text.btn-danger-text{color:var(--color-danger)}.btn-text.btn-danger-text:hover:not(:disabled){background:var(--color-danger-soft)}.toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{border-radius:var(--radius-pill);cursor:pointer;background:var(--border-strong);transition:background-color .15s;position:absolute;inset:0}.toggle input:checked+.toggle-track{background:var(--color-primary)}.toggle-thumb{background:var(--surface);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%;transition:left .15s;position:absolute;top:3px;left:3px}.toggle input:checked~.toggle-track .toggle-thumb{left:23px}.login-page{background:linear-gradient(135deg,#0a0a2e 0%,#1a1a4e 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:20px;width:400px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-title{text-align:center;margin-bottom:8px;font-size:24px;font-weight:800}.login-sub{color:#999;text-align:center;margin-bottom:32px;font-size:14px}.login-input{border:1px solid #e0e0e0;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:14px 16px;font-family:inherit;font-size:15px}.login-input:focus{border-color:#114fb5}.login-btn{color:#fff;cursor:pointer;background:#114fb5;border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:700}.login-btn:hover{background:#0d3f8f}.login-error{color:#ef4444;text-align:center;margin-bottom:12px;font-size:13px}.detail-grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.detail-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:22px}.card-title{color:var(--text);letter-spacing:-.2px;margin-bottom:18px;font-size:15px;font-weight:700}.detail-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.detail-value{font-size:15px;font-weight:600}.form-grid{flex-direction:column;gap:14px;display:flex}.form-row{gap:14px;display:flex}.form-row>*{flex:1}.form-field{flex-direction:column;gap:5px;display:flex}.form-field label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #114fb51a}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-faint);opacity:.7}.form-field textarea{resize:vertical}.currency-input-wrap{position:relative}.currency-input-wrap:before{content:"$";color:var(--text-faint);pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.currency-input-wrap input{padding-left:26px!important}.loading-screen{justify-content:center;align-items:center;height:100vh;display:flex}.loading-logo{color:var(--text);font-size:28px;font-weight:800}.loading-logo span{color:var(--color-primary)}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{display:none}.main{margin-left:0}.stats-grid{grid-template-columns:1fr}}