:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{overflow-x:hidden}#root{min-height:100vh}:root{--bg:#070706;--bg-soft:#10100f;--card:#141311d1;--card-strong:#1c1a17f5;--border:#ffb44d2e;--border-strong:#ff8b1761;--text:#fff8ed;--muted:#b9aa98;--gold:#ffbf4d;--orange:#ff7a18;--deep-orange:#f04413;--red:#ce1f0c;--shadow-orange:#ff5e1447}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 16% 4%,#ff7a1838,#0000 30rem),radial-gradient(circle at 88% 14%,#ce1f0c29,#0000 28rem),radial-gradient(circle at 50% 110%,#ffbf4d1f,#0000 34rem),linear-gradient(#0d0d0c 0%,#050505 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{-webkit-tap-highlight-color:transparent}.app-shell{width:100%;overflow:hidden}.hero-section{min-height:100vh;padding:24px;position:relative}.hero-section:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}.navbar{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#0a0a09d1;border-radius:26px;justify-content:space-between;align-items:center;width:min(1180px,100%);margin:0 auto;padding:14px 16px;display:flex;position:relative;box-shadow:0 24px 70px #00000052,inset 0 1px #ffffff0d}.brand-block{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:linear-gradient(145deg,#ffbf4d47,#f0441338),#0b0b0a;border:1px solid #ffbf4d61;border-radius:999px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden;box-shadow:0 0 34px #ff7a1847,inset 0 0 16px #ffbf4d14}.logo-mark img{object-fit:cover;width:100%;height:100%}.brand-name{letter-spacing:.16em;margin:0;font-size:21px;font-weight:950;line-height:1}.brand-subtitle{color:var(--gold);letter-spacing:.24em;text-transform:uppercase;margin:4px 0 0;font-size:12px}.nav-actions{color:#e9d9c7;align-items:center;gap:22px;font-size:14px;display:flex}.nav-actions a{color:#fff8edc2;transition:color .2s}.nav-actions a:hover{color:var(--gold)}.nav-button{color:#1a0b03;background:linear-gradient(135deg, var(--gold), var(--orange), var(--deep-orange));cursor:pointer;box-shadow:0 14px 34px var(--shadow-orange);border:0;border-radius:999px;padding:12px 18px;font-weight:800}.hero-grid{z-index:2;grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr);align-items:center;gap:52px;width:min(1180px,100%);margin:0 auto;padding:88px 0 60px;display:grid;position:relative}.eyebrow{width:fit-content;color:var(--gold);background:#ff7a1814;border:1px solid #ffbf4d47;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 14px;font-size:14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.hero-content h1{letter-spacing:-.06em;max-width:840px;margin:0;font-size:clamp(42px,6.5vw,76px);line-height:.96}.hero-content h1::selection{background:#ff7a1873}.hero-text::selection{background:#ff7a1873}.hero-text{color:var(--muted);max-width:690px;margin:24px 0 0;font-size:18px;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:15px 22px;display:inline-flex}.primary-button{color:#1b0b02;background:linear-gradient(135deg, var(--gold), var(--orange), var(--deep-orange));border:0;font-weight:900;box-shadow:0 18px 42px #ff5e1452,inset 0 1px #ffffff59}.secondary-button{color:var(--text);background:#161412db;border:1px solid #ffbf4d33}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:640px;margin-top:36px;display:grid}.hero-stats div{background:#131210c2;border:1px solid #ffbf4d26;border-radius:22px;padding:18px;box-shadow:inset 0 1px #ffffff0a}.hero-stats strong{color:#fff4df;font-size:20px;display:block}.hero-stats span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.hero-card{justify-content:center;display:flex}.phone-preview{background:radial-gradient(circle at 50% 0,#ff7a1833,#0000 22rem),linear-gradient(145deg,#1c1a17fa,#040404fa);border:1px solid #ffbf4d40;border-radius:44px;width:min(420px,100%);min-height:620px;padding:22px;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000008c,0 0 54px #ff5e1433}.phone-preview:before{content:"";filter:blur(24px);background:#ff7a181f;border-radius:999px;width:170px;height:170px;position:absolute;top:-46px;right:-46px}.phone-top,.restaurant-card,.qr-preview,.order-preview,.menu-list{z-index:1;position:relative}.phone-top{justify-content:center;gap:7px;margin-bottom:22px;display:flex}.phone-top span{background:#ffbf4d47;border-radius:999px;width:7px;height:7px}.restaurant-card,.qr-preview,.order-preview,.menu-list div{background:#0c0c0bb8;border:1px solid #ffbf4d26;border-radius:24px;box-shadow:inset 0 1px #ffffff0a}.restaurant-card{align-items:center;gap:14px;padding:18px;display:flex}.restaurant-icon{color:#1a0b03;background:linear-gradient(135deg, var(--gold), var(--orange), var(--deep-orange));border-radius:20px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 16px 28px #f0441338}.restaurant-card h3,.qr-preview h4{margin:0}.restaurant-card p,.qr-preview p{color:var(--muted);margin:5px 0 0}.qr-preview{color:var(--gold);align-items:center;gap:18px;margin-top:16px;padding:22px;display:flex}.order-preview{justify-content:space-between;align-items:center;margin-top:16px;padding:18px;display:flex}.order-preview p{color:var(--muted);margin:0 0 5px}.order-preview strong{color:#fff4df;font-size:24px}.order-preview span{color:#ffd99a;background:#ff7a1824;border:1px solid #ffbf4d24;border-radius:999px;padding:8px 12px;font-size:13px}.menu-list{gap:12px;margin-top:16px;display:grid}.menu-list div{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.menu-list p{color:#f8ead6;margin:0}.menu-list strong{color:var(--gold)}.section{width:min(1180px,100% - 48px);margin:0 auto;padding:90px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading p,.pricing-label{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin:0 0 10px;font-size:13px;font-weight:900}.section-heading h2,.pricing-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(32px,5vw,54px);line-height:1.02}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card,.roadmap-card,.pricing-card{background:linear-gradient(#201d19c7,#0e0d0cd1);border:1px solid #ffbf4d29;border-radius:28px;box-shadow:0 22px 54px #00000040,inset 0 1px #ffffff0a}.feature-card{padding:24px}.feature-icon{width:52px;height:52px;color:var(--gold);background:#ff7a181a;border:1px solid #ffbf4d21;border-radius:18px;place-items:center;display:grid}.feature-icon svg{width:25px;height:25px}.feature-card h3,.roadmap-card h3{color:#fff4df;margin:20px 0 10px}.feature-card p,.roadmap-card p,.pricing-card p{color:var(--muted);margin:0;line-height:1.7}.pricing-section{width:min(1180px,100% - 48px);margin:0 auto;padding:40px 0 80px}.pricing-card{background:radial-gradient(circle at 100% 0,#ff7a182e,#0000 26rem),linear-gradient(#201d19cc,#0c0b0aeb);grid-template-columns:1fr .9fr;align-items:center;gap:30px;padding:34px;display:grid}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.plan-card{background:#0606068c;border:1px solid #ffbf4d24;border-radius:24px;padding:24px}.plan-card.highlight{border-color:#ff7a1885;box-shadow:0 0 40px #ff5e1424}.plan-card h3{margin:0 0 14px}.plan-card strong{color:var(--gold);font-size:34px;display:block}.plan-card span{color:var(--muted)}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.roadmap-card{padding:26px}.roadmap-top{justify-content:space-between;align-items:center;display:flex}.roadmap-top span{color:#ffbf4d47;font-size:32px;font-weight:950}.roadmap-top div{color:var(--gold)}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:42px;padding-top:64px}.hero-content{text-align:center}.eyebrow,.hero-buttons,.hero-stats{margin-left:auto;margin-right:auto}.feature-grid,.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card{grid-template-columns:1fr}}@media (width<=760px){.hero-section{padding:14px}.navbar{border-radius:22px}.nav-actions a{display:none}.brand-mark{width:48px;height:48px}.brand-name{font-size:18px}.brand-subtitle{font-size:11px}.nav-button{white-space:nowrap;padding:10px 13px;font-size:13px}.hero-grid{padding:52px 0 36px}.hero-content h1{letter-spacing:-.055em;font-size:clamp(38px,12vw,52px)}.hero-text{font-size:16px;line-height:1.7}.hero-stats,.feature-grid,.roadmap-grid,.plans{grid-template-columns:1fr}.phone-preview{border-radius:36px;width:min(390px,100%);min-height:auto}.section,.pricing-section{width:min(100% - 28px,1180px);padding:58px 0}.pricing-card{padding:24px}}@media (width<=430px){.navbar{gap:10px;padding:12px}.brand-block{gap:9px}.brand-mark{width:44px;height:44px}.brand-name{letter-spacing:.12em;font-size:16px}.brand-subtitle{letter-spacing:.16em}.nav-button{padding:9px 11px;font-size:12px}.eyebrow{padding:9px 12px;font-size:12px}.hero-content h1{font-size:38px}.hero-buttons{width:100%}.primary-button,.secondary-button{width:100%;padding:14px 18px}.phone-preview{border-radius:32px;padding:16px}.restaurant-card,.qr-preview,.order-preview{border-radius:20px}.qr-preview{text-align:center;flex-direction:column}.order-preview{flex-direction:column;align-items:flex-start;gap:12px}.menu-list div{grid-template-columns:auto 1fr}.menu-list strong{grid-column:2}.feature-card,.roadmap-card{border-radius:24px;padding:20px}.section-heading h2,.pricing-card h2{font-size:32px}}@media (width<=360px){.hero-section{padding:10px}.navbar{border-radius:18px}.brand-mark{width:40px;height:40px}.brand-name{font-size:14px}.brand-subtitle{font-size:10px}.nav-button{padding:8px 9px;font-size:11px}.hero-content h1{font-size:34px}.hero-text{font-size:15px}}.auth-page,.dashboard-page{background:radial-gradient(circle at 18% 6%,#ff7a183d,#0000 30rem),radial-gradient(circle at 88% 16%,#ce1f0c29,#0000 28rem),linear-gradient(#0d0d0c 0%,#050505 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.dashboard-card{background:linear-gradient(#201d19d6,#0c0b0af0);border:1px solid #ffbf4d2e;border-radius:32px;width:min(480px,100%);padding:26px;box-shadow:0 30px 90px #0000007a,0 0 54px #ff5e141f}.auth-card.wide{width:min(720px,100%)}.auth-back{width:fit-content;color:var(--muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.auth-logo{border:1px solid #ffbf4d57;border-radius:999px;width:92px;height:92px;margin:22px auto 18px;overflow:hidden;box-shadow:0 0 34px #ff7a183d}.auth-logo img{object-fit:cover;width:100%;height:100%}.auth-heading{text-align:center;margin-bottom:24px}.auth-heading p{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:12px;font-weight:900}.auth-heading h1,.dashboard-hero h1{color:#fff4df;letter-spacing:-.04em;margin:0;font-size:clamp(30px,6vw,42px);line-height:1.04}.auth-heading span,.dashboard-hero p{color:var(--muted);margin-top:12px;line-height:1.7;display:block}.auth-form{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.auth-form label{color:#f8ead6;gap:8px;font-size:14px;font-weight:800;display:grid}.auth-form input{width:100%;color:var(--text);background:#0606068f;border:1px solid #ffbf4d2e;border-radius:16px;outline:none;padding:14px 15px}.auth-form input:focus{border-color:#ff7a18a3;box-shadow:0 0 0 4px #ff7a181f}.auth-message{color:#ffd99a;background:#ff7a181a;border:1px solid #ffbf4d2e;border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.6}.auth-footer-text{text-align:center;color:var(--muted);margin:20px 0 0}.auth-footer-text a{color:var(--gold);font-weight:900}.dashboard-card{width:min(980px,100%)}.dashboard-top,.dashboard-hero{justify-content:space-between;align-items:center;gap:18px;display:flex}.dashboard-hero{background:#0606066b;border:1px solid #ffbf4d24;border-radius:28px;margin-top:36px;padding:28px}.dashboard-icon{color:#1a0b03;background:linear-gradient(135deg, var(--gold), var(--orange), var(--deep-orange));border-radius:28px;flex:none;place-items:center;width:92px;height:92px;display:grid}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.mini-card{background:#0606066b;border:1px solid #ffbf4d24;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:130px;padding:18px;display:flex}.mini-card svg{color:var(--gold)}.mini-card span{color:var(--muted);font-size:13px}.mini-card strong{color:#fff4df;word-break:break-word}@media (width<=760px){.auth-page,.dashboard-page{padding:14px}.auth-card,.dashboard-card{border-radius:26px;padding:20px}.form-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-top,.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-top .secondary-button{width:100%}}@media (width<=380px){.auth-card,.dashboard-card{border-radius:22px;padding:16px}.auth-logo{width:78px;height:78px}}.toast-stack{z-index:2000;pointer-events:none;gap:12px;width:min(380px,100vw - 28px);display:grid;position:fixed;top:18px;right:18px}.app-toast{pointer-events:auto;background:linear-gradient(#201d19f5,#0c0b0afa);border:1px solid #ffbf4d2e;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:12px;padding:14px;animation:.22s ease-out toastIn;display:grid;box-shadow:0 20px 54px #0000006b,0 0 34px #ff5e141a}.app-toast.success{border-color:#22c55e5c}.app-toast.error{border-color:#f8717166}.app-toast.warning{border-color:#ffbf4d6b}.toast-icon{width:38px;height:38px;color:var(--gold);background:#ff7a181f;border-radius:14px;place-items:center;display:grid}.app-toast.success .toast-icon{color:#86efac;background:#22c55e1f}.app-toast.error .toast-icon{color:#fca5a5;background:#f871711f}.toast-content strong{color:#fff4df;font-size:14px;display:block}.toast-content p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.toast-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:#ffffff0a;border:0;border-radius:999px;place-items:center;display:grid}.confirm-overlay{z-index:2100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000ad;place-items:center;padding:18px;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0}.confirm-card{text-align:center;background:radial-gradient(circle at top,#ff7a1829,#0000 18rem),linear-gradient(#201d19fa,#0c0b0afa);border:1px solid #ffbf4d38;border-radius:30px;width:min(420px,100%);padding:26px;box-shadow:0 30px 90px #00000094,0 0 54px #ff5e1424}.confirm-icon{width:66px;height:66px;color:var(--gold);background:#ff7a181f;border:1px solid #ffbf4d2e;border-radius:24px;place-items:center;margin:0 auto 18px;display:grid}.confirm-icon.danger{color:#fca5a5;background:#f871711a;border-color:#f8717142}.confirm-card h3{color:#fff4df;letter-spacing:-.03em;margin:0;font-size:24px}.confirm-card p{color:var(--muted);margin:10px 0 0;line-height:1.65}.confirm-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.primary-button.danger{color:#fff;background:linear-gradient(135deg,#fecaca,#ef4444,#b91c1c)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=520px){.toast-stack{width:calc(100vw - 28px);top:auto;bottom:14px;right:14px}.confirm-card{border-radius:26px;padding:22px}.confirm-actions{grid-template-columns:1fr}}.dashboard-shell{width:min(1180px,100%)}.dashboard-user-actions{align-items:center;gap:12px;display:flex}.dashboard-user-pill{background:#0606066b;border:1px solid #ffbf4d24;border-radius:18px;padding:10px 14px}.dashboard-user-pill span{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;display:block}.dashboard-user-pill strong{color:#fff4df;margin-top:3px;font-size:13px;display:block}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.module-card{background:#0606066b;border:1px solid #ffbf4d24;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:230px;padding:20px;display:flex}.module-card h3{color:#fff4df;margin:16px 0 8px}.module-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.module-card>span{width:fit-content;color:var(--gold);background:#ff7a181a;border:1px solid #ffbf4d24;border-radius:999px;margin-top:18px;padding:7px 10px;font-size:12px;font-weight:800}@media (width<=1024px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-user-actions{flex-direction:column;align-items:stretch}}@media (width<=760px){.dashboard-shell{width:100%}.module-grid{grid-template-columns:1fr}.dashboard-user-actions,.dashboard-user-pill{width:100%}}.management-section{background:#0606066b;border:1px solid #ffbf4d24;border-radius:28px;margin-top:18px;padding:24px}.management-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.management-header h2{color:#fff4df;letter-spacing:-.04em;margin:0;font-size:30px}.management-header span{color:var(--muted);margin-top:8px;line-height:1.6;display:block}.management-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.search-box{color:var(--gold);background:#06060680;border:1px solid #ffbf4d2e;border-radius:18px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:14px 0}.search-box input::placeholder{color:#b9aa98b8}.table-count-pill{color:var(--gold);white-space:nowrap;background:#ff7a181a;border:1px solid #ffbf4d29;border-radius:999px;padding:12px 14px;font-size:13px;font-weight:900}.restaurants-table-wrap{border:1px solid #ffbf4d1f;border-radius:22px;width:100%;margin-top:18px;overflow-x:auto}.restaurants-table{border-collapse:collapse;background:#04040459;width:100%;min-width:1080px}.restaurants-table th,.restaurants-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffbf4d1a;padding:16px}.restaurants-table th{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;background:#ff7a180f;font-size:12px}.restaurants-table td strong{color:#fff4df;font-size:14px;display:block}.restaurants-table td span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.status-pill{text-transform:capitalize;border-radius:999px;width:fit-content;padding:7px 10px;font-weight:900;margin:0!important;font-size:12px!important;display:inline-flex!important}.status-pill.trialing{background:#ff7a181f;border:1px solid #ffbf4d33;color:#ffd99a!important}.status-pill.active{background:#22c55e1a;border:1px solid #22c55e3d;color:#86efac!important}.status-pill.expired,.status-pill.cancelled,.status-pill.past_due,.status-pill.suspended{background:#f871711a;border:1px solid #f871713d;color:#fca5a5!important}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.tiny-button{min-height:36px;color:var(--gold);cursor:pointer;background:#ff7a1817;border:1px solid #ffbf4d29;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:900;display:inline-flex}.tiny-button.danger{color:#fca5a5;background:#f8717117;border-color:#f8717133}.tiny-button.success{color:#86efac;background:#22c55e17;border-color:#22c55e33}.empty-state{color:var(--muted);text-align:center;padding:28px;line-height:1.7}@media (width<=760px){.management-section{border-radius:24px;padding:18px}.management-header,.management-toolbar{flex-direction:column;align-items:stretch}.management-header .secondary-button{width:100%}.management-header h2{font-size:26px}.table-count-pill{text-align:center;width:100%}}
