:root{--bg: #f4f6f9;--surface: #ffffff;--border: #e2e8f0;--border-lt: #f1f5f9;--primary: #1a1f2e;--secondary: #64748b;--muted: #94a3b8;--accent: #1a56db;--accent-lt: #eff6ff;--green: #059669;--red: #dc2626;--header: #0f172a;--row-hover: #f8faff;--head-bg: #f8fafc;--active-cell: #f5f9ff;--active-hover: #e8f0ff;--red-lt: #fecaca;--red-bg: #fef2f2;--green-lt: #dcfce7;--green-bg: #f0fdf4;--yellow-lt: #fef3c7;--yellow-bg: #fffbeb;--blue-bg: #f0f9ff;--info-bg: #f0f4ff}[data-theme=dark]{--bg: #0f1117;--surface: #1a1d27;--border: #2a2e3a;--border-lt: #22252f;--primary: #e2e8f0;--secondary: #94a3b8;--muted: #64748b;--accent: #3b82f6;--accent-lt: #1e293b;--green: #10b981;--red: #ef4444;--header: #0a0c14;--row-hover: #1e2130;--head-bg: #151823;--active-cell: #1a2035;--active-hover: #1e2540;--red-lt: #7f1d1d;--red-bg: #1c0a0a;--green-lt: #064e3b;--green-bg: #052e16;--yellow-lt: #78350f;--yellow-bg: #1a1400;--blue-bg: #0c1929;--info-bg: #111827}body,header,footer,nav,main,.card,.stat-card,.pill,.pills,input,button,select,textarea,[class*=card],[class*=badge]{transition:background-color .2s ease,border-color .2s ease,color .15s ease}[data-no-transition] *,[data-no-transition] *:before,[data-no-transition] *:after{transition:none!important}@media(max-width:768px){.desktop-only{display:none!important}button,.pill,[role=tab]{min-height:44px;min-width:44px}select,input[type=number],input[type=text]{min-height:36px}table td,table th{padding-top:10px!important;padding-bottom:10px!important}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:13px;background:var(--bg);color:var(--primary);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.card-header{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--head-bg);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-body{padding:16px}.tbl-wrap{overflow-x:auto;overflow-y:visible}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{padding:8px 10px;text-align:left;font-weight:600;font-size:11.5px;color:var(--secondary);background:var(--head-bg);border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tbl th.right,.tbl td.right{text-align:right}.tbl th.active{background:var(--accent-lt);color:var(--accent)}.tbl td{padding:7px 10px;border-bottom:1px solid var(--border-lt);white-space:nowrap}.tbl td.active{background:var(--active-cell)}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover td{background:var(--row-hover)}.tbl tbody tr:hover td.active{background:var(--active-hover)}.tbl th:first-child,.tbl td:first-child{position:sticky;left:0;z-index:2}.tbl th:first-child{z-index:3;background:var(--head-bg)}.tbl td:first-child{background:var(--surface)}.tbl tbody tr:hover td:first-child{background:var(--row-hover)}.pills{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.pill{padding:4px 11px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--secondary);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .12s;font-family:inherit;line-height:1.5}.pill:hover{border-color:var(--accent);color:var(--accent)}.pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.fin-input,.fin-select{padding:5px 10px;border:1px solid var(--border);border-radius:6px;font-size:12.5px;font-family:inherit;color:var(--primary);background:var(--surface);outline:none;height:32px}.fin-input:focus,.fin-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-lt)}.fin-input::-moz-placeholder{color:var(--muted)}.fin-input::placeholder{color:var(--muted)}.fin-select{cursor:pointer}.toggle-group{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.toggle-btn{padding:5px 13px;font-size:12px;font-weight:500;font-family:inherit;border:none;background:var(--surface);color:var(--secondary);cursor:pointer;border-right:1px solid var(--border);white-space:nowrap;line-height:1.5}.toggle-btn:last-child{border-right:none}.toggle-btn.active{background:var(--accent);color:#fff}.pg-btn{padding:4px 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--secondary);font-size:12px;font-family:inherit;cursor:pointer;line-height:1.5}.pg-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pg-btn:disabled{opacity:.4;cursor:default}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 18px;flex:1;min-width:130px}.stat-label{font-size:10.5px;color:var(--muted);font-weight:600;margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:20px;font-weight:700;color:var(--primary);line-height:1.2}.stat-sub{font-size:11px;color:var(--muted);margin-top:3px}.btn{padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--secondary);font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap;line-height:1.5}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:#1648c0}.btn.danger{color:var(--red);border-color:var(--red-lt)}.btn.danger:hover{background:var(--red-bg)}.btn.sm{padding:3px 9px;font-size:11.5px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}