:root{--brand-primary:#d32f2f;--brand-secondary:#b71c1c;--cal-border:#e5e7eb;--cal-bg:#fff;--cal-bg-other:#f9fafb;--cal-text:#111827;--cal-text-muted:#6b7280;--cal-today-bg:rgba(211,47,47,.04)}.cal-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.85);border-bottom:1px solid rgba(211,47,47,.1);flex-direction:row;justify-content:space-between;padding:16px 24px}.cal-header,.cal-header-left{align-items:center;display:flex}.cal-header-left{gap:8px}.cal-header-center{flex:1;text-align:center}.cal-header-right{background:#f1f5f9;border:1px solid rgba(0,0,0,.04);border-radius:14px;display:flex;gap:4px;padding:4px}.cal-nav-btn{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04);color:#334155;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.cal-nav-btn:hover{background-color:#fff;border-color:rgba(211,47,47,.4);box-shadow:0 4px 12px rgba(211,47,47,.12);color:var(--brand-primary);transform:translateY(-1px)}.cal-title{color:#0f172a;font-size:1.25rem;font-weight:800;letter-spacing:-.3px;margin:0}.cal-view-btn{background-color:transparent;border:none;border-radius:10px;color:#64748b;cursor:pointer;font-size:.88rem;font-weight:600;padding:7px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.cal-view-btn:hover{background-color:hsla(0,0%,100%,.6);color:var(--brand-primary)}.cal-view-btn.active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border:none;box-shadow:0 4px 14px rgba(211,47,47,.28);color:#fff;font-weight:700}.cal-weekday-header{background-color:var(--cal-bg);border-bottom:1px solid var(--cal-border);display:grid;grid-template-columns:repeat(7,1fr)}.cal-weekday-cell{color:var(--cal-text-muted);font-size:.75rem;font-weight:600;padding:10px 0;text-align:center;text-transform:uppercase}.cal-month-grid{border-left:1px solid var(--cal-border);display:grid;grid-template-columns:repeat(7,1fr)}.cal-day-cell,.cal-month-grid{background-color:var(--cal-bg)}.cal-day-cell{border-bottom:1px solid var(--cal-border);border-right:1px solid var(--cal-border);cursor:pointer;min-height:120px;overflow:hidden;padding:4px 6px;position:relative;transition:background-color .15s ease}.cal-day-cell:hover{background-color:#f9fafb}.cal-day-cell.other-month{background-color:var(--cal-bg-other)}.cal-day-cell.other-month .cal-day-num{color:#d1d5db}.cal-day-cell.today{background-color:var(--cal-today-bg)}.cal-day-num{align-items:center;color:var(--cal-text);display:inline-flex;font-size:.85rem;font-weight:500;height:28px;justify-content:center;margin:2px;width:28px}.cal-day-num.today{background-color:var(--brand-primary);border-radius:50%;color:#fff;font-weight:700}.cal-events-container{display:flex;flex-direction:column;gap:2px;margin-top:2px}.cal-event-pill{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.7rem;gap:4px;line-height:1.3;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;transition:opacity .15s ease;white-space:nowrap}.cal-event-pill:hover{opacity:.85}.cal-event-pill.booking-approved{background-color:rgba(16,185,129,.12);color:#065f46}.cal-event-pill.booking-pending{background-color:rgba(245,158,11,.12);color:#92400e}.cal-event-pill.schedule{background-color:rgba(211,47,47,.12);color:#b91c1c}.cal-event-pill.booking-maintenance,.cal-event-pill.schedule-maintenance{background-color:rgba(148,163,184,.12);color:#475569}.cal-event-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.cal-event-dot.green{background-color:#10b981}.cal-event-dot.amber{background-color:#f59e0b}.cal-event-dot.red{background-color:#d32f2f}.cal-event-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-more-link{border-radius:4px;color:var(--cal-text-muted);cursor:pointer;display:inline-block;font-size:.7rem;font-weight:600;margin-top:2px;padding:1px 6px;transition:all .15s ease}.cal-more-link:hover{background-color:#f3f4f6;color:var(--cal-text)}.cal-week-container{background-color:var(--cal-bg);display:flex;flex:1;flex-direction:column;overflow-x:auto;position:relative}.cal-week-header-row{border-bottom:1px solid var(--cal-border);display:grid;grid-template-columns:60px repeat(7,1fr)}.cal-week-header-spacer{width:60px}.cal-week-day-col{border-left:1px solid var(--cal-border);font-size:.75rem;padding:10px 4px;text-align:center}.cal-week-day-col.today{background-color:var(--cal-today-bg)}.cal-week-day-name{color:var(--cal-text-muted);display:block;font-size:.7rem;font-weight:600;text-transform:uppercase}.cal-week-day-num{align-items:center;color:var(--cal-text);display:inline-flex;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;margin-top:4px;width:32px}.cal-week-day-num.today{background-color:var(--brand-primary);border-radius:50%;color:#fff}.cal-week-body{display:grid;flex:1;grid-template-columns:60px repeat(7,1fr);overflow-y:auto}.cal-time-col,.cal-week-body{position:relative}.cal-time-label{color:var(--cal-text-muted);font-size:.7rem;font-weight:500;line-height:1;position:absolute;right:8px;transform:translateY(-50%);z-index:2}.cal-week-day-body{border-left:1px solid var(--cal-border);position:relative}.cal-week-day-body.today{background-color:var(--cal-today-bg)}.cal-time-slot{border-bottom:1px solid var(--cal-border);height:60px;position:relative}.cal-time-slot-half{border-bottom:1px dashed #f3f4f6;left:0;position:absolute;right:0;top:50%}.cal-event-block{border:1.5px solid #fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.08);box-sizing:border-box;cursor:pointer;font-size:.72rem;font-weight:500;left:2px;overflow:hidden;padding:4px 6px;position:absolute;right:2px;transition:all .2s ease;z-index:5}.cal-event-block.active{border:2px solid #111827!important;box-shadow:0 4px 12px rgba(0,0,0,.3);filter:brightness(.85)}.cal-event-block.booking-approved{background-color:#10b981;color:#fff}.cal-event-block.booking-pending{background-color:#f59e0b;color:#fff}.cal-event-block.schedule{background-color:#d32f2f;color:#fff}.cal-event-block.booking-maintenance,.cal-event-block.schedule-maintenance{background-color:#94a3b8;color:#fff}.cal-event-block-title{word-wrap:break-word;font-weight:600;line-height:1.3;overflow-wrap:break-word;word-break:break-word}.cal-event-block-time{font-size:.65rem;opacity:.85}.cal-day-container{background-color:var(--cal-bg);display:flex;flex:1;flex-direction:column;overflow:hidden}.cal-day-date-header{border-bottom:1px solid var(--cal-border);font-size:1.1rem;font-weight:700;padding:12px;text-align:center}.cal-day-body{display:grid;flex:1;grid-template-columns:60px 1fr;overflow-y:auto;position:relative}.cal-list-container{background-color:var(--cal-bg);flex:1;overflow-y:auto;padding:0}.cal-list-date-group{border-bottom:1px solid var(--cal-border)}.cal-list-date-header{background-color:#f9fafb;color:var(--cal-text-muted);font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:10px 20px;position:sticky;text-transform:uppercase;top:0;z-index:5}.cal-list-event{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background-color .15s ease}.cal-list-event:last-child{border-bottom:none}.cal-list-event:hover{background-color:#f9fafb}.cal-list-event-time{color:var(--cal-text-muted);flex-shrink:0;font-size:.85rem;font-weight:500;width:100px}.cal-list-event-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.cal-list-event-info{flex:1;min-width:0}.cal-list-event-title{color:var(--cal-text);font-size:.9rem;font-weight:600;margin-bottom:2px}.cal-list-event-detail{color:var(--cal-text-muted);font-size:.8rem}.cal-now-line{height:2px;left:0;pointer-events:none;right:0;z-index:50}.cal-now-line,.cal-now-line:before{background-color:var(--brand-primary);position:absolute}.cal-now-line:before{border-radius:50%;content:"";height:10px;left:-5px;top:-4px;width:10px}.cal-popover{animation:cal-popover-in .15s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.15);min-width:220px;overflow:hidden;position:absolute;z-index:999}.cal-popover-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid var(--cal-border);display:flex;font-size:.9rem;font-weight:700;justify-content:space-between;padding:10px 14px}.cal-popover-close{color:var(--cal-text-muted);cursor:pointer;font-size:1.2rem;line-height:1;transition:color .15s ease}.cal-popover-close:hover{color:var(--cal-text)}.cal-popover-body{max-height:250px;overflow-y:auto;padding:8px}.cal-popover-body .cal-event-pill{margin-bottom:4px;white-space:normal}@keyframes cal-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cal-empty{color:var(--cal-text-muted);font-size:.9rem;padding:40px;text-align:center}@media (max-width:768px){.cal-header{background-color:var(--cal-bg);border-bottom:1px solid var(--cal-border);display:flex;flex-direction:column;gap:12px;padding:14px 16px}.cal-header-center{order:1;text-align:center;width:100%}.cal-title{font-size:1.15rem}.cal-header-left{align-items:center;display:flex;gap:8px;justify-content:space-between;order:2;width:100%}.cal-nav-btn{border-radius:10px;flex:1;font-size:.85rem;padding:8px 12px;text-align:center}.cal-header-right{background:#f1f5f9;border-radius:12px;box-sizing:border-box;display:flex;gap:4px;justify-content:space-between;order:3;padding:4px;width:100%}.cal-view-btn{background:transparent;border:none;border-radius:8px;color:var(--cal-text-muted);flex:1;font-size:.8rem;font-weight:600;padding:8px 4px;text-align:center;transition:all .2s ease}.cal-view-btn.active{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);color:var(--brand-primary)}.cal-day-cell{min-height:80px}.cal-event-pill{font-size:.65rem}.cal-month-grid,.cal-weekday-header{box-sizing:border-box!important;grid-template-columns:repeat(7,1fr)!important;min-width:0!important;width:100%!important}.cal-weekday-cell{font-size:.65rem;padding:6px 0}.cal-week-body,.cal-week-header-row{grid-template-columns:36px repeat(7,1fr)!important}.cal-day-body,.cal-week-body,.cal-week-header-row{box-sizing:border-box!important;min-width:0!important;width:100%!important}.cal-day-body{grid-template-columns:40px 1fr!important}.cal-time-label{font-size:.6rem;padding-right:2px}.cal-week-day-name{font-size:.6rem}.cal-week-day-num{font-size:.8rem;height:22px;line-height:22px;width:22px}.cal-event-block{font-size:.6rem!important;padding:2px 3px!important}.cal-event-block-title{font-size:.6rem!important;line-height:1.15!important}#eventPopover{border:1px solid #e5e7eb!important;border-bottom:none!important;border-radius:20px 20px 0 0!important;bottom:0!important;box-shadow:0 -8px 30px rgba(0,0,0,.2)!important;left:0!important;max-width:100%!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important}#calPopover{border-radius:16px!important;box-shadow:0 12px 36px rgba(0,0,0,.25)!important;left:50%!important;max-width:340px!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90%!important}}.cal-day-body::-webkit-scrollbar,.cal-list-container::-webkit-scrollbar,.cal-week-body::-webkit-scrollbar{width:6px}.cal-day-body::-webkit-scrollbar-thumb,.cal-list-container::-webkit-scrollbar-thumb,.cal-week-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.cal-day-body::-webkit-scrollbar-thumb:hover,.cal-list-container::-webkit-scrollbar-thumb:hover,.cal-week-body::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.qb-time-container,.qb-time-presets{display:flex;flex-direction:column}.qb-time-presets{gap:4px;margin-top:6px}.qb-preset-title{align-items:center;color:#64748b;display:flex;font-size:.72rem;font-weight:700;gap:4px;letter-spacing:.3px}.qb-preset-title i{color:#f59e0b;font-size:.85rem}.qb-preset-chips{display:flex;flex-wrap:wrap;gap:5px}.qb-time-chip{align-items:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:600;justify-content:center;line-height:1.2;outline:none;padding:4px 8px;transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qb-time-chip:hover:not(:disabled){background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c;transform:translateY(-1px)}.qb-time-chip.active{background:linear-gradient(135deg,#d32f2f,#b71c1c);border-color:#b71c1c!important;box-shadow:0 2px 6px rgba(211,47,47,.3);color:#fff!important;font-weight:700}.qb-time-chip:disabled{background-color:#f8fafc;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.35;text-decoration:line-through}@media (max-width:480px){.qb-time-grid{gap:16px!important;grid-template-columns:1fr!important}.qb-time-chip{font-size:.85rem;padding:6px 10px}}#dateActionPopover,.dap-btn-book{font-family:inherit}.dap-btn-book{align-items:center;background:linear-gradient(135deg,#d32f2f,#b71c1c);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(211,47,47,.25);color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.dap-btn-book:hover:not(:disabled){background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 6px 16px rgba(211,47,47,.35);transform:translateY(-1px)}.dap-btn-book:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.dap-btn-view{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.dap-btn-view:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.cal-time-slot{cursor:pointer;transition:background-color .15s ease}.cal-time-slot:hover{background-color:rgba(211,47,47,.04)}.cal-week-day-col{cursor:pointer;transition:background-color .15s ease}.cal-week-day-col:hover{background-color:rgba(211,47,47,.05)}@media (max-width:768px){#dateActionPopover{border:1px solid #e5e7eb!important;border-bottom:none!important;border-radius:20px 20px 0 0!important;bottom:0!important;box-shadow:0 -8px 30px rgba(0,0,0,.2)!important;left:0!important;max-width:100%!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important}}