:root{--bg:#f7f1e8;--paper:#fffaf2;--ink:#2a2118;--muted:#7b6d5f;--line:#e6d8c7;--brand:#8f2f21;--brand-dark:#642116;--olive:#627047;--gold:#d8a24a;--free:#dfead2;--occupied:#8f2f21;--soon:#d8a24a;--shadow:0 18px 50px rgba(79,48,24,0.12)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(216,162,74,.18),transparent 32rem),linear-gradient(180deg,#fbf5ea,var(--bg));font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.loadingState,.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px}.loginPanel{width:min(430px,100%);padding:32px;border:1px solid var(--line);border-radius:8px;background:rgba(255,250,242,.94);box-shadow:var(--shadow)}.brandMark{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fffaf2;font-weight:800;font-size:28px}.loginPanel h1,.topbar h1{margin:12px 0 4px;font-size:clamp(30px,4vw,48px);line-height:1}.dateLine,.emptyText,.loginPanel label,.loginPanel p{color:var(--muted)}.loginPanel label{display:grid;grid-gap:8px;gap:8px;margin-top:22px;font-size:14px}.headerActions input,.loginPanel input{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:#fff;color:var(--ink)}.headerActions button,.loginPanel button{border:0;border-radius:8px;padding:12px 16px;color:white;background:var(--brand);font-weight:700}.loginPanel button{width:100%;margin-top:16px}.errorState,.formError{color:var(--brand);font-weight:700}.formError{margin-top:12px}.dashboard{width:min(1560px,100%);margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.eyebrow{margin:0;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.headerActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.headerActions .ghost{color:var(--brand-dark);background:rgba(143,47,33,.08)}.weekStrip{display:grid;grid-template-columns:repeat(7,minmax(132px,1fr));grid-gap:10px;gap:10px;margin:18px 0;overflow-x:auto;padding-bottom:4px}.weekDay{position:relative;min-height:92px;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:12px;text-align:left;background:rgba(255,250,242,.82);color:var(--ink)}.weekDay small,.weekDay span{display:block;color:var(--muted)}.weekDay strong{display:block;margin:5px 0;font-size:22px}.weekDay i{position:absolute;left:0;bottom:0;height:5px;background:var(--olive)}.weekDay.active{border-color:var(--brand);box-shadow:inset 0 0 0 2px rgba(143,47,33,.12)}.weekDay.closed{background:repeating-linear-gradient(135deg,#f3eadc,#f3eadc 10px,#efe2d0 0,#efe2d0 20px)}.statusGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.metric{padding:16px;border-radius:8px;border:1px solid var(--line);background:rgba(255,250,242,.9)}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;margin-top:5px;font-size:28px}.metric.warn strong{color:var(--brand)}.mainGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.9fr);grid-gap:16px;gap:16px;align-items:start}.closedNotice,.panel{border:1px solid var(--line);border-radius:8px;background:rgba(255,250,242,.92);box-shadow:var(--shadow)}.panel{overflow:hidden}.closedNotice{padding:24px;font-weight:700}.timelinePanel{grid-row:span 3}.panelHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.panelHeader h2{margin:0;font-size:19px}.panelHeader span{color:var(--muted);font-size:13px}.timelineScroller{overflow-x:auto}.timeline{position:relative}.tableRow,.timeHeader{display:grid;grid-template-columns:92px 1fr}.timeHeader{position:-webkit-sticky;position:sticky;top:0;z-index:4;background:#fff8ef}.tableHead,.tableName,.timeSlot{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.tableHead,.timeSlot{height:42px;display:inline-flex;align-items:center;padding:0 10px;color:var(--muted);font-size:12px;font-weight:700}.timeHeader{grid-template-columns:92px repeat(var(--slot-count),92px)}.timeSlot{width:92px}.tableName{min-height:74px;padding:12px;background:rgba(98,112,71,.08)}.tableName span,.tableName strong{display:block}.tableName span{margin-top:4px;color:var(--muted);font-size:12px}.rowTrack{position:relative;min-height:74px;border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,rgba(230,216,199,.68) 1px,transparent 0);background-size:92px 100%}.reservationBar{position:absolute;top:11px;height:52px;border:0;border-radius:8px;padding:8px 10px;color:white;text-align:left;background:var(--olive);box-shadow:0 8px 18px rgba(44,55,29,.18)}.reservationBar.request{background:var(--gold);color:#342311}.reservationBar.cancelled{opacity:.48}.reservationBar span,.reservationBar strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reservationBar span{margin-top:3px;font-size:12px}.nowLine{position:absolute;top:0;bottom:0;z-index:5;width:2px}.nowLine,.nowLine span{background:var(--brand)}.nowLine span{position:-webkit-sticky;position:sticky;top:46px;display:inline-block;transform:translateX(6px);border-radius:999px;padding:3px 8px;color:white;font-size:11px;font-weight:800}.sliderWrap{padding:16px 18px 0}.sliderWrap input{width:100%;accent-color:var(--brand)}.floorPlan{position:relative;height:460px;margin:18px;border:2px solid #d8c5ad;border-radius:8px;background:linear-gradient(90deg,rgba(98,112,71,.08),transparent 24%),repeating-linear-gradient(0deg,rgba(230,216,199,.5),rgba(230,216,199,.5) 1px,transparent 0,transparent 34px),#fff7ed}.floorTable{position:absolute;transform:translate(-50%,-50%);border:2px solid rgba(42,33,24,.1);border-radius:8px;color:var(--ink);display:grid;place-items:center;align-content:center;grid-gap:1px;gap:1px;box-shadow:0 10px 24px rgba(80,50,28,.14)}.floorTable.round{border-radius:50%}.floorTable.free{background:var(--free)}.floorTable.occupied{background:var(--occupied);color:#fffaf2}.floorTable.soon{background:var(--soon);color:#332313}.floorTable span{font-size:12px;opacity:.82}.roomLabel{position:absolute;padding:6px 10px;border-radius:999px;background:rgba(42,33,24,.08);color:var(--muted);font-size:12px;font-weight:800}.roomLabel.kitchen{right:14px;top:14px}.roomLabel.entry{left:14px;bottom:14px}.legend{display:flex;flex-wrap:wrap;gap:14px;padding:0 18px 18px;color:var(--muted);font-size:13px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:50%;display:inline-block}.legend .free{background:var(--free)}.legend .occupied{background:var(--occupied)}.legend .soon{background:var(--soon)}.listStack{padding:14px}.groupItem,.listItem,.listStack{display:grid;grid-gap:10px;gap:10px}.groupItem,.listItem{width:100%;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--ink);background:#fffaf2;text-align:left}.listItem{grid-template-columns:auto 1fr auto}.groupItem span,.listItem small{display:block;margin-top:4px;color:var(--muted)}.listItem b{white-space:nowrap}.groupItem em,.listItem em{grid-column:1/-1;justify-self:start;border-radius:999px;padding:4px 9px;background:rgba(98,112,71,.1);color:var(--olive);font-size:12px;font-style:normal;font-weight:800}.timeBadge{border-radius:999px;padding:8px 10px;background:rgba(143,47,33,.09);color:var(--brand);font-weight:800}.groupItem{border-color:rgba(143,47,33,.24);background:rgba(143,47,33,.04)}.pulse{animation:pulse 1.2s ease-in-out 2}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(216,162,74,0)}50%{box-shadow:0 0 0 5px rgba(216,162,74,.38)}}.modalBackdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:rgba(42,33,24,.44)}.detailDialog{position:relative;width:min(560px,100%);max-height:min(720px,92vh);overflow:auto;border:0;border-radius:8px;padding:24px;background:#fffaf2;color:var(--ink);box-shadow:var(--shadow)}.detailDialog h2{margin:8px 0 18px}.closeButton{position:absolute;top:12px;right:12px;border:0;border-radius:50%;width:34px;height:34px;background:rgba(42,33,24,.08);color:var(--ink);font-size:22px}.detailGrid{display:grid;grid-template-columns:120px 1fr;grid-gap:12px;gap:12px}.detailGrid span{color:var(--muted)}.detailGrid strong{overflow-wrap:anywhere}@media (max-width:1080px){.topbar{align-items:start;flex-direction:column}.headerActions{justify-content:start}.mainGrid{grid-template-columns:1fr}.timelinePanel{grid-row:auto}}@media (max-width:760px){.dashboard{padding:14px}.statusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekStrip{grid-template-columns:repeat(7,138px)}.headerActions{display:grid;grid-template-columns:1fr 1fr;width:100%}.headerActions .ghost,.headerActions input{grid-column:span 2}.floorPlan{height:360px;margin:12px}.listItem{grid-template-columns:auto 1fr}.listItem b{grid-column:2}.detailGrid{grid-template-columns:1fr}}