:root{--sc-font: "Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sc-blue: #2563eb;--sc-blue-soft: #eff6ff;--sc-line: #e5e7eb;--sc-line-strong: #d1d5db;--sc-fg: #111827;--sc-fg2: #374151;--sc-fg3: #6b7280;--sc-fg4: #9ca3af;--sc-busy: #16a34a;--sc-hatch: repeating-linear-gradient(135deg, #f3f4f6 0 4px, #d8dce3 4px 8px);--sc-danger: #dc2626}[x-cloak]{display:none!important}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f9fafb;color:var(--sc-fg);font-family:var(--sc-font);-webkit-text-size-adjust:100%}body.sc-lock{overflow:hidden}button,input,select{font-family:inherit}:focus-visible{outline:2px solid var(--sc-blue);outline-offset:2px}.sc-app{min-height:100vh;display:flex;flex-direction:column}.sc-header{height:56px;flex:none;display:flex;align-items:center;gap:12px;padding:0 20px;background:#fff;border-bottom:1px solid var(--sc-line)}.sc-brand{display:flex;align-items:center;gap:7px;flex:none}.sc-logo{width:22px;height:22px;border-radius:6px;background:#1e2a78;color:#fff;display:flex;align-items:center;justify-content:center;font:700 12px/1 var(--sc-font)}.sc-brand-name{font:700 13px/1 var(--sc-font);color:#1e2a78}.sc-header-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.sc-divider{width:1px;height:22px;background:var(--sc-line);flex:none}.sc-names{min-width:0}.sc-facility{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-linkname{margin-top:1px;font-size:11px;color:var(--sc-fg3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:6px;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer}.sc-btn[disabled]{opacity:.6;cursor:not-allowed}.sc-btn--primary{color:#fff;background:var(--sc-blue)}.sc-btn--ghost{color:var(--sc-fg2);background:#fff;border:1px solid var(--sc-line-strong)}.sc-btn svg{flex:none}.sc-search-open{flex:none;position:relative}.sc-search-open--active{color:#1d4ed8;background:var(--sc-blue-soft);border:1px solid #bfdbfe}.sc-body{flex:1;display:flex;align-items:flex-start;min-height:0}.sc-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.sc-toolbar{display:flex;align-items:center;gap:10px;padding:11px 16px;background:#fff;border-bottom:1px solid var(--sc-line);flex-wrap:wrap}.sc-today-btn{height:32px;padding:0 12px;font-size:12px}.sc-stepper,.sc-seg{display:inline-flex;border:1px solid var(--sc-line-strong);border-radius:6px;overflow:hidden}.sc-step{display:flex;align-items:center;justify-content:center;width:30px;height:32px;padding:0;border:0;border-right:1px solid var(--sc-line);background:#fff;color:var(--sc-fg3);cursor:pointer}.sc-step:last-child{border-right:0}.sc-step[disabled]{color:#d1d5db;cursor:not-allowed}.sc-range{font-size:13px;font-weight:600}.sc-range-short{display:none}.sc-toolbar-spacer{flex:1}.sc-toolbar-break{display:none}.sc-seg-btn{padding:7px 12px;border:0;border-right:1px solid var(--sc-line);background:transparent;color:var(--sc-fg2);font-size:12px;font-weight:500;cursor:pointer}.sc-seg-btn:last-child{border-right:0}.sc-seg-btn.is-active{color:#fff;background:var(--sc-blue);font-weight:600}.sc-scroll{overflow-x:auto;background:#fff;transition:opacity .15s}.sc-scroll--busy{opacity:.55}.sc-inner{position:relative;isolation:isolate;background:#fff}.sc-head-row{display:flex;height:44px;background:#fff;border-bottom:1px solid var(--sc-line)}.sc-left{flex:0 0 var(--left-w);width:var(--left-w);min-width:0;position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:7px;padding:0 10px;background:#fff;border-right:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}.sc-left--head{z-index:3;align-items:flex-end;padding:0 0 8px 10px;background:var(--sc-blue-soft);border-bottom:0;font-size:11px;font-weight:600;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--sc-fg3)}.sc-day-head{flex:0 0 var(--col-w);width:var(--col-w);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--sc-blue-soft);border-right:1px solid var(--sc-line)}.sc-day-head.is-weekend{background:#f7f8fa}.sc-day-head.is-band{background:#dbeafe}.sc-day-head.is-today{background:#3b82f6}.sc-day-num{font-size:14px;font-weight:600;line-height:1.1;color:var(--sc-fg2)}.sc-day-wd{font-size:10.5px;font-weight:500;line-height:1.1;color:var(--sc-fg3)}.sc-day-head.is-today .sc-day-num{font-weight:700;color:#fff}.sc-day-head.is-today .sc-day-wd{color:#ffffffeb}.sc-stripes{position:absolute;top:44px;bottom:0;left:var(--left-w);display:flex;z-index:-1}.sc-stripe{flex:0 0 var(--col-w);width:var(--col-w);border-right:1px solid var(--sc-line)}.sc-stripe.is-weekend{background:#f7f8fa}.sc-stripe.is-band{background:#2563eb12}.sc-stripe.is-today{background:#3b82f60b}.sc-group-row{display:flex;height:32px;background:#f5f5f5;border-bottom:1px solid var(--sc-line)}.sc-left--group{gap:6px;margin:0;background:#f5f5f5;border-top:0;border-left:0;border-bottom:0;font:inherit;color:inherit;text-align:left;white-space:nowrap;overflow:hidden;cursor:pointer}.sc-caret{flex:none;transition:transform .12s}.sc-caret.is-collapsed{transform:rotate(-90deg)}.sc-group-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1;color:var(--sc-fg2)}.sc-group-sub{flex:none;font-size:11px;line-height:1;color:var(--sc-fg4)}.sc-group-sub--free{padding:3px 8px;border:1px solid #a7f3d0;border-radius:9999px;background:#ecfdf5;color:#047857;font-weight:600}.sc-avail{flex:0 0 var(--col-w);width:var(--col-w);display:flex;align-items:center;justify-content:center;border-right:1px solid var(--sc-line);font-size:12px;font-weight:500;line-height:1;color:var(--sc-fg3)}.sc-avail--zero{color:var(--sc-danger)}.sc-room-row{display:flex;height:40px}.sc-room-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;line-height:1;color:var(--sc-fg2)}.sc-track{flex:1;position:relative;border-bottom:1px solid var(--sc-line)}.sc-bar{position:absolute;top:5px;height:30px;min-width:24px;display:flex;align-items:center;gap:4px;padding:0 8px;overflow:hidden;white-space:nowrap;color:#fff;font-size:12.5px;font-weight:500;line-height:1}.sc-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis}.sc-bar--busy{background:var(--sc-busy)}.sc-bar--blocked{background:var(--sc-hatch);border:1px solid var(--sc-line-strong)}.sc-now{position:absolute;top:44px;bottom:0;width:1px;background:var(--sc-danger);z-index:1;pointer-events:none}.sc-legend{display:flex;align-items:center;gap:18px;padding:11px 16px;background:#fff;border-top:1px solid var(--sc-line);flex-wrap:wrap}.sc-legend-item{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--sc-fg2)}.sc-swatch{width:22px;height:13px;border-radius:4px}.sc-swatch--free{background:#fff;border:1px solid var(--sc-line)}.sc-swatch--busy{background:var(--sc-busy)}.sc-swatch--blocked{background:var(--sc-hatch);border:1px solid var(--sc-line-strong)}.sc-footer{margin-left:auto;font-size:11.5px;color:var(--sc-fg4)}.sc-skeleton{display:flex;flex-direction:column;gap:8px;padding:14px;background:#fff}.sc-skel-row{display:flex;gap:8px}.sc-skel{flex:1;height:26px;border-radius:6px;background:#f7f8fa}.sc-skel--head{height:30px;background:#f3f4f6}.sc-skel--label{flex:0 0 120px;background:#f3f4f6}.sc-skel--tint{background:#ebeef2}.sc-state{display:flex;align-items:center;justify-content:center;min-height:320px;padding:24px}.sc-state-box{max-width:340px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.sc-state-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:#fef2f2;color:#b91c1c}.sc-state-icon--muted{width:52px;height:52px;background:#f3f4f6;color:var(--sc-fg4)}.sc-state-title{margin:0;font-size:14px;font-weight:700}.sc-state-title--lg{font-size:16px}.sc-state-text{margin:0;font-size:12.5px;line-height:1.6;color:var(--sc-fg3)}.sc-notfound{flex:1;min-height:calc(100vh - 56px);background:#f9fafb}.sc-panel{position:sticky;top:0;width:560px;height:calc(100vh - 56px);flex:none;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--sc-line);box-shadow:0 4px 12px #00000014;z-index:2}.sc-panel-head{display:flex;align-items:center;height:52px;flex:none;padding:0 12px 0 16px;border-bottom:1px solid var(--sc-line)}.sc-panel-titles{flex:1;min-width:0}.sc-panel-title{margin:0;font-size:15px;font-weight:700}.sc-panel-sub,.sc-panel-back{display:none}.sc-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--sc-fg3);cursor:pointer}.sc-summary{display:none}.sc-form{flex:none;display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) auto;grid-template-areas:"s a e b" "f f f f";align-items:start;gap:8px;padding:18px 16px 12px;border-bottom:1px solid var(--sc-line)}.sc-field--start{grid-area:s}.sc-field--end{grid-area:e}.sc-field--type{grid-area:f}.sc-arrow{grid-area:a;display:flex;align-items:center;justify-content:center;height:36px;color:var(--sc-fg4)}.sc-submit{grid-area:b}.sc-dt{position:relative;display:flex;align-items:stretch;height:36px;background:#fff;border:1px solid var(--sc-line-strong);border-radius:6px}.sc-dt:focus-within{border-color:var(--sc-blue)}.sc-dt-legend{position:absolute;top:-8px;left:7px;padding:0 4px;background:#fff;font-size:10.5px;font-weight:600;line-height:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--sc-fg3);pointer-events:none}.sc-dt input,.sc-dt select{min-width:0;height:100%;border:0;border-radius:6px;background:transparent;color:var(--sc-fg);font-size:13px;padding:0 8px;outline:none}.sc-dt-date{flex:1 1 auto}.sc-dt-time{flex:0 0 72px;border-left:1px solid var(--sc-line)!important;border-radius:0 6px 6px 0!important}.sc-field-error{margin:4px 2px 0;font-size:11.5px;line-height:1.5;color:#b91c1c}.sc-select{height:32px;max-width:100%;padding:0 11px;border:1px solid var(--sc-line-strong);border-radius:6px;background:#fff;color:var(--sc-fg2);font-size:12.5px;font-weight:500}.sc-results{flex:1;min-height:0;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.sc-results--busy{opacity:.5}.sc-hint{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 32px 0;text-align:center;font-size:14px;font-weight:500;line-height:1.5;color:var(--sc-fg2)}.sc-hint .sc-state-icon{background:#f3f4f6;color:var(--sc-fg3)}.sc-total{margin:0;font-size:15px;font-weight:700}.sc-total--zero{color:var(--sc-danger)}.sc-type{display:flex;flex-direction:column;gap:6px;margin-top:12px}.sc-type-head{display:flex;align-items:center;gap:10px;height:40px;margin:0 -16px;padding:0 16px;background:#f9fafb;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}.sc-type-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-type-sep{width:1px;height:14px;flex:none;background:var(--sc-line-strong)}.sc-type-count{flex:none;font-size:13.5px;font-weight:700;color:#15803d;white-space:nowrap}.sc-chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sc-chip{display:flex;align-items:center;min-width:0;height:30px;padding:0 10px;border:1px solid var(--sc-line);border-radius:8px;background:#fff;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-soldout{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--sc-line);font-size:12.5px;line-height:1.6;color:var(--sc-fg4)}.sc-soldout-label{margin-right:8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sc-fg3)}.sc-result-error{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px 0;text-align:center}@media (max-width: 899px){.sc-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;width:auto;height:auto;border-left:0;box-shadow:none}.sc-panel-head{padding:0 8px}.sc-panel-back{display:inline-flex}.sc-panel-sub{display:block;margin:0;font-size:11.5px;color:var(--sc-fg3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-panel-title{font-size:16px}.sc-icon-btn{width:44px;height:44px}.sc-summary{display:flex;align-items:center;gap:10px;flex:none;padding:10px 16px;border-bottom:1px solid var(--sc-line);color:var(--sc-fg3)}.sc-summary-text{flex:1;min-width:0;font-size:12px;color:var(--sc-fg3)}.sc-summary-range{font-size:13.5px;font-weight:600;color:var(--sc-fg);white-space:nowrap}.sc-form{grid-template-columns:minmax(0,1fr);grid-template-areas:"s" "e" "f" "b";gap:14px;padding:20px 16px 12px}.sc-arrow{display:none}.sc-dt{height:44px}.sc-dt input,.sc-dt select{font-size:14px}.sc-dt-time{flex:0 0 118px}.sc-select,.sc-submit{width:100%;height:44px;font-size:14px}.sc-total{font-size:16px}.sc-type-head{height:44px}.sc-type-name,.sc-type-count{font-size:14px}.sc-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sc-chip{height:44px;font-size:13px}}@media (max-width: 480px){.sc-header{height:48px;padding:0 12px;gap:9px}.sc-logo{width:20px;height:20px;border-radius:5px;font-size:11px}.sc-brand-name,.sc-divider,.sc-linkname,.sc-search-open-label{display:none}.sc-facility{font-size:12.5px}.sc-search-open{width:36px;padding:0}.sc-search-open:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.sc-notfound{min-height:calc(100vh - 48px)}.sc-toolbar{gap:8px;padding:9px 12px}.sc-range-full{display:none}.sc-range-short{display:inline;font-size:12.5px}.sc-range{order:1;flex:1}.sc-stepper{order:2}.sc-toolbar-spacer{display:none}.sc-toolbar-break{display:block;order:3;flex:0 0 100%;height:0}.sc-today-btn{order:4}.sc-seg{order:5;margin-left:auto}.sc-step{width:36px;height:36px}.sc-today-btn{height:36px}.sc-seg-btn{padding:11px 12px}.sc-legend{gap:12px;padding:10px 12px}.sc-legend-item{gap:6px;font-size:11px}.sc-swatch{width:18px;height:11px;border-radius:3px}.sc-footer{flex-basis:100%;margin-left:0}.sc-bar span,.sc-group-sub{display:none}}@media (prefers-reduced-motion: reduce){.sc-scroll,.sc-caret{transition:none}}