:root{--bg-page: oklch(98% .004 250);--surface: #ffffff;--border: oklch(90% .006 250);--border-input: oklch(88% .006 250);--text-primary: oklch(22% .01 250);--text-secondary: oklch(48% .01 250);--text-muted: oklch(60% .02 250);--sidebar-bg: oklch(20% .02 250);--sidebar-text: oklch(75% .02 250);--sidebar-active-bg: oklch(32% .05 250);--sidebar-active-text: #ffffff;--sidebar-sub: oklch(60% .02 250);--accent: oklch(55% .15 250);--accent-strong: oklch(50% .12 250);--paid-bg: oklch(93% .06 150);--paid-text: oklch(38% .1 150);--topay-bg: oklch(94% .08 80);--topay-text: oklch(42% .12 65);--accrued-bg: oklch(93% .01 250);--accrued-text: oklch(42% .02 250);--error-bg: oklch(94% .05 25);--error-bg-2: oklch(95% .04 25);--error-text: oklch(48% .14 25);--error-text-2: oklch(55% .18 25);--success: oklch(55% .14 150);--success-btn: oklch(55% .14 150);--r-card: 10px;--r-btn: 8px;--r-input: 7px;--r-pill: 20px;--r-modal: 12px;--shadow-modal: 0 20px 60px rgba(0, 0, 0, .25);--shadow-toast: 0 8px 24px rgba(0, 0, 0, .18);--font-ui: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbced2;border-radius:6px}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card)}.btn{font-family:inherit;font-weight:700;font-size:14px;border:none;border-radius:var(--r-btn);padding:10px 16px;cursor:pointer}.btn-accent{background:var(--accent);color:#fff}.btn-success{background:var(--success-btn);color:#fff}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:10px 12px;border:1px solid var(--border-input);border-radius:var(--r-input);font-size:14px;font-family:inherit;background:#fff}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600}.badge-paid{background:var(--paid-bg);color:var(--paid-text)}.badge-topay{background:var(--topay-bg);color:var(--topay-text)}.badge-accrued{background:var(--accrued-bg);color:var(--accrued-text)}.badge-blocked{background:var(--error-bg-2);color:var(--error-text-2)}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);padding:10px;border-bottom:1px solid var(--border)}td{padding:10px;font-size:13px;border-bottom:1px solid var(--border)}