@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18243a;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #08152b;--navy-2: #10213d;--gold: #c89b55;--gold-light: #e5c28a;--cream: #f6f0e5;--ink: #18243a;--muted: #6d7788;--line: #e2e6eb;--panel: #fff;--danger: #a53a3a;--warning: #a66c22;--success: #28745c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}.brand-mark{display:inline-flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.12em;color:inherit}.brand-glyph{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-family:Playfair Display,serif;font-size:19px;letter-spacing:0}.brand-word{font-size:13px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.muted{color:var(--muted)}.button{border:0;border-radius:10px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:.2s ease}.button:hover{transform:translateY(-1px)}.button-gold{background:var(--gold);color:#111827}.button-outline{border:1px solid rgba(255,255,255,.28);color:#fff;background:#ffffff0a}.button-subtle{background:#f1f3f6;color:var(--ink);border:1px solid var(--line)}.button-lg{min-height:52px;padding:0 22px;border-radius:12px}.button-block{width:100%}.full-center{min-height:100vh;display:grid;place-items:center;background:var(--navy);color:#fff}.form-error{padding:10px 12px;border-radius:8px;background:#fff1f1;color:#9f2626;font-size:13px}.marketing-page{background:var(--navy);color:#fff;overflow:hidden}.marketing-nav{height:78px;max-width:1320px;margin:0 auto;padding:0 30px;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(255,255,255,.1)}.marketing-nav nav{margin-left:auto;display:flex;gap:28px;font-size:13px;color:#c8d0dc}.marketing-nav nav a:hover{color:#fff}.hero-section{max-width:1320px;margin:0 auto;min-height:710px;display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center;padding:80px 30px 90px}.hero-kicker{color:var(--gold-light);font-size:12px;letter-spacing:.18em;font-weight:700}.hero-copy h1{font-family:Playfair Display,serif;font-size:clamp(58px,6vw,88px);line-height:.98;margin:16px 0 24px;font-weight:600;letter-spacing:-.04em}.hero-copy h1 span{color:var(--gold-light)}.hero-copy>p{max-width:620px;color:#c9d1dc;font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin:32px 0 28px}.hero-proof{display:flex;flex-wrap:wrap;gap:20px;color:#aeb9c8;font-size:12px}.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-product-stage{min-height:540px;position:relative}.hero-dashboard-card{position:absolute;left:0;top:40px;right:24px;height:390px;border-radius:24px;background:#f7f8fa;color:var(--ink);padding:20px;box-shadow:0 35px 90px #0000004d;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)}.fake-window-bar{display:flex;gap:6px;align-items:center;height:32px;border-bottom:1px solid #e6e9ee;font-size:11px;color:#778193}.fake-window-bar i{width:8px;height:8px;border-radius:50%;background:#d2d6dd}.fake-window-bar span{margin-left:8px}.fake-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:20px}.fake-table{min-height:125px;border:1px solid #e2e6ec;border-radius:14px;padding:14px;background:#fff;display:flex;flex-direction:column}.fake-table strong{font-size:15px}.fake-table span{margin-top:auto;font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--gold)}.fake-table small{color:#7e8795;margin-top:4px}.hero-phone-card{position:absolute;right:-8px;bottom:0;width:215px;height:450px;background:#f8f3ea;color:#222;border:7px solid #111b2b;border-radius:34px;overflow:hidden;box-shadow:0 28px 70px #00000073;padding-bottom:16px}.phone-notch{width:82px;height:17px;background:#111b2b;border-radius:0 0 12px 12px;margin:0 auto 8px}.phone-brand{display:block;padding:6px 14px 10px;font-family:Playfair Display,serif;font-size:15px}.hero-phone-card img{width:calc(100% - 20px);height:160px;object-fit:cover;margin:0 10px;border-radius:14px}.hero-phone-card strong,.hero-phone-card p{display:block;padding:0 14px}.hero-phone-card strong{margin-top:13px;font-size:14px}.hero-phone-card p{font-size:10px;color:#777;line-height:1.5}.hero-phone-card button{margin:6px 14px;width:calc(100% - 28px);border:0;border-radius:8px;background:var(--gold);min-height:38px;font-weight:700}.hero-alert-card{position:absolute;left:48px;bottom:38px;z-index:3;display:flex;align-items:center;gap:10px;max-width:310px;padding:12px 14px;border-radius:13px;color:#172033;background:#fffffff5;box-shadow:0 15px 40px #00000047;font-size:12px}.hero-alert-card svg{color:var(--gold)}.marketing-feature-row{max-width:1320px;margin:0 auto;padding:0 30px 90px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.marketing-feature-row article{border:1px solid rgba(255,255,255,.1);background:#ffffff09;min-height:210px;padding:25px;border-radius:16px}.marketing-feature-row svg{color:var(--gold-light)}.marketing-feature-row h3{margin:24px 0 10px;font-size:16px}.marketing-feature-row p{color:#aeb8c7;line-height:1.65;font-size:13px}.marketing-split{background:#f7f5f0;color:var(--ink);padding:100px max(30px,calc((100vw - 1260px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}.section-number{font-size:11px;color:#8a704d;letter-spacing:.15em;font-weight:700}.split-copy h2,.marketing-dark-section h2{font-family:Playfair Display,serif;font-size:44px;line-height:1.08;margin:16px 0 20px}.split-copy p,.marketing-dark-section p{color:#687181;line-height:1.75}.split-copy a{margin-top:12px;display:inline-flex;align-items:center;gap:8px;color:#8b6430;font-weight:700}.ops-preview{background:#fff;border:1px solid #e3e4e7;padding:20px;border-radius:20px;box-shadow:0 25px 60px #1a222d1a;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ops-metric{border:1px solid var(--line);border-radius:12px;padding:15px}.ops-metric span{display:block;color:var(--muted);font-size:11px}.ops-metric strong{display:block;font-size:26px;margin-top:8px}.ops-metric.warning strong{color:var(--danger)}.ops-queue-row{grid-column:1/-1;display:grid;grid-template-columns:90px 1fr 65px 70px;align-items:center;gap:10px;min-height:52px;padding:0 12px;border-radius:10px;background:#f7f8fa;font-size:12px}.ops-queue-row em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--muted)}.ops-queue-row button{border:0;border-radius:7px;background:var(--navy);color:#fff;min-height:30px;font-size:11px}.marketing-dark-section{max-width:1320px;margin:0 auto;padding:110px 30px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.studio-preview-card{min-height:400px;border-radius:22px;background:#f6f1e8;color:var(--ink);padding:30px;position:relative}.studio-field{padding:12px 0;border-bottom:1px solid #ddd4c6;max-width:58%}.studio-field label{display:block;color:#8c8478;font-size:10px;margin-bottom:6px}.studio-field span{font-weight:600}.studio-preview-phone{position:absolute;right:25px;bottom:25px;width:185px;border:6px solid #15223a;border-radius:26px;background:#fff;overflow:hidden;padding-bottom:13px;box-shadow:0 18px 35px #0000002b}.studio-preview-phone img{width:100%;height:170px;object-fit:cover}.studio-preview-phone strong,.studio-preview-phone small{display:block;padding:10px 12px 0}.marketing-footer{max-width:1320px;margin:0 auto;padding:45px 30px 55px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;color:#aab4c3;font-size:12px}.marketing-footer p{text-align:center}.marketing-footer>span{text-align:right}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f4f5f7}.login-art{background:linear-gradient(150deg,#071327,#122442);color:#fff;padding:58px;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-family:Playfair Display,serif;font-size:56px;line-height:1.05;max-width:650px}.login-art p{color:#aab6c8}.login-card{width:min(450px,calc(100% - 50px));margin:auto;background:#fff;padding:38px;border-radius:20px;box-shadow:0 30px 80px #141f301a}.login-card h2{font-size:30px;margin:10px 0 8px}.login-card>p{color:var(--muted);line-height:1.6;font-size:13px;margin-bottom:25px}.login-card label{display:grid;gap:7px;margin:15px 0;font-size:12px;font-weight:700}.login-card input{min-height:45px;border:1px solid var(--line);border-radius:9px;padding:0 12px;outline:none}.login-card input:focus{border-color:var(--gold)}.staff-app{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:#f1f3f6}.staff-sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#fff;padding:24px 18px;display:flex;flex-direction:column}.staff-sidebar .brand-mark{padding:7px 8px 30px}.staff-sidebar nav{display:grid;gap:5px}.staff-sidebar nav a{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 12px;border-radius:9px;color:#aeb9ca;font-size:13px}.staff-sidebar nav a.active{background:#c89b5526;color:#f1d09d}.staff-sidebar nav a:hover{background:#ffffff0f;color:#fff}.sidebar-spacer{flex:1}.sidebar-restaurant{padding:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;font-size:12px;color:#aeb9ca}.sidebar-signout{min-height:38px;border:0;background:none;color:#8390a5;display:flex;align-items:center;gap:8px;padding:0 12px}.staff-main{min-width:0}.staff-topbar{height:92px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.staff-topbar h1{margin:5px 0 0;font-size:26px}.topbar-meta{display:flex;align-items:center;gap:12px}.backend-chip{padding:7px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.backend-chip.demo{background:#fff3df;color:#8d5d17}.backend-chip.supabase{background:#def7ea;color:#22624f}.user-chip{display:grid;padding-left:13px;border-left:1px solid var(--line)}.user-chip strong{font-size:12px}.user-chip span{font-size:10px;color:var(--muted);text-transform:capitalize}.staff-content{padding:22px}.panel{background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:18px;box-shadow:0 4px 15px #17233706}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.panel-head h2{margin:4px 0 0;font-size:18px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.staff-mobile-blocker{display:none}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;background:#eef1f4;color:#5c6776;white-space:nowrap}.status-new,.status-new_order{background:#fff0d8;color:#95621c}.status-confirmed,.status-preparing{background:#e6effc;color:#37669f}.status-ready{background:#e2f4eb;color:#28745c}.status-bill_requested{background:#f2e9fa;color:#76569b}.status-assistance{background:#fde9e9;color:#a44343}.status-browsing{background:#edf0f4;color:#697484}.status-served,.status-closed,.status-empty{background:#edf0f4;color:#7a8491}.empty-panel{display:flex;align-items:center;justify-content:center;gap:9px;color:#8a94a2;font-size:12px;min-height:90px}.empty-panel.big{min-height:200px;flex-direction:column}.foh-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);grid-template-areas:"tables queue" "detail chat";gap:18px}.live-tables-panel{grid-area:tables}.attention-panel{grid-area:queue}.table-detail-panel{grid-area:detail}.foh-chat-panel{grid-area:chat;min-height:470px;display:flex;flex-direction:column}.table-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.table-card{background:#fafbfc;border:1px solid #e3e7ec;border-radius:12px;min-height:120px;padding:12px;text-align:left;color:var(--ink);transition:.16s ease}.table-card:hover{transform:translateY(-2px);border-color:#cdd3dc}.table-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px #c89b551f;background:#fffdf9}.table-card>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.table-card>div:first-child span{font-size:8px;letter-spacing:.12em;color:#8a94a2}.table-card>div:first-child strong{font-size:23px}.table-card .status-pill{margin-top:19px}.table-meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:10px;color:#768091}.table-meta span{display:inline-flex;gap:4px;align-items:center}.table-meta b{font-variant-numeric:tabular-nums;color:#39465a}.attention-list{display:grid;gap:8px}.attention-list article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:60px;border:1px solid var(--line);border-radius:10px;padding:8px}.attention-table{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:11px;font-weight:700}.attention-list article div:nth-child(2){display:grid;gap:3px}.attention-list article strong{font-size:11px;text-transform:capitalize}.attention-list article span{font-size:9px;color:var(--muted)}.attention-list article button{border:0;border-radius:7px;min-height:31px;padding:0 9px;background:#f0f2f5;color:#4a5669;font-size:9px;font-weight:700}.table-detail-head{align-items:flex-start}.table-actions{display:flex;gap:8px}.order-summary-bar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.order-summary-bar>div{padding:12px;border-right:1px solid var(--line)}.order-summary-bar>div:last-child{border-right:0}.order-summary-bar span{display:block;font-size:8px;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.order-summary-bar strong{font-size:13px}.order-items-table{margin-top:12px;border-top:1px solid var(--line)}.order-guest-group{padding:10px 0;border-bottom:1px solid var(--line)}.order-guest-group h4{margin:0 0 7px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7d8796}.order-guest-group>div{display:flex;justify-content:space-between;font-size:11px;padding:4px 0}.order-action-row{display:flex;gap:9px;margin-top:14px}.inline-requests{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.inline-requests button{border:1px solid #ead8b9;background:#fff8ec;border-radius:8px;min-height:37px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;color:#755424;font-size:10px;text-transform:capitalize}.inline-requests b{margin-left:8px}.foh-chat-thread{flex:1;max-height:350px;overflow:auto;padding:5px 0;display:flex;flex-direction:column;gap:8px}.foh-message{max-width:88%;padding:9px 11px;border-radius:10px;background:#f1f3f6;align-self:flex-start}.foh-message.staff{align-self:flex-end;background:#eef4fb}.foh-message.system{background:#fff8e8}.foh-message span{font-size:8px;font-weight:800;color:#7c8797;text-transform:uppercase}.foh-message p{font-size:11px;margin:4px 0;line-height:1.45}.foh-message small{font-size:8px;color:#9ba3af}.foh-compose{display:grid;grid-template-columns:1fr 38px;gap:7px;border-top:1px solid var(--line);padding-top:12px}.foh-compose input{border:1px solid var(--line);border-radius:9px;padding:0 11px;min-height:38px;outline:none}.foh-compose button{border:0;border-radius:9px;background:var(--navy);color:#fff}.boh-header-strip{min-height:52px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:11px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;color:#697486;font-size:11px}.boh-header-strip div{display:flex;align-items:center;gap:8px}.kitchen-board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:start}.kitchen-column{background:#e9edf2;border-radius:13px;min-height:calc(100vh - 190px);overflow:hidden}.kitchen-column>header{height:54px;padding:0 15px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center}.kitchen-column>header div{display:flex;gap:9px;align-items:center}.kitchen-column>header strong{font-size:11px;letter-spacing:.09em}.kitchen-column>header>span{min-width:24px;height:24px;display:grid;place-items:center;background:#ffffff1f;border-radius:50%;font-size:10px}.kitchen-card-list{padding:10px;display:grid;gap:10px}.kitchen-empty{min-height:90px;display:grid;place-items:center;color:#8a94a2;font-size:11px}.kitchen-ticket{background:#fff;border:1px solid #dfe3e8;border-left:4px solid #7fb39e;border-radius:10px;padding:12px}.kitchen-ticket.warning{border-left-color:#d69a41}.kitchen-ticket.critical{border-left-color:#bd4a4a;box-shadow:0 0 0 1px #bd4a4a14}.ticket-top{display:flex;justify-content:space-between}.ticket-top>div:first-child span{font-size:8px;color:var(--muted)}.ticket-top>div:first-child strong{display:block;font-size:28px;line-height:1}.ticket-timer{text-align:right;color:#5f6b7b}.ticket-timer b{font-size:15px;font-variant-numeric:tabular-nums;margin-left:5px}.ticket-timer small{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.ticket-items{border-top:1px solid var(--line);margin-top:10px;padding-top:9px;display:grid;gap:8px}.ticket-items>div{display:grid;grid-template-columns:25px 1fr auto;gap:5px;font-size:11px}.ticket-items small{color:#8b95a3}.ticket-note{padding:8px;background:#fff8e9;color:#7b5d2e;font-size:9px;border-radius:7px}.kitchen-ticket>button{width:100%;min-height:38px;border:0;border-radius:8px;background:var(--navy);color:#fff;font-size:10px;font-weight:800;letter-spacing:.07em}.manage-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.manage-actions p{margin:5px 0 0;color:var(--muted);font-size:12px}.manage-actions>div:last-child{display:flex;gap:8px}.management-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.management-metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;display:grid;grid-template-columns:36px 1fr;align-items:center}.management-metric>div{grid-row:1/4;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#eef2f7;color:#657187}.management-metric>div svg{width:17px}.management-metric span{font-size:9px;color:var(--muted)}.management-metric strong{font-size:25px;line-height:1.1}.management-metric small{font-size:9px;color:#96a0ad}.management-metric.danger strong{color:var(--danger)}.management-panels{margin-top:14px;display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:14px}.performance-bars{height:200px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:9px;padding-top:20px;border-bottom:1px solid var(--line)}.performance-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.performance-bars>div>div{width:55%;background:linear-gradient(180deg,#d4b06f,#9b763e);border-radius:5px 5px 0 0;min-height:8px}.performance-bars span{font-size:8px;color:#8792a1}.management-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.management-stat-row div{padding:10px;border-radius:9px;background:#f6f7f9}.management-stat-row span{display:block;color:var(--muted);font-size:8px}.management-stat-row strong{display:block;margin-top:4px;font-size:15px}.top-items-list{display:grid}.top-items-list div{display:grid;grid-template-columns:25px 1fr 30px;align-items:center;min-height:43px;border-bottom:1px solid var(--line);font-size:10px}.top-items-list b{width:20px;height:20px;display:grid;place-items:center;background:#f1f3f6;border-radius:50%;color:#7c8797;font-size:8px}.reconciliation-values{display:grid;gap:8px}.reconciliation-values div{padding:11px;background:#f7f8fa;border-radius:8px}.reconciliation-values span{display:block;font-size:8px;color:var(--muted)}.reconciliation-values strong{display:block;margin-top:4px}.reconciliation-values .variance{background:#fff7e9}.reconciliation-panel>p{color:var(--muted);font-size:9px;line-height:1.5}.a4-report{display:none}.studio-shell{min-height:calc(100vh - 136px);display:grid;grid-template-columns:180px 260px minmax(380px,1fr) 310px;border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;position:relative}.studio-nav{border-right:1px solid var(--line);padding:18px 12px;background:#fafbfc}.studio-nav>.eyebrow{display:block;margin:4px 8px 15px}.studio-nav>button{width:100%;border:0;border-radius:8px;min-height:41px;background:transparent;color:#596477;display:flex;align-items:center;gap:8px;padding:0 9px;font-size:11px;font-weight:700}.studio-nav>button.active{background:#eceff3;color:var(--navy)}.studio-help{margin:30px 6px 0;padding:13px;border-radius:10px;background:#fff7e9;color:#775b32}.studio-help strong{display:block;font-size:10px;margin:8px 0 4px}.studio-help p{font-size:9px;line-height:1.45;margin:0}.studio-list{border-right:1px solid var(--line);overflow:auto;max-height:calc(100vh - 136px)}.studio-list-head{padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.studio-list-head h2{margin:3px 0 0;font-size:16px}.studio-list-head>button{width:32px;height:32px;border:0;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center}.studio-category h4{margin:16px 14px 7px;color:#8993a1;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.studio-category>button{width:100%;min-height:58px;border:0;border-left:3px solid transparent;background:#fff;display:grid;grid-template-columns:42px 1fr 8px;gap:9px;align-items:center;text-align:left;padding:7px 11px}.studio-category>button.active{background:#f8f5ef;border-left-color:var(--gold)}.studio-category img{width:42px;height:42px;object-fit:cover;border-radius:7px}.studio-category span{display:grid;min-width:0}.studio-category strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-category small{font-size:8px;color:#919ba8;margin-top:3px}.studio-category i{width:7px;height:7px;border-radius:50%;background:#d2d7dd}.studio-category i.on{background:#55a27f}.studio-editor{padding:22px;overflow:auto;max-height:calc(100vh - 136px)}.studio-brand-editor{grid-column:2/4}.studio-editor-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.studio-editor-head h2{margin:4px 0 0;font-size:20px}.studio-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:18px}.studio-form-grid label{display:grid;gap:7px;color:#5b6575;font-size:10px;font-weight:700}.studio-form-grid .span-2{grid-column:1/-1}.studio-form-grid input:not([type=checkbox]):not([type=color]),.studio-form-grid textarea,.studio-form-grid select{width:100%;border:1px solid var(--line);border-radius:8px;min-height:41px;padding:9px 10px;outline:none;color:var(--ink);background:#fff}.studio-form-grid textarea{resize:vertical}.studio-form-grid input:focus,.studio-form-grid textarea:focus,.studio-form-grid select:focus{border-color:var(--gold)}.studio-form-grid input[type=color]{width:100%;height:44px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px}.studio-form-grid label>small{font-weight:400;color:#929ba8}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:10px;top:13px;color:#8d96a4}.input-with-icon input{padding-left:34px!important}.toggle-field{display:flex!important;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:11px;border-radius:9px}.toggle-field span{display:grid;gap:3px}.toggle-field span small{font-weight:400;color:#909aa8}.toggle-field input{width:18px;height:18px;accent-color:var(--gold)}.studio-live-preview{padding:18px;background:#f5f2ec;border-left:1px solid #e0dbd0}.preview-label{display:flex;gap:6px;align-items:center;font-size:9px;font-weight:800;letter-spacing:.1em;color:#8b7a62;margin-bottom:15px}.studio-phone-frame{--preview-primary: #08152b;--preview-accent: #c89b55;width:220px;margin:0 auto;border:7px solid #101b2c;border-radius:29px;overflow:hidden;background:#faf7f0;box-shadow:0 18px 45px #2a251d29}.studio-phone-hero{height:225px;background-size:cover;background-position:center;color:#fff;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.studio-phone-hero>span{font-family:Playfair Display,serif;font-size:13px}.studio-phone-hero small{display:block;font-size:6px;letter-spacing:.12em}.studio-phone-hero strong{display:block;font-family:Playfair Display,serif;font-size:21px;line-height:1.05;margin-top:4px}.studio-phone-hero p{font-size:8px;margin:5px 0;color:#e5e8ee}.studio-phone-item{margin:11px;border-radius:10px;background:#fff;overflow:hidden;padding-bottom:10px}.studio-phone-item img{width:100%;height:125px;object-fit:cover}.studio-phone-item>small,.studio-phone-item>strong,.studio-phone-item>p,.studio-phone-item>div{margin-left:10px;margin-right:10px}.studio-phone-item>small{display:block;font-size:6px;letter-spacing:.1em;color:var(--preview-accent);font-weight:800;margin-top:8px}.studio-phone-item>strong{display:block;font-size:11px;margin-top:3px}.studio-phone-item>p{font-size:7px;line-height:1.45;color:#7d8590}.studio-phone-item>div{display:flex;justify-content:space-between;align-items:center;font-size:9px}.studio-phone-item button{border:0;border-radius:6px;background:var(--preview-accent);min-height:25px;font-size:8px;font-weight:700}.studio-saved{position:absolute;right:18px;top:18px;z-index:10;background:#e3f5eb;color:#2e755c;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.guest-canvas{--guest-primary: #08152b;--guest-accent: #c89b55;min-height:100vh;background:#d9dde1}.guest-app{width:min(100%,520px);margin:0 auto;min-height:100vh;background:#f7f3eb;position:relative;box-shadow:0 0 45px #141b281f;padding-bottom:100px}.guest-hero{min-height:375px;background-size:cover;background-position:center;color:#fff;padding:17px 18px 20px;display:flex;flex-direction:column}.guest-topline{display:flex;justify-content:space-between;align-items:center}.guest-logo{font-family:Playfair Display,serif;font-size:19px;letter-spacing:.03em}.guest-topline button{border:1px solid rgba(255,255,255,.25);background:#00000026;color:#fff;min-height:32px;padding:0 10px;border-radius:999px;display:flex;gap:4px;align-items:center;font-size:10px}.guest-hero-copy{margin-top:auto;padding-top:80px}.guest-kicker{font-size:8px;letter-spacing:.16em;font-weight:800;color:var(--guest-accent)}.guest-hero-copy h1{font-family:Playfair Display,serif;font-size:35px;line-height:1;margin:6px 0}.guest-hero-copy p{font-size:11px;color:#e0e4e9;margin:0}.table-session-card{margin-top:18px;display:grid;grid-template-columns:.6fr .8fr 1.4fr;background:#ffffff1f;border:1px solid rgba(255,255,255,.17);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;overflow:hidden}.table-session-card>div{padding:10px 11px;border-right:1px solid rgba(255,255,255,.12)}.table-session-card>div:last-child{border-right:0}.table-session-card span{display:block;font-size:6px;letter-spacing:.1em;color:#c5ccd5}.table-session-card strong{display:block;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#67d49e;margin-right:5px}.join-table-card{margin:12px;background:#fff;border:1px solid #e5ded2;border-radius:13px;padding:13px}.join-table-card>div:first-child{display:flex;gap:10px;align-items:flex-start}.join-table-card svg{color:var(--guest-accent)}.join-table-card strong{font-size:12px}.join-table-card p{margin:3px 0 0;font-size:9px;line-height:1.45;color:#777f8a}.join-row{margin-top:11px;display:grid;grid-template-columns:1fr auto;gap:7px}.join-row input{border:1px solid #ddd8cf;border-radius:8px;min-height:39px;padding:0 10px;outline:none}.join-row button{border:0;border-radius:8px;background:var(--guest-primary);color:#fff;padding:0 14px;font-size:10px;font-weight:700}.guest-order-status{margin:12px;border-radius:13px;background:#fff;border:1px solid #e5ded2;padding:13px}.guest-order-status>div:first-child{display:flex;justify-content:space-between;align-items:center}.guest-order-status>div:first-child>span{font-size:7px;letter-spacing:.12em;font-weight:800;color:#8c8273}.guest-order-status>strong{display:block;margin-top:8px;font-size:13px}.guest-order-status p{font-size:9px;color:#777f8a;margin:4px 0}.guest-order-status small{font-size:8px;color:#9a9185}.guest-actions-row{margin:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guest-actions-row button{position:relative;border:1px solid #e3ddd2;border-radius:11px;min-height:69px;background:#fff;display:grid;place-items:center;align-content:center;gap:5px;color:#5d6570}.guest-actions-row svg{width:18px;color:var(--guest-accent)}.guest-actions-row span{font-size:8px;font-weight:700}.guest-actions-row i{position:absolute;right:8px;top:7px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--guest-primary);color:#fff;font-size:7px;font-style:normal}.guest-menu-section{padding:16px 12px 12px}.guest-menu-head{display:flex;justify-content:space-between;align-items:end;gap:10px}.guest-menu-head h2{font-family:Playfair Display,serif;font-size:25px;margin:3px 0 0;color:#2f2d2a}.guest-search{width:120px;height:34px;border:1px solid #dfd8cc;border-radius:999px;display:flex;align-items:center;gap:5px;padding:0 9px;background:#fff;color:#8b8f95}.guest-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:9px}.category-scroller{display:flex;gap:7px;overflow-x:auto;padding:15px 0 12px;scrollbar-width:none}.category-scroller::-webkit-scrollbar{display:none}.category-scroller button{flex:0 0 auto;border:1px solid #ddd7cc;border-radius:999px;min-height:32px;padding:0 13px;background:transparent;font-size:9px;color:#706d67}.category-scroller button.active{background:var(--guest-primary);color:#fff;border-color:var(--guest-primary)}.guest-menu-list{display:grid;gap:10px}.guest-menu-card{display:grid;grid-template-columns:125px 1fr;min-height:150px;background:#fff;border:1px solid #e5dfd4;border-radius:13px;overflow:hidden}.guest-menu-card>img{width:125px;height:100%;min-height:150px;object-fit:cover}.guest-item-copy{padding:12px}.featured-label{font-size:6px;letter-spacing:.12em;font-weight:800;color:var(--guest-accent)}.guest-item-copy h3{font-family:Playfair Display,serif;font-size:16px;margin:4px 0;color:#31302e}.guest-item-copy p{font-size:8px;line-height:1.5;color:#7c7f83;min-height:35px}.guest-item-copy>div{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.guest-item-copy strong{font-size:10px}.guest-item-copy button{min-height:30px;border:0;border-radius:7px;background:var(--guest-accent);color:#25221d;padding:0 9px;font-size:8px;font-weight:800;display:flex;align-items:center;gap:3px}.guest-footer{padding:28px 15px;display:grid;place-items:center;color:#988d7d}.guest-footer span{font-size:6px;letter-spacing:.16em}.guest-footer strong{font-size:9px;letter-spacing:.1em;margin-top:3px}.guest-footer small{margin-top:5px;font-size:7px}.guest-floating-cart{position:fixed;z-index:20;bottom:12px;left:50%;transform:translate(-50%);width:min(calc(100% - 24px),496px);min-height:55px;border:0;border-radius:12px;background:var(--guest-primary);color:#fff;padding:0 14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 16px 35px #0b182e4d}.guest-floating-cart span{display:flex;align-items:center;gap:8px;font-size:10px}.guest-floating-cart span b{width:24px;height:24px;display:grid;place-items:center;background:var(--guest-accent);color:#1d1b18;border-radius:7px}.guest-floating-cart strong{font-size:11px}.guest-toast{position:fixed;z-index:50;left:50%;top:15px;transform:translate(-50%);width:min(calc(100% - 24px),460px);min-height:43px;border:0;border-radius:10px;background:#1e2a3d;color:#fff;display:grid;grid-template-columns:18px 1fr 18px;align-items:center;gap:7px;padding:0 11px;text-align:left;font-size:9px;box-shadow:0 15px 35px #00000038}.guest-sheet-backdrop{position:fixed;inset:0;z-index:40;background:#050a1280;display:flex;justify-content:center;align-items:flex-end}.guest-sheet{width:min(100%,520px);max-height:88vh;background:#faf7f1;border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 -20px 60px #0000003d}.guest-sheet>header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #e3ddd2;background:#fff}.guest-sheet>header h3{font-family:Playfair Display,serif;font-size:18px;margin:0}.guest-sheet>header button{border:0;background:#f2f2f2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.guest-sheet-body{padding:14px;overflow:auto;max-height:calc(88vh - 60px)}.shared-order-intro{display:flex;gap:9px;padding:10px;background:#fff4e0;border-radius:9px;color:#735c39}.shared-order-intro p{margin:0;font-size:9px;line-height:1.45}.guest-cart-group{margin-top:15px}.guest-cart-group h4{margin:0 0 6px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8d8170}.guest-cart-row{min-height:54px;border-bottom:1px solid #e5ded3;display:flex;justify-content:space-between;align-items:center}.guest-cart-row>div:first-child{display:grid;gap:3px}.guest-cart-row strong{font-size:10px}.guest-cart-row span{font-size:8px;color:#878078}.qty-control{display:grid;grid-template-columns:27px 22px 27px;align-items:center;text-align:center}.qty-control button{width:27px;height:27px;border-radius:50%;border:1px solid #ddd6ca;background:#fff;display:grid;place-items:center}.qty-control b{font-size:9px}.guest-cart-total{display:flex;justify-content:space-between;padding:16px 0;font-size:13px}.guest-primary-action{width:100%;min-height:48px;border:0;border-radius:10px;background:var(--guest-primary);color:#fff;font-weight:800}.sheet-note{text-align:center;color:#888176;font-size:8px;line-height:1.45}.chat-thread{min-height:270px;max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:12px}.chat-bubble{max-width:82%;align-self:flex-start;background:#fff;border-radius:12px;padding:10px}.chat-bubble.guest{align-self:flex-end;background:#13223c;color:#fff}.chat-bubble.system{align-self:center;max-width:95%;background:#fff2d9;color:#765a30;text-align:center}.chat-bubble span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.07em;opacity:.7}.chat-bubble p{font-size:10px;line-height:1.45;margin:4px 0}.chat-bubble small{font-size:7px;opacity:.55}.chat-compose{display:grid;grid-template-columns:1fr 43px;gap:7px;position:sticky;bottom:0;background:#faf7f1;padding-top:9px}.chat-compose input{min-height:43px;border:1px solid #ddd7cc;border-radius:10px;padding:0 11px;outline:none}.chat-compose button{border:0;border-radius:10px;background:var(--guest-primary);color:#fff;display:grid;place-items:center}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-grid button{min-height:100px;border:1px solid #e1dacd;border-radius:11px;background:#fff;color:#5f5c57;display:grid;place-items:center;align-content:center;gap:5px}.service-grid svg{color:var(--guest-accent)}.service-grid strong{font-size:10px;text-transform:capitalize}.service-grid span{font-size:7px;color:#979086}.empty-state{min-height:200px;display:grid;place-items:center;align-content:center;color:#928b80}.empty-state span{font-size:30px}.empty-state p{font-size:9px}@media(max-width:1050px){.hero-section{grid-template-columns:1fr}.hero-product-stage{min-height:520px}.marketing-feature-row{grid-template-columns:1fr 1fr}.marketing-split,.marketing-dark-section{grid-template-columns:1fr;gap:45px}.foh-layout{grid-template-columns:1fr;grid-template-areas:"tables" "queue" "detail" "chat"}.management-panels{grid-template-columns:1fr 1fr}.reconciliation-panel{grid-column:1/-1}.studio-shell{grid-template-columns:160px 230px 1fr}.studio-live-preview{display:none}}@media(max-width:850px){.marketing-nav nav{display:none}.hero-section{padding-top:55px}.hero-copy h1{font-size:56px}.hero-dashboard-card{right:10px}.marketing-footer{grid-template-columns:1fr;text-align:left}.marketing-footer p,.marketing-footer>span{text-align:left}.login-page{grid-template-columns:1fr}.login-art,.staff-sidebar,.staff-main{display:none}.staff-app{display:block;background:var(--navy)}.staff-mobile-blocker{min-height:100vh;padding:35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff}.staff-mobile-blocker h2{font-family:Playfair Display,serif;font-size:34px;max-width:480px}.staff-mobile-blocker p{color:#aeb8c7;max-width:450px;line-height:1.6}}@media(max-width:620px){.marketing-nav{height:68px;padding:0 18px}.marketing-nav .button{display:none}.hero-section{padding:50px 18px 70px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-product-stage{min-height:430px}.hero-dashboard-card{height:300px;padding:14px}.fake-dashboard-grid{grid-template-columns:repeat(2,1fr)}.fake-table{min-height:90px}.fake-table:nth-child(n+5){display:none}.hero-phone-card{width:170px;height:355px}.hero-phone-card img{height:118px}.hero-alert-card{left:10px;bottom:5px;max-width:240px}.marketing-feature-row{grid-template-columns:1fr;padding:0 18px 70px}.marketing-split,.marketing-dark-section{padding:70px 18px}.split-copy h2,.marketing-dark-section h2{font-size:35px}.ops-preview{grid-template-columns:1fr}.ops-queue-row{grid-template-columns:65px 1fr 55px}.ops-queue-row button{display:none}.studio-preview-phone{position:static;margin:20px auto 0}.studio-field{max-width:100%}.marketing-footer{padding:38px 18px}}@media print{body{background:#fff}.staff-sidebar,.staff-topbar,.staff-content>*:not(.a4-report),.staff-mobile-blocker{display:none!important}.staff-app,.staff-main,.staff-content{display:block!important;padding:0!important;background:#fff!important}.a4-report{display:block!important;width:210mm;min-height:297mm;padding:16mm;margin:0 auto;color:#172033;background:#fff}.a4-report header{display:flex;justify-content:space-between;border-bottom:2px solid #172033;padding-bottom:10mm}.a4-report header h1{font-family:Playfair Display,serif;margin:3mm 0 1mm;font-size:26pt}.a4-report header p,.a4-report header span{margin:0;font-size:8pt;color:#667085}.a4-report header>div:last-child{text-align:right;display:grid;align-content:start;gap:2mm}.a4-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:4mm;margin:9mm 0}.a4-kpis div{border:1px solid #d9dde3;padding:5mm}.a4-kpis span{display:block;font-size:7pt;color:#6f7784}.a4-kpis b{display:block;font-size:16pt;margin-top:2mm}.a4-columns{display:grid;grid-template-columns:1fr 1fr;gap:8mm}.a4-columns h3{border-bottom:1px solid #d9dde3;padding-bottom:2mm;font-size:11pt}.a4-columns p{display:flex;justify-content:space-between;font-size:9pt;border-bottom:1px dotted #dde1e5;padding:2.5mm 0}.a4-report footer{margin-top:16mm;border-top:1px solid #d9dde3;padding-top:4mm;font-size:7pt;color:#7a828d}@page{size:A4 portrait;margin:0}}