:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18222d;background:#eef2f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;letter-spacing:0}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eef2f5}.auth-panel{width:min(420px,100%);background:#fff;border:1px solid #cfd8df;border-radius:6px;padding:28px;box-shadow:0 12px 32px #18222d14}.auth-panel h1{margin:12px 0 4px;font-size:30px}.auth-panel p{color:#536273;line-height:1.5}.auth-panel label{display:grid;gap:6px;margin:16px 0;font-weight:650}input,select{min-height:46px;border:1px solid #aebac4;border-radius:5px;padding:10px 12px;background:#fff}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e5f0e8;color:#23643a}.primary-command,.secondary-command,.text-command,.icon-command{border:0;border-radius:5px;min-height:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-command{background:#174a7e;color:#fff;font-weight:700;width:100%}.secondary-command{background:#e6edf4;color:#173f68;font-weight:650}.text-command{background:transparent;color:#174a7e}.icon-command{width:44px;padding:0;border:1px solid #c6d0d8;background:#fff;color:#263746}button:disabled{opacity:.55;cursor:not-allowed}.error-text{color:#a52828!important}.dashboard-shell{min-height:100vh;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.topbar{min-height:72px;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:#fff;border-bottom:1px solid #ccd5dc}.topbar h1{margin:0;font-size:22px}.topbar p{margin:3px 0 0;color:#647281;font-size:13px}.topbar-actions{display:flex;gap:8px}.connection-banner{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 18px;border-bottom:1px solid;font-size:14px;font-weight:650}.connection-banner span:last-child{margin-left:auto;font-weight:450;font-size:12px}.connection-banner.online{background:#e6f3e9;color:#215d36;border-color:#a9cdb4}.connection-banner.delayed{background:#fff2cc;color:#6d5200;border-color:#dac377}.connection-banner.offline{background:#f8e5e5;color:#842d2d;border-color:#d8abab}.status-dot{width:9px;height:9px;border-radius:50%;background:currentColor}.tabbar{position:fixed;z-index:5;bottom:0;left:0;right:0;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #cbd4dc}.tabbar button{min-width:0;border:0;background:#fff;color:#687685;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:650;white-space:nowrap}.tabbar button.active{color:#174a7e;box-shadow:inset 0 3px #174a7e}.seat-view,.device-view,.listing-view,.kitchen-view{padding:14px}.area-band{margin-bottom:18px}.area-band h2{margin:0 0 8px;font-size:17px;display:flex;align-items:baseline;gap:10px}.area-band h2 small{font-size:12px;font-weight:500;color:#697886}.clock-skew-banner{padding:9px 18px;background:#fff2cc;color:#6d5200;border-bottom:1px solid #dac377;font-size:13px;font-weight:600;line-height:1.45}.order-type-table .analytics-row{min-width:0;grid-template-columns:1.4fr repeat(3,1fr)}.seat-grid{display:grid;grid-template-columns:repeat(5,minmax(54px,1fr));gap:7px}.seat-tile{position:relative;min-height:104px;border-radius:5px;border:2px solid transparent;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#dce8f2}.seat-tile strong{font-size:18px}.seat-tile span{font-size:11px;margin-top:4px}.seat-tile small{font-size:10px;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.seat-tile.green{background:#bfe8c9}.seat-tile.purple{background:#d9c6e7}.seat-tile.old_order_pending{background:#f1c7d2;border-color:#ae5872}.seat-tile.pending{background:#f7e3a8;border-color:#a78217}.seat-tile.active{background:#b9d6e9;border-color:#4f83a7}.seat-tile.long-dwell{border-color:#b3261e;box-shadow:0 0 0 1px #b3261e33}.seat-tile.settled:not(.long-dwell){border-color:#49875b}.seat-tile .dwell-dot{position:absolute;top:5px;right:5px;width:10px;height:10px;margin:0;border-radius:50%;background:#b3261e;box-shadow:0 0 0 2px #fff}.seat-tile .seat-amount{margin-top:4px;font-size:14px;color:#172a3a}.seat-tile .seat-duration{color:#526575}.seat-tile .seat-settled{padding:1px 5px;border-radius:9px;background:#1b7f3a1f;color:#176533;font-weight:750}.seat-tile .seat-server{color:#566675}.device-intro{margin-bottom:12px;color:#5d6d7b;font-size:13px;line-height:1.45}.device-grid{display:grid;grid-template-columns:1fr;gap:10px}.device-card{overflow:hidden;border:2px solid #c5d0d8;border-radius:6px;background:#fff}.device-card.online{border-color:#77b78c}.device-card.delayed{border-color:#d0ad4e}.device-card.offline{border-color:#d39999;background:snow}.device-card>header{min-height:58px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #d9e0e5}.device-card>header>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 7px}.device-card>header .status-dot{grid-row:1 / 3;color:#758391}.device-card.online>header .status-dot{color:#26703e}.device-card.delayed>header .status-dot{color:#9a7100}.device-card.offline>header .status-dot{color:#a23838}.device-card>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-card>header small{color:#687785}.device-card>header b{font-size:13px}.device-last-seen{margin:0;padding:8px 12px;color:#677684;font-size:11px;border-bottom:1px solid #e0e6ea}.health-facts{display:grid;grid-template-columns:1fr}.health-fact{min-width:0;padding:9px 12px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;border-bottom:1px solid #e4e9ed}.health-fact:last-child{border-bottom:0}.health-fact span{color:#667684;font-size:12px}.health-fact strong{overflow-wrap:anywhere;font-size:13px;text-align:right}.health-fact.warning{background:#fff6dc;color:#755600}.listing-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:12px}.listing-toolbar label{display:grid;gap:4px;font-size:13px;font-weight:700}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c5d0d8;background:#fff;border-radius:5px}.metric-strip div{padding:12px;text-align:center;border-right:1px solid #d8e0e5}.metric-strip div:last-child{border:0}.metric-strip span{display:block;color:#667585;font-size:12px}.metric-strip strong{font-size:23px}.summary-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ccd5dc;border:1px solid #ccd5dc}.summary-line{min-height:43px;padding:10px 12px;display:flex;justify-content:space-between;gap:8px;background:#fff}.summary-line.strong{font-weight:800;background:#eaf0f5}.listing-table{margin-top:14px;border:1px solid #bac6cf;overflow-x:auto;background:#fff}.listing-row{min-width:650px;display:grid;grid-template-columns:.7fr 1fr 1fr 1fr .9fr 1fr;border-bottom:1px solid #d5dde3}.listing-row span{padding:9px 7px}.listing-row.heading{font-weight:800;background:#e5ebf0}.listing-row.voided{background:#f8dddd;color:#882626}.analytics-view{padding:14px}.analytics-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:12px}.analytics-toolbar label{display:grid;gap:4px;font-size:13px;font-weight:700}.locked-analytics{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#536273}.locked-analytics h2{color:#18222d;margin:12px 0 4px}.locked-analytics p{max-width:520px;line-height:1.55}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{min-height:104px;padding:13px;background:#fff;border:1px solid #c7d1d9;border-radius:5px;display:flex;flex-direction:column;justify-content:center}.kpi span{color:#637384;font-size:12px;font-weight:700}.kpi strong{margin:4px 0;font-size:23px}.kpi small{color:#6b7885;line-height:1.35}.analytics-panel{margin-top:12px;padding:14px;background:#fff;border:1px solid #c7d1d9;border-radius:5px;overflow:hidden}.analytics-panel h2{margin:0 0 12px;font-size:17px}.analytics-columns{display:grid;grid-template-columns:1fr;gap:12px}.chart-scroll{overflow-x:auto}.sales-chart{width:100%;min-width:640px;height:220px}.sales-chart line{stroke:#9eabb5;stroke-width:1}.sales-chart polyline{fill:none;stroke:#176c4c;stroke-width:3}.sales-chart circle{fill:#176c4c;stroke:#fff;stroke-width:2}.sales-chart text{fill:#697886;font-size:11px}.comparison-bars{display:grid;gap:13px}.comparison-bars>div>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px}.bar-track{display:block;height:10px;background:#e5ebef;border-radius:3px;overflow:hidden}.bar-track>span{display:block;height:100%;min-width:2px;background:#24775a}.hour-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.hour-cell{min-height:72px;padding:7px;border:1px solid rgba(24,61,48,.2);display:flex;flex-direction:column;justify-content:center}.hour-cell strong{font-size:12px}.hour-cell span{font-size:12px;margin:3px 0}.hour-cell small{font-size:10px}.analytics-table{border:1px solid #c4cfd7;overflow-x:auto}.analytics-row{min-width:980px;display:grid;grid-template-columns:1.7fr repeat(8,1fr);border-bottom:1px solid #d7dfe5}.analytics-row span{padding:9px 7px;text-align:right}.analytics-row span:first-child{text-align:left}.analytics-row span small{display:block;color:#71808e;margin-top:2px}.analytics-row.heading{background:#e6edf2;font-weight:800}.rank-list{display:grid;gap:1px;background:#d5dde3;border:1px solid #d5dde3}.rank-list>div{min-height:48px;padding:8px 10px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;background:#fff;align-items:center}.rank-list strong{text-align:right}.rank-list small{grid-column:1 / -1;color:#6b7885}.kitchen-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:12px}.kitchen-toolbar label{display:grid;gap:4px;font-size:13px;font-weight:700}.queue-summary{min-height:46px;display:flex;align-items:center;gap:6px;padding:7px 10px;background:#fff;border:1px solid #c7d1d9;border-radius:5px}.queue-summary strong{font-size:18px}.queue-summary span{color:#657482;font-size:11px;margin-right:5px}.station-grid{display:grid;grid-template-columns:1fr;gap:8px}.station-panel{padding:12px;background:#fff;border:2px solid;border-radius:5px}.station-panel.online{border-color:#77b78c}.station-panel.offline{border-color:#d39999;background:#fbf1f1}.station-panel>div{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.station-panel>div small{grid-column:2;color:#6d7a86}.station-panel b{float:right;margin-top:-29px;font-size:12px}.station-panel p{margin:10px 0 0;color:#4e5e6c}.kitchen-kpis{margin-top:12px}.kitchen-dish-table{border:1px solid #c4cfd7;overflow-x:auto}.kitchen-dish-row{min-width:560px;display:grid;grid-template-columns:2fr repeat(4,1fr);border-bottom:1px solid #d7dfe5}.kitchen-dish-row span{padding:9px 7px;text-align:right}.kitchen-dish-row span:first-child{text-align:left}.kitchen-dish-row.heading{background:#e6edf2;font-weight:800}.empty-state{margin:36px auto;text-align:center;color:#697886}.message-bar{position:fixed;left:12px;right:12px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:6;background:#233544;color:#fff;border-radius:5px;padding:12px}footer{text-align:center;color:#73808c;font-size:12px;padding:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:18px;background:#1018208c}.modal{width:min(420px,100%);border-radius:6px;background:#fff;padding:22px}.modal h2{margin-top:0}.modal input{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-actions .primary-command{width:auto;min-width:100px}@media(min-width:850px){.dashboard-shell{max-width:1180px;margin:0 auto;background:#f5f7f9;box-shadow:0 0 0 1px #d2dae1}.seat-grid{grid-template-columns:repeat(10,1fr)}.seat-tile{min-height:112px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-view,.device-view,.listing-view,.analytics-view,.kitchen-view{padding:22px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-columns{grid-template-columns:1fr 1fr}.hour-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.station-grid{grid-template-columns:repeat(3,1fr)}}