@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&family=Fraunces:wght@500;600;700&display=swap";:root{--bg: #f8f3ec;--bg-2: #efe4d4;--ink: #1c120c;--muted: #6a5a50;--accent: #f97316;--accent-2: #0ea5e9;--accent-3: #10b981;--border: #eadfd0;--card: #fffaf3;--card-2: #fff1df;--shadow: 0 18px 40px rgba(22, 14, 10, .12);--shadow-soft: 0 8px 20px rgba(22, 14, 10, .08);--radius-xl: 26px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Bricolage Grotesque,Segoe UI,system-ui,sans-serif;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(circle at 12% 8%,#fff0da,#fff0da00 45%),radial-gradient(circle at 85% 2%,#e5f4ff,#e5f4ff00 40%),linear-gradient(180deg,#fff8f0 0%,var(--bg) 40%,#f4ebde 100%);min-height:100%}body{line-height:1.55}h1,h2,h3,h4{font-family:Fraunces,Times New Roman,serif;letter-spacing:-.6px;margin:0 0 8px}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,#f9731629,#f9731600);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:#fffaf3eb;-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(--accent),var(--accent-2));box-shadow:0 0 0 4px #f9731626}.brand-text{font-size:16px;letter-spacing:.08em;text-transform:uppercase}.hero{margin-top:20px;padding:24px;background:linear-gradient(130deg,#fff2df,#fffaf2,#f2fbff);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:#fffaf3;border:1px solid var(--border)}.step-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffe3bf;color:#4b2b12;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(--accent)}.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:#fffdf8}.card.menu-header{background:#fffaf2}.card.cart-panel{background:#fff9f0}.card.order-status-panel{background:#fffdf8}.card.ai-panel{background:#fff8ef}.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}.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{display:flex;flex-direction:column;gap:6px}.metric-card strong{font-size:22px}.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:Fraunces,Times New Roman,serif;font-size:28px;letter-spacing:-.6px;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-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}}:root{--bg: #eff4f6;--bg-2: #dfe9ed;--ink: #102634;--muted: #4e6471;--accent: #ff7f50;--accent-2: #0aa0ba;--accent-3: #1fbf84;--border: rgba(14, 59, 84, .14);--card: rgba(255, 255, 255, .86);--card-2: rgba(247, 253, 255, .86);--shadow: 0 18px 45px rgba(16, 38, 52, .17);--shadow-soft: 0 10px 26px rgba(16, 38, 52, .1)}html,body{scroll-behavior:smooth}body{position:relative;overflow-x:hidden;background-image:radial-gradient(circle at 8% 10%,#ff8f5d29,#ff8f5d00 45%),radial-gradient(circle at 88% 12%,#0aa0ba33,#0aa0ba00 42%),linear-gradient(165deg,#f6fbfd,#edf4f7 44%,#eef0f4)}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,#ffa87859,#ffa87800 70%);animation:blobFloatA 16s ease-in-out infinite}body:after{bottom:-12vh;right:-9vw;background:radial-gradient(circle,#0aa0ba57,#0aa0ba00 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,#fff6efe6,#f2fcffe0)}.badge{background:#ffffffc2;border-color:#0e3b5424;color:#305061}.pill{background:#ffffffb8;border-color:#0e3b541a;color:#385565}.chip{border-color:#0e3b5429;background:#ffffffdb}.chip.active{background:linear-gradient(120deg,#14384d,#115f76);border-color:transparent}label{color:#3a5a68}input,select,textarea{background:#ffffffdb;border-color:#0e3b5429}input:hover,select:hover,textarea:hover{border-color:#0e3b5452}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#0aa0bacc;box-shadow:0 0 0 3px #0aa0ba2e}button,.button{background:linear-gradient(120deg,coral,#ff9969 45%,#ffae86);color:#4a210e;box-shadow:0 10px 18px #ff7f5047}button.secondary,.button.secondary{background:linear-gradient(120deg,#e8f8fd,#d2f1fa);border-color:#0aa0ba47;color:#0e5566;box-shadow:0 10px 18px #0aa0ba2e}button.ghost,.button.ghost{background:#ffffff7a;border-color:#0e3b542e;color:#244457;box-shadow:none}button.dark,.button.dark{background:linear-gradient(120deg,#0f2b3d,#154960);color:#f2fafc;box-shadow:0 12px 22px #0f2b3d57}button:hover,.button:hover{transform:translateY(-2px)}button:active,.button:active{transform:translateY(0)}.tabs{background:#ffffffb8;border-color:#0e3b5424}.tab-button{color:#537181}.tab-button.active{background:linear-gradient(120deg,#13384d,#166179);color:#eff9fc;box-shadow:0 10px 16px #13384d42}.sidebar{background:#ffffffc2;border-color:#0e3b5424}.nav-link{color:#4f6a79}.nav-link:hover{background:#ffffffe0;border-color:#0e3b5424;color:#25485b}.nav-link.active{background:linear-gradient(120deg,#12384d,#146078);color:#f2fafc;border-color:transparent}.status-pill{border-color:#0e3b5424}.order-card{border-left:4px solid rgba(10,160,186,.44);background:#ffffffdb}.ops-page--fullscreen .topbar{top:0;border-radius:18px}.ops-page--fullscreen .sticky-panel{position:static}.ops-page--fullscreen .order-list--fullscreen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.ops-page--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)}.ops-page--fullscreen .cashier-layout--fullscreen{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:start}.ops-page--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}.ops-page--board .ops-config{display:none}.ops-page--board .topbar h1{font-size:clamp(30px,4.6vw,52px)}.ops-page--board .topbar p,.ops-page--board .ops-toolbar-extra{display:none}.ops-page--board .order-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.ops-page--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)}.ops-page--board .cashier-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:start}.ops-page--board .cashier-pane{max-height:calc(100vh - 205px);overflow:auto;padding-right:6px}.ops-page--board .order-card strong{font-size:20px}.ops-page--board .order-card .small{font-size:14px}.ops-page--board .order-card button,.ops-page--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,.ops-page--fullscreen .order-list--fullscreen,.ops-page--board .order-list{grid-template-columns:1fr}.ops-page--fullscreen .order-list--fullscreen .queue-column,.ops-page--fullscreen .cashier-layout--fullscreen .cashier-pane,.ops-page--board .order-list .queue-column,.ops-page--board .cashier-pane{max-height:none;overflow:visible}.ops-page--fullscreen .cashier-layout--fullscreen,.ops-page--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)}}.app-shell-page{padding-top:18px}.app-shell{max-width:1440px}.app-shell__topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border:1px solid rgba(14,59,84,.1);border-radius:24px;background:linear-gradient(135deg,#ffffffe6,#f6fcffe6),#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 36px #1026341a}.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}.app-shell__active-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#12384d14;border:1px solid rgba(18,56,77,.1);color:#21485d;font-size:12px;font-weight:700}.app-shell__eyebrow{margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5a7482}.app-shell__actions{justify-content:flex-end}.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:#ffffffc2;border:1px solid rgba(14,59,84,.14);box-shadow:none;flex:0 0 auto}.app-shell__menu-button span{width:18px;height:2px;border-radius:999px;background:#214254}.app-shell__layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:22px;align-items:start}.app-shell__sidebar{position:sticky;top:20px;padding:18px;background:linear-gradient(180deg,#ffffffd6,#f7fcffb8)}.app-shell__sidebar-head{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(14,59,84,.08)}.app-shell__nav{display:flex;flex-direction:column;gap:8px}.app-shell__nav-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid transparent;background:transparent;box-shadow:none;color:#496474;font-weight:600;text-align:left}.app-shell__nav-mark{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#12384d14;color:#21485d;font-size:12px;font-weight:800;flex:0 0 auto}.app-shell__nav-label{min-width:0}.app-shell__nav-item:hover{transform:none;box-shadow:none;background:#ffffffc7;border-color:#0e3b541a}.app-shell__nav-item.active{background:linear-gradient(120deg,#12384d,#146078);color:#f2fafc;box-shadow:0 12px 22px #13384d2e}.app-shell__nav-item.active .app-shell__nav-mark{background:#ffffff2e;color:#f2fafc}.app-shell__content{min-width:0}.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,#0aa0ba14,#ff7f501f);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>*{box-shadow:0 12px 26px #10263414}.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:#0a16206b;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:#f8fcfef7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:18px 0 40px #08162033;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:#ffffffc2;border:1px solid rgba(14,59,84,.12);color:#214254;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}@media (max-width: 1023px){.app-shell__layout{grid-template-columns:1fr;gap:18px}.app-shell__sidebar{display:none}.app-shell__menu-button,.app-shell__drawer-close{display:inline-flex}}@media (max-width: 720px){.app-shell-page{padding-top:10px}.app-shell__topbar{align-items:flex-start;flex-direction:column;padding:16px;border-radius:20px}.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__content .metric-card{min-height:88px}.app-shell-page .ops-config{padding:16px}}