:root{--teal-700: #0B6E73;--teal-600: #0E8A8F;--teal-500: #17A2A8;--teal-200: #7FC9CD;--teal-100: #D6EEEF;--teal-50: #EAF6F7;--on-dark: #B7E4E6;--amber-600: #D98A2B;--amber-500: #EDA23C;--amber-100: #FBEBD2;--amber-text: #8A5510;--ink-900: #0F1E22;--ink-700: #33474D;--ink-500: #5E7379;--ink-300: #9BABB0;--ink-200: #C9D6D8;--line: #E1E9EA;--line-soft: #EEF3F3;--surface: #FFFFFF;--bg: #F5F8F8;--zebra: #FCFDFD;--success: #2E9E5B;--success-text: #1F7A45;--success-bg: #E4F4EA;--danger: #D64545;--danger-text: #B33232;--danger-bg: #FBE3E3;--st-processing: #F59E0B;--st-processing-text: #B26B04;--st-processing-bg: rgba(245, 158, 11, .13);--st-ready: #EC4899;--st-ready-text: #BE185D;--st-ready-bg: rgba(236, 72, 153, .12);--st-received: #0891B2;--st-received-text: #0E7490;--st-received-bg: rgba(8, 145, 178, .12);--st-done: #166534;--st-done-bg: rgba(22, 101, 52, .12);--st-accepted-bg: rgba(14, 138, 143, .12);--font-display: "Cairo", "Segoe UI", Tahoma, sans-serif;--font-body: "Tajawal", "Segoe UI", Tahoma, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-input: 8px;--radius-btn: 10px;--radius-card: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-btn: 0 8px 24px -12px rgba(11, 110, 115, .6);--shadow-hero: 0 12px 30px -14px rgba(11, 110, 115, .5);--shadow-pop: 0 24px 60px -24px rgba(15, 30, 34, .4);--shadow-modal: 0 40px 90px -30px rgba(15, 30, 34, .55)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink-900)}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0}.mono,.stat-value{font-family:var(--font-mono);font-feature-settings:"tnum"}.muted{color:var(--ink-500)}.faint{color:var(--ink-300)}.small{font-size:.8rem}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:var(--surface);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:22px 20px 18px;display:flex;align-items:center;gap:11px}.brand img{width:40px;height:40px;border-radius:12px;display:block}.brand-ar{font:700 16px/1.25 var(--font-display);color:var(--ink-900)}.brand-en{font:500 12px/1.25 var(--font-body);color:var(--ink-500)}.shop-chip{margin:0 16px 16px;background:var(--teal-50);border-radius:12px;padding:11px 13px;min-width:0}.shop-chip .k{font:500 11px/1.3 var(--font-body);color:#4e8f92}.shop-chip .v{font:700 14px/1.4 var(--font-body);color:var(--teal-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-switch{margin-top:8px;gap:4px}.branch-switch select{height:32px;padding:0 10px;width:100%;border-color:#0e8a8f40;border-radius:9px;font:700 12px/1 var(--font-body);color:var(--teal-700);background:var(--surface)}.badge.branch{background:var(--bg);color:var(--ink-500);--badge-dot: var(--ink-300)}.branch-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 14px}.branch-row.off{opacity:.55}.branch-row .meta{flex:1;min-width:0}.branch-row .actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sidebar nav{flex:1;padding:0 12px;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.sidebar nav a,.nav-item{height:46px;flex:none;border-radius:10px;padding:0 14px;display:flex;align-items:center;gap:11px;color:var(--ink-700);font:500 14px/1 var(--font-body);text-decoration:none}.sidebar nav a svg,.nav-item svg{color:var(--ink-500);flex:none}.sidebar nav a:hover{background:var(--bg)}.sidebar nav a.active{background:var(--teal-600);color:#fff;font-weight:700}.sidebar nav a.active svg{color:#fff}.nav-item.disabled{color:var(--ink-700);cursor:default}.nav-item .soon{margin-inline-start:auto;font:500 10px/1 var(--font-body);font-style:normal;color:var(--ink-300);border:1px solid var(--line);border-radius:999px;padding:3px 8px}.nav-kbd{margin-inline-start:auto;font:500 11px/1 var(--font-mono);color:var(--ink-300)}.sidebar nav a.active .nav-kbd{color:var(--on-dark)}.sidebar-footer{padding:14px 16px 18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.paper-label{font:500 11px/1 var(--font-body);color:var(--ink-300)}.paper-toggle{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px}.paper-toggle button{flex:1;height:28px;padding:0;border:none;border-radius:999px;background:transparent;box-shadow:none;font:500 12px/1 var(--font-mono);color:var(--ink-500);cursor:pointer}.paper-toggle button.on{background:var(--surface);color:var(--ink-900);font-weight:600;box-shadow:var(--shadow-sm)}.sync-status{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;margin:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:none;font:500 11px/1.3 var(--font-body);color:var(--ink-500);text-align:start;cursor:pointer}.sync-status:hover{background:var(--bg);color:var(--ink-900)}.sync-status:disabled{cursor:default;opacity:1}.sync-status .sync-dot{width:8px;height:8px;flex:none;border-radius:999px;background:var(--ink-300)}.sync-status.green .sync-dot{background:var(--success)}.sync-status.amber .sync-dot{background:var(--amber-500);animation:sync-pulse 1.2s ease-in-out infinite}.sync-status.red .sync-dot{background:var(--danger)}.sync-status.red{color:var(--danger)}.sync-status .sync-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.35}}.side-user{display:flex;align-items:center;gap:10px;min-width:0}.side-user .avatar{width:34px;height:34px;font-size:14px}.shop-name{font:700 13px/1.3 var(--font-body);color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user .role{font:500 11px/1.3 var(--font-body);color:var(--ink-300)}.logout-btn{background:none;border:none;box-shadow:none;padding:4px;margin-inline-start:auto;font:500 12px/1 var(--font-body);color:var(--ink-500);cursor:pointer}.logout-btn:hover{color:var(--danger);background:none}.main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{min-height:74px;flex:none;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 28px;display:flex;align-items:center;gap:16px}.topbar h1{font:700 20px/1.3 var(--font-display);color:var(--ink-900)}.topbar-sub{font:500 12px/1.3 var(--font-body);color:var(--ink-500)}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-body{flex:1;min-height:0;padding:24px 28px;display:flex;flex-direction:column;gap:20px}button{height:42px;padding:0 18px;border:none;border-radius:var(--radius-btn);background:var(--teal-600);color:#fff;font:700 14px/1 var(--font-body);cursor:pointer;box-shadow:var(--shadow-btn)}button:hover{background:var(--teal-700)}button:disabled{opacity:.5;cursor:default;box-shadow:none}button.soft{background:var(--teal-50);color:var(--teal-700);box-shadow:none}button.soft:hover{background:var(--teal-100)}button.ghost{background:var(--surface);color:var(--ink-700);border:1px solid var(--line);font-weight:500;box-shadow:none}button.ghost:hover{background:var(--bg)}button.big{height:56px;border-radius:12px;font-size:17px}button.danger-ghost{background:var(--surface);color:var(--danger);border:1px solid #f2d6d6;font-weight:700;box-shadow:none}button.danger-ghost:hover{background:var(--danger-bg)}.small-btn{height:32px;padding:0 13px;font-size:12px;border-radius:999px;box-shadow:none}.small-btn.approve{background:var(--success)}.small-btn.approve:hover{filter:brightness(.92);background:var(--success)}.small-btn.suspend{background:var(--danger)}input,select,textarea{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-input);font:500 14px/1.2 var(--font-body);color:var(--ink-900);background:var(--surface)}textarea{height:auto;padding:10px 12px;resize:vertical}input::placeholder{color:var(--ink-300);font-weight:400}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal-600);box-shadow:0 0 0 3px #0e8a8f26}input[type=search]{background:var(--bg)}label{display:flex;flex-direction:column;gap:6px;font:500 12px/1.3 var(--font-body);color:var(--ink-500)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px}.card.narrow{width:380px;max-width:92vw;display:flex;flex-direction:column;gap:14px}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--ink-500)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column}.panel-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.panel-head h2{font:700 16px/1 var(--font-display);color:var(--ink-900)}.panel-head .aux{margin-inline-start:auto;display:flex;align-items:center;gap:8px;font:500 12px/1 var(--font-body);color:var(--ink-300)}.stat-row{display:flex;gap:16px;flex-wrap:wrap}.hero-card{width:356px;min-height:150px;flex:none;background:var(--teal-600);border-radius:var(--radius-card);padding:18px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-hero);color:#fff}.hero-top{display:flex;align-items:center;justify-content:space-between;font:500 13px/1 var(--font-body);color:var(--on-dark)}.hero-value{display:flex;align-items:baseline;gap:8px}.hero-value .n{font:600 42px/1 var(--font-mono);letter-spacing:-1.5px;color:#fff}.hero-value .u{font:700 16px/1 var(--font-body);color:var(--on-dark)}.hero-split{display:flex;gap:10px}.hero-tile{flex:1;background:#ffffff24;border-radius:10px;padding:9px 11px}.hero-tile .t{display:flex;align-items:center;gap:6px;margin-bottom:5px;font:500 12px/1 var(--font-body);color:#ddf1f2}.hero-tile .n{font:600 16px/1 var(--font-mono);color:#fff}.dot{width:7px;height:7px;flex:none;border-radius:999px}.dot.sq{border-radius:2px}.dot.amber{background:var(--amber-500)}.dot.teal-light{background:#7fe3e8}.stat-card{flex:1;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.stat-label{font:500 13px/1 var(--font-body);color:var(--ink-500)}.stat-value{font-size:34px;font-weight:600;line-height:1;color:var(--ink-900)}.stat-value .u{font:700 13px/1 var(--font-body);color:var(--ink-300);margin-inline-start:5px}.stat-value.pink{color:var(--st-ready)}.stat-value.red{color:var(--danger)}.stat-sub{font:500 12px/1.4 var(--font-body);color:var(--ink-300)}table{width:100%;border-collapse:collapse}thead th{height:38px;background:var(--bg);border-bottom:1px solid var(--line);font:500 12px/1 var(--font-body);color:var(--ink-500);text-align:right;padding:0 12px}tbody td{height:62px;padding:8px 12px;border-bottom:1px solid var(--line-soft);font-size:14px;vertical-align:middle}th:first-child,td:first-child{padding-inline-start:20px}th:last-child,td:last-child{padding-inline-end:20px}tbody tr:nth-child(2n){background:var(--zebra)}tbody tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--teal-50)}td .cust-name{font:700 14px/1.4 var(--font-body);color:var(--ink-900)}table .mono{font-size:13px;color:var(--ink-700)}table .money{font:600 15px/1 var(--font-mono);color:var(--ink-900)}table.inner{background:transparent}table.inner td{height:auto;padding:8px 10px;border-bottom:1px solid var(--line);font-size:13px}table.inner tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font:700 11px/1 var(--font-body);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;flex:none;border-radius:999px;background:var(--badge-dot, currentColor)}.badge.pos{background:var(--amber-100);color:var(--amber-text);--badge-dot: var(--amber-600)}.badge.pos:before{border-radius:1px}.badge.market{background:var(--teal-100);color:var(--teal-700);--badge-dot: var(--teal-600)}.badge.st-received{background:var(--st-received-bg);color:var(--st-received-text);--badge-dot: var(--st-received)}.badge.st-processing{background:var(--st-processing-bg);color:var(--st-processing-text);--badge-dot: var(--st-processing)}.badge.st-ready{background:var(--st-ready-bg);color:var(--st-ready-text);--badge-dot: var(--st-ready)}.badge.st-done{background:var(--st-done-bg);color:var(--st-done);--badge-dot: var(--st-done)}.badge.st-accepted{background:var(--st-accepted-bg);color:var(--teal-700);--badge-dot: var(--teal-600)}.badge.st-cancelled{background:#eef2f2;color:var(--ink-500);--badge-dot: var(--ink-300)}.badge.good{background:var(--st-done-bg);color:var(--st-done);--badge-dot: var(--st-done)}.badge.warn{background:var(--st-ready-bg);color:var(--st-ready-text);--badge-dot: var(--st-ready)}.badge.bad{background:#eef2f2;color:var(--ink-500);--badge-dot: var(--ink-300)}.badge.neutral{background:var(--st-received-bg);color:var(--st-received-text);--badge-dot: var(--st-received)}.badge.unpaid{background:var(--danger-bg);color:var(--danger-text);--badge-dot: var(--danger)}.pay-ok{font:700 12px/1 var(--font-body);color:var(--success-text)}.pay-due{font:700 12px/1 var(--font-body);color:var(--amber-text)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{height:34px;padding:0 14px;background:var(--surface);border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;gap:7px;font:500 12px/1 var(--font-body);color:var(--ink-700);cursor:pointer;box-shadow:none}.chip:hover{background:var(--bg)}.chip.active{background:var(--teal-600);border-color:var(--teal-600);color:#fff;font-weight:700}.chip .count{font:500 12px/1 var(--font-mono);color:var(--ink-300)}.chip.active .count{color:var(--on-dark)}.seg{display:flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px}.seg button{height:28px;padding:0 14px;border:none;border-radius:999px;background:transparent;box-shadow:none;display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--font-body);color:var(--ink-500)}.seg button:hover{background:#fff9}.seg button.on{background:var(--surface);color:var(--ink-900);font-weight:700;box-shadow:var(--shadow-sm)}.seg .dot{width:6px;height:6px}.seg .dot.amber{border-radius:1px;background:var(--amber-600)}.seg .dot.teal{background:var(--teal-600)}.status-select{height:34px;border-radius:999px;padding:0 14px;font:500 12px/1 var(--font-body);color:var(--ink-700)}.pos-body{flex:1;min-height:0;display:flex;align-items:stretch}.pos-catalog{flex:1;min-width:0;padding:22px 28px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.cat-chips{display:flex;gap:8px;flex-wrap:wrap}.cat-chip{height:42px;padding:0 20px;background:var(--surface);border:1px solid var(--line);border-radius:999px;font:500 14px/1 var(--font-body);color:var(--ink-700);box-shadow:none}.cat-chip:hover{background:var(--bg)}.cat-chip.active{background:var(--teal-600);border-color:var(--teal-600);color:#fff;font-weight:700}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;align-content:start}.svc-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;text-align:right}.svc-card.in-ticket{border:2px solid var(--teal-600);padding:13px;box-shadow:0 6px 18px -10px #0b6e7359}.svc-name{font:700 16px/1.3 var(--font-body);color:var(--ink-900)}.svc-price{font:500 13px/1.3 var(--font-mono);color:var(--ink-500)}.svc-add{height:40px;width:100%;border:none;border-radius:10px;background:var(--teal-50);color:var(--teal-700);font:700 13px/1 var(--font-body);box-shadow:none;padding:0}.svc-add:hover{background:var(--teal-100)}.qty-step{display:flex;align-items:center;gap:6px}.qty-step button{width:40px;height:40px;flex:none;padding:0;border-radius:10px;font-size:20px;line-height:1;box-shadow:none}.qty-step .minus{background:var(--surface);border:1px solid var(--line);color:var(--teal-700)}.qty-step .minus:hover{background:var(--bg)}.qty-step .plus{background:var(--teal-600);color:#fff}.qty-step .q{flex:1;text-align:center;font:600 22px/1 var(--font-mono);color:var(--ink-900)}.qty-mini{display:inline-flex;align-items:center;gap:5px}.qty-mini button{width:26px;height:26px;padding:0;border-radius:8px;font-size:14px;box-shadow:none;background:var(--bg);color:var(--ink-700);border:1px solid var(--line)}.qty-mini button:hover{background:var(--teal-50);color:var(--teal-700)}.qty-mini .q{min-width:24px;text-align:center;font:600 14px/1 var(--font-mono)}.pos-empty{color:var(--ink-300);font-size:14px;padding:24px 0}.ticket{width:400px;flex:none;background:var(--surface);border-inline-start:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.ticket-head{flex:none;padding:18px 24px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.ticket-head .row{display:flex;align-items:center;justify-content:space-between}.ticket-head h2{font:700 16px/1 var(--font-display)}.cust-row{display:flex;gap:8px}.cust-row input{flex:1;min-width:0;height:44px}.cust-row input.phone{flex:none;width:150px;font-family:var(--font-mono);font-size:13px}.cust-attached{display:flex;align-items:center;gap:8px;background:var(--teal-50);border-radius:8px;padding:8px 12px;font:500 12px/1.4 var(--font-body);color:var(--teal-700)}.cust-attached button{margin-inline-start:auto}.cust-hits{display:flex;flex-direction:column;gap:4px}.cust-hit{height:auto;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--teal-50);border:1px solid var(--teal-100);border-radius:10px;color:var(--ink-900);font:500 13px/1.3 var(--font-body);box-shadow:none}.cust-hit:hover{background:var(--teal-100);border-color:var(--teal-500)}.cust-hit .mono{font-size:12px;color:var(--ink-500)}.ticket-lines{flex:1;min-height:0;overflow-y:auto;padding:4px 24px}.ticket-line{min-height:56px;padding:8px 0;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px}.ticket-line .t-name{flex:1;min-width:0}.ticket-line .t-name .n{font:700 14px/1.4 var(--font-body);color:var(--ink-900)}.ticket-line .t-name .s{font:500 12px/1.4 var(--font-body);color:var(--ink-300)}.ticket-line .t-total{font:600 15px/1 var(--font-mono);color:var(--ink-900)}.ticket-tots{flex:none;padding:14px 24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.tot-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 13px/1 var(--font-body);color:var(--ink-500)}.tot-row .v{font-family:var(--font-mono);color:var(--ink-700);font-weight:600}.tot-row input{width:120px;height:36px;text-align:center;font-family:var(--font-mono);font-size:13px}.tot-row.green{color:var(--success-text);font-weight:700}.tot-row.green .v{color:var(--success-text)}.tot-row.red{color:var(--danger-text);font-weight:700}.tot-row.red .v{color:var(--danger)}.tot-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tot-meta input{height:38px;font-size:13px}.ticket-foot{flex:none;padding:16px 24px 20px;border-top:1px solid var(--line);background:var(--zebra);display:flex;flex-direction:column;gap:12px}.grand-row{display:flex;align-items:flex-end;justify-content:space-between}.grand-row .l{font:700 15px/1 var(--font-body);color:var(--ink-700)}.grand-row .v{display:flex;align-items:baseline;gap:6px}.grand-row .n{font:600 34px/1 var(--font-mono);letter-spacing:-1px;color:var(--ink-900)}.grand-row .u{font:700 14px/1 var(--font-body);color:var(--ink-500)}.seg.mini{padding:2px;gap:2px}.seg.mini button{height:24px;padding:0 9px;font-size:11px}.disc-input{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.disc-input input{width:96px;height:34px}.disc-input select{height:34px;font-size:12px;max-width:170px}.tot-row.disc-reason{align-items:flex-start}.ticket-line-wrap{border-bottom:1px solid var(--line-soft)}.ticket-line-wrap .ticket-line{border-bottom:none}.ticket-line-wrap.open{background:var(--zebra);margin:0 -24px;padding:0 24px;border-radius:0}.ticket-line .t-disc{color:var(--danger-text);font-weight:600}.line-disc-btn{height:26px;padding:0 9px;border-radius:999px;box-shadow:none;background:var(--bg);color:var(--ink-500);font:600 11px/1 var(--font-body);border:1px solid var(--line)}.line-disc-btn:hover{background:var(--teal-50);color:var(--teal-700)}.line-disc-btn.on{background:var(--danger-bg);color:var(--danger-text);border-color:transparent}.line-disc-pop{padding:8px 0 12px;display:flex;flex-direction:column;gap:8px}.line-disc-pop .disc-row{display:flex;align-items:center;gap:6px}.line-disc-pop .disc-row input{width:80px;height:34px;text-align:center;font-family:var(--font-mono);font-size:13px}.line-disc-pop .disc-row select{flex:1;min-width:0;height:34px;font-size:12px}.line-disc-pop>input{height:34px;font-size:13px}.line-disc-pop .disc-actions{display:flex;gap:6px;justify-content:flex-end}.pin-modal{width:340px;max-width:100%;background:var(--surface);border-radius:18px;box-shadow:var(--shadow-modal);padding:22px 24px 24px;display:flex;flex-direction:column;gap:14px}.pin-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pin-head h2{font:700 18px/1.3 var(--font-display)}.pin-dots{display:flex;justify-content:center;gap:10px;padding:6px 0}.pin-dot{width:14px;height:14px;border-radius:999px;background:var(--line)}.pin-dot.opt{opacity:.45}.pin-dot.on{background:var(--teal-600);opacity:1}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pin-key{height:54px;border-radius:12px;box-shadow:none;background:var(--bg);color:var(--ink-900);font:600 20px/1 var(--font-mono)}.pin-key:hover{background:var(--teal-50);color:var(--teal-700)}.pin-key.ghost{background:transparent;border:1px solid var(--line);font:600 13px/1 var(--font-body);color:var(--ink-500)}.receipt-print .r-disc{font-size:.9em;padding-inline-start:6px}.modal-overlay{position:fixed;inset:0;background:#0f1e2273;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.invoice-modal{width:820px;max-width:100%;max-height:92vh;background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-modal);display:flex}.invoice-main{flex:1;min-width:0;padding:26px 28px 28px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.invoice-main .head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.invoice-main .head h2{font:700 22px/1.3 var(--font-display)}.invoice-main .head .sub{font:500 13px/1.4 var(--font-body);color:var(--ink-500);margin-top:2px}.modal-close{width:36px;height:36px;flex:none;padding:0;border-radius:10px;background:var(--bg);color:var(--ink-500);font-size:16px;box-shadow:none}.modal-close:hover{background:var(--line-soft);color:var(--ink-900)}.sum-box{background:var(--bg);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.sum-box .sep{height:1px;background:var(--line)}.change-box{border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;background:var(--success-bg)}.change-box .l{font:700 14px/1 var(--font-body);color:var(--success-text)}.change-box .n{font:600 26px/1 var(--font-mono);color:var(--success-text)}.change-box.due{background:var(--danger-bg)}.change-box.due .l,.change-box.due .n{color:var(--danger-text)}.invoice-actions{display:flex;gap:10px}.invoice-actions .grow{flex:1}.invoice-rail{width:320px;flex:none;background:var(--line-soft);border-inline-start:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.invoice-rail .rail-head{display:flex;align-items:center;justify-content:space-between;font:700 14px/1 var(--font-body);color:var(--ink-700)}.invoice-rail .rail-head .mm{font:500 12px/1 var(--font-mono);color:var(--ink-500)}.paper-preview{background:var(--surface);border-radius:8px;padding:20px 18px;box-shadow:0 8px 24px -14px #0f1e224d;display:flex;flex-direction:column;gap:13px;font:400 11px/1.4 var(--font-body);color:var(--ink-500)}.paper-preview .p-head{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.paper-preview .p-head img{width:30px;border-radius:8px}.paper-preview .p-shop{font:700 15px/1.3 var(--font-display);color:var(--ink-900)}.paper-preview .sep{height:1px;background:var(--line)}.paper-preview .kv{display:flex;justify-content:space-between;gap:8px}.paper-preview .kv .v{color:var(--ink-900)}.paper-preview .kv .v.mono{font-family:var(--font-mono);font-size:11px}.paper-preview .kv.red{color:var(--danger)}.paper-preview .p-grand{display:flex;align-items:baseline;justify-content:space-between}.paper-preview .p-grand .l{font:700 13px/1 var(--font-body);color:var(--ink-900)}.paper-preview .p-grand .n{font:600 18px/1 var(--font-mono);color:var(--ink-900)}.cust-body{flex:1;min-height:0;display:flex}.cust-list{width:380px;flex:none;background:var(--surface);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.cust-list-empty{padding:24px 20px;color:var(--ink-300);font-size:13px}.cust-item{min-height:74px;flex:none;padding:12px 20px;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;background:var(--surface);display:flex;align-items:center;gap:12px;text-align:right;cursor:pointer;box-shadow:none;position:relative;color:var(--ink-900);font:500 14px/1.3 var(--font-body)}.cust-item:hover{background:var(--bg)}.cust-item.sel{background:var(--teal-50)}.cust-item.sel:after{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;width:3px;background:var(--teal-600)}.cust-item .info{flex:1;min-width:0}.cust-item .nm{display:flex;align-items:center;gap:7px;font:700 15px/1.4 var(--font-body);color:var(--ink-900)}.cust-item .ph{font:500 12px/1.4 var(--font-mono);color:var(--ink-500)}.cust-item .side{flex:none;text-align:left}.cust-item .side .n{font:600 14px/1.3 var(--font-mono);color:var(--ink-900)}.cust-item .side .l{font:500 11px/1.3 var(--font-body);color:var(--ink-500)}.due-tag{display:inline-flex;background:var(--danger-bg);border-radius:999px;padding:3px 8px;font:700 10px/1 var(--font-body);color:var(--danger-text);white-space:nowrap}.avatar{width:42px;height:42px;flex:none;border-radius:999px;background:var(--teal-100);color:var(--teal-700);display:flex;align-items:center;justify-content:center;font:700 16px/1 var(--font-body)}.avatar.on{background:var(--teal-600);color:#fff}.avatar.big{width:62px;height:62px;font-size:24px}.cust-detail{flex:1;min-width:0;padding:22px 28px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.cust-profile{display:flex;align-items:center;gap:16px}.cust-profile .who{flex:1;min-width:0}.cust-profile .who .nm{font:700 20px/1.35 var(--font-display);color:var(--ink-900)}.cust-profile .who .ph{font:500 13px/1.4 var(--font-mono);color:var(--ink-500)}.mini-stats{display:flex;gap:14px;flex-wrap:wrap}.mini-stat{flex:1;min-width:130px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.mini-stat .k{font:500 12px/1 var(--font-body);color:var(--ink-500)}.mini-stat .v{font:600 24px/1 var(--font-mono);color:var(--ink-900)}.mini-stat.ok{background:var(--success-bg);border-color:#bfe3cd}.mini-stat.ok .k,.mini-stat.ok .v{color:var(--success-text)}.mini-stat.due{background:var(--danger-bg);border-color:#f2c9c9}.mini-stat.due .k,.mini-stat.due .v{color:var(--danger-text)}.detail-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ink-300);font-size:14px}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:32px 16px;background:radial-gradient(640px 320px at 85% -5%,rgba(14,138,143,.1),transparent 70%),radial-gradient(560px 300px at 8% 108%,rgba(237,162,60,.09),transparent 70%),var(--bg)}.landing-brand{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.landing-logo{width:76px;height:76px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-hero)}.landing-logo img{width:100%;height:100%;display:block}.landing-title{font:800 30px/1.2 var(--font-display);color:var(--ink-900)}.landing-title .dash{color:var(--ink-300);font-weight:700}.landing-sub{font:500 15px/1.5 var(--font-body);color:var(--ink-500)}.login-card{width:400px;max-width:94vw;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 26px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-pop)}.login-card input{height:46px}.login-hint{font:500 12px/1.5 var(--font-body);color:var(--ink-300);text-align:center}.or-sep{display:flex;align-items:center;gap:12px;color:var(--ink-300);font-size:12px}.or-sep:before,.or-sep:after{content:"";flex:1;height:1px;background:var(--line)}.demo-note{font:500 12px/1.4 var(--font-body);color:var(--ink-300);text-align:center}.landing-foot{font:500 12px/1.4 var(--font-body);color:var(--ink-300)}.error{color:var(--danger-text);background:var(--danger-bg);border-radius:var(--radius-input);padding:10px 13px;font-size:13px}.success-note{color:var(--success-text);background:var(--success-bg);border-radius:var(--radius-input);padding:10px 13px;font-size:13px}@media(max-width:1100px){.pos-body{flex-direction:column;overflow-y:auto}.pos-catalog{overflow:visible}.ticket{width:auto;border-inline-start:none;border-top:1px solid var(--line)}.ticket-lines{overflow:visible}.cust-body{flex-direction:column}.cust-list{width:auto;max-height:320px;border-inline-end:none;border-bottom:1px solid var(--line)}.invoice-modal{flex-direction:column;overflow-y:auto}.invoice-rail{width:auto;border-inline-start:none;border-top:1px solid var(--line)}.hero-card{width:100%}}.order-modal{width:1000px;max-width:100%;max-height:92vh;background:var(--bg);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-modal);display:flex;flex-direction:column}.om-head{flex:none;min-height:74px;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.om-title{display:flex;align-items:center;gap:10px}.om-title h2{font:700 20px/1.3 var(--font-display)}.om-actions{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.om-body{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;gap:20px;align-items:flex-start}.om-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}.om-rail{width:340px;flex:none;display:flex;flex-direction:column;gap:14px}.om-cust,.om-pay{display:flex;flex-direction:column;gap:12px}.om-totals{padding:16px 20px;background:var(--zebra);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.om-totlines{display:flex;flex-direction:column;gap:6px;font:500 13px/1 var(--font-body);color:var(--ink-500)}.om-totlines .red{color:var(--danger-text)}.om-grand{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.om-grand .l{font:500 12px/1 var(--font-body);color:var(--ink-500)}.om-grand .v{display:flex;align-items:baseline;gap:6px}.om-grand .n{font:600 32px/1 var(--font-mono);letter-spacing:-1px;color:var(--ink-900)}.om-grand .u{font:700 13px/1 var(--font-body);color:var(--ink-500)}tbody tr.compact td{height:52px}.timeline{display:flex;align-items:flex-start;gap:0}.tl-step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.tl-dot{width:14px;height:14px;border-radius:999px;border:2px solid var(--ink-200);background:var(--surface);z-index:1}.tl-step.done .tl-dot{background:var(--teal-600);border-color:var(--teal-600)}.tl-step.now .tl-dot{background:var(--st-processing);border-color:var(--st-processing);box-shadow:0 0 0 4px #f59e0b33}.tl-label{font:700 13px/1.4 var(--font-body);color:var(--ink-300);text-align:center}.tl-step.done .tl-label,.tl-step.now .tl-label{color:var(--ink-900)}.tl-line{position:absolute;top:6px;inset-inline-start:50%;width:100%;height:2px;background:var(--line)}.tl-step.done .tl-line{background:var(--teal-600)}.pay-list{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line-soft);padding-top:8px}.pay-row{display:flex;align-items:center;gap:8px;font:500 12px/1.3 var(--font-body);color:var(--ink-500)}.pay-row .green{color:var(--success-text);font-weight:600}.pay-row .who{flex:1}.pay-row .when{font-size:11px;color:var(--ink-300)}.shift-chip{display:inline-flex;align-items:center;gap:6px;background:var(--success-bg);color:var(--success-text);border-radius:999px;padding:8px 12px;font:700 12px/1 var(--font-body)}.cash-cols{display:flex;gap:20px;align-items:flex-start}.close-panel{width:400px;flex:none;display:flex;flex-direction:column;gap:14px}.reports-cols{display:flex;gap:20px;align-items:stretch}.reports-side{width:380px;flex:none;display:flex;flex-direction:column;gap:20px}.chart-legend{display:flex;align-items:center;gap:14px;font:500 12px/1 var(--font-body);color:var(--ink-500)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend .dot{width:8px;height:8px}.bar-chart{height:260px;display:flex;align-items:flex-end;gap:8px;overflow-x:auto;padding-bottom:4px}.bar-col{flex:1;min-width:22px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bar{width:100%;max-width:34px;background:var(--teal-600);border-radius:5px 5px 0 0;transition:height .2s}.bar-col:hover .bar{background:var(--teal-500)}.bar-label{font:500 11px/1 var(--font-mono);color:var(--ink-300);white-space:nowrap}.donut{width:104px;height:104px;flex:none;border-radius:999px;display:flex;align-items:center;justify-content:center}.donut-hole{width:68px;height:68px;border-radius:999px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.hbar{height:9px;border-radius:999px;background:var(--line-soft);overflow:hidden}.hbar>div{height:100%;border-radius:999px}.settings-cols{display:flex;gap:20px;align-items:flex-start}.settings-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}.settings-preview{width:330px;border:1px solid var(--line);border-radius:var(--radius-card);border-inline-start:1px solid var(--line)}.paper-preview.narrow{max-width:220px;margin:0 auto}.setting-row{display:flex;align-items:center;justify-content:space-between;font:500 14px/1 var(--font-body);color:var(--ink-700)}.switch{width:44px;height:26px;padding:0;border-radius:13px;background:var(--line);position:relative;box-shadow:none;border:none}.switch:hover{background:var(--ink-200)}.switch.on,.switch.on:hover{background:var(--teal-500)}.switch .knob{position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:999px;background:#fff;transition:inset-inline-start .15s}.switch.on .knob{inset-inline-start:21px}.staff-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 14px}.staff-row.off{opacity:.55}.brand-tile{width:40px;height:40px;flex:none;border-radius:12px;background:var(--teal-50);display:flex;align-items:center;justify-content:center}.brand-tile img{width:22px;height:auto;border-radius:0;display:block}@media(max-width:1100px){.om-body,.cash-cols,.reports-cols,.settings-cols{flex-direction:column}.om-rail,.close-panel,.reports-side,.settings-preview{width:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--radius-btn);font:700 14px/1 var(--font-body);text-decoration:none;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--teal-600);color:#fff;box-shadow:var(--shadow-btn)}.btn.primary:hover{background:var(--teal-700);color:#fff}.btn.soft{background:var(--teal-50);color:var(--teal-700)}.btn.soft:hover{background:var(--teal-100);color:var(--teal-700)}.btn.ghost{background:var(--surface);color:var(--ink-700);border:1px solid var(--line);font-weight:500}.btn.ghost:hover{background:var(--bg);color:var(--ink-900)}.btn.big{height:54px;padding:0 28px;border-radius:12px;font-size:16px}.btn.tiny{height:32px;padding:0 13px;font-size:12px;border-radius:999px}.mk{min-height:100vh;background:var(--bg);color:var(--ink-900)}.mk a{text-decoration:none}.mk-header{position:sticky;top:0;z-index:40;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.mk-header-in{max-width:1140px;margin:0 auto;height:64px;padding:0 24px;display:flex;align-items:center;gap:28px}.mk-brand{display:flex;align-items:center;gap:10px}.mk-brand img{width:38px;height:38px;border-radius:11px;display:block}.mk-brand>span{display:flex;flex-direction:column}.mk-nav{display:flex;gap:22px}.mk-nav a{font:500 14px/1 var(--font-body);color:var(--ink-700)}.mk-nav a:hover{color:var(--teal-600)}.mk-cta{margin-inline-start:auto;display:flex;gap:10px}.mk-hero{max-width:1140px;margin:0 auto;padding:72px 24px 56px;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}.mk-hero-copy{max-width:540px;display:flex;flex-direction:column;gap:20px}.mk-hero-copy h1{font:800 42px/1.35 var(--font-display);color:var(--ink-900)}.mk-hero-copy h1 .hl{color:var(--teal-600)}.mk-hero-copy p{margin:0;font:400 17px/1.9 var(--font-body);color:var(--ink-500)}.mk-hero-btns{display:flex;gap:12px;flex-wrap:wrap}.mk-hero-note{font:500 13px/1 var(--font-body);color:var(--ink-300)}.mk-hero-shot{flex:none}.mk-section{padding:72px 24px;display:flex;flex-direction:column;align-items:center;gap:14px}.mk-section.alt{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mk-section.alt+.mk-section.alt{border-top:none}.mk-h2{font:700 28px/1.4 var(--font-display);color:var(--ink-900);text-align:center}.mk-sub{margin:0 0 14px;font:400 16px/1.6 var(--font-body);color:var(--ink-500);text-align:center}.feature-grid{width:100%;max-width:1020px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.feature-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-card);padding:22px;display:flex;flex-direction:column;gap:10px}.mk-section:not(.alt) .feature-card{background:var(--surface)}.feature-card .fi{width:42px;height:42px;border-radius:12px;background:var(--teal-50);color:var(--teal-600);display:flex;align-items:center;justify-content:center}.feature-card h3{font:700 16px/1.4 var(--font-body);color:var(--ink-900)}.feature-card p{margin:0;font:400 13.5px/1.8 var(--font-body);color:var(--ink-500)}.shots-row{width:100%;max-width:1080px;display:flex;gap:22px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.shot{display:flex;flex-direction:column;gap:10px;align-items:center}.shot-title{font:500 13px/1 var(--font-body);color:var(--ink-500)}.shot-frame{width:330px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-pop)}.shot-bar{height:28px;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:0 12px}.shot-bar .sd{width:8px;height:8px;border-radius:999px;background:var(--line)}.shot-body{padding:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.mm-pos{display:flex;gap:8px}.mm-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}.mm-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px;display:flex;flex-direction:column;gap:5px}.mm-item.on{border:1.5px solid var(--teal-600);box-shadow:0 3px 9px -5px #0b6e7359}.mm-item .n{font:700 10.5px/1.2 var(--font-body);color:var(--ink-900)}.mm-item .p{font:500 9px/1 var(--font-mono);color:var(--ink-500)}.mm-add{height:18px;border-radius:5px;background:var(--teal-50);color:var(--teal-700);display:flex;align-items:center;justify-content:center;font:700 8.5px/1 var(--font-body)}.mm-qty{display:flex;align-items:center;gap:4px}.mm-qty span{width:18px;height:18px;border-radius:5px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font:600 10px/1 var(--font-mono);color:var(--teal-700)}.mm-qty span.plus{background:var(--teal-600);border-color:var(--teal-600);color:#fff}.mm-qty b{flex:1;text-align:center;font:600 11px/1 var(--font-mono)}.mm-ticket{width:112px;flex:none;background:var(--zebra);border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.mm-ticket .h{font:700 10px/1 var(--font-display);color:var(--ink-900)}.mm-ticket .l{display:flex;justify-content:space-between;font:500 8.5px/1.2 var(--font-body);color:var(--ink-500)}.mm-ticket .l b{font:600 8.5px/1.2 var(--font-mono);color:var(--ink-900)}.mm-ticket .g{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:5px;margin-top:auto;font:700 9px/1 var(--font-body);color:var(--ink-700)}.mm-ticket .g b{font:600 12px/1 var(--font-mono);color:var(--ink-900)}.mm-ticket .cta{height:22px;border-radius:6px;background:var(--teal-600);color:#fff;display:flex;align-items:center;justify-content:center;font:700 9px/1 var(--font-body)}.mm-orders{display:flex;flex-direction:column}.mm-thead{display:flex;gap:6px;padding:5px 7px;background:var(--bg);border:1px solid var(--line);border-bottom:none;border-radius:8px 8px 0 0;font:500 8.5px/1 var(--font-body);color:var(--ink-500)}.mm-thead span:nth-child(1){width:40px}.mm-thead span:nth-child(2){flex:1}.mm-thead span:nth-child(3){width:42px}.mm-thead span:nth-child(4){width:56px}.mm-tr{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);border-top:none}.mm-tr:last-child{border-radius:0 0 8px 8px}.mm-tr:nth-child(odd){background:var(--zebra)}.mm-tr .no{width:40px;font:600 8.5px/1 var(--font-mono);color:var(--ink-700)}.mm-tr .nm{flex:1;display:flex;align-items:center;gap:4px;font:700 9.5px/1 var(--font-body);color:var(--ink-900)}.mm-tr b{width:42px;font:600 9px/1 var(--font-mono);color:var(--ink-900)}.mm-src{font:700 7.5px/1 var(--font-body);font-style:normal;border-radius:999px;padding:2.5px 5px}.mm-src.pos{background:var(--amber-100);color:var(--amber-text)}.mm-src.market{background:var(--teal-100);color:var(--teal-700)}.mm-st{width:56px;font:700 7.5px/1 var(--font-body);font-style:normal;border-radius:999px;padding:3px 6px;text-align:center}.mm-st.ready{background:var(--st-ready-bg);color:var(--st-ready-text)}.mm-st.processing{background:var(--st-processing-bg);color:var(--st-processing-text)}.mm-st.received{background:var(--st-received-bg);color:var(--st-received-text)}.mm-st.done{background:var(--st-done-bg);color:var(--st-done)}.mm-today{display:flex;flex-direction:column;gap:8px}.mm-hero{background:var(--teal-600);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 16px -8px #0b6e7380}.mm-hero .t{font:500 9px/1 var(--font-body);color:var(--on-dark)}.mm-hero .n{font:600 19px/1 var(--font-mono);color:#fff;letter-spacing:-.5px}.mm-hero .n span{font:700 9px/1 var(--font-body);color:var(--on-dark)}.mm-hero .split{display:flex;gap:10px;font:500 8px/1 var(--font-body);color:#ddf1f2}.mm-hero .split span{display:inline-flex;align-items:center;gap:4px}.mm-hero .split i{width:5px;height:5px;border-radius:999px;background:#7fe3e8}.mm-hero .split i.sq{border-radius:1px;background:var(--amber-500)}.mm-stats{display:flex;gap:8px}.mm-stat{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px}.mm-stat span{font:500 8px/1.2 var(--font-body);color:var(--ink-500)}.mm-stat b{font:600 13px/1 var(--font-mono);color:var(--ink-900)}.mm-stat b.pink{color:var(--st-ready)}.mm-stat b.red{color:var(--danger)}.price-toggle{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap;justify-content:center}.price-gift{font:700 12px/1 var(--font-body);color:var(--success-text);background:var(--success-bg);border-radius:999px;padding:7px 13px}.price-grid{width:100%;max-width:1060px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;align-items:stretch;margin-top:14px}.price-card{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:28px 24px 24px;display:flex;flex-direction:column;gap:14px}.mk-section.alt .price-card{background:var(--surface)}.price-card.hot{border:2px solid var(--teal-600);box-shadow:var(--shadow-hero)}.hot-tag{position:absolute;top:-14px;inset-inline-start:50%;transform:translate(50%);background:var(--teal-600);color:#fff;border-radius:999px;padding:6px 15px;font:700 12px/1 var(--font-body);box-shadow:var(--shadow-btn);white-space:nowrap}.price-name{font:700 18px/1.3 var(--font-display);color:var(--ink-900)}.price-en{font:500 13px/1 var(--font-body);color:var(--ink-300)}.price-line{display:flex;align-items:baseline;gap:8px}.price-num{font:600 38px/1 var(--font-mono);letter-spacing:-1px;color:var(--ink-900)}.price-unit{font:700 13px/1 var(--font-body);color:var(--ink-500)}.price-alt{font:500 12px/1.5 var(--font-body);color:var(--success-text)}.price-feats{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.price-feats li{display:flex;align-items:flex-start;gap:9px;font:500 13.5px/1.6 var(--font-body);color:var(--ink-700)}.price-feats li:before{content:"✓";color:var(--teal-600);font-weight:700;flex:none}.price-foot{margin-top:auto;font:700 12.5px/1.5 var(--font-body);color:var(--ink-500);border-top:1px solid var(--line);padding-top:12px}.price-note{font:500 14px/1.7 var(--font-body);color:var(--ink-500);text-align:center;margin-top:8px}.price-note a{color:var(--teal-600);font-weight:700}.faq{width:100%;max-width:760px;display:flex;flex-direction:column;gap:10px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 20px}.faq summary{cursor:pointer;list-style:none;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 15px/1.5 var(--font-body);color:var(--ink-900)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:500 20px/1 var(--font-mono);color:var(--ink-300);flex:none}.faq details[open] summary:after{content:"−";color:var(--teal-600)}.faq details p{margin:0;padding:0 0 17px;font:400 14px/1.9 var(--font-body);color:var(--ink-500)}.lead-card{width:560px;max-width:100%;display:flex;flex-direction:column;gap:14px;padding:26px}.mk-footer{background:var(--ink-900)}.mk-footer-in{max-width:1140px;margin:0 auto;padding:34px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.mk-footer-brand{display:flex;align-items:center;gap:12px}.mk-footer-brand img{width:40px;height:40px;border-radius:11px}.fb-name{font:700 15px/1.4 var(--font-body);color:#fff}.fb-sub{font:500 12px/1.4 var(--font-body);color:var(--on-dark);opacity:.75}.mk-footer-contact{display:flex;flex-direction:column;gap:6px;text-align:left;font:500 13px/1.6 var(--font-body);color:var(--on-dark)}.mk-footer-contact a{color:#7fe3e8}.demo-wrap{min-height:100vh;display:flex;flex-direction:column}.demo-banner{position:sticky;top:0;z-index:45;background:var(--amber-100);border-bottom:1px solid #f0d6a8;min-height:48px;padding:7px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-banner-text{font:700 13px/1.4 var(--font-body);color:var(--amber-text)}.demo-banner-cta{margin-inline-start:auto;display:flex;gap:8px}.demo-shell{flex:1;min-height:0}.demo-shell .sidebar{position:static;height:auto}@media(max-width:760px){.mk-nav{display:none}.mk-hero-copy h1{font-size:32px}.shell{flex-direction:column}.sidebar{position:static;height:auto;width:auto;border-inline-end:none;border-bottom:1px solid var(--line)}.sidebar nav{flex-direction:row;flex-wrap:wrap;padding-bottom:12px}.sidebar nav a,.nav-item{height:40px}.nav-item.disabled{display:none}}.receipt-print{display:none}.receipt-print,.receipt-print *{color:#000;background:transparent}.receipt-print{font-family:var(--font-body);direction:rtl}.receipt-print .r-head{text-align:center}.receipt-print .r-logo{width:28px;height:auto;display:block;margin:0 auto 3px;filter:grayscale(1) contrast(1.4)}.receipt-print .r-shop{font-family:var(--font-display);font-weight:800;font-size:1.3em}.receipt-print .r-sub{font-size:.9em}.receipt-print .r-sep{border-top:1px dashed #000;margin:4px 0}.receipt-print .r-meta{display:flex;justify-content:space-between;gap:4px;font-size:.95em}.receipt-print table{width:100%;border-collapse:collapse;border:none;border-radius:0;box-shadow:none;background:transparent;margin:2px 0}.receipt-print th,.receipt-print td{height:auto;padding:2px 1px;border:none;text-align:right;font-size:1em;background:transparent;color:#000;letter-spacing:0}.receipt-print thead th{background:transparent;border-bottom:1px solid #000;font-weight:700}.receipt-print tbody tr:nth-child(2n){background:transparent}.receipt-print tr:last-child td{border-bottom:none}.receipt-print .num{font-family:var(--font-mono);font-size:.95em;direction:ltr;unicode-bidi:embed}.receipt-print .r-tot{display:flex;justify-content:space-between;gap:4px;padding:1px 0}.receipt-print .r-tot.grand{font-weight:800;font-size:1.25em}.receipt-print .r-footer{text-align:center;margin-top:8px}@media print{body.printing{background:#fff!important}body.printing #root,body.printing .modal-overlay{display:none!important}body.printing .receipt-print{display:block!important;margin:0 auto;padding:2mm 0 8mm}body.printing.paper-80 .receipt-print{width:72mm;font-size:12.5px}body.printing.paper-58 .receipt-print{width:48mm;font-size:10.5px}}