.day-cell{aspect-ratio:1;border:1px solid #e0e0e0;background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:4px;min-height:60px}.day-cell:hover:not(:disabled){border-color:#4a90d9;background:#f8fafc}.day-number{font-family:Archivo,sans-serif;font-size:1rem;font-weight:600;color:#1a1a1a}.day-count{font-family:Archivo,sans-serif;font-size:.55rem;font-weight:600;color:#888;margin-top:2px}.booking-status{font-family:Archivo,sans-serif;font-size:.6rem;font-weight:700;color:#155724;background:#28a74533;padding:1px 4px;border-radius:3px;margin-top:1px}.day-cell.other-month{opacity:.3}.day-cell.past{background:#f5f5f5;cursor:not-allowed}.day-cell.past .day-number,.day-cell.past .day-count{color:#aaa}.day-cell.booked{background:#d4edda;border-color:#28a745}.day-cell.booked.booked-am-only{background:#e8f5eb;border-color:#5cb85c}.day-cell.booked .day-number{color:#155724}.day-cell.booked .day-count{color:#28a745}.day-cell.full{background:#e9e9e9;cursor:not-allowed}.day-cell.full .day-number,.day-cell.full .day-count{color:#888}.day-cell.today{border-color:#4a90d9;border-width:2px}.day-cell.today .day-number{color:#4a90d9;font-weight:700}.day-cell.disabled{cursor:not-allowed}.day-cell.disabled:hover{border-color:#e0e0e0;background:inherit}.day-cell.light-text .day-number{color:#fff}.day-cell.light-text .day-count{color:#ffffffd9}.day-cell.light-text.today .day-number{color:#fff}@media (max-width: 600px){.day-cell{min-height:44px;border-radius:6px;padding:2px}.day-number{font-size:.85rem}.day-count{font-size:.55rem}}.month-view{position:relative}.month-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.month-nav h2{font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:400;min-width:180px;text-align:center}.nav-btn{width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:8px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:all .2s}.nav-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.weekday-header{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:4px}.weekday{text-align:center;font-family:Archivo,sans-serif;font-size:.75rem;font-weight:600;color:#666;padding:8px 0;text-transform:uppercase}.days-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:#666}@media (max-width: 600px){.days-grid,.weekday-header{gap:2px}.weekday{font-size:.65rem;padding:4px 0}.month-nav{gap:12px}.month-nav h2{font-size:1rem;min-width:140px}.nav-btn{width:32px;height:32px;font-size:1.25rem}}.week-view{position:relative}.week-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.week-nav h2{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:400;min-width:220px;text-align:center}.week-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.week-day{background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-height:150px;display:flex;flex-direction:column}.week-day.past{background:#f9f9f9;opacity:.7}.week-day.today{border-color:#4a90d9;border-width:2px}.week-day-header{padding:10px;border-bottom:1px solid #eee;display:flex;flex-direction:column;align-items:center;gap:2px}.week-day-name{font-family:Archivo,sans-serif;font-size:.7rem;font-weight:600;color:#666;text-transform:uppercase}.week-day-date{font-family:Archivo,sans-serif;font-size:1.25rem;font-weight:600;color:#1a1a1a}.today .week-day-date{color:#4a90d9}.week-day-count{font-family:Archivo,sans-serif;font-size:.65rem;font-weight:600;color:#888}.week-day-members{flex:1;padding:8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.member-chip{background:#f0f0f0;padding:4px 8px;border-radius:4px;font-family:Archivo,sans-serif;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:4px}.member-chip .member-name{flex:1}.member-chip .member-status{font-size:.6rem;font-weight:700;color:#666;background:#00000014;padding:1px 4px;border-radius:3px}.member-chip.current-user{background:#d4edda;color:#155724}.member-chip.current-user .member-status{color:#155724;background:#28a74533}.remove-btn{background:none;border:none;color:#dc3545;font-size:1rem;cursor:pointer;padding:0 2px;line-height:1}.remove-btn:hover{color:#a71d2a}.add-booking-btn{background:#e8f4fd;border:1px dashed #4a90d9;border-radius:4px;padding:6px 8px;font-family:Archivo,sans-serif;font-size:.7rem;font-weight:600;color:#4a90d9;cursor:pointer;margin-top:auto}.add-booking-btn:hover{background:#d0e8f9}@media (max-width: 768px){.week-grid{grid-template-columns:1fr}.week-day{min-height:auto}.week-day-header{flex-direction:row;justify-content:space-between;padding:10px 12px}.week-day-members{flex-direction:row;flex-wrap:wrap;padding:10px 12px}}@media (max-width: 600px){.week-nav{gap:12px}.week-nav h2{font-size:.9rem;min-width:auto}.week-day-name{font-size:.75rem}.week-day-date{font-size:1.1rem}.week-day-count{font-size:.7rem}.member-chip{font-size:.75rem;padding:6px 10px}.add-booking-btn{font-size:.75rem;padding:8px 10px}}.member-select{display:flex;align-items:center;gap:12px}.member-select label{font-family:DM Sans,sans-serif;font-weight:400;font-size:.9rem;color:#333}.member-select select{flex:1;max-width:300px;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;font-family:Archivo,sans-serif;font-weight:600;background:#fff;cursor:pointer}.member-select select:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a}@media (max-width: 600px){.member-select{width:100%}.member-select select{max-width:none;width:100%}}.calendar{margin-top:0}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.view-toggle{display:flex;background:#f0f0f0;border-radius:8px;padding:4px}.view-toggle button{padding:8px 20px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-family:Archivo,sans-serif;font-size:.85rem;font-weight:600;color:#666;transition:all .2s}.view-toggle button.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px #0000001a}.view-toggle button:hover:not(.active){color:#1a1a1a}.select-member-prompt{text-align:center;padding:16px;background:#fff8e6;border-radius:8px;color:#8a6d00;margin-bottom:20px;font-family:DM Sans,sans-serif;font-size:.9rem}.heatmap-toggle{display:flex;justify-content:center;margin-top:20px;padding-top:16px;border-top:1px solid #eee}.heatmap-toggle label{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:.9rem;color:#666;cursor:pointer}.heatmap-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media (max-width: 600px){.calendar-toolbar{flex-direction:column;gap:12px}.view-toggle button{padding:10px 16px}.select-member-prompt{padding:12px;font-size:.85rem}.heatmap-toggle{margin-top:16px;padding-top:12px}}.app{max-width:900px;margin:0 auto;padding:20px}.header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.logo{height:32px;width:auto}.divider{color:#ccc;font-weight:300}.subtitle{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:400;color:#666}.main{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.1rem;color:#666}@media (max-width: 600px){.app{padding:12px}.header{flex-direction:column;gap:4px}.divider{display:none}.logo{height:28px}.main{padding:16px;border-radius:8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;background-color:#f5f5f5;color:#1a1a1a;line-height:1.5}#root{min-height:100vh}.font-title{font-family:DM Sans,sans-serif;font-weight:400}.font-body{font-family:Archivo,sans-serif;font-weight:600}