@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;color:#0f172a;background-color:#f7f8fb;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#eef2ff,#f7f8fb 30%),radial-gradient(circle at 80% 0%,#e0f2fe,#f7f8fb 25%),#f7f8fb}a{color:inherit;text-decoration:none}button{font-family:inherit}#root{min-height:100vh}.app-shell{color:#0f172a}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:.75rem;color:#0f172a}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1e3a8a,#0ea5e9);box-shadow:0 10px 25px #0f766e2e}.brand small{display:block;color:#64748b}.topbar-actions{display:flex;align-items:center;gap:.75rem}.user-chip{display:inline-flex;align-items:center;gap:.75rem;background:#e2e8f0;border-radius:999px;padding:.35rem .75rem .35rem .5rem}.user-name{font-weight:600;color:#0f172a}.ghost{border:1px solid #cbd5e1;background:transparent;color:#0f172a;padding:.45rem .9rem;border-radius:10px;cursor:pointer;transition:all .2s ease}.ghost:hover{border-color:#1d4ed8;color:#1d4ed8}.page{padding:1.5rem 2rem 2.5rem;max-width:1200px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.page-actions{display:flex;gap:.5rem}.page-heading h1{margin:0;font-size:1.75rem}.page-heading p{margin:.25rem 0 0;color:#475569}.week-picker{display:inline-flex;align-items:center;gap:.5rem}.week-picker label{font-weight:600;color:#0f172a}.week-picker select{min-width:200px;padding:.65rem .85rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff;font-weight:600;color:#0f172a;box-shadow:0 10px 30px #0f172a14}.week-picker select:focus{outline:2px solid #2563eb;outline-offset:2px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.tile{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 14px 45px #0f172a12;transition:transform .2s ease,box-shadow .2s ease}.tile:hover{transform:translateY(-2px);box-shadow:0 16px 50px #0f172a17}.tile-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.tile-header h3{margin:0;font-size:1.1rem}.occupancy{font-size:.95rem;color:#475569}.shift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.shift-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem}.shift-name{font-weight:700;color:#1d4ed8;margin-bottom:.35rem}.shift-values{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.shift-values small{display:block;color:#64748b}.shift-values strong{display:block;color:#0f172a}.variance{border-radius:10px;padding:.35rem .5rem}.variance.over{background:#fee2e2;color:#b91c1c}.variance.ok{background:#ecfdf3;color:#15803d}.fullscreen-message{min-height:100vh;display:grid;place-items:center;background:#f7f8fb;padding:2rem}.fullscreen-message .panel{background:#fff;padding:2rem;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 18px 55px #0f172a14;max-width:480px;width:100%;text-align:center}.fullscreen-message h1{margin-top:0}.toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.hint{color:#475569}.scroll-x{overflow-x:auto}.rota-table{min-width:760px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 12px 40px #0f172a0f}.rota-header,.rota-row{display:grid;grid-template-columns:1.2fr repeat(3,1fr)}.rota-header{position:sticky;top:0;background:#f8fafc;border-bottom:1px solid #e2e8f0;z-index:1}.cell{padding:.85rem 1rem;border-right:1px solid #e2e8f0;display:grid;align-content:center;gap:.25rem}.cell:last-child{border-right:none}.cell.group{grid-template-columns:repeat(3,1fr);align-items:center;text-align:center}.cell.day{font-weight:700}.subhead{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;color:#475569;font-size:.9rem}.rota-row:nth-child(odd){background:#f8fafc}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .5rem;border-radius:10px;font-weight:700}.pill.ok{background:#ecfdf3;color:#15803d}.pill.over{background:#fee2e2;color:#b91c1c}.alert{border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem}.alert.error{background:#fef2f2;border:1px solid #fecdd3;color:#b91c1c}.debug-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.debug-block{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;box-shadow:0 12px 30px #0f172a0d}.debug-block pre{max-height:320px;overflow:auto;background:#0f172a;color:#e2e8f0;padding:.75rem;border-radius:8px;font-size:.85rem}.weekly-grid-wrapper{margin-top:2rem;display:grid;gap:1rem}.weekly-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem;box-shadow:0 10px 30px #0f172a0d}.weekly-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.weekly-totals{display:flex;gap:.75rem}.weekly-totals strong{display:block}.weekly-grid{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.weekly-grid-head,.weekly-row{display:grid;grid-template-columns:1.1fr .9fr repeat(3,1fr)}.weekly-grid-head{background:#f8fafc;border-bottom:1px solid #e2e8f0}.weekly-row:nth-child(odd){background:#f8fafc}.weekly-row:nth-child(2n){background:#fff}.weekly-grid .cell{padding:.75rem;border-right:1px solid #e2e8f0;display:grid;align-items:center;gap:.35rem}.weekly-grid .cell:last-child{border-right:none}.occ-cell{justify-content:center;text-align:center;font-weight:700}.shift-head .subhead{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;color:#475569;font-size:.9rem}.shift-cell{grid-template-columns:repeat(3,1fr);text-align:center}.weekly-row.dep-very-low{background:#ecfeff}.weekly-row.dep-low{background:#e0f2fe}.weekly-row.dep-medium{background:#fef3c7}.weekly-row.dep-high{background:#fee2e2}.weekly-row.dep-vacant{background:#f8fafc;color:#475569}.stat-card.dep-very-low{background:linear-gradient(135deg,#0ea5e9,#22c55e)}.stat-card.dep-low{background:linear-gradient(135deg,#38bdf8,#2563eb)}.stat-card.dep-medium{background:linear-gradient(135deg,#fbbf24,#ea580c);color:#0f172a}.stat-card.dep-high{background:linear-gradient(135deg,#f87171,#ef4444)}.day-cell .dotw{font-weight:700}.day-cell .occ{color:#475569}.insight-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.stat-card{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#e0f2fe;border-radius:14px;padding:1rem 1.1rem;box-shadow:0 14px 45px #2563eb38;border:1px solid rgba(255,255,255,.12)}.stat-card small{display:block;opacity:.8}.stat-card strong{display:block;font-size:1.8rem;color:#fff;line-height:1.1}.stat-card span{display:block;opacity:.9}.manning-scroll{max-height:70vh;overflow:auto;position:relative}.manning-table{min-width:980px;border-radius:18px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 16px 50px #0f172a14;overflow:visible;position:relative}.manning-head,.manning-row{display:grid;grid-template-columns:1.4fr repeat(3,minmax(90px,1fr)) minmax(130px,1fr) repeat(3,minmax(90px,1fr)) repeat(3,minmax(90px,1fr));align-items:stretch}.manning-head{background:#0f172a;color:#e2e8f0;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;text-align:center;position:sticky;top:0;z-index:5;box-shadow:0 6px 12px #0f172a40}.manning-head .col{border-right:1px solid rgba(255,255,255,.08)}.manning-head .col:last-child{border-right:none}.subhead-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;font-size:.85rem;opacity:.85}.manning-body .col{padding:.9rem 1rem;border-right:1px solid #e2e8f0;display:grid;align-content:center;text-align:center}.manning-body .col:last-child{border-right:none}.manning-head .home-col{position:sticky;left:0;z-index:6;background:#0f172a;text-align:left}.manning-body .home-col{position:sticky;left:0;z-index:2;background:#fff}.home-group+.home-group{border-top:1px solid #e2e8f0}.home-title{grid-column:1 / -1;background:linear-gradient(90deg,#0f172a,#1e293b);color:#e2e8f0;font-weight:800;font-size:1.05rem;padding:.85rem 1rem}.home-summary{background:linear-gradient(90deg,#f8fafc,#eef2ff);border-bottom:1px solid #e2e8f0}.home-summary .home-col{border-right:1px solid #e2e8f0}.home-col{display:grid;gap:.2rem;align-content:center;text-align:left}.manning-head .home-col{text-align:left}.home-name{font-weight:700;color:#0f172a}.home-meta{color:#475569;font-size:.95rem}.home-meta strong{color:#0f172a}.manning-row.day-row:nth-child(odd){background:#f8fafc}.manning-row.day-row:nth-child(2n){background:#fff}.day-label{font-weight:600;color:#0f172a}.day-label .date{color:#475569;font-size:.9rem}.numeric{text-align:right;font-variant-numeric:tabular-nums}.numeric.bold{font-weight:700}.numeric.muted{color:#475569}.numeric.planned{font-weight:700;text-align:center;border-radius:8px}.numeric.planned.high{color:#166534;background:#e4f6ea}.numeric.planned.mid{color:#b45309;background:#fff3d9}.numeric.planned.low{color:#b91c1c;background:#fde8e8}.variance-pill{display:inline-flex;justify-content:flex-end;padding:.35rem .5rem;border-radius:10px;font-weight:700}.variance-pill.over{background:#fee2e2;color:#b91c1c}.variance-pill.under{background:#ecfdf3;color:#15803d}.variance-pill.even{background:#e2e8f0;color:#0f172a}.col.span-3{grid-column:span 3}.occ-col{text-align:center}