:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--panel:#fff;--ink:#151922;--muted:#697386;--line:#dde3ea;--brand:#215c5c;--brand-ink:#fff;--accent:#c26d35;--ok:#177245;--warn:#9b5a00;--danger:#b42318;--blue:#2563a8}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#162020;flex-direction:column;gap:22px;padding:20px;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:flex}.brandMark,.avatar{color:#162020;background:#f2b56b;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:700;display:inline-grid}.nav{gap:6px;display:grid}.nav button{color:#cbd5d5;text-align:left;background:0 0;border:0;border-radius:8px;padding:10px 12px}.nav button.active{color:#fff;background:#ffffff1f}.session{color:#b6c4c4;margin-top:auto;font-size:13px}.sidebar.employee{background:#1a2f4a}.sidebar.manager{background:#162020}.portalTag{text-transform:uppercase;letter-spacing:.06em;color:#9eb8b8;margin-top:-8px;font-size:11px}.rolePill{background:#ffffff1f;border-radius:999px;margin-top:8px;padding:4px 8px;font-size:11px;display:inline-block}.loginTabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.loginTabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.loginTabs button.active{border-color:var(--brand);background:#eef6f6;font-weight:700}.unreadCard{border-left:4px solid var(--accent)}.main{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}h1,h2,h3,p{margin-top:0}h1{margin-bottom:4px;font-size:26px}h2{margin-bottom:14px;font-size:18px}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:8px}.panel{padding:18px}.card{padding:14px}.stat{gap:5px;display:grid}.stat strong{font-size:26px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.btn{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:9px 12px}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.danger{color:var(--danger)}.btn:disabled{cursor:not-allowed;opacity:.55}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:12px;font-weight:700}.input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:40px;padding:10px}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px}.table th{color:var(--muted);font-size:12px}.badge{color:#334155;background:#edf2f7;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge.ok{color:var(--ok);background:#e7f6ee}.badge.warn{color:var(--warn);background:#fff5df}.badge.blue{color:var(--blue);background:#eaf2fb}.schedule{grid-template-columns:150px repeat(7,minmax(120px,1fr));display:grid;overflow-x:auto}.schedule>div{border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:#fff;min-height:74px;padding:10px}.schedule .head{min-height:48px;color:var(--muted);background:#f9fafb;font-size:12px;font-weight:700}.shift{cursor:grab;background:#ecf8f6;border:1px solid #b9d9d4;border-radius:8px;margin-bottom:8px;padding:8px;font-size:12px;transition:opacity .2s}.shift:active{cursor:grabbing}.shift.dragging{opacity:.5;cursor:grabbing}.schedule-cell{transition:background-color .2s;position:relative}.schedule-cell.drop-zone{background-color:#f0f9ff}.shift.published{background:#eef5ff;border-color:#c7d7ee #c7d7ee #c7d7ee #2563a8;border-left-style:solid;border-left-width:4px}.shift.draft{border-left:4px solid #c26d35}.shift.my-shift{box-shadow:inset 0 0 0 2px #215c5c33}.shift.open-shift{background:#fff8ec;border-color:#e8c99a}.shift.event-chip{cursor:pointer;background:#f3efff;border-color:#c9b8f0}.schedule-wrap{gap:12px;display:grid}.schedule-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.schedule-panel{padding:0;overflow:hidden}.sticky-col{z-index:2;background:#fff;position:sticky;left:0}.name-cell{flex-direction:column;gap:2px;font-size:13px;display:flex}.name-cell.me-row{background:#f0f8f7}.row-label{color:var(--muted);background:#f9fafb;font-size:12px;font-weight:700}.cell-add{border:1px dashed var(--line);width:100%;color:var(--muted);background:0 0;border-radius:8px;margin-top:4px;padding:6px;font-size:18px;line-height:1}.cell-add:hover{border-color:var(--brand);color:var(--brand)}.cell-add-below{width:100%;color:var(--blue);text-align:left;background:0 0;border:0;padding:4px 0 0;font-size:11px}.schedule-cell.paste-ready{background:#fffbeb;outline:1px dashed #c26d35}.shift-top{justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.shift-actions{gap:2px;display:flex}.icon-btn{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:14px;line-height:1}.icon-btn.danger{color:var(--danger)}.draft-tag{color:var(--warn);margin-top:4px;font-size:10px;font-weight:700;display:inline-block}.copy-mode-bar{background:#fff8ec;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.publish-btn.needs-publish{background:#6b4fa8;border-color:#6b4fa8}.tools-menu-wrap{position:relative}.tools-menu{border:1px solid var(--line);z-index:10;background:#fff;border-radius:8px;min-width:220px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000014}.tools-menu button{text-align:left;background:#fff;border:0;padding:10px 14px}.tools-menu button:hover{background:#f6f7f9}.modal-backdrop{z-index:100;background:#15192273;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(480px,100%);max-height:90vh;padding:20px;overflow:auto}.radio-row{align-items:center;gap:8px;font-size:14px;display:flex}.day-picks{gap:8px}.day-pick{align-items:center;gap:4px;font-size:13px;display:flex}.shift-note{margin-top:2px;font-size:11px}.dept-header{text-transform:uppercase;letter-spacing:.04em;border-left:4px solid var(--brand);background:#f9fafb;grid-column:1;font-size:12px;font-weight:700}.dept-header-cell{background:#f9fafb;min-height:28px}.dept-list{gap:10px;margin-top:16px;display:grid}.dept-chip{border:1px solid var(--line);background:#fff;border-left-width:4px;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.badge.dept-badge{background:0 0;border:1px solid}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.loginBox{width:min(420px,100%)}.toast{color:#fff;background:#162020;border-radius:8px;padding:11px 14px;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 30px #0000002e}@media (max-width:860px){.app{grid-template-columns:1fr}.sidebar{z-index:20;gap:10px;padding:12px 12px 10px;position:sticky;top:0;box-shadow:0 8px 24px #0000001f}.brand{font-size:15px}.brandMark{width:30px;height:30px}.portalTag{margin-top:-4px}.session{flex-wrap:wrap;align-items:center;gap:8px;margin-top:0;font-size:12px;display:flex}.nav{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav button{text-align:center;white-space:nowrap;background:#ffffff14;flex:none;padding:8px 10px;font-size:13px}.cols-3,.cols-2{grid-template-columns:1fr}.main{padding:16px}.topbar,.toolbar{flex-direction:column;align-items:flex-start}.topbar{gap:10px;margin-bottom:14px}h1{font-size:22px}h2{font-size:16px}.panel{padding:14px}.card{padding:12px}.toolbar{gap:8px}.toolbar .btn,.topbar .btn{width:100%}.row{flex-wrap:wrap}.table{white-space:nowrap;display:block;overflow-x:auto}.table td{padding:9px}.schedule-toolbar{gap:10px}.schedule{grid-template-columns:112px repeat(7,minmax(112px,1fr))}.schedule>div{min-height:68px;padding:8px}.sticky-col{box-shadow:8px 0 12px #ffffffd1}.stat strong{font-size:22px}.dept-chip{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.main{padding:12px}.sidebar{padding:10px}.portalTag,.session{display:none}.panel{padding:12px}.login{align-items:start;padding:14px}.loginBox{margin-top:10px}.loginTabs{grid-template-columns:1fr}.btn{min-height:42px}.grid{gap:12px}.schedule{grid-template-columns:98px repeat(7,minmax(104px,1fr))}.shift{padding:7px}.modal-backdrop{padding:10px}.modal{border-radius:10px;padding:14px}.toast{bottom:12px;left:12px;right:12px}}