:root{--red:#d94343;--red2:#9e2929;--green:#31a764;--green2:#217b49;--dark:#211d19;--paper:#f4f0e8;--line:#d8cfc2;--ink:#28231e;--muted:#746b61}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:15px system-ui,sans-serif}button,input,select{font:inherit}.head{background:var(--dark);color:#fff;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 20px;display:flex}.brand{font-size:21px;font-weight:900}.brand small{color:#cabfb1;letter-spacing:1.5px;font-size:10px;display:block}.stats{flex:760px;gap:8px;margin-left:auto;padding-bottom:2px;display:flex;overflow-x:auto}.stat{color:#d8cfc4;border:1px solid #ffffff20;border-radius:10px;padding:7px 12px;font-size:11px}.floor-stat{flex:1 0 185px;min-width:185px}.floor-stat>b{color:#efd18f;margin-bottom:5px;font-size:12px;display:block}.floor-one{background:linear-gradient(145deg,#285d70,#193943);border-color:#79b8cf70;box-shadow:inset 0 1px #ffffff17,0 6px 16px #071e2638}.floor-one>b{color:#bcecff}.floor-two{background:linear-gradient(145deg,#674a73,#3c2c45);border-color:#bf91d170;box-shadow:inset 0 1px #ffffff17,0 6px 16px #1e102638}.floor-two>b{color:#efd2ff}.floor-exterior{background:linear-gradient(145deg,#3d7050,#274532);border-color:#83c59a70;box-shadow:inset 0 1px #ffffff17,0 6px 16px #10271a38}.floor-exterior>b{color:#c8f4d4}.floor-metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.floor-metric{color:#d8cfc4;text-align:center;font-size:9px}.floor-metric strong{color:#fff;font-size:17px;display:block}.floor-metric.red strong{color:#ff8585}.floor-metric.green strong{color:#74e5a4}.floor-metric.yellow strong{color:#ffd45f}.overall-stat{background:linear-gradient(145deg,#73572d,#3e3024);border:2px solid #e0b65c;box-shadow:0 0 0 2px #ffffff12,0 8px 22px #0004}.overall-stat .floor-metric.red{grid-column:2}.summary-action{color:#8bffb9;cursor:pointer;background:#2c845255;border:1px solid #68d89870;border-radius:7px;width:100%;padding:3px 2px;font-size:16px;font-weight:900}.summary-action:hover,.summary-action:focus-visible{background:#2fa16388;outline:2px solid #9af8bf}.summary-action.occupied-t1{color:#faa;background:#a52f3a66;border-color:#ff858580}.summary-action.occupied-t2{color:#ffe08a;background:#96722166;border-color:#ffd45f80}.availability-filter{color:#6c4720;background:#fffaf2;border:1px solid #d7c3a3;border-radius:9px;align-items:center;gap:7px;padding:4px 7px 4px 10px;font-size:12px;font-weight:850;display:flex}.availability-filter select{color:#3e2a18;font:inherit;background:#fff;border:1px solid #d7c3a3;border-radius:7px;padding:5px 6px}.availability-view-notice{color:#17663b;background:#eafff1;border:2px solid #3ca86b;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding:9px 12px;font-weight:850;display:none}.availability-view-notice.show{display:flex}.layout{grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.side{border-right:1px solid var(--line);background:#fbf9f5;padding:18px}h2{margin:0 0 13px;font-size:16px}.field{margin-bottom:10px}.field label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.field input,.field select,.field textarea,.search{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;padding:9px}.field textarea{resize:vertical;min-height:72px;font:inherit}.row{gap:8px;display:flex}.row>*{flex:1}.btn{cursor:pointer;border:0;border-radius:9px;padding:10px 12px;font-weight:750}.primary{color:#fff;background:#93632f}.soft{background:#eae4da}.danger{color:#a12727;background:#fde8e8}.full{width:100%}.help{color:var(--muted);font-size:12px;line-height:1.5}.legend{gap:7px;margin:12px 0 18px;font-size:12px;display:grid}.legend span{align-items:center;gap:7px;display:flex}.layout-backup{border-top:2px solid #d8c29d;margin-top:28px;padding-top:18px}.layout-backup h3{color:#68451e;margin:0 0 5px;font-size:14px}.layout-backup .help{margin:0 0 10px}.backup-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.backup-grid .btn{min-height:46px;padding:8px;font-size:12px}.layout-lock{color:#61431f;cursor:pointer;background:#fff9ee;border:2px solid #c9aa78;border-radius:10px;align-items:center;gap:9px;margin:10px 0;padding:10px;font-size:13px;font-weight:900;display:flex}.layout-lock input{accent-color:#8c5f22;width:20px;height:20px}.room.tables-locked .wrap{cursor:default}.dot{border-radius:4px;width:13px;height:13px}.work{padding:16px;overflow:auto}.bar{align-items:center;gap:10px;margin-bottom:10px;display:flex}.search{width:280px}.room-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y;border-radius:18px;height:calc(100vh - 240px);min-height:320px;position:relative;overflow:auto}.room-sizer{position:relative;overflow:hidden}.room{background-color:#fffdf9;border:3px solid #bdb3a5;border-radius:18px;width:3000px;height:2000px;position:relative;overflow:hidden}.zoom-controls{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffc;border:1px solid #d5c2a5;border-radius:12px;gap:6px;padding:5px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 6px 18px #3b271d33}.zoom-btn{color:#6c4720;cursor:pointer;background:#f2e9db;border:0;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:flex}.zoom-btn:hover,.zoom-btn:focus-visible{background:#e6d7bf;outline:none}.zoom-btn.zoom-level{width:58px;font-size:13px}.empty{color:#968d82;text-align:center;place-items:center;display:grid;position:absolute;inset:0}.wrap{z-index:2;touch-action:none;-ms-touch-action:none;-webkit-touch-callout:none;cursor:grab;-webkit-user-select:none;user-select:none;padding:8px 0;position:absolute}.wrap.dragging{cursor:grabbing;z-index:10}.wrap.search-result{cursor:default}.wrap.merged .table{box-shadow:none;border-color:#0000;border-radius:6px}.separa{z-index:4;color:#fff;cursor:pointer;white-space:nowrap;background:#8c5f22;border:0;border-radius:7px;padding:4px 6px;font-size:10px;font-weight:800;position:absolute;bottom:12px;right:-7px;box-shadow:0 3px 9px #0004}.vertical .separa{bottom:-7px;right:12px}.floor-tag{vertical-align:2px;background:#ffffff35;border-radius:5px;margin-left:4px;padding:2px 4px;font-size:9px;display:inline-block}.future-booking-tag{z-index:3;color:#75501f;background:#fff8e8;border:1px solid #c99b4d;border-radius:8px;padding:4px 6px;font-size:9px;font-weight:850;position:absolute;top:1px;left:7px}.wrap.vertical{padding:0 8px}.table{color:#fff;text-align:center;border:3px solid #fffb;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 8px 18px #21180e30}.table>div{width:100%;min-width:0;padding:0 5px}.booked .table{background:linear-gradient(135deg, var(--red), var(--red2))}.available .table{background:linear-gradient(135deg, var(--green), var(--green2))}.num{font-size:17px;font-weight:900}.table-dims{opacity:.7;margin-top:1px;font-size:9px}.detail{font-size:11px;font-weight:650;line-height:1.35}.turn-line{color:#fff;overflow-wrap:anywhere;border:1px solid #ffffff70;border-radius:6px;width:calc(100% - 14px);margin:4px 7px 0;padding:3px 5px;font-family:inherit;font-size:9px;line-height:1.25;display:block;overflow:hidden}.turn-line.booked-turn{background:linear-gradient(135deg,#d94343,#9e2929)}.turn-line.free-turn{background:linear-gradient(135deg,#31a764,#217b49)}.turn-line.active{outline-offset:1px;outline:2px solid #ffe2a9}.turn-line b{color:#ffe2a9}.area-side-label{z-index:4;color:#65451f;text-align:center;background:#fff;border:2px solid #d5c2a5;border-radius:9px;width:102px;padding:7px 5px;font-size:10px;font-weight:950;line-height:1.15;position:absolute;top:62px;right:-112px;box-shadow:0 4px 12px #3b271d2b}.turn-info{width:100%;color:inherit;text-align:center;cursor:pointer;background:0 0;border:0;padding:0}.turn-name{font-size:10px;font-weight:850;line-height:1.15;display:block}.turn-time{margin-top:2px;font-size:8px;line-height:1.1;display:block}.chair{border:2px solid #fff;border-radius:5px;width:18px;height:18px;position:absolute;box-shadow:0 2px 5px #0003}.chair.used{background:var(--red)}.chair.vacant{background:var(--green)}.chair.top{top:1px}.chair.bottom{bottom:1px}.chair.left{left:1px}.chair.right{right:1px}.vertical .manage{top:-7px;right:12px}.vertical .switch{top:7px;left:24px}.manage,.switch{color:#332b23;cursor:pointer;z-index:3;background:#fff;border:0;font-weight:900;position:absolute;box-shadow:0 3px 9px #0003}.manage{border-radius:50%;width:30px;height:30px;top:12px;right:-7px}.switch{border-radius:7px;padding:4px 6px;font-size:10px;top:24px;left:7px}.modal{z-index:20;background:#15110db0;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.modal.show{display:flex}.dialog{background:#fff;border-radius:16px;width:min(620px,100%);max-height:96vh;padding:20px;overflow:auto}.turn-popup{z-index:60;color:#fff;pointer-events:none;background:#2f241f;border:1px solid #d2b477;border-radius:12px;width:min(260px,100vw - 24px);padding:11px 13px;font-size:12px;line-height:1.45;display:none;position:fixed;box-shadow:0 14px 35px #0007}.turn-popup.show{display:block}.turn-popup b{color:#efd18f;margin-bottom:5px;font-size:13px;display:block}.turn-popup span{display:block}.dialog h2{margin:0 0 12px}.turn{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:11px}.turn legend{font-weight:850}.turn-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.turn-title{color:#8c5f22;font-weight:850}.turn-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.cancel-turn-booking{color:#fff;cursor:pointer;background:#b52d2d;border:0;border-radius:7px;padding:5px 8px;font-weight:800}.edit-turn-booking{color:#fff;cursor:pointer;background:#276fa8;border:0;border-radius:7px;padding:5px 8px;font-weight:800}.edit-turn-booking.editing{background:#2d814f}.cancel-turn-booking:disabled{opacity:.4;cursor:default}.remove-turn{color:#9f2929;cursor:pointer;background:#f7dfdf;border:0;border-radius:7px;padding:5px 8px;font-weight:800}.add-turn{width:100%;margin-top:4px}.status{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status label{border:2px solid var(--line);border-radius:10px;padding:9px;font-weight:700}.status label:has(input:checked){background:#f5f1eb;border-color:#332c25}.actions{gap:8px;margin-top:14px;display:flex}.spacer{flex:1}body{background:radial-gradient(circle at 90% 0,#e8dac6 0,#0000 32%),linear-gradient(135deg,#f8f4ed,#eee5d8)}.head{background:linear-gradient(120deg,#342722,#50372f);border-bottom:3px solid #b98024;min-height:92px;box-shadow:0 8px 25px #2c1c1738}.brand{align-items:center;gap:13px;display:flex}.brand img{object-fit:contain;filter:drop-shadow(0 5px 8px #0005);border-radius:10px;width:68px;height:58px}.brand-copy{color:#e7c888;letter-spacing:1px;font-family:Georgia,serif}.brand-copy small{color:#e8dfd2;font-family:system-ui,sans-serif}.stat{background:linear-gradient(145deg,#ffffff18,#ffffff08);border-color:#d5ae6540;min-width:88px;box-shadow:inset 0 1px #ffffff18}.stat b{color:#efd18f}.stat.floor-one{background:linear-gradient(145deg,#28718a,#16404e);box-shadow:inset 0 1px #ffffff24,0 6px 18px #061b243f;border-color:#79b8cf!important}.stat.floor-one>b{color:#c8f2ff}.stat.floor-two{background:linear-gradient(145deg,#795589,#422e4d);box-shadow:inset 0 1px #ffffff24,0 6px 18px #1f10273f;border-color:#c59bd4!important}.stat.floor-two>b{color:#f2d7ff}.stat.floor-exterior{background:linear-gradient(145deg,#4b805c,#294c35);box-shadow:inset 0 1px #ffffff24,0 6px 18px #10271a3f;border-color:#8dcc9f!important}.stat.floor-exterior>b{color:#d0f7da}.stat.overall-stat{background:linear-gradient(145deg,#80602e,#443326);border-color:#e0b65c!important}.side{z-index:2;background:linear-gradient(#fffdf9,#f5ede2);box-shadow:8px 0 25px #4d352010}.side h2{color:#50372f;font-family:Georgia,serif;font-size:18px}.btn{transition:transform .15s,box-shadow .15s;box-shadow:0 5px 12px #4e35221b}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px #4e35222c}.primary{background:linear-gradient(135deg,#b27b28,#765021)}.room{background-color:#fffdf9;border-color:#b99869;box-shadow:0 16px 45px #563b2125}.floor-plan-canvas{z-index:1;pointer-events:none;touch-action:none;width:3000px;height:2000px;position:absolute;inset:0}.floor-plan-canvas.drawing{z-index:20;pointer-events:auto;cursor:crosshair}.floor-plan-canvas.selecting{z-index:20;pointer-events:auto;cursor:pointer}.plan-tools{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:none}.plan-tools.show{display:grid}.table{transition:all .15s;box-shadow:0 10px 22px #21180e40}.wrap:hover .table{filter:brightness(1.06);transform:translateY(-2px)}.turn{background:#fcfaf6;border-color:#dfcdaf}.turn legend{color:#8c5f22}.dialog{border-top:5px solid #b98024;box-shadow:0 25px 80px #0007}.manage,.switch{color:#7b5221}.search{box-shadow:0 4px 12px #4d352013}.bar{flex-wrap:wrap}.floors{background:#e7ddd0;border:1px solid #cdbb9f;border-radius:11px;padding:3px;display:flex}.floor-btn{color:#6c5b49;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-weight:850}.floor-btn.active{color:#fff;background:linear-gradient(135deg,#b27b28,#765021);box-shadow:0 3px 8px #4e352240}.floor-note{color:#815921;background:#fffaf2;border:1px solid #d7c3a3;border-radius:9px;margin-left:auto;padding:7px 10px;font-size:12px;font-weight:800}.time-filter{color:#6c4720;background:#fffaf2;border:1px solid #d7c3a3;border-radius:9px;align-items:center;gap:7px;padding:4px 7px 4px 10px;font-size:12px;font-weight:850;display:flex}.service-date-filter{color:#6c4720;background:#fff7e8;border:2px solid #b98024;border-radius:10px;align-items:center;gap:5px;padding:3px 5px;font-size:11px;font-weight:850;display:flex}.service-date-filter label{align-items:center;gap:6px;display:flex}.service-date-filter input,.service-date-filter button{color:#5d3c1d;font:inherit;background:#fff;border:1px solid #d7c3a3;border-radius:7px;padding:5px 7px;font-weight:800}.service-date-filter button{cursor:pointer}.time-filter input,.time-filter select{color:#3e2a18;width:92px;font:inherit;background:#fff;border:1px solid #d7c3a3;border-radius:7px;padding:5px 6px}.clear-time{color:#8b5c25;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:17px;font-weight:900}.time-results{grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px;margin:0 0 10px;display:none}.time-results.show{display:grid}.time-result-floor{color:#50372f;text-align:left;cursor:pointer;font:inherit;background:#fffaf2;border:1px solid #d7c3a3;border-radius:10px;padding:9px 11px}.time-result-floor.active{border-color:#93632f;box-shadow:inset 0 0 0 1px #93632f}.time-result-floor b,.time-result-floor span{display:block}.time-result-floor span{color:#217b49;margin-top:3px;font-size:12px;font-weight:800}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-top:5px solid #b98024;border-radius:20px;width:min(420px,100%);padding:36px 32px;box-shadow:0 25px 80px #0005}.login-card h1{color:#50372f;margin:0 0 22px;font-family:Georgia,serif;font-size:22px}.login-error{color:#a02020;background:#fdf0f0;border:1px solid #f1a0a0;border-radius:9px;margin-bottom:12px;padding:9px 12px;font-size:13px}@media (width<=800px){.layout{grid-template-columns:1fr}.side{border-bottom:1px solid var(--line)}.stats{flex-wrap:wrap;margin-left:0}.room{width:3000px}.floor-note{margin-left:0}}@media (width<=650px){.time-results{grid-template-columns:1fr}}