:root{--bg:#eef3fa;--surface:#fff;--surface2:#f6f8fc;--ink:#122039;--muted:#71809a;--line:#dfe6f0;--brand:#5b5cf0;--brand2:#13b9d2;--nav:#081525;--nav2:#0d1c31;--green:#0daf82;--red:#e14b68;--amber:#ed9c24;--shadow:0 18px 55px rgba(23,46,86,.10);--shadow2:0 10px 32px rgba(19,39,75,.08);--radius:22px;--font:Vazirmatn,Tahoma,Arial,sans-serif;--display:Estedad,var(--font)}
body.dark{--bg:#07111f;--surface:#0d1a2c;--surface2:#111f33;--ink:#edf5ff;--muted:#93a7c4;--line:#20314b;--shadow:0 22px 70px #0005;--shadow2:0 10px 30px #0003;--nav:#050c16;--nav2:#0a1626}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}::selection{background:#5b5cf02a}*{scrollbar-width:thin;scrollbar-color:#7a87a65c transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:#7887aa60;border-radius:999px}
/* login */
.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:#07111f;color:#fff;overflow:hidden}.login-showcase{position:relative;padding:54px 7vw 35px;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(145deg,#07111f 0%,#0d1a31 50%,#10243c 100%);overflow:hidden}.login-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}.login-aurora{position:fixed;border-radius:50%;filter:blur(80px);opacity:.42;pointer-events:none}.login-aurora.a1{width:430px;height:430px;background:#5b5cf0;left:23%;top:-180px}.login-aurora.a2{width:360px;height:360px;background:#0fc1bd;left:2%;bottom:-170px}.brand-lockup,.mobile-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#675dfb,#11b9d3);box-shadow:0 13px 32px #5757ee48}.brand-mark img{width:29px;height:29px}.brand-lockup b{display:block;font:900 20px var(--display);letter-spacing:2px}.brand-lockup small{display:block;color:#8fa4c9;margin-top:-2px}.showcase-copy{position:relative;z-index:1;margin:auto 0;max-width:720px;padding:40px 0}.eyebrow,.mini-pill{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #ffffff18;background:#ffffff0a;border-radius:999px;color:#90efe1;font-size:11px;font-weight:700}.showcase-copy h1{font:900 clamp(42px,5vw,74px)/1.35 var(--display);letter-spacing:-2px;margin:18px 0 20px}.showcase-copy h1 em{font-style:normal;background:linear-gradient(100deg,#8a7fff,#4bd8db);-webkit-background-clip:text;color:transparent}.showcase-copy p{color:#9bb0cf;font-size:16px;line-height:2;max-width:600px}.showcase-cards{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .8fr .9fr;gap:12px}.showcase-cards article{border:1px solid #ffffff12;background:#ffffff08;backdrop-filter:blur(12px);padding:16px;border-radius:19px;min-height:100px}.showcase-cards span{font-size:11px;color:#8fa4c9}.showcase-cards b{display:block;font:800 18px var(--display);margin:8px 0 2px}.showcase-cards small{color:#7188aa}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2be4b1;box-shadow:0 0 0 6px #2be4b118}.showcase-foot{position:relative;z-index:1;margin-top:22px;color:#637b9d;font-size:11px}.login-panel{background:#f7f9fd;color:#15223a;display:grid;place-items:center;padding:40px}.login-box{width:min(470px,100%)}.mobile-brand{display:none}.login-head{margin:0 0 24px}.login-head .mini-pill{color:#4f57cc;border-color:#5b5cf01e;background:#5b5cf00d}.login-head h2{font:900 31px var(--display);margin:13px 0 6px}.login-head p{margin:0;color:#71809a;line-height:1.9;font-size:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e9eef6;border-radius:15px;padding:5px;margin-bottom:20px}.auth-tabs button{border:0;background:transparent;border-radius:11px;padding:10px;color:#71809a;font-weight:700}.auth-tabs button.active{background:#fff;color:#26324a;box-shadow:0 6px 17px #1d376414}.auth-form{display:grid;gap:14px}.auth-form label{font-size:12px;color:#5d6d87;font-weight:700}.field{height:51px;border:1px solid #dce4ef;background:#fff;border-radius:14px;margin-top:7px;display:flex;align-items:center;padding:0 13px;gap:9px;transition:.2s}.field:focus-within{border-color:#6a62ee;box-shadow:0 0 0 4px #5b5cf012}.field>span{color:#8a98ad}.field input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:#162039}.eye{border:0;background:transparent;font-size:10px;color:#697a95}.primary{border:0;background:linear-gradient(135deg,#5d59ed,#4c66ef 56%,#19afd0);color:#fff;font-weight:800;border-radius:14px;padding:13px 17px;box-shadow:0 12px 27px #505aec36;transition:.18s}.primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px #505aec48}.primary.wide{height:52px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:2px}.primary.wide i{font-style:normal;font-size:18px}.link-btn{border:0;background:transparent;color:#5b5cf0;font-weight:700;padding:8px}.login-security{display:flex;gap:10px;align-items:flex-start;padding:14px;margin-top:20px;border-radius:14px;background:#edf2f9;color:#596a84}.login-security>span{font-size:18px}.login-security b{display:block;font-size:11px}.login-security small{display:block;margin-top:4px;color:#8795aa;font-size:10px}.otp-code input{width:100%;height:60px;border:1px solid #dce4ef;background:#fff;border-radius:15px;text-align:center;letter-spacing:11px;font:800 25px var(--display);outline:0;color:#24304a}.demo-hint{padding:9px 12px;border-radius:12px;background:#fff3cd;color:#8a6412;font-size:11px;margin-top:8px}
/* shell */
.app-view{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{position:fixed;right:0;top:0;bottom:0;width:270px;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#dbe8ff;padding:18px 13px;display:flex;flex-direction:column;z-index:50;transition:.22s}.side-brand{display:flex;align-items:center;gap:11px;padding:2px 7px 13px}.side-brand .brand-mark{width:42px;height:42px;border-radius:14px;flex:0 0 auto}.side-brand .brand-mark img{width:25px}.side-brand b{display:block;font:900 17px var(--display)}.side-brand small{display:block;color:#6680a6;font-size:10px}.side-brand>div:nth-child(2){min-width:0;flex:1}.side-brand>button{border:0;background:#ffffff0b;color:#89a0c1;border-radius:10px;width:31px;height:31px}.store-badge{margin:4px 4px 13px;padding:11px;border:1px solid #ffffff0d;background:#ffffff08;border-radius:15px;display:flex;gap:9px;align-items:center}.store-badge .avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#514de0,#1aa7c1);display:grid;place-items:center;font-weight:900}.store-badge b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-badge small{display:block;font-size:9px;color:#718bad;margin-top:2px}.nav-menu{overflow:auto;display:grid;gap:4px;padding:1px 3px}.nav-section{padding:12px 10px 4px;color:#506b92;font-size:9px;font-weight:800}.nav-item{border:0;background:transparent;color:#8fa5c6;text-align:right;border-radius:13px;padding:10px 11px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;transition:.17s}.nav-item:hover{background:#ffffff08;color:#fff;transform:translateX(-2px)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#5a58e3,#335ecf);box-shadow:0 10px 24px #243d9d38}.nav-ico{width:22px;text-align:center;font-size:14px}.nav-item .nav-badge{margin-right:auto;padding:2px 7px;border-radius:999px;background:#ffffff15;font-size:8px}.side-bottom{margin-top:auto;display:grid;gap:6px;padding-top:10px;border-top:1px solid #ffffff0b}.side-action{border:0;background:transparent;color:#7890b2;border-radius:12px;text-align:right;padding:9px 11px}.side-action:hover{background:#ffffff08;color:#fff}.side-action.danger:hover{color:#ff9aaf;background:#e14b6810}.workspace{grid-column:2;padding-right:0;min-width:0}.topbar{height:78px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 83%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent);display:flex;align-items:center;justify-content:space-between;padding:0 25px}.topbar>div{display:flex;align-items:center;gap:12px}.page-title small{display:block;color:var(--muted);font-size:9px}.page-title h1{margin:2px 0 0;font:900 20px var(--display)}.top-actions{display:flex;align-items:center;gap:9px}.quick-sale{border:0;background:#101c30;color:#fff;border-radius:13px;padding:10px 14px;font-weight:800;font-size:11px;box-shadow:var(--shadow2)}body.dark .quick-sale{background:linear-gradient(135deg,#5854e8,#2673c7)}kbd{font:600 8px var(--font);background:#ffffff13;border:1px solid #ffffff1c;border-radius:5px;padding:2px 5px;margin-right:6px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:13px;color:var(--ink);position:relative}.notif i{position:absolute;width:7px;height:7px;background:#ee4b69;border:2px solid var(--surface);border-radius:50%;top:8px;left:8px}.user-chip{display:flex;gap:9px;align-items:center;padding:5px 7px 5px 10px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.user-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#6c5df2,#15b7cf);color:#fff;font-weight:900}.user-chip b{font-size:10px;display:block}.user-chip small{font-size:8px;color:var(--muted);display:block}.content{padding:23px 25px 45px;max-width:1680px;margin:auto}.mobile-only{display:none}
/* generic */
.hero{border-radius:26px;padding:24px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(125deg,#0b1b32 0%,#22346a 48%,#4154dc 100%);box-shadow:0 22px 60px #253b8638;margin-bottom:18px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff0b}.hero:before{width:280px;height:280px;left:-70px;top:-150px}.hero:after{width:160px;height:160px;right:35%;bottom:-115px}.hero>*{position:relative;z-index:1}.hero-kicker{font-size:10px;color:#9af0e8}.hero h2{font:900 25px var(--display);margin:7px 0}.hero p{color:#b6c6e6;margin:0;max-width:680px;line-height:1.9;font-size:12px}.hero-actions{display:flex;gap:8px;margin-top:16px}.hero-btn{border:1px solid #ffffff16;background:#ffffff12;color:#fff;padding:9px 13px;border-radius:11px;font-size:10px}.hero-btn.primary-soft{background:#fff;color:#26345a}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:var(--shadow2);position:relative;overflow:hidden}.metric .micon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#5b5cf011;color:#5b5cf0;font-size:17px;margin-bottom:15px}.metric b{display:block;font:900 21px var(--display)}.metric span{color:var(--muted);font-size:10px}.metric .trend{position:absolute;top:16px;left:15px;font-size:9px;color:var(--green);background:#0daf8210;padding:4px 7px;border-radius:999px}.grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow2);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line)}.panel-head h3{font:900 13px var(--display);margin:0}.panel-head p{font-size:9px;color:var(--muted);margin:2px 0 0}.panel-body{padding:15px}.tiny-btn{border:1px solid var(--line);background:var(--surface2);color:var(--ink);padding:7px 10px;border-radius:10px;font-size:9px;font-weight:700}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th{color:var(--muted);font-size:9px;font-weight:700;text-align:right;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:11px 10px;border-bottom:1px dashed color-mix(in srgb,var(--line) 75%,transparent);font-size:10px;vertical-align:middle}.data-table tbody tr:hover{background:var(--surface2)}.amount{font-weight:800;font-family:var(--display)}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:800}.status.ok{color:#078662;background:#0daf8211}.status.warn{color:#9d690e;background:#ed9c2414}.status.bad{color:#bd3450;background:#e14b6811}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty .ei{font-size:35px;opacity:.6;margin-bottom:8px}.empty b{display:block;color:var(--ink);margin-bottom:4px}
/* forms/modals */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}.form-field label,.field-label{display:block;color:var(--muted);font-size:9px;font-weight:700;margin:0 0 6px}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:12px;padding:10px 11px;outline:0;font-size:11px}.input:focus,.select:focus,.textarea:focus{border-color:#6562ed;box-shadow:0 0 0 3px #5b5cf010}.textarea{min-height:85px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.btn{border:1px solid var(--line);background:var(--surface2);color:var(--ink);padding:9px 13px;border-radius:11px;font-weight:800;font-size:10px}.btn.primary{border:0;color:#fff;background:linear-gradient(135deg,#5b5cf0,#3874d8)}.btn.success{border:0;color:#fff;background:linear-gradient(135deg,#0daf82,#12a8a4)}.btn.danger{color:#c23b55;background:#e14b6810;border-color:#e14b6824}.modal-back{position:fixed;inset:0;background:#06101bc7;backdrop-filter:blur(9px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(620px,96vw);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:25px;box-shadow:0 35px 100px #0007}.modal.wide{width:min(980px,96vw)}.modal-head{position:sticky;top:0;z-index:1;background:var(--surface);display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.modal-head h3{font:900 15px var(--display);margin:0}.modal-close{border:0;background:var(--surface2);color:var(--muted);width:32px;height:32px;border-radius:10px}.modal-body{padding:18px}.serial-card{border-radius:18px;padding:16px;color:#fff;background:linear-gradient(135deg,#101d34,#263c77);margin:12px 0}.serial-card code{direction:ltr;display:block;font:800 22px monospace;letter-spacing:2px;margin-top:7px}.toast-root{position:fixed;left:20px;bottom:20px;z-index:200;display:grid;gap:8px;width:min(360px,calc(100vw - 40px))}.toast{background:#111e31;color:#fff;padding:12px 14px;border-radius:14px;box-shadow:0 18px 50px #0005;display:flex;gap:10px;align-items:flex-start;animation:toastIn .25s ease}.toast.ok{border-right:4px solid #15c492}.toast.bad{border-right:4px solid #ee5673}.toast b{font-size:10px;display:block}.toast span{font-size:9px;color:#aebed4;display:block;margin-top:2px}
/* POS */
.pos-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(350px,.75fr);gap:13px;align-items:start}.pos-main,.pos-side{display:grid;gap:12px}.scan-box{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow2)}.scan-field{height:58px;border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface2) 93%,#5b5cf0 7%),var(--surface2));border:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:12px}.scan-field .scan-ico{font-size:23px}.scan-field input{border:0;background:transparent;outline:0;color:var(--ink);font-size:14px;font-weight:700;flex:1;min-width:0}.scan-field small{color:var(--muted);white-space:nowrap;font-size:9px}.product-results{display:flex;gap:8px;overflow:auto;padding-top:10px}.product-chip{flex:0 0 auto;min-width:170px;border:1px solid var(--line);background:var(--surface2);border-radius:14px;padding:10px;text-align:right;color:var(--ink)}.product-chip b{display:block;font-size:10px}.product-chip span{display:block;color:var(--brand);font-weight:800;font-size:11px;margin-top:4px}.cart{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow2);overflow:hidden}.cart-head{display:grid;grid-template-columns:44px minmax(200px,1fr) 115px 125px 110px 40px;gap:8px;padding:10px 13px;background:var(--surface2);color:var(--muted);font-size:8px}.cart-row{display:grid;grid-template-columns:44px minmax(200px,1fr) 115px 125px 110px 40px;gap:8px;padding:11px 13px;align-items:center;border-top:1px solid var(--line)}.cart-row .num{width:29px;height:29px;border-radius:10px;background:var(--surface2);display:grid;place-items:center;color:var(--muted);font-size:9px}.cart-product b{display:block;font-size:10px}.cart-product small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.qty-control{display:grid;grid-template-columns:28px 1fr 28px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.qty-control button{border:0;background:var(--surface2);color:var(--ink)}.qty-control input{width:100%;min-width:0;border:0;background:var(--surface);text-align:center;color:var(--ink);font-size:10px}.cart-price{font-weight:800;font-size:10px}.remove-row{width:29px;height:29px;border:0;background:#e14b6810;color:#d2425e;border-radius:9px}.cart-empty{min-height:280px;display:grid;place-items:center;text-align:center;color:var(--muted)}.cart-empty .big{font-size:48px;opacity:.35}.cart-empty b{display:block;color:var(--ink);font-size:12px}.checkout-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:15px;box-shadow:var(--shadow2);position:sticky;top:92px}.checkout-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.checkout-title h3{font:900 13px var(--display);margin:0}.checkout-title span{font-size:8px;color:var(--muted)}.customer-picker{display:flex;gap:7px}.customer-picker input{flex:1}.pay-types{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:11px 0}.pay-type{border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:11px;padding:9px 4px;font-size:8px;font-weight:700}.pay-type.active{border-color:#5b5cf059;color:#4e50ce;background:#5b5cf00d}.sum-lines{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:10px 0;margin:10px 0}.sum-line{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted);font-size:9px}.sum-line b{color:var(--ink)}.grand{display:flex;justify-content:space-between;align-items:flex-end;margin:13px 0}.grand span{font-size:10px;color:var(--muted)}.grand b{font:900 25px var(--display);color:var(--ink)}.grand small{font-size:9px;color:var(--muted)}.checkout-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.checkout-actions .issue-print{grid-column:1/-1;height:49px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0fa97e,#13a6b8);font-weight:900;box-shadow:0 12px 27px #0c9d8730}.checkout-actions button:not(.issue-print){border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:11px;padding:9px;font-size:9px;font-weight:800}.shortcut-strip{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:8px}.shortcut-strip span{background:var(--surface2);padding:5px 7px;border-radius:8px}.discount-input{display:flex;align-items:center;gap:6px}.discount-input input{width:120px}.discount-input span{font-size:9px;color:var(--muted)}
/* cards */
.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:15px;text-align:right;color:var(--ink);box-shadow:var(--shadow2)}.action-card:hover{transform:translateY(-2px);border-color:#5b5cf03d}.action-card i{width:37px;height:37px;border-radius:12px;background:#5b5cf011;color:#5b5cf0;display:grid;place-items:center;font-style:normal;font-size:17px}.action-card b{display:block;font-size:11px;margin:12px 0 3px}.action-card span{font-size:9px;color:var(--muted)}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.device-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:17px;box-shadow:var(--shadow2)}.device-card .di{font-size:25px}.device-card h3{font:900 13px var(--display);margin:10px 0 5px}.device-card p{color:var(--muted);font-size:9px;line-height:1.9}.device-state{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid var(--line);padding-top:11px}.device-state span{font-size:8px;color:var(--muted)}
@keyframes toastIn{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1150px){.metrics{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr}.checkout-card{position:static}.grid-2{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.login-view{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh;padding:28px 18px}.mobile-brand{display:flex;margin-bottom:32px}.mobile-brand b{font:900 17px var(--display)}.app-view{display:block}.sidebar{transform:translateX(110%);box-shadow:-25px 0 70px #0007}.sidebar.open{transform:none}.workspace{padding-right:0}.mobile-only{display:inline-grid;place-items:center}.topbar{padding:0 14px}.quick-sale kbd{display:none}.content{padding:15px 13px 35px}.user-chip>div:last-child{display:none}.hero{padding:19px}.hero h2{font-size:21px}.device-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.cart-head{display:none}.cart-row{grid-template-columns:34px minmax(140px,1fr) 92px 40px}.cart-row>.cart-price:nth-of-type(1){display:none}.cart-row>.cart-price:nth-of-type(2){font-size:9px}.showcase-cards{grid-template-columns:1fr}}
@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:13px}.metric .micon{margin-bottom:10px}.metric b{font-size:16px}.quick-sale{font-size:0;width:40px;height:40px;padding:0}.quick-sale:before{content:"＋";font-size:18px}.top-actions{gap:6px}.content{padding-inline:10px}.hero-actions{flex-wrap:wrap}.action-grid{grid-template-columns:1fr}.pay-types{grid-template-columns:1fr 1fr}.checkout-actions{grid-template-columns:1fr}.checkout-actions .issue-print{grid-column:auto}.cart-row{grid-template-columns:30px 1fr 82px 32px}.cart-row>.cart-price{display:none}.login-panel{padding:18px}.login-head h2{font-size:26px}}

/* Windows offline demo */
.demo-access{margin-top:13px;border:1px dashed #5b5cf04a;background:linear-gradient(135deg,#5b5cf00c,#0fa97e08);border-radius:18px;padding:12px}.demo-access-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.demo-access-head b{font:900 10px var(--display)}.demo-access-head span{font-size:8px;color:var(--muted)}.demo-accounts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-accounts button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;padding:8px 5px;text-align:center}.demo-accounts button:hover{border-color:#5b5cf065;transform:translateY(-1px)}.demo-accounts b{display:block;font-size:8px}.demo-accounts small{display:block;font-size:7px;color:var(--muted);direction:ltr;margin-top:2px}.demo-otp-line{display:block;margin-top:8px;font-size:7px;color:var(--muted);text-align:center}.demo-ribbon{position:fixed;left:16px;top:16px;z-index:500;background:#111e31;color:#fff;border:1px solid #ffffff20;box-shadow:0 10px 35px #0003;border-radius:999px;padding:6px 10px;font-size:8px;font-weight:800;pointer-events:none}.print-demo{font-family:Tahoma,Arial,sans-serif;direction:rtl;color:#111;background:#fff;padding:24px}.print-demo .phead{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #111;padding-bottom:12px;margin-bottom:16px}.print-demo h1{margin:0;font-size:20px}.print-demo table{width:100%;border-collapse:collapse;margin-top:14px}.print-demo th,.print-demo td{border-bottom:1px solid #ddd;padding:8px;text-align:right;font-size:11px}.print-demo .ptotal{margin-top:18px;border-top:2px solid #111;padding-top:12px;font-size:16px;font-weight:800;display:flex;justify-content:space-between}@media(max-width:520px){.demo-accounts{grid-template-columns:1fr}.demo-access-head{align-items:flex-start;flex-direction:column}}