*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background-color:#f4f6f8;font-family:Arial,sans-serif}#root,.app-layout{min-height:100vh}.header{background-color:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.menu-button,.settings-button,.dashboard-card button{cursor:pointer;padding:8px 12px}.main-content{min-height:calc(100vh - 64px);display:flex}.sidebar{background-color:#fff;border-right:1px solid #ddd;width:220px;padding:20px}.sidebar ul{list-style:none}.sidebar li{cursor:pointer;margin-bottom:16px}.dashboard-content{flex:1;padding:24px}.dashboard-content h1{margin-bottom:8px}.dashboard-content p{margin-bottom:12px}.info-box{background-color:#fff;border:1px solid #ddd;margin:24px 0;padding:16px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.dashboard-card{background-color:#fff;border:1px solid #ddd;padding:16px}.dashboard-card h3{margin-bottom:8px}.dashboard-card p{margin-bottom:12px}.modal-overlay{background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border:1px solid #ccc;width:300px;padding:24px}.calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.calendar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.error-box{color:#b00020;background:#fdeaea;border:1px solid #d32f2f;margin-bottom:16px;padding:12px}.calendar-legend{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.legend-item{background:#fff;border:1px solid #ddd;padding:6px 10px;font-size:14px}.legend-item.available{border-left:6px solid #2e7d32}.legend-item.unavailable{border-left:6px solid #c62828}.legend-item.preferred_off{border-left:6px solid #ef6c00}.calendar-grid{grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;display:grid}.calendar-weekday{text-align:center;background:#fff;border:1px solid #ddd;padding:10px;font-weight:700}.calendar-day{cursor:pointer;text-align:left;background:#fff;border:1px solid #ddd;flex-direction:column;gap:6px;min-height:110px;padding:10px;display:flex}.calendar-day:hover{border-color:#555}.calendar-day.empty{cursor:default;background:0 0;border:none}.calendar-day.today{outline:2px solid #222}.calendar-day.available{background:#e8f5e9}.calendar-day.unavailable{background:#ffebee}.calendar-day.preferred_off{background:#fff3e0}.calendar-day-number{font-size:18px;font-weight:700}.calendar-day-status{font-size:14px}.calendar-day-status.muted{color:#777}.calendar-day-time{color:#444;font-size:13px}.calendar-modal{width:420px;max-width:calc(100vw - 32px)}@media (width<=900px){.calendar-grid{grid-template-columns:repeat(7,minmax(80px,1fr));gap:4px}.calendar-day{min-height:90px;padding:8px}.calendar-day-status,.calendar-day-time{font-size:12px}}@media (width<=640px){.calendar-grid{grid-template-columns:repeat(1,1fr)}.calendar-weekday,.calendar-day.empty{display:none}.calendar-day{min-height:auto}}.selection-toolbar{z-index:20;background:#fff;border:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex;position:sticky;top:0}.selection-toolbar input,.selection-toolbar select{padding:6px}.calendar-day.selected{outline:3px solid #1976d2;position:relative}.calendar-selected-badge{color:#fff;background:#1976d2;border-radius:999px;padding:2px 7px;font-size:13px;font-weight:700;position:absolute;top:8px;right:8px}@media (width<=640px){.selection-toolbar{position:fixed;inset:auto 12px 12px;box-shadow:0 4px 20px #0003}}.team-calendar-scroll{margin-top:1rem;overflow-x:auto}.team-calendar-table{border-collapse:collapse;background:#fff;width:100%;min-width:1100px}.team-calendar-table th,.team-calendar-table td{text-align:center;border:1px solid #ddd;min-width:42px;padding:.5rem}.team-calendar-table th{background:#f4f6f8;font-weight:700}.team-calendar-name-cell{z-index:2;background:#fff;position:sticky;left:0;text-align:left!important;min-width:220px!important}.team-calendar-table thead .team-calendar-name-cell{z-index:3;background:#f4f6f8}.team-calendar-cell.available{background:#e8f5e9;font-weight:700}.team-calendar-cell.unavailable{background:#ffebee;font-weight:700}.team-calendar-cell.preferred_off{background:#fff3e0;font-weight:700}.team-calendar-cell.weekend,.team-calendar-table th.weekend{background-color:#f0f0f0}.team-calendar-cell.weekend.available{background:#d7ead9}.team-calendar-cell.weekend.unavailable{background:#f5d6d9}.team-calendar-cell.weekend.preferred_off{background:#f2dfc5}.team-calendar-day-button{cursor:pointer;width:100%;font:inherit;background:0 0;border:none;padding:0}.team-calendar-cell{cursor:pointer}.team-calendar-cell:hover{outline:2px solid #555}.team-day-modal{width:760px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto}.team-day-summary{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.team-day-summary span{background:#fff;border:1px solid #ddd;padding:6px 10px}.team-day-list{flex-direction:column;gap:8px;display:flex}.team-day-row{background:#fff;border:1px solid #ddd;grid-template-columns:1.4fr 1fr 1.5fr;gap:12px;padding:10px;display:grid}.team-day-row.available{background:#e8f5e9}.team-day-row.unavailable{background:#ffebee}.team-day-row.preferred_off{background:#fff3e0}@media (width<=700px){.team-day-row{grid-template-columns:1fr}}.holiday-header{background:#fff3cd}.holiday-cell{box-shadow:inset 0 0 0 2px #f0c14b}.shift-user-list{flex-direction:column;gap:8px;max-height:280px;margin-top:10px;display:flex;overflow-y:auto}.shift-user-option{background:#fff;border:1px solid #ddd;align-items:center;gap:8px;padding:8px;display:flex}.shift-user-option.available{background:#e8f5e9}.shift-user-option.unavailable{background:#ffebee}.shift-user-option.preferred_off{background:#fff3e0}