.booking-calendar{display:block;width:100%}.cal-root{--primary: #0ea5e9;--primary-hover: #0284c7;--bg-light: #f8f9fa;--border-color: #e5e7eb;--text-main: #111827;--text-muted: #6b7280;--white: #ffffff;--radius: 12px;--shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.cal-root{position:relative;width:100%}.cal-input-group{display:flex;border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--white);transition:border-color .2s}.cal-input-group:hover{border-color:var(--primary)}.cal-input-field{flex:1;padding:12px;display:flex;flex-direction:column}.cal-input-field.inline{flex-direction:row;align-items:center;gap:8px}.cal-input-field:first-child{border-right:1px solid var(--border-color)}.cal-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;display:flex;align-items:center;gap:4px}.cal-icon{display:inline-flex;align-items:center;font-size:12px}.cal-value{font-size:14px;font-weight:600}.cal-dropdown{position:absolute;z-index:100;background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow);padding:20px;width:max-content;max-width:calc(100vw - 40px);visibility:hidden;opacity:0;transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.cal-dropdown.visible{visibility:visible;opacity:1;pointer-events:auto}.cal-dropdown.pos-bottom{top:105%;left:0;transform:translateY(-10px)}.cal-dropdown.pos-bottom.visible{transform:translateY(0)}.cal-dropdown.pos-top{bottom:105%;left:0;transform:translateY(10px)}.cal-dropdown.pos-top.visible{transform:translateY(0)}.cal-dropdown.single{width:300px}.cal-months-container{display:flex;gap:32px}@media(max-width:640px){.cal-months-container{flex-direction:column}}.cal-month-section{width:260px}.cal-month-section.cal-single-month{width:100%}.cal-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative}.cal-month-labels{display:flex;flex:1}.cal-month-label{font-size:14px;font-weight:700;text-align:center;flex:1}.cal-nav-btn{background:none;border:none;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2}.cal-nav-btn:hover{background:#f3f4f6}.cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.cal-weekday{text-align:center;font-size:10px;font-weight:700;color:var(--primary);text-transform:uppercase}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#f3f4f6;border:1px solid #f3f4f6;border-radius:8px;overflow:hidden}.day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;background:var(--white);cursor:pointer;transition:all .2s;user-select:none}.day-cell:hover:not(.disabled){background:#f0f9ff}.day-cell.disabled{color:#d1d5db;cursor:not-allowed}.day-cell.booked{text-decoration:line-through;color:#9ca3af;background:#f9fafb}.day-cell.other-month{visibility:hidden;pointer-events:none}.day-cell.selected{background:var(--primary);color:var(--white);font-weight:700;border-radius:50%;transform:scale(.85);z-index:2}.day-cell.in-range{background:#f0f9ff;color:var(--primary)}.cal-footer{margin-top:16px;padding-top:12px;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;font-size:12px}.reset-btn{background:none;border:none;color:var(--primary);font-weight:700;text-decoration:underline;cursor:pointer}