body{background:var(--color-bg);color:var(--color-text);margin:0;padding:0;font-family:system-ui,sans-serif}a{color:var(--color-primary-dark);text-decoration:none}a:hover{color:var(--color-warm)}main{padding:2rem}h1,h2,h3{color:var(--color-primary-dark)}.cta{background:var(--color-primary-dark);color:#fff;border-radius:10px;margin-top:1.5rem;padding:.9rem 1.6rem;font-weight:600;transition:background .2s,transform .15s;display:inline-block;box-shadow:0 4px 12px #0000001f}.cta:hover{background:var(--color-primary);transform:translateY(-2px)}.spa-calendar .react-date-picker,.spa-calendar .react-calendar{background:var(--color-accent);border:1px solid var(--color-primary-dark);border-radius:12px;width:100%;padding:.5rem;box-shadow:0 4px 12px #00000014}.spa-calendar .react-date-picker__wrapper{color:var(--color-text);background:#fff;border:none;border-radius:8px;padding:.75rem;font-size:1rem;box-shadow:0 2px 6px #0000000d}.spa-calendar .react-date-picker__calendar{border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0000001f}.spa-calendar .react-calendar{background:var(--color-bg);border:none}.spa-calendar .react-calendar__navigation button{background:var(--color-primary);color:#fff;border-radius:6px;margin:2px;padding:.5rem;transition:background .2s}.spa-calendar .react-calendar__navigation button:hover{background:var(--color-primary-dark)}.spa-calendar .react-calendar__month-view__weekdays{background:var(--color-primary);color:#fff;border-radius:6px;padding:.25rem 0}.spa-calendar .react-calendar__tile{background:var(--color-accent);border-radius:8px;margin:3px;padding:.75rem 0;transition:background .2s,transform .1s}.spa-calendar .react-calendar__tile:hover{background:var(--color-primary);color:#fff;transform:scale(1.03)}.spa-calendar .react-calendar__tile--active{background:var(--color-primary-dark)!important;color:#fff!important}.spa-calendar .react-calendar__tile--now{background:var(--color-warm);color:#fff}.booking-card{background:var(--color-accent);color:var(--color-text);cursor:pointer;border-radius:12px;margin-bottom:1rem;padding:1rem;transition:all .2s;box-shadow:0 4px 12px #0000000f}.booking-card:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.booking-card.selected{background:var(--color-primary-dark);color:#fff}.booking-container{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 24px #00000014}.navbar{background:var(--color-accent);z-index:100;width:100%;padding:1rem 0;position:sticky;top:0;box-shadow:0 4px 12px #00000014}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-logo{color:var(--color-primary-dark);font-size:1.4rem;font-weight:700}.nav-links a{color:var(--color-text);margin-left:1.5rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:#fff;background:var(--color-primary);border-radius:8px;padding:.4rem .8rem}.map-placeholder{background:var(--color-accent);border:1px solid var(--color-primary-dark);width:100%;height:250px;color:var(--color-text-light);border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;display:flex;box-shadow:0 4px 12px #00000014}.footer{background:var(--color-accent);margin-top:3rem;padding:2rem 0 1rem;box-shadow:0 -4px 12px #00000014}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex}.footer-left h3{color:var(--color-primary-dark);margin:0 0 .5rem}.footer-left p{color:var(--color-text-light);margin:0;line-height:1.4}.footer-links{flex-direction:column;display:flex}.footer-links a{color:var(--color-text);margin-bottom:.5rem;transition:color .2s}.footer-links a:hover{color:var(--color-primary-dark)}.footer-bottom{text-align:center;color:var(--color-text-light);margin-top:1.5rem;font-size:.9rem}html,body{height:100%;margin:0;padding:0}.layout-body{flex-direction:column;min-height:100vh;display:flex}.layout-content{flex-direction:column;flex:1;padding-bottom:2rem;display:flex}@media (max-width:768px){.booking-container{margin:1rem;padding:1.25rem}h1{font-size:1.6rem}.cta{text-align:center;width:100%}}.spa-calendar-inline{max-width:500px;margin:1rem auto}.spa-calendar-inline .react-calendar{background:#fff;border:none;border-radius:16px;width:100%;padding:1.5rem;font-family:system-ui,sans-serif;box-shadow:0 8px 24px #0000001f}.spa-calendar-inline .react-calendar__navigation{gap:.5rem;margin-bottom:1rem;display:flex}.spa-calendar-inline .react-calendar__navigation button{background:var(--color-accent);color:var(--color-primary-dark);cursor:pointer;border:none;border-radius:10px;min-width:44px;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.spa-calendar-inline .react-calendar__navigation button:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-2px)}.spa-calendar-inline .react-calendar__navigation button:disabled{opacity:.3;cursor:not-allowed}.spa-calendar-inline .react-calendar__navigation__label{flex-grow:1;font-size:1.1rem}.spa-calendar-inline .react-calendar__month-view__weekdays{text-align:center;color:var(--color-primary-dark);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.spa-calendar-inline .react-calendar__month-view__weekdays__weekday{padding:.75rem 0}.spa-calendar-inline .react-calendar__month-view__weekdays abbr{text-decoration:none}.spa-calendar-inline .react-calendar__tile{background:var(--color-accent);cursor:pointer;aspect-ratio:1;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;margin:4px;padding:1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.spa-calendar-inline .react-calendar__tile:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:scale(1.08);box-shadow:0 4px 12px #00000026}.spa-calendar-inline .react-calendar__tile--active{border-color:var(--color-primary-dark);font-weight:700;box-shadow:0 4px 16px #0003;background:var(--color-primary-dark)!important;color:#fff!important}.spa-calendar-inline .react-calendar__tile--now{background:var(--color-warm);color:#fff;font-weight:600}.spa-calendar-inline .react-calendar__tile--now:hover:not(:disabled){background:var(--color-primary)}.spa-calendar-inline .react-calendar__tile:disabled{color:#ccc;cursor:not-allowed;opacity:.4;background:#f5f5f5}.spa-calendar-inline .react-calendar__month-view__days__day--neighboringMonth{opacity:.3}@media (max-width:768px){.spa-calendar-inline{max-width:100%}.spa-calendar-inline .react-calendar{padding:1rem}.spa-calendar-inline .react-calendar__tile{padding:.75rem;font-size:.9rem}.spa-calendar-inline .react-calendar__navigation button{padding:.6rem .8rem;font-size:.9rem}}.spa-datepicker .react-datepicker{border:none;border-radius:16px;max-width:500px;margin:1rem auto;font-family:system-ui,sans-serif;box-shadow:0 8px 24px #0000001f}.spa-datepicker .react-datepicker__header{background:var(--color-accent);border:none;border-radius:16px 16px 0 0;padding:1rem}.spa-datepicker .react-datepicker__current-month{color:var(--color-primary-dark);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.spa-datepicker .react-datepicker__day-names{justify-content:space-around;margin-top:.5rem;display:flex}.spa-datepicker .react-datepicker__day-name{color:var(--color-primary-dark);width:2.5rem;font-weight:600;line-height:2.5rem}.spa-datepicker .react-datepicker__month{background:#fff;padding:1rem}.spa-datepicker .react-datepicker__day{background:var(--color-accent);width:2.5rem;height:2.5rem;color:var(--color-text);border-radius:10px;margin:.25rem;font-weight:500;line-height:2.5rem;transition:all .2s}.spa-datepicker .react-datepicker__day:hover{background:var(--color-primary);color:#fff;transform:scale(1.08)}.spa-datepicker .react-datepicker__day--selected{font-weight:700;background:var(--color-primary-dark)!important;color:#fff!important}.spa-datepicker .react-datepicker__day--today{background:var(--color-warm);color:#fff;font-weight:600}.spa-datepicker .react-datepicker__day--disabled{color:#ccc;cursor:not-allowed;opacity:.4;background:#f5f5f5}.spa-datepicker .react-datepicker__navigation{top:1rem}.spa-datepicker .react-datepicker__navigation-icon:before{border-color:var(--color-primary-dark)}@media (max-width:768px){.spa-datepicker .react-datepicker{max-width:100%}.spa-datepicker .react-datepicker__day{width:2rem;height:2rem;line-height:2rem}}
:root{--color-bg:#f2e9d8;--color-primary:#a8c3b0;--color-primary-dark:#2f4f4f;--color-accent:#e8f3ee;--color-text:#333;--color-text-light:#6b6b6b;--color-warm:#c9a27c}