:root{--ink:#1d2f3b;--muted:#53636d;--brand:#55a1ef;--brand-deep:#216fb4;--gold:#d89a2b;--cream:#f7f7f7;--card:#fff;--line:#dce4e9}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(#f7f7f7,#edf6ff);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:1180px;margin:0 auto;padding:18px}.hero{color:#fff;background:radial-gradient(circle at 10% 0,#8fc8fa,#0000 38%),linear-gradient(135deg,#216fb4,#55a1ef);border-radius:28px;grid-template-columns:1fr;align-items:end;gap:16px;padding:26px;display:grid;box-shadow:0 18px 45px #216fb429}.brandLogo{filter:drop-shadow(0 2px 4px #14395f55);width:min(250px,68vw);height:auto;margin-bottom:22px;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#fff;font-size:.75rem}.hero h1{margin:4px 0;font-size:clamp(2.2rem,8vw,5.2rem);line-height:.9}.heroText{color:#edf6ff;max-width:760px;font-size:1.04rem}.roleBox{background:#ffffff18;border:1px solid #ffffff3a;border-radius:20px;gap:8px;padding:14px;display:grid}.roleBox select,.inline input,.inline select,input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:10px}textarea{resize:vertical;min-height:76px}.tabs{white-space:nowrap;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;gap:8px;padding:16px 0 18px;display:flex;overflow:auto hidden}.tabs:after{content:"";flex:0 0 10px}.tabs button{flex:none}.tabs button,.card button,.inline button{color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:10px 14px;box-shadow:0 1px #0001}.tabs button.active,.card button:hover,.inline button{background:var(--brand);color:#fff}.grid{grid-template-columns:1fr;gap:14px;display:grid}.card{border:1px solid var(--line);background:#ffffffe0;border-radius:24px;padding:18px;box-shadow:0 12px 30px #1d2f3b14}.highlight{background:linear-gradient(160deg,#fff,#edf6ff)}h2{margin-top:0}.muted,small{color:var(--muted)}.notice{border-left:4px solid var(--gold);color:#49350e;background:#fff8e8;border-radius:12px;margin:12px 0;padding:10px}.shiftPill{background:#f5faff;border:1px solid #cfe5f8;border-radius:16px;gap:4px;margin:6px 0;padding:10px;display:grid}.shiftPill span{font-weight:800}.shiftPill em,.backup{color:#7a4b00;background:#fff0c7;border-radius:99px;width:max-content;padding:2px 8px;font-style:normal}.workflow{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.workflow li{color:#fff;background:#216fb4;border-radius:999px;padding:6px 10px}.meter{background:#dce8f2;border-radius:999px;height:14px;overflow:hidden}.meter span{background:linear-gradient(90deg,var(--brand),#216fb4);height:100%;display:block}.row{text-align:left;align-items:center;gap:10px;width:100%;margin:6px 0;border-radius:14px!important;display:flex!important}.link,.resource{color:inherit;border:1px solid var(--line);background:#fff;border-radius:16px;gap:4px;margin:8px 0;padding:12px;text-decoration:none;display:grid}.weekGrid{grid-template-columns:repeat(7,minmax(150px,1fr));gap:10px;padding-bottom:10px;display:grid;overflow-x:auto}.day{border:1px solid var(--line);background:#f7f7f7;border-radius:18px;min-width:150px;padding:10px}.shift{border-top:1px dashed var(--line);gap:6px;margin-top:8px;padding-top:8px;display:grid}.metrics{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.metrics b,.prio{color:#216fb4;background:#e7f3ff;border-radius:999px;padding:5px 9px}.prio.urgent{color:#991b1b;background:#fee2e2}.prio.high{color:#9a3412;background:#ffedd5}.inline{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0;display:grid}.personTime,.handoff,.task,.check{border-top:1px solid var(--line);padding:12px 0}.check{grid-template-columns:140px 1fr;gap:12px;display:grid}.print{background:#fff}@media (min-width:760px){.hero{grid-template-columns:1fr 330px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.todayGrid{grid-template-columns:1.15fr .85fr}.highlight{grid-row:span 2}.weekGrid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (max-width:620px){.shell{padding:10px}.hero{border-radius:20px;padding:18px}.tabs{border-bottom:1px solid var(--line);margin-left:-10px;margin-right:-10px;padding-left:10px}.tabs button{min-width:max-content}.weekGrid{grid-template-columns:repeat(7,82vw)}.check{grid-template-columns:1fr}.card{border-radius:18px;padding:14px}}.statusBadge{letter-spacing:.05em;border-radius:999px;align-items:center;padding:6px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.statusBadge.active{color:#166534;background:#dcfce7}.statusBadge.inactive{color:#334155;background:#e2e8f0}.timeStatusLine{justify-content:space-between;align-items:center;gap:12px;display:flex}.personTime.activeClock{background:#f0fdf4;border-color:#86efac}.personTime.inactiveClock{background:#f8fafc;border-color:#cbd5e1}.primaryActions{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;display:grid}.card button.primaryClock{padding:14px 18px;font-size:1.05rem;font-weight:800}.card button:disabled,.inline button:disabled{opacity:.42;cursor:not-allowed;color:#64748b;box-shadow:none;background:#e2e8f0}.compactDuty{padding:14px}.compactDuty .shiftPill{margin:8px 0}.correctionLine{margin-top:8px}.print p{font-size:1.05rem}.print .backup,.shiftPill em{display:none!important}@media print{.hero,.tabs,.roleBox,button,form{display:none!important}.shell{max-width:none}.card{box-shadow:none;border:0}}.labeledForm label{min-width:min(100%,220px);color:var(--muted);gap:4px;font-size:.85rem;font-weight:700;display:grid}.labeledForm label span{color:var(--ink)}.labeledForm small,.helpText{color:var(--muted);font-size:.82rem}.checkGroup{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.templateList{margin:16px 0}.task{border:1px solid var(--line);background:#fff;border-radius:18px;gap:8px;margin:12px 0;padding:14px;display:grid}.taskTitle{color:var(--ink);margin:0;font-size:clamp(1.15rem,4vw,1.45rem);line-height:1.15}.taskContext{color:#314653;margin:0;font-size:1rem}.taskMeta{color:var(--muted);flex-wrap:wrap;gap:6px;margin:0;font-size:.86rem;display:flex}@media (max-width:640px){.inline.labeledForm{grid-template-columns:1fr;display:grid}.task{padding:12px}.taskMeta{display:block}}.cardHeading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.cardHeading h2,.cardHeading p{margin-top:0}.todayTasks{gap:10px;display:grid}.todayTaskRow{text-align:left;gap:5px;width:100%;border:1px solid var(--line)!important;color:var(--ink)!important;background:#fff!important;border-radius:16px!important;display:grid!important}.todayTaskRow:hover{border-color:var(--brand)!important;background:#f5faff!important}.todayTaskTitle{font-size:1rem;font-weight:800}.todayTaskRow small{color:var(--muted)}@media (max-width:640px){.cardHeading{display:grid}.cardHeading button{justify-self:start}}