:root{--app: #ffffff;--surface: #ffffff;--canvas: #eaecf1;--soft: #f5f6f9;--hover: #f5f6f9;--inputbg: #f4f5f8;--line: #edeff3;--ink: #111726;--sub: #4b5364;--mut: #7b8296;--faint: #a7aebe;--success: #16a34a;--warning: #ea580c;--danger: #dc2626;--info: #2563eb;--cyan: #0891b2;--brand-a: #4667c8;--brand-b: #6b54be;--brand-c: #8c4fb0;--grad: linear-gradient(135deg, #4667c8 0%, #6b54be 55%, #8c4fb0 100%);--grad-2: linear-gradient(135deg, #4667c8, #8c4fb0);--grad-tint: linear-gradient(135deg, rgba(70, 103, 200, .09), rgba(140, 79, 176, .06));--r-xs: 8px;--r-sm: 11px;--r-md: 14px;--r-lg: 18px;--r-pill: 999px;--sh: 0 1px 3px rgba(17, 23, 38, .05), 0 1px 2px rgba(17, 23, 38, .03);--sh-lg: 0 12px 32px rgba(17, 23, 38, .1);--s1: 8px;--s2: 16px;--s3: 24px;--s4: 32px;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}a{color:var(--brand-a);text-decoration:none}a:hover{text-decoration:underline}.tabular{font-variant-numeric:tabular-nums}.page-title{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--ink)}.page-sub{color:var(--mut);margin:4px 0 0;font-size:14px}.section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);padding:var(--s3)}.card-tight{padding:var(--s2)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;padding:11px 16px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:filter .15s,background .15s,box-shadow .15s;white-space:nowrap}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--grad);border:none;color:#fff;box-shadow:0 6px 16px #4667c847}.btn-primary:hover{filter:brightness(1.05);background:var(--grad)}.btn-ghost{border:none;background:transparent}.btn-ghost:hover{background:var(--hover)}.btn-sm{padding:8px 12px;font-size:13px}input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink);background:var(--inputbg);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand-a);box-shadow:0 0 0 3px #4667c81f}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sub);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 14px;cursor:pointer;transition:all .15s}.chip:hover{background:var(--hover)}.chip.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 4px 12px #4667c840}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill);background:#4667c81a;color:var(--brand-a);white-space:nowrap}.badge-success{background:#16a34a1f;color:var(--success)}.badge-danger{background:#dc26261f;color:var(--danger)}.badge-warning{background:#ea580c1f;color:var(--warning)}.badge-info{background:#2563eb1f;color:var(--info)}.badge-muted{background:var(--soft);color:var(--mut)}.tbl-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);overflow:hidden}table.tbl{width:100%;border-collapse:collapse;font-size:14px}table.tbl thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface)}table.tbl tbody td{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl tbody tr:hover{background:var(--hover)}table.tbl .num{text-align:right;font-variant-numeric:tabular-nums}main h2{font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px;color:var(--ink)}main h3{font-size:16px;font-weight:700;margin:18px 0 8px}main h4{font-size:14px;font-weight:700;margin:14px 0 6px}main table:not(.tbl){width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin:8px 0 16px}main table:not(.tbl) th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:12px 14px;border-bottom:1px solid var(--line)}main table:not(.tbl) td{padding:11px 14px;border-bottom:1px solid var(--line)}main table:not(.tbl) tbody tr:last-child td{border-bottom:none}main table:not(.tbl) tbody tr:hover{background:var(--hover)}.topbar-icon{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--sub);display:grid;place-items:center;cursor:pointer;transition:background .15s}.topbar-icon:hover{background:var(--hover)}.row{display:flex;align-items:center}.gap1{gap:8px}.gap2{gap:16px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--mut)}.pos{color:var(--success)}.neg{color:var(--danger)}