:root{--pri:#c8102e;--pri2:#9b0c23;--pri3:#e8364f;--pri-soft:#fde8eb;--ink:#141a26;--ink2:#334155;--mut:#64748b;--line:#e3e7ee;--line2:#d3d9e3;--bg:#eef1f6;--card:#fff;--ok:#0f8a4a;--ok2:#0b6b39;--warn:#c2680a;--info:#2563eb;--r:16px;--r-sm:11px;--e1:0 1px 1px #1018280a,0 2px 4px -1px #1018280f;--e2:0 1px 2px #1018280d,0 6px 14px -4px #1018281a,0 14px 32px -12px #1018281f;--e3:0 2px 4px #1018280f,0 14px 28px -8px #1018282e,0 30px 60px -20px #10182838;--hi:inset 0 1px 0 #ffffffe6;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{color:var(--ink);background:radial-gradient(1200px 600px at 100% -10%,#c8102e12,transparent 60%), radial-gradient(900px 500px at -10% 110%,#2563eb0f,transparent 60%), linear-gradient(180deg,#f5f7fb 0%,var(--bg) 100%);background-attachment:fixed;min-height:100vh;margin:0;font:15px/1.45 Inter,DM Sans,system-ui,Segoe UI,Tahoma,Arial,sans-serif}[dir=rtl] body,html[lang=ar] body{font-family:Noto Sans Arabic,Inter,Tahoma,system-ui,sans-serif}h1,h2,h3{letter-spacing:-.01em;color:var(--ink);margin:0;font-family:Poppins,Inter,system-ui,sans-serif}h2{font-size:22px;font-weight:700}h3{margin-bottom:8px;font-size:15px;font-weight:600}a{color:var(--pri)}::selection{background:var(--pri-soft)}header{z-index:5;-webkit-backdrop-filter:saturate(180%)blur(14px);background:#ffffffc7;border-bottom:1px solid #0f172a12;flex-wrap:nowrap;align-items:center;gap:14px;padding:0 18px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px -18px #0f172a59}header .brand{white-space:nowrap;background:linear-gradient(135deg,var(--pri3),var(--pri2));color:#0000;-webkit-background-clip:text;background-clip:text;flex:none;align-items:center;gap:9px;padding:12px 0;font:700 19px Poppins,system-ui,sans-serif;display:flex}header .brand:before{content:"";background:linear-gradient(145deg,var(--pri3),var(--pri2));border-radius:9px;flex:none;width:28px;height:28px;box-shadow:inset 0 1px #ffffff73,0 4px 10px -2px #c8102e8c}header select{border-radius:10px;padding:6px 10px}header .who{color:var(--mut);white-space:nowrap;flex:none;align-items:center;gap:6px;margin-inline-start:auto;font-size:13px;display:flex}header{min-height:58px}header .who .who-name{color:var(--ink2);font-weight:500}header .quick-bill{text-decoration:none}.nav-toggle{padding:6px 10px;font-size:16px;line-height:1}.badge.count{background:var(--pri);color:#fff;box-shadow:none;text-align:center;min-width:22px;margin-inline-start:auto}.shell{grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 58px);display:grid}.shell.side-closed{grid-template-columns:0 minmax(0,1fr)}.side{scrollbar-width:thin;background:linear-gradient(#ffffffb8,#ffffff80);border-inline-end:1px solid #0f172a12;align-self:start;height:calc(100vh - 58px);padding:14px 10px 24px;transition:opacity .2s;position:sticky;top:58px;overflow:hidden auto}.shell.side-closed .side{opacity:0;pointer-events:none;padding:0}.side-group{margin-bottom:10px}.side-title{letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:8px 12px 4px;font-size:11px;font-weight:700}.side-link{color:var(--ink2);border-radius:10px;align-items:center;gap:8px;margin:1px 0;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:flex}.side-link:hover{color:var(--ink);background:#0f172a0d}.side-link.on{color:#fff;background:linear-gradient(180deg,var(--pri3),var(--pri));box-shadow:inset 0 1px 0 #ffffff4d,0 2px 0 var(--pri2),0 6px 14px -4px #c8102e80;font-weight:600}.side-link.on .badge.count{color:var(--pri);background:#fff}.side-scrim{display:none}main{width:100%;min-width:0;max-width:1480px;margin:0 auto;padding:20px}@media (width<=900px){.shell,.shell.side-closed{grid-template-columns:minmax(0,1fr)}.side{top:58px;z-index:15;opacity:1;pointer-events:auto;width:260px;box-shadow:var(--e3);transition:transform .25s var(--ease);background:#fff;padding:14px 10px 24px;position:fixed;inset-inline-start:0;transform:translate(-105%)}[dir=rtl] .side{transform:translate(105%)}.shell.side-mobile .side{transform:none}.shell.side-mobile .side-scrim{z-index:14;background:#0f172a59;display:block;position:fixed;inset:58px 0 0}header .who-name,header .quick-bill{display:none}}.rep-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:14px;margin-top:12px;display:grid}.rep-list{max-height:calc(100vh - 96px);padding:12px;position:sticky;top:76px;overflow-y:auto}.rep-list input{width:100%;margin-bottom:6px}.rep-list h4{letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:12px 4px 4px;font-size:11px;font-weight:700}.rep-item{border-radius:9px;align-items:center;display:flex}.rep-item.on{background:var(--pri-soft)}.rep-link{text-align:start;cursor:pointer;color:var(--ink2);background:0 0;border:0;border-radius:9px;flex:1;padding:7px 8px;font-family:inherit;font-size:13.5px}.rep-item.on .rep-link{color:var(--pri2);font-weight:600}.rep-link:hover{color:var(--ink)}.rep-star{cursor:pointer;color:#f59e0b;background:0 0;border:0;padding:4px 8px;font-size:16px}tfoot .rep-total td{border-top:2px solid var(--line2);background:#f6f8fb;font-weight:700}@media (width<=900px){.rep-layout{grid-template-columns:1fr}.rep-list{max-height:none;position:static}}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:10px;display:flex}.filters label{color:var(--mut);gap:4px;font-size:13px;font-weight:500;display:grid}tr.clickable{cursor:pointer}.badge.st-ok{color:#14532d;background:#dcfce7}.badge.st-bad{color:#991b1b;background:#fee2e2}.badge.st-open{color:#1e3a8a;background:#dbeafe}.badge.st-warn{color:#92400e;background:#fef3c7}.area-label{letter-spacing:.06em;text-transform:uppercase;color:var(--mut);width:100%;margin:6px 2px 4px;font-size:11px;font-weight:700}.line-void{color:var(--pri);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.denoms{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.denoms label{align-items:center;gap:6px;font-size:13px;display:flex}.denoms input{width:72px}.btn{border-radius:var(--r-sm);cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--pri3) 0%,var(--pri) 100%);box-shadow:inset 0 1px 0 #ffffff47,0 3px 0 var(--pri2),0 8px 16px -6px #c8102e80;transition:transform .12s var(--ease),box-shadow .12s var(--ease),filter .2s;border:0;padding:10px 16px;font-family:inherit;font-size:15px;font-weight:600;position:relative;transform:translateY(0)}.btn:hover{filter:brightness(1.06);box-shadow:inset 0 1px 0 #ffffff47,0 4px 0 var(--pri2),0 12px 20px -6px #c8102e8c;transform:translateY(-1px)}.btn:active{box-shadow:inset 0 1px 2px #0003,0 0 0 var(--pri2),0 2px 4px -2px #c8102e66;transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);transform:none}.btn.ghost{color:var(--ink);box-shadow:var(--hi),0 0 0 1px var(--line2),0 3px 0 #c7cfdb,0 6px 12px -6px #0f172a40;background:linear-gradient(#fff 0%,#f3f5f9 100%)}.btn.ghost:hover{box-shadow:var(--hi),0 0 0 1px #c3cbd8,0 4px 0 #c0c8d5,0 10px 18px -8px #0f172a4d}.btn.ghost:active{box-shadow:inset 0 2px 3px #0f172a1f,0 0 0 1px var(--line2),0 0 0 #c7cfdb}.btn.ok{background:linear-gradient(180deg,#16a35b,var(--ok));box-shadow:inset 0 1px 0 #ffffff47,0 3px 0 var(--ok2),0 8px 16px -6px #0f8a4a80}.btn.ok:active{box-shadow:inset 0 1px 2px #0003,0 0 0 var(--ok2)}.btn.sm{border-radius:9px;padding:5px 10px;font-size:13px}.btn.sm:not(.ghost){box-shadow:inset 0 1px 0 #ffffff47,0 2px 0 var(--pri2),0 4px 10px -4px #c8102e73}.btn.sm.ghost{box-shadow:var(--hi),0 0 0 1px var(--line2),0 2px 0 #c7cfdb}.btn:focus-visible,button:focus-visible,.chip:focus-visible{outline-offset:2px;outline:3px solid #c8102e59}input,select,textarea{font:inherit;border:1px solid var(--line2);border-radius:var(--r-sm);max-width:100%;color:var(--ink);background:linear-gradient(#f3f5f9,#fbfcfe);padding:9px 12px;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 2px 3px #0f172a0f}input:focus,select:focus,textarea:focus{border-color:var(--pri3);background:#fff;outline:0;box-shadow:inset 0 1px 2px #0f172a0d,0 0 0 4px #c8102e1f}input[type=checkbox],input[type=radio]{box-shadow:none;accent-color:var(--pri)}.card{border-radius:var(--r);box-shadow:var(--hi),var(--e2);background:linear-gradient(#fff 0%,#fcfdff 100%);border:1px solid #0f172a0f;padding:16px}.grid{gap:14px;display:grid}.pos{grid-template-columns:1fr 410px;align-items:start}.pos>.card:last-child{box-shadow:var(--hi),var(--e3);position:sticky;top:76px}@media (width<=900px){.pos{grid-template-columns:1fr}.pos>.card:last-child{position:static}}.cats{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chip{cursor:pointer;color:var(--ink2);box-shadow:var(--hi),0 0 0 1px var(--line2),0 2px 0 #cdd4df;transition:transform .12s var(--ease),box-shadow .12s;background:linear-gradient(#fff,#f1f4f8);border:0;border-radius:99px;padding:7px 15px;font-family:inherit;font-size:14px;font-weight:500}.chip:hover{transform:translateY(-1px)}.chip:active{box-shadow:0 0 0 1px var(--line2);transform:translateY(2px)}.chip.on{color:#fff;background:linear-gradient(180deg,var(--pri3),var(--pri));box-shadow:inset 0 1px 0 #ffffff4d,0 2px 0 var(--pri2),0 6px 12px -4px #c8102e80}.items{perspective:900px;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;display:grid}.item{cursor:pointer;text-align:start;font:inherit;color:inherit;box-shadow:var(--hi),0 3px 0 #dde3ec,var(--e1);transform-style:preserve-3d;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s;background:linear-gradient(160deg,#fff 0%,#f7f9fc 100%);border:1px solid #0f172a12;border-radius:14px;padding:14px 14px 12px;position:relative;overflow:hidden}.item:after{content:"";pointer-events:none;border-radius:inherit;opacity:.6;background:linear-gradient(135deg,#ffffffb3 0%,#fff0 45%);position:absolute;inset:0}.item:hover{box-shadow:var(--hi),0 4px 0 #d4dbe6,0 18px 30px -12px #c8102e59;border-color:#c8102e59;transform:translateY(-4px)rotateX(5deg)}.item:active{transform:translateY(2px)rotateX(0);box-shadow:inset 0 2px 4px #0f172a14,0 0 #dde3ec}.item b{overflow-wrap:anywhere;margin-bottom:4px;font-weight:600;display:block}.item small{color:var(--mut)}.item.out{opacity:.45;filter:grayscale(.6)}.dot{vertical-align:-1px;border:1.5px solid;border-radius:3px;width:10px;height:10px;margin-inline-end:6px;display:inline-block}.dot.v{background:#16a34a;border-color:#15803d;box-shadow:0 0 0 2px #dcfce7}.dot.n{background:#b91c1c;border-color:#991b1b;box-shadow:0 0 0 2px #fee2e2}table{border-collapse:separate;border-spacing:0;width:100%}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:10px}th{letter-spacing:.05em;text-transform:uppercase;color:var(--mut);background:#f6f8fb;font-size:11.5px;font-weight:600}thead th:first-child{border-start-start-radius:10px}thead th:last-child{border-start-end-radius:10px}tbody tr{transition:background .15s}.card tbody tr:hover{background:#f8fafd}td.r,th.r{text-align:end;font-variant-numeric:tabular-nums}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tot{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:800}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tbl{cursor:pointer;color:var(--ink2);box-shadow:var(--hi),0 0 0 1px var(--line2),0 3px 0 #cdd4df;transition:transform .12s var(--ease),box-shadow .12s;background:linear-gradient(#fff,#f1f4f8);border:0;border-radius:11px;padding:8px 13px;font-family:inherit;font-size:14px;font-weight:600}.tbl:hover{transform:translateY(-1px)}.tbl:active{box-shadow:0 0 0 1px var(--line2);transform:translateY(3px)}.tbl.busy{color:var(--pri2);box-shadow:var(--hi),0 0 0 1px #f5b3bf,0 3px 0 #eba1ae;background:linear-gradient(#fff1f3,#fde0e5)}.tbl.on{box-shadow:var(--hi),0 0 0 2px var(--pri),0 3px 0 var(--pri2),0 8px 16px -6px #c8102e73;outline:0}.kds{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.tk{border-inline-start:0;padding-inline-start:22px;position:relative;overflow:hidden}.tk:before{content:"";background:linear-gradient(180deg,#f59e0b,var(--warn));width:7px;position:absolute;inset-block:0;inset-inline-start:0}.tk.preparing:before{background:linear-gradient(180deg,#60a5fa,var(--info))}.tk.ready:before{background:linear-gradient(180deg,#34d399,var(--ok))}.badge{color:var(--ink2);background:#eef1f6;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block;box-shadow:inset 0 0 0 1px #0f172a0f}.low{color:var(--pri);font-weight:700}.badge.low{background:var(--pri-soft);box-shadow:inset 0 0 0 1px #f5b3bf}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:14px;display:grid}.stat{transition:transform .2s var(--ease),box-shadow .2s;position:relative;overflow:hidden}.stat:before{content:"";inset-inline:0;background:linear-gradient(90deg,var(--pri3),var(--pri2));height:4px;position:absolute;top:0}.stat:hover{box-shadow:var(--hi),var(--e3);transform:translateY(-3px)}.stat b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font:700 26px Poppins,system-ui,sans-serif;display:block}.stat span{color:var(--mut);font-size:13px}.bars{align-items:flex-end;gap:5px;height:130px;padding-top:6px;display:flex}.bars div{background:linear-gradient(90deg,var(--pri2) 0%,var(--pri3) 45%,var(--pri) 100%);border-radius:6px 6px 2px 2px;flex:1;min-height:2px;transition:filter .15s,transform .15s;position:relative;box-shadow:inset 0 1px #ffffff59,0 6px 10px -6px #c8102e99}.bars div[style*="height: 0%"]{background:var(--line);box-shadow:none}.bars div:hover{filter:brightness(1.12);transform-origin:bottom;transform:scaleY(1.02)}.bars div span{text-align:center;color:var(--mut);font-size:10px;position:absolute;bottom:-20px;left:0;right:0}.modal{z-index:20;-webkit-backdrop-filter:blur(5px);background:#0f172a6b;justify-content:center;align-items:center;padding:12px;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.modal .card{width:460px;max-width:100%;max-height:92vh;box-shadow:var(--hi),0 40px 80px -20px #0f172a80;animation:pop .26s var(--ease);overflow:auto}.modal .card.wide{width:840px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:perspective(900px)translateY(16px)rotateX(8deg)scale(.97)}}.form{gap:10px;display:grid}.form label{color:var(--mut);gap:4px;font-size:13px;font-weight:500;display:grid}.form label.row{align-items:center;display:flex}.toast{z-index:30;color:#fff;max-width:90vw;animation:rise .25s var(--ease);background:linear-gradient(#1e293b,#0f172a);border-radius:12px;padding:10px 18px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px -12px #00000080}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}.stars button{cursor:pointer;color:#d1d5db;background:0 0;border:0;font-size:30px;transition:transform .12s}.stars button:hover{transform:scale(1.15)}.stars button.on{color:#f59e0b;text-shadow:0 3px 8px #f59e0b66}.warnbox,.okbox{box-shadow:var(--e1);border-radius:12px;padding:10px 14px}.warnbox{color:#8a3a0c;background:linear-gradient(#fff8ef,#ffefdc);border:1px solid #fbc98a;margin-bottom:12px}.okbox{color:#14532d;background:linear-gradient(#f2fdf6,#e1f8ea);border:1px solid #93dfb0;margin:8px 0}.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.two>*,.grid>*,.form>*{min-width:0}.two>input,.two>select,.two>textarea,.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea{width:100%}.err{color:var(--pri);font-size:13px}.muted{color:var(--mut)}.pad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pad button{border-radius:14px;padding:16px;font-size:22px}.pinbox{letter-spacing:12px;text-align:center;font-size:26px}.tiles{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:10px 0;display:grid}.tile{cursor:pointer;color:var(--ink2);box-shadow:var(--hi),0 0 0 1px var(--line2),0 3px 0 #cdd4df,0 6px 12px -6px #0f172a33;transition:transform .12s var(--ease),box-shadow .12s;background:linear-gradient(#fff,#f1f4f8);border:0;border-radius:13px;padding:14px 8px;font-family:inherit;font-size:14px;font-weight:600}.tile:hover{transform:translateY(-2px)}.tile:active{box-shadow:0 0 0 1px var(--line2);transform:translateY(3px)}.tile.on{color:var(--pri2);box-shadow:var(--hi),0 0 0 2px var(--pri),0 3px 0 var(--pri2),0 8px 16px -6px #c8102e66;background:linear-gradient(#fff4f6,#fde3e8)}.inv{color:#000;background:#fff;font:13px/1.35 Arial,sans-serif}.inv h2{text-align:center;color:#000;margin:4px 0;font-size:18px}.inv .ar{direction:rtl;unicode-bidi:embed;font-family:Tahoma,Arial,sans-serif}.inv table{border-collapse:collapse}.inv table td,.inv table th{color:#000;text-transform:none;letter-spacing:0;background:0 0;border-bottom:1px solid #ddd;padding:3px 4px;font-size:12px}.inv .sum td{border:0;padding:2px 4px}.inv tbody tr:hover{background:0 0}.inv.th{width:76mm;font-size:11px}.inv.th table td,.inv.th table th{font-size:11px}.inv.a4{width:100%;max-width:190mm}.print{display:none}@media (width<=700px){main{padding:12px}.modal .card.wide{width:100%}h2{font-size:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.item:hover,.stat:hover{transform:none}}@media print{body{background:#fff}body *{visibility:hidden}.printable,.printable *{visibility:visible}.printable{width:100%;position:absolute;top:0;left:0}.modal{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:static}.modal .card{box-shadow:none;border:0;animation:none}}.pill{box-shadow:var(--hi),0 0 0 1px var(--line2);background:#fff;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.pill i{border-radius:50%;width:8px;height:8px}.dot-ok{background:var(--ok)}.dot-bad{background:var(--pri)}.sales-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.total-panel{background:linear-gradient(#f6f8fb,#eef2f7);border-radius:14px;padding:16px;box-shadow:inset 0 1px 2px #0f172a0f}.hero{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 10px;font:800 34px Poppins,system-ui,sans-serif}.sharebar{border-radius:99px;gap:2px;height:10px;margin-bottom:10px;display:flex;overflow:hidden}.sharebar span{min-width:3px}.pay-split td{border-bottom:1px solid #0f172a0f;padding:7px 4px}.pay-split td:first-child{align-items:center;gap:8px;display:flex}.pay-split i,.legend i,.type-card i,.tip i{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-stat{color:var(--ink2);background:#eef1f6;border-radius:99px;padding:4px 10px;font-size:12.5px;font-weight:600}.chip-stat.ok{color:#14532d;background:#dcfce7}.chip-stat.bad{color:#991b1b;background:#fee2e2}.type-cards{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:14px;padding-top:14px;display:grid}.type-card{box-shadow:inset 0 0 0 1px var(--line);background:#f8fafc;border-radius:12px;padding:10px 12px}.type-card span{align-items:center;gap:6px;font-weight:600;display:flex}.dash-side{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.chart{margin-top:8px;position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .crosshair{stroke:var(--mut);stroke-width:1px;stroke-dasharray:3 3}.chart .tick{fill:var(--mut);font-size:11px}.chart .val{fill:var(--ink2);font-size:12px;font-weight:600}.legend{color:var(--ink2);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:4px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.tip{pointer-events:none;z-index:3;min-width:150px;box-shadow:0 10px 24px -8px #0f172a59,0 0 0 1px var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:12.5px;position:absolute;top:0;transform:translate(-50%)}.tip div{align-items:center;gap:6px;display:flex}.tip span{font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:600}.seg{background:#e9edf3;border-radius:12px;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #0f172a14}.seg button{cursor:pointer;color:var(--ink2);background:0 0;border:0;border-radius:9px;padding:6px 12px;font-family:inherit;font-size:13.5px;font-weight:500}.seg button.on{color:var(--pri2);background:#fff;font-weight:600;box-shadow:0 1px 3px #0f172a26}.live-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:4px;display:grid}.live-card{text-align:start;color:inherit;cursor:pointer;box-shadow:var(--hi),0 0 0 1px var(--line),0 3px 0 #dde3ec,var(--e1);transition:transform .15s var(--ease);background:linear-gradient(#fff,#f7f9fc);border:0;border-radius:14px;padding:14px;font-family:inherit}.live-card:hover{transform:translateY(-2px)}.live-card .mins{color:var(--ink2);font-size:13px;font-weight:700}.live-card.slow{box-shadow:var(--hi),0 0 0 2px #fbc98a,0 3px 0 #f3b46b}.live-card.late{box-shadow:var(--hi),0 0 0 2px #f5a3ae,0 3px 0 #e98393}.live-card.late .mins{color:var(--pri)}@media (width<=900px){.sales-grid{grid-template-columns:1fr}}.card td a{color:inherit;border-bottom:1px dashed var(--line2);text-decoration:none}.card td a:hover{color:var(--pri2);border-bottom-color:var(--pri2)}