@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-cyrillic-ext-900-normal-buRuWz4h.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-900-normal-BUlv-ou0.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-cyrillic-900-normal-CjyCg421.woff2) format("woff2"),url(/assets/inter-cyrillic-900-normal-BAVML7y5.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-greek-ext-900-normal-voj7phVX.woff2) format("woff2"),url(/assets/inter-greek-ext-900-normal-LVqH4fM3.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-greek-900-normal-Clii5heL.woff2) format("woff2"),url(/assets/inter-greek-900-normal-7n5hB3DA.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-vietnamese-900-normal-C4P836tE.woff2) format("woff2"),url(/assets/inter-vietnamese-900-normal-DBSPUrC7.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-latin-ext-900-normal-ty8Tfvw5.woff2) format("woff2"),url(/assets/inter-latin-ext-900-normal-DG9wZIMw.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-latin-900-normal-D4nM5aha.woff2) format("woff2"),url(/assets/inter-latin-900-normal-EUCDUbiG.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f6f8fc;--bg-2: #f9fbfe;--ink: #12233d;--muted: #50708f;--accent: #23527c;--accent-2: #23527c;--accent-3: #1a6473;--border: #dce5f0;--divider: #e0e8f1;--card: #ffffff;--card-2: #f9fbfe;--primary: #23527c;--primary-hover: #1b4366;--primary-light: #eaf3ff;--ai-bg: linear-gradient(135deg, #eef6ff 0%, #f2fbfd 100%);--ai-tag: #dceeff;--text-main: #12233d;--text-body: #50708f;--text-muted: #7b8ea4;--shadow: 0 16px 36px rgba(35, 82, 124, .12);--shadow-soft: 0 8px 20px rgba(35, 82, 124, .08);--shadow-sm: var(--shadow-soft);--shadow-md: var(--shadow);--shadow-lg: 0 18px 40px rgba(35, 82, 124, .14);--radius-xl: 26px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--paper: var(--card);--line: var(--border);--line-strong: rgba(35, 82, 124, .22);--brown: var(--primary);--accent-soft: var(--primary-light);--accent-dark: var(--primary-hover)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(circle at 12% 8%,#eaf3fff0,#eaf3ff00 44%),radial-gradient(circle at 86% 2%,#dceeffdb,#dceeff00 38%),linear-gradient(180deg,#fbfcff 0%,var(--bg) 42%,#eef3f8 100%);min-height:100%}body{line-height:1.55}h1,h2,h3,h4{font-family:inherit;font-weight:700;letter-spacing:-.025em;margin:0 0 8px;color:var(--text-main)}h1{font-size:clamp(30px,4vw,46px)}h2{font-size:clamp(22px,3vw,30px)}h3{font-size:clamp(18px,2.6vw,24px)}p{margin:0 0 8px;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.page{min-height:100vh;padding:28px 24px 48px}.page.centered{padding:0}.centered{display:flex;align-items:center;justify-content:center}.shell{max-width:1200px;margin:0 auto}.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:18px 22px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);position:relative;overflow:hidden}.topbar:after{content:"";position:absolute;inset:auto -30% -50% auto;width:240px;height:240px;background:radial-gradient(circle,#23527c24,#23527c00);pointer-events:none}.topbar h1{margin-bottom:4px}.topbar--minimal{background:transparent;border:none;box-shadow:none;padding:0}.topbar--minimal:after{display:none}.topbar--customer{background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-line{display:inline-flex;align-items:center;gap:12px;font-weight:600}.brand-mark{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 0 0 4px #23527c1f}.brand-text{font-size:16px;letter-spacing:.08em;text-transform:uppercase}.hero{margin-top:20px;padding:24px;background:linear-gradient(130deg,#fff,#f9fbfe 56%,#eef6ff);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero--compact{padding:18px 20px}.step-card{background:var(--card)}.hero-actions{margin-top:18px}.hero-copy{display:flex;flex-direction:column;gap:8px}.hero-tags{margin-top:6px}.process-grid{align-items:stretch}.step-list{display:grid;gap:12px}.step-item{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;padding:10px 12px;border-radius:var(--radius-md);background:var(--card-2);border:1px solid var(--border)}.step-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-weight:700;font-size:12px}.bullet-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.bullet-list li{position:relative;padding-left:18px;color:var(--muted)}.bullet-list li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--primary)}.banner-section{margin-top:18px}.banner-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.banner-slot{min-height:200px;border-radius:var(--radius-lg);border:1px solid var(--border);background-color:#fff7ec;background-size:cover;background-position:center;box-shadow:var(--shadow-soft)}.process-grid .banner-slot,.global-grid .banner-slot{min-height:260px}.banner-1{background-image:url(/banners/banner1.png),linear-gradient(140deg,#fff2de,#ffe7c7,#fffaf3)}.banner-2{background-image:url(/banners/banner2.png),linear-gradient(140deg,#e9f3ff,#fff3df,#fffaf3)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-soft)}.card.soft{background:var(--card-2)}.card.menu-category{background:#fff}.card.menu-header{background:#fffaf2}.card.cart-panel{background:#fff9f0}.card.order-status-panel{background:#fff}.card.ai-panel{background:var(--ai-bg)}.modal-card{border-radius:var(--radius-xl);box-shadow:0 30px 60px #100c0840}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#fff1de;border:1px solid #f2cda1;color:#6a4f32;font-size:12px;font-weight:600}.order-badge{flex:0 0 auto;align-self:flex-start;max-width:max-content;white-space:nowrap}.order-badge--pending{background:#fff0df;border-color:#f0c48a;color:#8d5316}.order-badge--progress{background:#eaf4ff;border-color:#b8d7ff;color:#1f5d94}.order-badge--ready{background:#e9f8ef;border-color:#bde4cb;color:#246848}.order-badge--completed{background:#eef4f6;border-color:#d2dee4;color:#4d6472}.order-badge--cancelled{background:#fff0f0;border-color:#f2c2c2;color:#9d4141}.badge-muted{background:#fffaf3cc;border-color:#00000014;color:var(--muted);font-weight:500}.badge.ok{background:#e9f8ef;border-color:#bde4cb;color:#246848}.badge.danger{background:#fff0f0;border-color:#f2c2c2;color:#9d4141}.badge-success{background:#e9f8ef;border-color:#bde4cb;color:#16804b}.badge-warning{background:#fff7e8;border-color:#f6cf94;color:#a15a00}.text-success{color:#16804b}.text-danger{color:#c0392b}.app-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(16,24,40,.08);background:#ffffffeb;color:#24313d;box-shadow:0 10px 24px #0f172a14}.app-notice--floating{position:sticky;top:12px;z-index:22}.app-notice--info{border-color:#3b82f624;background:linear-gradient(180deg,#f8fbff,#eef6ff)}.app-notice--success{border-color:#16a34a29;background:linear-gradient(180deg,#f8fff9,#eefbf1)}.app-notice--error{border-color:#dc262624;background:linear-gradient(180deg,#fff8f7,#ffefec);color:#7a261f}.app-notice__body{flex:1;line-height:1.45;font-size:.95rem;font-weight:600}.small{font-size:13px;color:var(--muted)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.menu-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr)}.split-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.overview-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0 24px}.metric-card{position:relative;display:flex;flex-direction:column;gap:6px;overflow:hidden}.metric-card:has(.metric-card__icon){min-height:96px;padding-left:76px;justify-content:center}.metric-card strong{font-size:22px}.ops-page .app-shell__summary .overview-grid{margin:0}.ops-page .metric-card{min-height:92px;justify-content:center;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 22px #0f172a0f}.ops-page .metric-card strong{color:#1769e0;font-size:28px}.pos-action-bar{border-radius:8px;background:#fff}.pos-floor-page{display:grid;grid-template-columns:minmax(0,1.2fr);gap:16px}.pos-table-list{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.pos-table-row{display:grid;grid-template-columns:.7fr 1fr 1.3fr .8fr .8fr 1fr;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border);font-size:14px}.pos-table-row:last-child{border-bottom:0}.pos-table-row--head{background:#f8fafc;color:var(--muted);font-size:12px;font-weight:700}.pos-close-day-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}.close-blocker-list{margin-top:16px;border:1px solid #ffd6d6;border-radius:8px;background:#fff9f8;padding:14px}.close-blocker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(220,38,38,.12)}.close-blocker-row:last-child{border-bottom:0}.pos-reconcile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);gap:10px 14px;align-items:center;margin-top:12px}.pos-reconcile-grid span{color:var(--muted);font-size:13px}.subscription-reminder{margin:-8px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-left:4px solid #f59e0b;background:linear-gradient(120deg,#fff8e6f2,#ffffffe6)}.subscription-reminder strong{color:#6a4300}.subscription-reminder .small{color:#7b5308}.subscription-reminder--expired{border-left-color:#dc2626;background:linear-gradient(120deg,#fef2f2f2,#ffffffe6)}.subscription-reminder--expired strong{color:#7f1d1d}.subscription-reminder--expired .small{color:#991b1b}.subscription-badge--warn{background:#ffeecef2;border-color:#d9770647;color:#7b4a09}.stack{display:flex;flex-direction:column;gap:12px}.stack-sm{display:flex;flex-direction:column;gap:8px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.language-switcher{gap:10px}.lang-option{display:flex;flex-direction:column;line-height:1.2}.lang-native{font-weight:600;color:var(--ink)}.lang-label{font-size:11px;color:var(--muted)}.lang-select__control{min-height:38px;min-width:180px}.lang-select__menu{background:#fffaf3}.lang-select__option--is-focused{background:#fff1de}.lang-select__option--is-selected{background:var(--accent);color:#2d1a00}.lang-select__menu-portal{z-index:60}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.chip-scroll{max-height:180px;overflow-y:auto;padding-right:4px}.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer}.chip.active{background:var(--ink);color:#fff7ea;border-color:var(--ink)}.chip.ghost{background:transparent}input,select,textarea{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--ink);transition:border .2s ease,box-shadow .2s ease}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px #0ea5e933}textarea{resize:vertical}label{font-size:12px;font-weight:600;color:#6b5842;text-transform:uppercase;letter-spacing:.08em}.button,button{padding:10px 18px;border-radius:999px;border:1px solid transparent;background:var(--accent);color:#2d1a00;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}button.secondary,.button.secondary{background:#ffe2bf;border-color:#f4c896;color:#4b2b12}button.ghost,.button.ghost{background:transparent;border:1px solid var(--border);color:var(--ink)}button.dark,.button.dark{background:var(--ink);color:#fff7ea}button:hover,.button:hover{transform:translateY(-1px);box-shadow:0 12px 20px #12100d1f}button:disabled,.button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}button:focus-visible,.button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.tabs{display:inline-flex;gap:8px;background:#fff1de;padding:6px;border-radius:999px;border:1px solid #f2cda1}.tab-button{padding:8px 16px;border-radius:999px;border:none;background:transparent;color:var(--muted);font-weight:600}.tab-button.active{background:var(--ink);color:#fff6e8}.tab-button:hover{transform:none;box-shadow:none}.sidebar-layout{display:grid;grid-template-columns:240px 1fr;gap:20px;margin-top:24px}.sidebar{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.nav-link{padding:12px 14px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s ease}.nav-link.active{background:#fff;border-color:var(--border);color:var(--ink);box-shadow:var(--shadow-soft)}.list{display:grid;gap:12px}.hidden{display:none!important}.fade{animation:riseIn .45s ease}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.status-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:12px;color:var(--muted)}.status-pill strong{color:var(--ink);font-weight:600}.status-pill.connected{border-color:#cfe7dc;background:#eff9f2}.status-pill.disconnected{border-color:#f0c7c0;background:#fff0ee}.status-pill.up{border-color:#cfe7dc;background:#eff9f2}.status-pill.down{border-color:#f0c7c0;background:#fff0ee}.status-pill.checking,.status-pill.connecting{border-color:#f6d9a6;background:#fff6df}.status-pill.disabled{border-color:#e4e4e4;background:#f7f7f7}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 12px;border-radius:999px;background:#fff4e7;border:1px solid #f0d2b2;font-size:12px}.guide-page .topbar{margin-bottom:20px}.guide-section{margin-top:20px}.guide-card h2{margin-bottom:10px}.guide-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:18px;align-items:start}.guide-visual{display:grid;gap:8px;justify-items:start}.guide-thumb{width:100%;max-width:360px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-soft);cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease;background:#fff}.guide-thumb:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.guide-hint{color:var(--muted)}.guide-steps{margin:10px 0 0;padding-left:18px;display:grid;gap:8px;color:var(--muted)}.guide-steps li{line-height:1.6}.guide-sublist{margin:8px 0 0 16px;padding-left:16px;display:grid;gap:6px}.guide-note{margin-top:10px}.guide-image-wrap{margin-top:12px;display:grid;gap:8px}.guide-image{width:100%;max-width:760px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff}.guide-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#12100d99;display:flex;align-items:center;justify-content:center;z-index:120;padding:24px}.guide-lightbox-inner{background:#fffaf3;border-radius:var(--radius-xl);padding:18px;max-width:960px;width:100%;display:grid;gap:12px;box-shadow:0 30px 60px #100c0859}.guide-lightbox-inner img{width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.pill-link{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.pill-link:hover{transform:translateY(-1px);box-shadow:0 10px 18px #12100d14;background:#fff}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{display:flex;flex-direction:column;gap:6px}.stat-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b5842}.stat-value{font-family:inherit;font-weight:900;font-size:28px;letter-spacing:-.05em;color:var(--ink)}.auth-shell{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(320px,1.1fr);gap:24px;align-items:stretch}.auth-aside{padding:28px;border-radius:var(--radius-xl);background:linear-gradient(140deg,#fff3dd,#fffdf8 60%,#edf7ff);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;gap:12px}.auth-panel{padding:22px}.auth-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-panel .hero{box-shadow:none;background:#fff}.auth-store-choice{display:block;border-radius:var(--radius-md);border-color:var(--border);background:linear-gradient(120deg,#f9fbfefa,#eaf3ffe6);color:var(--ink);box-shadow:var(--shadow-soft)}.auth-store-choice strong{display:block;color:var(--ink);font-size:16px;line-height:1.35}.auth-store-choice .small{color:var(--muted)}.auth-consent{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff}.auth-consent-label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-consent-checkbox{margin-top:3px;width:16px;height:16px;flex:0 0 16px}.auth-consent-text{line-height:1.35;color:#5c4a34}.auth-consent-text a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;word-break:break-word}.overview-grid+.sidebar-layout{margin-top:8px}.sticky-panel{position:sticky;top:24px;align-self:start}.dish-card{transition:transform .2s ease,box-shadow .2s ease}.dish-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cart-item{background:#fff}.recommend-card{border-style:dashed}.recommend-card.excluded{opacity:.55;filter:grayscale(.2)}.order-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.item-status{font-size:11px;padding:4px 8px}.item-status.new{border-color:#f6d9a6;background:#fff6df;color:#7a5a20}.item-status.accepted{border-color:#b9dbff;background:#e8f3ff;color:#235a9f}.item-status.ready{border-color:#bfe8d5;background:#e8f7f1;color:#1e6b50}.dish-row{flex-wrap:wrap}.order-card{border-left:4px solid rgba(14,165,233,.35)}.option-modal{max-height:80vh;overflow:auto}.option-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.option-items{display:flex;flex-direction:column;gap:10px}.option-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:#ffffffb3}.option-item.active{border-color:#f2cda1;background:#fff6e8}.option-item input{width:auto}.option-name{font-weight:600}.option-meta{display:inline-flex;align-items:center;gap:8px;justify-self:end}.option-default{font-size:11px;padding:2px 8px;border-radius:999px;background:#eaf7ff;color:#2462a2;border:1px solid #b9dbff}.option-price{font-weight:600;color:#176b4c}.customer-hero img{display:block}.theme-preview{margin-top:12px;padding:14px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(130deg,#ffffffdb,#f5fcffe6);box-shadow:var(--shadow-soft)}.theme-preview__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.theme-preview__row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.theme-preview__row button{padding:8px 12px}@media (max-width: 1100px){.auth-shell,.menu-grid,.split-grid,.sidebar-layout{grid-template-columns:1fr}.sticky-panel{position:static}.admin-layout .sidebar{position:static;top:auto;flex-direction:row;align-items:center;overflow-x:auto;white-space:nowrap;padding:8px;scrollbar-width:thin}.admin-layout .sidebar .nav-link{flex:0 0 auto}.banner-grid,.guide-split{grid-template-columns:1fr}}@media (max-width: 720px){.page{padding:20px 16px 40px}.topbar{grid-template-columns:1fr;justify-items:start}.hero{padding:18px}.toolbar{gap:8px}input,select,textarea{font-size:16px}.language-switcher{width:100%;justify-content:space-between}.lang-select__control{min-width:0;width:100%}.option-item{grid-template-columns:auto 1fr;row-gap:6px}.option-meta{grid-column:2 / -1;justify-self:start}}[data-display-mode=service],[data-display-mode=board],[data-display-mode=fullscreen]{--backoffice-density: compact}[data-display-mode=board] .kitchen-card h3,[data-display-mode=board] .order-card strong{font-size:22px}[data-display-mode=board] .kitchen-main-action,[data-display-mode=board] .kitchen-touch-button{min-height:54px;font-size:17px;padding:0 22px}[data-display-mode=fullscreen] .app-shell__sidebar{display:none}html,body{scroll-behavior:smooth}body{position:relative;overflow-x:hidden;background-image:radial-gradient(circle at 8% 10%,#eaf3ffeb,#eaf3ff00 44%),radial-gradient(circle at 88% 12%,#dceeffe0,#dceeff00 40%),linear-gradient(165deg,#fbfcff,#f6f8fc 46%,#eef3f8)}body:before,body:after{content:"";position:fixed;width:min(34vw,420px);aspect-ratio:1 / 1;border-radius:50%;pointer-events:none;z-index:0;filter:blur(2px);opacity:.58}body:before{top:-10vh;left:-10vw;background:radial-gradient(circle,#23527c1a,#23527c00 70%);animation:blobFloatA 16s ease-in-out infinite}body:after{bottom:-12vh;right:-9vw;background:radial-gradient(circle,#23527c2e,#23527c00 70%);animation:blobFloatB 18s ease-in-out infinite}#root{position:relative;z-index:1}.page{animation:pageRise .45s ease}.shell>*+*{margin-top:18px}.topbar{position:sticky;top:12px;z-index:45;border-color:#0e3b5426;background:linear-gradient(130deg,#ffffffe6,#f6fcffeb);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 40px #0a202f24}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#ff7f5099,#0aa0ba80);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.topbar--minimal{position:static;border:1px solid rgba(14,59,84,.1);padding:14px 18px}.brand-mark{width:16px;height:16px;border-radius:5px;background:linear-gradient(140deg,var(--accent),var(--accent-2));box-shadow:0 0 0 4px #ff7f5029,0 8px 18px #0aa0ba40;animation:pulseMark 3.8s ease-in-out infinite}.brand-text{letter-spacing:.12em}.hero{background:linear-gradient(138deg,#fff8f0e6,#f6fffff2 52%,#ebf5ffeb);border-color:#0e3b5426;box-shadow:var(--shadow);overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -15% -58% auto;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#0aa0ba29,#0aa0ba00 70%);pointer-events:none}.hero h1,.hero h2{color:#0f2d3f}.hero p{color:#3f5c69}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.36) 35%,transparent 64%);transform:translate(-120%);animation:shimmer 5s ease-in-out infinite}.stat-value{font-size:clamp(24px,4vw,36px);background:linear-gradient(120deg,#13384e,#14657b 45%,#1ba776);-webkit-background-clip:text;background-clip:text;color:transparent}.step-list{position:relative;gap:10px}.step-list:before{content:"";position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,#ff7f5080,#0aa0ba4d)}.step-item{position:relative;border-color:#0e3b541a;background:#ffffffc7}.step-index{width:30px;height:30px;background:linear-gradient(140deg,#ff7f5038,#0aa0ba38);color:#133849;border:1px solid rgba(14,59,84,.16)}.banner-slot{position:relative;overflow:hidden;border-color:#0e3b5429}.banner-slot:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,#0000,#0c1c2838);pointer-events:none}.card{border-color:#0e3b541f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.card:hover{transform:translateY(-3px);border-color:#0e3b5433;box-shadow:0 18px 34px #10263426}.card.soft{background:linear-gradient(120deg,#f9fbfefa,#eaf3ffe6)}.badge{background:#ffffffeb;border-color:var(--border);color:var(--text-body)}.badge.soldout-badge{background:#fff2ec;border-color:#ffd7c2;color:#a64f24;font-weight:800}.floor-workspace{overflow:hidden}.floor-map{position:relative;min-height:520px;margin-top:16px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),radial-gradient(circle at 18% 18%,rgba(34,197,94,.08),transparent 18%),radial-gradient(circle at 82% 76%,rgba(245,158,11,.08),transparent 20%),#f8fafc;background-size:40px 40px}.floor-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:14px;align-items:stretch}.floor-map--editor{margin-top:14px;min-height:560px;overflow:hidden;touch-action:none}.floor-map-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px}.floor-editor-panel{margin-top:14px;border:1px solid var(--border);border-radius:8px;background:#ffffffdb;padding:14px;min-width:0}.floor-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.floor-table{position:absolute;display:grid;align-content:center;gap:3px;padding:10px;border:2px solid #cbd5e1;border-radius:18px;background:#fff;box-shadow:0 14px 30px #0f172a1f;text-align:center;overflow:hidden}.floor-table--editor{cursor:grab;-webkit-user-select:none;user-select:none}.floor-table--editor:active{cursor:grabbing}.floor-table--selected{outline:3px solid rgba(37,99,235,.22);outline-offset:3px}.floor-table--draft{border-style:dashed}.floor-table strong,.floor-table span,.floor-table small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floor-table small{color:var(--muted);font-size:.78rem}.floor-table--round{border-radius:999px}.floor-table--idle{border-color:#22c55e;background:#f3fff7}.floor-table--in-use{border-color:#2563eb;background:#eff6ff}.floor-table--needs-clear{border-color:#f97316;background:#fff7ed}.floor-table--waiting-clear{border-color:#f59e0b;background:#fffbeb}.floor-table--waiting-payment{border-color:#7c3aed;background:#f5f3ff}@media (max-width: 720px){.floor-map{min-height:460px;overflow:auto}.floor-editor-layout{grid-template-columns:1fr}.floor-map--editor{min-height:460px}.pos-table-row,.pos-close-day-grid{grid-template-columns:1fr}}.pill{background:var(--primary-light);border-color:#23527c24;color:var(--primary)}.chip{border-color:#0e3b5429;background:#ffffffdb}.chip.active{background:linear-gradient(120deg,var(--primary) 0%,var(--primary-hover) 100%);border-color:transparent}label{color:var(--text-body)}input,select,textarea{background:#fff;border-color:#d8e4f0}input:hover,select:hover,textarea:hover{border-color:#23527c47}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#23527cb8;box-shadow:0 0 0 3px #23527c24}button,.button{background:linear-gradient(120deg,var(--primary) 0%,var(--primary-hover) 100%);color:#f2fafc;box-shadow:0 10px 18px #23527c38}button.secondary,.button.secondary{background:#e1f4f8;border-color:#c3e6ee;color:#1a6473;box-shadow:0 10px 18px #1a64731a}button.ghost,.button.ghost{background:#ffffffbd;border-color:var(--border);color:var(--primary);box-shadow:none}button.dark,.button.dark{background:linear-gradient(120deg,var(--primary) 0%,var(--primary-hover) 100%);color:#f2fafc;box-shadow:0 12px 22px #23527c38}button:hover,.button:hover{transform:translateY(-2px)}button:active,.button:active{transform:translateY(0)}.tabs{background:#ffffffd6;border-color:var(--border)}.tab-button{color:var(--text-muted)}.tab-button.active{background:linear-gradient(120deg,var(--primary) 0%,var(--primary-hover) 100%);color:#eff9fc;box-shadow:0 10px 16px #23527c2e}.sidebar{background:#ffffffe0;border-color:var(--border)}.nav-link{color:var(--text-body)}.nav-link:hover{background:#fffffff5;border-color:var(--border);color:var(--primary)}.nav-link.active{background:linear-gradient(120deg,var(--primary) 0%,var(--primary-hover) 100%);color:#f2fafc;border-color:transparent}.status-pill{border-color:var(--border)}.order-card{border-left:4px solid rgba(35,82,124,.34);background:#ffffffdb}[data-display-mode=fullscreen].topbar{top:0;border-radius:18px}[data-display-mode=fullscreen].sticky-panel{position:static}[data-display-mode=fullscreen].order-list--fullscreen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}[data-display-mode=fullscreen].order-list--fullscreen .queue-column{max-height:calc(100vh - 250px);overflow:auto;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffb8;box-shadow:var(--shadow-soft)}[data-display-mode=fullscreen].cashier-layout--fullscreen{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:start}[data-display-mode=fullscreen].cashier-layout--fullscreen .cashier-pane{max-height:calc(100vh - 250px);overflow:auto;padding-right:6px}.ops-toolbar{justify-content:flex-end}.ops-toolbar-extra{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.ops-switch-list{display:flex;flex-direction:column;gap:10px}.ops-switch-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff8c}.ops-switch-row input[type=checkbox]{width:18px;height:18px}[data-display-mode=board].ops-config{display:none}[data-display-mode=board].topbar h1{font-size:clamp(30px,4.6vw,52px)}[data-display-mode=board].topbar p,[data-display-mode=board].ops-toolbar-extra{display:none}[data-display-mode=board].order-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}[data-display-mode=board].order-list .queue-column{max-height:calc(100vh - 205px);overflow:auto;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffc2;box-shadow:var(--shadow-soft)}[data-display-mode=board].cashier-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:start}[data-display-mode=board].cashier-pane{max-height:calc(100vh - 205px);overflow:auto;padding-right:6px}[data-display-mode=board].order-card strong{font-size:20px}[data-display-mode=board].order-card .small{font-size:14px}[data-display-mode=board].order-card button,[data-display-mode=board].cashier-pane button{padding:12px 18px;font-size:15px}.order-item-row{padding:8px 10px;border-radius:12px;background:#ffffffb8}.item-status{font-weight:600;letter-spacing:.04em;text-transform:uppercase}.item-status.new{border-color:#ff9a5752;background:#fff1e5eb;color:#8a4c19}.item-status.accepted{border-color:#0aa0ba4d;background:#e7f8fcf0;color:#0f6072}.item-status.ready{border-color:#1fbf844d;background:#e6faf1f0;color:#156445}.customer-page .topbar{top:8px}.customer-page .menu-section{margin-top:20px!important}.customer-page .menu-header{background:linear-gradient(132deg,#fff5ece6,#f0fcffe6)}.customer-page .menu-grid{align-items:start;grid-template-columns:minmax(0,1.72fr) minmax(280px,.9fr)}.customer-page .menu-list .menu-category{background:#ffffffd1}.customer-page.theme-motion-calm .card,.customer-page.theme-motion-calm button{transition-duration:.14s}.customer-page.theme-motion-dynamic .card,.customer-page.theme-motion-dynamic button{transition-duration:.32s}.customer-page.theme-motion-dynamic .dish-card:hover{transform:translateY(-4px) scale(1.01)}.customer-page.theme-glass-soft .card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.customer-page.theme-glass-medium .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.customer-page.theme-glass-strong .card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.customer-page .menu-list .menu-category>.list{gap:10px}.dish-card{border-color:#0e3b541f}.dish-card img{transition:transform .26s ease,filter .26s ease}.dish-card:hover img{transform:scale(1.04);filter:saturate(1.08)}.cart-panel,.order-status-panel,.ai-panel{background:#ffffffd1}.cart-item{border-left:3px solid rgba(255,127,80,.36)}.recommend-card{border-style:solid;border-left:4px solid rgba(10,160,186,.42);background:linear-gradient(120deg,#f4fdffeb,#fffaf3e6)}.recommend-card.excluded{opacity:.46}.option-modal{background:#fffffff0}.option-item{background:#ffffffd6;border-color:#0e3b541f}.option-item.active{border-color:#0aa0ba66;background:#eefaffeb}.page.centered{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page.centered>.card{animation:popIn .24s ease}.admin-layout .stack>.card{animation:sectionRise .42s ease both}.auth-page .auth-aside{background:linear-gradient(145deg,#11344a,#165b74 52%,#23856f);color:#f2fbff;border-color:#0c253442}.auth-page .auth-aside .badge{background:#fff3;border-color:#fff6;color:#eef9ff}.auth-page .auth-aside p{color:#f0faffcc}.auth-page .auth-panel,.guide-card{background:#ffffffd6}.guide-thumb{border-color:#0e3b5433}.guide-lightbox{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.guide-lightbox-inner{background:#ffffffeb}.language-switcher .small{margin-right:2px;font-weight:600;color:#335261}.lang-select__control{min-height:40px;border-radius:999px!important;border-color:#0e3b5424!important;box-shadow:none!important;background:#ffffffdb!important;transition:border-color .2s ease,box-shadow .2s ease!important}.lang-select__control:hover{border-color:#0e3b544d!important}.lang-select__control--is-focused{border-color:#0aa0bab8!important;box-shadow:0 0 0 3px #0aa0ba29!important}.lang-select__menu{border-radius:14px;border:1px solid rgba(14,59,84,.12);overflow:hidden}.lang-select__option{transition:background .2s ease}.lang-select__option--is-focused{background:#0aa0ba1a}.lang-select__option--is-selected{background:linear-gradient(120deg,#0aa0bae6,#19819fe6);color:#f0fbff}@media (min-width: 1024px){.customer-page .menu-grid>.stack:last-child{position:sticky;top:94px;align-self:start}}@media (max-width: 1023px){.topbar{position:static}.customer-page .menu-grid,[data-display-mode=fullscreen].order-list--fullscreen,[data-display-mode=board].order-list{grid-template-columns:1fr}[data-display-mode=fullscreen].order-list--fullscreen .queue-column,[data-display-mode=fullscreen].cashier-layout--fullscreen .cashier-pane,[data-display-mode=board].order-list .queue-column,[data-display-mode=board].cashier-pane{max-height:none;overflow:visible}[data-display-mode=fullscreen].cashier-layout--fullscreen,[data-display-mode=board].cashier-layout{grid-template-columns:1fr}}@media (max-width: 720px){.shell>*+*{margin-top:14px}.subscription-reminder{flex-direction:column;align-items:flex-start}.hero{border-radius:20px}.card{border-radius:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@keyframes pageRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%,85%,to{transform:translate(-120%)}30%{transform:translate(120%)}}@keyframes pulseMark{0%,to{transform:scale(1);box-shadow:0 0 0 4px #ff7f5024,0 8px 18px #0aa0ba40}50%{transform:scale(1.08);box-shadow:0 0 0 7px #ff7f5029,0 12px 22px #0aa0ba4d}}@keyframes blobFloatA{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(26px,34px,0) scale(1.08)}}@keyframes blobFloatB{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-18px,-24px,0) scale(1.07)}}.ops-page[data-display-mode]:not([data-display-mode=normal]) .overview-grid{grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px}.ops-page[data-display-mode]:not([data-display-mode=normal]) .metric-card{min-height:112px}.metric-card__icon{position:absolute;left:20px;top:50%;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;transform:translateY(-50%);font-weight:900}.metric-card--blue .metric-card__icon{background:var(--service-blue-soft, var(--primary-light));color:var(--service-blue, var(--primary))}.metric-card--orange .metric-card__icon{background:var(--service-orange-soft, #eaf3ff);color:var(--service-orange-text, var(--primary))}.metric-card--purple .metric-card__icon{background:var(--service-teal-soft, #eff6f8);color:var(--service-teal, #1a6473)}.metric-card--green .metric-card__icon{background:var(--service-green-soft, #e9f8ef);color:var(--service-green, #16804b)}.metric-card--amber .metric-card__icon{background:var(--service-amber-soft, #fff7e8);color:var(--service-amber, #a15a00)}.metric-card--red .metric-card__icon{background:var(--service-red-soft, #fff0f0);color:var(--service-red, #9d4141)}.ops-page[data-display-mode]:not([data-display-mode=normal]) .metric-card--blue strong{color:var(--service-blue, var(--primary))}.ops-page[data-display-mode]:not([data-display-mode=normal]) .metric-card--orange strong{color:var(--service-orange-text, var(--primary))}.ops-page[data-display-mode]:not([data-display-mode=normal]) .metric-card--purple strong{color:var(--service-teal, #1a6473)}.ops-page[data-display-mode]:not([data-display-mode=normal]) .metric-card--green strong{color:var(--service-green, #16804b)}.ops-page[data-display-mode]:not([data-display-mode=normal]) .metric-card--amber strong{color:var(--service-amber, #a15a00)}.ops-page[data-display-mode]:not([data-display-mode=normal]) .metric-card--red strong{color:var(--service-red, #9d4141)}.pos-page-head,.dashboard-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pos-page-head h2{margin:0 0 4px;font-size:28px}.pos-page-actions{flex-wrap:wrap;justify-content:flex-end}.pos-board-grid{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px}.pos-lane{min-height:520px;background:#ffffffdb}.pos-lane__head{display:flex;justify-content:space-between;gap:10px;align-items:center}.pos-lane__head h2{margin:0;font-size:18px}.pos-lane--blue{border-top:3px solid var(--primary)}.pos-lane--orange{border-top:3px solid var(--service-orange, var(--accent))}.pos-lane--purple{border-top:3px solid var(--service-teal, #1a6473)}.pos-lane--green{border-top:3px solid var(--service-green, #16804b)}.order-card{border-left-width:0;background:#ffffffdb}.order-card__main{min-width:0;padding:0;border:0;background:transparent;box-shadow:none;color:inherit;text-align:left}.order-card__main span{display:inline-block;margin-left:8px;color:var(--ink);font-weight:800}.order-card__total{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid #edf1f6}.order-card .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.order-card .toolbar button{min-height:42px}.order-badge--pending{background:var(--service-blue-soft, var(--primary-light));border-color:#23527c29;color:var(--service-blue, var(--primary))}.order-badge--progress{background:var(--service-orange-soft, var(--primary-light));border-color:#23527c3d;color:var(--service-orange-text, var(--primary))}.order-badge--ready{background:var(--service-teal-soft, #eff6f8);border-color:#c3e6ee;color:var(--service-teal, #1a6473)}.order-badge--completed{background:var(--service-green-soft, #e7f8ef);border-color:#bce8cf;color:var(--service-green, #159454)}.order-badge--cancelled{background:var(--service-red-soft, #ffe9eb);border-color:#ffc4cb;color:var(--service-red, #d9253f)}.pos-order-detail,.pos-orders-layout,.pos-floor-layout,.pos-close-day-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:16px;align-items:start}.pos-order-main{display:grid;gap:14px}.pos-order-summary-strip{display:grid;grid-template-columns:.8fr .8fr 1fr 1fr auto;gap:14px;align-items:center;min-height:58px}.pos-order-panel{padding:18px}.pos-order-item-list{display:grid;gap:12px;margin-top:12px}.pos-order-item{display:grid;grid-template-columns:58px minmax(0,1fr) 64px 92px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f6}.pos-order-item:last-child{border-bottom:0}.pos-order-thumb{width:58px;height:58px;display:grid;place-items:center;border-radius:8px;background:var(--primary-light);color:var(--primary);font-weight:900}.pos-qty{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:6px;background:#f7f9fc;font-weight:800}.pos-note-line,.payment-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f6}.payment-line--muted strong{color:var(--service-green, #159454);font-weight:700}.pos-payment-panel{position:sticky;top:100px;display:grid;gap:14px}.pos-payment-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #dfe7f2;border-bottom:1px solid #dfe7f2}.pos-payment-total strong{font-size:30px}.pos-payment-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pos-payment-method{min-height:74px;flex-direction:column;gap:6px;border:1px solid #d9e2ef;background:#fff;color:#263447}.pos-payment-method.active{border-color:#23527c8a;background:var(--service-orange-soft, var(--primary-light));color:var(--primary);box-shadow:inset 0 0 0 1px #23527c7a}.pos-cash-row{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;gap:10px;align-items:center;padding:12px;border:1px solid #e3e9f2;border-radius:8px;background:#f8fafc}.pos-benefit-grid,.pos-payment-footer,.pos-floor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pos-checkbox-row{display:flex;align-items:center;gap:10px;margin:0;font-weight:600}.pos-pay-button{min-height:50px}.danger-outline{border-color:#ffb8c1!important;color:#d9253f!important}.clear-outline{border-color:#bce8cf!important;color:var(--service-green, #159454)!important}.pos-timeline{display:grid;gap:10px}.timeline-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}.timeline-step>span{width:18px;height:18px;margin-top:2px;border:2px solid #cad4e2;border-radius:999px;background:#fff}.timeline-step.done>span{border-color:var(--service-green, #159454);background:var(--service-green, #159454)}.pos-floor-tabs,.pos-filter-tabs{display:flex;gap:4px;padding:0 8px;margin:14px 0 -1px;flex-wrap:wrap;border-bottom:1px solid var(--border);background:transparent;position:relative;z-index:1}.pos-floor-tabs>button,.pos-filter-tabs>button{position:relative;padding:10px 18px;border:1px solid transparent!important;border-bottom:0!important;border-radius:10px 10px 0 0!important;background:#23527c0a!important;color:var(--text-muted)!important;font-weight:600;margin-bottom:-1px;box-shadow:none!important;transform:none!important;min-height:42px;transition:background .15s ease,color .15s ease,border-color .15s ease}.pos-floor-tabs>button:hover,.pos-filter-tabs>button:hover{color:var(--primary)!important;background:#23527c14!important}.pos-floor-tabs>button.dark,.pos-filter-tabs>button.dark{background:#fff!important;color:var(--primary)!important;border-color:var(--border)!important;font-weight:700;box-shadow:inset 0 -1px #fff!important;z-index:2}.pos-floor-legend{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap;color:#475569;font-size:13px}.dot{width:9px;height:9px;border-radius:999px}.dot-green{background:var(--service-green, #15a35d)}.dot-blue{background:var(--service-blue, var(--primary))}.dot-purple{background:var(--service-teal, #1a6473)}.dot-amber{background:var(--service-amber, #a15a00)}.pos-floor-map{min-height:610px;border-radius:8px;background:linear-gradient(90deg,rgba(17,24,39,.045) 1px,transparent 1px),linear-gradient(rgba(17,24,39,.045) 1px,transparent 1px),#f8fafc;background-size:42px 42px}.service-mode .floor-table{border-width:1px;border-radius:16px;box-shadow:0 16px 24px #0f172a1f}.service-mode .floor-table--round{border-radius:999px}.floor-table--waiting-payment{border-color:#b59cff;background:#f3efff;color:#5b35bd}.pos-floor-detail{position:sticky;top:100px}.pos-floor-detail-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid #edf1f6}.pos-table-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:999px;background:var(--primary-light);color:var(--primary);font-weight:900}.pos-floor-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:14px 0}.pos-mini-order{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:50px;border:1px solid #e3e9f2;background:#fff;color:#263447}.pos-orders-panel{overflow:hidden}.pos-table-row--danger{background:#fff6f6;outline:1px solid #ffc4cb}.pos-order-table-row{grid-template-columns:1fr .7fr 1fr .9fr .8fr 1.15fr}.link-button{padding:0;border:0;background:transparent!important;color:var(--primary)!important;box-shadow:none!important;text-align:left;font-weight:700}.workspace-page{display:grid;gap:18px}.workspace-page__header,.workspace-layer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.workspace-page__header h1,.workspace-layer__header h2,.workspace-drawer__head h3{margin:0}.workspace-page__header p,.workspace-layer__header p,.workspace-drawer__head p{margin:6px 0 0;color:var(--muted)}.workspace-page__breadcrumb{color:var(--muted);font-size:13px;margin-bottom:6px}.workspace-page__actions,.workspace-layer__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.workspace-page__summary,.workspace-layer{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-sm);padding:16px}.workspace-page__body,.workspace-layer__body{display:grid;gap:16px}.workspace-layer__body{margin-top:14px}.workspace-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;justify-content:flex-end;background:#0f172a57}.workspace-drawer{width:min(610px,100vw);height:100%;display:flex;flex-direction:column;background:var(--paper);box-shadow:-20px 0 50px #0f172a2e}.workspace-drawer__head{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.workspace-drawer__close{width:36px;height:36px;padding:0}.workspace-drawer__tabs{display:flex;gap:8px;padding:12px 20px 0}.workspace-drawer__body{flex:1;overflow:auto;padding:18px 20px}.workspace-drawer__footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}.pos-row-actions{display:flex;gap:10px;flex-wrap:wrap}.pos-close-side{position:sticky;top:100px;display:grid;gap:14px}@media (max-width: 1180px){.ops-page[data-display-mode]:not([data-display-mode=normal]).overview-grid,.pos-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-order-detail,.pos-orders-layout,.pos-floor-layout,.pos-close-day-grid{grid-template-columns:1fr}.pos-payment-panel,.pos-floor-detail,.pos-close-side{position:static}}@media (max-width: 720px){.ops-page[data-display-mode]:not([data-display-mode=normal]).overview-grid,.pos-board-grid,.pos-payment-methods,.pos-benefit-grid,.pos-payment-footer,.pos-floor-actions,.pos-floor-facts{grid-template-columns:1fr}.ops-page[data-display-mode]:not([data-display-mode=normal]).metric-card{min-height:86px}.pos-page-head,.dashboard-section-head,.workspace-page__header,.workspace-layer__header,.workspace-page__actions,.workspace-layer__actions{flex-direction:column;align-items:stretch;justify-content:stretch}.pos-order-summary-strip,.pos-order-item,.pos-cash-row,.pos-mini-order{grid-template-columns:1fr}}.app-shell-page{padding:0;--mock-bg: #f6f8fc;--mock-paper: #ffffff;--mock-ink: #12233d;--mock-muted: #50708f;--mock-line: rgba(35, 82, 124, .13);--mock-line-strong: rgba(35, 82, 124, .22);--mock-accent: #23527c;--mock-accent-dark: #1b4366;--mock-accent-soft: #eaf3ff;--mock-brown: #23527c;--mock-blue: #23527c;--mock-blue-soft: #eaf3ff;--mock-ok: #1a6473;--mock-ok-soft: #e0eef2;--mock-warn: #b45309;--mock-warn-soft: #fff3e7;--mock-danger: #b42318;--mock-danger-soft: #fee4df;--mock-shadow: 0 18px 48px rgba(35, 82, 124, .14);--mock-soft-shadow: 0 10px 28px rgba(35, 82, 124, .08);color:var(--mock-ink);background:radial-gradient(circle at 12% 8%,rgba(234,243,255,.94),transparent 44%),radial-gradient(circle at 86% 2%,rgba(220,238,255,.86),transparent 38%),linear-gradient(180deg,#fbfcff 0%,var(--mock-bg) 42%,#eef3f8 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell-drawer-open{overflow:hidden}.app-shell-page :focus-visible{outline:3px solid rgba(35,82,124,.26);outline-offset:2px}.app-shell-page h1,.app-shell-page h2,.app-shell-page h3,.app-shell-page h4{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.02em}.app-shell-page p,.app-shell-page .small{color:var(--mock-muted)}.app-shell-page button,.app-shell-page .button{border-radius:14px;font-weight:950}.app-shell-page button:not(.secondary):not(.danger-outline):not(.link-button):not(.button-link):not(.ghost):not(.app-shell__nav-item):not(.app-shell__side-module):not(.app-shell__module-tab):not(.dashboard-action-tile):not(.tab-button):not(.layer-toggle):not(.admin-side-row),.app-shell-page .button:not(.secondary):not(.danger-outline):not(.ghost){background:var(--mock-accent);color:#fff;box-shadow:0 10px 24px #23527c38}.app-shell-page .admin-tabbar button,.app-shell-page .pos-filter-tabs>button,.app-shell-page .pos-floor-tabs>button{background:#23527c0a!important;color:var(--mock-muted)!important;box-shadow:none!important}.app-shell-page .admin-tabbar button:hover,.app-shell-page .pos-filter-tabs>button:hover,.app-shell-page .pos-floor-tabs>button:hover{background:#23527c14!important;color:var(--primary)!important}.app-shell-page .admin-tabbar button.active,.app-shell-page .pos-filter-tabs>button.dark,.app-shell-page .pos-floor-tabs>button.dark{background:#fff!important;color:var(--primary)!important;box-shadow:inset 0 -1px #fff!important}.admin-tabbar+section.card,.admin-tabbar+.card,.pos-filter-tabs+section.card,.pos-filter-tabs+.card,.pos-floor-tabs+section.card,.pos-floor-tabs+.card{border-top-left-radius:0;border-top-right-radius:0}.app-shell-page button.secondary,.app-shell-page .button.secondary,.app-shell-page .secondary{border-color:var(--mock-line);background:#fff;color:var(--mock-brown);box-shadow:0 8px 20px #23527c0f}.app-shell-page button.danger-outline,.app-shell-page .danger-outline{border-color:transparent;background:var(--mock-danger-soft);color:var(--mock-danger)}.app-shell-page .app-shell__menu-button,.app-shell-page .app-shell__drawer-close,.app-shell-page .merchant-sheet__close,.app-shell-page .admin-tabbar button,.app-shell-page .app-shell__module-tab,.app-shell-page .link-button{box-shadow:none}.app-shell{width:100%;max-width:none}.app-shell>*+*{margin-top:0}.app-shell__topbar{position:sticky;top:0;z-index:28;display:none;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:16px;min-height:68px;padding:10px 18px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 22px #23527c0f}.app-shell__title-row{display:flex;align-items:flex-start;gap:14px;min-width:0}.app-shell__title-copy{min-width:0}.app-shell__headline-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-shell__headline-row h1{margin:0;font-size:20px;line-height:1.15}.app-shell__active-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:8px;background:#23527c14;border:1px solid rgba(35,82,124,.1);color:var(--primary);font-size:12px;font-weight:700}.app-shell__eyebrow{margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--text-muted)}.app-shell__actions{justify-content:flex-end;flex-wrap:wrap}.app-shell__module-tabs{display:inline-flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--border);border-radius:12px;background:#f6f8fbf2;box-shadow:none;flex:0 0 auto}.app-shell__module-tab{min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none;color:var(--text-body);font-size:14px;font-weight:800;white-space:nowrap}.app-shell__module-tab:hover{transform:none;box-shadow:none;background:var(--card);color:var(--primary)}.app-shell__module-tab.active{background:var(--primary);color:#fff;box-shadow:0 8px 16px #23527c29}.store-switcher{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:5px 6px 5px 12px;border:1px solid var(--border);border-radius:999px;background:#fffffff0;box-shadow:0 10px 24px #23527c14;color:var(--text-body);font-size:12px;font-weight:700;white-space:nowrap}.store-switcher select{min-width:176px;height:34px;padding:0 34px 0 12px;border:0;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:14px;font-weight:800;outline:none}.app-shell__menu-button,.app-shell__drawer-close{display:none}.app-shell__menu-button{width:44px;height:44px;padding:0;border-radius:14px;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:#ffffffeb;border:1px solid var(--border);box-shadow:none;flex:0 0 auto}.app-shell__menu-button span{width:18px;height:2px;border-radius:999px;background:var(--primary)}.app-shell__layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;align-items:start;min-height:100vh;border:0;border-radius:0;background:transparent;overflow:visible}.app-shell__layout--full{grid-template-columns:minmax(0,1fr)}.app-shell__sidebar{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;padding:28px 20px 22px;border:0;border-right:1px solid var(--mock-line);border-radius:0;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none}.app-shell__brand{display:flex;align-items:center;gap:14px;min-width:0;padding:0 8px}.app-shell__logo{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border-radius:18px;background:var(--mock-brown);color:#fff;box-shadow:var(--mock-soft-shadow);font-size:20px;font-weight:950;letter-spacing:-.04em}.app-shell__brand strong{display:block;min-width:0;color:var(--mock-ink);font-size:20px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__brand span{display:block;margin-top:4px;color:var(--mock-muted);font-size:14px;line-height:1.35}.app-shell__side-status{margin:18px 8px 0}.connection-chip{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--mock-line);border-radius:18px;background:#fff;box-shadow:var(--mock-soft-shadow);white-space:pre-line}.connection-chip__dot{width:10px;height:10px;border-radius:50%;background:currentColor;flex-shrink:0}.connection-chip__copy{display:grid;gap:2px;min-width:0}.connection-chip__label{font-size:12px;font-weight:600;color:var(--mock-muted)}.connection-chip__value{font-size:14px;font-weight:800;color:var(--mock-ink)}.connection-chip--live{color:#1f9259}.connection-chip--degraded{color:#b45309}.connection-chip--offline{color:#b42318}.connection-chip--checking{color:var(--mock-muted)}.connection-chip--live .connection-chip__value{color:#1f9259}.connection-chip--degraded .connection-chip__value{color:#b45309}.connection-chip--offline .connection-chip__value{color:#b42318}.app-shell__side-modules{display:grid;gap:8px;margin:18px 8px 0}.app-shell__side-module{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border:0;border-radius:16px;background:transparent;color:#5d5148;box-shadow:none;font-size:14px;font-weight:950;text-align:left}.app-shell__side-module:before{content:attr(data-short);width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#f6efe7;color:#6f5b4f;font-size:11px;font-weight:950}.app-shell__side-module.active{background:var(--mock-blue);color:#fff;box-shadow:0 8px 22px #1e537d38}.app-shell__side-module.active:before{background:#fff3;color:#fff}.app-shell__sidebar-head{display:flex;flex-direction:column;gap:4px;margin:20px 0 10px 8px;padding:0;border-bottom:0}.app-shell__nav{display:flex;flex-direction:column;gap:14px}.app-shell__sidebar>.app-shell__nav{flex:1 1 auto;min-height:0;margin-top:18px;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 12px}.app-shell__nav-group{display:flex;flex-direction:column;gap:7px}.app-shell__nav-group-title{margin:0 0 3px;padding:0 14px;color:#9a8d82;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.app-shell__nav-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:0 14px;min-height:48px;border-radius:17px;border:1px solid transparent;background:transparent;box-shadow:none;color:#57483f;font-size:15px;font-weight:900;text-align:left}.app-shell__nav-mark{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--mock-blue-soft);color:var(--mock-blue);font-size:12px;font-weight:800;flex:0 0 auto}.app-shell__nav-label{min-width:0;flex:1 1 auto}.app-shell__nav-badge{min-width:max-content;padding:3px 7px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:11px;font-weight:800}.app-shell__nav-item:hover{transform:none;box-shadow:none;background:#eaf3ff8c;border-color:transparent}.app-shell__nav-item.active{background:var(--mock-accent-soft);color:var(--mock-accent-dark);box-shadow:none}.app-shell__nav-item.active .app-shell__nav-mark{background:#fff;color:var(--mock-accent-dark)}.app-shell__side-actions{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto;margin:0 8px;padding-top:16px;border-top:1px solid var(--mock-line)}.app-shell__nav-item.disabled{cursor:not-allowed;opacity:.58}.app-shell__nav-item.disabled:hover{background:transparent;border-color:transparent}[data-display-mode=service],[data-display-mode=board],[data-display-mode=fullscreen]{--service-blue: var(--primary);--service-blue-soft: var(--primary-light);--service-orange: var(--primary);--service-orange-text: var(--primary);--service-orange-soft: var(--primary-light);--service-teal: var(--accent-3);--service-teal-soft: #eff6f8;--service-green: #16804b;--service-green-soft: #e9f8ef;--service-amber: #a15a00;--service-amber-soft: #fff7e8;--service-red: #9d4141;--service-red-soft: #fff0f0;background:var(--bg);--live-touch-target: 48px}[data-display-mode=service] .app-shell__content,[data-display-mode=board] .app-shell__content,[data-display-mode=fullscreen] .app-shell__content{padding-top:18px}[data-display-mode=service] .admin-page-header,[data-display-mode=service] .merchant-page-header,[data-display-mode=board] .admin-page-header,[data-display-mode=board] .merchant-page-header,[data-display-mode=fullscreen] .admin-page-header,[data-display-mode=fullscreen] .merchant-page-header{padding-bottom:0}[data-display-mode=service] .merchant-summary-card strong,[data-display-mode=service] .metric-card strong,[data-display-mode=board] .merchant-summary-card strong,[data-display-mode=board] .metric-card strong,[data-display-mode=fullscreen] .merchant-summary-card strong,[data-display-mode=fullscreen] .metric-card strong{font-size:30px;line-height:1.05}[data-display-mode=service] button,[data-display-mode=service] .button,[data-display-mode=service] select,[data-display-mode=service] input,[data-display-mode=board] button,[data-display-mode=board] .button,[data-display-mode=board] select,[data-display-mode=board] input,[data-display-mode=fullscreen] button,[data-display-mode=fullscreen] .button,[data-display-mode=fullscreen] select,[data-display-mode=fullscreen] input{min-height:var(--live-touch-target)}[data-display-mode=service] .order-card,[data-display-mode=service] .kitchen-card,[data-display-mode=service] .queue-column,[data-display-mode=board] .order-card,[data-display-mode=board] .kitchen-card,[data-display-mode=board] .queue-column,[data-display-mode=fullscreen] .order-card,[data-display-mode=fullscreen] .kitchen-card,[data-display-mode=fullscreen] .queue-column{border-radius:22px}[data-display-mode=service] .app-shell__content .card,[data-display-mode=service] .app-shell__content .hero,[data-display-mode=board] .app-shell__content .card,[data-display-mode=board] .app-shell__content .hero,[data-display-mode=fullscreen] .app-shell__content .card,[data-display-mode=fullscreen] .app-shell__content .hero{border-color:#23527c24}[data-display-mode=service] .app-shell__content .metric-card:after,[data-display-mode=board] .app-shell__content .metric-card:after,[data-display-mode=fullscreen] .app-shell__content .metric-card:after{background:linear-gradient(135deg,#23527c24,#23527c14)}.app-shell__content{min-width:0;padding:28px 32px 46px}.app-shell__summary{margin-bottom:18px}.app-shell__body{gap:16px}.app-shell__content .overview-grid{margin:0}.app-shell__content .metric-card{min-height:104px;justify-content:center;position:relative;overflow:hidden}.app-shell__content .metric-card:after{content:"";position:absolute;right:-18px;bottom:-18px;width:86px;height:86px;border-radius:24px;background:linear-gradient(135deg,#23527c14,#23527c1f);transform:rotate(12deg)}.app-shell__content .metric-card strong,.app-shell__content .metric-card .small{position:relative;z-index:1}.app-shell__content .hero,.app-shell__content .card,.app-shell__content .overview-grid>*{border-color:var(--mock-line);border-radius:22px;background:#fffffff0;box-shadow:var(--mock-soft-shadow)}.app-shell-page .card:hover,.app-shell-page button:hover,.app-shell-page .button:hover{transform:none}.app-shell-page .card:hover{border-color:var(--mock-line);box-shadow:var(--mock-soft-shadow)}.app-shell__content .hero{margin-top:0;border-radius:22px}.app-shell__content .card h2,.app-shell__content .card h3{margin-bottom:4px}.app-shell__drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#12233d47;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:89}.app-shell__drawer-backdrop.open{opacity:1;pointer-events:auto}.app-shell__drawer{position:fixed;top:0;left:0;width:min(88vw,320px);height:100vh;padding:18px;background:#f9fbfefa;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:18px 0 40px #23527c29;transform:translate(-104%);transition:transform .24s ease;z-index:90}.app-shell__drawer.open{transform:translate(0)}.app-shell__drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.app-shell__drawer-close{width:40px;height:40px;padding:0;border-radius:12px;background:#ffffffeb;border:1px solid var(--border);color:var(--primary);font-size:26px;line-height:1;box-shadow:none}.app-shell-page .ops-config{padding:18px}.app-shell-page .cashier-pane>h2,.app-shell-page .queue-column h3{margin-bottom:4px}.app-shell-page .order-card{border-radius:18px}.app-shell-page .list{gap:14px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:16px}.dashboard-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-kpi-list,.dashboard-mini-metrics{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:14px}.dashboard-fact{padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:var(--card-2)}.dashboard-fact--emphasis{border-color:#23527c57;background:linear-gradient(135deg,#fff7eef5,#fffffffa);box-shadow:0 18px 34px #23527c24}.dashboard-fact strong{display:block;margin-top:6px;font-size:18px}.dashboard-fact--emphasis strong{color:var(--accent);font-size:26px;letter-spacing:-.03em}.dashboard-fact .button-link{margin-top:10px;padding:0;border:0;background:transparent;color:var(--primary);font-size:13px;font-weight:700;cursor:pointer}.dashboard-fact .button-link:hover{color:var(--primary-hover)}.admin-page-header,.merchant-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;border:1px solid var(--mock-line);border-radius:26px;background:#fffffff0;box-shadow:var(--mock-soft-shadow)}.merchant-page-header__copy{min-width:0;max-width:860px}.merchant-page-header__breadcrumb{margin-bottom:8px;color:var(--mock-muted);font-size:13px;font-weight:880}.merchant-page-header h2{margin:0;color:var(--mock-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:32px;line-height:1.15;letter-spacing:-.05em}.merchant-page-header p{margin:7px 0 0;color:var(--mock-muted);font-size:14px;line-height:1.55}.merchant-page-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:0 0 auto}.merchant-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.merchant-summary-card{min-width:0;min-height:96px;position:relative;overflow:hidden;padding:14px 16px;border:1px solid var(--mock-line);border-radius:18px;background:#fff;box-shadow:none}.merchant-summary-card:after{content:"";position:absolute;right:-22px;bottom:-22px;width:78px;height:78px;border-radius:24px;background:#23527c0f;transform:rotate(12deg)}.merchant-summary-card--pending:after,.merchant-summary-card--warning:after{background:#23527c1f}.merchant-summary-card--danger:after{background:#9d41411a}.merchant-summary-card--success:after{background:#16804b1a}.merchant-summary-card span,.merchant-summary-card strong,.merchant-summary-card small{position:relative;z-index:1}.merchant-summary-card span{color:var(--mock-muted);font-size:12px;font-weight:880}.merchant-summary-card strong{display:block;margin-top:8px;color:var(--mock-ink);font-size:24px;line-height:1.1}.merchant-summary-card small{display:block;margin-top:5px;color:var(--mock-muted);line-height:1.35}.merchant-status-badge{display:inline-flex;align-items:center;width:fit-content;max-width:100%;gap:6px;min-height:26px;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;white-space:normal}.merchant-status-badge--pending{border-color:#a15a0033;background:#fff7e8;color:#a15a00}.merchant-status-badge--progress{border-color:transparent;background:var(--mock-blue-soft);color:var(--mock-blue)}.merchant-status-badge--ready,.merchant-status-badge--success{border-color:transparent;background:var(--mock-ok-soft);color:var(--mock-ok)}.merchant-status-badge--danger{border-color:transparent;background:var(--mock-danger-soft);color:var(--mock-danger)}.merchant-status-badge--warning{border-color:transparent;background:var(--mock-warn-soft);color:var(--mock-warn)}.merchant-status-badge--muted{border-color:transparent;background:#f6efe7;color:#6f5b4f}.merchant-info-card{display:grid;gap:5px;padding:13px 14px;border:1px dashed rgba(35,82,124,.24);border-radius:18px;background:#eaf3ff;color:var(--text-body);font-size:13px;line-height:1.5}.merchant-info-card strong{color:var(--primary)}.merchant-info-card--warning{border-color:#b4530947;background:#fff7e8;color:#6b5547}.merchant-info-card--warning strong{color:#b45309}.merchant-info-card--danger{border-color:#9d414142;background:#fff0f0}.merchant-info-card--success{border-color:#16804b38;background:#e9f8ef}.merchant-required-marker{margin-left:3px;color:#c0392b;font-weight:900}.merchant-field{display:grid;gap:7px;color:var(--text-main);font-size:13px;font-weight:800}.merchant-field input,.merchant-field select,.merchant-field textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:10px 12px;color:var(--text-main);font-weight:500}.merchant-sheet-backdrop,.merchant-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;z-index:94;background:#2b221c3d}.merchant-sheet-backdrop{justify-content:flex-end}.merchant-sheet,.merchant-modal{background:var(--mock-paper);border:1px solid var(--mock-line);box-shadow:0 28px 90px #3e2d223d}.merchant-sheet{width:min(620px,100vw);height:calc(100vh - 32px);margin:16px 16px 16px 0;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-radius:28px}.session-detail{display:grid;gap:14px}.session-detail__order-row{width:100%;border:1px solid var(--divider);background:#fff;text-align:left}.merchant-sheet__head,.merchant-modal__head,.merchant-sheet__footer,.merchant-modal__footer{display:flex;gap:12px;padding:16px 18px;border-color:var(--divider)}.merchant-sheet__head,.merchant-modal__head{justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--mock-line);background:#eaf3ffc7}.merchant-sheet__head h3,.merchant-modal__head h3{margin:0;color:var(--mock-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;letter-spacing:-.03em}.merchant-sheet__head p,.merchant-modal__head p{margin:5px 0 0;color:var(--mock-muted);font-size:13px;line-height:1.45}.merchant-sheet__close{width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--mock-line);background:#fff;color:var(--mock-muted);box-shadow:none}.merchant-sheet__body,.merchant-modal__body{min-height:0;overflow:auto;padding:16px 18px}.merchant-reason-quick-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.merchant-reason-quick-row button{min-height:34px}.merchant-sheet__footer,.merchant-modal__footer{justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--mock-line);background:#fffffff5}.merchant-modal-backdrop{align-items:center;justify-content:center;padding:18px}.merchant-modal{width:min(540px,96vw);max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:26px}.merchant-card-table{overflow:hidden;border:1px solid var(--mock-line);border-radius:22px;background:#fff}.merchant-card-table__row{display:grid;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid rgba(91,62,42,.08);background:#fff}.merchant-card-table__row:first-child{border-top:0}.merchant-card-table__row--header{background:#f5f8fcf5;color:var(--text-muted);font-size:12px;font-weight:900;text-transform:uppercase}.admin-page-header__copy{min-width:0;max-width:820px}.admin-page-header__breadcrumb{margin-bottom:8px;color:var(--mock-muted);font-size:13px;font-weight:880}.admin-page-header h2{margin:0;color:var(--mock-ink);font-size:32px;line-height:1.15;letter-spacing:-.05em}.admin-page-header p{margin:7px 0 0;color:var(--mock-muted);font-size:14px;line-height:1.55}.admin-page-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:0 0 auto}.admin-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-flow-step{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;padding:12px 14px;border:1px solid rgba(35,82,124,.12);border-radius:10px;background:#ffffffe6}.admin-flow-step span{grid-row:span 2;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--primary);color:#fff;font-size:13px;font-weight:900}.admin-flow-step strong{min-width:0}.admin-flow-step small{min-width:0;color:var(--text-muted);line-height:1.35}.admin-workspace-section{display:grid;gap:16px}.admin-layer{min-width:0;overflow:hidden;border:1px solid var(--mock-line);border-radius:26px;background:#fffffff0;box-shadow:var(--mock-soft-shadow)}.admin-layer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--mock-line);background:#f1f6fcbd;cursor:pointer;list-style:none}.admin-layer__head::-webkit-details-marker{display:none}.admin-layer__head h2{margin:0;color:var(--mock-ink);font-size:18px;letter-spacing:-.02em}.admin-layer__head p{margin:5px 0 0;color:var(--mock-muted);font-size:13px;line-height:1.4}.admin-layer__head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.admin-layer__toggle{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--mock-line);border-radius:999px;background:#fff;color:var(--mock-muted);font-size:12px;font-weight:950}.admin-layer__toggle-closed,.admin-layer:not([open]) .admin-layer__toggle-open{display:none}.admin-layer:not([open]) .admin-layer__toggle-closed{display:inline}.admin-layer__body{padding:14px 16px}.admin-layer--notice{border-color:#23527c29}.admin-layer--notice .admin-layer__body{background:#eaf3ff}.admin-layer--workflow{border-color:#23527c33}.admin-workspace-panel{min-width:0;overflow:hidden;border-radius:26px;border:1px solid var(--mock-line);background:#fffffff5;box-shadow:var(--mock-soft-shadow)}.admin-workspace-panel--soft{background:#f9fbfef0}.admin-workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--mock-line);background:#f1f6fcbd}.admin-workspace-title{display:grid;gap:6px;min-width:min(100%,320px)}.admin-workspace-title h2,.admin-workspace-title h3{margin:0;color:var(--mock-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;letter-spacing:-.02em}.admin-workspace-title p{margin:5px 0 0;color:var(--mock-muted);font-size:13px;line-height:1.4}.admin-workspace-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.admin-workspace-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.admin-workspace-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}.admin-workspace-list{display:grid;gap:12px}.admin-demo-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(188,132,32,.24);border-radius:8px;background:#fff8e8;color:#5c4211}.admin-demo-banner div{min-width:0;display:grid;gap:3px}.admin-demo-banner span{color:#7a632e;font-size:13px}.admin-tabbar{display:flex;gap:4px;padding:0 8px;border:0;border-bottom:1px solid var(--mock-line);border-radius:0;background:transparent;box-shadow:none;overflow-x:auto;margin:0 0 -1px;position:relative;z-index:1}.admin-tabbar button{position:relative;min-height:42px;padding:10px 18px;border:1px solid transparent;border-bottom:0;border-radius:10px 10px 0 0;background:#23527c0a;color:var(--mock-muted);font-weight:600;white-space:nowrap;margin-bottom:-1px;box-shadow:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.admin-tabbar button:hover{color:var(--primary);transform:none;background:#23527c14}.admin-tabbar button.active{background:#fff;color:var(--primary);border-color:var(--mock-line);font-weight:700;box-shadow:inset 0 -1px #fff;z-index:2}.admin-content-grid{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:16px;align-items:start}.admin-side-panel,.admin-table-wrap{min-width:0;padding:16px;border:1px solid rgba(35,82,124,.12);border-radius:8px;background:#fffffff5;box-shadow:0 10px 22px #23527c12}.admin-side-list{display:grid;gap:8px;margin-top:14px}.app-shell-page .admin-side-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(35,82,124,.16);border-radius:10px;background:#fff;color:#41566a;font-weight:600;box-shadow:none;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.app-shell-page .admin-side-row:hover{border-color:#23527c52;background:#f4f9fd}.app-shell-page .admin-side-row.active{border-color:#23527c;background:#eaf3fb;color:#143655;font-weight:700;box-shadow:inset 4px 0 #23527c}.admin-side-row.active small,.admin-side-row.active em{color:#23527c}.admin-side-row span{min-width:0;display:grid;gap:2px}.admin-side-row small,.admin-side-row em{color:var(--text-muted);font-size:12px;font-style:normal}.admin-link-card{display:grid;gap:4px;margin-top:14px;padding:12px;border:1px solid rgba(35,82,124,.12);border-radius:8px;background:#f5f8fcf5;color:var(--text-main)}.admin-link-card span{color:var(--text-muted);font-size:13px;line-height:1.45}.admin-table-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:12px}.admin-table-head h2{margin:0;font-size:20px;letter-spacing:0}.admin-table-head p{margin:5px 0 0;color:var(--text-muted);font-size:13px;line-height:1.45}.admin-table-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px}.admin-card-table{overflow:hidden;border:1px solid var(--mock-line);border-radius:22px;background:#fff}.admin-card-table__row{display:grid;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid rgba(91,62,42,.08);background:#fff}.admin-card-table__row:first-child{border-top:0}.admin-card-table__row--header{background:#f1f6fc;color:#5e6e83;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.02em}.admin-dish-cols{grid-template-columns:minmax(220px,1.9fr) minmax(80px,.55fr) minmax(130px,1fr) minmax(180px,1.2fr) minmax(130px,.9fr)}.admin-option-cols{grid-template-columns:minmax(190px,1.2fr) minmax(130px,.8fr) minmax(180px,1.4fr) minmax(170px,1fr)}.admin-ai-cols{grid-template-columns:minmax(220px,1.3fr) minmax(220px,1.5fr) minmax(130px,.7fr)}.admin-inventory-cols{grid-template-columns:minmax(190px,1.25fr) minmax(120px,.75fr) minmax(170px,1fr) minmax(90px,.55fr) minmax(110px,.7fr) minmax(260px,1.45fr)}.admin-table-qr-cols{grid-template-columns:minmax(130px,.8fr) minmax(120px,.7fr) minmax(180px,1fr) 80px minmax(280px,1.6fr)}.admin-area-cols{grid-template-columns:minmax(180px,1fr) 120px 140px 120px}.admin-qr-cols{grid-template-columns:minmax(220px,1.2fr) minmax(150px,.8fr) 120px minmax(330px,1.7fr)}.admin-staff-cols{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(240px,1.3fr) minmax(180px,.9fr)}.admin-role-cols{grid-template-columns:minmax(180px,.9fr) minmax(220px,1.1fr) minmax(280px,1.4fr)}.admin-payment-cols{grid-template-columns:minmax(180px,1.1fr) minmax(130px,.75fr) minmax(190px,1.1fr) minmax(110px,.7fr) minmax(150px,.9fr) minmax(260px,1.4fr)}.admin-close-cols{grid-template-columns:minmax(170px,1fr) minmax(120px,.7fr) minmax(140px,.8fr) minmax(140px,.8fr) 90px minmax(120px,.7fr)}.admin-member-cols{grid-template-columns:minmax(190px,1.2fr) minmax(220px,1.2fr) 120px 110px minmax(120px,.6fr)}.kitchen-inventory-cols{grid-template-columns:minmax(220px,1.35fr) minmax(130px,.75fr) minmax(130px,.75fr) 110px minmax(150px,.9fr) minmax(360px,1.8fr)}.kitchen-inventory-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.kitchen-inventory-actions input{min-height:38px;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.admin-table-main{min-width:0;display:grid;gap:4px}.admin-table-main p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.35}.admin-badge-stack{display:flex;flex-wrap:wrap;gap:6px}.badge-ok{background:#1f7a4d1f;color:#1f7a4d}.badge-warn{background:#bc842026;color:#875f14}.admin-row-actions--dense{justify-content:flex-start}.admin-mini-input{width:96px;min-width:84px}.admin-inline-edit{display:inline-flex;align-items:center;gap:6px}.admin-inline-edit input{width:76px;min-width:70px;padding:7px 8px}.admin-row-card{min-width:0;padding:14px 16px;border-radius:16px;border:1px solid rgba(91,62,42,.1);background:#fff;box-shadow:0 8px 18px #23527c0d}.admin-row-card--muted{background:#fff}.table-session-card,.kitchen-live-lane,.kitchen-order-card{border-color:var(--mock-line);border-radius:22px;background:#fff}.table-session-card{padding:12px;box-shadow:0 8px 18px #23527c0d}.table-session-card .toolbar,.kitchen-order-card .toolbar{padding:0;border:0;background:transparent}.table-session-card__more summary{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--mock-line);border-radius:8px;background:#fff;color:var(--mock-ink);cursor:pointer;font-size:13px;font-weight:700;list-style:none;-webkit-user-select:none;user-select:none}.table-session-card__more summary::-webkit-details-marker{display:none}.table-session-card__more summary:after{content:"v";color:var(--mock-muted);font-size:11px;transform:translateY(-1px)}.table-session-card__more[open] summary:after{transform:rotate(180deg) translateY(1px)}.order-card__main{min-width:0;width:100%;display:grid;gap:4px;padding:0;border:0;background:transparent!important;color:var(--mock-ink)!important;box-shadow:none!important;text-align:left}.order-card__main strong{color:var(--mock-ink);font-size:16px}.order-card__main span,.order-card__main p{margin:0;color:var(--mock-muted)}.kitchen-live-lane{min-height:330px;overflow:hidden}.kitchen-live-lane>h2,.kitchen-live-lane>p{margin-left:2px}.kitchen-order-card{padding:16px;box-shadow:0 8px 18px #23527c0f}.kitchen-item-card{border-color:#5b3e2a1a;border-radius:18px;background:#fff}.kitchen-touch-button{min-height:54px;border-radius:18px;padding-inline:22px;font-size:16px}.admin-row-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.admin-row-main{min-width:0;display:grid;gap:6px}.admin-row-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-row-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.admin-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:58;display:flex;justify-content:flex-end;background:#0d1c2b57;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.admin-dish-drawer{width:min(100vw,760px);height:100vh;max-height:100vh;display:grid;grid-template-rows:auto 1fr auto;border-radius:22px 0 0 22px;overflow:hidden;animation:adminDrawerIn .18s ease-out}.admin-dish-drawer__head,.admin-dish-drawer__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(35,82,124,.12);background:#fffffffa}.admin-dish-drawer__footer{align-items:center;justify-content:flex-end;border-top:1px solid rgba(35,82,124,.12);border-bottom:0}.admin-dish-drawer__body{min-height:0;display:grid;gap:12px;padding:16px 20px 20px;overflow:auto}.admin-drawer-section{padding:14px;border-radius:14px}.admin-drawer-section summary{cursor:pointer;font-weight:800}.admin-route-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:14px;align-items:center;padding:12px 0;border-top:1px solid rgba(35,82,124,.1)}.admin-route-row:first-child{border-top:0}.admin-check-badge{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.admin-route-chip-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:180px;overflow:auto}@keyframes adminDrawerIn{0%{transform:translate(18px);opacity:.72}to{transform:translate(0);opacity:1}}.admin-empty-state{padding:18px;color:var(--text-muted);text-align:center}.wallet-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:18px;border:1px solid rgba(35,82,124,.28);border-radius:22px;background:linear-gradient(135deg,#fff8f0f2,#fffffffa);box-shadow:0 18px 36px #23527c1f}.wallet-hero strong{display:block;margin-top:4px;color:var(--accent);font-size:clamp(34px,5vw,52px);line-height:1;letter-spacing:-.05em}.wallet-hero__meta{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.subscription-package-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.subscription-package-grid .panel{min-width:0}.dashboard-action-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.dashboard-action-tile{display:grid;gap:6px;justify-items:start;text-align:left;padding:16px;border-radius:18px;border:1px solid var(--border);background:#ffffffeb;color:var(--text-main);box-shadow:none}.dashboard-action-tile strong{font-size:16px}.dashboard-action-tile span{color:var(--text-muted);font-size:13px}.dashboard-chart-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-value{padding:8px 12px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-weight:700}.dashboard-line-chart{margin-top:12px}.dashboard-line-chart svg{width:100%;height:auto;display:block}.dashboard-line-chart__grid{stroke:#23527c1f;stroke-width:1}.dashboard-line-chart__label{fill:var(--text-muted);font-size:11px;font-weight:600}.dashboard-apk-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:center;margin-top:14px}.dashboard-qr-frame{display:grid;place-items:center;padding:14px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#fffffff5,#eaf3fff0)}.dashboard-qr-image{width:min(220px,100%);aspect-ratio:1 / 1;height:auto;object-fit:contain;image-rendering:pixelated;display:block}.menu-workspace-hero{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;align-items:start}.menu-workspace-hero__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.menu-workspace-hero__summary{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-column:1 / -1}[data-display-mode=service]:not(.ops-page) .list{gap:12px}[data-display-mode=service]:not(.ops-page) .card{min-width:0}.menu-import-modal{width:min(760px,96vw)}.menu-import-modal__mode-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.menu-category-tabs{display:flex;flex-wrap:wrap;gap:12px}.menu-category-tab{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--border);background:#ffffffeb;color:var(--text-body);font-weight:700;box-shadow:none;white-space:nowrap}.menu-category-tab.active{background:linear-gradient(120deg,var(--primary) 0%,var(--primary-hover) 100%);border-color:transparent;color:#f2fafc;box-shadow:0 12px 24px #23527c29}.menu-category-card-head{display:flex;align-items:center;gap:10px;min-width:0}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:36;display:flex;align-items:center;justify-content:center;padding:18px;background:#12233d66}.admin-modal-card{width:min(620px,96vw)}.admin-modal-card--compact{width:min(520px,94vw)}.staff-order-modal{width:min(1180px,96vw);max-height:min(88vh,980px);display:flex;flex-direction:column;overflow:hidden}.staff-order-modal__body{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:14px}.staff-order-modal__controls{display:flex;flex-direction:column;gap:12px}.staff-order-modal__search-row{gap:12px}.staff-order-modal__search-input{min-width:260px;min-height:48px;flex:1 1 320px}.staff-order-modal__people-input{width:110px;min-height:48px}.staff-order-modal__label{display:block;margin-bottom:8px}.staff-order-modal__chip-row{gap:10px}.staff-order-modal__chip,.staff-order-modal__touch-btn{min-height:46px;padding-inline:16px}.staff-order-modal__layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);gap:16px;align-items:stretch;flex:1 1 auto;min-height:0}.staff-order-modal__pane{min-height:0;overflow:auto;overscroll-behavior:contain}.staff-order-modal__dish-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.staff-order-modal__dish-card{min-height:156px}.staff-order-modal__action-row{margin-top:10px;gap:10px;flex-wrap:wrap}.staff-order-modal__draft-list{margin-bottom:12px}.staff-order-modal__footer{justify-content:space-between;gap:12px}.order-admin-items{margin-top:14px;display:grid;gap:8px}.order-admin-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--divider);background:var(--card-2)}@media (max-width: 1023px){.app-shell__topbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;background:#fffffff5;border-bottom-color:var(--mock-line);box-shadow:none}.app-shell__layout{grid-template-columns:1fr;gap:18px;min-height:calc(100vh - 69px)}.app-shell__sidebar{display:none}.app-shell__menu-button,.app-shell__drawer-close{display:inline-flex}.app-shell__drawer{background:#fffffffa;box-shadow:18px 0 40px #23527c29}.app-shell__drawer-backdrop{background:#2b221c3d}.dashboard-layout,.dashboard-main-grid,.dashboard-chart-grid,.dashboard-apk-layout{grid-template-columns:1fr}.admin-modal-card,.admin-modal-card--compact{width:min(100%,96vw)}.staff-order-modal{max-height:92vh}.staff-order-modal__layout{grid-template-columns:1fr}.staff-order-modal__pane{max-height:40vh}}.op-mode-experience{--op-accent: #23527c;--op-soft: #eaf3ff;--op-chip: #dbe9ff;display:grid;gap:16px}.op-mode-experience h2,.op-mode-experience h3,.op-mode-experience h4{letter-spacing:0}.op-mode-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:20px;padding:22px;border:1px solid rgba(35,82,124,.14);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,251,255,.96) 48%,var(--op-soft));box-shadow:0 24px 58px #23527c1f;overflow:hidden}.op-mode-hero__copy{min-width:0;display:grid;align-content:start;gap:16px}.op-mode-eyebrow,.op-mode-section-kicker{width:fit-content;padding:6px 10px;border:1px solid rgba(35,82,124,.12);border-radius:999px;background:#ffffffc2;color:var(--op-accent);font-size:11px;font-weight:950;text-transform:uppercase}.op-mode-hero__copy h2{max-width:720px;margin:0;color:var(--mock-ink);font-size:34px;line-height:1.12}.op-mode-hero__copy p{max-width:680px;margin:0;color:var(--mock-muted);font-size:14px;line-height:1.7}.op-mode-current-row,.op-mode-actions-row,.op-mode-template-card__footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.op-mode-current-pill,.op-mode-state-badge{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 10px;border:1px solid rgba(35,82,124,.12);border-radius:999px;background:#fff;color:var(--mock-muted);font-size:12px;font-weight:850}.op-mode-current-pill strong{color:var(--mock-ink)}.op-mode-current-pill--accent{border-color:transparent;background:var(--op-chip);color:var(--op-accent)}.op-mode-current-pill--accent strong{color:var(--op-accent)}.op-mode-state-badge{border-color:#b4530933;background:#fff7e8;color:#b45309}.op-mode-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.op-mode-metric{min-width:0;padding:11px 12px;border:1px solid rgba(35,82,124,.12);border-radius:16px;background:#ffffffbd}.op-mode-metric span{display:block;color:var(--mock-muted);font-size:11px;font-weight:850}.op-mode-metric strong{display:block;margin-top:4px;color:var(--mock-ink);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.app-shell-page .op-mode-save,.app-shell-page .op-mode-replay,.app-shell-page .op-mode-tab,.app-shell-page .op-mode-template-card{box-shadow:none!important}.app-shell-page .op-mode-save{min-height:42px;padding:0 16px;border:0!important;background:var(--op-accent)!important;color:#fff!important;box-shadow:0 14px 30px #23527c3d!important}.app-shell-page .op-mode-save:disabled{cursor:not-allowed;opacity:.46}.app-shell-page .op-mode-replay{min-height:42px;padding:0 14px;border:1px solid rgba(35,82,124,.14)!important;background:#fff!important;color:var(--mock-ink)!important}.op-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell-page .op-mode-tab{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:10px;border:1px solid rgba(35,82,124,.13)!important;border-radius:16px;background:#ffffffad!important;color:var(--mock-ink)!important;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.app-shell-page .op-mode-tab:hover{transform:translateY(-1px);border-color:#23527c38!important;background:#fff!important}.app-shell-page .op-mode-tab--active{border-color:var(--tab-accent)!important;background:#fff!important}.op-mode-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:var(--tab-accent);color:#fff;font-size:12px;font-weight:950}.op-mode-tab strong,.op-mode-tab small{display:block;min-width:0}.op-mode-tab strong{color:var(--mock-ink);font-size:13px;line-height:1.28}.op-mode-tab small{margin-top:3px;color:var(--mock-muted);font-size:11px;line-height:1.35}.op-mode-scene-card{min-width:0;display:grid;gap:14px;padding:16px;border:1px solid rgba(35,82,124,.13);border-radius:24px;background:#ffffffc2}.op-mode-scene-card__head,.op-mode-board__head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.op-mode-scene-card__head span,.op-mode-board__head span{color:var(--op-accent);font-size:11px;font-weight:950;text-transform:uppercase}.op-mode-scene-card__head strong,.op-mode-board__head strong{min-width:0;color:var(--mock-ink);font-size:13px;line-height:1.35;text-align:right}.op-mode-scene-card__copy{display:grid;gap:6px}.op-mode-scene-card__copy h3{margin:0;color:var(--mock-ink);font-size:20px;line-height:1.22}.op-mode-scene-card__copy p{margin:0;color:var(--mock-muted);font-size:13px;line-height:1.55}.op-mode-scene-canvas{position:relative;aspect-ratio:64 / 31;min-height:240px;overflow:hidden;border:1px solid rgba(35,82,124,.12);border-radius:22px;background:linear-gradient(rgba(35,82,124,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(35,82,124,.045) 1px,transparent 1px),linear-gradient(135deg,#fbfdff 0%,#f3f7fb 54%,var(--op-soft) 100%);background-size:36px 36px,36px 36px,auto}.op-mode-semantic-flow{position:relative;z-index:2;display:flex;align-items:stretch;gap:12px;min-height:134px;padding:22px 18px 0;overflow-x:auto}.op-mode-semantic-node{position:relative;flex:1 0 118px;display:grid;align-content:start;gap:6px;min-width:112px;padding:12px;border:1px solid rgba(35,82,124,.13);border-radius:16px;background:#ffffffed;box-shadow:0 14px 28px #23527c1a;animation:opFlowIn .36s ease both}.op-mode-semantic-node:after{content:"";position:absolute;top:50%;right:-13px;width:13px;border-top:2px solid rgba(35,82,124,.22)}.op-mode-semantic-node:last-child:after{display:none}.op-mode-semantic-node span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:9px;background:var(--op-accent);color:#fff;font-size:11px;font-weight:950}.op-mode-semantic-node strong{color:var(--mock-ink);font-size:13px;line-height:1.28}.op-mode-semantic-node small,.op-mode-flow-step small,.op-mode-semantic-branch span,.op-mode-branch-chip span{color:var(--mock-muted);font-size:11px;line-height:1.35}.op-mode-semantic-node--payment,.op-mode-flow-step--payment{border-color:color-mix(in srgb,var(--op-accent) 46%,#fff);background:linear-gradient(180deg,#fff,var(--op-soft))}.op-mode-semantic-node--kitchen,.op-mode-flow-step--kitchen{border-color:#16a34a47}.op-mode-semantic-node--future,.op-mode-flow-step--future{border-style:dashed;opacity:.78}.op-mode-semantic-branches{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;padding:10px 18px 70px}.op-mode-semantic-branch,.op-mode-branch-chip{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px dashed rgba(35,82,124,.2);border-radius:13px;background:#ffffffb8}.op-mode-semantic-branch strong,.op-mode-branch-chip strong{color:var(--mock-ink);font-size:12px;line-height:1.28}.op-mode-semantic-branch--future,.op-mode-branch-chip--future{opacity:.75}.op-mode-device-strip{position:absolute;left:18px;right:148px;bottom:14px;z-index:3;display:flex;gap:8px;overflow-x:auto;padding-bottom:1px}.op-mode-device-strip .op-mode-device{position:static;flex:0 0 auto;width:auto;min-width:78px;min-height:46px;padding:7px 8px;border-radius:14px;transform:none;box-shadow:0 10px 24px #23527c1a}.op-mode-device-strip .op-mode-device--active{transform:none}.op-mode-device-strip .op-mode-device__icon{min-width:30px;height:26px;border-radius:10px}.op-mode-route{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.op-mode-route__base,.op-mode-route__active,.op-mode-route__secondary{fill:none;stroke-linecap:round}.op-mode-route__base{stroke:#23527c29;stroke-width:10}.op-mode-route__active{stroke:var(--op-accent);stroke-width:8;stroke-dasharray:76 360;animation:opRouteDash 2.9s linear infinite}.op-mode-route__secondary{stroke:#23527c21;stroke-width:4;stroke-dasharray:8 18}.op-mode-device{position:absolute;z-index:2;display:grid;place-items:center;gap:5px;width:94px;min-height:72px;padding:8px;border:1px solid rgba(35,82,124,.14);border-radius:18px;background:#ffffffeb;box-shadow:0 14px 32px #23527c1f;transform:translate(-50%,-50%);transition:opacity .18s ease,transform .18s ease,border-color .18s ease}.op-mode-device--active{border-color:var(--op-accent);transform:translate(-50%,-50%) scale(1.02)}.op-mode-device--dim{opacity:.42;box-shadow:none}.op-mode-device__icon{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:32px;padding:0 8px;border-radius:12px;background:var(--op-accent);color:#fff;font-size:12px;font-weight:950}.op-mode-device__caption{color:var(--mock-muted);font-size:11px;font-weight:850;line-height:1.2;text-align:center}.op-mode-device--qr{left:12%;top:64%}.op-mode-device--staff{left:18%;top:25%}.op-mode-device--cashier{left:42%;top:50%}.op-mode-device--printer{left:66%;top:30%}.op-mode-device--kds{left:75%;top:63%}.op-mode-device--pickup{left:88%;top:26%}.op-mode-device--future{left:52%;top:17%}.op-mode-ticket{position:absolute;z-index:3;left:55%;top:60%;display:grid;gap:5px;width:94px;padding:12px;border:1px solid rgba(35,82,124,.16);border-radius:14px;background:#fff;box-shadow:0 18px 36px #23527c24;animation:opTicketFloat 4.8s ease-in-out infinite}.op-mode-ticket span{height:5px;border-radius:99px;background:#23527c24}.op-mode-ticket span:nth-child(2){width:72%}.op-mode-ticket span:nth-child(3){width:48%}.op-mode-ticket strong{color:var(--op-accent);font-size:11px}.op-mode-floor-chip{position:absolute;right:16px;bottom:14px;display:grid;gap:2px;padding:9px 11px;border:1px solid rgba(35,82,124,.12);border-radius:14px;background:#ffffffd6}.op-mode-floor-chip span{color:var(--mock-muted);font-size:10px;font-weight:850}.op-mode-floor-chip strong{color:var(--mock-ink);font-size:12px}.op-mode-mini-flow{display:flex;flex-wrap:wrap;gap:8px}.op-mode-mini-flow span{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;border-radius:999px;background:var(--op-soft);color:var(--op-accent);font-size:12px;font-weight:850;line-height:1.35}.op-mode-mini-flow strong{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:99px;background:var(--op-accent);color:#fff;font-size:10px}.op-mode-template-section,.op-mode-board{border:1px solid rgba(35,82,124,.13);border-radius:24px;background:#fffffff0;box-shadow:var(--mock-soft-shadow)}.op-mode-template-section{display:grid;gap:16px;padding:18px}.op-mode-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.58fr);gap:16px;align-items:end}.op-mode-section-head h3{margin:8px 0 0;color:var(--mock-ink);font-size:22px}.op-mode-section-head p{margin:0;color:var(--mock-muted);font-size:13px;line-height:1.65}.op-mode-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.app-shell-page .op-mode-template-card{position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:12px;min-width:0;min-height:330px;padding:16px;border:1px solid rgba(35,82,124,.14)!important;border-radius:22px;background:#fff!important;color:var(--mock-ink)!important;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.app-shell-page .op-mode-template-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #23527c1f!important}.app-shell-page .op-mode-template-card--selected{border-color:var(--template-accent)!important;box-shadow:0 18px 42px #23527c24!important}.op-mode-template-card__number{color:var(--template-accent);font-size:12px;font-weight:950}.op-mode-template-card__future{position:absolute;top:12px;right:12px;padding:5px 8px;border-radius:999px;background:#eef0f3;color:#5b6472;font-size:11px;font-weight:900}.op-mode-template-card__header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:start}.op-mode-template-card__icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:var(--template-accent);color:#fff;font-size:12px;font-weight:950}.op-mode-template-card h3{margin:0;color:var(--mock-ink);font-size:16px;line-height:1.25}.op-mode-template-card p{margin:6px 0 0;color:var(--mock-muted);font-size:12px;line-height:1.55}.op-mode-template-card__line{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;align-items:center;min-height:22px}.op-mode-template-card__line span{height:5px;border-radius:99px;background:var(--template-soft)}.op-mode-template-card__line i{width:7px;height:7px;justify-self:center;border-radius:50%;background:var(--template-accent);animation:opMiniPulse 1.9s ease-in-out infinite}.op-mode-template-card__meta{display:grid;gap:8px}.op-mode-template-meta{display:grid;gap:3px;min-width:0}.op-mode-template-meta span{color:var(--mock-muted);font-size:11px;font-weight:850}.op-mode-template-meta strong{color:var(--mock-ink);font-size:12px;font-weight:850;line-height:1.42}.op-mode-template-card__chips{align-self:start;display:flex;flex-wrap:wrap;gap:6px}.op-mode-template-card__chips span{max-width:100%;padding:6px 8px;border-radius:999px;background:#f6f8fb;color:var(--mock-muted);font-size:11px;font-weight:850;line-height:1.32}.op-mode-template-card__footer{justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid rgba(35,82,124,.1)}.op-mode-template-card__footer span,.op-mode-template-card__footer strong{font-size:12px;line-height:1.25}.op-mode-template-card__footer span{color:var(--mock-muted)}.op-mode-template-card__footer strong{color:var(--template-accent)}.op-mode-preview-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:16px}.op-mode-board{min-width:0;display:grid;align-content:start;gap:14px;padding:18px}.op-mode-flow-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:10px}.op-mode-flow-step{position:relative;display:grid;gap:8px;min-height:94px;padding:13px;border:1px solid rgba(35,82,124,.12);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);animation:opFlowIn .36s ease both}.op-mode-flow-step span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:9px;background:var(--op-accent);color:#fff;font-size:11px;font-weight:950}.op-mode-flow-step strong{color:var(--mock-ink);font-size:13px;line-height:1.45}.op-mode-flow-step small{display:block}.op-mode-branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.op-mode-surface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.op-mode-surface{min-width:0;padding:10px;border:1px solid rgba(35,82,124,.1);border-radius:14px;background:#f5f7fa;opacity:.62}.op-mode-surface--on{background:#fff;opacity:1}.op-mode-surface span{color:var(--op-accent);font-size:10px;font-weight:950}.op-mode-surface strong{display:block;margin-top:3px;color:var(--mock-ink);font-size:12px;line-height:1.32}.op-mode-lane-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:9px}.op-mode-lane{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 10px;border:1px solid rgba(35,82,124,.11);border-radius:14px;background:var(--op-soft);animation:opFlowIn .36s ease both}.op-mode-lane span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;border-radius:8px;background:#fff;color:var(--op-accent);font-size:10px;font-weight:950}.op-mode-lane strong{min-width:0;color:var(--op-accent);font-size:12px;line-height:1.28}.op-mode-action-strip{display:flex;flex-wrap:wrap;gap:7px}.op-mode-action-strip span{padding:7px 9px;border:1px solid rgba(35,82,124,.1);border-radius:999px;background:#fff;color:var(--mock-ink);font-size:11px;font-weight:850;line-height:1.25}.op-mode-warning-stack,.op-mode-future-grid{display:grid;gap:8px}.op-mode-warning,.op-mode-future-note{display:grid;gap:4px;padding:10px 12px;border:1px dashed rgba(180,83,9,.28);border-radius:16px;background:#fff7e8}.op-mode-warning strong,.op-mode-future-note strong{color:#b45309;font-size:12px}.op-mode-warning span,.op-mode-future-note span{color:var(--mock-muted);font-size:12px;line-height:1.48}.op-mode-future-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.op-mode-future-grid div{padding:10px 12px;border:1px dashed rgba(35,82,124,.18);border-radius:16px;background:#f7f8fa}.op-mode-future-grid span{color:#5b6472;font-size:10px;font-weight:950;text-transform:uppercase}.op-mode-future-grid strong{display:block;margin-top:4px;color:var(--mock-ink);font-size:12px;line-height:1.35}.op-mode-future-note--muted{border-color:#23527c29;background:#f7f8fa}.op-mode-future-note--muted strong{color:var(--mock-ink)}.op-mode-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;align-items:stretch}.op-mode-config-toggle,.op-mode-select-field{min-width:0;min-height:86px;padding:12px;border:1px solid var(--mock-line);border-radius:10px;background:#ffffffdb;box-shadow:0 8px 20px #23527c0d}.op-mode-config-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;cursor:pointer}.op-mode-config-toggle--disabled{cursor:not-allowed;opacity:.66}.op-mode-config-toggle__control{display:flex;align-items:flex-start;padding-top:2px}.op-mode-config-toggle input{width:18px;height:18px;margin:0;flex:0 0 auto}.op-mode-config-toggle__body,.op-mode-select-field{display:grid;gap:5px;align-content:start}.op-mode-config-toggle__body strong,.op-mode-select-field span{color:var(--mock-ink);font-size:13px;line-height:1.35}.op-mode-config-toggle__body span{color:var(--muted);font-size:12px;line-height:1.45}.op-mode-select-field select{width:100%;min-width:0;min-height:40px}@keyframes opRouteDash{to{stroke-dashoffset:-436}}@keyframes opTicketFloat{0%,to{transform:translateZ(0) rotate(-1deg)}50%{transform:translate3d(8px,-10px,0) rotate(1.5deg)}}@keyframes opMiniPulse{0%,to{transform:scale(.75);opacity:.48}50%{transform:scale(1.18);opacity:1}}@keyframes opFlowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.op-mode-hero,.op-mode-preview-grid,.op-mode-section-head{grid-template-columns:1fr}.op-mode-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.op-mode-hero{padding:16px}.op-mode-hero__copy h2{font-size:28px}.op-mode-kpi-row,.op-mode-tabs,.op-mode-template-grid{grid-template-columns:1fr}.op-mode-device{width:78px;min-height:62px;border-radius:15px}.op-mode-device__icon{min-width:30px;height:28px;font-size:11px}.op-mode-device__caption{font-size:10px}.op-mode-ticket{width:78px;left:52%;top:60%}}@media (max-width: 560px){.op-mode-hero__copy h2{font-size:25px}.op-mode-scene-card,.op-mode-template-section,.op-mode-board{border-radius:20px;padding:14px}.op-mode-device{width:70px;min-height:58px;padding:6px}.op-mode-semantic-flow{padding:14px 12px 0}.op-mode-semantic-node{flex-basis:136px}.op-mode-semantic-branches{padding:8px 12px 76px}.op-mode-device-strip{left:12px;right:12px;bottom:12px}.op-mode-device--qr{left:15%;top:66%}.op-mode-device--staff{left:18%;top:26%}.op-mode-device--cashier{left:43%;top:51%}.op-mode-device--printer{left:67%;top:30%}.op-mode-device--kds{left:76%;top:66%}.op-mode-device--pickup{left:87%;top:23%}.op-mode-device--future{left:50%;top:16%}.op-mode-floor-chip{left:12px;right:auto;bottom:12px}.op-mode-mini-flow span{width:100%}}@media (prefers-reduced-motion: reduce){.op-mode-route__active,.op-mode-ticket,.op-mode-template-card__line i,.op-mode-flow-step,.op-mode-lane{animation:none!important}}@media (max-width: 720px){.app-shell-page{padding-top:0}.app-shell__topbar{padding:16px;border-radius:0}.app-shell__title-row,.app-shell__title-copy{width:100%}.app-shell__headline-row{align-items:flex-start;flex-direction:column;gap:8px}.app-shell__actions{width:100%;justify-content:flex-start}.app-shell__module-tabs{width:100%;overflow-x:auto;justify-content:flex-start;border-radius:18px}.app-shell__module-tab{flex:0 0 auto}.store-switcher{width:100%;justify-content:space-between;border-radius:18px}.store-switcher select{min-width:0;flex:1}.wallet-hero{align-items:flex-start;flex-direction:column}.wallet-hero__meta{justify-content:flex-start}.admin-workspace-head,.admin-page-header,.merchant-page-header,.admin-row-head{align-items:stretch;flex-direction:column}.admin-page-header__actions,.merchant-page-header__actions{justify-content:flex-start}.admin-flow-steps{grid-template-columns:1fr}.admin-workspace-actions,.admin-row-actions{justify-content:flex-start}.admin-content-grid{grid-template-columns:1fr}.admin-card-table,.merchant-card-table{display:grid;gap:10px;border:0;background:transparent}.merchant-card-table__row{grid-template-columns:1fr!important;border:1px solid rgba(35,82,124,.12);border-radius:8px;background:#fff}.merchant-card-table__row--header{display:none}.merchant-card-table__row>*{min-width:0}.merchant-sheet-backdrop{align-items:stretch}.merchant-sheet{width:100vw;height:100vh;margin:0;border-radius:0}.merchant-modal-backdrop{align-items:flex-end;padding:0}.merchant-modal{width:100vw;max-height:94vh;border-radius:16px 16px 0 0}.admin-card-table__row{grid-template-columns:1fr!important;border:1px solid rgba(35,82,124,.12);border-radius:8px;background:#fff}.admin-card-table__row--header{display:none}.admin-row-actions--dense{display:grid;grid-template-columns:1fr}.kitchen-inventory-actions{grid-template-columns:1fr}.admin-mini-input,.admin-inline-edit input{width:100%}.admin-drawer-backdrop{align-items:flex-end}.admin-dish-drawer{width:100vw;height:min(92vh,760px);border-radius:22px 22px 0 0}.admin-route-row,.menu-workspace-hero{grid-template-columns:1fr}.menu-workspace-hero__actions{justify-content:flex-start}.app-shell__content .metric-card{min-height:88px}.app-shell-page .ops-config{padding:16px}.dashboard-action-grid{grid-template-columns:1fr}.staff-order-modal{width:min(100%,98vw);max-height:94vh;padding:14px}.staff-order-modal__search-input,.staff-order-modal__people-input{width:100%;min-width:0;flex-basis:100%}.staff-order-modal__pane{max-height:34vh}.staff-order-modal__footer>*{flex:1 1 100%}}.op-mode-flow-board{display:grid;gap:16px;padding:22px;border-radius:28px;background:linear-gradient(180deg,#fff,#f6f9ff);border:1px solid var(--mock-line);box-shadow:0 18px 42px #23527c14}.op-mode-flow-board__head,.op-mode-flow-board__title{display:grid;gap:4px}.op-mode-flow-board__badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 10px;border-radius:999px;background:var(--op-soft, #eaf3ff);color:var(--op-accent, #2563eb);font-size:12px;font-weight:900}.op-mode-flow-board h3{margin:4px 0 0;font-size:22px;line-height:1.25;color:var(--mock-ink)}.op-mode-flow-board p{margin:4px 0 0;color:var(--mock-muted);font-size:13px;line-height:1.55}.op-mode-flow-board__stages{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:0 4px;color:var(--mock-muted);font-size:12px;font-weight:900;letter-spacing:.02em}.op-mode-flow-board__stage-label{text-align:center;color:var(--mock-ink);background:#23527c0f;padding:6px 10px;border-radius:999px}.op-mode-flow-board__stage-arrow{text-align:center;color:#23527c66}.op-mode-flow-board__body{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:6px;min-height:320px}.op-mode-flow-column{display:grid;align-content:start;gap:10px}.op-mode-flow-node{position:relative;z-index:2;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:12px;border-radius:16px;background:#fff;border:1px solid rgba(35,82,124,.14);box-shadow:0 6px 16px #23527c0a;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.op-mode-flow-node--active{border-color:var(--op-accent, #2563eb);box-shadow:0 12px 28px #23527c1f}.op-mode-flow-node--clickable{cursor:pointer}.op-mode-flow-node--clickable:hover{transform:translateY(-1px);border-color:var(--op-accent, #2563eb);box-shadow:0 14px 30px #23527c29}.op-mode-flow-node--clickable:focus-visible{outline:2px solid var(--op-accent, #2563eb);outline-offset:2px}.op-mode-flow-node--inactive{opacity:.5;border-style:dashed}.op-mode-flow-node--future{opacity:.55;background:repeating-linear-gradient(135deg,#fff,#fff 6px,#f3f5f8 6px,#f3f5f8 12px);border-style:dashed;border-color:#23527c38}.op-mode-flow-node__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--op-soft, #eaf3ff);font-size:18px}.op-mode-flow-node--inactive .op-mode-flow-node__icon,.op-mode-flow-node--future .op-mode-flow-node__icon{background:#23527c14}.op-mode-flow-node__body{display:grid;gap:2px;min-width:0}.op-mode-flow-node__body strong{color:var(--mock-ink);font-size:13px}.op-mode-flow-node__body span{color:var(--mock-muted);font-size:11px;line-height:1.35}.op-mode-flow-board__connectors{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.op-mode-flow-board__path{fill:none;vector-effect:non-scaling-stroke}.op-mode-flow-board__path--active{stroke:var(--op-accent, #2563eb);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 4px 8px rgba(35,82,124,.18))}.op-mode-flow-board__path--inactive{stroke:#23527c2e;stroke-width:1.2;stroke-dasharray:3 4}.op-mode-flow-board__legend{display:flex;flex-wrap:wrap;gap:14px;padding-top:4px;color:var(--mock-muted);font-size:12px}.op-mode-flow-board__legend-item{display:inline-flex;align-items:center;gap:6px}.op-mode-flow-board__legend-item>span{display:inline-block;width:20px;height:0;border-top:2px solid var(--op-accent, #2563eb);border-radius:999px}.op-mode-flow-board__legend-item--inactive>span{height:12px;border:1px dashed rgba(35,82,124,.4);border-radius:4px;opacity:.6}.op-mode-flow-board__legend-item--future>span{height:12px;border:1px dashed rgba(35,82,124,.4);border-radius:4px;background:repeating-linear-gradient(135deg,#fff,#fff 3px,#eef1f5 3px,#eef1f5 6px)}.op-mode-flow-node__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.op-mode-flow-node__tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:var(--op-soft, #eaf3ff);color:var(--op-accent, #2563eb);font-size:10px;font-weight:800;line-height:1.6}.op-mode-flow-node__tag--future{background:#23527c12;color:var(--mock-muted);border:1px dashed rgba(35,82,124,.22)}.op-mode-flow-node--payment.op-mode-flow-node--active{border-color:#d97706;background:linear-gradient(180deg,#fffbeb,#fff7e6);box-shadow:0 12px 28px #d9770629}.op-mode-flow-node--payment.op-mode-flow-node--active .op-mode-flow-node__icon{background:#fef3c7}.op-mode-flow-board__pay-pill{display:inline-flex;align-items:center;gap:4px;width:fit-content;margin-top:6px;padding:3px 10px;border-radius:999px;background:#fffbeb;border:1px solid #fcd34d;color:#b45309;font-size:12px;font-weight:900}.op-mode-flow-board__note{margin-top:6px!important;padding-left:10px;border-left:3px solid var(--op-accent, #2563eb);color:var(--mock-ink)!important;font-weight:600}.op-mode-pay-choice{display:grid;gap:8px;margin-top:16px}.op-mode-pay-choice__label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:900;letter-spacing:.02em;color:var(--mock-muted);text-transform:uppercase}.op-mode-pay-choice__options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.op-mode-pay-choice__option{display:flex!important;align-items:flex-start;gap:10px;text-align:left;padding:12px 14px;border-radius:14px;border:1.5px solid var(--mock-line);background:#fff!important;color:var(--mock-ink)!important;box-shadow:none!important;font-weight:700!important;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.op-mode-pay-choice__option:hover{border-color:#f59e0b}.op-mode-pay-choice__option.is-active{border-color:#f59e0b;background:#fffbeb!important;box-shadow:0 8px 20px #d9770624!important}.op-mode-pay-choice__dot{flex:0 0 auto;width:16px;height:16px;margin-top:2px;border-radius:50%;border:2px solid var(--mock-line);background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.op-mode-pay-choice__option.is-active .op-mode-pay-choice__dot{border-color:#d97706;background:#d97706;box-shadow:inset 0 0 0 3px #fff}.op-mode-pay-choice__text{display:grid;gap:2px}.op-mode-pay-choice__option strong{font-size:14px;color:var(--mock-ink)}.op-mode-pay-choice__option span{font-size:11px;line-height:1.4;color:var(--mock-muted)}.op-mode-pay-choice__option.is-active strong{color:#b45309}.op-mode-readiness{display:grid;gap:12px;padding:18px 20px;border-radius:24px;background:#fff;border:1px solid var(--mock-line);box-shadow:0 8px 22px #23527c0f}.op-mode-readiness__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.op-mode-readiness__head h3{margin:0;font-size:17px;color:var(--mock-ink)}.op-mode-readiness__head p{margin:4px 0 0;color:var(--mock-muted);font-size:12px}.op-mode-readiness__refresh{min-height:32px;padding:0 12px;border:1px solid var(--mock-line);border-radius:999px;background:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.op-mode-readiness__refresh:disabled{opacity:.5;cursor:not-allowed}.op-mode-readiness__grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.op-mode-readiness-card{display:grid;gap:8px;padding:14px;border-radius:16px;border:1px solid var(--mock-line);background:#fff}.op-mode-readiness-card--ok{border-left:4px solid #16a34a}.op-mode-readiness-card--warn{border-left:4px solid #d97706}.op-mode-readiness-card--missing{border-left:4px solid #b91c1c}.op-mode-readiness-card--unchecked{border-left:4px solid rgba(35,82,124,.22)}.op-mode-readiness-card>header{display:flex;justify-content:space-between;align-items:center;gap:8px}.op-mode-readiness-card>header strong{font-size:13px;color:var(--mock-ink)}.op-mode-readiness-card__pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:900}.op-mode-readiness-card__pill--ok{background:#ecfdf5;color:#047857}.op-mode-readiness-card__pill--warn{background:#fffbeb;color:#b45309}.op-mode-readiness-card__pill--missing{background:#fef2f2;color:#b91c1c}.op-mode-readiness-card__pill--unchecked{background:#23527c14;color:var(--mock-muted)}.op-mode-readiness-card p{margin:0;color:var(--mock-muted);font-size:12px;line-height:1.55}.op-mode-readiness-card__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.op-mode-readiness-card__action{padding:6px 12px;border-radius:10px;border:1px solid var(--mock-line);background:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.op-mode-readiness-card__action.is-primary{background:var(--op-accent, #2563eb);color:#fff;border-color:transparent}.op-mode-readiness-card__action:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 960px){.op-mode-flow-board__body{grid-template-columns:1fr}.op-mode-flow-board__stages,.op-mode-flow-board__connectors{display:none}}