:root{--app-bg:#f3f1ed;--ink:#22262f;--muted:#74777e;--surface:#fcfbf8;--line:#ddd9d1;--side:#22262f;--side-ink:#fff;--side-active:#ffffff12;--accent:#f4a261;--accent-ink:#22262f;--soft:#ebe7e0;--radius:14px}.nav-badge{margin-inline-start:auto;background:#f4a261;color:#22262f;border-radius:20px;padding:2px 7px;font-size:.65rem}.head-buttons{display:flex;gap:8px}.schedule-shell{display:grid;grid-template-columns:190px minmax(700px,1fr);background:#fcfbf8;border:1px solid #ddd9d1;border-radius:18px;overflow:auto}.staff-col{border-inline-end:1px solid #ddd9d1}.schedule-label,.day-head{height:64px;padding:14px;background:#ebe7e0}.staff-person{height:92px;padding:16px;display:flex;align-items:center;gap:10px;border-top:1px solid #ddd9d1}.staff-person p{margin:0;display:grid}.staff-person small{color:#74777e}.avatar.coral{background:#f6a48f}.avatar.blue{background:#8ec5e8}.avatar.lime{background:#b9d77d}.avatar.gold{background:#efc66e}.avatar.large{width:62px;font-size:1.2rem}.week-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:64px repeat(4,92px)}.day-head{border-inline-end:1px solid #ddd9d1;display:flex;justify-content:space-between}.day-head.today{background:#22262f;color:#fff}.shift{margin:8px;border-radius:10px;padding:11px;display:flex;flex-direction:column;justify-content:center}.shift.coral{background:#f8d6cc}.shift.blue{background:#d6eafa}.shift.lime{background:#e0ecc7}.shift.gold{background:#f5e4b7}.shift.off{background:#ebe7e0;color:#999;text-align:center;align-items:center}.shift.open{border:1px dashed #b3ada3;align-items:center;cursor:pointer}.shift small{font-size:.62rem}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team-grid h3{margin-bottom:.2em}.team-grid p{color:#74777e}.request-list{display:grid;gap:12px}.request-list article{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.request-list h3,.request-list p{margin:.35em 0}.approve,.deny{width:42px;aspect-ratio:1;border:0;border-radius:12px;cursor:pointer}.approve{background:#b9d77d}.deny{background:#f8d6cc}.clock-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.clock-board article{background:#22262f;color:#fff;border-radius:16px;padding:25px}.clock-board strong,.clock-board span{display:block}.clock-board strong{font-size:3rem}@media(max-width:700px){.head-buttons{margin-top:14px}.team-grid,.clock-board{grid-template-columns:1fr}.request-list article{grid-template-columns:auto 1fr}.request-list article>div:last-child{grid-column:2}}