:root{--bg:#f4f3ef;--panel:#fff;--ink:#151514;--muted:#77736b;--line:#dfddd5;--accent:#d7ff4f;--dark:#10100f;--ok:#277c45;--low:#a86f00;--bad:#9b342d;--radius:22px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);letter-spacing:.01em}button,input,select{font:inherit}button,a{color:inherit}.hidden{display:none!important}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,243,239,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;letter-spacing:.06em}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--dark);box-shadow:18px 0 0 var(--accent)}.shell{max-width:1180px;margin:auto;padding:42px 24px 80px}.auth-card{max-width:520px;margin:7vh auto;background:var(--panel);padding:38px;border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 60px rgba(0,0,0,.06)}.auth-card.compact{max-width:460px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--muted);margin-bottom:10px}.auth-card h1,.hero-row h1,.staff-title h1,.public-head h1{font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:.005em;margin:0 0 16px}.muted{color:var(--muted)}label{display:grid;gap:7px;font-size:13px;font-weight:700;margin:18px 0}input,select{width:100%;border:1px solid var(--line);background:#fff;padding:14px 16px;border-radius:14px;outline:none}input:focus,select:focus{border-color:#999}.primary{width:100%;border:0;border-radius:14px;padding:15px 18px;background:var(--dark);color:#fff;font-weight:800;cursor:pointer}.ghost{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 14px}.error{color:var(--bad);margin-top:12px;font-size:13px}.hero-row,.section-head,.staff-title,.public-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.pill-link,.mode-chip{border:1px solid var(--line);border-radius:999px;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:800}.tabs{display:flex;gap:8px;margin:28px 0 18px;overflow:auto}.tab{border:1px solid var(--line);background:transparent;border-radius:999px;padding:10px 14px;white-space:nowrap;cursor:pointer}.tab.active{background:var(--dark);color:#fff;border-color:var(--dark)}.venue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:48px}.venue-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;cursor:pointer;transition:.2s}.venue-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.05)}.venue-top,.venue-foot{display:flex;justify-content:space-between;gap:12px}.venue-top{font-weight:800}.venue-score{display:flex;align-items:baseline;gap:8px;margin:28px 0}.venue-score strong{font-size:54px;letter-spacing:.005em}.venue-score span,.venue-foot{font-size:12px;color:var(--muted)}.section-head{margin:14px 0}.section-head h2{font-size:28px}.section-head select{max-width:320px}.tap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tap-card{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.tap-no,.big-no,.public-no{font-weight:900;letter-spacing:0}.tap-no{font-size:30px}.tap-main h3{margin:0 0 4px}.tap-main p{margin:0;font-size:12px;color:var(--muted)}.status{font-size:11px;font-weight:800;border-radius:999px;padding:7px 10px;background:#eee}.status.active{color:var(--ok);background:#e7f4ea}.status.low{color:var(--low);background:#fff2d5}.status.empty{color:var(--bad);background:#f8e3e1}.status.free{color:#777;background:#efefec}.empty{padding:24px;color:var(--muted);border:1px dashed var(--line);border-radius:18px}.staff-body{background:#ecebe6}.staff-shell{max-width:760px}.staff-title{align-items:center}.staff-title select{max-width:250px}.summary-line{margin:14px 0 18px;color:var(--muted);font-size:13px}.staff-grid{grid-template-columns:repeat(2,1fr)}.staff-tap{min-height:148px;border:1px solid var(--line);background:#fff;border-radius:22px;text-align:left;padding:18px;display:flex;flex-direction:column;cursor:pointer}.staff-tap.low{background:#fff9ea}.staff-tap.empty,.staff-tap.free{opacity:.78}.big-no{font-size:34px}.staff-beer{font-size:18px;font-weight:800;margin-top:auto}.staff-status{font-size:11px;margin-top:8px;color:var(--muted)}.sheet{position:fixed;inset:0;z-index:99}.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}.sheet-panel{position:absolute;left:50%;bottom:0;width:min(680px,100%);transform:translateX(-50%);background:#fff;border-radius:28px 28px 0 0;padding:12px 20px 34px;max-height:86vh;overflow:auto}.grab{width:48px;height:5px;border-radius:999px;background:#d6d4ce;margin:2px auto 20px}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start}.sheet-head h2{font-size:32px;letter-spacing:.005em;margin:0}.x{border:0;background:#f1f0ec;border-radius:50%;width:40px;height:40px;font-size:25px}.actions{display:grid;gap:10px;margin-top:24px}.action{border:1px solid var(--line);border-radius:16px;background:#fff;padding:17px;text-align:left;font-weight:800}.action.active{color:var(--ok)}.action.low{color:var(--low)}.action.empty{color:var(--bad)}.action.change{background:var(--dark);color:white}.search{margin:20px 0 10px}.bev-list{display:grid;gap:8px}.bev{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);background:#fff;padding:15px;border-radius:14px;text-align:left}.bev span{color:var(--muted);font-size:12px}.public-body{background:#11110f;color:#f5f3e8}.public-shell{max-width:1180px;margin:auto;padding:48px 28px 80px}.public-head{align-items:flex-start}.public-head .eyebrow,.public-head .muted{color:#a9a79f}.freshness{font-size:12px;color:#bdbab0;border:1px solid #34342f;border-radius:999px;padding:9px 12px}.public-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #30302c;border-bottom:1px solid #30302c;padding:16px 0;margin:28px 0}.live{font-size:11px;font-weight:900;letter-spacing:.12em;display:flex;gap:7px;align-items:center}.live i{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px rgba(215,255,79,.08)}.public-taps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#30302c;border:1px solid #30302c}.public-tap{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:18px;padding:22px;background:#151513}.public-tap.low{background:#19170f}.public-no{font-size:38px;color:#88857d}.public-beer h2{margin:0 0 6px;font-size:22px}.public-beer p{margin:0;color:#97948b;font-size:12px}.public-state{font-size:11px;font-weight:900;display:flex;align-items:center;gap:7px}.public-state i{width:8px;height:8px;border-radius:50%;background:#888}.public-state.active i{background:#5bd27d}.public-state.low i{background:#e7b64f}.public-state.empty i{background:#a9544f}.public-state.free i{background:#777}.screen-mode .public-shell{max-width:none;padding:3vw}.screen-mode .public-head h1{font-size:6vw}.screen-mode .public-tap{min-height:10vh}.screen-mode .public-beer h2{font-size:2vw}.screen-mode .public-no{font-size:3vw}@media(max-width:760px){.shell{padding:28px 16px 60px}.topbar{padding:0 16px}.venue-grid,.tap-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:repeat(2,1fr)}.hero-row,.section-head,.staff-title,.public-head{align-items:flex-start;flex-direction:column}.section-head select,.staff-title select{max-width:none}.public-shell{padding:32px 16px}.public-taps{grid-template-columns:1fr}.public-tap{grid-template-columns:48px 1fr}.public-state{grid-column:2}.auth-card{padding:26px;margin:3vh auto}.tap-card{grid-template-columns:48px 1fr}.tap-card .status{grid-column:2;width:max-content}}@media(max-width:420px){.staff-grid{grid-template-columns:1fr 1fr;gap:8px}.staff-tap{min-height:132px;padding:14px}.staff-beer{font-size:15px}.big-no{font-size:28px}}

.top-actions{display:flex;align-items:center;gap:10px}.venue-links{display:flex;gap:8px;margin-top:16px}.venue-links a{font-size:11px;font-weight:800;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 10px}.demo-banner{margin-bottom:22px;padding:10px 14px;border:1px solid #665f2d;background:#24210f;color:#e8dc78;border-radius:12px;font-size:11px;font-weight:800;letter-spacing:.06em}.action:disabled,.bev:disabled{opacity:.55;cursor:wait}