:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#f0eee9;--ink:#16181d;--ink-2:#4b515c;--ink-3:#7d8593;--line:#e4e1da;--accent:#0b7a63;--accent-ink:#fff;--accent-soft:#dff3ed;--warn:#b45309;--warn-soft:#fdf0d9;--danger:#c0392b;--danger-soft:#fbe4e1;--info:#2456b8;--info-soft:#e2ebfb;--ok:#0b7a63;--ok-soft:#dff3ed;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px rgba(20,20,30,.06),0 6px 20px rgba(20,20,30,.06);--font:ui-sans-serif,-apple-system,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1114;--surface:#171a1f;--surface-2:#1f2329;--ink:#f1f2f4;--ink-2:#b6bcc7;--ink-3:#828a98;--line:#2a2f37;--accent:#2bb595;--accent-ink:#06231c;--accent-soft:#10332b;--warn:#f0a94a;--warn-soft:#33270f;--danger:#ef7a6c;--danger-soft:#3a1b18;--info:#7ea6f5;--info-soft:#182644;--ok:#2bb595;--ok-soft:#10332b;--shadow:0 1px 2px rgba(0,0,0,.4)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}body{min-height:100dvh;overflow-x:hidden}a{color:inherit}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}.muted{color:var(--ink-3)}.small{font-size:.85rem}.tiny{font-size:.75rem}.strong{font-weight:650}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1 1;min-width:0}.center{text-align:center}.right{text-align:right}.nowrap{white-space:nowrap}.mt{margin-top:14px}.mb{margin-bottom:14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:10px 16px;min-height:44px;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .06s,background .15s,opacity .15s;text-decoration:none}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.primary:hover{filter:brightness(1.06);background:var(--accent)}.btn.danger{background:var(--danger);color:#fff}.btn.danger,.btn.ghost{border-color:transparent}.btn.ghost{background:transparent}.btn.sm{min-height:36px;padding:6px 12px;font-size:.9rem}.btn.lg{min-height:56px;font-size:1.1rem;border-radius:12px}.btn.block{width:100%}.input,select.input,textarea.input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:11px 13px;font:inherit;font-size:16px;min-height:44px}.btn:focus-visible,.input:focus{outline:2px solid var(--accent);outline-offset:1px}label.field{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:600;color:var(--ink-2)}.check{display:flex;gap:10px;align-items:center;min-height:36px;cursor:pointer;font-weight:500;color:var(--ink)}.check input{width:20px;height:20px;accent-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;letter-spacing:.02em;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.spinner{width:20px;height:20px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:sk 1.3s infinite;border-radius:8px}@keyframes sk{to{background-position:-200% 0}}.empty{text-align:center;padding:36px 16px;color:var(--ink-3)}.empty .big{font-size:2rem}.errorbox{background:var(--danger-soft);color:var(--danger);font-weight:600}.errorbox,.infobox{border-radius:var(--radius-sm);padding:12px 14px;font-size:.92rem}.infobox{background:var(--info-soft);color:var(--info)}.overlay{position:fixed;inset:0;background:rgba(10,12,16,.55);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:92dvh;overflow:auto;border-radius:20px 20px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));animation:up .2s ease-out;overscroll-behavior:contain}.sheet.wide{max-width:760px}@media (min-width:720px){.overlay{align-items:center}.sheet{border-radius:20px;padding:24px}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(24px);opacity:.5}}.toasts{position:fixed;z-index:90;left:50%;transform:translateX(-50%);bottom:16px;display:flex;flex-direction:column;gap:8px;width:min(92vw,420px)}.toast{background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:12px;font-weight:600;box-shadow:var(--shadow);animation:up .2s}.toast.err{background:var(--danger);color:#fff}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100dvh}.side{background:var(--surface);border-right:1px solid var(--line);padding:18px 12px;position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow:auto;display:flex;flex-direction:column;gap:4px}.brand{font-weight:800;font-size:1.1rem;padding:6px 10px 14px;display:flex;gap:8px;align-items:center}.brand i{width:26px;height:26px;border-radius:8px;background:var(--accent);display:inline-block}.nav{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink-2);text-decoration:none;font-weight:600;min-height:44px}.nav:hover{background:var(--surface-2)}.nav.active{background:var(--accent-soft);color:var(--accent)}.nav .ct{margin-left:auto;background:var(--danger);color:#fff;border-radius:999px;font-size:.72rem;padding:1px 7px}.main{padding:22px clamp(14px,3vw,32px) 60px;min-width:0;max-width:1400px;width:100%}.topbar{display:none}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{position:fixed;z-index:40;left:0;top:0;width:280px;transform:translateX(-100%);transition:transform .2s;box-shadow:var(--shadow)}.side.open{transform:none}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:30}}.conn{position:fixed;top:0;left:0;right:0;z-index:80;background:var(--warn);color:#fff;text-align:center;padding:8px;font-weight:700;font-size:.9rem}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.kpi{padding:16px}.kpi .v{font-size:1.7rem;font-weight:750;letter-spacing:-.02em;margin-top:4px}.kpi .l{color:var(--ink-3);font-size:.82rem;font-weight:600}.grid2{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:14px;gap:14px}.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}@media (max-width:960px){.grid2{grid-template-columns:1fr}}table.t{width:100%;border-collapse:collapse}table.t th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);padding:8px 10px}table.t td{padding:12px 10px;border-top:1px solid var(--line);vertical-align:middle}.tablewrap{overflow-x:auto}.tcard{border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;gap:6px;min-height:120px}.tcard:hover{border-color:var(--accent)}.tcard .n{font-size:1.5rem;font-weight:800}.tcard.OCCUPIED{border-color:var(--warn);background:var(--warn-soft)}.tcard.PAYMENT_PENDING{border-color:var(--info);background:var(--info-soft)}.tcard.off{opacity:.55}.bars{display:flex;align-items:flex-end;gap:6px;height:140px}.bars .b{flex:1 1;background:var(--accent);border-radius:6px 6px 0 0;min-height:3px;position:relative}.bars .b.dim{background:var(--line)}.alertpop{position:fixed;z-index:85;top:14px;right:14px;width:min(94vw,360px);background:var(--ink);color:var(--bg);border-radius:16px;padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.35);animation:up .25s}.alertpop .h{font-size:.75rem;letter-spacing:.12em;font-weight:800;color:#ffb44d}.alertpop .big{font-size:1.5rem;font-weight:800;margin:4px 0}.permgroup{border:1px solid var(--line);border-radius:var(--radius);padding:14px}.permgroup h3{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:12px;gap:12px}.seg{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:transparent;font:inherit;font-weight:650;padding:8px 14px;border-radius:8px;cursor:pointer;color:var(--ink-2);min-height:38px}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.kds{min-height:100dvh;background:#0d0f12;color:#f2f3f5;padding:14px;flex-direction:column}.kds,.kds-top{display:flex;gap:12px}.kds-top{align-items:center;justify-content:space-between;flex-wrap:wrap}.kds-cols{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));grid-gap:12px;gap:12px;flex:1 1;overflow-x:auto}.kds-col{background:#15181d;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:10px;min-height:60dvh}.kds-col h2{padding:6px 8px;display:flex;justify-content:space-between;letter-spacing:.08em;font-size:1rem}.kds-card{background:#1e2228;border-radius:14px;padding:14px;border-left:8px solid var(--c,#666);display:flex;flex-direction:column;gap:8px}.kds-card .no{font-size:1.3rem;font-weight:800}.kds-card .tbl{font-size:2rem;font-weight:900;line-height:1}.kds-card li{font-size:1.2rem;margin:2px 0;list-style:none}.kds-card li b{color:#ffcf6b}.kds-card .ins{background:#4a2c0c;color:#ffcf6b;padding:6px 10px;border-radius:8px;font-weight:700;font-size:1rem}.kds .btn{min-height:64px;font-size:1.25rem;border-radius:12px}.age{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.age.late{color:#ff8477}@media (max-width:900px){.kds-cols{grid-template-columns:repeat(4,84vw)}}.flash{animation:flash 1s 3}@keyframes flash{50%{box-shadow:0 0 0 4px #ffb44d}}.cust{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg);position:relative;padding-bottom:96px}.chead{padding:18px 16px 10px;display:flex;gap:12px;align-items:center}.logo{width:46px;height:46px;border-radius:14px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;font-size:1.2rem;flex-shrink:0;overflow:hidden}.logo img{width:100%;height:100%;object-fit:cover}.chip{display:inline-flex;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:750;font-size:.8rem}.cats{display:flex;gap:8px;overflow-x:auto;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:10;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{flex:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;font-weight:650;padding:9px 16px;border-radius:999px;cursor:pointer;min-height:44px}.cat.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.mitem{display:flex;gap:12px;padding:12px;margin:0 16px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;font:inherit;color:inherit;width:calc(100% - 32px)}.mitem .ph{width:88px;height:88px;border-radius:12px;background:linear-gradient(135deg,var(--accent-soft),var(--surface-2));display:grid;place-items:center;font-size:2rem;flex:none;overflow:hidden}.mitem .ph img{width:100%;height:100%;object-fit:cover}.mitem.out{opacity:.5}.price{font-weight:750}.dock{position:fixed;z-index:20;left:0;right:0;bottom:0;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 30%);display:flex;justify-content:center}.dock .inner{width:100%;max-width:448px;display:flex;gap:8px}.steps{display:flex;flex-direction:column;gap:6px}.step{display:flex;gap:10px;align-items:center;color:var(--ink-3);font-weight:600}.step.done{color:var(--ink)}.step .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:.7rem}.step.done .dot{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step.now{color:var(--ink)}.step.now .dot{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--accent)}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}.qty button{width:46px;height:46px;border:0;background:var(--surface);font-size:1.3rem;cursor:pointer;color:var(--ink)}.qty span{min-width:34px;text-align:center;font-weight:700}.bill-row{display:flex;justify-content:space-between;padding:6px 0}.bill-total{border-top:2px dashed var(--line);margin-top:8px;padding-top:12px;font-size:1.3rem;font-weight:800}.fullmsg{min-height:70dvh;display:grid;place-items:center;text-align:center;padding:24px}.fullmsg .big{font-size:3rem}.login{max-width:400px;margin:10vh auto;padding:0 16px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media print{.btn,.noprint,.side,.topbar{display:none!important}.shell{display:block}body{background:#fff;color:#000}}.alarmbar{position:fixed;z-index:84;left:0;right:0;bottom:0;background:#c0392b;color:#fff;padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-weight:700;animation:pulse 1s infinite}@keyframes pulse{50%{background:#e0503f}}