:root{--bg-base:#0f172a;--bg-surface:#1e293b;--bg-elevated:#334155;--bg-overlay:#0f172ad9;--border-subtle:#f8fafc0f;--border-default:#f8fafc1f;--border-strong:#f8fafc33;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--cyan:#38bdf8;--indigo:#818cf8;--cyan-glow:#38bdf826;--indigo-glow:#818cf826;--green:#10b981;--green-bg:#10b9811f;--green-border:#10b98140;--red:#f43f5e;--red-bg:#f43f5e1f;--red-border:#f43f5e40;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 60% at 50% -20%,#22d3ee12 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#818cf80d 0%,#0000 55%);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;font-size:1.125rem;line-height:1.7}h1,h2,h3,h4,h5{margin:0;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.3}p{margin:0}a{color:inherit;text-decoration:none}.page-wrapper{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 5rem}.card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:0 4px 14px #0000000d}.card:hover{border-color:var(--border-strong);box-shadow:0 10px 40px #00000026}.card-surface{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #00000014}.logo-gradient{background:linear-gradient(135deg,var(--cyan)0%,var(--indigo)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grid{display:grid}.gap-sm{gap:.75rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#94a3b833}::-webkit-scrollbar-thumb:hover{background:#94a3b859}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;transition:all .18s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--indigo));color:#fff;box-shadow:0 0 #22d3ee00}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #22d3ee4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-strong);background:#ffffff0a}.badge{border-radius:var(--radius-pill);letter-spacing:.01em;align-items:center;gap:3px;padding:.22rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-cyan{background:var(--cyan-glow);color:var(--cyan);border:1px solid #22d3ee4d}.badge-indigo{background:var(--indigo-glow);color:var(--indigo);border:1px solid #818cf84d}.badge-muted{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#94a3b812}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead tr{border-bottom:1px solid var(--border-default)}.data-table thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;padding:.65rem 1rem;font-size:.7rem;font-weight:700}.data-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .12s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#ffffff06}.data-table tbody td{vertical-align:middle;padding:.7rem 1rem}.divider{background:var(--border-subtle);border:none;height:1px;margin:0}.tab-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:.25rem;padding:.3rem;display:flex}.tab-btn{border-radius:calc(var(--radius-md) - 3px);cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .18s;display:inline-flex}.tab-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 1px 4px #0006}.tab-btn:hover:not(.active){color:var(--text-secondary);background:#ffffff08}.client-pill{border-radius:var(--radius-pill);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:0 0;padding:.35rem .9rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s}.client-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.client-pill.selected{background:var(--cyan-glow);color:var(--cyan);border-color:#22d3ee66}.stat-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 12px 32px #0003}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#22d3ee0a 0%,#0000 60%);position:absolute;inset:0}.stat-card .stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem;font-size:.72rem;font-weight:700}.stat-card .stat-value{letter-spacing:-.5px;font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700;line-height:1}.stat-card .stat-sub{margin-top:.35rem;font-size:.8rem;font-weight:600}.index-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000014}.index-card:after{content:"";background:linear-gradient(90deg,var(--cyan),var(--indigo));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.index-card:hover:after{opacity:1}.index-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:0 12px 28px #00000026}.section-header{color:var(--text-secondary);letter-spacing:.01em;align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.95rem;font-weight:700;display:flex}.scroll-panel{max-height:440px;overflow:hidden auto}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.45s cubic-bezier(.22,1,.36,1) both fadeSlideUp}.spin{animation:.85s linear infinite spin}.notif{border-radius:var(--radius-md);align-items:center;gap:.7rem;margin-bottom:1.25rem;padding:.8rem 1rem;font-size:.86rem;font-weight:500;display:flex}.notif.success{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.notif.error{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state p{margin-top:.75rem;font-size:.88rem}@media (max-width:640px){.page-wrapper{padding:1rem .85rem 4rem}.grid{grid-template-columns:1fr!important}.stat-card,.index-card{padding:1.25rem}.stat-card .stat-value{font-size:1.4rem}.data-table th,.data-table td{padding:.6rem .75rem;font-size:.85rem!important}table.data-table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}}:root[data-theme=light]{--bg-base:#f8fafc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-overlay:#ffffffd9;--border-subtle:#0f172a0f;--border-default:#0f172a1f;--border-strong:#0f172a33;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--cyan:#0284c7;--indigo:#4f46e5;--cyan-glow:#0284c71f;--indigo-glow:#4f46e51f;--green:#16a34a;--green-bg:#16a34a1a;--green-border:#16a34a4d;--red:#dc2626;--red-bg:#dc26261a;--red-border:#dc26264d}