.sidebar{overflow-y:auto}.next-shift{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);padding:18px 22px;border-radius:16px;margin-bottom:22px}.next-shift strong{font-size:14px}.next-shift p{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}.next-shift>.btn{margin-left:auto}.calendar-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.calendar-toolbar input,.calendar-toolbar select{width:auto;max-width:260px}.month-switch{display:flex;gap:16px;align-items:center;margin-right:auto}.month-switch h2{text-transform:capitalize;min-width:180px;text-align:center}.schedule-summary{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#e9f0e6;border:1px solid #d8e3d2;border-radius:14px;padding:17px 20px;margin-bottom:22px;font-size:13px}.schedule-summary span{display:flex;gap:6px;align-items:center}.schedule-summary strong{font-size:18px}.schedule-summary small{margin-left:auto}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{font-size:12px;font-weight:600;text-align:center;color:var(--muted);padding:10px}.calendar-day{background:#fff;border:1px solid var(--line);border-radius:13px;min-height:215px;overflow:hidden;min-width:0}.calendar-day.today{border:2px solid var(--green)}.calendar-day>header{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;gap:5px;border-bottom:1px solid var(--line)}.calendar-day>header strong{font-size:18px}.calendar-day>header small{font-size:10px}.calendar-slot{padding:10px 8px;border-bottom:1px solid #edf1ee;min-height:80px}.calendar-slot.night{background:#f7f8fc}.slot-heading{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;flex-wrap:wrap}.slot-heading svg{width:14px;height:14px}.slot-heading small{font-size:9px;font-weight:400;width:100%;margin:3px 0}.assign-slot{background:transparent;color:var(--green);font-size:10px;display:flex;align-items:center;gap:4px;min-height:36px;padding:5px 1px;text-align:left}.assign-slot svg{width:14px;height:14px}.slot-empty{color:#89988f;font-size:10px;padding-top:9px}.assigned-user{display:flex;gap:5px;align-items:flex-start;background:#edf5e8;border-radius:7px;padding:7px 5px;margin-top:6px;position:relative;overflow-wrap:anywhere}.assigned-user.night{background:#eceefa}.assigned-user .avatar{width:22px;height:22px;font-size:9px;display:none}.assigned-user strong{font-size:10px;display:block;font-weight:600;padding-right:15px}.assigned-user small{font-size:9px;display:block;line-height:1.4;margin-top:3px}.remove-assignment{position:absolute;right:1px;top:2px;padding:2px;background:transparent;color:var(--muted);width:23px;height:25px}.remove-assignment svg{width:13px;height:13px}.date-picker{border:0;padding:0;margin:0 0 20px}.date-picker legend{font-size:12px;font-weight:600;margin-bottom:12px}.date-options{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.date-option{margin:0;position:relative}.date-option input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.date-option span{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;height:42px;font-size:13px}.date-option input:checked+span{background:var(--green);color:#fff;border-color:var(--green)}.date-option input:disabled+span{opacity:.35;background:#e8e8e8}.date-option input:focus-visible+span{outline:3px solid #79ba97;outline-offset:2px}.shift-preview{padding:15px 18px;background:#e9f0e6;border-radius:12px;line-height:1.9;font-size:14px;font-variant-numeric:tabular-nums}.team-cards{display:none}.team-card{padding:20px;border-bottom:1px solid var(--line)}.team-card>.actions{margin:15px 0}.team-card>.btn{width:100%}
@media(min-width:1500px){.assigned-user .avatar{display:grid}.assigned-user strong{font-size:12px}.assigned-user small{font-size:10px}.calendar-day{min-height:230px}.slot-heading small{width:auto;margin-left:auto}.calendar-slot{padding:12px}}
@media(max-width:1100px) and (min-width:701px){.calendar{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-weekday,.calendar-blank{display:none}.assigned-user strong{font-size:12px}.assigned-user small{font-size:11px}}
@media(max-width:700px){.next-shift{padding:15px;gap:11px;flex-wrap:wrap}.next-shift>.shift-icon{display:none}.next-shift>.btn{margin-left:0}.next-shift p{font-size:11px}.calendar-toolbar{gap:10px}.month-switch{width:100%;justify-content:space-between;gap:10px}.month-switch h2{font-size:18px;min-width:0}.calendar-toolbar input,.calendar-toolbar select{max-width:none;flex:1;min-width:0;font-size:14px}.schedule-summary{gap:12px;padding:16px;font-size:12px}.schedule-summary small{margin-left:0}.calendar{grid-template-columns:1fr;gap:14px}.calendar-weekday,.calendar-blank{display:none}.calendar-day{display:grid;grid-template-columns:1fr 1fr;min-height:0}.calendar-day>header{grid-column:1/-1;padding:12px 16px}.calendar-day>header small{font-size:12px}.calendar-slot{padding:14px;min-width:0}.slot-heading{font-size:12px}.slot-heading small{font-size:11px}.assign-slot{font-size:12px;min-height:44px}.assigned-user{padding:10px 6px;margin-top:8px}.assigned-user strong{font-size:12px;padding-right:18px}.assigned-user small{font-size:10px}.remove-assignment{width:30px;height:36px;top:0}.remove-assignment svg{width:16px;height:16px}.slot-empty{font-size:12px}.team-table{display:none}.team-cards{display:block}}