:root{color:var(--color-text);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-pill:999px;--motion-fast:.16s;--motion-standard:.24s;--ease-native:cubic-bezier(.2, .8, .2, 1);--sidebar-width:15.5rem;--content-max:76rem;--nav-height:5.25rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f4f7fb;--color-canvas-deep:#e9eff7;--color-surface:#ffffffc7;--color-surface-solid:#fff;--color-surface-subtle:#ffffff8f;--color-text:#172033;--color-text-secondary:#5c677a;--color-text-tertiary:#7f8999;--color-border:#4b5b7426;--color-border-strong:#4b5b743d;--color-accent:#0a72e8;--color-accent-strong:#005fc8;--color-accent-soft:#0a72e81f;--color-positive:#16865f;--glass-background:#f8fbffb3;--glass-border:#ffffffd1;--glass-shadow:0 18px 48px #20395b1f, inset 0 1px 0 #ffffffe6;--focus-ring:#0a72e86b;--ambient-one:#4b97ff33;--ambient-two:#4ddcb724}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#10131a;--color-canvas-deep:#080a0f;--color-surface:#1c222dd1;--color-surface-solid:#1b202a;--color-surface-subtle:#1f2632b3;--color-text:#f3f7fd;--color-text-secondary:#acb7c8;--color-text-tertiary:#7e899a;--color-border:#c2d3e91f;--color-border-strong:#c2d3e933;--color-accent:#5aa7ff;--color-accent-strong:#7bb8ff;--color-accent-soft:#5aa7ff29;--color-positive:#56d3a2;--glass-background:#141922b8;--glass-border:#ffffff1f;--glass-shadow:0 20px 54px #00000059, inset 0 1px 0 #ffffff14;--focus-ring:#5aa7ff80;--ambient-one:#246ccd3d;--ambient-two:#1d8b7426}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:20rem;min-height:100%}body{background:radial-gradient(circle at 14% 6%, var(--ambient-one), transparent 30rem), radial-gradient(circle at 88% 92%, var(--ambient-two), transparent 34rem), var(--color-canvas);min-width:20rem;min-height:100dvh;color:var(--color-text);margin:0;overflow-x:hidden}html.modal-open,body.modal-open{overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}::selection{background:var(--color-accent-soft)}.glass{border:1px solid var(--glass-border);background:var(--glass-background);box-shadow:var(--glass-shadow)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%)}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#10131a;--color-canvas-deep:#080a0f;--color-surface:#1c222dd1;--color-surface-solid:#1b202a;--color-surface-subtle:#1f2632b3;--color-text:#f3f7fd;--color-text-secondary:#acb7c8;--color-text-tertiary:#7e899a;--color-border:#c2d3e91f;--color-border-strong:#c2d3e933;--color-accent:#5aa7ff;--color-accent-strong:#7bb8ff;--color-accent-soft:#5aa7ff29;--color-positive:#56d3a2;--glass-background:#141922b8;--glass-border:#ffffff1f;--glass-shadow:0 20px 54px #00000059, inset 0 1px 0 #ffffff14;--focus-ring:#5aa7ff80;--ambient-one:#246ccd3d;--ambient-two:#1d8b7426}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.glass{background:var(--color-surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}#root{min-height:100dvh}.app-shell{min-height:100dvh;padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-3) calc(var(--nav-height) + max(var(--space-5), env(safe-area-inset-bottom)))}.sidebar{display:none}.app-main{width:min(100%, var(--content-max));margin:0 auto}.topbar{min-height:3.5rem;margin-bottom:var(--space-5);padding-inline:var(--space-1);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:var(--space-3);display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#1f8cff,#0063d4);border-radius:.9rem;place-items:center;width:2.6rem;height:2.6rem;display:grid;box-shadow:0 10px 24px #0068db40,inset 0 1px #ffffff6b}.brand-copy strong,.brand-copy span{display:block}.brand-copy strong{letter-spacing:-.02em;font-size:1rem}.brand-copy span{color:var(--color-text-tertiary);letter-spacing:.05em;text-transform:uppercase;margin-top:.08rem;font-size:.76rem;font-weight:600}.status-pill{align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:.78rem;font-weight:650;display:inline-flex}.status-dot{background:var(--color-positive);width:.45rem;height:.45rem;box-shadow:0 0 0 .22rem color-mix(in srgb, var(--color-positive) 16%, transparent);border-radius:50%}.page{animation:page-in var(--motion-standard) var(--ease-native) both}.page-header{gap:var(--space-2);margin-bottom:var(--space-6);display:grid}.eyebrow{color:var(--color-accent);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:750}.page-title{letter-spacing:-.055em;max-width:18ch;margin:0;font-size:clamp(2rem,9vw,3.4rem);font-weight:720;line-height:.98}.page-description{max-width:40rem;margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:1rem;line-height:1.55}.panel-grid{gap:var(--space-4);display:grid}.panel{min-height:9rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);position:relative;overflow:hidden;box-shadow:0 18px 44px #152a4612}.panel:after{background:var(--color-accent-soft);content:"";filter:blur(2px);border-radius:50%;width:9rem;height:9rem;position:absolute;top:-4rem;right:-4rem}.panel-icon{width:2.75rem;height:2.75rem;margin-bottom:var(--space-5);background:var(--color-accent-soft);color:var(--color-accent);border-radius:.9rem;place-items:center;display:grid}.panel h2{letter-spacing:-.02em;margin:0;font-size:1.08rem}.panel p{max-width:34rem;margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:.92rem;line-height:1.5}.bottom-nav{z-index:20;right:max(var(--space-3), env(safe-area-inset-right));bottom:max(var(--space-3), env(safe-area-inset-bottom));left:max(var(--space-3), env(safe-area-inset-left));gap:var(--space-1);min-height:4.4rem;padding:var(--space-2);border-radius:1.55rem;grid-template-columns:repeat(4,1fr);display:grid;position:fixed}.nav-link{min-width:0;min-height:3.25rem;color:var(--color-text-tertiary);transition:color var(--motion-fast) var(--ease-native), background-color var(--motion-fast) var(--ease-native), transform var(--motion-fast) var(--ease-native);border-radius:1.05rem;justify-content:center;align-items:center;gap:.38rem;font-size:.68rem;font-weight:680;text-decoration:none;display:flex}.bottom-nav .nav-link{flex-direction:column}.nav-link:hover{color:var(--color-text)}.nav-link:active{transform:scale(.96)}.nav-link.active{background:var(--color-accent-soft);color:var(--color-accent-strong)}.theme-control{gap:var(--space-2);padding:var(--space-2);border-radius:1.2rem;grid-template-columns:repeat(3,1fr);display:grid}.theme-option{justify-content:center;align-items:center;gap:var(--space-2);min-height:3rem;color:var(--color-text-secondary);cursor:pointer;transition:color var(--motion-fast) var(--ease-native), background-color var(--motion-fast) var(--ease-native), transform var(--motion-fast) var(--ease-native);background:0 0;border:0;border-radius:.9rem;font-size:.85rem;font-weight:680;display:inline-flex}.theme-option:hover{color:var(--color-text)}.theme-option:active{transform:scale(.98)}.theme-option.selected{background:var(--color-accent-soft);color:var(--color-accent-strong)}.setting-group{gap:var(--space-3);display:grid}.setting-group h2{letter-spacing:-.01em;margin:0;font-size:.9rem}.setting-group>p{color:var(--color-text-secondary);margin:0;font-size:.88rem;line-height:1.5}.data-panel,.sync-panel{grid-column:1/-1}.data-metrics{gap:var(--space-3);margin:var(--space-2) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.data-metrics>div{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle)}.data-metrics dt{color:var(--color-text-tertiary);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:680}.data-metrics dd{margin:var(--space-1) 0 0;color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:730}.time-format-control{gap:var(--space-2);padding:var(--space-2);border-radius:1.2rem;grid-template-columns:repeat(2,1fr);display:grid}.time-format-option{min-height:3.6rem;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:.9rem;place-items:center;gap:.15rem;font-weight:700;display:grid}.time-format-option small{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:600}.time-format-option.selected{background:var(--color-accent-soft);color:var(--color-accent-strong)}.time-format-option:disabled{cursor:wait;opacity:.55}.sync-form label{align-items:center;gap:var(--space-1);display:inline-flex}.sync-status{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);gap:.16rem;display:grid}.sync-status strong{color:var(--color-text);font-size:.88rem}.sync-status span,.sync-status small{color:var(--color-text-secondary);font-size:.78rem;line-height:1.45}.sync-status.success{background:#16865f14;border-color:#16865f42}.sync-status.error,.sync-status.conflict{background:#c23e4614;border-color:#c23e463d}.sync-status.error strong,.sync-status.conflict strong{color:#c23e46}.sync-now-button{width:100%}.sync-conflict-actions .action-button{flex:9rem}.dev-tools{gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid}.dev-label{align-items:center;gap:var(--space-2);letter-spacing:.04em;text-transform:uppercase;font-weight:700;display:flex;color:var(--color-text-tertiary)!important;font-size:.74rem!important}.button-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.action-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;cursor:pointer;border:0;font-size:.84rem;font-weight:720;display:inline-flex}.action-button.secondary{background:var(--color-accent-soft);color:var(--color-accent-strong)}.action-button.danger-text{color:#c23e46;background:#c23e461a}.action-button.danger{color:#fff;background:#c23e46}.action-button:disabled{cursor:wait;opacity:.55}.modal-layer{z-index:100;padding:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-3), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-3), env(safe-area-inset-left));overscroll-behavior:none;align-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(24px)saturate(.85);cursor:pointer;background:radial-gradient(circle at 50% 100%,#1a5b6f3d,#0000 42%),#040a16b8;border:0;position:absolute;inset:0}.modal-sheet{border:1px solid color-mix(in srgb, var(--color-border) 72%, white 8%);background:color-mix(in srgb, var(--color-surface) 94%, transparent);width:min(100%,42rem);min-width:0;max-height:min(88dvh,44rem);animation:sheet-in var(--motion-standard) var(--ease-native) both;-webkit-backdrop-filter:blur(18px)saturate(1.08);border-radius:1.55rem;grid-template-rows:auto minmax(0,1fr) auto;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000057,inset 0 1px #ffffff0d}.modal-sheet-header,.modal-sheet-footer{justify-content:space-between;align-items:flex-start;gap:var(--space-3);min-width:0;padding:var(--space-4);display:flex}.modal-sheet-header>div{min-width:0}.modal-sheet-header{border-bottom:1px solid var(--color-border)}.modal-sheet-header h2{margin:var(--space-1) 0 0;letter-spacing:-.035em;font-size:1.28rem}.modal-sheet-header p:not(.eyebrow){margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:.88rem;line-height:1.45}.modal-close{flex:none}.modal-sheet-body{gap:var(--space-3);min-width:0;min-height:0;padding:var(--space-4);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;overflow:hidden auto}.modal-sheet-footer{z-index:2;border-top:1px solid var(--color-border);background:var(--color-surface-subtle);justify-content:flex-end;position:relative}.modal-sheet-footer .action-button{min-width:7rem;min-height:3rem}.shift-sheet-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.shift-sheet-actions .action-button{width:100%;min-width:0;padding-inline:var(--space-3)}.form-grid{gap:var(--space-3);min-width:0;display:grid}.form-grid.two{column-gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:var(--space-1);min-width:0;display:grid}.field label,.field-label{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:720}.field input,.field select,.field textarea{width:100%;min-width:0;max-width:100%;min-height:2.65rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-solid);color:var(--color-text);font:inherit;appearance:none;font-size:1rem}.field select{background:linear-gradient(45deg, transparent 50%, var(--color-text-tertiary) 50%) right 1.25rem center / .45rem .45rem no-repeat, var(--color-surface-solid);padding-right:var(--space-8)}.field input[type=date],.field input[type=time]{text-align:center}.field textarea{min-height:4.4rem;padding-block:var(--space-3);resize:vertical}.field-error,.form-error{color:#c23e46;font-size:.76rem;font-weight:650}.form-error{padding:var(--space-3);border-radius:var(--radius-sm);background:#c23e4617;border:1px solid #c23e463d}.segmented-control{gap:var(--space-2);min-width:0;padding:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:1.15rem;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented-control button{min-width:0;min-height:2.45rem;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:.85rem;font-weight:720}.segmented-control button.selected{background:var(--color-surface-solid);color:var(--color-accent-strong);box-shadow:0 8px 22px #192f4b14}.confirm-mark{background:var(--color-accent-soft);width:3.4rem;height:3.4rem;color:var(--color-accent);border-radius:1rem;place-items:center;display:grid}.confirm-mark.danger{color:#c23e46;background:#c23e461f}.calendar-header,.stats-header,.templates-header{gap:var(--space-5)}.header-actions{gap:var(--space-3);display:grid}.period-navigator{gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:1.3rem;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;display:grid;position:relative}.icon-button,.period-today{background:var(--color-surface-subtle);min-height:2.75rem;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-native), color var(--motion-fast) var(--ease-native), transform var(--motion-fast) var(--ease-native);border:0;border-radius:.9rem;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover,.period-today:hover{background:var(--color-accent-soft);color:var(--color-accent-strong)}.icon-button.active{color:#c23e46;background:#c23e461a}.icon-button:active,.period-today:active{transform:scale(.96)}.period-picker{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:2.75rem;padding:0 var(--space-3);color:var(--color-text);cursor:pointer;border-radius:.9rem;font-size:.85rem;font-weight:720;display:flex;position:relative}.period-picker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.period-picker input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.period-today{background:var(--color-accent-soft);min-height:2.5rem;color:var(--color-accent-strong);grid-column:1/-1;font-size:.78rem;font-weight:730}.mobile-week-strip{gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.35rem;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.day-selector{min-width:0;min-height:4.25rem;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:.95rem;align-content:center;place-items:center;gap:.12rem;display:grid;position:relative}.day-selector span{text-transform:uppercase;font-size:.65rem;font-weight:720}.day-selector strong{color:var(--color-text);font-size:1rem}.day-selector i{background:0 0;border-radius:50%;width:.28rem;height:.28rem}.day-selector.today i{background:var(--color-accent)}.day-selector.selected{background:var(--color-accent-soft);color:var(--color-accent-strong)}.mobile-day-detail{min-height:16rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 18px 44px #152a4612}.mobile-day-detail header h2{margin:var(--space-1) 0 0;letter-spacing:-.035em;font-size:1.35rem}.day-detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.day-actions{gap:var(--space-2);flex:none;display:flex}.day-off-note{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:#a5373e;background:#c23e4614;font-size:.78rem;font-weight:650}.day-off-note.compact{padding:var(--space-2);text-align:center;margin:0}.day-shifts{gap:var(--space-3);margin-top:var(--space-5);display:grid}.desktop-week-grid{display:none}.shift-chip{gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-solid);display:grid;box-shadow:0 8px 24px #192f4b0f}.shift-chip-button{border-color:var(--color-border);width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color var(--motion-fast) var(--ease-native), transform var(--motion-fast) var(--ease-native)}.shift-chip-button:hover{border-color:var(--color-accent)}.shift-chip-button:active{transform:scale(.99)}.shift-chip-main{justify-content:space-between;align-items:flex-start;gap:var(--space-2);min-width:0;display:flex}.shift-chip-main strong{color:var(--color-accent-strong);font-variant-numeric:tabular-nums;font-size:.9rem}.shift-chip-title{color:var(--color-text);font-size:.82rem;font-weight:720;line-height:1.35}.shift-chip-subtitle{color:var(--color-text-tertiary);font-size:.72rem}.shift-chip-meta{gap:var(--space-2);color:var(--color-text-tertiary);flex-wrap:wrap;font-size:.7rem;display:flex}.shift-chip-meta span{align-items:center;gap:var(--space-1);display:inline-flex}.shift-chip.detailed{padding:var(--space-4)}.shift-chip.detailed .shift-chip-title{font-size:.95rem}.shift-chip.detailed p{color:var(--color-text-secondary);margin:0;font-size:.82rem}.shift-chip.day-off{background:linear-gradient(135deg, var(--color-accent-soft), transparent), var(--color-surface-solid)}.empty-day,.calendar-skeleton{align-content:center;place-items:center;gap:var(--space-1);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);min-height:8rem;color:var(--color-text-tertiary);text-align:center;display:grid}.empty-day span{color:var(--color-text-secondary);font-size:.85rem;font-weight:680}.empty-day small{font-size:.72rem}.empty-day.compact{min-height:6rem;padding:var(--space-2)}.calendar-skeleton span,.payments-skeleton span{border-radius:var(--radius-pill);background:var(--color-border);width:70%;height:.8rem;animation:1.2s ease-in-out infinite alternate skeleton-pulse;display:block}.calendar-skeleton span+span{width:48%}.summary-metrics{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.summary-metric{align-content:start;gap:var(--space-1);min-height:9.25rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid;position:relative;overflow:hidden}.summary-metric:last-child{grid-column:1/-1}.summary-metric-icon{width:2.35rem;height:2.35rem;margin-bottom:var(--space-3);background:var(--color-accent-soft);color:var(--color-accent);border-radius:.8rem;place-items:center;display:grid}.summary-metric-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:680}.summary-metric strong{color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(1.35rem,5vw,1.8rem)}.summary-metric small{color:var(--color-text-tertiary);font-size:.7rem}.summary-metric.amber .summary-metric-icon{color:#b66c00;background:#d9850e21}.summary-metric.green .summary-metric-icon{color:var(--color-positive);background:#16865f21}.summary-metric.red{background:linear-gradient(135deg, #cc454a14, transparent 65%), var(--color-surface);border-color:#cc454a38}.summary-metric.red .summary-metric-icon{color:#c23e46;background:#cc454a21}.payments-panel{margin-top:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.section-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.section-heading h2{margin:var(--space-1) 0 0;letter-spacing:-.025em;font-size:1.15rem}.received-total{align-items:center;gap:var(--space-2);min-height:2.4rem;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-positive);font-variant-numeric:tabular-nums;background:#16865f1f;font-size:.82rem;font-weight:720;display:inline-flex}.payments-list{gap:var(--space-2);margin-top:var(--space-4);display:grid}.payment-row{align-items:center;gap:var(--space-3);min-height:4.5rem;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-subtle);grid-template-columns:2.6rem minmax(0,1fr) auto auto;display:grid}.payment-icon{width:2.6rem;height:2.6rem;color:var(--color-positive);background:#16865f1f;border-radius:.85rem;place-items:center;display:grid}.payment-row strong,.payment-row b{color:var(--color-text);font-size:.9rem}.payment-row b{color:var(--color-positive);font-variant-numeric:tabular-nums}.payment-delete{color:#c23e46;width:2.3rem;min-height:2.3rem}.payment-row p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:.76rem}.payments-empty{justify-content:center;align-items:center;gap:var(--space-3);min-height:8rem;color:var(--color-text-tertiary);display:flex}.payments-empty strong{color:var(--color-text-secondary)}.payments-empty p{margin:var(--space-1) 0 0;font-size:.78rem}.payments-skeleton{gap:var(--space-3);padding:var(--space-6) 0;display:grid}.templates-header .action-button{width:fit-content}.templates-error{margin-bottom:var(--space-4)}.template-list{gap:var(--space-4);display:grid}.template-card{gap:var(--space-4);min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid;box-shadow:0 18px 44px #152a4612}.template-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);min-width:0;display:flex}.template-card-header>div:first-child{min-width:0}.template-card h2{color:var(--color-text);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.08rem;overflow:hidden}.template-card p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:.8rem;font-weight:650}.template-card-actions{gap:var(--space-2);flex:none;display:flex}.danger-icon{color:#c23e46}.template-preview{gap:var(--space-1);min-width:0;padding:var(--space-1);border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:1.1rem;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.template-preview-day{min-width:0;min-height:3.7rem;padding:var(--space-1);color:var(--color-text-tertiary);text-align:center;border-radius:.8rem;align-content:center;gap:.18rem;display:grid;overflow:hidden}.template-preview-day span{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.58rem;font-weight:760;overflow:hidden}.template-preview-day strong{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:760;overflow:hidden}.template-preview-day.set{background:var(--color-accent-soft)}.template-preview-day.set strong{color:var(--color-accent-strong)}.template-preview-day.off{background:#c23e461a}.template-preview-day.off strong{color:#c23e46}.template-apply-button{width:100%}.templates-empty{align-content:center;place-items:center;gap:var(--space-3);min-height:16rem;padding:var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-tertiary);text-align:center;display:grid}.templates-empty h2{color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:1.2rem}.templates-empty p{max-width:24rem;color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.5}.template-target-summary{align-items:center;gap:var(--space-2);min-height:3rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:.88rem;font-weight:700;display:flex}.template-warning{padding:var(--space-3);border-radius:var(--radius-sm);color:#c23e46;background:#c23e4614;border:1px solid #c23e4638;margin:0;font-size:.8rem;font-weight:680;line-height:1.4}@keyframes skeleton-pulse{to{opacity:.45}}.pwa-toast{z-index:30;right:var(--space-4);bottom:calc(var(--nav-height) + var(--space-6) + env(safe-area-inset-bottom));left:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text);font-size:.86rem;font-weight:620;display:flex;position:fixed}.pwa-toast-actions{gap:var(--space-2);display:flex}.toast-button{min-height:2.4rem;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;cursor:pointer;border:0;font-weight:700}.toast-button.secondary{background:var(--color-accent-soft);color:var(--color-accent-strong)}@keyframes page-in{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (width>=44rem){.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-header,.stats-header,.templates-header{grid-template-columns:minmax(0,1fr) minmax(23rem,30rem);align-items:end}.period-navigator{grid-template-columns:2.75rem minmax(10rem,1fr) 2.75rem auto}.period-today{padding-inline:var(--space-4);grid-column:auto}.summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-metric:last-child{grid-column:auto}.modal-layer{padding:var(--space-6);align-items:center}.modal-sheet{border-radius:var(--radius-lg);width:min(100%,42rem);max-height:min(90dvh,44rem);margin:0 auto;box-shadow:0 24px 70px #0f172a38}.shift-sheet-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=68rem){.mobile-week-strip,.mobile-day-detail{display:none}.desktop-week-grid{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 18px 44px #152a4612}.day-column{border-right:1px solid var(--color-border);min-width:0;min-height:28rem}.day-column:last-child{border-right:0}.day-column.today{background:var(--color-accent-soft)}.day-column-header{width:100%;min-height:4.5rem;padding:var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0;justify-content:space-between;align-items:center;display:flex}.day-column-header button:first-child{min-width:0;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;display:flex}.day-column-header span{text-transform:uppercase;font-size:.72rem;font-weight:720}.day-column-header strong{width:2rem;height:2rem;color:var(--color-text);border-radius:50%;place-items:center;font-size:.95rem;display:grid}.day-column.today .day-column-header strong{background:var(--color-accent);color:#fff}.day-off-toggle{width:1.9rem;height:1.9rem;margin-left:var(--space-2);background:var(--color-surface-subtle);color:var(--color-text-tertiary);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.day-off-toggle.active{color:#c23e46;background:#c23e461f}.day-column-content{align-content:start;gap:var(--space-2);padding:var(--space-2);display:grid}.day-column .shift-chip{padding:var(--space-2);border-radius:var(--radius-sm)}.day-column .shift-chip-main,.day-column .shift-chip-meta{display:grid}.summary-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=64rem){.app-shell{padding:max(var(--space-5), env(safe-area-inset-top)) var(--space-6) var(--space-6) calc(var(--sidebar-width) + var(--space-10))}.sidebar{z-index:20;top:max(var(--space-5), env(safe-area-inset-top));bottom:max(var(--space-5), env(safe-area-inset-bottom));left:max(var(--space-5), env(safe-area-inset-left));width:var(--sidebar-width);padding:var(--space-4);border-radius:1.8rem;flex-direction:column;display:flex;position:fixed}.sidebar .brand{padding:var(--space-2)}.sidebar-nav{gap:var(--space-2);margin-top:var(--space-8);display:grid}.sidebar .nav-link{padding:0 var(--space-4);justify-content:flex-start;font-size:.9rem}.sidebar-footer{padding:var(--space-3);color:var(--color-text-tertiary);margin-top:auto;font-size:.75rem;line-height:1.45}.topbar .brand,.bottom-nav{display:none}.page-header{margin-top:var(--space-5);margin-bottom:var(--space-8)}.page-title{max-width:21ch}.pwa-toast{right:var(--space-6);bottom:var(--space-6);max-width:30rem;left:auto}}