@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#fff;--color-surface-soft:#f7f9fc;--color-surface-hover:#f1f5fb;--color-nav:#fff;--color-text:#1f1f1f;--color-text-secondary:#5f6368;--color-border:#d6dde6;--border-default:1px solid var(--color-border);--color-border-strong:#aeb8c7;--color-primary:#1976d2;--color-primary-hover:#1565c0;--color-primary-text:#174ea6;--color-primary-container:#eef5ff;--color-selection-bg:#b8d7ff;--color-selection-text:#10233d;--color-danger:#b3261e;--color-danger-bg:#fff3f2;--color-warning:#8a4b00;--color-warning-bg:#fff8eb;--color-success:#146c43;--color-success-bg:#eff9f4;--shadow-control:0 1px 2px #3c40431a;--shadow-dialog:0 12px 40px #3c40434d;--radius-control:11px;--radius-surface:13px;--radius-dialog:16px;--radius-round:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--sidebar-width:256px;--header-height:64px;--font:Manrope, Arial, Helvetica, sans-serif;--control-height:42px;--control-font-size:14px;--motion-enter:.3s;--motion-exit:.2s;--motion-quick:.16s;--ease-enter:cubic-bezier(.05, .7, .1, 1);--ease-exit:cubic-bezier(.3, 0, .8, .15);--ease-standard:cubic-bezier(.2, 0, 0, 1);--color-status-confirmed:#2457d6;--color-status-confirmed-bg:#edf3ff;--color-status-draft:#956515;--color-status-draft-bg:#fff6dd;--color-status-paid:#16734a;--color-status-paid-bg:#eaf8f0;--color-totals-bg:#f3f7fd;--color-totals-border:#dbe5f2}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#111315;--color-surface:#191c1f;--color-surface-soft:#202428;--color-surface-hover:#262b30;--color-nav:#171a1d;--color-text:#e8eaed;--color-text-secondary:#aeb4bd;--color-border:#3b424a;--color-border-strong:#65717d;--color-primary:#8ab4f8;--color-primary-hover:#aecbfa;--color-primary-text:#aecbfa;--color-primary-container:#23364f;--color-selection-bg:#315f9b;--color-selection-text:#fff;--color-danger:#f2b8b5;--color-danger-bg:#4c2523;--color-warning:#f6c880;--color-warning-bg:#493516;--color-success:#81c995;--color-success-bg:#1f3b2c;--color-status-confirmed:#9bbcff;--color-status-confirmed-bg:#203052;--color-status-draft:#f4c874;--color-status-draft-bg:#473719;--color-status-paid:#83d6a8;--color-status-paid-bg:#193d2b;--shadow-control:none;--shadow-dialog:0 18px 50px #0000008c;--color-totals-bg:#1f2430;--color-totals-border:#2f3747}*{box-sizing:border-box}html{scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent;min-height:100%;margin:0}body{background:var(--color-bg);min-height:100%;color:var(--color-text);font:14px/1.45 var(--font);margin:0}button{font:inherit;color:inherit}input{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}select{font:inherit;color:inherit}textarea{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}.userAvatar{background:var(--color-primary-container);width:34px;height:34px;color:var(--color-primary-text);object-fit:cover;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;font-size:12px;font-weight:750;display:inline-flex}.visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logout{color:var(--color-primary-text);background:0 0;border:0;padding:8px 0;font-weight:650}.logout--icon{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;display:grid}.logout--icon:hover{background:var(--color-surface-hover)}.logout--icon svg{width:18px;height:18px}.iconButton{border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);min-height:36px;color:var(--color-primary-text);box-shadow:var(--shadow-control);width:var(--control-height);height:var(--control-height);place-items:center;padding:0;font-weight:650;transition:background .14s,border-color .14s,transform 80ms;display:grid}.iconButton:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.iconButton:active{transform:translateY(1px)}:root[data-theme=dark] .button--primary{color:#10233d}button:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:2px;background:var(--color-primary-container);caret-color:var(--color-primary)}.surfaceHeader,.split{justify-content:space-between;align-items:center;gap:12px;display:flex}.surfaceHeader{border-bottom:1px solid var(--color-border);padding-bottom:13px}.surfaceHeader h2{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px}.mutedText{color:var(--color-text-secondary)}.activity{border-bottom:1px solid var(--color-border);padding:14px 4px}.activity:last-child{border:0}.activity small{color:var(--color-text-secondary);margin-top:3px;display:block}.activity>.split+.split,.activity>div+.split{margin-top:9px}.toolbar{align-items:end;gap:12px;margin-bottom:16px;display:flex}.toolbar .field:first-child{flex:1}.toolbar .field:last-child{flex:0 0 220px}.field{min-width:0;display:block}.fieldLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px 6px;font-size:10px;font-weight:750;display:block}.control{width:100%;min-height:var(--control-height);border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-control);outline:none;padding:10px 12px}.control[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark] .control[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.control:hover{border-color:var(--color-border-strong)}.control:focus{border-color:var(--color-border-strong);background:var(--color-primary-container)}.authScreen{background:var(--color-bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.authPanel{border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);flex-direction:column;gap:18px;width:min(420px,100%);padding:32px;display:flex}.authBrand{letter-spacing:-.02em;font-weight:800}.authPanel h1{letter-spacing:-.02em;margin:8px 0 -10px;font-size:26px}.authPanel p{color:var(--color-text-secondary);margin:0}.authMessage{border-radius:var(--radius-control);background:var(--color-surface-soft);padding:10px 12px}.authMessage--error{color:var(--color-danger);background:var(--color-danger-bg)}.fieldHelper{color:var(--color-text-secondary);margin:-12px 6px 0;font-size:12px;display:block}.fieldHelper--error{color:var(--color-danger)}.dataTable{border:1px solid var(--color-border);border-radius:var(--radius-surface);background:var(--color-surface);overflow:hidden}.tableHead{background:var(--color-surface-soft);min-height:42px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:750}.sortHeader{min-width:0;color:inherit;font:inherit;text-align:left;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;display:inline-flex}.sortHeader:hover,.sortHeader--active{color:var(--color-text)}.tableRow{border-top:1px solid var(--color-border)}.tableRow:hover{background:var(--color-surface-hover)}.formStack{flex-direction:column;gap:12px;display:flex}.formRow{gap:12px;display:flex}.formRow>.field{flex:1}.formActions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.empty{text-align:center;color:var(--color-text-secondary);padding:32px}.fieldMessage{border-radius:var(--radius-control);background:var(--color-warning-bg);color:var(--color-warning);margin:-2px 0 12px;padding:9px 12px;font-size:12px}.fieldMessage--error{background:var(--color-danger-bg);color:var(--color-danger)}.modalLayer{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#252b317a;place-items:start center;padding-top:8dvh;display:grid;position:fixed;inset:0}.settingsCard--compact{align-self:start}.settingsForm{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.buttonRow{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.settingsHelper{color:var(--color-text-secondary);display:block}.toggleSetting{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.toggleSetting small{color:var(--color-text-secondary);display:block}.toast--success{background:color-mix(in srgb, var(--color-success-bg) 88%, transparent);color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 32%, transparent)}.toast--error{background:color-mix(in srgb, var(--color-danger-bg) 90%, transparent);color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 32%, transparent)}@keyframes toastEnter{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes overlayFadeIn{0%{opacity:0}}@keyframes overlaySlideIn{0%{transform:translateY(100%)}}@keyframes overlayRiseIn{0%{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes overlayFadeOut{to{opacity:0}}@keyframes overlaySlideOut{to{transform:translateY(100%)}}@keyframes overlayRiseOut{to{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes menuReveal{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.modalLayer{animation:overlayFadeIn var(--motion-enter) var(--ease-standard) both}.modalLayer>.modal{animation:overlayRiseIn var(--motion-enter) var(--ease-enter) both}.modalLayer[data-exiting]{animation:overlayFadeOut var(--motion-exit) var(--ease-exit) both}.modalLayer[data-exiting]>.modal{animation:overlayRiseOut var(--motion-exit) var(--ease-exit) both}@media (prefers-reduced-motion:reduce){.modalLayer,.modalLayer>.modal{animation:none}}@media (max-width:850px){:root{--control-height:44px;--control-font-size:16px}.control{font-size:var(--control-font-size)}.fieldLabel{text-transform:none;letter-spacing:0;margin-inline-start:0;font-size:12px;font-weight:600}.button,.iconButton,.logout--icon{min-width:44px;min-height:44px}.toolbar{flex-direction:column;margin-bottom:8px}.toolbar .field{flex-basis:auto;width:100%}.toolbar .field:last-child{flex:none}.tableHead{display:none}}@media (max-width:520px){.formRow{flex-direction:column}.authPanel{padding:22px}}
