:root{--ink:#191c24;--muted:#747985;--line:#e8e9ed;--surface:#fff;--bg:#f7f7f9;--orange:#e85d3a;--orange-dark:#d84f2d;--green:#1f9d68;--purple:#7859d9;--blue:#3978d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input{font:inherit}a,button{transition:.18s ease}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid var(--line);padding:25px 18px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 29px;color:var(--ink);font-weight:800;font-size:19px;text-decoration:none;letter-spacing:-.6px}.brand>span:last-child>span{color:var(--orange)}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--orange);color:#fff;display:grid;place-items:center;transform:rotate(-4deg)}.brand-mark svg{width:21px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#636875;padding:11px 13px;border-radius:9px;font-weight:600}.sidebar nav a svg{width:19px;height:19px}.sidebar nav a.active,.sidebar nav a:hover{color:var(--orange);background:#fff3ef}.sidebar-footer{margin-top:auto}.support-card{background:#fff3ef;padding:15px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start}.support-icon{background:#fff;color:var(--orange);width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-weight:800;margin-bottom:9px}.support-card small{color:var(--muted);margin:4px 0 11px}.support-card button{border:0;background:transparent;color:var(--orange);font-weight:700;padding:0}.profile{border-top:1px solid var(--line);margin-top:18px;padding:18px 3px 0;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#222b42;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.profile>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.profile strong{font-size:12px}.profile small{font-size:11px;color:var(--muted);margin-top:2px}.dots{margin-left:auto;color:#9a9da5}.main-content{margin-left:246px;min-height:100vh}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);padding:20px 32px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0 0 5px;font-size:23px;letter-spacing:-.5px}.topbar p{margin:0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:13px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center;color:#555}.icon-button svg{width:18px}.avatar.compact{width:38px;height:38px}.dashboard-body{padding:25px 32px 48px;max-width:1600px;margin:0 auto}.range-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.range-row>span,.summary-chip{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:9px;color:#5f6470}.summary-chip strong{color:var(--ink);margin-right:5px}.button-link,.primary,.secondary{border-radius:9px;padding:10px 14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.secondary{border:1px solid var(--line);background:#fff;color:#4c515c}.primary{border:1px solid var(--orange);background:var(--orange);color:#fff}.primary:hover{background:var(--orange-dark)}.button-link svg,.primary svg,.secondary svg{width:16px}.full{width:100%;justify-content:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;display:flex;gap:14px;min-width:0}.metric-icon{width:41px;height:41px;border-radius:10px;display:grid;place-items:center;flex:none}.metric-icon svg{width:21px}.metric-icon.orange{background:#fff0eb;color:var(--orange)}.metric-icon.purple{background:#f0edff;color:var(--purple)}.metric-icon.green{background:#e9f8f1;color:var(--green)}.metric-icon.blue{background:#eaf2ff;color:var(--blue)}.metrics article>div{display:flex;flex-direction:column}.metrics p{margin:0 0 6px;color:var(--muted);font-size:12px}.metrics strong{font-size:25px;line-height:1.05;letter-spacing:-.5px}.metrics small{margin-top:8px;color:#777;font-size:10px}.metrics small.positive{color:var(--green);font-weight:700}.metrics em{font-style:normal;color:#92959c;font-weight:400}.live-dot{width:7px;height:7px;border-radius:50%;background:#34b77e;display:inline-block;margin-right:4px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,.8fr);gap:15px;margin-bottom:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between}.panel-title h2,.settings-card h2{font-size:15px;margin:0 0 5px}.panel-title p,.settings-card>p{font-size:11px;color:var(--muted);margin:0}.legend{font-size:10px;color:#777}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:5px}.chart{height:260px;position:relative;margin:12px 5px 0 34px}.chart svg{position:absolute;inset:0;width:100%;height:220px;overflow:visible}.gridline{stroke:#ececef;stroke-width:1}.data-line,.gridline{vector-effect:non-scaling-stroke}.data-line{fill:none;stroke:var(--orange);stroke-width:2.5}.y-labels{right:calc(100% + 12px);top:13px;height:210px;flex-direction:column}.x-labels,.y-labels{position:absolute;display:flex;justify-content:space-between;color:#9699a1;font-size:9px}.x-labels{top:230px;left:0;right:0}.card-footer button,.ranking .panel-title button{background:transparent;border:0;color:var(--orange);font-weight:700;font-size:11px}.rank-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #f0f0f2}.rank-row:last-child{border:0}.rank{color:#9b9ea6;font-size:11px;width:13px}.restaurant-avatar{width:31px;height:31px;border-radius:9px;color:#fff;display:grid;place-items:center;font-weight:800}.rank-row>div{display:flex;flex-direction:column;min-width:0}.rank-row strong{font-size:11px}.rank-row small{font-size:9px;color:#989ba3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row b{margin-left:auto;font-size:11px}.sessions{padding:0}.sessions .panel-title{padding:19px 20px 15px}.session-actions{display:flex;gap:8px}.search{border:1px solid var(--line);border-radius:8px;height:36px;display:flex;align-items:center;padding:0 10px;gap:6px}.search svg{width:14px;color:#888}.search input{border:0;outline:0;width:140px;font-size:11px}.button-link{font-size:11px;padding:8px 12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;background:#fafafb;padding:10px 20px;color:#8a8e97;font-size:9px;text-transform:uppercase;letter-spacing:.5px}td{padding:12px 20px;border-top:1px solid #f0f0f2;font-size:11px;color:#606570;white-space:nowrap}td:first-child{display:flex;align-items:center;gap:8px;color:var(--ink)}.client-avatar{width:28px;height:28px;border-radius:50%;background:#f0f1f4;display:grid;place-items:center;color:#646977}.client-avatar,.status{font-size:9px;font-weight:700}.status{padding:5px 9px;border-radius:20px;display:inline-flex;align-items:center}.active-status{color:#198457;background:#e8f7f0}.ended-status{color:#777b84;background:#f0f1f3}.warning-status{color:#9a6814;background:#fff3d8}.restaurant-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.restaurant-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.restaurant-card-head{display:flex;justify-content:space-between;align-items:flex-start}.large-logo{width:50px;height:50px;border-radius:14px;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800}.restaurant-card h2{font-size:17px;margin:15px 0 3px}.restaurant-card>p{color:var(--muted);font-size:11px;margin:0 0 16px}.config-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0}.config-list span{display:flex;align-items:center;padding:7px 0;font-size:11px}.config-list svg{width:16px;color:#858994;margin-right:8px}.config-list em{font-style:normal;color:#757a84}.config-list strong{margin-left:auto;font-size:10px}.online{color:var(--green)!important}.offline{color:#d64b4b!important}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;color:#8a8e96;font-size:10px}.card-footer button{display:flex;align-items:center;gap:5px}.card-footer svg{width:13px}.settings-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.settings-card{padding:23px}.settings-card.wide{grid-column:1/-1}.integration-heading{display:flex;align-items:center;gap:13px}.integration-heading>div:nth-child(2){flex:1 1}.integration-heading h2{margin:0 0 4px}.integration-heading p{margin:0;color:var(--muted);font-size:11px}.settings-fields{display:grid;gap:13px;margin-top:23px}.settings-fields label{font-size:10px;font-weight:700;color:#555b65}.settings-fields input{width:100%;border:1px solid var(--line);background:#fafafb;border-radius:8px;padding:10px 11px;margin-top:6px;color:#777}.info-box{display:flex;gap:10px;background:#eef6ff;color:#426285;border-radius:10px;padding:13px;margin-top:18px;font-size:10px;line-height:1.5}.info-box svg{width:18px;flex:none}.info-box span{display:flex;flex-direction:column}.connection-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0;text-align:center}.connection-summary div{display:flex;flex-direction:column;border-right:1px solid var(--line)}.connection-summary div:last-child{border:0}.connection-summary strong{font-size:22px}.connection-summary span{font-size:9px;color:var(--muted);margin-top:4px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.check-grid span{display:flex;align-items:center;gap:8px;color:#5a606b;font-size:11px}.check-grid svg{width:17px;color:var(--green)}.portal-page{min-height:100vh;background:#f6f3ef;display:flex;align-items:center;justify-content:center;padding:42px 20px 65px;position:relative;overflow:hidden}.portal-pattern{position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,rgba(232,93,58,.08),transparent 23%),radial-gradient(circle at 82% 70%,rgba(232,93,58,.07),transparent 26%)}.portal-pattern:after,.portal-pattern:before{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(232,93,58,.09);border-radius:45%;transform:rotate(25deg)}.portal-pattern:before{top:-170px;right:-80px}.portal-pattern:after{bottom:-200px;left:-100px}.portal-card{--tenant-color:#ea5b36;width:100%;max-width:430px;background:#fff;border-radius:21px;padding:26px 36px 22px;box-shadow:0 24px 80px rgba(52,42,35,.12);position:relative;z-index:1}.portal-logo{display:flex;justify-content:center;align-items:center;gap:8px;padding-bottom:23px;border-bottom:1px solid #eee}.portal-logo>span{width:32px;height:32px;background:var(--tenant-color);border-radius:10px;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800}.portal-logo strong{font-size:15px;letter-spacing:-.2px}.code-step,.portal-heading,.portal-state{text-align:center}.wifi-orb{width:56px;height:56px;border-radius:18px;background:color-mix(in srgb,var(--tenant-color) 12%,white);color:var(--tenant-color);display:grid;place-items:center;margin:22px auto 12px}.wifi-orb svg{width:27px}.portal-card h1,.portal-state h2{font-size:24px;margin:0 0 7px;letter-spacing:-.5px}.code-step>p,.portal-heading p,.portal-state>p{color:#777c85;line-height:1.5;margin:0 auto 20px;font-size:12px;max-width:320px}.portal-card form{text-align:left}.portal-card label{display:block;font-size:11px;font-weight:700;color:#4e535c;margin:0 0 13px}.portal-card input{width:100%;height:44px;border:1px solid #dfe1e5;border-radius:9px;padding:0 13px;margin-top:6px;outline:none}.portal-card input:focus{border-color:var(--tenant-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--tenant-color) 10%,white)}.phone-input{display:flex;border:1px solid #dfe1e5;border-radius:9px;margin-top:6px;height:44px;align-items:center}.phone-input:focus-within{border-color:var(--tenant-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--tenant-color) 10%,white)}.phone-input span{padding:0 10px;border-right:1px solid #e5e6e8;font-size:11px;white-space:nowrap}.phone-input input{border:0!important;box-shadow:none!important;margin:0;height:42px}.consent{display:flex!important;align-items:flex-start;gap:8px;font-weight:400!important;line-height:1.4!important;color:#737780!important}.consent input{width:15px;height:15px;margin:1px 0 0;accent-color:var(--tenant-color);flex:none}.consent a{color:var(--tenant-color)}.portal-card .primary{background:var(--tenant-color);border-color:var(--tenant-color);height:45px;margin-top:3px}.portal-card .primary svg{margin-left:auto}.portal-card .primary:disabled{opacity:.6}.secure-note{border-top:1px solid #eee;margin-top:18px;padding-top:17px;display:flex;justify-content:center;align-items:center;gap:6px;color:#989ba2;font-size:9px}.secure-note svg{width:13px}.form-error{background:#fff0ee;color:#b93d2d;padding:9px;border-radius:7px;font-size:10px}.otp-input{text-align:center;font-size:24px;letter-spacing:10px;font-weight:700}.debug-code{background:#fff6d9;color:#815f13;border-radius:8px;padding:9px;margin:-5px 0 15px;font-size:10px}.text-button{background:transparent;border:0;color:var(--tenant-color);font-size:11px;font-weight:700;margin-top:14px}.portal-state{padding:32px 0 15px}.success-ring{width:73px;height:73px;border-radius:50%;background:#e8f8f0;color:#1b9d68;display:grid;place-items:center;margin:5px auto 18px}.success-ring svg{width:36px}.access-pill{background:#f4f5f7;display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:8px 12px;color:#666c75;font-size:10px}.access-pill svg{width:14px}.portal-page footer{position:absolute;bottom:20px;z-index:1;display:flex;gap:30px;color:#9a9691;font-size:9px}.portal-page footer strong{color:#6a6661}@media(max-width:1100px){.metrics,.restaurant-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{width:72px;padding:22px 12px}.brand{padding:0 7px 25px}.brand>span:last-child,.sidebar nav a{font-size:0}.sidebar nav a{justify-content:center;padding:12px}.sidebar nav a svg{width:21px;height:21px}.profile>span:not(.avatar),.support-card{display:none}.profile{justify-content:center}.main-content{margin-left:72px}.dashboard-body,.topbar{padding-left:20px;padding-right:20px}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.settings-card.wide{grid-column:auto}.restaurant-cards{grid-template-columns:1fr}}@media(max-width:580px){.main-content{margin-left:0}.sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:64px;padding:7px 10px;border:0;border-top:1px solid var(--line)}.sidebar .brand,.sidebar-footer{display:none}.sidebar nav{flex-direction:row;justify-content:space-around}.sidebar nav a{padding:10px}.sidebar nav a:nth-child(5){display:none}.topbar{height:78px;padding:14px 16px}.topbar h1{font-size:20px}.topbar p{font-size:11px}.dashboard-body{padding:16px 13px 85px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metrics article{padding:14px;display:block}.metric-icon{margin-bottom:9px}.metrics strong{font-size:21px}.dashboard-grid{grid-template-columns:1fr}.chart-panel{overflow:hidden}.ranking,.session-actions .search{display:none}.check-grid,.restaurant-cards{grid-template-columns:1fr}.portal-card{padding:23px 23px 19px}.portal-page{align-items:flex-start;padding-top:24px}.portal-page footer{bottom:11px}.connection-summary{margin:20px 0}}.card-footer a{gap:5px;color:var(--orange);font-weight:700;text-decoration:none}.breadcrumb,.card-footer a{display:flex;align-items:center}.breadcrumb{gap:8px;color:#9a9da5;font-size:11px;margin-bottom:17px}.breadcrumb a{color:var(--orange);text-decoration:none}.restaurant-settings{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,.7fr);gap:16px;padding-bottom:73px}.settings-main,.settings-side{display:flex;flex-direction:column;gap:16px;min-width:0}.edit-panel{padding:23px;scroll-margin-top:110px}.section-heading{display:flex;align-items:center;gap:13px;margin-bottom:23px}.section-heading>div:nth-child(2){flex:1 1}.section-heading h2{font-size:15px;margin:0 0 4px}.section-heading p{margin:0;color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:10px;font-weight:700;color:#555b65}.form-grid .span-two{grid-column:1/-1}.form-grid input,.form-grid select{width:100%;height:41px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 11px;margin-top:6px;outline:0;color:#555}.form-grid input:focus,.form-grid select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fff0eb}.color-control{display:grid;grid-template-columns:48px 1fr;gap:7px}.color-control input[type=color]{padding:4px}.test-connection{margin-top:14px}.portal-preview{text-align:center}.preview-label{text-align:left;color:#8d9098;text-transform:uppercase;font-size:8px;letter-spacing:.8px;font-weight:700;margin-bottom:14px}.mini-phone{border:1px solid var(--line);border-radius:18px;padding:17px 20px;margin:auto;max-width:235px;display:flex;flex-direction:column;align-items:center}.mini-logo{width:30px;height:30px;border-radius:9px;color:#fff;display:grid;place-items:center;font-weight:800}.mini-phone>strong{font-size:10px;margin-top:6px}.mini-wifi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin:15px 0 7px}.mini-wifi svg{width:19px}.mini-phone h3{font-size:13px;margin:0 0 4px}.mini-phone p{font-size:8px;color:var(--muted);line-height:1.45;margin:0 0 12px}.fake-button,.fake-input{width:100%;border:1px solid var(--line);border-radius:6px;text-align:left;padding:7px;margin-top:6px;color:#a0a3aa;font-size:7px}.fake-button{text-align:center;color:#fff;border:0;font-weight:700}.portal-preview>a{display:inline-flex;align-items:center;gap:5px;color:var(--orange);text-decoration:none;font-size:10px;font-weight:700;margin-top:15px}.portal-preview>a svg{width:13px}.config-summary h2{font-size:13px;margin:0 0 12px}.config-summary span{display:flex;justify-content:space-between;border-top:1px solid #f0f0f2;padding:10px 0;font-size:9px}.config-summary em{font-style:normal;color:#858993}.config-summary strong{text-transform:capitalize}.save-bar{position:fixed;left:246px;right:0;bottom:0;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:13px 32px;display:flex;justify-content:flex-end;align-items:center;gap:9px;z-index:8}.save-bar>div{margin-right:auto}.save-success{display:flex;align-items:center;gap:6px;color:var(--green);font-size:11px;font-weight:700}.save-success svg{width:16px}.save-error{color:#c74332;font-size:11px}.equipment-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:16px}.equipment-metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;align-items:center;gap:12px}.equipment-metrics article>div{display:flex;flex-direction:column}.equipment-metrics small{color:var(--muted);font-size:10px;margin-bottom:3px}.equipment-metrics strong{font-size:21px}.equipment-list{padding:0}.equipment-list .panel-title{padding:20px}.equipment-list code{background:#f1f2f4;color:#565b64;border-radius:5px;padding:4px 6px;font-size:10px}.manage-link{color:var(--orange);display:flex;align-items:center;gap:5px;text-decoration:none;font-weight:700}.manage-link svg{width:13px}.modal-backdrop{position:fixed;inset:0;background:rgba(17,20,28,.48);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;z-index:50}.restaurant-modal{width:min(610px,100%);background:#fff;border-radius:17px;box-shadow:0 28px 90px rgba(0,0,0,.24);overflow:hidden}.modal-head{padding:22px 24px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{font-size:18px;margin:0 0 5px}.modal-head p{font-size:11px;color:var(--muted);margin:0}.modal-head>button{border:0;background:#f2f3f5;color:#70747c;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1}.restaurant-modal form{padding:22px 24px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);margin:21px -24px -22px;padding:15px 24px}.restaurant-modal .form-error{margin:15px 0 0}.button-link{justify-content:center}@media(max-width:800px){.restaurant-settings{grid-template-columns:1fr}.save-bar{left:72px}.equipment-metrics{grid-template-columns:1fr 1fr}}@media(max-width:580px){.form-grid{grid-template-columns:1fr}.form-grid .span-two{grid-column:auto}.save-bar{left:0;bottom:64px;padding:10px 13px}.save-bar>div{display:none}.equipment-metrics{grid-template-columns:1fr}.restaurant-modal{max-height:90vh;overflow:auto}.modal-actions,.modal-head,.restaurant-modal form{padding-left:18px;padding-right:18px}.modal-actions{margin-left:-18px;margin-right:-18px}}.empty-state{text-align:center;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state .metric-icon{margin-bottom:14px}.empty-state h2{font-size:18px;margin:0 0 7px}.empty-state p{color:var(--muted);max-width:470px;line-height:1.55;margin:0 0 19px}.overview-empty{min-height:360px}.overview-metrics{margin-top:3px}.overview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.overview-actions article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px}.overview-actions article>svg{width:26px;color:var(--orange)}.overview-actions h2{font-size:14px;margin:0 0 5px}.overview-actions p{font-size:10px;color:var(--muted);margin:0;line-height:1.45}.overview-actions a{display:flex;align-items:center;gap:5px;color:var(--orange);font-weight:700;text-decoration:none;font-size:10px}.overview-actions a svg{width:13px}.inline-empty{min-height:190px;display:flex;align-items:center;justify-content:center;gap:13px;color:var(--muted);padding:24px}.inline-empty>svg{width:28px}.inline-empty>div{display:flex;flex-direction:column;gap:4px}.inline-empty strong{color:var(--ink);font-size:12px}.inline-empty span{font-size:10px}.restaurant-access{margin-top:16px;margin-bottom:70px}.disabled-link{opacity:.45;pointer-events:none}.logo-upload-preview{display:flex;align-items:center;gap:13px;margin-top:16px;padding:12px;background:#fafafb;border:1px solid var(--line);border-radius:10px}.logo-upload-preview img{width:72px;height:52px;object-fit:contain;background:#fff;border-radius:7px}.logo-upload-preview .text-button{margin:0}.mini-logo-image{width:70px;height:42px;object-fit:contain;margin-bottom:6px}.portal-logo img{max-width:112px;max-height:48px;object-fit:contain}.portal-logo:has(img){flex-direction:column}.portal-card.unavailable{text-align:center;padding:55px 35px}.portal-card.unavailable h1{margin-bottom:10px}.portal-card.unavailable p{color:var(--muted);line-height:1.5}.users-list{padding:0}.users-list table{margin-top:0}.portal-card-dark{background:#050505;border:1px solid #262626;box-shadow:0 28px 90px rgba(0,0,0,.3);padding-bottom:14px}.portal-card-dark .portal-logo{border:0;padding-top:38px;padding-bottom:0}.portal-card-dark .portal-logo img{border-radius:12px}.portal-card-dark .portal-logo strong,.portal-card-dark h1{color:#fff}.portal-card-dark .portal-heading p{color:#aaa;margin-top:8px;margin-bottom:14px}.portal-card-dark label{color:#f0f0f0;margin-bottom:9px}.portal-card-dark input{height:40px;margin-top:4px;background:#151515;border-color:#353535;color:#fff}.portal-card-dark input::placeholder{color:#777}.portal-card-dark .phone-input{height:40px;margin-top:4px;background:#151515;border-color:#353535}.portal-card-dark .phone-input input{height:38px;margin:0}.portal-card-dark .phone-input span{color:#eee;border-color:#353535}.portal-card-dark .consent{color:#aaa!important;margin-bottom:9px}.portal-card-dark .consent input{margin:1px 0 0}.portal-card-dark .primary{height:42px;color:#171300}.portal-card-dark .primary:hover{background:color-mix(in srgb,var(--tenant-color) 88%,white)}.portal-card-dark .secure-note{border-color:#282828;color:#888;margin-top:10px;padding-top:10px}@media(max-width:950px){.overview-actions{grid-template-columns:1fr}}@media(max-width:580px){.overview-metrics{grid-template-columns:1fr 1fr}.overview-actions article{grid-template-columns:32px 1fr}.overview-actions article>a{grid-column:2}.restaurant-access{margin-bottom:90px}}.metrics .metric-link{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;display:flex;gap:14px;min-width:0;color:inherit;text-decoration:none;align-items:flex-start}.metrics .metric-link:hover{border-color:#f0b5a6;box-shadow:0 8px 24px rgba(34,37,43,.06);transform:translateY(-1px)}.metrics .metric-link>div{display:flex;flex-direction:column}.metrics .metric-link>svg{width:16px;margin-left:auto;color:var(--orange)}.metrics .metric-link p{margin:0 0 6px;color:var(--muted);font-size:12px}.metrics .metric-link strong{font-size:25px;line-height:1.05;letter-spacing:-.5px}.metrics .metric-link small{margin-top:8px;color:#777;font-size:10px}.logout-button{width:100%;margin-top:10px;border:1px solid var(--line);background:#fff;color:#656a74;border-radius:8px;padding:9px;font-size:11px;font-weight:700}.logout-button:hover{color:var(--orange);border-color:#f0b5a6}.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#fff0eb,transparent 28%),var(--bg)}.admin-login-card{width:min(100%,420px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 24px 70px rgba(32,35,42,.1)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:30px}.login-brand>span{width:42px;height:42px;border-radius:12px;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:800}.login-brand>div{display:flex;flex-direction:column}.login-brand strong{font-size:17px}.login-brand small{color:var(--muted);font-size:10px;margin-top:3px}.admin-login-card h1{margin:0 0 7px;font-size:27px}.admin-login-card>p{margin:0 0 24px;color:var(--muted);line-height:1.5;font-size:12px}.admin-login-form{display:flex;flex-direction:column;gap:15px}.admin-login-form label{font-size:11px;font-weight:700;color:#555b65}.admin-login-form input{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 12px;margin-top:7px;outline:0}.admin-login-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fff0eb}.admin-login-card footer{text-align:center;color:#9a9da5;font-size:9px;margin-top:24px}.admin-login-card footer strong{color:#696d75}@media(max-width:1100px){.metrics .metric-link{padding:14px;display:block}.metrics .metric-link>svg{display:none}}@media(max-width:580px){.admin-login-card{padding:25px}}.settings-actions{display:flex;gap:9px}.settings-status{color:var(--muted);font-size:10px;margin-top:-5px}.form-success{background:#e8f7f0;color:#198457;padding:9px;border-radius:7px;font-size:10px;margin:0}.hotspot-port-grid{align-items:end}.port-help{height:41px;display:flex;flex-direction:column;justify-content:center;background:#fafafb;border:1px solid var(--line);border-radius:8px;padding:0 12px;margin-top:16px}.port-help strong{font-size:10px}.port-help span{font-size:9px;color:var(--muted);margin-top:3px}.hotspot-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.automation-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8f7fc;border-radius:10px;padding:14px;margin-top:16px}.automation-list span{display:flex;align-items:center;gap:7px;font-size:10px;color:#5b5e68}.automation-list svg{width:15px;color:var(--purple)}.hotspot-result{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hotspot-result span{display:flex;flex-direction:column;background:#f7f8fa;border-radius:9px;padding:13px;color:#565b65}.hotspot-result strong{font-size:9px;color:var(--muted);margin-bottom:4px}.hotspot-result small{grid-column:1/-1;color:var(--muted)}.mikrotik-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px}.mikrotik-actions .test-connection{margin-top:0}.danger-button{border:1px solid #d84b3e;background:#fff;color:#c13d32;border-radius:9px;padding:10px 14px;font-weight:700}.danger-button:hover{background:#fff0ee}.danger-button:disabled,.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.55}.online-monitor{margin-top:16px}.online-monitor .panel-title{align-items:flex-end;gap:20px}.online-monitor-actions{display:flex;align-items:flex-end;gap:9px}.online-monitor-actions label{font-size:9px;font-weight:700;color:#666}.online-monitor-actions select{display:block;min-width:210px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;margin-top:5px}.live-summary{display:flex;align-items:center;gap:5px;padding:12px 20px;background:#f8faf9;border-top:1px solid var(--line);color:#60656d;font-size:11px}.live-summary small{margin-left:auto;color:var(--muted)}.monitor-warning{margin:0;padding:11px 20px;background:#fff7e7;color:#8a641d;font-size:10px;border-top:1px solid #f2e5c9}.online-monitor code{font-size:10px;background:#f2f3f5;padding:4px 6px;border-radius:5px}@media(max-width:760px){.online-monitor .panel-title,.online-monitor-actions{align-items:stretch;flex-direction:column}.online-monitor-actions select{min-width:0;width:100%}.live-summary{flex-wrap:wrap}.live-summary small{width:100%;margin-left:12px}}.menu-upload-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:15px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fafafb}.menu-upload-summary>span{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:10px}.menu-upload-summary>span strong{color:var(--ink);font-size:12px}.menu-upload-summary>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:650px){.menu-upload-summary{align-items:stretch;flex-direction:column}.menu-upload-summary>div>*{flex:1 1;justify-content:center}}.menu-sending-control{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;margin-bottom:18px;border:1px solid var(--line);border-radius:10px;background:#fafafb}.menu-sending-control>span{display:flex;flex-direction:column;gap:4px}.menu-sending-control small{color:var(--muted)}.template-status-line{display:flex;justify-content:flex-end;margin:-7px 0 14px}@media(max-width:650px){.menu-sending-control{align-items:stretch;flex-direction:column}.menu-sending-control button{justify-content:center}}.restaurant-access .panel-title{align-items:center}.restaurant-access .search input{width:230px}.device-identity,.restaurant-access td:first-child>span:nth-child(2),.restaurant-access td:nth-child(5){display:flex;flex-direction:column;gap:3px}.restaurant-access td small{color:var(--muted);font-size:9px}.compact-action{padding:7px 9px;font-size:10px;white-space:nowrap}.access-feedback{margin:0;padding:10px 20px;border-top:1px solid var(--line)}@media(max-width:760px){.restaurant-access .panel-title,.restaurant-access .session-actions{align-items:stretch;flex-direction:column}.restaurant-access .search input{width:100%}}.portal-heading.no-icon{padding-top:22px}.temporary-active{background:#e8f8f0;color:#23744f}.temporary-instructions{font-size:12px;line-height:1.55;padding:14px 12px;margin-top:2px}.portal-card-dark .consent{align-items:center}.portal-card-dark .consent input{width:15px;height:15px;margin:0}.portal-card-dark .primary{margin-top:10px}.portal-card-dark .portal-logo img{max-width:180px;max-height:82px;transform:scale(1.35);transform-origin:center bottom}.portal-page{overflow-x:clip;overflow-y:visible;min-height:100svh}.portal-pattern{overflow:hidden;pointer-events:none}.portal-page:has(>.portal-state){height:100dvh;min-height:0;box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;gap:20px;padding:24px 20px max(16px,env(safe-area-inset-bottom));overflow:hidden}.portal-page>.portal-state{position:relative;z-index:1;width:100%;max-width:430px;max-height:100%;overflow-y:auto;padding:16px 0}.portal-page:has(>.portal-state)>footer{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;text-align:center}.portal-card input:not([type=checkbox]){font-size:16px;min-width:0}.portal-card .phone-input input{flex:1 1;min-width:0;width:0}.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 11px;margin-top:6px;resize:vertical;font:inherit;line-height:1.5}.campaign-form,.settings-two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-form input,.campaign-form select,.restaurant-modal>label input,.settings-fields select{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 11px;margin-top:6px}.campaign-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr);gap:16px;align-items:start}.campaign-composer h2,.campaign-list h2{margin:0 0 5px}.campaign-composer>p{color:var(--muted);font-size:11px}.campaign-form{display:grid;gap:13px;margin-top:18px}.campaign-form label,.restaurant-modal>label{font-size:10px;font-weight:700;color:#555b65}.recipient-picker{border:1px solid var(--line);border-radius:10px;max-height:290px;overflow:auto}.recipient-picker>div{position:sticky;top:0;background:#fafafb;padding:10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);z-index:1}.recipient-picker>div button{border:0;background:transparent;color:var(--orange);font-size:10px;font-weight:700}.recipient-picker>label{display:flex;gap:9px;align-items:center;padding:9px 11px;border-bottom:1px solid #f2f2f4}.recipient-picker>label input{width:15px;margin:0}.recipient-picker>label span{display:flex;flex-direction:column}.recipient-picker small{color:var(--muted);margin-top:2px}.recipient-picker>p{padding:12px;color:var(--muted)}.campaign-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.campaign-row>div:first-child{display:flex;flex-direction:column;gap:4px}.campaign-row small,.campaign-row span{font-size:10px;color:var(--muted)}.campaign-row>div:last-child{display:flex;align-items:center;gap:7px}.campaign-row button{font-size:10px;padding:7px 9px}.campaign-details{width:min(980px,96vw)}.campaign-details table td:first-child{display:table-cell}.span-two{grid-column:1/-1}@media(max-width:1050px){.campaign-layout{grid-template-columns:1fr}}@media(max-width:800px){.campaign-form,.settings-two-columns{grid-template-columns:1fr}.campaign-row{flex-direction:column}.campaign-row>div:last-child{align-items:flex-start}.span-two{grid-column:auto}}.admin-login-page,.app-shell{--ink:#e6edf8;--muted:#9aabc1;--line:#293d57;--surface:#101f35;--bg:#06162e;--orange:#50c5f5;--orange-dark:#1686d7;--green:#71dfa4;--purple:#b8a6ff;--blue:#50c5f5;color-scheme:dark;color:var(--ink);background:var(--bg);accent-color:#1686d7}.app-shell .sidebar{background:#08172b}.app-shell .topbar{background:#06162e}.app-shell .sidebar nav a{color:#a8b8cc}.app-shell .sidebar nav a:hover{background:#112e4c;color:#e6edf8}.app-shell .sidebar nav a.active{background:#126bbc;color:#fff;box-shadow:inset 4px 0 #50c5f5}.admin-login-page .login-brand>span,.app-shell .brand-mark{background:#126bbc}.app-shell .avatar{background:#153b60;color:#d9f2ff}:is(.app-shell,.admin-login-page) :is(.panel,.restaurant-card,.restaurant-modal,.admin-login-card){background:var(--surface);border-color:var(--line)}.app-shell :is(.range-row>span,.summary-chip,.equipment-metrics article,.metrics article,.metrics .metric-link){background:var(--surface);color:var(--ink);border-color:var(--line)}.app-shell :is(.support-card,.info-box,.live-summary,.logo-upload-preview,.port-help,.automation-list,.hotspot-result span,.menu-upload-summary,.menu-sending-control,.recipient-picker>div){background:#102c45;color:#bdd9ed;border-color:var(--line)}.app-shell :is(.support-icon,.client-avatar,.modal-head>button,.equipment-list code,.online-monitor code){background:#1c3653;color:#c4e9fc}.app-shell .save-bar{background:#0c1d33f5}.app-shell .modal-backdrop{background:#020a18b8}:is(.app-shell,.admin-login-page) :is(.primary,.button-link.primary){background:#126bbc;border-color:#248ad4;color:#fff}:is(.app-shell,.admin-login-page) .primary:hover{background:#1686d7}.app-shell :is(.secondary,.icon-button,.logout-button){background:#132b46;border-color:#35506e;color:#e6edf8}.app-shell :is(.secondary,.icon-button,.logout-button):hover{background:#1b3e60;border-color:#50c5f5}:is(.app-shell,.admin-login-page) :is(input,select,textarea){color:var(--ink);background:#0a192d;border-color:#35506e}:is(.app-shell,.admin-login-page) input::placeholder,:is(.app-shell,.admin-login-page) textarea::placeholder{color:#93a6bd;opacity:1}:is(.app-shell,.admin-login-page) :is(input,select,textarea):focus{border-color:#50c5f5;box-shadow:0 0 0 3px #50c5f524;outline:none}:is(.app-shell,.admin-login-page) :is(a,button,input,select,textarea):focus-visible{outline:2px solid #50c5f5;outline-offset:3px}.admin-login-page .admin-login-form label,.app-shell :is(.form-grid label,.settings-fields label,.campaign-form label,.restaurant-modal>label,.online-monitor-actions label,.check-grid span,.automation-list span){color:#c5d2e3}.app-shell :is(.config-list em,.config-summary em,.legend,.metrics small,.metrics .metric-link small,.rank-row small,.card-footer,.breadcrumb){color:var(--muted)}.app-shell :is(td,th,.rank-row,.config-summary span,.recipient-picker>label){border-color:var(--line)}.app-shell th{background:#0a1a2f;color:#a8bdd4}.app-shell td{color:#bdcbe0}.app-shell td:first-child{color:var(--ink)}.app-shell tbody tr:hover{background:#152d47}.app-shell .gridline{stroke:#293d57}.app-shell .data-line{stroke:#29b8f0}.app-shell .metric-icon.blue,.app-shell .metric-icon.orange{background:#143b5a;color:#50c5f5}.app-shell .metric-icon.green{background:#103d30;color:#71dfa4}.app-shell .metric-icon.purple{background:#322b52;color:#b8a6ff}.app-shell .overview-metrics>:first-child{background:linear-gradient(120deg,#126fc7,#105ca5);border-color:#228bdb}.app-shell .overview-metrics>:nth-child(2){background:linear-gradient(120deg,#16703c,#11542f);border-color:#248650}.app-shell .overview-metrics>:nth-child(3){background:linear-gradient(120deg,#a76c0e,#86570b);border-color:#ce921e}.app-shell .overview-metrics>:nth-child(4){background:linear-gradient(120deg,#155475,#113b59);border-color:#28799e}.app-shell .overview-metrics :is(strong,p,small,.metric-icon,.metric-link>svg){color:#fff}.app-shell .overview-metrics .metric-icon{background:#ffffff26}.app-shell .metrics .metric-link:hover{border-color:#50c5f5;box-shadow:0 8px 24px #0003}.app-shell .active-status,:is(.app-shell,.admin-login-page) .form-success{background:#143e30;color:#8ae8b4}.app-shell .ended-status{background:#28364b;color:#c3cddd}.app-shell :is(.warning-status,.monitor-warning){background:#473516;color:#ffda86;border-color:#785a21}.app-shell .offline{color:#ff9aa7!important}:is(.app-shell,.admin-login-page) .form-error{background:#482630;color:#ffb6c0}.app-shell .save-error{color:#ffb6c0}.app-shell .danger-button{background:#38212c;border-color:#a55263;color:#ffb6c0}.app-shell .danger-button:hover{background:#542633}.admin-login-page{background:radial-gradient(circle at 20% 10%,#113657,transparent 40%),#06162e}.admin-login-page .admin-login-card{box-shadow:0 24px 70px #0005}.admin-login-page footer strong{color:#c5d2e3}