:root{color-scheme:dark;--bg: #08131d;--panel: #101c28;--panel2: #182a3a;--line: #34536b;--text: #f4fbff;--muted: #b0c7d8;--accent: #4fd4ff;--accent2: #8be7bc;--ok: #77e39d;--warn: #ffd36a;--danger: #ff7b8e;--morning: #1476a0;--day: #2f8b66;--night: #775cc4;--leave: #637180;--paid: #a5742f;--special: #a34f82;--closed: #394552;--holiday: #7c3340;--saturday: #1f5d89}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:7px;padding:9px 12px;cursor:pointer}button:hover,button.active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px #2fd4ff2e}button.primary{background:var(--accent);color:#00121c;border-color:var(--accent);font-weight:700}button.danger{border-color:var(--danger);color:var(--danger)}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);background:#07111d;color:var(--text);border-radius:7px;padding:9px 10px}select{min-height:40px;text-overflow:ellipsis}textarea{min-height:86px;resize:vertical}label{display:grid;gap:6px;color:var(--muted);font-size:13px}h1{margin:0 0 8px;font-size:clamp(22px,4vw,34px)}h2{margin:0 0 12px;font-size:16px}p{color:var(--muted);line-height:1.7}.full-screen,.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px;display:grid;gap:16px}.login-card h1{color:var(--accent);letter-spacing:.08em}.error{color:var(--danger);font-size:13px}.hint{font-size:12px;margin:0}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#07111d}.segmented button{border-radius:6px}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{border-right:1px solid var(--line);background:#050b12;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0}.brand{padding:18px;color:var(--accent);font-weight:800;letter-spacing:.08em;border-bottom:1px solid var(--line)}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.sidebar nav{display:grid;gap:6px;padding:12px}.sidebar nav button{text-align:left}.account{margin-top:auto;padding:14px;border-top:1px solid var(--line);display:grid;gap:6px;font-size:13px}.account span{color:var(--muted)}.main{min-width:0;padding:18px 18px 76px}.toast{position:fixed;top:12px;right:12px;z-index:20;background:#062032;color:var(--accent);border:1px solid var(--accent);border-radius:7px;padding:10px 14px;max-width:min(420px,calc(100vw - 24px))}.bottom-nav{display:none}.hero{background:linear-gradient(135deg,#0e2538,#0a1b21 55%,#0a1320);border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:16px}.magi-logo{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(79,212,255,.42);border-radius:7px;background:#050b12bd;color:var(--text);padding:8px 10px;font-weight:900;letter-spacing:.12em;box-shadow:0 0 28px #4fd4ff1f}.magi-logo span{color:var(--text)}.magi-logo strong{color:var(--accent);text-shadow:0 0 14px rgba(79,212,255,.5)}.guide-logo{margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.cards button{min-height:80px;text-align:left;font-weight:700}.toolbar{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:12px}.toolbar p{margin:0;font-size:13px}.monthbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.monthbar input{width:92px}.monthbar button{padding:7px 9px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.status-strip{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0;color:var(--muted);font-size:12px}.status-strip span,.pattern-chip{border:1px solid var(--line);background:#132230cc;border-radius:999px;padding:5px 9px}.status-strip .ok{color:var(--ok);border-color:#61e59c8c}.status-strip .warn{color:var(--warn);border-color:#ffd1668c}.status-strip .danger{color:var(--danger);border-color:#ff7b8e99}.delivery-banner{border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#101c28f5,#08131df5);padding:14px;margin:12px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:14px;align-items:center}.delivery-banner.ok{border-color:#77e39d73}.delivery-banner.warn{border-color:#ffd36a8c}.delivery-banner.danger{border-color:#ff7b8eb3;background:linear-gradient(135deg,#3e1822f5,#0f141df5)}.delivery-banner h2{margin:8px 0 4px;font-size:19px}.delivery-banner p{margin:0}.delivery-banner small{color:var(--muted);display:block;margin-top:8px}.delivery-metrics{display:grid;gap:8px;align-content:center}.delivery-metrics span{color:var(--muted);font-size:13px}.status-pill{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;border:1px solid var(--line)}.status-pill.ok{color:var(--ok);border-color:#77e39d8c}.status-pill.warn{color:var(--warn);border-color:#ffd36a8c}.status-pill.danger{color:var(--danger);border-color:#ff7b8ea6}.confirmed-mark{color:var(--ok)!important;font-weight:800}.publish-box{border:1px solid var(--line);border-radius:8px;background:#101c28db;padding:12px;display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(180px,.7fr) minmax(220px,1fr);gap:12px;align-items:start;margin:10px 0}.publish-box p{margin:6px 0}.publish-box span{color:var(--muted);font-size:13px}.pattern-summary{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.pattern-chip{font-weight:700;color:var(--text)}.pattern-chip.morning{background:color-mix(in srgb,var(--morning),transparent 30%)}.pattern-chip.day{background:color-mix(in srgb,var(--day),transparent 30%)}.pattern-chip.night{background:color-mix(in srgb,var(--night),transparent 24%)}.pattern-chip.leave{background:color-mix(in srgb,var(--leave),transparent 22%)}.pattern-chip.paid{background:color-mix(in srgb,var(--paid),transparent 20%)}.pattern-chip.special{background:color-mix(in srgb,var(--special),transparent 22%)}.pattern-guide,.submit-card{border:1px solid var(--line);border-radius:8px;background:#101c28e0;padding:12px;margin:10px 0}.pattern-guide summary{cursor:pointer;color:var(--accent);font-weight:800}.pattern-guide div{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pattern-guide p{margin:8px 0 0;font-size:12px}.submit-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.submit-card div{display:grid;gap:4px}.submit-card span,.muted{color:var(--muted);font-size:13px}.sheet-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#07111d;max-height:calc(100vh - 250px);overscroll-behavior:contain;scrollbar-gutter:stable both-edges}.shift-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.shift-table th,.shift-table td{border-right:1px solid #1d3855;border-bottom:1px solid #1d3855;min-width:70px;height:50px;text-align:center}.shift-table th{position:sticky;top:0;background:#0c1b2b;z-index:2;color:var(--accent);font-size:12px}.shift-table th small{display:block;color:var(--muted);font-size:10px}.shift-table .name-col{position:sticky;left:0;z-index:4;min-width:128px;max-width:180px;text-align:left;padding-left:10px;background:#0c1b2b;color:var(--text);box-shadow:1px 0 #1d3855}.shift-table td{position:relative}.shift-table td select{border:0;border-radius:0;background:#07111d2e;text-align:center;color:var(--text);min-width:70px;min-height:50px;padding:5px 18px 15px 4px;font-weight:700}.cell-minutes{position:absolute;left:2px;right:2px;bottom:3px;color:#edf8ffb8;font-size:9px;line-height:1;pointer-events:none}.shift-table td.saving{outline:2px solid var(--warn)}.shift-table .empty-state{min-width:360px;text-align:left;padding-left:14px;color:var(--muted)}.shift-table td.empty{background:#07111dc2}.shift-table td.morning{background:color-mix(in srgb,var(--morning),transparent 42%)}.shift-table td.day{background:color-mix(in srgb,var(--day),transparent 40%)}.shift-table td.night{background:color-mix(in srgb,var(--night),transparent 34%)}.shift-table td.leave{background:color-mix(in srgb,var(--leave),transparent 30%)}.shift-table td.paid{background:color-mix(in srgb,var(--paid),transparent 30%)}.shift-table td.special{background:color-mix(in srgb,var(--special),transparent 34%)}.shift-table th.saturday-day,.shift-table td.saturday-day.empty{background:color-mix(in srgb,var(--saturday),transparent 58%)}.shift-table th.holiday-day,.shift-table td.holiday-day.empty{background:color-mix(in srgb,var(--holiday),transparent 52%)}.shift-table th.closed-day,.shift-table td.closed-day{background:color-mix(in srgb,var(--closed),transparent 24%);color:#d1d8df}.shift-table td.blocked-shift{outline:2px solid var(--danger);outline-offset:-2px}.shift-table td.closed-day select{color:#d6dde5}.mobile-day-list{display:none}.mobile-calendar{gap:8px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;color:var(--muted);font-size:12px;text-align:center;padding:0 2px}.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:stretch}.calendar-day{min-width:0;min-height:132px;padding:8px}.empty-calendar-day{border:1px dashed rgba(52,83,107,.45);border-radius:8px;background:#101c2847}.day-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px;display:grid;gap:8px}.day-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.day-card-head span{color:var(--muted);font-size:12px;text-align:right}.day-card small{color:var(--muted)}.day-card select{min-height:42px;padding-right:26px}.day-card.saturday-day{border-color:color-mix(in srgb,var(--saturday),white 10%);background:color-mix(in srgb,var(--saturday),var(--panel) 78%)}.day-card.holiday-day{border-color:color-mix(in srgb,var(--holiday),white 10%);background:color-mix(in srgb,var(--holiday),var(--panel) 76%)}.day-card.closed-day{border-color:#72808c;background:color-mix(in srgb,var(--closed),var(--panel) 55%)}.subgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:14px;display:grid;gap:10px;align-content:start}.row,.list-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #1d3855;padding:9px 0}.row span,.list-row span{color:var(--muted);font-size:13px;flex:1}.formline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-items:end;margin-bottom:14px}.list{display:grid;gap:4px}.staff-editor{display:grid;gap:10px}.staff-card{display:grid;grid-template-columns:minmax(130px,1.3fr) minmax(90px,1fr) 90px 74px 90px 74px minmax(150px,1.2fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel)}.staff-actions{display:flex;gap:6px}.guide{max-width:880px}.guide h2{margin-top:22px;color:var(--accent)}.holiday-list{display:grid;gap:2px;max-height:360px;overflow:auto}.print-notes{display:none}@media(max-width:780px){.app-shell{display:block}.sidebar{display:none}.main{padding:12px 12px 80px}.bottom-nav{display:flex;overflow-x:auto;position:fixed;left:0;right:0;bottom:0;background:#050b12;border-top:1px solid var(--line);z-index:10}.bottom-nav button{border:0;border-radius:0;padding:10px 12px;font-size:12px;min-width:86px}.toolbar{display:grid}.monthbar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.monthbar button{min-width:48px}.delivery-banner,.publish-box{grid-template-columns:1fr}.sheet-wrap{max-height:calc(100vh - 280px);border-radius:6px}.mobile-day-list{display:grid;gap:10px;margin:10px 0}.calendar-weekdays,.calendar-week{gap:4px}.calendar-day{min-height:122px;padding:6px}.day-card-head{display:grid;gap:2px}.day-card-head span{text-align:left;font-size:10px}.day-card select{font-size:12px;padding-left:6px}.desktop-sheet{display:none}.shift-table th,.shift-table td{min-width:54px;height:46px}.shift-table td select{min-width:54px;font-size:12px}.cell-minutes{font-size:8px}.shift-table .name-col{min-width:105px}.actions button{flex:1 1 120px}.submit-card{display:grid}.submit-card button{width:100%}.staff-card{grid-template-columns:1fr 1fr}.staff-actions{grid-column:1 / -1}}@media print{@page{size:A4 landscape;margin:6mm}:root{color-scheme:light}.sidebar,.bottom-nav,.actions,.toolbar,.toast,.subgrid,.pattern-guide,.submit-card,.delivery-banner,.status-strip,.mobile-day-list{display:none!important}.desktop-sheet{display:block}.main{padding:0}.sheet-wrap{max-height:none;overflow:visible;border:0;background:#fff}body{background:#fff;color:#000}.shift-table{width:100%;table-layout:fixed;font-size:8px;page-break-inside:avoid}.shift-table th,.shift-table td{color:#000;border-color:#777;min-width:0;height:18px;padding:0}.shift-table th{position:static;background:#e8edf2;color:#000;font-size:7px}.shift-table th small{color:#222;font-size:6px}.shift-table .name-col{position:static;min-width:0;width:48px;max-width:48px;padding-left:2px;background:#e8edf2;color:#000;box-shadow:none}.shift-table td select{color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;min-height:17px;padding:0;font-size:8px;background:transparent}.shift-table td span{font-weight:700}.cell-minutes{display:none}.print-notes{display:grid!important;grid-template-columns:44px 1fr;gap:4px;margin-top:3mm;border:1px solid #777;color:#000;font-size:8px;page-break-inside:avoid}.print-notes b{display:grid;place-items:center;border-right:1px solid #777;background:#e8edf2}.print-notes ol{margin:2px 4px;padding-left:14px;display:grid;grid-template-columns:1fr 1fr;gap:1px 12px}}