:root{--brand:#102033;--brand-dark:#0b1725;--brand-soft:#10203324;--brand-border:#1020332e;color:#102033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border:0}.auth-shell{background:radial-gradient(circle at 16% 18%,#5eb4ff38,#0000 32%),linear-gradient(135deg,#f7fcff 0%,#dff3ff 48%,#c7eaff 100%);grid-template-columns:minmax(0,1fr) minmax(360px,460px);min-height:100vh;display:grid}.auth-shell--centered{place-items:center;display:grid}.brand-panel{align-content:center;gap:28px;padding:clamp(32px,8vw,96px);display:grid}.brand-panel .language-selector{justify-self:start}.brand-logo{object-fit:contain;display:block}.brand-logo--hero{width:min(260px,62vw);height:auto}.brand-logo--topbar{width:382px;height:112px}.eyebrow{color:var(--brand-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}.brand-panel h1{color:#0d2338;max-width:760px;margin:0;font-size:clamp(2.15rem,5vw,4.8rem);line-height:1.02}.brand-copy{color:#456176;max-width:560px;margin:22px 0 0;font-size:1.05rem}.auth-card{background:#ffffffc7;border-left:1px solid #3a80c029;justify-content:center;align-items:center;padding:32px;display:flex;box-shadow:-22px 0 70px #1e6daa1f}.auth-form{width:min(100%,388px)}.form-heading{margin-bottom:28px}.form-heading h2,.panel-heading h2{color:#102033;margin:0 0 8px;font-size:1.45rem;line-height:1.15}.form-heading p,.panel-heading p{color:#61788a;margin:0}.field,.stack{gap:10px;display:grid}.auth-form,.stack,.panel-form,.reservation-list,.table-form{gap:18px;display:grid}.field>span,.field-label,.date-picker span{color:#263f53;font-size:.92rem;font-weight:700}.field-label{align-items:center;gap:6px;width:fit-content;display:inline-flex}.info-tooltip{color:#3a80c0;cursor:help;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.info-tooltip:focus-visible{box-shadow:0 0 0 3px var(--brand-soft);border-radius:999px;outline:0}.info-tooltip__bubble{color:#fff;opacity:0;pointer-events:none;text-align:left;visibility:hidden;z-index:20;background:#102033;border-radius:8px;width:max-content;max-width:min(260px,76vw);padding:9px 10px;font-size:.78rem;font-weight:600;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 12px 28px #10203338}.info-tooltip__bubble:after{content:"";border:6px solid #0000;border-top-color:#102033;position:absolute;top:100%;left:50%;transform:translate(-50%)}.info-tooltip:hover .info-tooltip__bubble,.info-tooltip:focus-visible .info-tooltip__bubble{opacity:1;visibility:visible;transform:translate(-50%)}.input-wrap{background:#fff;border:1px solid #bfdff4;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:grid}.input-wrap--plain{grid-template-columns:minmax(0,1fr)}.input-wrap:focus-within,.select-control:focus,.date-picker input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.input-wrap svg{color:var(--brand)}.input-wrap input,.textarea-control,.date-picker input,.select-control{color:#102033;background:0 0;border:0;outline:0;width:100%;min-width:0}.input-wrap input::placeholder{color:#8aa2b4}.textarea-control{resize:vertical;background:#fff;border:1px solid #bfdff4;border-radius:8px;outline:0;width:100%;min-height:118px;padding:12px 14px}.textarea-control:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.select-control,.date-picker input{background:#fff;border:1px solid #bfdff4;border-radius:8px;min-height:50px;padding:0 14px}.icon-button{color:#486174;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{color:var(--brand-dark);background:#eaf6ff}.form-row{justify-content:flex-end;display:flex}.link-button,.back-button{color:var(--brand-dark);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0;font-weight:800;display:inline-flex}.link-button:hover,.back-button:hover{color:#075f98}.primary-button,.secondary-button,.nav-button,.status-tab{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.primary-button{background:var(--brand);color:#fff;width:100%;box-shadow:0 16px 34px #10203333}.primary-button:hover:not(:disabled){background:var(--brand-dark)}.primary-button:disabled,.icon-danger-button:disabled,.select-control:disabled{cursor:not-allowed;opacity:.62}.secondary-button,.nav-button,.status-tab{color:#153047;background:#fff;border:1px solid #cfe3f0}.secondary-button:hover,.nav-button:hover,.status-tab:hover{background:#edf8ff}.nav-button--active,.status-tab--active{color:#fff;background:#102033;border-color:#102033}.alert{border-radius:8px;margin:0;padding:12px 14px;font-size:.92rem}.alert--error{color:#9c1f1f;background:#fff0f0}.alert--success{color:#17643a;background:#eefbf4}.loading-card{color:#24445e;background:#fff;border:1px solid #cfe3f0;border-radius:8px;align-items:center;gap:12px;padding:18px 22px;font-weight:800;display:inline-flex;box-shadow:0 20px 60px #1e6daa24}.spin{animation:.85s linear infinite spin}.home-shell{background:linear-gradient(#ffffffd1,#fff0),#eef8ff;min-height:100vh;padding:24px}.topbar{grid-template-columns:minmax(180px,1fr) auto minmax(140px,1fr);align-items:center;gap:16px;max-width:1440px;margin:0 auto;display:grid}.topbar-brand{color:#102033;align-items:center;gap:10px;font-weight:900;display:inline-flex}.main-nav{background:#ffffffb8;border:1px solid #3a80c029;border-radius:8px;justify-self:center;align-items:center;gap:8px;padding:6px;display:inline-flex}.topbar .secondary-button{justify-self:end}.topbar-actions{justify-self:end;align-items:center;gap:12px;display:flex}.language-selector{background:#fff;border:1px solid #cfe3f0;border-radius:8px;align-items:center;gap:4px;padding:4px;display:inline-flex}.language-button{color:#486174;cursor:pointer;background:0 0;border-radius:6px;min-height:32px;padding:0 10px;font-size:.82rem;font-weight:900}.language-button--active{color:#fff;background:#102033}.dashboard-grid{grid-template-columns:minmax(0,1fr) 380px;gap:24px;max-width:1440px;margin:32px auto 0;display:grid}.setup-page{gap:20px;max-width:1440px;margin:32px auto 0;display:grid}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.setup-panel{background:#ffffffd6;border:1px solid #3a80c029;border-radius:8px;gap:18px;padding:22px;display:grid;box-shadow:0 18px 48px #2970aa1a}.setup-panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.setup-save-button{width:auto}.setup-switches{flex-wrap:wrap;gap:10px;display:flex}.switch-field{color:#263f53;cursor:pointer;background:#f8fcff;border:1px solid #d9eaf5;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:8px 12px;font-weight:800;display:inline-flex}.switch-field input{accent-color:var(--brand)}.switch-field--compact{white-space:nowrap;min-height:38px}.weekly-schedule,.exceptions-list,.exception-intervals,.weekday-intervals{gap:12px;display:grid}.weekday-row{border-top:1px solid #e0eef7;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:14px;padding-top:14px;display:grid}.weekday-row:first-child{border-top:0;padding-top:0}.weekday-toggle{justify-content:flex-start}.interval-row{grid-template-columns:130px 130px auto 42px;align-items:center;gap:10px;display:grid}.interval-row input[type=time]{color:#102033;background:#fff;border:1px solid #bfdff4;border-radius:8px;min-height:42px;padding:0 10px}.setup-inline-button{justify-self:start;min-height:38px}.muted-text{color:#61788a;font-weight:700}.exception-card{background:#f8fcff;border:1px solid #d9eaf5;border-radius:8px;gap:14px;padding:16px;display:grid}.exception-delete{place-self:end}.schedule-area,.tables-layout{min-width:0}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.page-heading h1{color:#0d2338;margin:0;font-size:clamp(2rem,4vw,3.65rem);line-height:1.02}.page-heading p{color:#456176;margin:12px 0 0}.date-picker{gap:8px;min-width:190px;display:grid}.create-reservation-button{align-self:end;width:auto}.timeline-shell,.side-panel,.table-form,.table-list,.empty-state{background:#ffffffd6;border:1px solid #3a80c029;border-radius:8px;box-shadow:0 18px 48px #2970aa1a}.timeline-shell{overflow:hidden}.timeline-scroll{overflow-x:auto}.timeline-header,.timeline-row{grid-template-columns:156px minmax(960px,1fr);min-width:1116px;display:grid}.timeline-corner,.timeline-table-name{color:#1a3850;background:#f8fcff;border-right:1px solid #d8eaf6;align-items:center;padding:0 16px;font-weight:900;display:flex}.timeline-corner{border-bottom:1px solid #d8eaf6;min-height:52px}.timeline-hours{color:#5b758a;grid-template-columns:repeat(var(--columns), 1fr) auto;border-bottom:1px solid #d8eaf6;min-height:52px;font-size:.78rem;font-weight:800;display:grid}.timeline-hours span{border-left:1px solid #e4f0f8;align-self:center;padding-left:8px}.timeline-row{min-height:78px}.timeline-row+.timeline-row{border-top:1px solid #e0eef7}.timeline-track{background:#fff;grid-template-columns:repeat(16,1fr);min-height:78px;display:grid;position:relative}.timeline-track:hover{background:#fbfdff}.timeline-gridline{border-left:1px solid #edf5fa}.timeline-block{background:var(--brand);color:#fff;border:1px solid #ffffff80;border-radius:8px;gap:2px;min-width:72px;padding:9px 10px;display:grid;position:absolute;top:12px;left:0;overflow:hidden;box-shadow:0 10px 22px #10203333}.timeline-block,.reservation-item[draggable=true]{cursor:grab}.timeline-block:active,.reservation-item[draggable=true]:active{cursor:grabbing}.timeline-block strong,.timeline-block span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-block strong{font-size:.88rem}.timeline-block span{opacity:.9;font-size:.78rem}.timeline-block--pending{background:#b36b00;box-shadow:0 10px 22px #b36b0029}.timeline-block--cancelled{box-shadow:none;opacity:.72;background:#8293a1;text-decoration:line-through}.side-panel{align-self:start;gap:28px;padding:22px;display:grid}.modal-backdrop{z-index:20;background:#1020336b;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #3a80c02e;border-radius:8px;width:min(100%,520px);max-height:min(760px,100vh - 44px);padding:22px;overflow:auto;box-shadow:0 28px 80px #10203347}.reservation-detail-modal{width:min(100%,680px)}.modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-heading h2{color:#102033;margin:0 0 8px;font-size:1.45rem;line-height:1.15}.modal-heading p{color:#61788a;margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.reservation-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-notes,.reservation-manage-form{gap:14px;margin-top:16px;display:grid}.detail-item{background:#f8fcff;border:1px solid #d9eaf5;border-radius:8px;gap:4px;padding:12px;display:grid}.detail-item span{color:#61788a;text-transform:uppercase;font-size:.78rem;font-weight:900}.detail-item strong{color:#102033;overflow-wrap:anywhere;font-size:.96rem}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-actions .primary-button,.modal-actions .secondary-button{width:auto}.status-tabs{flex-wrap:wrap;gap:8px;display:flex}.status-tab{min-height:36px;padding:0 12px}.room-tabs{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.room-tab{color:#153047;cursor:pointer;text-align:left;background:#fff;border:1px solid #cfe3f0;border-radius:8px;gap:2px;min-width:130px;min-height:48px;padding:8px 12px;display:grid}.room-tab span{font-weight:900}.room-tab small{color:#61788a;font-weight:800}.room-tab--active{color:#fff;background:#102033;border-color:#102033}.room-tab--active small{color:#ffffffc2}.floorplan-controls{background:#ffffffd6;border:1px solid #3a80c029;border-radius:8px;grid-template-columns:160px minmax(0,1fr);align-items:end;gap:16px;margin-bottom:16px;padding:16px;display:grid}.floorplan-controls input[type=time]{color:#102033;background:#fff;border:1px solid #bfdff4;border-radius:8px;min-height:50px;padding:0 14px}.floorplan-controls input[type=range]{accent-color:var(--brand);width:100%}.floorplan-shell,.floorplan-editor{background:#ffffffd6;border:1px solid #3a80c029;border-radius:8px;box-shadow:0 18px 48px #2970aa1a}.floorplan-shell{overflow:hidden}.floorplan-editor{gap:14px;margin-top:18px;padding:16px;display:grid}.floorplan-editor-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.floorplan-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.floorplan-save-button{width:auto}.floorplan-zoom{color:#263f53;background:#f8fcff;border-bottom:1px solid #d8eaf6;justify-content:flex-end;align-items:center;gap:10px;padding:10px 12px;display:flex}.floorplan-zoom--inline{border:1px solid #d8eaf6;border-radius:8px;padding:5px 8px}.floorplan-viewport{padding:18px;overflow:auto}.floorplan-canvas{background-color:#fbfdff;background-image:linear-gradient(#e6f1f8 1px,#0000 1px),linear-gradient(90deg,#e6f1f8 1px,#0000 1px);background-size:24px 24px;border:1px solid #cfe3f0;border-radius:8px;min-height:420px;position:relative}.floorplan-table,.floorplan-separator{position:absolute}.floorplan-table{color:#102033;cursor:pointer;text-align:center;touch-action:none;background:#e8f7ef;border:2px solid #1f8d53;border-radius:8px;align-content:center;justify-items:center;gap:2px;padding:8px;display:grid}.floorplan-table--round{border-radius:999px}.floorplan-table--square{border-radius:8px}.floorplan-table--occupied{background:#fff0f0;border-color:#b63838}.floorplan-table--free{background:#e8f7ef}.floorplan-table--selected{box-shadow:0 0 0 4px var(--brand-soft)}.floorplan-table>strong,.floorplan-table>span:not(.floorplan-table-tooltip):not(.floorplan-resize-handle),.floorplan-table>small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.floorplan-table strong{font-size:.9rem}.floorplan-table>span:not(.floorplan-table-tooltip):not(.floorplan-resize-handle),.floorplan-table>small{font-size:.72rem;font-weight:800}.floorplan-separator{cursor:move;touch-action:none;background:#33475a;border:1px solid #102033;border-radius:6px}.floorplan-separator--selected{box-shadow:0 0 0 4px var(--brand-soft)}.floorplan-element-action,.floorplan-element-delete{color:#102033;cursor:pointer;z-index:2;background:#fff;border:1px solid #cfe3f0;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:absolute}.floorplan-element-action{top:-44px;left:calc(50% - 13px)}.floorplan-rotate-handle{cursor:grab;pointer-events:auto}.floorplan-rotate-handle:after{content:"";background:#cfe3f0;width:2px;height:18px;position:absolute;top:24px;left:12px}.floorplan-rotate-handle:active{cursor:grabbing}.floorplan-element-delete{top:-34px;right:-38px}.floorplan-resize-handle{border:2px solid var(--brand);pointer-events:auto;z-index:2;background:#fff;border-radius:999px;width:16px;height:16px;position:absolute}.floorplan-resize-handle--n{cursor:ns-resize;top:-8px;left:calc(50% - 8px)}.floorplan-resize-handle--ne{cursor:nesw-resize;top:-8px;right:-8px}.floorplan-resize-handle--e{cursor:ew-resize;top:calc(50% - 8px);right:-8px}.floorplan-resize-handle--se{cursor:nwse-resize;bottom:-8px;right:-8px}.floorplan-resize-handle--s{cursor:ns-resize;bottom:-8px;left:calc(50% - 8px)}.floorplan-resize-handle--sw{cursor:nesw-resize;bottom:-8px;left:-8px}.floorplan-resize-handle--w{cursor:ew-resize;top:calc(50% - 8px);left:-8px}.floorplan-resize-handle--nw{cursor:nwse-resize;top:-8px;left:-8px}.floorplan-table-tooltip{color:#fff;opacity:0;pointer-events:none;text-align:left;white-space:normal;z-index:5;background:#102033;border-radius:8px;gap:3px;min-width:180px;max-width:240px;padding:10px 12px;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px);box-shadow:0 12px 26px #10203338}.floorplan-table-tooltip:after{content:"";border:7px solid #0000;border-top-color:#102033;position:absolute;top:100%;left:calc(50% - 7px)}.floorplan-table-tooltip strong,.floorplan-table-tooltip span{color:#fff;white-space:normal;font-size:.78rem}.floorplan-table:hover .floorplan-table-tooltip,.floorplan-table:focus-visible .floorplan-table-tooltip{opacity:1;transform:translate(-50%)}.unsaved-modal{width:min(100%,460px)}.reservation-items{gap:10px;display:grid}.reservation-item,.table-item{background:#fff;border:1px solid #d9eaf5;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.reservation-item{flex-direction:column;align-items:stretch}.reservation-item-main{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reservation-item--unplaced{border-color:#f0c772}.select-control--compact{min-height:40px}.reservation-item h3,.table-item h2{color:#102033;margin:0 0 4px;font-size:1rem}.reservation-item p,.table-item p,.empty-copy{color:#61788a;margin:0}.status-pill{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:900}.status-pill--confirmed{color:#17643a;background:#e5f6ee}.status-pill--pending{color:#8c5200;background:#fff2dc}.status-pill--cancelled{color:#5e7181;background:#edf1f4}.tables-layout{max-width:920px;margin:32px auto 0}.tables-layout--rooms{max-width:1180px}.rooms-config-grid{grid-template-columns:340px minmax(0,1fr);gap:18px;display:grid}.rooms-panel,.tables-panel,.room-form{background:#ffffffd6;border:1px solid #3a80c029;border-radius:8px;box-shadow:0 18px 48px #2970aa1a}.rooms-panel,.tables-panel{align-self:start;gap:14px;padding:14px;display:grid}.room-form{box-shadow:none;gap:16px;padding:18px;display:grid}.room-list{gap:10px;display:grid}.room-item{background:#fff;border:1px solid #d9eaf5;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;padding:10px;display:grid}.room-item--active{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.room-select-button,.table-edit-button{color:inherit;cursor:pointer;text-align:left;background:0 0;min-width:0;padding:0}.room-select-button{gap:3px;display:grid}.room-select-button strong{color:#102033;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-select-button span{color:#61788a;font-size:.86rem}.table-form--room{grid-template-columns:1fr;margin-bottom:14px}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.table-edit-button{display:grid}.loading-inline{color:#456176;align-items:center;gap:10px;padding:14px;font-weight:800;display:inline-flex}.empty-state--compact{box-shadow:none;padding:34px 18px}.table-form{grid-template-columns:minmax(0,1fr) 190px;margin-bottom:18px;padding:22px}.table-form.table-form--room{grid-template-columns:1fr}.table-list{gap:12px;padding:14px;display:grid}.icon-danger-button{color:#9c1f1f;cursor:pointer;background:#fff0f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-danger-button:hover:not(:disabled){background:#ffdede}.empty-state{color:#456176;text-align:center;justify-items:center;padding:52px 22px;display:grid}.empty-state svg{color:var(--brand)}.empty-state h2{color:#102033;margin:16px 0 6px;font-size:1.35rem}.empty-state p{max-width:480px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.topbar{grid-template-columns:1fr}.main-nav,.topbar .secondary-button,.topbar-actions{justify-self:stretch}.topbar-actions .secondary-button{flex:1}.main-nav{justify-content:center}.dashboard-grid,.setup-grid{grid-template-columns:1fr}}@media (width<=860px){.auth-shell{grid-template-columns:1fr}.brand-panel{padding:32px 24px 8px}.brand-panel h1{font-size:2.25rem}.brand-copy{margin-top:16px}.auth-card{box-shadow:none;background:0 0;border-left:0;align-items:flex-start;padding:24px}.auth-form{background:#ffffffd1;border:1px solid #3a80c029;border-radius:8px;width:100%;padding:22px;box-shadow:0 18px 48px #2970aa24}.page-heading{align-items:stretch;display:grid}.table-form,.rooms-config-grid{grid-template-columns:1fr}.floorplan-controls,.floorplan-editor-heading{grid-template-columns:1fr;display:grid}.floorplan-toolbar{justify-content:stretch}.floorplan-toolbar .secondary-button,.floorplan-save-button{width:100%}.weekday-row,.interval-row{grid-template-columns:1fr}.setup-save-button{width:100%}}@media (width<=520px){.home-shell{padding:18px}.main-nav,.form-grid,.reservation-detail-grid{grid-template-columns:1fr}.modal-actions{display:grid}.modal-actions .primary-button,.modal-actions .secondary-button{width:100%}.main-nav{display:grid}.secondary-button,.nav-button{min-height:42px;padding:0 12px}.page-heading h1{font-size:2.15rem}.side-panel{padding:16px}.form-grid--three{grid-template-columns:1fr}}