@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: oklch(1 0 0);--surface: oklch(1 0 0);--surface2: oklch(.975 0 0);--surface3: oklch(.955 0 0);--overlay: oklch(0 0 0 / .4);--border: oklch(.92 0 0);--border-strong: oklch(.84 0 0);--text: oklch(.2 .012 255);--text-soft: oklch(.4 .01 255);--muted: oklch(.55 .01 255);--accent: oklch(.55 .15 255);--accent-hover: oklch(.48 .16 255);--accent-active: oklch(.42 .17 255);--accent-dim: oklch(.55 .15 255 / .1);--accent-text: oklch(1 0 0);--amber: oklch(.62 .16 72);--amber-dim: oklch(.62 .16 72 / .12);--red: oklch(.55 .22 25);--red-dim: oklch(.55 .22 25 / .1);--green: oklch(.55 .16 148);--green-dim: oklch(.55 .16 148 / .1);--shadow-sm: 0 1px 2px rgb(15 23 42 / .04);--shadow: 0 1px 3px rgb(15 23 42 / .06), 0 1px 2px rgb(15 23 42 / .04);--shadow-md: 0 4px 6px rgb(15 23 42 / .05), 0 2px 4px rgb(15 23 42 / .04);--shadow-lg: 0 10px 15px rgb(15 23 42 / .06), 0 4px 6px rgb(15 23 42 / .04);--ring: 0 0 0 3px oklch(.55 .2 255 / .18);--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-card: var(--surface);--bg-elevated: var(--surface);--bg-input: var(--surface2);--bg-hover: var(--surface2);--bg-row-hover: var(--surface2);--bg-subtle: var(--surface2);--bg-table-head: var(--surface2);--bg-disabled: var(--surface3);--border-color: var(--border);--border-color-light: var(--border);--text-primary: var(--text);--text-secondary: var(--text-soft);--text-tertiary: var(--muted);--text-disabled: var(--muted);--brand-primary: var(--accent);--brand-primary-hover: var(--accent-hover);--primary: var(--accent);--primary-hover: var(--accent-hover);--danger: var(--red);--warning: var(--amber);--success: var(--green);--gray-100: var(--surface2);--gray-200: var(--surface3);--gray-300: var(--border);--gray-400: var(--border-strong);--gray-500: var(--muted);--gray-600: var(--text-soft);--gray-700: var(--text);--font-sans: var(--font-body)}[data-theme=dark]{--bg: oklch(.11 .018 255);--surface: oklch(.15 .016 255);--surface2: oklch(.19 .014 255);--surface3: oklch(.22 .013 255);--overlay: oklch(0 0 0 / .6);--border: oklch(.24 .012 255);--border-strong: oklch(.32 .014 255);--text: oklch(.93 .008 255);--text-soft: oklch(.75 .01 255);--muted: oklch(.55 .018 255);--accent: oklch(.72 .13 255);--accent-hover: oklch(.78 .13 255);--accent-active: oklch(.82 .13 255);--accent-dim: oklch(.72 .13 255 / .15);--accent-text: oklch(.12 .018 255);--amber: oklch(.78 .16 72);--amber-dim: oklch(.78 .16 72 / .15);--red: oklch(.65 .21 25);--red-dim: oklch(.65 .21 25 / .15);--green: oklch(.72 .16 148);--green-dim: oklch(.72 .16 148 / .15);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow: 0 1px 3px oklch(0 0 0 / .4);--shadow-md: 0 4px 6px oklch(0 0 0 / .45);--shadow-lg: 0 10px 15px oklch(0 0 0 / .5);--ring: 0 0 0 3px oklch(.72 .17 255 / .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{color-scheme:light;transition:color-scheme .2s}html[data-theme=dark]{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s,color .2s}input,select,textarea{width:100%;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:7px;color:var(--text);font-family:var(--font-body);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:var(--muted)}input:disabled,select:disabled,textarea:disabled{background:var(--surface3);color:var(--muted);cursor:not-allowed}select option{background:var(--surface);color:var(--text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--accent-dim);color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}.fade-in{animation:fadeIn .2s ease}.modal-in{animation:modalIn .16s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:7px;font-family:inherit;font-weight:700;cursor:pointer;font-size:14px;padding:8px 16px;transition:opacity .12s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:hover:not(:disabled){opacity:.85}.btn--primary{background:var(--accent);color:#000}.btn--ghost{background:none;border:1px solid var(--border);color:var(--muted)}.btn--secondary{background:var(--surface2);border:1px solid var(--border);color:var(--text)}.btn--danger{background:var(--red);color:#fff}.btn--warning{background:var(--amber);color:#fff}.btn--sm{padding:5px 10px;font-size:12px}.btn--xs{padding:3px 8px;font-size:11px}.icon-btn{background:none;border:1px solid var(--border);color:var(--muted);padding:.3rem .5rem;border-radius:.3rem;margin-left:.2rem;cursor:pointer;display:inline-flex;align-items:center;transition:background .12s,color .12s;line-height:0}.icon-btn:hover:not(:disabled){background:var(--surface2);color:var(--text)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn--success{color:var(--green);border-color:transparent}.icon-btn--primary{color:var(--accent);border-color:transparent}.icon-btn--danger{color:var(--red);border-color:transparent}.icon-btn--warning{color:var(--amber);border-color:transparent}.icon-btn--purple{color:#7c3aed;border-color:transparent}.icon-btn--orange{color:#ea580c;border-color:transparent}.icon-btn--danger-outline{color:var(--red);border-color:var(--red)}.icon-btn--sm{padding:.2rem .4rem;margin-left:.1rem}.input{display:block;width:100%;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:7px;color:var(--text);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:var(--ring)}.input:disabled{background:var(--surface3);color:var(--muted);cursor:not-allowed}.badge{display:inline-block;padding:.15rem .5rem;border-radius:.4rem;font-size:.75rem;font-weight:500}.badge--draft{background:var(--amber-dim);color:var(--amber)}.badge--validated{background:var(--green-dim);color:var(--green)}.badge--cancelled{background:var(--red-dim);color:var(--red)}.badge--info{background:var(--accent-dim);color:var(--accent)}.badge--unpaid{background:var(--red-dim);color:var(--red)}.badge--partial{background:var(--amber-dim);color:var(--amber)}.badge--paid{background:var(--green-dim);color:var(--green)}