.app,.console,.login-wrap,.portal{min-height:100vh;background:#f4f5f7;color:#181c32;font-family:Roboto,Segoe UI,sans-serif}.app h1,.app h2,.app h3,.login-card h1,.portal h1,.portal h2,.portal h3{letter-spacing:0;line-height:1.3;color:#181c32}.app *,.modal *,.portal *{box-sizing:border-box}button,input,select,textarea{font:inherit}.appbar{height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;border-bottom:1px solid #e4e6ef}.appbar h1{margin:0;font-size:20px;font-weight:500}.icon-btn{width:40px;height:40px;border:0;background:transparent;border-radius:20px;color:#181c32;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:#f4f5f7}.icon-btn.danger{color:#f1416c}.icon-btn.danger:hover{background:#fff5f8}.appbar-actions{display:flex;align-items:center;gap:2px}.page{padding:12px 16px 96px}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e4e6ef;border-radius:4px;padding:0 12px;height:48px}.search input{border:0;background:transparent;outline:none;width:100%;padding:0}.filters{display:flex;justify-content:flex-start;gap:8px;margin:12px 0 4px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 2px 6px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.fchip{flex:none;border:1px solid #e4e6ef;background:#fff;border-radius:999px;padding:7px 12px;cursor:pointer;color:#181c32;font-size:13px;font-weight:600}.fchip.on{background:#e8fff3;border-color:#50cd89;color:#1f6b3d}.caption{text-align:center;color:#a1a5b7;font-size:12px;margin-bottom:8px}.client-list{background:#fff;border:1px solid #e4e6ef;border-radius:12px;overflow:visible}.client-row{display:flex;align-items:center;gap:8px;min-height:56px;min-width:0;padding:10px 12px;border-bottom:1px solid #e4e6ef;cursor:pointer}.client-row:last-child{border-bottom:0}.client-row:hover{background:#f9f9f9}.client-meta{display:contents}.client-meta .pill{flex:none}.client-name{flex:1 1 120px;min-width:72px;max-width:240px;font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-actions{display:flex;align-items:center;gap:6px;flex:none;margin-left:auto}.client-actions .icon-btn{width:36px;height:36px}.end-date{flex:none;font-size:13px;font-weight:700;white-space:nowrap;padding:6px 10px;border-radius:8px;background:#ecfdf3;color:#188038}.end-date.critical,.end-date.warn{background:#fff7ed;color:#b45309}.end-date.expired{background:#fef2f2;color:#b91c1c}.end-date.none{background:#f1f5f9;color:#64748b;font-weight:600}.row-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 12px;border-radius:12px;border:0;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap}.row-cta.membership{background:#009ef7;color:#fff;box-shadow:0 4px 12px rgba(0,158,247,.28)}.row-cta.membership:hover{background:#0088d6}.row-cta.domain-btn,.row-cta.login-btn{background:#fff;color:#181c32;border:1px solid #c5cad8}.row-cta.domain-btn:hover,.row-cta.login-btn:hover{background:#f4f5f7}.row-cta.approve{border-color:#86efac;color:#15803d;background:#f0fdf4}.row-cta.approve:hover{background:#dcfce7}.domain{flex:1 1;min-width:0;color:#565674;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1100px){.client-row{flex-wrap:wrap;row-gap:8px}.client-actions{width:100%;justify-content:flex-end;margin-left:0}}@media (max-width:760px){.page{padding:12px 12px 108px}.appbar{padding:0 6px 0 12px}.appbar h1{font-size:17px}.client-list{background:transparent;border:0;border-radius:0;display:grid;grid-gap:10px;gap:10px}.client-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name date" "meta meta" "acts acts";grid-gap:8px 10px;gap:8px 10px;align-items:start;min-height:0;padding:14px;background:#fff;border:1px solid #e4e6ef;border-radius:16px;box-shadow:0 1px 2px rgba(24,28,50,.04)}.client-row:last-child{border-bottom:1px solid #e4e6ef}.client-row:hover{background:#fff}.client-row:active{background:#f8fafc}.client-name{grid-area:name;flex:none;max-width:none;min-width:0;font-size:16px;letter-spacing:-.01em}.end-date{grid-area:date;align-self:start;font-size:11px;padding:5px 8px;border-radius:999px}.client-meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.client-meta .domain{flex:1 1 100%;color:#7e8299;font-size:12px}.client-actions{grid-area:acts;width:100%;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid #f1f1f4}.row-cta{flex:1 1;min-width:0;height:42px;padding:0;border-radius:12px}.row-cta .cta-label{display:none}.client-actions .icon-btn{width:42px;height:42px;border-radius:12px;flex:none;border:1px solid #f3d0d8;background:#fff}.fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));height:48px;padding:0 16px;border-radius:999px;font-weight:700;font-size:14px}}.meta{margin:2px 0 0;font-size:12px;color:#188038}.meta.warn{color:#b45309;font-weight:600}.meta.bad{color:#b91c1c;font-weight:600}.pill{font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 6px;border-radius:4px;border:1px solid transparent}.pill.ok{color:#15803d;background:#dcfce7;border-color:#86efac}.pill.demo{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.pill.frozen{color:#c2410c;background:#ffedd5;border-color:#fdba74}.menu{position:relative}.menu-pop{position:fixed;z-index:80;width:240px;max-height:calc(100vh - 16px);overflow:auto;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(24,28,50,.18);padding:6px 0}.menu-pop button{width:100%;text-align:left;background:#fff;border:0;padding:10px 14px;cursor:pointer}.menu-pop button:hover{background:#f4f5f7}.menu-pop button.danger{color:#f1416c}.fab{position:fixed;right:24px;bottom:24px;background:#009ef7;color:#fff;border:0;border-radius:16px;height:48px;padding:0 18px;box-shadow:0 6px 16px rgba(0,158,247,.35);cursor:pointer}.modal-back{position:fixed;inset:0;background:rgba(24,28,50,.45);display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:20px}.modal.disclosure-sheet{display:flex;flex-direction:column;overflow:hidden;padding:0;width:min(720px,100%);max-height:min(92vh,920px)}.modal.disclosure-sheet .sheet-head{flex:none;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #eef0f4;background:#fff}.modal.disclosure-sheet .sheet-body{flex:1 1;min-height:0;overflow:auto;display:grid;grid-gap:12px;gap:12px;padding:16px 18px 20px;-webkit-overflow-scrolling:touch}.grid{display:grid;grid-gap:12px;gap:12px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#565674}.editor input,.editor select,.editor textarea,.field input,.field select,.field textarea,.web-card input,.web-card select,.web-card textarea{width:100%;border:1px solid #e4e6ef;background:#f9f9f9;border-radius:8px;padding:10px 12px;color:#181c32}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:10px 14px;cursor:pointer;background:#009ef7;color:#fff;transition:transform .08s ease,filter .08s ease,background-color .15s ease}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:scale(.97);filter:brightness(.92)}.btn:disabled{opacity:.62;cursor:not-allowed}.btn.is-saving,.btn.is-saving:disabled{opacity:1;cursor:progress}.btn.is-saved{background:#17a35a}.btn-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn.secondary{background:#fff;color:#181c32;border:1px solid #e4e6ef}.btn.ghost{background:#e8f6ff;color:#009ef7}.btn.danger{background:#f1416c}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.error{color:#f1416c;font-size:13px}.card{border-radius:12px;padding:16px}.card,.chip{background:#fff}.chip{border:1px solid #e4e6ef;border-radius:8px;padding:6px 12px;cursor:pointer}.chip.on{background:#e8fff3;border-color:#50cd89}.lang-picks{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto}.t-source{display:block;color:#7e8299;font-size:12px;line-height:1.4}.portal{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.portal-bar{flex:none;height:56px;background:#fff;border-bottom:1px solid #e4e6ef;display:flex;align-items:center;gap:8px;padding:0 8px}.portal-bar h1{margin:0;font-size:18px;font-weight:500;flex:1 1}.approval-btn{width:36px;height:36px;border:0;border-radius:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}.approval-btn.ok{background:#ecfdf3;color:#188038}.approval-btn.pending{background:#fef2f2;color:#b91c1c}.approval-btn:hover{filter:brightness(.97)}.trial-end{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:#f4f6f8;color:#181c32;font-family:Inter,Roboto,Segoe UI,sans-serif}.trial-end-card{width:min(480px,100%);background:#fff;border-radius:24px;padding:36px 28px;box-shadow:0 18px 50px rgba(24,28,50,.08);display:grid;justify-items:start;grid-gap:12px;gap:12px}.trial-end-kicker{margin:0;color:#009ef7;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.trial-end h1{margin:0;font-size:34px;letter-spacing:-.03em;line-height:1.15;font-weight:700}.trial-end-lead{margin:0;color:#5e6278;font-size:17px;line-height:1.55}.trial-end-place{margin:4px 0 0;font-weight:700}.trial-end-url{margin:0;color:#7e8299;font-size:14px}.trial-end-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.trial-end-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;background:#009ef7;color:#fff;text-decoration:none;font-weight:700}.trial-end-btn.quiet{background:#fff;color:#181c32;border:1px solid #e4e6ef}.trial-end-note{margin:4px 0 0;color:#a1a5b7;font-size:13px}.banner{background:#3dbe74;color:#08301a;font-weight:600;font-size:13px;padding:8px 16px}.portal-body{flex:1 1;padding-bottom:72px}.cats,.portal-body{display:flex;min-height:0}.cats{width:280px;background:#1e1e2d;color:#a1a5b7;flex-direction:column;padding:18px 14px;flex:none}.cats-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.cats h2{color:#fff;font-size:15px;margin:0;font-weight:650;flex:1 1;letter-spacing:-.01em}.cat-close{display:none;color:#fff}.cats .label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#6d6f82;margin:14px 2px 10px}.cat-list{display:flex;flex-direction:column;gap:6px;flex:1 1;min-height:0;overflow:auto;padding-right:2px;margin:0 -2px;padding-left:2px}.cat{display:flex;align-items:center;gap:8px;width:100%;background:rgba(255,255,255,.03);color:#c5c7d4;border:1px solid transparent;border-radius:12px;min-height:52px;padding:6px 6px 6px 4px}.cat:hover{background:rgba(255,255,255,.06);color:#fff}.cat.on{background:linear-gradient(180deg,#12a6ff,#009ef7);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(0,158,247,.28)}.cat-more,.cat-name{border:0;background:transparent;color:inherit;cursor:pointer}.cats .drag{width:28px;height:36px;color:#5e6278;flex:none}.cats .drag:hover{background:rgba(255,255,255,.08);color:#fff}.cat.on .drag{color:rgba(255,255,255,.8)}.cat.on .drag:hover{background:rgba(255,255,255,.16);color:#fff}.cat-thumb.thumb-btn{width:40px;height:40px;border-radius:10px;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.cat-thumb .thumb,.cat-thumb .thumb.empty{width:40px;height:40px;border-radius:10px;font-size:0}.cats .thumb.empty{background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.16);color:#7e8299}.cat:hover .thumb.empty{color:#a1a5b7;border-color:rgba(255,255,255,.28)}.cat.on .thumb.empty{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);color:#fff}.cat.on .cat-thumb.thumb-btn{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.cat-name{flex:1 1;min-width:0;text-align:left;padding:8px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:-.01em}.cat-more{width:32px;height:32px;border-radius:8px;flex:none;color:#7e8299;display:grid;place-items:center}.cat.on .cat-more{color:rgba(255,255,255,.85)}.cat-more:hover,.cat-name:hover{background:rgba(255,255,255,.08)}.cat.on .cat-more:hover,.cat.on .cat-name:hover{background:rgba(255,255,255,.16)}.cat-back{display:none}.add-cat{margin-top:12px;border:1px dashed #3f4254;background:transparent;color:#a1a5b7;border-radius:12px;padding:12px;cursor:pointer;font-weight:600;font-size:13px;transition:background .15s ease,border-color .15s ease,color .15s ease}.add-cat:hover{background:rgba(255,255,255,.04);border-color:#5e6278;color:#fff}.work{flex:1 1;padding:28px 32px;overflow:auto}.toolbar{background:#fff;border:1px solid #e4e6ef;border-radius:12px;padding:18px 18px 18px 24px;display:flex;align-items:center;gap:10px}.toolbar h2{margin:0;font-size:20px;font-weight:600}.toolbar p{margin:4px 0 0;color:#a1a5b7;font-size:13px}.table-card{margin-top:20px;background:#fff;border:1px solid #e4e6ef;border-radius:12px;overflow:hidden}.thead,.trow{display:grid;grid-template-columns:36px 64px minmax(180px,1fr) 96px 112px;grid-gap:8px;gap:8px;align-items:center;padding:12px 16px}.drag{width:32px;height:40px;border:0;background:transparent;color:#a1a5b7;cursor:-webkit-grab;cursor:grab;touch-action:none;display:grid;place-items:center;border-radius:8px}.drag:hover{background:#f4f5f7;color:#181c32}.drag:active{cursor:-webkit-grabbing;cursor:grabbing}.cat,.trow{transition:transform .16s ease}.trow.dragging{background:#fff;box-shadow:0 14px 32px rgba(24,28,50,.16)}.cat.dragging,.trow.dragging{position:relative;z-index:4;transition:none;border-radius:12px}.cat.dragging{background:#2b2b40;box-shadow:0 12px 28px rgba(0,0,0,.4);border-color:rgba(255,255,255,.08)}.pname-btn,.thumb-btn{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:inherit}.thumb-btn{width:52px;height:52px;overflow:hidden;border-radius:12px;display:block;flex:none}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.row-ico{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#7e8299;display:grid;place-items:center;cursor:pointer;padding:0}.row-ico:hover{background:#f4f5f7;color:#181c32}.row-ico.danger:hover{background:#fff5f8;color:#f1416c}.row-ico.disc.on{color:#2e7d32}.row-ico.disc.on:hover{background:#ecfdf3;color:#1b5e20}.thumb,.thumb.empty{width:52px;height:52px;border-radius:12px;object-fit:cover;object-position:center;background:#f4f5f7;display:block;color:#009ef7;font-size:20px;transform:none}.thumb.empty{display:grid;place-items:center}.pname{font-weight:650;letter-spacing:-.01em}.pname em{margin-left:8px;font-style:normal;font-size:10px;font-weight:700;color:#009ef7;background:#e8f6ff;border-radius:999px;padding:2px 6px}.frame-stage{position:relative;width:min(100%,320px);height:240px;margin:0 auto;overflow:hidden;border-radius:16px;background:#eef0f4;touch-action:none;cursor:-webkit-grab;cursor:grab}.frame-stage.wide{width:min(100%,520px);height:auto;aspect-ratio:16/9}.frame-stage.tall{width:min(100%,220px);height:auto;aspect-ratio:9/16}.frame-stage.square{width:min(100%,220px);height:auto;aspect-ratio:1;border-radius:50%}.frame-stage img{position:absolute;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame-empty{position:absolute;inset:0;display:grid;place-items:center;color:#a1a5b7;font-size:13px;font-weight:600;pointer-events:none}.brand-studio{max-width:1080px}.brand-studio-layout{padding-top:16px}.brand-banners,.brand-studio-layout{display:grid;grid-gap:14px;gap:14px}.brand-pane{background:#fff;border:1px solid #e8eaef;border-radius:16px;padding:14px;display:grid;grid-gap:10px;gap:10px;box-shadow:0 1px 2px rgba(24,28,50,.04)}.brand-pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.brand-pane-head h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.01em;color:#181c32}.brand-pane-head .muted{margin:4px 0 0;font-size:12px;line-height:1.4;color:#7e8299}.brand-badge{flex:none;align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.02em;padding:4px 8px;border-radius:999px;background:#e8f6ff;color:#009ef7;white-space:nowrap}.brand-pane .frame-stage{width:100%;margin:0;border-radius:12px;background:linear-gradient(45deg,#f4f5f7 25%,transparent 0) 0 0 /16px 16px,linear-gradient(-45deg,#f4f5f7 25%,transparent 0) 0 8px /16px 16px,#eef0f4}.brand-pane .frame-stage.square{width:min(100%,168px);margin:0 auto;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(24,28,50,.06)}.brand-pane .frame-stage.wide{max-width:none}.brand-pane .frame-stage.tall{width:min(100%,168px);margin:0 auto}.brand-pane-tools{display:grid;grid-gap:8px;gap:8px}.brand-zoom{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;font-size:12px;font-weight:650;color:#7e8299}.brand-zoom input[type=range]{width:100%;accent-color:#009ef7}.brand-pane-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.brand-pane-actions .btn,.btn.compact{padding:8px 10px;font-size:12px;border-radius:10px;min-height:36px;flex:none}@media (min-width:900px){.brand-studio-layout{grid-template-columns:220px minmax(0,1fr);align-items:start}.brand-banners{grid-template-columns:minmax(0,1.55fr) minmax(168px,.72fr);align-items:start}.brand-pane-square{position:-webkit-sticky;position:sticky;top:12px}}@media (max-width:899px){.brand-studio-layout{padding-top:8px}.brand-pane{padding:12px;border-radius:14px}.brand-pane-actions .btn.compact{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);justify-content:center}.brand-pane-actions .btn.compact:last-child{flex:1 1 100%}}.toolbar{flex-wrap:wrap}@media (max-width:900px){.portal-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}.work{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.cat-back{display:block;position:fixed;inset:0;background:rgba(24,28,50,.45);z-index:40}.cats{position:fixed;top:0;bottom:0;left:0;z-index:41;width:min(340px,92vw);max-width:100%;padding:18px 14px calc(18px + env(safe-area-inset-bottom, 0px));transform:translateX(-105%);transition:transform .2s ease;overflow:hidden;box-shadow:12px 0 40px rgba(0,0,0,.35)}.cats.open{transform:none}.cat-close{display:inline-grid}.cat-list{padding-bottom:4px}.cat{min-height:56px;padding:8px 8px 8px 4px}.cat-thumb .thumb,.cat-thumb .thumb.empty,.cat-thumb.thumb-btn{width:44px;height:44px;border-radius:11px}.cat-name{font-size:14px;padding:10px 6px}.work{padding:12px}.thead{display:none}.trow{grid-template-columns:28px 52px minmax(0,1fr) auto;grid-template-areas:"drag img name acts" "drag img price acts"}.trow .drag{grid-area:drag}.trow .thumb-btn{grid-area:img}.trow .pname-btn{grid-area:name}.trow .price{grid-area:price}.trow .row-actions{grid-area:acts;align-self:center}}.switch{position:relative;display:inline-block;width:42px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{position:absolute;inset:0;background:#d8dbe3;border-radius:24px;cursor:pointer}.switch span:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s;box-shadow:0 1px 2px rgba(0,0,0,.18)}.switch input:checked+span{background:#009ef7}.switch input:checked+span:before{transform:translateX(18px)}@media (max-width:900px){.work{padding:12px}}.thead{color:#a1a5b7;font-size:11px;font-weight:700;letter-spacing:.5px;border-bottom:1px solid #e4e6ef}.trow{border-bottom:1px solid #f1f1f4}.trow:hover{background:#f9f9f9}.thumb{width:52px;height:52px;border-radius:12px;object-fit:cover;object-position:center;background:#f4f5f7;transform:none}.pname{font-weight:600}.pdesc{color:#a1a5b7;font-size:13px;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.price-edit{border:0;background:transparent;color:inherit;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:left;cursor:text;padding:4px 6px;margin:-4px -6px;border-radius:8px;width:100%}.price-edit:focus-visible,.price-edit:hover{background:#e8f6ff;color:#009ef7;outline:none}.price-input{width:100%;min-width:72px;box-sizing:border-box;border:1px solid #009ef7;background:#fff;border-radius:8px;padding:6px 8px;color:#181c32;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.check{color:#22c55e;font-size:18px;text-align:center}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:64px;background:#fff;z-index:20;border-top:1px solid #e4e6ef;justify-content:center;gap:48px}.bottom-nav,.bottom-nav button{display:flex;align-items:center}.bottom-nav button{border:0;background:transparent;color:#a1a5b7;cursor:pointer;flex-direction:column;gap:2px;min-width:72px;font-size:11px;font-weight:600}.bottom-nav button.on{color:#009ef7}.bottom-nav.wide{gap:8px;padding:0 8px;justify-content:space-around}.bottom-nav.wide button{min-width:56px;font-size:10px}.ops-setup{align-content:start;gap:16px}.ops-setup-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ops-setup-head h2{margin:0;font-size:22px}.ops-setup-head p{margin:4px 0 0;color:#7e8299;font-size:13px}.ops-setup-head .btn{flex:none}.ops-subnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:4px;gap:4px;padding:4px;background:#fff;border:1px solid #e8eaef;border-radius:14px}.ops-subnav button{height:40px;min-width:0;border:0;background:transparent;color:#7e8299;border-radius:10px;padding:0 8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-subnav button.on{background:#181c32;color:#fff}.ops-add{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.ops-add.tables{grid-template-columns:minmax(120px,180px) minmax(0,1fr) auto}.ops-staff-form{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(120px,.7fr) auto;grid-gap:8px;gap:8px;align-items:end}.ops-staff-form label,.sales-day{display:grid;grid-gap:6px;gap:6px;font-size:12px;font-weight:700;color:#7e8299}.ops-people{list-style:none;padding:0;margin:8px 0 0;display:grid}.ops-people li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #f1f1f4}.ops-people strong{display:block;font-size:14px}.ops-people small{display:block;margin-top:2px;color:#a1a5b7;font-size:12px}.ops-people-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ops-people-actions select{width:auto;min-width:120px}.sales-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;justify-content:space-between}.sales-kind{width:min(100%,320px);grid-template-columns:repeat(3,minmax(0,1fr))}.sales-day input{height:40px;border:1px solid #e4e6ef;border-radius:10px;padding:0 10px;background:#fff;color:#181c32}@media (max-width:720px){.ops-subnav{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-setup-head .btn{width:100%}.ops-add,.ops-add.tables,.ops-staff-form{grid-template-columns:1fr}.ops-add .btn,.ops-people-actions,.ops-people-actions .btn,.ops-people-actions select,.ops-staff-form .btn,.sales-day,.sales-day input,.sales-kind{width:100%}.sales-hero strong{font-size:22px}}.sales-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.sales-hero{background:#fff;border:1px solid #e8eaef;border-radius:16px;padding:16px 18px;box-shadow:0 1px 2px rgba(24,28,50,.04)}.sales-hero span{display:block;color:#a1a5b7;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sales-hero strong{display:block;margin-top:8px;font-size:28px;letter-spacing:-.03em}.sales-hero small,.sales-row small{display:block;color:#a1a5b7;font-size:12px;margin-top:2px}.sales-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f1f1f4}.sales-row:last-child{border-bottom:0}.sales-row b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.brand-preview{display:block;margin:12px 0;border-radius:12px;background:#f4f5f7;object-fit:cover}.brand-preview.logo{width:96px;height:96px}.brand-preview.banner{width:min(100%,520px);height:148px;object-fit:cover}.drawer-back{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:30}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(540px,100%);background:#fff;z-index:31;overflow:auto;padding:20px 20px 32px;box-shadow:-8px 0 24px rgba(0,0,0,.12)}.web-wrap{flex:1 1;min-height:0;overflow:auto;padding:16px 32px 120px;max-width:920px;width:100%}.web-wrap-fixed{display:flex;flex-direction:column;overflow:hidden;padding:0;max-width:none}.web-toolbar{flex:none;z-index:8;display:flex;align-items:center;gap:8px;padding:12px 32px;background:#f4f5f7;border-bottom:1px solid #e4e6ef}.web-body,.web-toolbar{max-width:920px;width:100%}.web-body{flex:1 1;min-height:0;overflow:auto;padding:16px 32px 120px;-webkit-overflow-scrolling:touch}.web-wrap .btn,.web-wrap .row-ico,.web-wrap .stack-card{scroll-margin-bottom:96px}.web-card.dim{opacity:.48;pointer-events:none}.row.dim{opacity:.48}.web-card{background:#fff;border:1px solid #e8eaef;border-radius:16px;padding:20px 22px;margin-bottom:16px;box-shadow:0 1px 2px rgba(24,28,50,.04)}.web-card h3{margin:0 0 4px;font-size:15px;font-weight:650;letter-spacing:-.01em}.look-card{background:#fff;border:1px solid #e8eaef;border-radius:16px;padding:16px 18px;margin-bottom:14px;box-shadow:0 1px 2px rgba(24,28,50,.04);transition:opacity .18s ease,border-color .18s ease}.look-card.is-disabled{opacity:.55;border-color:#eef0f4}.look-card.is-disabled .palette-chip,.look-card.is-disabled .switch,.look-card.is-disabled select{pointer-events:none}.look-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.look-head h3{margin:0;font-size:14px;font-weight:700;letter-spacing:-.01em;color:#181c32}.look-tag{flex:none;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#f1f3f7;color:#7e8299}.look-hint{margin:0 0 12px;font-size:12px;line-height:1.45}.look-fields{display:grid;grid-gap:12px;gap:12px}.look-fields .look-hint{margin:-4px 0 0}.field.is-soft{opacity:.45}.seg{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;border-radius:12px;background:#eef0f4}.seg button{border:0;background:transparent;color:#5e6278;cursor:pointer;min-height:40px;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:650;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.seg button.on{background:#fff;color:#181c32;box-shadow:0 1px 3px rgba(24,28,50,.12)}.seg button:disabled{cursor:default}.seg-sm{margin-top:6px}.seg-sm button{min-height:36px;font-size:12px}.look-panels{display:grid;margin-top:14px}.look-panel{grid-area:1/1;display:grid;grid-gap:12px;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease}.look-panel.on{opacity:1;visibility:visible;pointer-events:auto}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));grid-gap:8px;gap:8px}.palette-chip{display:grid;grid-gap:6px;gap:6px;text-align:left;border:1px solid #e4e6ef;border-radius:12px;background:#fff;padding:10px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.palette-chip:hover:not(:disabled){border-color:#c9d0dc}.palette-chip.on{border-color:#009ef7;box-shadow:0 0 0 1px #009ef7}.palette-chip .dots{height:12px;border-radius:6px;margin:0;overflow:hidden}.palette-chip strong{font-size:12px;font-weight:700;color:#181c32;letter-spacing:-.01em}.palette-chip>.muted{font-size:11px;line-height:1.35;color:#7e8299;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.palette-chip:disabled{cursor:default}@media (max-width:900px){.look-card{padding:14px;border-radius:14px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stack{display:grid;grid-gap:12px;gap:12px}.stack-card{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid #e4e6ef;border-radius:12px;background:#fbfbfc}.stack-head{display:flex;align-items:center;gap:4px}.stack-head strong{flex:1 1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack-head .drag{width:28px;height:28px}.og-head{display:flex;align-items:center;gap:4px}.og-head strong{flex:1 1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.og-badge{flex:none;font-size:10px;font-weight:700;letter-spacing:.5px;border-radius:4px;padding:3px 8px}.og-badge.single{color:#1f6b3d;background:rgba(80,205,137,.18)}.og-badge.multi{color:#009ef7;background:rgba(0,158,247,.12)}.og-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;grid-gap:4px;gap:4px;align-items:center;padding:4px 0;border-top:1px solid #eef0f4;transition:transform .16s ease}.og-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.og-extra{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#a1a5b7;min-width:72px;text-align:right}.og-extra.has{color:#181c32;font-weight:600}.pg-list{display:grid;grid-gap:4px;gap:4px;max-height:260px;overflow:auto}.pg-list button{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;border:1px solid #e4e6ef;background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.pg-list button.on{border-color:#009ef7;background:rgba(0,158,247,.08)}.pg-list small{color:#7e8299;font-size:12px}.og-card.dragging,.og-row.dragging{position:relative;z-index:4;transition:none;background:#fff;box-shadow:0 14px 32px rgba(24,28,50,.16);border-radius:12px}.row-ico:disabled{opacity:.35;cursor:default}.row-ico:disabled:hover{background:transparent;color:#7e8299}.portal-bar h1{font-weight:600;letter-spacing:-.02em}.modal.sheet{width:min(720px,100%)}.sheet-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}@media (max-width:900px){.web-wrap{padding:12px 12px 120px}.web-toolbar{padding:10px 12px}.web-body{padding:12px 12px 120px}.modal.disclosure-sheet{max-height:calc(100vh - 24px);border-radius:16px}.modal.disclosure-sheet .sheet-head{flex-wrap:wrap;align-items:flex-start}.modal.disclosure-sheet .sheet-head .row{margin-left:auto}}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:12px;background:#f7f8fa}.switch-row strong{display:block;font-size:14px;color:#181c32;font-weight:600}.switch-row small{display:block;color:#a1a5b7;font-size:12px;margin-top:2px}.field.dim,.switch-row.dim{opacity:.45}.add-row{display:flex;gap:8px}.add-row input{flex:1 1}.warn-box{display:grid;grid-gap:8px;gap:8px;padding-top:4px}.warn-box>strong{font-size:14px}.field input:focus,.field select:focus,.field textarea:focus,.web-card input:focus,.web-card select:focus,.web-card textarea:focus{outline:none;border-color:#009ef7;background:#fff;box-shadow:0 0 0 3px rgba(0,158,247,.12)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:180px;border:1px solid #e4e6ef;border-radius:12px;padding:10px;background:#fff;text-align:left;cursor:pointer}.swatch.on{outline:2px solid #009ef7}.dots{display:flex;height:22px;border-radius:6px;overflow:hidden;margin-bottom:8px}.dots i{flex:1 1}.lang-menu{position:relative;flex:none}.lang-menu-btn{height:36px;border:1px solid #e4e6ef;background:#fff;border-radius:18px;padding:0 12px;cursor:pointer;color:#181c32;font-weight:650;font-size:13px}.lang-menu-btn:hover{background:#f4f5f7}.lang-menu-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:180px;max-height:min(70vh,420px);overflow:auto;background:#fff;border-radius:10px;box-shadow:0 8px 24px rgba(24,28,50,.18);padding:6px;display:grid;grid-gap:2px;gap:2px}.lang-menu-pop button{border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;color:#181c32}.lang-menu-pop button:hover{background:#f4f5f7}.lang-menu-pop button[aria-current=true]{background:#e8f6ff;color:#009ef7;font-weight:700}.muted{color:#5e6278;font-size:14px;line-height:1.5;margin:0}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.marketing{min-height:100vh;background:#f4f5f7;color:#181c32;font-family:Inter,Roboto,Segoe UI,sans-serif;position:relative}.m-bar{height:72px;justify-content:space-between;padding:0 24px;background:rgba(255,255,255,.92);border-bottom:1px solid #e4e6ef;position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.m-bar,.m-brand{display:flex;align-items:center}.m-brand{gap:10px;color:inherit;text-decoration:none;font-weight:700}.m-brand img{height:40px;width:auto;max-width:none;aspect-ratio:1626.1055/430.493;display:block}.m-nav{display:flex;gap:8px;align-items:center}.m-nav-link{color:#5e6278;font-size:14px;font-weight:600;text-decoration:none;padding:8px 10px}.m-nav-link:hover{color:#181c32}.m-hero{max-width:1040px;margin:0 auto;padding:64px 24px 40px;display:grid;grid-gap:18px;gap:18px;justify-items:start;background:radial-gradient(700px 320px at 8% 0,rgba(0,158,247,.12),transparent 55%),radial-gradient(520px 280px at 96% 12%,rgba(213,31,43,.06),transparent 50%)}.m-trial-badge{margin:0;display:inline-flex;align-items:center;background:#009ef7;color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:8px 14px;border-radius:999px;box-shadow:0 10px 24px -12px rgba(0,158,247,.7)}.m-hero h1{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(36px,5.2vw,54px);letter-spacing:-.03em;line-height:1.1;font-weight:700;max-width:16ch}.landing-kicker{margin:0;color:#009ef7;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.landing-lead{margin:0;color:#5e6278;font-size:18px;line-height:1.55;max-width:640px}.m-url{margin:0;display:inline-block;background:#fff;border:1px solid #e4e6ef;border-radius:999px;padding:8px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.m-section{max-width:1040px;margin:0 auto;padding:24px 24px 64px}.m-section-soft{max-width:none;padding:56px 24px;background:linear-gradient(180deg,#fff,#f4f5f7);border-block:1px solid #e4e6ef}.m-section-soft .m-features,.m-section-soft .m-section-head{max-width:1040px;margin-left:auto;margin-right:auto}.m-section-head{display:grid;grid-gap:10px;gap:10px;margin-bottom:28px;max-width:640px}.m-quote h2,.m-section-head h2{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(28px,3.4vw,36px);letter-spacing:-.02em;line-height:1.2}.m-section-head p{margin:0;color:#5e6278;font-size:16px;line-height:1.55}.m-materials{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.m-material{background:#fff;border:1px solid #e4e6ef;border-radius:20px;overflow:hidden;display:grid;transition:border-color .2s,box-shadow .2s,transform .2s}.m-material:hover{border-color:#c9d0e0;box-shadow:0 18px 40px -28px rgba(24,28,50,.45);transform:translateY(-2px)}.m-material-media{position:relative;aspect-ratio:4/3;background:#eef0f4;overflow:hidden}.m-material-media img{width:100%;height:100%;object-fit:cover;display:block}.m-material-tag{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.92);color:#181c32;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid rgba(228,230,239,.9)}.m-material-body{padding:18px 18px 20px;display:grid;grid-gap:8px;gap:8px;align-content:start}.m-material-body h3{margin:0;font-size:18px;font-weight:700}.m-material-body p{margin:0;color:#5e6278;font-size:14px;line-height:1.5}.m-material-cta{margin-top:6px;justify-self:start;color:#009ef7;font-weight:700;font-size:14px;text-decoration:none}.m-material-cta:hover{text-decoration:underline}.m-domain{padding-top:8px;padding-bottom:72px}.m-domain-inner{background:#fff;border:1px solid #e4e6ef;border-radius:24px;padding:36px 32px;display:grid;grid-gap:24px;gap:24px;box-shadow:0 24px 60px -40px rgba(24,28,50,.35)}.m-domain-inner .m-section-head{margin-bottom:0;max-width:720px}.m-domain-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.m-domain-card{background:#f8f9fb;border:1px solid #e8eaef;border-radius:18px;padding:22px 20px;display:grid;grid-gap:10px;gap:10px;align-content:start}.m-domain-label{margin:0;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#009ef7}.m-domain-sample{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:700;color:#181c32;letter-spacing:-.02em}.m-domain-card p:last-child{margin:0;color:#5e6278;font-size:15px;line-height:1.55}.m-domain-note{margin:0;color:#5e6278;font-size:15px;line-height:1.6;max-width:820px}.m-domain-note strong{color:#181c32;font-weight:700}.m-domain-inline{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;font-weight:650;color:#181c32}.m-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.m-steps-speed{margin-bottom:20px}.m-step{background:#fff;border:1px solid #e4e6ef;border-radius:16px;padding:20px;display:grid;grid-gap:8px;gap:8px;align-content:start}.m-step span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:14px;background:#e8f6ff;color:#009ef7;font-weight:700}.m-step h2{margin:0;font-size:18px}.m-step p{margin:0;color:#5e6278;line-height:1.5}.m-selfserve{list-style:none;margin:0;padding:18px 20px;background:#fff;border:1px solid #e4e6ef;border-radius:16px;display:grid;grid-gap:10px;gap:10px}.m-selfserve li{position:relative;padding-left:18px;color:#5e6278;font-size:15px;line-height:1.5}.m-selfserve li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#009ef7}.m-compliance{max-width:none;margin:0 0 24px;padding:0 24px 64px}.m-compliance-inner{max-width:1040px;margin:0 auto;padding:36px 32px;border-radius:24px;border:1px solid #e4e6ef;background:#fff;display:grid;grid-gap:16px;gap:16px;box-shadow:0 24px 60px -42px rgba(24,28,50,.35)}.m-compliance-inner h2{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(26px,3.2vw,34px);letter-spacing:-.02em;line-height:1.2;max-width:22ch}.m-compliance-lead{margin:0;color:#5e6278;font-size:16px;line-height:1.6;max-width:720px}.m-compliance-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.m-compliance-list li{background:#e8f6ff;color:#005f94;font-size:13px;font-weight:700;padding:8px 12px;border-radius:999px}.m-compliance-note{margin:0;color:#181c32;font-size:15px;line-height:1.55;max-width:720px;font-weight:600}.m-quote{padding:24px 24px 72px}.m-quote-inner{max-width:1040px;margin:0 auto;padding:40px 32px;border-radius:24px;background:#181c32;color:#f4f5f7;display:grid;grid-gap:14px;gap:14px;justify-items:start;background-image:radial-gradient(520px 220px at 12% 0,rgba(0,158,247,.28),transparent 60%),radial-gradient(420px 200px at 90% 100%,rgba(213,31,43,.18),transparent 55%)}.m-quote .landing-kicker{color:#7ad0ff}.m-quote p{margin:0;color:rgba(244,245,247,.78);max-width:560px;line-height:1.55}.m-quote .btn.secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}.m-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1040px;margin:0 auto;padding:0 24px 88px;color:#a1a5b7;font-size:13px}.m-footer img{height:28px;width:auto;opacity:.85}.m-footer p{margin:0}.m-wa{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 18px 0 14px;border-radius:999px;background:#25d366;color:#fff;text-decoration:none;font-weight:700;font-size:14px;box-shadow:0 14px 32px -12px rgba(37,211,102,.7);transition:transform .15s ease,filter .15s ease}.m-wa:hover{filter:brightness(1.05);transform:translateY(-1px)}.m-wa svg{flex:none}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{width:min(420px,92vw);background:#fff;border-radius:16px;padding:24px}.auth-or{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px;gap:10px;align-items:center;color:#a1a5b7;font-size:12px}.auth-or:after,.auth-or:before{content:"";height:1px;background:#e4e6ef}.social-btn{width:100%;background:#fff;color:#181c32;border:1px solid #e4e6ef;font-weight:650}.social-btn:disabled{opacity:.6;cursor:wait}.banner.trial{background:#e8f6ff;color:#005f94}.banner.trial.ended{background:#fef2f2;color:#b91c1c}@media (max-width:960px){.m-domain-grid,.m-materials{grid-template-columns:1fr}}@media (max-width:720px){.m-steps{grid-template-columns:1fr}.m-hero h1{max-width:none}.m-bar{height:auto;padding:12px 16px;gap:12px;flex-wrap:wrap}.m-nav-link{display:none}.m-quote-inner{padding:28px 20px}.m-compliance-inner,.m-domain-inner{padding:24px 18px}.m-domain-sample{font-size:16px;word-break:break-all}.m-wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.m-wa{width:56px;height:56px;padding:0;justify-content:center;border-radius:50%}.work{padding:12px}}.pos-shell{--ink:#0f172a;--muted:#64748b;--line:#e6ebf2;--card:#fff;--canvas:#eef1f6;--navy:#0e1626;--blue:#2f9bff;--blue-soft:#e8f4ff;--green:#1f9d55;--red:#e11d48;min-height:100vh;background:var(--canvas);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.pos-empty,.pos-loading{padding:64px 20px;text-align:center;color:var(--muted);font-size:15px}.pos-topbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:var(--navy);color:#fff;min-height:56px}.pos-topbar .brand{display:grid;line-height:1.15}.pos-topbar .brand strong{font-size:15px;letter-spacing:-.01em}.pos-topbar .brand span{color:#94a3b8;font-size:12px}.pos-topbar .who{color:#cbd5e1;font-size:13px;margin-right:auto}.pos-seg{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.pos-seg button{border:0;background:transparent;color:var(--muted);padding:8px 14px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer}.pos-seg button.on{background:var(--ink);color:#fff}.pos-topbar .pos-seg{background:#1c2738;border:0}.pos-topbar .pos-seg button{color:#94a3b8}.pos-btn,.pos-topbar .pos-seg button.on{background:#fff;color:var(--ink)}.pos-btn{border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;font-weight:650;cursor:pointer}.pos-btn.ghost{background:#fff}.pos-topbar .pos-btn.ghost,.pos-ws-head .pos-btn.ghost{background:transparent;color:#fff;border-color:#334155}.pos-btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.pos-btn.success{background:var(--green);border-color:var(--green);color:#fff}.pos-btn.danger{background:#fff;border-color:#fecdd3;color:var(--red)}.pos-btn.block{width:100%}.pos-btn.wide{flex:1.6 1}.pos-btn.sm{padding:7px 10px;font-size:13px}.pos-btn:disabled{opacity:.45;cursor:not-allowed}.pos-icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid #334155;background:transparent;color:#fff;font:inherit;font-size:18px;cursor:pointer;position:relative}.pos-icon-btn.cart em{position:absolute;top:-6px;right:-6px;background:var(--green);color:#fff;border-radius:999px;font-size:11px;min-width:18px;padding:1px 5px;font-style:normal}.pos-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:90;background:var(--ink);color:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 12px 40px rgba(15,23,42,.25);max-width:min(480px,92vw)}.pos-floor{width:100%;min-width:0;min-height:0;max-width:none;box-sizing:border-box;padding:4px 16px 16px;display:grid;grid-gap:14px;gap:14px;align-content:start;overflow:auto}.pos-table-grid,.pos-table-grid.cashier{width:100%;grid-template-columns:repeat(auto-fill,236px);align-items:start;justify-content:start}.pos-floor-tools,.pos-table-grid,.pos-table-grid.cashier{display:grid;grid-gap:10px;gap:10px;align-content:start}.pos-floor .pos-seg{justify-self:start}.pos-floor-tools input,.pos-search{width:100%;box-sizing:border-box;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:12px 14px;font:inherit;box-shadow:0 1px 2px rgba(15,23,42,.04)}.pos-chips{display:flex;flex-wrap:wrap;gap:8px}.pos-chips button{border:0;background:#fff;color:#475569;border-radius:999px;padding:8px 14px;font:inherit;font-weight:650;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.06)}.pos-chips button.on{background:var(--ink);color:#fff}.pos-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pos-summary span,.pos-summary strong{background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;color:#475569;box-shadow:0 1px 2px rgba(15,23,42,.05)}.pos-summary strong{color:var(--ink)}.pos-table-card{position:relative;width:236px;height:154px;min-width:0;flex-direction:column;gap:8px;padding:12px;background:#fff;border:1px solid #eef2f6;border-radius:14px;box-shadow:0 6px 16px rgba(15,23,42,.04)}.pos-table-card,.pos-table-main{box-sizing:border-box;display:flex}.pos-table-main{flex:1 1;min-height:0;width:100%;flex-direction:column;justify-content:space-between;gap:6px;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer;background:transparent;border:0;border-radius:0;box-shadow:none}.pos-table-card.empty{box-shadow:inset 0 0 0 1px #bbf7d0,0 6px 16px rgba(15,23,42,.04)}.pos-table-card.busy{box-shadow:inset 0 0 0 1px #fecdd3,0 6px 16px rgba(15,23,42,.04)}.pos-table-card.locked{box-shadow:inset 0 0 0 1px #fde68a,0 6px 16px rgba(15,23,42,.04)}.pos-table-main .row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.pos-table-main strong{font-size:15px;letter-spacing:-.02em;line-height:1.2}.pos-table-main .badge{flex:none;font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:4px 8px;background:#ecfdf3;color:#15803d}.pos-table-card.busy .badge{background:#fff1f2;color:#be123c}.pos-table-card.locked .badge{background:#fffbeb;color:#b45309}.pos-table-mid{display:grid;grid-gap:2px;gap:2px;min-width:0}.pos-table-mid .remain{font-size:16px;font-weight:700}.pos-muted,.pos-table-main small{color:#64748b}.pos-table-pay{flex:none;height:40px;width:100%;padding:0 8px;border:1px solid #111827;border-radius:10px;background:#111827;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.pos-table-pay.quiet{background:#fff;color:#334155;border-color:#e6ebf2}.pos-workspace{position:fixed;inset:0;z-index:40;background:var(--canvas);color:var(--ink);display:grid;grid-template-rows:auto auto minmax(0,1fr)}.pos-ws-head{display:flex;gap:10px;align-items:center;padding:10px 14px;background:var(--navy);color:#fff;min-height:56px}.pos-ws-head .grow{flex:1 1;min-width:0}.pos-ws-head .grow strong{font-size:16px}.pos-ws-head small{display:block;color:#94a3b8;font-size:12px}.pos-tabs{display:flex;gap:6px;padding:10px 14px 0;background:var(--canvas)}.pos-tabs button{border:0;background:transparent;color:var(--muted);padding:10px 14px;font:inherit;font-weight:650;cursor:pointer;border-radius:12px 12px 0 0}.pos-tabs button.on{background:#fff;color:var(--ink);box-shadow:0 -1px 0 #fff,0 1px 0 #fff}.pos-menu-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,360px);min-height:0;overflow:hidden;background:#fff;margin:0 14px 14px;border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.pos-menu-main{overflow:auto;padding:14px;display:grid;grid-gap:12px;gap:12px;align-content:start;background:#f8fafc}.pos-banner{background:#eff6ff;color:#1e3a8a;padding:10px 12px;border-radius:12px;font-size:13px}.pos-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-gap:12px;gap:12px}.pos-product{background:#fff;border-radius:14px;overflow:hidden;display:grid;box-shadow:0 6px 18px rgba(15,23,42,.06)}.pos-product-hit{display:grid;grid-gap:8px;gap:8px;padding:0 0 10px;text-align:left;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.pos-product .thumb{height:108px;background:linear-gradient(180deg,rgba(15,23,42,0) 42%,rgba(15,23,42,.72)),linear-gradient(135deg,#cbd5e1,#94a3b8);position:relative}.pos-product .thumb:before{content:"";position:absolute;inset:18px 0 auto;height:36px;margin:auto;background:50%/28px no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='1.6' viewBox='0 0 24 24'><path d='M6 3v8a3 3 0 0 0 6 0V3M9 11v10M16 3c0 4 2 6 2 8v10'/></svg>");opacity:.85}.pos-product .price{position:absolute;left:8px;bottom:8px;color:#fff;font-weight:750;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.35)}.pos-product .menu-tag{position:absolute;right:8px;bottom:8px;font-size:10px;background:#f59e0b;color:#111;border-radius:6px;padding:2px 6px;font-weight:800}.pos-product-hit strong{padding:0 10px;font-size:14px;line-height:1.3}.pos-stepper{display:inline-flex;align-items:center;gap:8px}.pos-stepper button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:18px;cursor:pointer}.pos-stepper.sm{padding:0 10px 12px}.pos-stepper.sm button{width:32px;height:32px}.pos-product .pos-btn.ghost.sm{margin:0 10px 12px}.pos-cart-desk{border-left:1px solid var(--line);background:#fff;overflow:auto;padding:14px 14px 16px}.pos-cart{display:grid;grid-gap:12px;gap:12px;min-height:100%;align-content:start;grid-template-rows:auto minmax(0,1fr) auto auto auto}.pos-cart header{display:flex;justify-content:space-between;align-items:center}.pos-cart header h3{margin:0;font-size:16px}.pos-cart header .link{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit}.pos-cart header .link.danger{color:var(--red);font-weight:650}.pos-cart-lines{display:grid;grid-gap:8px;gap:8px;overflow:auto;align-content:start}.pos-cart-line{display:grid;grid-template-columns:1fr auto auto;grid-gap:8px;gap:8px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}.pos-cart-line small{display:block;color:var(--muted)}.pos-cart input,.pos-modal input,.pos-modal select,.pos-modal textarea,.pos-note textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);background:#f8fafc;color:var(--ink);border-radius:10px;padding:10px 12px;font:inherit}.pos-cart-total{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted);letter-spacing:.04em}.pos-cart-total strong{color:var(--ink);font-size:22px;letter-spacing:-.02em}.pos-note{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px}.pos-cart-mobile{display:none}.pos-bill,.pos-orders{overflow:auto;padding:8px 14px 20px;display:grid;grid-gap:12px;gap:12px;align-content:start}.pos-bill-box,.pos-order-card{background:#fff;border-radius:16px;padding:14px;display:grid;grid-gap:8px;gap:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.pos-bill-box div,.pos-line,.pos-order-card header{display:flex;justify-content:space-between;gap:10px}.pos-line{width:100%;text-align:left;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px;color:inherit;font:inherit;cursor:pointer}.pos-line.voided{opacity:.5;text-decoration:line-through}.pos-line small{display:block;color:var(--muted)}.pos-line .note,.pos-order-card .note{color:#be123c}.pos-line .right{display:grid;grid-gap:4px;gap:4px;justify-items:end}.pos-line .badge{font-size:11px;font-weight:700;color:#0369a1;background:#e0f2fe;border-radius:999px;padding:3px 8px}.pos-bill-box .remain strong{color:var(--red);font-size:22px}.pos-bill-actions{display:flex;gap:8px;flex-wrap:wrap}.pos-error{color:#be123c;margin:0}.pos-modal-back{position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:20px}.pos-modal{width:min(640px,100%);max-height:min(86vh,760px);overflow:auto;background:#fff;color:var(--ink);border-radius:18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-shadow:0 24px 80px rgba(15,23,42,.28)}.pos-modal-lg{width:min(760px,100%)}.pos-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 18px 12px}.pos-modal-head h2{margin:0;font-size:20px;letter-spacing:-.02em}.pos-modal-head p{margin:4px 0 0;color:var(--muted)}.pos-modal-body{padding:6px 18px 12px;overflow:auto}.pos-modal-body.stack{display:grid;grid-gap:10px;gap:10px}.pos-modal-foot{display:flex;gap:10px;padding:12px 18px 18px}.pos-modal .pos-btn.ghost{background:#fff}.pos-opt-block{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.pos-opt-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.pos-opt-title strong{font-size:14px}.pos-opt-title span{font-size:12px;color:#64748b;background:#f1f5f9;border-radius:999px;padding:4px 8px;white-space:nowrap}.pos-opt-title span.bad{background:#fef2f2;color:#be123c}.pos-opt-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.pos-opt-grid button{position:relative;text-align:left;border:1px solid #e5eaf2;background:#fff;border-radius:12px;padding:16px 36px 16px 14px;font:inherit;cursor:pointer;min-height:58px;color:var(--ink)}.pos-opt-grid button.on{border-color:#7cc4ff;background:var(--blue-soft);box-shadow:0 0 0 1px #7cc4ff}.pos-opt-grid .check{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:22px;height:22px;border-radius:999px;background:var(--blue);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px}.pos-opt-grid em{display:block;color:#16a34a;font-style:normal;font-size:12px;font-weight:700;margin-top:4px}.pay-screen{position:fixed;inset:0;z-index:50;background:#f3f5f8;color:var(--ink);display:grid;grid-template-rows:auto minmax(0,1fr)}.pay-top{gap:12px;padding:10px 14px;background:var(--navy);color:#fff;min-height:56px}.pay-top,.pay-top-meta{display:flex;align-items:center}.pay-top-meta{flex-wrap:wrap;gap:8px}.pay-top-meta strong{font-size:15px}.pay-top-meta em,.pay-top-meta span{font-size:12px;color:#cbd5e1;font-style:normal;background:#1c2738;border-radius:999px;padding:4px 8px}.pay-grid{display:grid;grid-template-columns:1.05fr .95fr .9fr;min-height:0;height:100%}.pay-col{padding:16px 18px;overflow:auto;background:#fff;border-right:1px solid var(--line)}.pay-col.actions,.pay-col.calc{background:#f8fafc}.pay-col.actions{border-right:0;display:flex;flex-direction:column;gap:10px;align-items:stretch}.pay-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.pay-modes button{border:1px solid #e5eaf2;background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-weight:650;cursor:pointer;color:#475569}.pay-modes button.on{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.pay-line-actions,.pay-person{display:flex;gap:8px;align-items:center;margin-bottom:10px}.pay-line-actions button,.pay-person button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit}.pay-lines{display:grid;grid-gap:0;gap:0}.pay-line{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 2px}.pay-line small{display:block;color:var(--muted)}.pay-line em{font-style:normal;font-weight:700}.pay-line.done{opacity:.5;text-decoration:line-through}.pay-sum{display:grid;grid-gap:6px;gap:6px;margin-bottom:12px}.pay-sum div{display:flex;justify-content:space-between;align-items:baseline;color:#475569;font-size:14px}.pay-sum .remain strong{color:var(--red);font-size:26px;letter-spacing:-.03em}.pay-amount{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 16px;margin-bottom:12px;font-size:34px;font-weight:650;color:#94a3b8;letter-spacing:-.03em;text-align:left}.pay-quick{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:8px}.pay-pad button,.pay-pad-extra button,.pay-quick button{border:1px solid #e8edf5;background:#fff;border-radius:14px;min-height:58px;padding:12px;font:inherit;font-weight:650;font-size:18px;color:#334155;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04)}.pay-quick button{font-size:14px;min-height:44px}.pay-quick button:first-child{border-color:#bfdbfe;color:#2563eb;background:#f8fbff}.pay-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.pay-pad-extra{display:grid;grid-template-columns:2fr 1fr;grid-gap:8px;gap:8px;margin-top:8px}.pay-pad-extra .clear{background:#fff1f2;color:#e11d48;border-color:#ffe4e6;font-size:20px}.pay-method{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5eaf2;background:#fff;border-radius:14px;padding:14px 16px;font:inherit;font-weight:650;cursor:pointer}.pay-method.on{border-color:#7cc4ff;background:var(--blue-soft);box-shadow:0 0 0 1px #7cc4ff}.pay-method em{font-style:normal;color:#2563eb;font-size:12px;font-weight:750}.pay-collect{margin-top:auto;padding:16px;font-size:16px;border-radius:14px}.pay-extra-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.pay-col h3{margin:8px 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}@media (max-width:1100px){.pay-grid{grid-template-columns:1fr 1fr}.pay-col.actions{grid-column:1/-1;border-top:1px solid var(--line)}.pos-menu-layout{grid-template-columns:minmax(0,1fr) minmax(240px,300px);margin:0 8px 8px}}@media (max-width:860px){.pos-menu-layout{grid-template-columns:1fr;margin:0}.pos-cart-desk{display:none}.pos-cart-mobile{display:block;position:-webkit-sticky;position:sticky;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line)}.pos-workspace{grid-template-rows:auto auto minmax(0,1fr) auto}.pos-modal{max-height:92vh;border-radius:16px}}@media (max-width:720px){.pay-grid,.pos-opt-grid{grid-template-columns:1fr}.pos-products,.pos-table-grid,.pos-table-grid.cashier{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-table-card{width:auto}.pos-product .thumb{height:88px}.pay-amount{font-size:28px}.pos-topbar .who{display:none}}@media (orientation:landscape) and (max-height:520px){.pos-product .thumb{height:64px}.pay-top,.pos-topbar,.pos-ws-head{min-height:44px;padding:6px 10px}.pay-pad button{min-height:40px}}.ob-app{--ink:#0f172a;--muted:#64748b;--line:#e6ebf2;--card:#fff;--canvas:#f4f6f8;--navy:#0e1626;--blue:#2f9bff;--blue-soft:#e8f4ff;--green:#1f9d55;--red:#e11d48;min-height:100vh;display:grid;grid-template-columns:84px minmax(0,1fr);background:#f4f6f8;color:#0f172a;font-family:Inter,system-ui,sans-serif}.ob-rail{background:#fff;border-right:1px solid #e8edf3;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px}.ob-rail button{width:68px;border:0;background:transparent;border-radius:14px;padding:8px 4px;display:grid;justify-items:center;grid-gap:4px;gap:4px;color:#64748b;font:inherit;font-size:11px;font-weight:650;cursor:pointer}.ob-rail button.on{background:#111827;color:#fff}.ob-rail svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ob-rail-spacer{flex:1 1;width:100%}.cust{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);padding:0 16px 16px;box-sizing:border-box}.cust-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;padding:4px 0 12px}.cust-head h2{margin:0;font-size:22px;letter-spacing:-.03em}.cust-head p{margin:4px 0 0;color:#64748b;font-size:13px}.cust-form-actions,.cust-head-actions{display:flex;gap:8px;align-items:center}.cust-danger,.cust-ghost,.cust-primary{height:38px;border-radius:12px;padding:0 14px;font:inherit;font-weight:700;cursor:pointer}.cust-primary{border:0;background:#111827;color:#fff}.cust-primary:disabled{opacity:.5;cursor:not-allowed}.cust-ghost{border:0;background:#fff;color:#334155}.cust-danger{border:0;background:#fff1f2;color:#be123c}.cust-body{min-height:0;display:grid;grid-gap:12px;gap:12px}.cust-body.split{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.cust-list-wrap{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-gap:10px;gap:10px}.cpick-gap input,.cpick-row input,.cust-form input,.cust-form textarea,.cust-list-wrap>input{width:100%;box-sizing:border-box;border:1px solid #e6ebf2;background:#fff;border-radius:12px;padding:11px 14px;font:inherit;color:#0f172a}.cust-list{overflow:auto;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.cust-list>button{display:grid;grid-gap:2px;gap:2px;width:100%;text-align:left;border:0;border-bottom:1px solid #f1f5f9;background:#fff;padding:14px 16px;font:inherit;color:inherit;cursor:pointer}.cust-list>button.on{background:#f8fafc}.cust-list strong{display:flex;gap:8px;align-items:center;font-size:15px}.cpick-card em,.cust-list em{font-style:normal;font-size:11px;font-weight:800;color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 7px}.cust-list small,.cust-list span{color:#64748b;font-size:13px}.cust-empty,.cust-sentinel{color:#94a3b8;padding:12px 16px;margin:0}.cust-form{background:#fff;border-radius:16px;padding:16px;display:grid;grid-gap:10px;gap:10px;align-content:start;box-shadow:0 8px 24px rgba(15,23,42,.04)}.cust-form h3{margin:0;font-size:16px}.cust-form label{display:grid;grid-gap:6px;gap:6px;color:#64748b;font-size:12px;font-weight:700}.cust-form-actions{justify-content:flex-end}.svc-pick{padding:8px 16px 0;align-self:start}.svc-pick .cpick{padding:0}.cpick{grid-gap:8px;padding:0 16px 8px;position:relative}.cpick,.cpick-row{display:grid;gap:8px}.cpick-row{grid-template-columns:minmax(0,1fr) auto;grid-gap:8px}.cpick-anon{height:42px;border:0;border-radius:12px;background:#f4f6f8;color:#111827;padding:0 12px;font:inherit;font-weight:700;cursor:pointer}.cpick-anon:disabled{opacity:.5}.cpick-pop{position:absolute;z-index:5;left:0;right:0;top:48px;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.12);display:flex;flex-direction:column;overflow:hidden;max-height:280px}.cpick-new{flex:none;width:100%;text-align:left;border:0;border-bottom:1px solid #eef2f6;background:#f8fafc;color:#111827;font:inherit;font-weight:800;padding:12px 14px;cursor:pointer}.cpick-hits{overflow:auto;min-height:0}.cpick-pop p{margin:0;padding:12px 14px;color:#94a3b8}.cpick-hits button{display:grid;grid-gap:2px;gap:2px;width:100%;text-align:left;border:0;border-bottom:1px solid #f1f5f9;background:#fff;padding:10px 14px;font:inherit;cursor:pointer}.cpick-field{display:grid;grid-gap:4px;gap:4px;font-size:13px;font-weight:650;color:#334155}.cpick-field input,.cpick-field textarea{width:100%;border:1px solid #e5eaf2;border-radius:12px;padding:10px 12px;font:inherit;font-weight:500;color:#111827;background:#fff}.pos-modal.cpick-draft{overflow:hidden}.cpick-draft-back{z-index:90}.ob-detail{width:min(560px,100%);max-height:min(88vh,760px);background:#fff;color:var(--ink,#111827);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px rgba(15,23,42,.28)}.ob-detail-body{overflow:auto;min-height:0;flex:1 1;padding:0 18px 16px;display:grid;grid-gap:12px;gap:12px;align-content:start}.ob-detail-customer{margin:0;color:#334155}.ob-detail-line small,.ob-detail-note{color:#64748b}.ob-detail-note{margin:0;color:#be123c}.ob-detail-lines{display:grid}.ob-detail-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:2px 10px;gap:2px 10px;align-items:start;padding:10px 0;border-bottom:1px solid #f1f5f9}button.ob-detail-line{width:100%;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:10px}button.ob-detail-line:hover{background:#f8fafc}.ob-line-editor{z-index:95}.ob-detail-line .qty{font-weight:700;color:#64748b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:1.2em}.ob-detail-line .name{display:grid;min-width:0}.ob-detail-line .name strong{font-size:15px}.ob-detail-line small{color:#64748b;font-size:12px}.ob-detail-line b{font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ob-detail-line.voided{opacity:.5;text-decoration:line-through}.ob-detail-empty{margin:0;color:#94a3b8}.ob-detail-sum{display:grid;grid-gap:4px;gap:4px;padding-top:4px}.ob-due{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.ob-due span{font-size:13px;font-weight:650;color:#64748b}.ob-due strong{font-size:22px;letter-spacing:-.03em}.ob-detail-sum p{margin:0;font-size:12px;color:#94a3b8}.ob-detail-foot{flex:none;display:grid;grid-gap:10px;gap:10px;padding:12px 16px 16px;border-top:1px solid #eef2f6;background:#fff}.ob-act-primary{height:44px;border:0;border-radius:12px;background:#111827;color:#fff;font:inherit;font-weight:750;cursor:pointer}.ob-act-row{display:flex;flex-wrap:wrap;gap:4px 14px}.ob-act-row button{border:0;background:transparent;color:#334155;padding:4px 0;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.ob-act-row button:hover{color:#111827}.ob-status{display:flex;gap:4px;padding:3px;background:#f4f6f8;border-radius:12px}.ob-status button{flex:1 1;min-width:0;height:34px;border:0;border-radius:9px;background:transparent;color:#64748b;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.ob-status button.on{background:#fff;color:#111827;box-shadow:0 1px 2px rgba(15,23,42,.08);cursor:default}.ole-edit,.ole-kitchen,.ole-void{display:grid;grid-gap:8px;gap:8px}.ole-label{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.ole-next{height:42px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;color:#111827;font:inherit;font-weight:700;cursor:pointer}.ole-next.hot{border-color:#111827;background:#111827;color:#fff}.ole-skips{display:flex;gap:12px}.ole-link em,.ole-skips button,.ole-void-link{border:0;background:transparent;color:#64748b;padding:0;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.ole-link{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;border:0;background:#f8fafc;border-radius:12px;padding:10px 12px;text-align:left;font:inherit;color:#334155;cursor:pointer}.ole-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ole-link em{flex:none;font-style:normal;color:#2563eb}.ole-qty{display:flex;justify-content:space-between;align-items:center}.ole-void{padding-top:8px;border-top:1px solid #f1f5f9}.ole-void-actions{display:flex;justify-content:flex-end;gap:8px}.ole-void-link{justify-self:start;color:#be123c}.ole-lock{margin:0;color:#b45309;font-size:13px}.cpick-pop small{color:#64748b;font-size:12px}.cpick-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:14px;padding:10px 12px}.cpick-card>span{width:36px;height:36px;border-radius:12px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:800}.cpick-card strong{display:flex;gap:6px;align-items:center}.cpick-card small{display:block;color:#64748b;font-size:12px}.cpick-card>button{border:0;background:transparent;color:#94a3b8;font:inherit;cursor:pointer}.cpick-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cpick-tools button{height:30px;border:0;border-radius:9px;background:#f4f6f8;color:#111827;padding:0 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.cpick-gap{display:grid;grid-gap:8px;gap:8px}.cpick-draft .pos-modal-foot .pos-btn{flex:1 1}.ob-main{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.ob-top{padding:12px 16px;background:#f4f6f8}.ob-context,.ob-top{display:flex;align-items:center;gap:10px}.ob-context{min-width:0}.ob-context .ob-icon{flex:none}.ob-spacer{flex:1 1}.pos-regions{display:flex;gap:8px;overflow:auto}.pos-regions button{flex:none;height:36px;border:0;border-radius:999px;background:#fff;color:#475569;padding:0 14px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.06)}.pos-regions button.on{background:#111827;color:#fff}.ob-mini{display:inline-flex;background:#fff;border-radius:999px;padding:3px}.ob-mini button{border:0;background:transparent;color:#64748b;border-radius:999px;padding:6px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.ob-mini button.on{background:#111827;color:#fff}.ob-user{font-size:13px;color:#334155;font-weight:650}.ob-icon{width:36px;height:36px;border-radius:12px;border:1px solid #e6ebf2;background:#fff;color:#334155;font:inherit;cursor:pointer}.ob-empty{padding:48px 16px;text-align:center;color:#64748b}.ob-board{min-height:0;grid-template-rows:auto minmax(0,1fr);padding:0 16px 16px}.ob-board,.ob-toolbar{display:grid;grid-gap:12px;gap:12px}.ob-toolbar{align-content:start}.ob-ys{display:grid;grid-gap:8px;gap:8px;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px}.ob-ys>header{display:flex;justify-content:space-between;align-items:center;font-weight:750}.ob-ys>header em{font-style:normal;background:#ffedd5;border-radius:999px;min-width:1.6em;text-align:center;padding:2px 8px}.ob-ys-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;background:#fff;border-radius:12px;padding:10px 12px}.ob-ys-row p{margin:2px 0 0;color:#64748b;font-size:13px}.ob-ys-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}.ob-ys-actions button,.ob-ys-actions select{height:36px;border-radius:10px;border:1px solid #e6ebf2;background:#fff;font:inherit;padding:0 10px}.ob-ys-actions button{font-weight:700;cursor:pointer}.ob-ys-actions button:disabled{opacity:.6;cursor:default}.ob-ys-actions button.primary{background:#ea580c;color:#fff;border-color:#ea580c}.ob-ys-actions button.danger{color:#be123c}@media (max-width:720px){.ob-ys-row{grid-template-columns:1fr}.ob-ys-actions{justify-content:flex-start}}.ob-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ob-filters>input,.svc-customer input{flex:1 1;min-width:220px;border:1px solid #e6ebf2;background:#fff;border-radius:12px;padding:11px 14px;font:inherit}.ob-filter{position:relative}.ob-filter>button{border:1px solid #e6ebf2;background:#fff;border-radius:12px;padding:11px 14px;font:inherit;font-weight:650;color:#334155;cursor:pointer}.ob-filter-pop{position:absolute;z-index:20;top:46px;left:0;min-width:180px;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.12);padding:8px;display:grid;grid-gap:4px;gap:4px}.ob-filter-pop label{display:flex;gap:8px;align-items:center;padding:8px;border-radius:8px;font-size:14px}.ob-columns{display:flex;gap:12px;min-height:0;overflow:auto;align-items:stretch}.ob-col{flex:1 0 260px;background:#fff;border-radius:18px;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:420px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.ob-col-title{display:flex;justify-content:center;margin:12px 12px 0}.ob-col-title em,.ob-col-title span{font-style:normal}.ob-col-title{gap:6px;align-items:center;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.ob-col-title.prep{background:#fff1f2;color:#e11d48}.ob-col-title.wait{background:#fffbeb;color:#d97706}.ob-col-title.out{background:#eff6ff;color:#2563eb}.ob-col-title.open{background:#ecfdf3;color:#15803d}.ob-col-title.done{background:#f5f3ff;color:#7c3aed}.ob-col-body{overflow:auto;padding:12px;display:grid;grid-gap:10px;gap:10px;align-content:start}.ob-card{border:1px solid #eef2f6;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.04)}.ob-card-hit{display:grid;grid-gap:8px;gap:8px;width:100%;border:0;background:transparent;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;align-content:start}.ob-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.ob-card-top b.late{color:#e11d48;animation:ob-late-blink 1s ease-in-out infinite}@keyframes ob-late-blink{0%,to{opacity:1}50%{opacity:.25}}.ob-card-top div{min-width:0}.ob-card-top small,.ob-card-top strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-card-top small{color:#94a3b8;font-size:12px;min-height:16px}.ob-card-top b{color:#64748b;font-size:13px}.ob-dot{width:28px;height:28px;border-radius:999px;display:inline-block}.ob-dot.table{background:#facc15}.ob-dot.pickup{background:#4ade80}.ob-dot.delivery{background:#60a5fa}.ob-card-mid{display:flex;justify-content:space-between;align-items:baseline}.ob-card-mid .pay-label{color:#e11d48;font-size:13px;font-weight:650}.ob-card-mid strong{font-size:16px}.ob-card-actions{display:flex;flex-wrap:nowrap;gap:6px;align-items:stretch;border-top:1px solid #f1f5f9;padding-top:8px;margin-top:auto;min-height:48px}.ob-card-actions button{flex:1 1;min-width:0;border:1px solid #e6ebf2;background:#fff;border-radius:10px;height:40px;padding:0 4px;cursor:pointer;color:#334155;font:inherit;font-size:12px;font-weight:700;line-height:1.15;white-space:normal;display:grid;place-items:center}.ob-more{display:grid;grid-gap:4px;gap:4px}.ob-more button{text-align:left;border:0;background:#f8fafc;border-radius:8px;padding:8px 10px;font:inherit;cursor:pointer}.ob-lock{z-index:100;border:0;background:rgba(15,23,42,.72);color:#fff;place-items:center;align-content:center;grid-gap:8px;gap:8px;font:inherit;cursor:pointer}.ob-lock,.ob-modal-back{position:fixed;inset:0;display:grid}.ob-modal-back{z-index:80;background:rgba(15,23,42,.35);place-items:center;padding:16px}.ob-modal{width:min(560px,100%);background:#fff;border-radius:18px;padding:16px;box-shadow:0 24px 60px rgba(15,23,42,.2)}.ob-types header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ob-types h2{margin:0 0 4px;font-size:18px}.ob-types p{margin:0;color:#64748b;font-size:13px}.ob-types ul{list-style:none;padding:0;margin:14px 0;display:grid;grid-gap:8px;gap:8px}.ob-types li{display:flex;gap:8px;align-items:center;background:#f8fafc;border-radius:12px;padding:8px 10px}.ob-types li em{color:#64748b;font-style:normal;font-size:12px;margin-right:auto}.ob-types form button,.ob-types li button{border:1px solid #e6ebf2;background:#fff;border-radius:8px;padding:6px 8px;font:inherit;cursor:pointer}.ob-types form{display:flex;gap:8px;flex-wrap:wrap}.ob-types form input,.ob-types form select{flex:1 1;min-width:140px;border:1px solid #e6ebf2;border-radius:10px;padding:10px;font:inherit}.svc-head{display:flex;gap:10px;align-items:center;padding:10px 14px}.svc-head small{display:block;color:#64748b}.svc-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,360px);grid-gap:12px;gap:12px;padding:0 14px 14px}.svc-cart,.svc-menu{background:#fff;border-radius:16px;padding:14px;overflow:auto;min-height:0}.svc-customer{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:10px}.svc-customer input:last-child:nth-child(3){grid-column:1/-1}.svc-cart{display:grid;align-content:start;grid-gap:10px;gap:10px}.svc-cart header{display:flex;justify-content:space-between;align-items:center}.svc-cart header h3{margin:0}.svc-cart .link{border:0;background:transparent;color:#e11d48;font:inherit;font-weight:700;cursor:pointer}@media (max-width:900px){.ob-app{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.ob-rail{flex-direction:row;overflow:auto;border-right:0;border-top:1px solid #e8edf3;justify-content:flex-start}.cust-body.split{grid-template-columns:1fr}.cust-form,.ob-main{order:-1}.svc-customer,.svc-layout{grid-template-columns:1fr}.ob-user{display:none}}.oe-workspace{grid-template-rows:auto minmax(0,1fr);background:#f4f6f8}.oe{grid-template-columns:minmax(0,1fr) 380px;grid-gap:12px;gap:12px;padding:12px 16px 16px;box-sizing:border-box}.oe,.oe-cart{display:grid;min-height:0;height:100%}.oe-cart{grid-template-rows:auto auto minmax(0,1fr) auto auto;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.oe-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.04)}.oe-card.oe-hit{position:relative;display:block;aspect-ratio:4/3;width:100%;border:1px solid #eef2f6;background:#eef1f4;text-align:left;padding:0;font:inherit;color:inherit;cursor:pointer}.oe-photo{position:absolute;inset:0;display:block;overflow:hidden;background:transparent}.oe-photo img{width:100%;height:100%;object-fit:cover;display:block}.oe-meta{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:36px 12px 12px;background:linear-gradient(0deg,rgba(255,255,255,.97) 0,rgba(255,255,255,.82) 58%,transparent)}.oe-hit strong{display:block;font-size:16px}.oe-hit em{display:inline-block;margin-top:6px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;background:#fff7ed;color:#c2410c;border-radius:999px;padding:3px 8px}.oe-hit b{font-size:15px;white-space:nowrap;display:flex;align-items:center;gap:8px}.oe-hit b i{font-style:normal;min-width:22px;height:22px;border-radius:999px;background:#111827;color:#fff;font-size:12px;display:grid;place-items:center;padding:0 6px}.oe-add{margin:0 12px 12px;height:40px;font:inherit;font-weight:700}.oe-add,.oe-submit{border:0;border-radius:12px;background:#111827;color:#fff;cursor:pointer}.oe-submit{height:48px;font:inherit;font-weight:750;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.oe-sheet-close{display:block;width:calc(100% - 32px);margin:0 16px 16px;background:#f4f6f8;color:#334155;font:inherit;cursor:pointer}.oe-sheet-close,.pos-modal-foot .pos-btn{height:46px;border:0;border-radius:12px;font-weight:700}.pos-modal-foot .pos-btn.ghost{background:#f4f6f8;color:#334155}.pos-modal-foot .pos-btn.primary{background:#111827;color:#fff}.pos-modal-foot .pos-btn.danger{background:#fff1f2;color:#be123c}.oe-topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#fff;border-bottom:1px solid #eef2f6;color:#0f172a;min-height:52px}.oe-back,.oe-nav button,.oe-text{border:0;background:#f8fafc;color:#0f172a;border-radius:10px;height:36px;padding:0 12px;font:inherit;font-weight:650;cursor:pointer}.oe-back{width:36px;padding:0}.oe-title{display:grid;line-height:1.2;min-width:0}.oe-title small{color:#64748b;font-size:12px}.oe-nav{display:flex;gap:6px;margin-left:auto}.oe-nav button.on{background:#111827;color:#fff}.oe-pay{border:0;background:#1f9d55;color:#fff;border-radius:10px;height:36px;padding:0 12px;font:inherit;font-weight:700;cursor:pointer}.oe{background:#f4f6f8}.oe-menu{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:12px 16px 0}.oe-tools{display:flex;gap:8px;align-items:center}.oe-customer input,.oe-note-input,.oe-order-note,.oe-tools input{width:100%;box-sizing:border-box;border:1px solid #e6ebf2;background:#fff;border-radius:12px;padding:11px 14px;font:inherit;color:#0f172a}.oe-layout{display:flex;border:1px solid #e6ebf2;border-radius:12px;overflow:hidden;flex:none}.oe-layout button{width:40px;height:40px;border:0;background:#fff;color:#64748b;cursor:pointer;display:grid;place-items:center}.oe-layout button.on{background:#111827;color:#fff}.oe-banner svg,.oe-clear svg,.oe-layout svg,.oe-remove svg,.oe-submit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.oe-submit svg{fill:currentColor;stroke:none}.oe-chips{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.oe-chips button{border:0;background:#f1f5f9;color:#334155;border-radius:999px;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer}.oe-chips button.on{background:#111827;color:#fff}.oe-scroll{overflow:auto;padding-bottom:16px}.oe-group{margin-bottom:18px}.oe-group h3{margin:0 0 10px;font-size:13px;letter-spacing:.04em;color:#64748b}.oe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:14px;gap:14px}.oe.list .oe-grid{grid-template-columns:1fr}.oe.list .oe-card.oe-hit{aspect-ratio:auto;display:grid;grid-template-columns:minmax(148px,220px) minmax(0,1fr);align-items:stretch;background:#fff}.oe.list .oe-photo{position:relative;inset:auto;aspect-ratio:4/3;background:#eef1f4}.oe.list .oe-meta{position:relative;background:transparent;align-items:center;padding:12px 14px}.oe-step{display:flex;align-items:center;justify-content:center;gap:14px;background:#fff}.oe-step.card{height:48px}.oe-step button{width:32px;height:32px;border-radius:10px;border:1px solid #e6ebf2;background:#fff;font-size:18px;cursor:pointer;color:#334155}.oe-step button:disabled{opacity:.35}.oe-step span{min-width:16px;text-align:center;font-weight:750}.oe-cart-desk{min-height:0}.oe-cart-head{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px 8px}.oe-cart-head strong{display:block;font-size:18px}.oe-cart-head small{color:#64748b}.oe-clear,.oe-remove{border:0;background:transparent;color:#e11d48;font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.oe-banner{display:flex;gap:8px;align-items:flex-start;margin:0 16px 8px;background:#f0f7ff;color:#334155;border-radius:10px;padding:8px 10px;font-size:13px}.oe-banner svg{flex:none;margin-top:1px;color:#64748b}.oe-customer{display:grid;grid-gap:8px;gap:8px;padding:0 16px 8px}.oe-lines{overflow:auto;padding:0 16px}.oe-line{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;padding:12px 0;border-bottom:1px solid #f1f5f9}.oe-line-copy{display:grid;grid-gap:2px;gap:2px}.oe-line-copy strong{font-size:15px}.oe-unit{color:#64748b;font-size:13px;display:flex;gap:6px}.oe-unit em{font-style:normal;color:#94a3b8}.oe-opts{color:#2563eb;font-size:13px}.oe-linenote{color:#be123c;font-size:12px}.oe-line-copy b{margin-top:4px}.oe-line-side{display:grid;justify-items:end;grid-gap:8px;gap:8px;align-content:start}.oe-note-btn{border:0;background:transparent;color:#94a3b8;font:inherit;font-size:12px;cursor:pointer;padding:0;justify-self:start}.oe-note-btn.order,.oe-order-note{margin:0 16px 8px}.oe-order-note{width:auto}.oe-empty{color:#94a3b8;padding:12px}.oe-foot{border-top:1px solid #eef2f6;padding:12px 16px 14px;display:grid;grid-gap:10px;gap:10px}.oe-total{display:flex;justify-content:space-between;align-items:baseline}.oe-total span{color:#94a3b8;font-size:12px;letter-spacing:.08em;font-weight:700}.oe-total strong{font-size:28px;letter-spacing:-.03em}.oe-submit:disabled{opacity:.45;cursor:not-allowed}.oe-mobile-bar{display:none}.svc{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:#f4f6f8}@media (max-width:900px){.oe{grid-template-columns:1fr}.cpick,.ob-top,.oe,.oe-group,.oe-menu,.oe-scroll,.svc,.svc-pick{min-width:0;max-width:100%}.ob-top{flex-wrap:wrap}.ob-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.oe-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.oe-cart-desk{display:none}.oe-mobile-bar{display:block;position:-webkit-sticky;position:sticky;bottom:0;margin:0;border:0;background:#111827;color:#fff;padding:14px;font:inherit;font-weight:700;cursor:pointer}.oe-sheet{width:min(480px,100%);max-height:88vh;background:#fff;border-radius:16px;overflow:auto}.oe-sheet .oe-cart{height:auto;max-height:78vh}.oe-sheet-close{margin:8px 16px 16px}.oe-topbar{flex-wrap:wrap}.oe-nav{margin-left:0;order:3;width:100%}}