:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#241d18;--accent:#a67c36;--accent-strong:#6f4e24;--accent-soft:#efe3ca;--sage:#6c7457;--sage-soft:#e8eadf;--clay:#8f5843;--border:#d2c3ac;--muted:#75695b;--surface:#fffaf0;--surface-soft:#f6eddf;--surface-deep:#231d18;--danger:#9f3d32;--success:#526a40;--shadow:0 18px 50px #241d1821;--shadow-hover:0 26px 65px #241d1833;background:#ece4d6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 0,#a67c361f,#0000 32%),linear-gradient(135deg,#f6eddf 0%,#ece4d6 45%,#dfd0bd 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform .15s,border-color .15s,background-color .15s,color .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.55}.appShell{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 48px}.topbar{grid-template-columns:1fr auto auto;justify-content:space-between;align-items:center;gap:18px;padding:16px 0 26px;display:grid}h1,h2,h3,p{margin:0}h1{max-width:680px;font-size:30px;font-weight:740;line-height:1.1}h2{font-size:24px;line-height:1.2}h3{font-size:17px;line-height:1.25}.eyebrow{color:var(--accent-strong);text-transform:uppercase;letter-spacing:0;margin-bottom:6px;font-size:12px;font-weight:760}.modeSwitch,.tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0c7;border:1px solid #785d3d40;border-radius:8px;align-items:center;gap:6px;padding:5px;display:flex;box-shadow:0 10px 28px #241d1814}.modeSwitch button,.tabs button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:680;display:inline-flex}.modeSwitch button:hover,.tabs button:hover{background:var(--surface-soft);color:var(--accent-strong)}.modeSwitch button.active,.tabs button.active{color:#fff;background:linear-gradient(135deg,#342920,#181410);box-shadow:inset 0 0 0 1px #fffaf214,0 8px 18px #241d1829}.clientButton{color:#3b2a16;background:linear-gradient(135deg,#fff6e5,#e8d3a7);border:1px solid #a67c3673;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:780;display:inline-flex;box-shadow:0 14px 28px #6f4e2429}.clientButton:hover{border-color:#a67c36c7;transform:translateY(-1px);box-shadow:0 18px 36px #6f4e2438}.workspace{box-shadow:var(--shadow);background:#fffaf0f2;border:1px solid #785d3d38;border-radius:8px;padding:24px}.workspace.narrow{width:min(560px,100%);margin:0 auto}.adminWorkspace{grid-template-columns:270px minmax(0,1fr);gap:22px;display:grid}.adminMain,.clientRail,.clientCreate{min-width:0}.adminMain{gap:22px;display:grid}.clientRail{color:#fffaf0;background:linear-gradient(#2b231d,#191511);border:1px solid #a67c3638;border-radius:8px;align-content:start;gap:16px;padding:18px;display:grid;box-shadow:0 18px 50px #241d1833}.clientRail .eyebrow,.clientRailHeader .eyebrow{color:#d6b46e}.clientList{gap:8px;display:grid}.clientList button{color:#f8ead6;text-align:left;background:#fffaf00f;border:1px solid #fffaf01a;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 10px;display:flex}.clientList button:hover,.clientList button.active{background:#d6b46e29;border-color:#d6b46e7a}.deleteClientButton{color:#ffd7ce;background:#9f3d321f;border:1px solid #d8725c5c;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:760;display:inline-flex}.deleteClientButton:hover{background:#9f3d3233;border-color:#d8725cad;transform:translateY(-1px)}.clientInsights{background:#fffaf00d;border:1px solid #fffaf01a;border-radius:8px;gap:9px;padding:12px;display:grid}.clientInsights span,.guestRow,.mutedText{color:#cdbfae;font-size:13px}.clientInsights strong,.guestRow strong{color:#fffaf0}.guestDb{gap:10px;display:grid}.guestRow{background:#fffaf00a;border:1px solid #fffaf01a;border-radius:8px;gap:3px;padding:10px;display:grid}.clientCreate{margin-bottom:22px}.clientCreateForm{grid-template-columns:minmax(0,1fr) minmax(180px,260px) auto;align-items:end;gap:14px;display:grid}.tabbedClientCreate,.gatewaySetup{grid-template-columns:1fr;display:grid}.setupTabs{background:#fffaf0bd;border:1px solid #a67c363d;border-radius:8px;gap:6px;width:fit-content;margin-bottom:16px;padding:5px;display:inline-flex}.setupTabs button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 12px;font-weight:760}.setupTabs button:hover,.setupTabs button.active{background:var(--surface-deep);color:#fffaf0}.gatewayProfile{background:linear-gradient(135deg,#fffaf0,#f4e7d1);border:1px solid #a67c363d;border-radius:8px;gap:8px;padding:16px;display:grid}.gatewayProfile p:not(.eyebrow),.gatewayProfile span{color:var(--muted);line-height:1.45}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.scenarioGrid,.connectorGrid,.menuGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.scenarioCard,.actionPanel,.connectorCard,.menuItem{min-width:0;color:inherit;text-align:left;background:#fffaf0;border:1px solid #785d3d33;border-radius:8px;gap:12px;padding:18px;display:grid;box-shadow:0 10px 22px #493a2a0d}.scenarioCard:hover,.actionPanel:hover,.connectorCard:hover,.menuItem:hover,.lineItem:hover{box-shadow:var(--shadow-hover);background:#fffdf8;border-color:#7b5e3b85;transform:translateY(-2px)}.scenarioCard:active,.actionPanel:active,.connectorCard:active,.menuItem:active,.primaryButton:active,.secondaryButton:active,.gatewayGrid button:active,.counter button:active,.textButton:active{transform:translateY(1px)scale(.99)}.scenarioCard{grid-template-columns:auto 1fr auto;align-items:center}.scenarioCard strong,.scenarioCard span:not(.iconBadge){grid-column:2}.scenarioCard>svg{grid-area:1/3/span 2}.scenarioCard.selected{border-color:var(--accent);background:#f8efe0;outline:2px solid #7b5e3b33}.scenarioCard span,.actionPanel span,.connectorCard p,.menuItem p,.qrPreview span{color:var(--muted);line-height:1.45}.iconBadge{background:var(--sage-soft);color:#4f603d;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.formStack,.mappingGrid{gap:14px;display:grid}.mappingGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{color:#26332e;gap:7px;font-size:13px;font-weight:720;display:grid}input,select,textarea{border:1px solid var(--border);color:#2b241d;outline-color:var(--accent);background:#fffdf8;border-radius:8px;width:100%;min-height:44px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background-color .15s}input:hover,select:hover,textarea:hover{border-color:#7b5e3b8c}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7b5e3b29}textarea{resize:vertical}.primaryButton,.secondaryButton,.textButton,.gatewayGrid button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:740;display:inline-flex}.primaryButton{color:#fff;background:linear-gradient(135deg,#30251d,#6f4e24);border:1px solid #6f4e24;box-shadow:0 10px 22px #5b412638}.secondaryButton,.gatewayGrid button{border:1px solid var(--border);color:#2b241d;background:#fffdf8}.textButton{width:fit-content;min-height:34px;color:var(--accent-strong);background:0 0;border:0;padding:0}.primaryButton:hover{background:linear-gradient(135deg,#3b2c20,#8d652d);border-color:#8d652d;transform:translateY(-1px);box-shadow:0 14px 30px #5b412647}.secondaryButton:hover,.gatewayGrid button:hover{background:var(--surface-soft);border-color:#7b5e3b80;transform:translateY(-1px)}.textButton:hover{color:var(--clay)}.errorText{color:var(--danger);font-weight:700}.successText{color:var(--success);font-weight:750}.notice{color:#455b35;background:#f1f5e8;border:1px solid #c7d4b7;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-weight:700}.progress{gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex;overflow-x:auto}.progress li{min-height:34px;color:var(--muted);white-space:nowrap;border:1px solid #785d3d3d;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:720;display:inline-flex}.progress span{background:var(--surface-soft);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.progress li.complete{color:#52623d;background:#fbf7ee;border-color:#6f7d5673}.progress li.complete span{background:var(--sage);color:#fff}.splitActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.actionPanel{align-content:start;min-height:170px}.lineList,.summary{gap:10px;display:grid}.lineItem,.summaryLine,.summaryRow,.summaryTotal,.connectorFooter,.menuMeta{justify-content:space-between;align-items:center;gap:14px;display:flex}.lineItem{background:#fffdf8;border:1px solid #785d3d33;border-radius:8px;min-height:72px;padding:14px;transition:transform .15s,border-color .15s,box-shadow .15s,background-color .15s}.lineItem div,.summaryLine span{gap:4px;display:grid}.lineItem span,.summaryLine small{color:var(--muted);font-size:13px}.checkboxWrap{grid-template-columns:none;align-items:center;width:fit-content;display:inline-flex}.checkboxWrap input{width:20px;min-height:20px;accent-color:var(--sage)}.counter{border:1px solid var(--border);background:#fffdf8;border-radius:8px;grid-template-columns:34px 34px 34px;align-items:center;height:36px;display:grid;overflow:hidden}.counter button{height:34px;color:var(--accent-strong);background:#fffdf8;border:0;justify-content:center;align-items:center;display:inline-flex}.counter button:hover:not(:disabled){background:var(--accent-soft)}.counter span{text-align:center;font-weight:780}.menuItem{grid-template-rows:1fr auto auto}.pill{border:1px solid var(--border);background:var(--sage-soft);border-radius:999px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:760;display:inline-flex;color:#4e603d!important}.commentBox{padding-top:2px}.summary{background:#fffdf8;border:1px solid #785d3d38;border-radius:8px;padding:18px}.summary hr{border:0;border-top:1px solid var(--border);width:100%}.summaryTotal{padding-top:6px;font-size:20px}.footerActions{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.paymentPanel,.confirmation,.qrPreview{text-align:center;background:#fffdf8;border:1px solid #785d3d38;border-radius:8px;justify-items:center;gap:14px;padding:28px;display:grid;box-shadow:0 10px 28px #493a2a0f}.tipsPanel,.connectionDrawer{background:linear-gradient(#fffaf0,#f8efe1);border:1px solid #a67c363d;border-radius:8px;gap:14px;margin-top:14px;padding:18px;display:grid;box-shadow:0 12px 28px #241d1812}.tipOptions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tipOptions button{border:1px solid var(--border);color:#3b3027;background:#fffdf8;border-radius:8px;min-height:40px;font-weight:760}.tipOptions button:hover,.tipOptions button.active{background:var(--accent-soft);color:#4e3518;border-color:#a67c36a6}.paymentPanel>strong{font-size:34px}.gatewayGrid{grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px;width:min(360px,100%);display:grid}.confirmation svg{color:var(--success)}.connectorCard{min-height:190px}.connectorRegion{width:fit-content;color:var(--accent-strong);margin-top:10px;font-size:12px;font-weight:780;display:inline-flex}.fieldSpec{color:var(--muted);font-size:12px;font-weight:650}.statusDot{background:var(--surface-soft);min-height:28px;color:var(--muted);border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:780;display:inline-flex}.statusDot.connected{color:var(--success);background:#e8efdc}.statusDot.error{color:var(--danger);background:#fae8e8}.demoLayout{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start;gap:18px;display:grid}.qrPreview img{aspect-ratio:1;background:#fff;border:1px solid #785d3d2e;border-radius:8px;width:min(220px,100%);padding:10px}.phoneStage{background:#f6efe3;border:1px solid #785d3d33;border-radius:8px;justify-items:center;gap:16px;margin-top:24px;padding:20px;display:grid}.phoneStageHeader{justify-content:space-between;align-items:center;gap:16px;width:min(390px,100%);display:flex}.phoneStageHeader svg{color:var(--accent-strong)}.phoneDevice{background:#2f2922;border:1px solid #2f2922;border-radius:34px;width:min(390px,100%);height:min(844px,78vh);padding:16px 12px 12px;position:relative;box-shadow:0 30px 70px #30271d47,inset 0 0 0 4px #4a4036}.phoneNotch{z-index:2;background:#1b1713;border-radius:999px;width:108px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phoneScreen{background:#eee8dc;border-radius:24px;height:100%;padding:28px 10px 14px;overflow:auto}.phoneScreen .workspace{box-shadow:none;border-radius:8px;padding:14px}.phoneScreen .scenarioGrid,.phoneScreen .connectorGrid,.phoneScreen .menuGrid,.phoneScreen .splitActions{grid-template-columns:1fr}.phoneScreen .sectionHeader,.phoneScreen .lineItem,.phoneScreen .footerActions{grid-template-columns:1fr;display:grid}.phoneScreen h2{font-size:20px}.phoneScreen .progress{margin-bottom:16px}@media (width<=760px){.appShell{width:min(100% - 18px,1120px);padding-top:14px}.topbar,.sectionHeader,.lineItem,.footerActions,.splitActions,.demoLayout{grid-template-columns:1fr;display:grid}.adminWorkspace,.clientCreateForm{grid-template-columns:1fr}.setupTabs{grid-template-columns:1fr;width:100%;display:grid}h1{font-size:24px}.modeSwitch,.tabs{width:100%;overflow-x:auto}.modeSwitch button,.tabs button,.primaryButton,.secondaryButton,.clientButton{width:100%}.workspace{padding:16px}.scenarioCard{grid-template-columns:auto 1fr}.scenarioCard>svg{display:none}.gatewayGrid{grid-template-columns:1fr}.tipOptions{grid-template-columns:repeat(2,minmax(0,1fr))}.phoneStage{padding:12px}.phoneDevice{height:min(760px,78vh)}}