:root{--bg:#fbf3e2;--surface:#fffdf7;--surface-2:#f4e7cc;--ink:#1b1b1b;--muted:#6b5d4f;--line:#1b1b1b;--line-soft:#e3d3b4;--red:#d62828;--red-2:#a91d1d;--red-soft:#fbe0dc;--mustard:#f4b41a;--mint:#7fd1c7;--jade:var(--red);--jade-soft:var(--red-soft);--on-jade:#fffdf7;--free:#1f8a70;--free-soft:#dff3ea;--busy:#d62828;--busy-soft:#fbe0dc;--clean:#c98a00;--clean-soft:#fdf0c8;--sug:#1d4e89;--display:"Shrikhand","Cooper Black",Georgia,serif;--body:"Archivo",ui-sans-serif,system-ui,sans-serif;--mono:"Courier Prime","Courier New",ui-monospace,monospace;--checker:repeating-conic-gradient(#1b1b1b 0 25%,#fffdf7 0 50%);--awning:repeating-linear-gradient(90deg,var(--red) 0 28px,#fffdf7 28px 56px);--shadow:4px 4px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.5}body:after{content:"";background:var(--checker);opacity:.9;z-index:-1;border-top:4px solid var(--red);background-size:60px 60px;height:120px;position:fixed;bottom:0;left:0;right:0}.wrap{flex-direction:column;gap:18px;max-width:1180px;margin:0 auto;padding:0 16px 150px;display:flex}header.top{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow);border-top:0;border-radius:0 0 18px 18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:30px 18px 14px;display:flex;position:relative}header.top:before{content:"";background:var(--awning);border:3px solid var(--ink);border-top:0;height:18px;position:absolute;top:0;left:-3px;right:-3px;-webkit-mask:radial-gradient(14px 10px at 14px 100%,#0000 98%,#000) 0 0/28px 100% repeat-x;mask:radial-gradient(14px 10px at 14px 100%,#0000 98%,#000) 0 0/28px 100% repeat-x}h1{font-family:var(--display);color:var(--red);text-shadow:2px 2px 0 var(--ink);margin:0;font-size:28px;font-weight:400;line-height:1.1}h1 small{font-family:var(--body);color:var(--muted);text-shadow:none;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:13px;font-weight:500;display:block}h2{font-family:var(--display);color:var(--ink);margin:0;font-size:21px;font-weight:400}h3{margin:0;font-size:15px}.who{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.plan{font-family:var(--display);background:var(--mustard);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:2px 12px;font-size:13px;display:inline-block;transform:rotate(-4deg)}label.lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}select,input{font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:10px;min-width:0;padding:8px 12px}select:focus,input:focus{box-shadow:0 0 0 3px var(--mustard);outline:none}button{font:inherit;cursor:pointer;color:inherit}:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}.btn{border:2px solid var(--ink);background:var(--red);color:var(--on-jade);text-transform:uppercase;letter-spacing:.05em;box-shadow:3px 3px 0 var(--ink);border-radius:12px;padding:8px 16px;font-size:13.5px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.btn:hover:not(:disabled){background:var(--red-2)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.btn.ghost{background:var(--surface);color:var(--ink)}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.warn{background:var(--mustard);color:var(--ink)}.btn.warn:hover:not(:disabled){background:#e0a200}.btn.danger{background:var(--surface);color:var(--red)}.btn.small{box-shadow:2px 2px 0 var(--ink);padding:4px 11px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.link{color:var(--red);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}nav.tabs{gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}nav.tabs button{border:2px solid var(--ink);background:var(--surface);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:800}nav.tabs button:hover{background:var(--surface-2)}nav.tabs button[aria-selected=true]{background:var(--ink);color:var(--mustard)}.note{color:var(--muted);font-size:13px}.error{color:var(--red);font-size:14px;font-weight:600}.grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (width<=820px){.grid{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:3px solid var(--ink);min-width:0;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:12px;padding:18px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.stack{flex-direction:column;gap:10px;display:flex}.levels{flex-wrap:wrap;gap:6px;display:flex}.levels button{border:2px solid var(--ink);background:var(--surface);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700}.levels button[aria-pressed=true]{background:var(--red);color:var(--on-jade)}.levels .cnt{font-family:var(--mono);opacity:.75;margin-left:6px;font-size:12px}.map{aspect-ratio:16/10;border:3px solid var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(#d9cdb6 0 25%,#fbf6ea 0 50%) 0 0/90px 90px;border-radius:12px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.fixture{text-transform:uppercase;letter-spacing:.1em;color:var(--ink);border:2px solid var(--ink);background:var(--mint);text-align:center;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(8px,1.45cqw,11px);font-weight:800;display:flex;position:absolute;overflow:hidden}.fixture.vertical{writing-mode:vertical-rl}.mesa{border:3px solid var(--ink);background:var(--free-soft);color:var(--ink);box-shadow:3px 3px 0 var(--ink);flex-direction:column;justify-content:center;align-items:center;padding:0;line-height:1.1;display:flex;position:absolute;transform:translate(-50%,-50%)}.mesa b{font-family:var(--display);font-size:clamp(13px,2.4cqw,19px);font-weight:400}@container (width<=520px){.mesa span{display:none}}.mesa span{white-space:nowrap;font-size:clamp(8px,1.2cqw,10px);font-weight:700}.mesa.round{border-radius:50%}.mesa.square{border-radius:10px}.mesa.free{background:#bfe9d9}.mesa.occupied{background:var(--red);color:#fffdf7}.mesa.cleaning{background:var(--mustard);border-style:dashed}.mesa.sug{background:var(--sug);color:#fffdf7;box-shadow:0 0 0 5px var(--mustard),3px 3px 0 5px var(--ink)}.mesa.sel{outline:3px dashed var(--red);outline-offset:6px}.map.editing .mesa{cursor:grab}@media (prefers-reduced-motion:no-preference){.mesa.sug{animation:1.2s ease-in-out infinite pulse}}@keyframes pulse{50%{transform:translate(-50%,-50%)scale(1.08)}}.legend{color:var(--ink);flex-wrap:wrap;gap:14px;font-size:12.5px;font-weight:600;display:flex}.legend i{vertical-align:-2px;border-radius:4px;width:13px;height:13px;margin-right:6px;display:inline-block;border:2px solid var(--ink)!important}.ask{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.ask input[type=number]{width:90px;font-family:var(--mono);font-size:20px;font-weight:700}.big{font-family:var(--display);color:var(--sug);font-size:26px}.sugg{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff6d6;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.opt{border:2px solid var(--ink);background:var(--surface);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 12px;display:flex}.opt:hover{background:var(--surface-2)}.opt[aria-pressed=true]{box-shadow:3px 3px 0 var(--ink);background:#fff6d6}.opt small{color:var(--muted)}.pill{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border:2px solid var(--ink);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-block}.pill.free{background:#bfe9d9}.pill.occupied{background:var(--red);color:#fffdf7}.pill.cleaning{background:var(--mustard)}.pill.nit{background:var(--mint)}.pill.cf,.pill.none{background:var(--surface-2);color:var(--muted);border-color:var(--line-soft)}.pill.bad{background:var(--red);color:#fffdf7}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (width<=700px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:14px;padding:12px 14px;position:relative}.kpi div{text-transform:uppercase;letter-spacing:.08em;color:var(--red);font-size:11.5px;font-weight:800}.kpi strong{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(17px,1.7vw,22px);font-weight:700}.tablewrap{border:3px solid var(--ink);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px dashed var(--line-soft);vertical-align:top;white-space:nowrap;padding:9px 12px}th{text-transform:uppercase;letter-spacing:.08em;color:var(--mustard);background:var(--ink);border-bottom:0;font-size:11.5px;font-weight:800}td.num,th.num{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums}td.num{font-weight:700}tr.click{cursor:pointer}tr.click:hover td{background:#fff6d6}tr.det td{background:var(--surface-2);white-space:normal}.det-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=640px){.det-grid{grid-template-columns:minmax(0,1fr)}}dl.kv{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13.5px;display:grid}dl.kv dt{color:var(--muted);font-weight:600}dl.kv dd{font-family:var(--mono);overflow-wrap:anywhere;margin:0}.lines{font-size:13.5px}.lines td{border:0;padding:3px 0}.log{margin:0;padding:0;font-size:13.5px;list-style:none}.log li{border-bottom:1px dashed var(--line-soft);gap:12px;padding:8px 0;display:flex}.log time{font-family:var(--mono);color:var(--red);flex:none;font-weight:700}.toast{left:50%;bottom:calc(136px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--mustard);border:3px solid var(--mustard);z-index:10;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}.empty{color:var(--muted);margin:0;font-size:14px}.login{place-items:center;min-height:100vh;padding:16px 16px 140px;display:grid}.login .panel{width:100%;max-width:380px;padding:34px 24px 24px;position:relative;overflow:hidden}.login .panel:before{content:"";background:var(--awning);border-bottom:3px solid var(--ink);height:16px;position:absolute;top:0;left:0;right:0}.login h2{color:var(--red);font-size:26px}.pin{font-family:var(--mono);letter-spacing:.4em;text-align:center;font-size:28px;font-weight:700}.keypad{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.keypad button{border:2px solid var(--ink);background:var(--surface);aspect-ratio:1;width:100%;max-width:76px;max-height:76px;font-size:22px;font-family:var(--mono);box-shadow:3px 3px 0 var(--ink);border-radius:50%;justify-self:center;font-weight:700;transition:transform 80ms,box-shadow 80ms}.keypad button:hover:not(:disabled){background:#fff6d6}.keypad button:active:not(:disabled){box-shadow:none;transform:translate(3px,3px)}.keypad button:last-child{background:var(--red);color:#fffdf7;font-family:var(--body);font-size:16px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:10px;display:grid}code.copy{font-family:var(--mono);border:2px dashed var(--ink);overflow-wrap:anywhere;background:#fff6d6;border-radius:8px;padding:6px 8px;font-size:14px;font-weight:700;display:block}.brand{font-family:var(--display);color:var(--red);text-shadow:2px 2px 0 var(--ink);align-items:center;gap:10px;font-size:26px;text-decoration:none;display:inline-flex}