.header-section{margin-bottom: 20px}.booking-logo{border-radius: 8px}.booking-title{margin: 0;color: var(--aura-on-surface,#333)}.weekly-calendar{width: 100%;max-width: 1400px;margin: 0 auto}.calendar-header-row{display: grid;grid-template-columns: repeat(7,1fr);gap: 8px;margin-bottom: 16px}.day-header{text-align: center;padding: 12px;background: var(--aura-surface,#f5f5f5);border-radius: 8px}.day-header.today{background: var(--aura-primary,#0066cc);color: white}.day-name{display: block;font-weight: 600;font-size: 14px;margin-bottom: 4px}.date-number{display: block;font-size: 12px;opacity: 0.8}.calendar-columns-row{display: grid;grid-template-columns: repeat(7,1fr);gap: 8px;min-height: 400px}.day-section-mobile{display: contents}.day-header-mobile{display: none}.day-column{display: flex;flex-direction: column;gap: 8px;padding: 8px;background: var(--aura-surface-variant,#fafafa);border-radius: 8px;min-height: 400px}.empty-message{text-align: center;color: var(--aura-on-surface-variant,#666);font-size: 14px;padding: 20px}.slot-card{padding: 12px;border-radius: 6px;border: 1px solid transparent;transition: all 0.2s ease}.slot-card.available{background: var(--aura-success-container,#e6f4ea);border-color: var(--aura-success,#1e7e34)}.slot-card.almost-full{background: var(--aura-warning-container,#fff4e5);border-color: var(--aura-warning,#ff9800)}.slot-card.full{background: var(--aura-error-container,#fce4e4);border-color: var(--aura-error,#d32f2f);opacity: 0.7}.slot-card.past{background: var(--aura-surface-dim,#e0e0e0);opacity: 0.5}.slot-card.clickable{cursor: pointer}.slot-card.clickable:hover{transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0,0,0,0.1)}.slot-time{display: block;font-weight: 600;font-size: 14px;margin-bottom: 4px;color: var(--aura-on-surface,#333)}.slot-category{display: block;font-size: 13px;margin-bottom: 6px;color: var(--aura-on-surface-variant,#666)}.slot-capacity{display: block;font-size: 12px;font-weight: 500;color: var(--aura-on-surface-variant,#666)}@media (max-width: 1024px){.calendar-header-row,.calendar-columns-row{grid-template-columns: repeat(3,1fr)}}@media (max-width: 768px){.header-section{flex-direction: column;align-items: flex-start !important}.booking-logo{height: 60px}.booking-title{font-size: 1.2rem}.calendar-header-row{display: none}.calendar-columns-row{display: flex;flex-direction: column;gap: 16px}.day-section-mobile{display: flex;flex-direction: column;gap: 8px}.day-header-mobile{text-align: left;padding: 12px;background: var(--aura-surface,#f5f5f5);border-radius: 8px;display: flex;justify-content: space-between;align-items: center}.day-header-mobile.today{background: var(--aura-primary,#0066cc);color: white}.day-header-mobile .day-name{font-weight: 600;font-size: 16px}.day-header-mobile .date-number{font-size: 14px;opacity: 0.8}.day-column{min-height: auto}}.admin-weekly-container{display: flex;gap: 16px;width: 100%;height: calc(100vh - 200px)}.admin-calendar-section{flex: 1;overflow-y: auto}.admin-side-panel{width: 400px;background: var(--aura-surface,#f5f5f5);border-radius: 8px;padding: 16px;overflow-y: auto}.admin-side-panel.hidden{display: none}.admin-slot-card{padding: 12px;border-radius: 6px;border: 1px solid var(--aura-outline,#ccc);background: white;cursor: pointer;transition: all 0.2s ease;position: relative}.admin-slot-card:hover{box-shadow: 0 2px 8px rgba(0,0,0,0.1);transform: translateY(-1px)}.admin-slot-card.selected{border-color: var(--aura-primary,#0066cc);border-width: 2px;background: var(--aura-primary-container,#e3f2fd)}.booking-count-badge{position: absolute;top: 8px;right: 8px;background: var(--aura-primary,#0066cc);color: white;border-radius: 12px;padding: 2px 8px;font-size: 12px;font-weight: 600}.booking-list-item{padding: 12px;background: white;border-radius: 6px;margin-bottom: 8px;border: 1px solid var(--aura-outline-variant,#e0e0e0)}.booking-list-item.cancelled{background: var(--aura-surface-dim,#f5f5f5);opacity: 0.7}.booking-participant-name{font-weight: 600;font-size: 14px;margin-bottom: 4px;color: var(--aura-on-surface,#333)}.booking-participant-email{font-size: 12px;color: var(--aura-on-surface-variant,#666);margin-bottom: 4px}.booking-status{font-size: 12px;padding: 2px 8px;border-radius: 4px;display: inline-block}.booking-status.active{background: var(--aura-success-container,#e6f4ea);color: var(--aura-success,#1e7e34)}.booking-status.cancelled{background: var(--aura-error-container,#fce4e4);color: var(--aura-error,#d32f2f)}@media (max-width: 1024px){.admin-weekly-container{flex-direction: column;height: auto}.admin-side-panel{width: 100%}.admin-side-panel.hidden{display: block}}