:root{--color-canvas: #e4ebf1;--color-surface: #e4ebf1;--color-surface-subtle: #d9e2ea;--color-surface-raised: #edf2f7;--color-text: #17212b;--color-text-muted: #54636f;--color-text-faint: #4c5c6a;--color-primary: #07755f;--color-primary-hover: #06685a;--color-primary-soft: #e2f2ed;--color-accent: #0b7a67;--color-accent-hover: #06685a;--color-accent-soft: #e2f2ed;--color-primary-solid: #087f6d;--color-primary-solid-hover: #06685a;--color-accent-solid: #087f6d;--color-success: #117a57;--color-success-soft: #e7f6ef;--color-info: #216bb7;--color-info-soft: #e8f1fc;--color-warning: #8f6311;--color-warning-soft: #fff4d6;--color-danger: #c43228;--color-danger-soft: #fdecea;--color-neutral: #616a7e;--color-neutral-soft: #eef2f6;--color-chart-paid: #087f6d;--color-chart-unpaid: #bccbd7;--color-chart-purple: #8b7cf6;--color-chart-orange: #ef9f27;--color-chart-blue: #4f9cf9;--color-chart-green: #2fa36b;--color-chart-reject: #dd5f43;--color-sidebar-bg: #e4ebf1;--color-sidebar-surface: #d9e2ea;--color-sidebar-text: #1d2b33;--color-sidebar-muted: #51687a;--color-sidebar-active-bg: #c9e9e0;--color-sidebar-active-text: #065c4e;--color-hairline: rgba(38, 49, 74, .07);--color-stat-number: #2b3648;--color-border: #d0dae2;--color-border-strong: #bfccd8;--focus-ring: 0 0 0 3px rgba(8, 127, 109, .45);--shadow-card: 6px 6px 12px rgba(163, 177, 198, .5), -6px -6px 12px rgba(255, 255, 255, .85);--shadow-pill: 3px 3px 6px rgba(163, 177, 198, .5), -3px -3px 6px rgba(255, 255, 255, .85);--shadow-raised: 9px 9px 18px rgba(163, 177, 198, .55), -9px -9px 18px rgba(255, 255, 255, .9);--shadow-inset: inset 3px 3px 6px rgba(163, 177, 198, .5), inset -3px -3px 6px rgba(255, 255, 255, .85);--shadow-popover: 12px 12px 24px rgba(163, 177, 198, .55), -6px -6px 12px rgba(255, 255, 255, .6), 0 18px 36px rgba(23, 33, 43, .12);--radius-card: 20px;--radius-control: 14px;--radius-chip: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-body: 15px;--font-size-small: 13px;--font-size-h1: 26px;--font-size-h2: 20px;--font-size-stat: 32px;--line-height-body: 1.5;--sidebar-width: 264px;--topbar-height: 68px;--content-max: 1440px;--touch-target: 44px}:root[data-theme=dark]{color-scheme:dark;--color-canvas: #20272f;--color-surface: #20272f;--color-surface-subtle: #1a212a;--color-surface-raised: #28313c;--color-text: #e8eef4;--color-text-muted: #a7b4c0;--color-text-faint: #93a5b4;--color-primary: #3ec7ab;--color-primary-hover: #5fd3ba;--color-primary-soft: #0e2c26;--color-accent: #2dd4bf;--color-accent-hover: #5eead4;--color-accent-soft: #0e2c26;--color-primary-solid: #087f6d;--color-primary-solid-hover: #06685a;--color-accent-solid: #087f6d;--color-success: #4cc38a;--color-success-soft: #0f2e22;--color-info: #6cb2f5;--color-info-soft: #122a42;--color-warning: #e8b34b;--color-warning-soft: #33270e;--color-danger: #ff8a7a;--color-danger-soft: #3a1712;--color-neutral: #a7b4c0;--color-neutral-soft: #252e38;--color-chart-paid: #2ea88c;--color-chart-unpaid: #46545f;--color-chart-purple: #a79bff;--color-chart-orange: #f5b95e;--color-chart-blue: #6cb2f5;--color-chart-green: #4cc38a;--color-chart-reject: #ff8a70;--color-sidebar-bg: #20272f;--color-sidebar-surface: #242e39;--color-sidebar-text: #e7edf3;--color-sidebar-muted: #93a4b5;--color-sidebar-active-bg: #0b4a3e;--color-sidebar-active-text: #3ec7ab;--color-hairline: rgba(233, 238, 245, .08);--color-stat-number: #e9eef5;--color-border: #2e3944;--color-border-strong: #41505f;--focus-ring: 0 0 0 3px rgba(45, 212, 191, .45);--shadow-card: 6px 6px 12px rgba(0, 0, 0, .5), -6px -6px 12px rgba(255, 255, 255, .05);--shadow-pill: 3px 3px 6px rgba(0, 0, 0, .5), -3px -3px 6px rgba(255, 255, 255, .05);--shadow-raised: 9px 9px 18px rgba(0, 0, 0, .55), -9px -9px 18px rgba(255, 255, 255, .06);--shadow-inset: inset 3px 3px 6px rgba(0, 0, 0, .55), inset -3px -3px 6px rgba(255, 255, 255, .045);--shadow-popover: 12px 12px 24px rgba(0, 0, 0, .6), 0 18px 36px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light}html{background:var(--color-canvas)}body{margin:0;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-control)}::placeholder{color:var(--color-text-faint)}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea{box-shadow:var(--shadow-inset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}