.demo-sandbox .demo-header{z-index:50;background:var(--surface-base);border-bottom:1px solid #ffffff12;position:sticky;top:0}.demo-header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1328px;margin:auto;padding:16px 28px;display:flex}.demo-brand{align-items:center;gap:11px;min-width:0;display:flex}.demo-brand>span{letter-spacing:-.03em;font-size:17px;font-weight:600}.demo-brand small{color:#c4c6ce;letter-spacing:0;margin-top:2px;font-size:12px;font-weight:400;display:block}.demo-header nav{align-items:center;gap:12px;display:flex}.demo-guide,.demo-start,.demo-reset{border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 15px;font-size:14px;display:inline-flex}.demo-guide{color:#d2d4dc;border:1px solid #ffffff1c}.demo-start{background:var(--accent);color:#04130c;font-weight:600}.demo-reset{color:#d2d4dc;cursor:pointer;background:#ffffff03;border:1px solid #ffffff20}.demo-reset:hover,.demo-guide:hover{background:#ffffff08;border-color:#55f5a355}.demo-content{max-width:1328px;margin:auto;padding:28px}.demo-sandbox .calendar-page-intro{padding-bottom:24px}.demo-sandbox .calendar-page-intro h1{letter-spacing:-.04em;color:#e8e9ed;font-size:34px;font-weight:500;line-height:1.15}.demo-sandbox .calendar-page-intro h1+p{color:#c4c6ce;max-width:560px;margin-top:12px;font-size:15px;line-height:1.7}.demo-filters{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.demo-filters #property-toggles{flex-wrap:wrap;gap:9px;display:flex}.demo-filter-hint{color:#adafb8;max-width:210px;margin-left:auto;font-size:12px}.calendar-workspace.demo-sandbox #main-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.calendar-workspace.demo-sandbox #main-grid>aside{gap:18px;display:grid;position:sticky;top:100px}.demo-arrivals,.demo-next-step{background:#111216;border:1px solid #ffffff13;border-radius:14px;padding:22px}.demo-arrivals>p{color:#adafb8;margin-bottom:18px;font-size:13px;line-height:1.7}.demo-stay{border-top:1px solid #ffffff12;align-items:start;gap:9px;padding:17px 0;display:flex}.demo-stay:last-child{padding-bottom:0}.demo-stay-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:7px;display:inline-block}.demo-stay>div{flex:1;min-width:0}.demo-stay strong{font-size:14px;font-weight:500;display:block}.demo-stay p{color:#c4c6ce;margin-top:5px;font-size:12px;line-height:1.7}.demo-stay small{color:#989ba5;margin-top:6px;font-size:12px;display:block}.demo-channel{color:#d2d4dc;border:1px solid #ffffff14;border-radius:5px;margin-top:1px;padding:3px 6px;font-size:10px}.demo-next-step{background:var(--surface-panel)}.demo-next-step>svg{color:var(--accent);margin-bottom:17px}.demo-next-step h2{letter-spacing:-.02em;font-size:19px;font-weight:500;line-height:1.4}.demo-next-step p{color:#c4c6ce;margin:12px 0 20px;font-size:13px;line-height:1.8}.demo-next-step a{color:var(--accent);align-items:center;gap:8px;font-size:13px;display:inline-flex}.demo-calendar-key{color:#c4c6ce;flex-wrap:wrap;align-items:center;gap:14px;padding-top:12px;font-size:12px;display:flex}.demo-calendar-key>span{align-items:center;gap:6px;display:flex}.demo-calendar-key i{border-radius:50%;width:6px;height:6px}.demo-calendar-key>span:last-child{color:#adafb8;font-size:11px}.demo-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:23px;display:grid}.demo-metrics>div{background:#111216;border:1px solid #ffffff13;border-radius:12px;padding:20px}.demo-metrics span{color:#c4c6ce;font-size:13px;display:block}.demo-metrics strong{letter-spacing:-.04em;margin:9px 0;font-size:30px;font-weight:500;display:block}.demo-metrics small{color:#adafb8;font-size:12px;line-height:1.6}.demo-bottom-note{color:#adafb8;align-items:start;gap:12px;margin:25px 0 6px;display:flex}.demo-bottom-note p{color:#adafb8;max-width:850px;font-size:13px;line-height:1.8}.demo-bottom-note>svg{flex-shrink:0;margin-top:3px}.demo-empty{color:#c4c6ce;padding:12px 0;font-size:14px;line-height:1.8}.demo-day-dialog{overscroll-behavior:contain;color:#e8e9ed;background:#111216;border:1px solid #45474f;border-radius:16px;width:min(540px,100% - 32px);max-height:90dvh;margin:auto;padding:25px;overflow-y:auto;box-shadow:0 35px 100px #0008}.demo-day-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020203b8}.demo-day-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.demo-day-heading .calendar-eyebrow{margin-bottom:8px;font-size:11px}.demo-day-heading h2{letter-spacing:-.03em;font-size:24px;font-weight:500}.demo-dialog-close{color:#d2d4dc;cursor:pointer;border:1px solid #ffffff1b;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.demo-dialog-help{color:#c4c6ce;margin:17px 0 20px;font-size:14px;line-height:1.8}.demo-day-property{background:#ffffff02;border:1px solid #ffffff16;border-radius:11px;margin-top:12px;padding:18px}.demo-day-property>div{align-items:center;gap:9px;display:flex}.demo-day-property h3{font-size:15px;font-weight:500}.demo-day-state{color:var(--accent);background:#55f5a30a;border-radius:5px;margin-left:auto;padding:4px 7px;font-size:11px}.demo-day-state.occupied{color:#dbbe91;background:#dbbe910a}.demo-day-property p,.demo-day-property small{color:#c4c6ce;margin-top:11px;font-size:13px;line-height:1.7;display:block}.demo-day-property button{background:var(--accent);color:#04130c;cursor:pointer;border-radius:8px;width:100%;min-height:43px;margin-top:17px;padding:10px 12px;font-size:13px;font-weight:500}.demo-day-dialog :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.demo-action-status{color:var(--accent);min-height:20px;margin-top:16px;font-size:13px}@media (width<=1023px){.calendar-workspace.demo-sandbox #main-grid{display:block}.calendar-workspace.demo-sandbox #main-grid>aside{grid-template-columns:1fr 1fr;margin-top:20px;display:grid;position:static}}@media (width<=640px){.demo-header-inner{gap:12px;padding:13px 16px}.demo-brand{gap:8px}.demo-brand>span{font-size:14px}.demo-brand small{font-size:11px}.demo-header nav{gap:7px}.demo-start{padding:10px;font-size:12px}.demo-start svg{display:none}.demo-guide{gap:0;padding:10px;font-size:0}.demo-content{padding:23px 16px}.demo-sandbox .calendar-page-intro{display:block}.demo-sandbox .calendar-page-intro h1{font-size:30px}.demo-sandbox .calendar-page-intro h1+p{font-size:14px}.demo-reset{min-height:40px;margin-top:18px;padding:8px 11px;font-size:13px}.demo-filter-hint{display:none}.demo-filters{gap:11px}.calendar-workspace.demo-sandbox #main-grid>aside{grid-template-columns:1fr}.demo-next-step{display:none}.demo-metrics{grid-template-columns:1fr 1fr;gap:11px}.demo-metrics>div{padding:16px}.demo-metrics span{font-size:12px}.demo-metrics small{font-size:11px}.demo-metrics strong{font-size:28px}.demo-bottom-note p{font-size:12px}.demo-day-dialog{padding:20px}.demo-day-heading h2{font-size:21px}}@media (width<=370px){.demo-brand>span{font-size:12px}.demo-start{text-align:center;max-width:105px;line-height:1.4}.demo-header-inner{gap:8px}}.demo-brand b{font-size:inherit;font-weight:inherit;display:block}.demo-sandbox .calendar-demo-banner{font-size:12px;line-height:1.7}.demo-practice{min-height:40px;color:var(--text-primary);cursor:pointer;background:#ffffff04;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 11px;font-size:12px;display:flex}.demo-practice:hover{background:#ffffff0b}.demo-practice:disabled{opacity:.45;cursor:default}@media (width<=640px){.demo-sandbox .calendar-page-intro{align-items:start;gap:14px;display:flex}.demo-sandbox .calendar-page-intro .calendar-eyebrow{display:none}.demo-sandbox .calendar-page-intro h1{font-size:27px}.demo-sandbox .calendar-page-intro h1+p{margin-top:10px;line-height:1.7}.demo-reset{flex-shrink:0;gap:0;width:40px;margin-top:1px;padding:10px;font-size:0}.demo-header nav{flex-shrink:0}.demo-brand{flex:1}.demo-brand>span{min-width:0}.demo-sandbox .calendar-demo-banner{padding:8px 16px;font-size:11px}.demo-practice{gap:5px;min-height:38px;padding:8px;font-size:11px}}@media (width<=370px){.demo-brand b{display:none}.demo-brand small{white-space:nowrap;margin-top:0;font-size:11px}}