:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#211f28;background:#f6f5f8;font-synthesis:none;--purple: #7658d6;--purple-dark: #5f42bc;--purple-soft: #f0ecff;--border: #e7e4ec;--muted: #77727f;--green: #2f9865}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--border);padding:28px 18px 20px;display:flex;flex-direction:column}.brand{padding:0 10px 34px}.brand img{width:154px;height:48px;object-fit:contain;object-position:left center}nav{display:grid;gap:6px}.nav-item{width:100%;border:0;background:transparent;color:#66616d;border-radius:12px;display:flex;gap:12px;align-items:center;padding:12px 14px;text-align:left;transition:.18s ease}.nav-item:hover{background:#f8f6fc;color:#332b43}.nav-item.active{background:var(--purple-soft);color:var(--purple-dark);font-weight:700}.venue-chip{margin-top:auto;border-top:1px solid var(--border);padding:20px 8px 0;display:flex;align-items:center;gap:11px;min-width:0}.venue-selector{min-width:0;flex:1}.venue-selector>span{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.venue-selector select{width:100%;border:0;padding:0;background:transparent;color:inherit;font-size:12px;font-weight:800}.venue-chip div:last-child{min-width:0}.venue-chip strong,.venue-chip span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.venue-chip strong{font-size:13px}.venue-chip span{color:var(--muted);font-size:12px;margin-top:3px}.venue-avatar,.member-avatar{width:38px;height:38px;border-radius:12px;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.main{min-width:0;padding:0 36px 48px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between}.eyebrow,.overline{color:var(--purple-dark);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:27px;margin:4px 0 0;letter-spacing:-.035em}h2{font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.045em;max-width:640px}h3{margin-bottom:5px;font-size:18px}.top-actions{display:flex;align-items:center;gap:12px}.connection{background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px;display:flex;gap:7px;align-items:center}.connection i{width:7px;height:7px;border-radius:50%;background:#c6c1cc}.connection i.connected{background:var(--green)}.avatar-button{border:0;background:#28232e;color:#fff;width:38px;height:38px;border-radius:12px;font-size:12px;font-weight:800;display:grid;place-items:center}.auth-page{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,rgba(118,88,214,.18),transparent 32%),linear-gradient(145deg,#f8f7fb,#efecf7)}.auth-card{width:min(100%,440px);background:#fff;border:1px solid var(--border);border-radius:24px;padding:36px;box-shadow:0 24px 70px #35275824}.auth-logo{width:142px;height:46px;object-fit:contain;object-position:left center;margin-bottom:34px}.auth-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--purple-dark);background:var(--purple-soft);margin-bottom:18px}.auth-card h1{font-size:30px;margin:8px 0 10px}.auth-copy,.auth-note{color:var(--muted);line-height:1.55}.auth-form{margin-top:26px}.auth-code{font-size:24px;font-weight:800;letter-spacing:.28em;text-align:center}.auth-error{color:#b22f45;background:#fff0f2;border-radius:10px;padding:10px 12px;margin:12px 0 0;font-size:13px}.auth-link{width:100%;border:0;background:transparent;color:var(--purple-dark);padding:12px;font-weight:700}.auth-note{display:block;margin-top:20px;font-size:11px}.content-stack{display:grid;gap:20px}.hero-card{min-height:310px;background:linear-gradient(125deg,#241c3d,#4f3b8f 62%,#775bd5);border-radius:24px;padding:38px 42px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden;box-shadow:0 18px 46px #402d7126}.hero-card p:not(.overline){color:#ddd5f1;max-width:600px;line-height:1.65}.hero-card .overline{color:#bcaaf7}.hero-icon{width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:13px;display:grid;place-items:center;margin-bottom:18px}.hero-actions{display:flex;gap:10px;margin-top:25px}.qr-preview{background:#fff;color:var(--purple-dark);width:210px;min-height:250px;border-radius:22px;display:grid;place-items:center;align-content:center;gap:9px;flex:0 0 auto;transform:rotate(3deg);box-shadow:0 16px 48px #180e374d}.qr-preview img{width:150px;height:150px;display:block}.qr-preview label{display:flex;align-items:center;gap:8px}.qr-preview input{width:62px;border:1px solid #d9d3e5;border-radius:8px;padding:6px 8px;font:inherit}.qr-download{display:inline-flex;align-items:center;gap:5px;color:var(--purple-dark);font-size:12px;font-weight:800}.qr-preview code{display:block;max-width:220px;overflow-wrap:anywhere;font-size:11px;opacity:.72}.qr-preview span{color:#45404d;font-weight:800;font-size:13px}.primary-button,.secondary-button{border-radius:11px;padding:11px 17px;border:1px solid transparent;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:var(--purple);color:#fff}.primary-button:hover{background:var(--purple-dark)}.hero-card .primary-button{background:#fff;color:#322359}.secondary-button{color:#fff;background:#ffffff14;border-color:#ffffff29}.full{width:100%;margin-top:18px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric,.panel{background:#fff;border:1px solid var(--border);border-radius:18px}.metric{padding:20px;display:flex;align-items:center;gap:14px}.metric-icon,.integration-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--purple-dark);background:var(--purple-soft);flex:0 0 auto}.metric-icon svg,.integration-icon svg{width:20px}.metric span,.metric strong,.metric small{display:block}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:20px;margin:4px 0 2px}.metric small{color:#9b96a1;font-size:11px}.panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.panel-heading p,.panel>p{color:var(--muted);font-size:13px;margin-bottom:0}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:11px;padding:9px 12px;color:#9a95a0;min-width:220px}.search input{border:0;outline:0;min-width:0;width:100%}.menu-list,.table-list{border-top:1px solid var(--border)}.menu-management{display:grid;gap:10px;margin-bottom:18px;padding:14px;border:1px solid var(--border);border-radius:13px;background:#faf9fc}.menu-category-form,.menu-item-form{display:grid;gap:9px}.menu-category-form{grid-template-columns:minmax(0,1fr) auto}.menu-item-form{grid-template-columns:minmax(130px,.7fr) minmax(160px,1fr) minmax(180px,1.3fr) minmax(100px,.45fr) auto}.menu-management input,.menu-management select{min-width:0;border:1px solid var(--border);border-radius:10px;padding:10px 11px;background:#fff}.menu-management-notice{margin:0;color:var(--purple-dark);font-size:12px;font-weight:700}.menu-status-button{border:0;cursor:pointer}.menu-row,.person-row,.integration-row{display:flex;align-items:center;gap:14px;padding:15px 3px;border-bottom:1px solid #efedf2}.menu-row:last-child,.person-row:last-child,.integration-row:last-child{border-bottom:0}.dish-placeholder{width:48px;height:48px;background:#f2f0f5;border-radius:12px;display:grid;place-items:center;color:#aaa4af}.guest-page{min-height:100vh;padding:32px;background:var(--page-bg, #f5f4ef)}.guest-header{display:flex;align-items:center;gap:20px;max-width:1120px;margin:0 auto 28px}.guest-header img{width:104px;height:auto}.guest-header h1{margin:2px 0;font-size:clamp(28px,4vw,46px)}.guest-header p{margin:0;color:var(--muted, #6d6b66)}.guest-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;max-width:1120px;margin:0 auto;align-items:start}.guest-menu{display:grid;gap:18px}.guest-menu h2,.guest-cart h2{margin:0 0 16px}.guest-dish{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--border, #e8e3d9)}.guest-dish:first-of-type{border-top:0}.guest-dish p{margin:5px 0 10px;color:var(--muted, #6d6b66)}.quantity-control{display:flex;align-items:center;gap:10px}.quantity-control button{width:34px;height:34px;border-radius:50%;border:1px solid var(--border, #ddd6ca);background:#fff;cursor:pointer;font-size:20px}.quantity-control button:disabled{opacity:.4;cursor:default}.quantity-control span{min-width:18px;text-align:center;font-weight:700}.guest-cart{position:sticky;top:24px}.guest-order-form,.guest-actions{display:grid;gap:10px;margin-top:18px}.guest-order-form input{width:100%}.guest-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guest-item-split{display:grid;gap:8px}.guest-item-split label{display:flex;align-items:center;justify-content:space-between;gap:12px}.guest-item-split input{width:72px}.settings-fieldset{display:contents;margin:0;padding:0;border:0}.venue-add-button{width:30px;height:30px;flex:0 0 auto;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;background:#ffffff14;cursor:pointer}.venue-create-form{display:grid;gap:8px;padding:0 14px 16px}.venue-create-form input,.venue-create-form button{min-width:0;padding:9px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.16)}.venue-create-form button{cursor:pointer;font-weight:700}@media(max-width:760px){.guest-page{padding:18px}.guest-layout{grid-template-columns:1fr}.guest-cart{position:static;order:-1}}.grow{flex:1;min-width:0}.grow strong,.grow span{display:block}.grow span{color:var(--muted);font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.availability,.soft-badge,.role-badge{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap}.access-grid,.customers-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;align-items:start}.customer-create-form{display:grid;gap:16px}.customer-create-form h3,.customer-create-form p{margin-bottom:0}.access-invite-form{display:grid;gap:16px}.access-invite-form h3,.access-invite-form p{margin-bottom:0}.member-role-select{border:1px solid var(--border);border-radius:9px;padding:7px 9px;background:#fff;font-size:12px}.member-status-action{border:0;padding:0;background:transparent;color:var(--purple-dark);font-size:11px;font-weight:800}.access-notice{padding:10px 12px;border-radius:10px;background:var(--purple-soft);color:var(--purple-dark);font-size:12px}.availability{background:#e9f7ef;color:#267c51}.availability.off{background:#f2f0f3;color:#77717c}.soft-badge{background:var(--purple-soft);color:var(--purple-dark)}.two-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:20px}.bill-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);font-size:14px}.bill-total{display:flex;justify-content:space-between;padding-top:20px;font-size:18px}.split-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.split-option{text-align:left;border:1px solid var(--border);background:#fff;border-radius:13px;padding:13px;display:flex;gap:10px;color:#4a4550}.split-option>span{color:var(--purple)}.split-option svg{width:19px}.split-option strong,.split-option small{display:block}.split-option small{color:var(--muted);margin-top:3px;line-height:1.3}.split-option.selected{background:var(--purple-soft);border-color:#cfc3f5;color:var(--purple-dark)}.tips-note{margin-top:14px;background:#f8f7fa;border-radius:12px;padding:12px 14px}.tips-note span{color:var(--purple-dark);font-weight:800;font-size:12px}.tips-note p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.form-panel{display:grid;gap:16px;align-content:start}.settings-stack{display:grid;gap:18px}.settings-venue-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#34235e,#704fd4)}.settings-venue-card h2,.settings-venue-card p{margin:0}.settings-venue-card>div:nth-child(2){flex:1}.settings-venue-card>div:nth-child(2)>p:last-child{margin-top:6px;color:#e7dffc;font-size:13px}.settings-venue-card .overline{color:#cfc1fb;margin-bottom:4px}.settings-venue-avatar{width:52px;height:52px;background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.2)}.settings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:20px;align-items:start}.settings-form{display:grid;gap:20px}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-wide-field{grid-column:1 / -1}.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 12px;outline:0;background:#fff;color:inherit;font:inherit}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9a82e6;box-shadow:0 0 0 3px #704fd41a}.settings-switch{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--border);border-radius:12px;background:#faf9fc}.settings-switch input{margin-top:3px;accent-color:var(--purple)}.settings-switch strong,.settings-switch small{display:block}.settings-switch small{margin-top:4px;color:var(--muted);line-height:1.45}.settings-actions{display:flex;justify-content:flex-end}.settings-notice{margin:0;padding:12px 15px;border-radius:11px;font-size:13px;font-weight:700}.settings-notice.success{color:#267c51;background:#e9f7ef}.settings-notice.error,.integration-error{color:#a03c4c;background:#fff0f2}.integrations-panel .panel-heading{align-items:flex-start}.integration-controls{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.integration-action{border:0;padding:0;background:transparent;color:var(--purple-dark);font-size:11px;font-weight:800;cursor:pointer}.integration-action.secondary{color:var(--muted)}.integration-action:disabled{cursor:default;opacity:.5}.integration-config-form{display:grid;gap:12px;margin-top:16px;padding:16px;border:1px solid #d9d0f5;border-radius:13px;background:#faf8ff}.integration-config-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.integration-error{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap}.field span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.field input{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 12px;outline:0}.integration-row{padding:18px 0}.member-avatar{width:40px;height:40px;font-size:12px}.member-avatar.pale{background:#e7e2f4;color:#5b478d}.role-badge{background:#f4f2f6;color:#5b5660}.status-text{color:var(--green);font-size:12px;font-weight:700}.numeric{min-width:100px;text-align:right}.numeric strong,.numeric span{display:block}.numeric span{color:var(--muted);font-size:11px;margin-top:3px}.centered-state{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted)}.centered-state>div{color:var(--purple)}.centered-state h1{color:#28232e;margin-top:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{padding:5px 4px 28px;overflow:hidden}.brand img{width:52px;max-width:none;object-position:left}.nav-item{justify-content:center;padding-inline:0}.nav-item span,.venue-chip div:last-child{display:none}.venue-chip{justify-content:center;padding-inline:0}.main{padding-inline:22px}.two-columns,.settings-layout,.access-grid,.customers-layout{grid-template-columns:1fr}}@media(max-width:680px){.shell{display:block;padding-bottom:76px}.sidebar{position:fixed;z-index:10;top:auto;bottom:0;width:100%;height:70px;border:0;border-top:1px solid var(--border);padding:8px 10px}.brand,.venue-chip{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.nav-item{display:grid;justify-items:center;gap:3px;padding:6px 2px;font-size:10px}.nav-item span{display:block}.main{padding:0 14px 28px}.topbar{height:90px}.top-actions .connection{display:none}.hero-card{padding:26px 22px;min-height:auto}.qr-preview{transform:none;width:100%}.hero-actions{flex-wrap:wrap}.metric-grid{grid-template-columns:1fr}.panel{padding:18px}.panel-heading{align-items:flex-start;flex-direction:column}.settings-venue-card{align-items:flex-start;flex-wrap:wrap}.settings-venue-card>div:nth-child(2){min-width:calc(100% - 70px)}.settings-fields{grid-template-columns:1fr}.settings-wide-field{grid-column:auto}.integration-row{align-items:flex-start;flex-wrap:wrap}.integration-controls{width:100%;align-items:flex-start;padding-left:54px}.search{width:100%;min-width:0}.split-options{grid-template-columns:1fr}.menu-row{display:grid;grid-template-columns:48px 1fr auto}.menu-category-form,.menu-item-form{grid-template-columns:1fr}.menu-row>.availability,.menu-row>strong{grid-column:2;justify-self:start}.menu-row>svg{grid-column:3;grid-row:1}.person-row{flex-wrap:wrap}.numeric{min-width:auto}.role-badge,.status-text{margin-left:54px}}