:root{--blue-action:#0066cc;--blue-hover:#0055aa;--canvas:#ffffff;--canvas-parchment:#f5f5f7;--surface-elevated:#ffffff;--nav-bg:rgba(255,255,255,0.92);--ink:#1d1d1f;--ink-muted-48:rgba(29,29,31,0.48);--hairline:#e0e0e0;--divider-soft:#f0f0f0;--hover-tint:rgba(0,0,0,0.05);--blue-focus:#0066cc;--turn-red:#c0392b;--destructive:#ff3b30;--destructive-hover:#e02818;--destructive-bg:#fff0f0;--destructive-border:#f4b4b4;--success:#1a7a2e;--success-bg:#e6f4ea;--success-border:#a8d5b0;--blue-tint-bg:#e8f0fb;--blue-tint-text:#0050a0;--warning-bg:#fff6e0;--warning-border:#f0d999;--warning-text:#6a5320;--on-accent:#ffffff;--overlay:rgba(0,0,0,0.32);--shadow-modal:0 24px 64px rgba(0,0,0,0.18);--shadow-product:3px 5px 30px rgba(0,0,0,0.16);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:9999px;color-scheme:light}:root[data-theme=dark]{--blue-action:#0a84ff;--blue-hover:#3a9bff;--canvas:#1f1f22;--canvas-parchment:#151517;--surface-elevated:#2a2a2d;--nav-bg:rgba(28,28,30,0.86);--ink:#f5f5f7;--ink-muted-48:rgba(235,235,245,0.56);--hairline:rgba(255,255,255,0.13);--divider-soft:rgba(255,255,255,0.08);--hover-tint:rgba(255,255,255,0.07);--blue-focus:#0a84ff;--turn-red:#ff8578;--destructive:#ff453a;--destructive-hover:#ff6459;--destructive-bg:rgba(255,69,58,0.18);--destructive-border:rgba(255,69,58,0.42);--success:#30d158;--success-bg:rgba(48,209,88,0.18);--success-border:rgba(48,209,88,0.42);--blue-tint-bg:rgba(10,132,255,0.20);--blue-tint-text:#6cb6ff;--warning-bg:rgba(255,214,10,0.15);--warning-border:rgba(255,214,10,0.38);--warning-text:#ffd60a;--on-accent:#ffffff;--overlay:rgba(0,0,0,0.58);--shadow-modal:0 24px 64px rgba(0,0,0,0.62);--shadow-product:3px 5px 30px rgba(0,0,0,0.5);color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]),:root[data-theme=auto]{--blue-action:#0a84ff;--blue-hover:#3a9bff;--canvas:#1f1f22;--canvas-parchment:#151517;--surface-elevated:#2a2a2d;--nav-bg:rgba(28,28,30,0.86);--ink:#f5f5f7;--ink-muted-48:rgba(235,235,245,0.56);--hairline:rgba(255,255,255,0.13);--divider-soft:rgba(255,255,255,0.08);--hover-tint:rgba(255,255,255,0.07);--blue-focus:#0a84ff;--turn-red:#ff8578;--destructive:#ff453a;--destructive-hover:#ff6459;--destructive-bg:rgba(255,69,58,0.18);--destructive-border:rgba(255,69,58,0.42);--success:#30d158;--success-bg:rgba(48,209,88,0.18);--success-border:rgba(48,209,88,0.42);--blue-tint-bg:rgba(10,132,255,0.20);--blue-tint-text:#6cb6ff;--warning-bg:rgba(255,214,10,0.15);--warning-border:rgba(255,214,10,0.38);--warning-text:#ffd60a;--on-accent:#ffffff;--overlay:rgba(0,0,0,0.58);--shadow-modal:0 24px 64px rgba(0,0,0,0.62);--shadow-product:3px 5px 30px rgba(0,0,0,0.5);color-scheme:dark}}::view-transition-new(root),::view-transition-old(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){::view-transition-new(root),::view-transition-old(root){animation:none}}:root[data-theme=dark] .brand-logo{filter:brightness(0) invert(1)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .brand-logo,:root[data-theme=auto] .brand-logo{filter:brightness(0) invert(1)}}.brand-logo-day-only{display:block}.brand-logo-dark-only,:root[data-theme=dark] .brand-logo-day-only{display:none}:root[data-theme=dark] .brand-logo-dark-only{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme]) .brand-logo-day-only,:root[data-theme=auto] .brand-logo-day-only{display:none}:root:not([data-theme]) .brand-logo-dark-only,:root[data-theme=auto] .brand-logo-dark-only{display:block}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:17px;font-weight:400;color:var(--ink);background:var(--canvas);line-height:1.47}button,input,select,textarea{font-family:inherit}button{transition:transform .1s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.96)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.time-input-plain::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.time-input-plain{-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-input-plain::-webkit-date-and-time-value{text-align:center}.pill-ghost{transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .1s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.pill-ghost:hover{background:var(--blue-action)!important;color:#fff!important;box-shadow:0 2px 8px rgba(0,102,204,.25)}}.pill-ghost-dark{transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .1s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.pill-ghost-dark:hover{background:var(--ink)!important;color:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.28)}}.pill-primary{transition:background .18s ease,box-shadow .18s ease,transform .1s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.pill-primary:hover:not(:disabled){background:var(--blue-hover)!important;box-shadow:0 2px 10px rgba(0,102,204,.32)}}.pill-primary:disabled{cursor:default}.pill-destructive{transition:background .18s ease,box-shadow .18s ease,transform .1s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.pill-destructive:hover:not(:disabled){background:var(--destructive-hover)!important;box-shadow:0 2px 10px rgba(255,59,48,.32)}}.pill-ghost-danger{transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .1s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.pill-ghost-danger:hover:not(:disabled){background:#ff3b30!important;color:#fff!important;box-shadow:0 2px 8px rgba(255,59,48,.28)}}.tip-pill-paid:hover:not(:disabled){background:#e0281c!important;border-color:#e0281c!important}.tip-pill-unpaid:hover:not(:disabled){background:rgba(255,59,48,.08)!important;border-color:#ff3b30!important;color:#ff3b30!important}.icon-btn{transition:background .15s ease,color .15s ease}.icon-btn:hover:not(:disabled){background:var(--hover-tint)}.select-hairline{transition:border-color .15s ease}.select-hairline:hover:not(:disabled){border-color:var(--ink-muted-48)!important}.chip-toggle{transition:background .15s ease,border-color .15s ease,color .15s ease}.chip-toggle:hover:not(:disabled){border-color:var(--ink-muted-48)!important;color:var(--ink)!important;background:var(--divider-soft)!important}.drag-handle{transition:color .15s ease,background .15s ease;border-radius:6px}.drag-handle:hover:not(:disabled){color:var(--ink)!important;background:var(--divider-soft)}.drag-handle:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}.select-pill{transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.select-pill[data-selected=false]:hover:not(:disabled){border-color:var(--blue-action)!important;background:rgba(0,102,204,.06)!important;color:var(--blue-action)!important}.select-pill[data-selected=true]:hover:not(:disabled){background:var(--blue-hover)!important;box-shadow:0 2px 8px rgba(0,102,204,.28)}.text-link{transition:opacity .15s ease}.text-link:hover:not(:disabled){opacity:.68}.editable-value{transition:color .15s ease,border-color .15s ease}.editable-value:hover{color:var(--blue-action)!important;border-bottom-color:var(--blue-action)!important;border-bottom-style:solid!important}.row-hover{transition:background .15s ease,box-shadow .15s ease}.row-hover:hover{background:var(--canvas-parchment)!important}.calendar-cell{transition:box-shadow .15s ease,transform .1s ease}.calendar-cell:hover:not(:disabled){box-shadow:0 2px 8px rgba(0,102,204,.12);transform:translateY(-1px)}.calendar-cell:active:not(:disabled){transform:translateY(0)}@keyframes newFeaturePulse{0%,to{box-shadow:0 0 0 0 rgba(0,102,204,.45)}70%{box-shadow:0 0 0 6px rgba(0,102,204,0)}}.new-feature-dot{animation:newFeaturePulse 2s ease-out infinite}@media (prefers-reduced-motion:reduce){.new-feature-dot{animation:none}}@keyframes popIn{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.settings-row:hover{background:var(--canvas-parchment)}@keyframes slideInRight{0%{transform:translateX(16px);opacity:0}to{transform:translateX(0);opacity:1}}.avatar-btn{transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s ease}.avatar-btn:hover:not(:disabled){transform:scale(1.06);box-shadow:0 0 0 3px rgba(0,0,0,.08)}.avatar-btn:active:not(:disabled){transform:scale(.96);box-shadow:0 0 0 3px rgba(0,0,0,.08)}.avatar-edit-badge{transition:transform .15s cubic-bezier(.4,0,.2,1),background .15s ease}.avatar-edit-badge:hover:not(:disabled){transform:scale(1.1);background:#000!important}.avatar-edit-badge:active:not(:disabled){transform:scale(.94)}.google-btn{transition:background-color .15s ease,border-color .15s ease}.google-btn:hover:not(:disabled){background:var(--canvas-parchment)!important;border-color:var(--ink-muted-48)!important}.keypad-btn{transition:background .15s ease,border-color .15s ease,transform .08s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.keypad-btn:hover:not(:disabled){background:var(--canvas-parchment)!important;border-color:var(--ink-muted-48)!important}}.click-to-add{transition:background .15s ease}.click-to-add:hover{background:rgba(0,102,204,.05)}.click-to-add:has(>:hover){background:transparent}.click-to-add-empty{transition:color .15s ease}.click-to-add-empty:hover{color:var(--blue-action)!important}.dashed-add{transition:background .15s ease,border-color .15s ease,border-style .15s ease}.dashed-add:hover:not(:disabled){border-color:var(--blue-action)!important;border-style:solid!important;background:rgba(0,102,204,.06)!important}.dashed-add-muted{transition:background .15s ease,border-color .15s ease,border-style .15s ease,color .15s ease}.dashed-add-muted:hover:not(:disabled){border-color:var(--ink-muted-48)!important;border-style:solid!important;background:var(--canvas-parchment)!important;color:var(--ink)!important}@media (max-width:640px){.hide-on-mobile{display:none!important}.mobile-tight-gap{gap:6px!important}.mobile-tight-pad{padding:0 12px!important}.nav-brand img{height:52px!important;max-width:132px!important}.nav-left,.nav-right{min-width:0!important}.day-columns-wrapper{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.day-column{min-width:180px}}input,select,textarea{font-size:max(16px,1em)!important}:focus-visible{outline:2px solid var(--blue-action);outline-offset:2px;border-radius:4px}a:focus-visible,button:focus-visible{outline-offset:3px}