:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:100% Inter,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}header{color:#fff;background:#18364b;border-bottom:3px solid #d6a13c;padding:1rem 5%;font-size:1.4rem;font-weight:700}main{max-width:74rem;margin:2rem auto;padding:0 1rem}form{gap:.8rem;max-width:30rem;display:grid}label{gap:.35rem;display:grid}input,select,button{font:inherit;box-sizing:border-box;min-height:44px;padding:.55rem}button{cursor:pointer}nav{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}ul{padding-inline-start:1.3rem}li{padding:.4rem}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.month-grid article,.roster-list article{border:1px solid #8496a4;min-height:5rem;padding:4px}.month-grid article button,.roster-list article button{overflow-wrap:anywhere;text-align:start;width:100%;min-width:0;color:inherit;background:0 0;border:0;display:block}.shift-box{color:canvastext;background:canvas;border:1px solid #718494;border-radius:.65rem;max-width:calc(100vw - 3rem);padding:1rem;position:fixed;inset:auto 1rem 1rem auto;box-shadow:0 3px 12px #0003}.editor{margin-block:1.5rem}@media print{nav,.editor,.shift-box,[role=status]{display:none}.month-grid article{break-inside:avoid}}@media (max-width:520px){main{padding:0 .3rem}.month-grid article{padding:2px}.month-grid button{padding:2px;font-size:.8rem}}main:has(.workspace){max-width:100rem;margin:1rem auto;padding:0 1rem}.workspace{grid-template-columns:11.5rem minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}.side-menu{color:#fff;background:#18364b;border-radius:.6rem;gap:.2rem;padding:.8rem;display:grid;position:sticky;top:1rem}.side-menu img{margin:.3rem auto .8rem}.side-menu button{color:inherit;text-align:left;background:0 0;border:0;border-radius:.3rem}.side-menu button[aria-current=page]{color:#fff;background:#30566f;border-inline-start:3px solid #e4af43}.schedule-layout{grid-template-columns:minmax(0,1fr) minmax(12rem,17rem);align-items:start;gap:1rem;display:grid}.schedule-rail{border:1px solid #8093a4;border-radius:.6rem;padding:.8rem}.schedule-rail>button{text-align:left;width:100%;margin:.2rem 0;display:block}.leave-pane h2:first-of-type,.work-content h2:first-child{margin-top:.4rem}.work-content,.work-content fieldset{min-width:0}.work-content form{margin-bottom:1rem}@media (max-width:1050px){.workspace{grid-template-columns:9rem minmax(0,1fr)}.schedule-layout{grid-template-columns:minmax(0,1fr) 12rem}}@media (max-width:800px){.workspace,.schedule-layout{display:block}.side-menu{flex-wrap:wrap;display:flex;position:static}.side-menu img{display:none}.schedule-rail{margin-top:1rem}}@media print{.side-menu,.schedule-rail{display:none}.workspace,.schedule-layout{display:block}}:root{--paper:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a2834);--canvas:var(--lightningcss-light,#f5f7f9)var(--lightningcss-dark,#101a23);--line:var(--lightningcss-light,#d6dee5)var(--lightningcss-dark,#3e4e5c);--ink:var(--lightningcss-light,#182e40)var(--lightningcss-dark,#edf3f6);--muted:var(--lightningcss-light,#506577)var(--lightningcss-dark,#b0c1cf);--wash:var(--lightningcss-light,#eef3f6)var(--lightningcss-dark,#263948)}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}header{letter-spacing:-.02em;border-bottom-width:2px;padding:.75rem clamp(1rem,3vw,3rem);font-size:1.1rem}.workspace :where(button,input,select){color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:5px}.workspace :where(button):hover{background:var(--wash)}.workspace :where(button,select,input):focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#24638a)var(--lightningcss-dark,#8bc9ed)}.side-menu{gap:2px}.side-menu button{font-size:.88rem;line-height:1.2}.side-menu button:hover{color:#fff;background:#28485d}.schedule-layout>div>h2{color:var(--muted);margin:0 0 .65rem;font-size:.9rem;font-weight:550}.period-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.period-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.12}.period-stepper{border:1px solid var(--line);background:var(--paper);border-radius:5px;align-items:center;display:inline-flex}.period-stepper button{background:0 0;border:0;border-radius:4px;place-items:center;height:30px;min-height:0;padding:0 .7rem;font-size:.79rem;font-weight:600;display:grid}.period-stepper button+button{border-inline-start:1px solid var(--line);border-start-start-radius:0;border-end-start-radius:0}.period-stepper .chevron{border:1.6px solid;border-width:1.6px 1.6px 0 0;width:6px;height:6px;display:block;transform:rotate(45deg)}.period-stepper .back{transform:rotate(-135deg)}.calendar-surface nav{align-items:end;gap:.5rem}.calendar-surface nav label{color:var(--muted);gap:3px;font-size:.73rem;font-weight:600}.calendar-surface nav :where(select,input,button){min-height:32px;padding:.32rem .5rem;font-size:.82rem}.month-grid{background:var(--line);border:1px solid var(--line);border-radius:6px;gap:1px;overflow:hidden}.month-grid>b{background:var(--wash);color:var(--muted);padding:.35rem;font-size:.72rem;font-weight:600}.month-grid article,.month-grid>i{background:var(--paper);border:0}.month-grid article strong{font-size:.8rem}.calendar-surface .month-grid article button{border-radius:3px;min-height:28px;margin-block:4px;padding:.25rem;font-size:.82rem}.schedule-layout{grid-template-columns:minmax(0,1fr) clamp(12rem,17vw,15rem)}.schedule-rail{border:0;gap:.65rem;padding:0;display:grid}.schedule-rail>[role=status]:empty,.leave-pane>[role=status]:empty{display:none}.rail-card{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:.8rem .9rem}.rail-card h2,.work-content .rail-card h2:first-child{letter-spacing:-.015em;margin:0 0 .4rem;font-size:.91rem;font-weight:650}.rail-card p{color:var(--muted);margin:.2rem 0 0;font-size:.8rem;line-height:1.45}.banks-card>button{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:.7rem;width:100%;min-height:32px;padding:.36rem 0;font-size:.82rem;display:flex}.bank-amount{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.75rem}.bank-detail{border-top:1px solid var(--line);padding-top:.55rem}.bank-detail h3{margin:0;font-size:.82rem}.bank-detail button,.todo-card button{min-height:30px;margin-top:.35rem;font-size:.78rem}.leave-pane .banks-card{max-width:27rem}@media (pointer:coarse){.period-stepper button,.banks-card>button,.bank-detail button,.todo-card button,.calendar-surface nav :where(select,input,button),.calendar-surface .month-grid article button{min-height:44px}.period-stepper button{min-width:44px}}@media (max-width:800px){.schedule-layout{display:block}.side-menu button{flex:none}.side-menu{flex-wrap:nowrap;overflow-x:auto}.schedule-rail{margin-top:.75rem}}@media (max-width:520px){.month-grid>b{padding:.3rem .1rem}.calendar-surface .month-grid article button{font-size:.72rem}.schedule-layout>div{min-width:0}}@media print{.period-stepper,.schedule-rail{display:none}.calendar-surface .month-grid article{border:1px solid #ccc}.workspace{background:#fff}}header,.side-menu{background:var(--personal-accent,#18364b)}.side-menu button[aria-current=page]{background:color-mix(in srgb,var(--personal-accent,#18364b),white 14%)}.appearance{max-width:34rem}.appearance h3{margin:1.25rem 0 .5rem;font-size:1rem}.appearance p{color:var(--muted);font-size:.86rem}.display-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.display-fields label{font-size:.85rem}.display-order{border:1px solid var(--line);background:var(--paper);border-radius:6px;margin:0;padding:0;list-style:none}.display-order li{align-items:center;gap:.4rem;padding:.35rem .6rem;display:flex}.display-order li+li{border-top:1px solid var(--line)}.display-order label{flex:1;align-items:center;display:flex}.display-order input{min-height:auto}.grip{cursor:grab;color:var(--muted)}.display-order button{min-height:30px;padding:0 .55rem}.display-actions{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}@media (min-width:801px){.schedule-layout.panels-left{grid-template-columns:clamp(12rem,17vw,15rem) minmax(0,1fr)}.panels-left>.schedule-rail{grid-area:1/1}.panels-left>div{grid-area:1/2}.schedule-layout.panels-below{grid-template-columns:minmax(0,1fr)}.schedule-layout:not(:has(.schedule-rail .rail-card)){grid-template-columns:minmax(0,1fr)}.panels-below>.schedule-rail{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.schedule-layout:not(:has(.schedule-rail .rail-card))>div{grid-column:1}}@media (max-width:800px){.schedule-layout.panels-left{flex-direction:column;display:flex}.panels-left>.schedule-rail{order:-1}.panels-left>*{width:100%}}.report-filters{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.report-scroll{overflow:auto}.report-scroll table{border-collapse:collapse;width:100%;font-size:.85rem}.report-scroll :is(td,th){text-align:start;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:.55rem}.report-scroll th{background:var(--wash)}@media print{.report-filters{display:none}.report-scroll{overflow:visible}}.schedule-rail details form{min-width:0;max-width:100%;margin-top:.5rem}.schedule-rail details :is(input,select){width:100%;min-width:0}.day-staff{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.67rem;line-height:1.25;display:block}@media (min-width:801px){.day-staff{margin-inline-start:.4rem;display:inline-block}}