:root{--color-canvas:#f3ecde;--color-surface:#fffaf2;--color-surface-strong:#f9f0e2;--color-ink:#203126;--color-muted:#776e61;--color-line:#dac7a7;--color-line-soft:#eadfcf;--color-primary:#365b35;--color-primary-deep:#294528;--color-accent:#b78a36;--color-weekend:#5f7980;--color-holiday:#a35f43;--shadow-soft:0 16px 36px #3d301e1a;--radius-large:24px;--radius-medium:15px;--page-width:1680px;--font-serif:Georgia, "Times New Roman", serif;--font-system:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-serif);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,select,input{color:inherit;font:inherit}button,select{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,.table-scroll:focus-visible{outline-offset:2px;outline:3px solid #b78a366b}h1,h2,p{margin-top:0}h2{letter-spacing:.02em;margin-bottom:0;font-size:1.48rem}[data-font-style=system]{font-family:var(--font-system)}[data-text-size=compact]{font-size:14px}[data-text-size=large]{font-size:18px}[data-background-detail=plain] .app-frame:before,[data-background-detail=plain] .app-frame:after{display:none}[data-motion=reduced] *{transition-duration:.01ms!important;animation-duration:.01ms!important}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}[data-colour-theme=light]{--color-canvas:#f4f5f4;--color-surface:#fff;--color-surface-strong:#eef1ee;--color-line:#c9d0ca;--color-line-soft:#e1e6e2;--color-muted:#5e675f}[data-colour-theme=high-contrast]{--color-canvas:#fff;--color-surface:#fff;--color-surface-strong:#f3f3f3;--color-ink:#000;--color-muted:#222;--color-line:#000;--color-line-soft:#777;--color-primary:#143d13;--color-primary-deep:#082608;--color-accent:#7a4c00;--color-weekend:#254f5a;--color-holiday:#7f1f00}[data-title-layout=one-line] .site-header h1{white-space:nowrap}[data-title-layout=two-lines] .site-header h1{max-width:720px;margin-left:auto;margin-right:auto}@media (width<=900px){[data-title-layout=one-line] .site-header h1{white-space:normal}}.app-frame{background:radial-gradient(circle at 6% 24%, #b78a3614, transparent 24rem), radial-gradient(circle at 92% 68%, #365b3512, transparent 28rem), var(--color-canvas);min-height:100vh;position:relative;overflow:hidden}.app-frame:before,.app-frame:after{z-index:0;content:"";pointer-events:none;border:1px solid #b78a361f;border-radius:50%;width:42rem;height:42rem;position:fixed}.app-frame:before{top:24rem;left:-26rem}.app-frame:after{bottom:-19rem;right:-25rem}.site-header,.dashboard-shell,.site-footer{z-index:1;position:relative}.site-header{border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf2ad;grid-template-columns:1fr minmax(0,980px) 1fr;align-items:center;min-height:174px;padding:20px clamp(24px,5vw,92px) 18px;display:grid}.header-copy{text-align:center;grid-column:2}.eyebrow{color:var(--color-primary-deep);letter-spacing:.38em;text-transform:uppercase;margin-bottom:8px;font-size:.84rem;font-weight:700}.site-header h1{letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px;font-size:clamp(2.4rem,4.4vw,4.25rem);font-weight:500;line-height:1}[data-title-size=medium] .site-header h1{font-size:clamp(2.8rem,5.1vw,4.8rem)}[data-title-size=large] .site-header h1{font-size:clamp(3.2rem,5.8vw,5.4rem)}.title-rule{background:linear-gradient(90deg, transparent, var(--color-line), transparent);justify-content:center;max-width:390px;height:1px;margin:8px auto 7px;display:flex}.title-rule span{border:1px solid var(--color-accent);background:var(--color-canvas);width:8px;height:8px;transform:translateY(-4px)rotate(45deg)}.subtitle{color:var(--color-muted);letter-spacing:.04em;margin-bottom:0;font-size:1.2rem;font-style:italic}.settings-button{border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-soft);letter-spacing:.04em;border-radius:999px;justify-self:end;padding:12px 22px;font-weight:700;transition:transform .16s,border-color .16s}.settings-button:hover{border-color:var(--color-accent);transform:translateY(-1px)}.dashboard-shell{width:min(calc(100% - 38px), var(--page-width));gap:14px;margin:18px auto 22px;display:grid}.notice-card,.control-card,.holiday-manager,.roster-card{border:1px solid var(--color-line);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);background:#fffaf2eb}.notice-card{align-items:center;gap:12px;padding:13px 18px;display:flex}.notice-card p{color:var(--color-muted);margin:2px 0 0}.notice-icon{background:var(--color-primary);color:#fff;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.control-card,.holiday-manager,.roster-card{padding:20px}[data-layout-spacing=comfortable] .dashboard-shell{gap:24px;margin-top:28px}[data-layout-spacing=comfortable] .control-card,[data-layout-spacing=comfortable] .holiday-manager,[data-layout-spacing=comfortable] .roster-card{padding:28px}.section-heading-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-kicker{color:var(--color-accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:700}.period-controls{gap:12px;display:flex}.period-controls label,.holiday-form label{color:var(--color-muted);gap:4px;font-size:.78rem;font-weight:700;display:grid}.period-controls select,.holiday-form input,.settings-field select{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;min-height:44px}.period-controls select{min-width:140px;padding:0 40px 0 13px}.site-footer{border-top:1px solid var(--color-line);color:var(--color-muted);text-align:center;background:#fffaf2c2;padding:16px 24px 13px}.site-footer p{margin-bottom:8px}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:0;display:flex}.site-footer a{color:var(--color-primary);border-right:1px solid var(--color-line);text-underline-offset:3px;padding:0 10px}.site-footer a:last-child{border-right:0}.site-footer small{font-family:var(--font-system);margin-top:8px;font-size:.68rem;display:block}@media (width<=900px){.site-header{grid-template-columns:1fr auto}.header-copy{text-align:left;grid-column:1}.title-rule{justify-content:flex-start;margin-left:0}.site-header h1{letter-spacing:.02em}.section-heading-row,.dashboard-heading{flex-direction:column;align-items:stretch}.period-controls{flex-wrap:wrap}}@media (width<=560px){.site-header{min-height:150px;padding:18px}.site-header h1{font-size:2rem}.settings-button{padding:10px 14px}.dashboard-shell{width:min(calc(100% - 20px), var(--page-width))}.control-card,.holiday-manager,.roster-card{border-radius:18px;padding:15px}}.dashboard-shell>*{min-width:0}.primary-button,.secondary-button{border-radius:11px;min-height:40px;padding:8px 15px;font-weight:700}.primary-button{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff}.primary-button:hover{background:var(--color-primary-deep)}.secondary-button{border:1px solid var(--color-line);background:var(--color-surface)}.secondary-button:hover{border-color:var(--color-accent)}.category-tabs{border:1px solid var(--color-line-soft);border-radius:var(--radius-medium);grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid;overflow:hidden}.category-tabs button{border:0;border-right:1px solid var(--color-line-soft);text-align:left;background:0 0;align-content:center;gap:4px;min-height:67px;padding:10px 16px;display:grid}.category-tabs button:last-child{border-right:0}.category-tabs button:hover{background:var(--color-surface-strong)}.category-tabs button.active{background:var(--color-primary);color:#fff}.category-tabs button span{font-weight:700}.category-tabs button small{opacity:.75}.dashboard-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.dashboard-metrics article{border:1px solid var(--color-line-soft);border-radius:var(--radius-medium);background:var(--color-surface);justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:12px 15px;display:flex}.dashboard-metrics span{color:var(--color-muted);font-size:.86rem}.dashboard-metrics strong{font-size:1.65rem}.status-text{color:var(--color-holiday);font-size:1.05rem!important}.holiday-form{border:1px dashed var(--color-line);border-radius:var(--radius-medium);background:var(--color-surface-strong);grid-template-columns:190px minmax(220px,1fr) auto;align-items:end;gap:12px;margin-top:14px;padding:14px;display:grid}.holiday-form input{width:100%;padding:0 12px}.holiday-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.holiday-chip{background:#a35f4314;border:1px solid #a35f4347;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:4px 7px 4px 5px;display:inline-flex}.holiday-chip strong{background:var(--color-holiday);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.holiday-chip button{background:0 0;border:0;border-radius:50%;width:25px;height:25px;padding:0;font-size:1.1rem}.empty-note{color:var(--color-muted);margin:0;font-style:italic}.table-legend{color:var(--color-muted);flex-wrap:wrap;gap:12px;font-size:.78rem;display:flex}.table-legend span{align-items:center;gap:5px;display:inline-flex}.table-legend i{border-radius:50%;width:10px;height:10px}.legend-weekday{background:var(--color-primary)}.legend-weekend{background:var(--color-weekend)}.legend-holiday{background:var(--color-holiday)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#191f1975;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-modal{border:1px solid var(--color-line);background:var(--color-surface);border-radius:24px;width:min(520px,100%);max-height:calc(100vh - 40px);padding:28px 28px 24px;position:relative;overflow:auto;box-shadow:0 28px 72px #1b1f194d}.settings-modal h2{margin-bottom:14px;font-size:1.75rem}.modal-intro{color:var(--color-muted);margin-bottom:20px}.modal-close{border:1px solid var(--color-line);background:var(--color-surface);border-radius:50%;width:38px;height:38px;font-size:1.45rem;line-height:1;position:absolute;top:20px;right:20px}.settings-fields{gap:12px;display:grid}.settings-field{grid-template-columns:minmax(130px,1fr) minmax(210px,1.55fr);align-items:center;gap:16px;display:grid}.settings-field>span{text-align:right;font-weight:700}.settings-field select{width:100%;padding:0 15px}.modal-actions{border-top:1px solid var(--color-line-soft);flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:16px;display:flex}@media (width<=800px){.category-tabs,.dashboard-metrics{grid-template-columns:1fr}.category-tabs button{border-right:0;border-bottom:1px solid var(--color-line-soft)}.category-tabs button:last-child{border-bottom:0}.holiday-form{grid-template-columns:1fr}}@media (width<=540px){.settings-field{grid-template-columns:1fr;gap:5px}.settings-field>span{text-align:left}.modal-actions>*{width:100%}}.roster-heading{margin-bottom:13px}.table-scroll{border:1px solid var(--color-line);border-radius:var(--radius-medium);background:var(--color-surface);scrollbar-color:var(--color-line) transparent;width:100%;overflow:auto}.roster-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-family:var(--font-system);white-space:nowrap;font-size:.72rem}.roster-table th,.roster-table td{border-right:1px solid var(--color-line-soft);border-bottom:1px solid var(--color-line-soft);text-align:center;height:42px;padding:5px 7px}.roster-table th{z-index:4;color:var(--color-ink);background:#f6eddf;position:sticky;top:0}.roster-table tbody tr:last-child td{border-bottom:0}.roster-table tr>:last-child{border-right:0}.roster-table tbody tr:hover td{background-color:#fffcf7}.roster-table .sticky-col{z-index:3;background:var(--color-surface);position:sticky}.roster-table th.sticky-col{z-index:6;background:#f6eddf}.col-index{width:45px;min-width:45px;left:0}.col-rank{width:80px;min-width:80px;font-weight:700;left:45px}.col-name{width:210px;min-width:210px;left:125px;text-align:left!important}.col-registry{width:105px;min-width:105px;left:335px;border-right:2px solid var(--color-line)!important}.day-heading,.duty-cell{width:43px;min-width:43px}.day-heading span,.day-heading small{display:block}.day-heading small{color:var(--color-muted);margin-top:2px;font-size:.62rem}.day-weekend{background-image:linear-gradient(#5f798014,#5f798014)}.day-holiday{background-image:linear-gradient(#a35f431a,#a35f431a)}.duty-marker{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:inline-grid}.marker-weekday{background:var(--color-primary)}.marker-weekend{background:var(--color-weekend)}.marker-holiday{background:var(--color-holiday)}.total-heading,.total-cell{width:88px;min-width:88px;font-weight:800}.total-heading{border-left:1px solid var(--color-line)}.total-cell{background:#faf4e9;font-size:.83rem}.holiday-total{color:var(--color-holiday)}.grand-total{background:var(--color-primary)!important;color:#fff!important}