:root{--bg:#f8f9fc;--card:#fff;--t1:#1a1d2b;--t2:#5e6278;--t3:#9ca3b8;--brd:#e8ebf2;--brd2:#d1d5e0;--crit:#ef4444;--crit-bg:#fef2f2;--crit-tx:#b91c1c;--crit-brd:#fecaca;--warn:#f97316;--warn-bg:#fff7ed;--warn-tx:#c2410c;--warn-brd:#fed7aa;--blue:#3b82f6;--blue-bg:#eff6ff;--blue-tx:#1d4ed8;--blue-brd:#bfdbfe;--ok:#22c55e;--ok-bg:#f0fdf4;--ok-tx:#15803d;--ok-brd:#bbf7d0;--purple:#a855f7;--purple-bg:#faf5ff;--purple-tx:#7e22ce;--cyan:#06b6d4;--cyan-bg:#ecfeff;--cyan-tx:#0e7490;--amber:#f59e0b;--amber-bg:#fffbeb;--amber-tx:#b45309;--indigo:#6366f1;--indigo-bg:#eef2ff;--indigo-tx:#4338ca;--r-sm:8px;--r-md:12px;--r-lg:16px;--sh-sm:0 1px 3px #0f17290a;--sh-md:0 4px 12px #0f17290f;--sh-lg:0 12px 32px #0f17291f;--f:"DM Sans",system-ui,sans-serif;--mono:"JetBrains Mono",monospace}.shifts-page{background:var(--bg);min-height:100vh;color:var(--t1);font-family:var(--f);-webkit-font-smoothing:antialiased}.sh-hdr{background:var(--card);border-bottom:1px solid var(--brd);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.sh-hdr h1{letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.sh-hdr-sub{color:var(--t3);margin-top:2px;font-size:.76rem}.sh-hdr-actions{gap:8px;display:flex}.sh-stats{grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 24px;display:grid}.sh-stat{background:var(--card);border:1px solid var(--brd);border-radius:var(--r-md);padding:16px 18px;transition:all .15s;position:relative;overflow:hidden}.sh-stat:hover{box-shadow:var(--sh-md)}.sh-stat:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.sh-stat.s1:before{background:linear-gradient(90deg,var(--blue),var(--cyan))}.sh-stat.s2:before{background:var(--ok)}.sh-stat.s3:before{background:var(--crit)}.sh-stat.s4:before{background:var(--purple)}.sh-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;font-size:14px;display:flex}.sh-stat.s1 .sh-stat-icon{background:var(--blue-bg);color:var(--blue)}.sh-stat.s2 .sh-stat-icon{background:var(--ok-bg);color:var(--ok)}.sh-stat.s3 .sh-stat-icon{background:var(--crit-bg);color:var(--crit)}.sh-stat.s4 .sh-stat-icon{background:var(--purple-bg);color:var(--purple)}.sh-stat-val{font-size:1.6rem;font-weight:700;font-family:var(--mono);letter-spacing:-.03em;line-height:1}.sh-stat-val span{color:var(--t3);font-size:.9rem;font-weight:500}.sh-stat-lbl{color:var(--t3);margin-top:4px;font-size:.7rem;font-weight:500}.sh-stat-bar{background:var(--bg);border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.sh-stat-bar div{border-radius:2px;height:100%;transition:all .5s}.sh-week-nav{background:var(--card);border:1px solid var(--brd);border-radius:var(--r-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 24px 16px;padding:12px 16px;display:flex}.sh-nav-left{align-items:center;gap:10px;display:flex}.sh-nav-btn{border:1px solid var(--brd);border-radius:var(--r-sm);background:var(--card);cursor:pointer;width:32px;height:32px;color:var(--t2);justify-content:center;align-items:center;transition:all .15s;display:flex}.sh-nav-btn:hover{border-color:var(--blue);color:var(--blue)}.sh-week-label{text-align:center;min-width:180px}.sh-week-label strong{font-size:.88rem;font-weight:700;display:block}.sh-week-label span{color:var(--t3);font-size:.68rem}.sh-jump-btns{gap:4px;display:flex}.sh-jump-btn{border:1px solid var(--brd);border-radius:var(--r-sm);background:var(--card);color:var(--t2);cursor:pointer;font-size:.68rem;font-weight:600;font-family:var(--f);padding:5px 10px;transition:all .15s}.sh-jump-btn:hover{border-color:var(--blue);color:var(--blue)}.sh-nav-right{align-items:center;gap:8px;display:flex}.sh-today-btn{border:1px solid var(--blue);border-radius:var(--r-sm);background:var(--blue-bg);color:var(--blue-tx);cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--f);padding:6px 14px;transition:all .15s}.sh-today-btn:hover{background:var(--blue);color:#fff}.sh-date-input{border:1px solid var(--brd);border-radius:var(--r-sm);font-size:.72rem;font-family:var(--f);color:var(--t2);padding:6px 10px}.sh-palette{background:var(--card);border:1px solid var(--brd);border-radius:var(--r-md);margin:0 24px 16px;padding:14px 16px}.sh-palette-label{color:var(--t3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.68rem;font-weight:600}.sh-chips{flex-wrap:wrap;gap:10px;display:flex}.sh-chip{border-radius:var(--r-sm);cursor:grab;border:2px solid #0000;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.sh-chip:active{cursor:grabbing}.sh-chip:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.sh-chip.morning{background:var(--amber-bg);color:var(--amber-tx);border-color:var(--amber)}.sh-chip.afternoon{background:var(--cyan-bg);color:var(--cyan-tx);border-color:var(--cyan)}.sh-chip.night{background:var(--indigo-bg);color:var(--indigo-tx);border-color:var(--indigo)}.sh-chip-time{opacity:.7;font-size:.66rem;font-weight:500}.sh-roster{background:var(--card);border:1px solid var(--brd);border-radius:var(--r-md);margin:0 24px 20px;overflow:hidden}.sh-roster-hdr{border-bottom:1px solid var(--brd);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sh-roster-hdr h3{font-size:.88rem;font-weight:700}.sh-roster-meta{color:var(--t3);font-size:.68rem}.sh-table-wrap{overflow-x:auto}.sh-table{border-collapse:collapse;width:100%;min-width:900px}.sh-table thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--t3);text-align:center;border-bottom:1px solid var(--brd);background:#fafbfd;padding:10px 12px;font-size:.62rem;font-weight:700}.sh-table thead th:first-child{text-align:left;z-index:1;background:#fafbfd;min-width:200px;position:sticky;left:0}.sh-table tbody td{border-bottom:1px solid var(--brd);vertical-align:middle;text-align:center;padding:8px 10px}.sh-table tbody td:first-child{text-align:left;background:var(--card);z-index:1;position:sticky;left:0}.sh-table tbody tr:hover td,.sh-table tbody tr:hover td:first-child{background:#f9fafc}.sh-table tbody tr:last-child td{border-bottom:none}.sh-staff{align-items:center;gap:10px;display:flex}.sh-staff-av{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.68rem;font-weight:700;display:flex}.sh-staff-info{flex:1;min-width:0}.sh-staff-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sh-staff-name.sick{color:var(--crit);text-decoration:line-through}.sh-staff-role{color:var(--t3);font-size:.66rem}.sh-staff-actions{align-items:center;gap:6px;display:flex}.sh-sick-btn{border:1px solid var(--brd);background:var(--card);color:var(--t3);cursor:pointer;font-size:.62rem;font-weight:600;font-family:var(--f);border-radius:12px;align-items:center;gap:4px;padding:3px 8px;transition:all .15s;display:flex}.sh-sick-btn:hover{border-color:var(--crit);color:var(--crit)}.sh-sick-btn.on{background:var(--crit-bg);border-color:var(--crit-brd);color:var(--crit-tx)}.sh-rm-btn{border:1px solid var(--brd);background:var(--card);width:22px;height:22px;color:var(--t3);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:10px;transition:all .15s;display:flex}.sh-rm-btn:hover{border-color:var(--crit);color:var(--crit);background:var(--crit-bg)}.sh-cell{border-radius:var(--r-sm);cursor:pointer;justify-content:center;align-items:center;min-width:90px;height:42px;margin:2px auto;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.sh-cell.empty{border:2px dashed var(--brd);color:var(--t3);background:0 0}.sh-cell.empty:hover{border-color:var(--blue);background:var(--blue-bg)}.sh-cell.morning{background:var(--amber);color:#fff}.sh-cell.afternoon{background:var(--cyan);color:#fff}.sh-cell.night{background:var(--indigo);color:#fff}.sh-cell:hover{box-shadow:var(--sh-sm);transform:scale(1.02)}.sh-table tfoot td{text-align:center;border-top:2px solid var(--brd);background:#f4f5f9;padding:10px 12px;font-size:.72rem;font-weight:600}.sh-table tfoot td:first-child{text-align:left;z-index:1;background:#f4f5f9;position:sticky;left:0}.sh-total-cell{justify-content:center;align-items:center;gap:4px;display:flex}.sh-total-ok{color:var(--ok)}.sh-total-warn{color:var(--warn)}.sh-total-bad{color:var(--crit)}.sh-add-staff{border-top:1px solid var(--brd);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.sh-add-select{border:1px solid var(--brd);border-radius:var(--r-sm);font-size:.78rem;font-family:var(--f);color:var(--t1);min-width:220px;padding:8px 12px}.sh-add-btn{border-radius:var(--r-sm);border:1px solid var(--blue);background:var(--blue-bg);color:var(--blue-tx);cursor:pointer;font-size:.76rem;font-weight:600;font-family:var(--f);align-items:center;gap:6px;padding:8px 14px;transition:all .15s;display:inline-flex}.sh-add-btn:hover{background:var(--blue);color:#fff}.sh-add-btn:disabled{opacity:.5;cursor:not-allowed}.sh-add-note{color:var(--t3);font-size:.7rem}.btn{border-radius:var(--r-sm);font-size:.76rem;font-weight:600;font-family:var(--f);border:1px solid var(--brd2);background:var(--card);color:var(--t1);cursor:pointer;align-items:center;gap:5px;padding:7px 14px;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg);border-color:var(--t3)}.btn-p{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-p:hover{background:#2563eb}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai{opacity:0;animation:.4s forwards fadeUp}.d1{animation-delay:40ms}.d2{animation-delay:80ms}.d3{animation-delay:.12s}.d4{animation-delay:.16s}@media (max-width:1100px){.sh-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sh-hdr{padding:12px 16px}.sh-stats{gap:10px;padding:14px 16px}.sh-week-nav,.sh-palette,.sh-roster{margin-left:16px;margin-right:16px}.sh-stats{grid-template-columns:1fr}.sh-nav-left,.sh-nav-right{justify-content:center;width:100%}.sh-jump-btns{display:none}}