:root{--red:#e1161e;--red-d:#b9101a;--red-50:#fff1f2;--navy:#0b1220;--navy-2:#131c2e;--navy-3:#1e293b;--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--muted-2:#94a3b8;--line:#e8ebf1;--line-2:#f1f3f7;--bg:#f5f6fa;--card:#ffffff;--ok:#16a34a;--ok-bg:#dcfce7;--warn:#b45309;--warn-bg:#fef3c7;--info:#0369a1;--info-bg:#e0f2fe;--bad:#b91c1c;--bad-bg:#fee2e2;--radius:14px;--shadow:0 1px 2px rgba(15,23,42,0.04),0 4px 16px -8px rgba(15,23,42,0.08);--shadow-lg:0 24px 60px -20px rgba(15,23,42,0.35);--sb:252px;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;background:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.b{font-weight:700}.r{text-align:right!important}.c{text-align:center!important}.red{color:var(--red)}.green{color:var(--ok)}.nowrap{white-space:nowrap}.flex{display:flex;align-items:center;gap:8px}.flex-1{flex:1 1;min-width:0}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.hide{display:none!important}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sb);background:var(--navy);color:#cbd5e1;display:flex;flex-direction:column;z-index:40;transition:transform .25s ease}.sb-brand{display:flex;align-items:center;gap:11px;padding:18px 18px 14px}.sb-brand img{width:40px;height:40px;border-radius:11px;box-shadow:0 6px 16px -6px #e1161e88}.sb-brand b{color:#fff;font-size:15.5px;display:block;letter-spacing:-.01em}.sb-brand small{color:#64748b;font-size:11px}.sb-scroll{flex:1 1;overflow-y:auto;padding:4px 12px 12px;scrollbar-width:thin;scrollbar-color:#334155 transparent}.sb-sec{font-size:10px;letter-spacing:.14em;font-weight:700;color:#475569;margin:16px 10px 6px;display:flex;justify-content:space-between;align-items:center}.sb-sec a{color:#64748b;font-size:15px;line-height:1}.nav-a{display:flex;align-items:center;gap:11px;padding:8.5px 11px;border-radius:10px;font-size:13.5px;color:#cbd5e1;margin-bottom:1px;transition:background .15s}.nav-a:hover{background:#ffffff0d;color:#fff}.nav-a svg{width:18px;height:18px;color:#64748b;flex:none}.nav-a.on{background:linear-gradient(90deg,var(--red),var(--red-d));box-shadow:0 8px 18px -10px var(--red)}.nav-a.on,.nav-a.on svg{color:#fff}.nav-a .cdot{width:9px;height:9px;border-radius:3px;flex:none;margin:0 4.5px}.nav-a.cat{padding:7px 11px;font-size:13px}.nav-a.cat.on{background:var(--navy-3);box-shadow:inset 3px 0 0 var(--red)}.nav-a .count{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:9px}.sb-foot{padding:12px 14px 14px;border-top:1px solid #ffffff10}.powered{display:flex;align-items:center;gap:8px;font-size:11px;color:#64748b;padding:8px 10px;border-radius:10px;background:#ffffff08;transition:background .15s}.powered:hover{background:#ffffff12;color:#cbd5e1}.powered b{color:#fff;letter-spacing:.06em}.main{margin-left:var(--sb);min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:#f5f6faee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;padding:14px 28px;border-bottom:1px solid transparent}.topbar.scrolled{border-bottom-color:var(--line)}.topbar h1{font-size:20px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.topbar .sub{font-size:12.5px;color:var(--muted);margin-top:2px}.tb-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.content{padding:8px 28px 40px;flex:1 1}.icon-btn.menu-btn{display:none}.archive-bar{background:linear-gradient(90deg,#7c2d12,#b45309);color:#fff;padding:10px 28px;display:flex;align-items:center;gap:12px;font-size:13px}.archive-bar b{font-weight:800}.archive-bar .btn{margin-left:auto;background:#fff;color:#7c2d12}.sync-pill{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:600;white-space:nowrap}.sync-pill i{width:8px;height:8px;border-radius:50%;background:var(--ok)}.sync-pill.offline i{background:var(--muted-2)}.sync-pill.syncing i{background:var(--info);animation:pulse 1s infinite}.sync-pill.auth i,.sync-pill.error i{background:var(--red)}@keyframes pulse{50%{opacity:.3}}.icon-btn{width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;position:relative;flex:none}.icon-btn svg{width:18px;height:18px}.icon-btn .badge-n{position:absolute;top:-5px;right:-5px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:9px;padding:1px 5px;border:2px solid var(--bg)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#475569);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}.avatar.sm{width:30px;height:30px;font-size:11px}.user-menu{position:relative}.dropdown{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);min-width:220px;padding:6px;z-index:60}.dropdown .dd-h{padding:10px 12px;border-bottom:1px solid var(--line-2);margin-bottom:4px}.dropdown a,.dropdown button{display:flex;width:100%;gap:10px;align-items:center;padding:9px 12px;border-radius:8px;font-size:13px;text-align:left}.dropdown a:hover,.dropdown button:hover{background:var(--bg)}.dropdown svg{width:16px;height:16px;color:var(--muted)}.card{background:var(--card);border:1px solid #eceff4;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-width:0}.card.p0{padding:0}.card-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.card-h h3{font-size:15px;font-weight:700}.card-h p{font-size:12px;color:var(--muted-2);margin-top:2px}.card-h .link{font-size:12.5px;color:var(--red);font-weight:600;white-space:nowrap}.grid{display:grid;grid-gap:16px;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}.g-31{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr)}.section{margin-bottom:16px}.kpi{background:#fff;border:1px solid #eceff4;border-radius:var(--radius);padding:16px 17px;box-shadow:var(--shadow);position:relative;overflow:hidden;min-width:0}.kpi-h{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--muted);font-weight:500}.kpi-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.kpi-ic svg{width:17px;height:17px}.kpi-v{font-size:23px;font-weight:800;letter-spacing:-.02em;margin:8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-f{font-size:11.5px;color:var(--muted-2);display:flex;align-items:center;gap:6px}.kpi-f .up{color:var(--ok);font-weight:700}.kpi-f .down{color:var(--bad);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:10px;font-size:13px;font-weight:600;background:#fff;border:1px solid var(--line);color:var(--ink);white-space:nowrap;transition:transform .05s,box-shadow .15s,background .15s}.btn:hover{background:#fafbfc}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px;flex:none}.btn-primary{background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;border-color:transparent;box-shadow:0 8px 18px -10px var(--red)}.btn-primary:hover{background:linear-gradient(135deg,#ee1f27,var(--red-d))}.btn-dark{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-dark:hover{background:var(--navy-3)}.btn-wa{background:#25d366;color:#fff;border-color:#25d366}.btn-wa:hover{background:#1fbe5b}.btn-danger{color:var(--bad)}.btn-danger:hover{background:var(--bad-bg)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:#0f172a0a}.btn-sm{padding:6px 10px;font-size:12px;border-radius:8px}.btn-lg{padding:13px 18px;font-size:14.5px;border-radius:12px}.btn-block{width:100%}.btn[disabled]{opacity:.5;pointer-events:none}.btn-icon{padding:7px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{font-size:12px;font-weight:600;color:var(--ink-2)}.field>small{font-size:11px;color:var(--muted-2)}.input,.select,.textarea{width:100%;background:#fff;border:1px solid #dfe3ea;border-radius:10px;padding:9px 12px;font-size:13.5px;outline:none;transition:border .15s,box-shadow .15s;min-width:0}.input:focus,.select:focus,.textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #e1161e1a}.textarea{min-height:72px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.input-icon{position:relative}.input-icon svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted-2)}.input-icon .input{padding-left:34px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.form-grid .full{grid-column:1/-1}.seg{display:inline-flex;background:#eef1f5;border-radius:10px;padding:3px;gap:2px}.seg button{padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0f172a22}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:20px;background:#fff;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}.chip i{width:8px;height:8px;border-radius:50%}.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.tag{gap:5px;font-weight:600;padding:3px 8px;border-radius:6px}.badge,.tag{display:inline-flex;align-items:center;font-size:11px;white-space:nowrap}.badge{font-weight:700;padding:3px 9px;border-radius:20px;text-transform:capitalize}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.mute{background:#eef1f5;color:var(--muted)}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px}.toggle input{display:none}.toggle span.sw{width:38px;height:22px;background:#cbd5e1;border-radius:20px;position:relative;transition:background .2s;flex:none}.toggle span.sw:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.toggle input:checked+span.sw{background:var(--red)}.toggle input:checked+span.sw:after{transform:translateX(16px)}.table-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;color:var(--muted-2);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:0 12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:11px 12px;border-bottom:1px solid var(--line-2);color:var(--ink-2);vertical-align:middle}.tbl tbody tr:hover td{background:#fafbfd}.tbl tr.click{cursor:pointer}.tbl td b{color:var(--ink)}.tbl .acts{display:flex;gap:4px;justify-content:flex-end}.tbl tfoot td{font-weight:800;color:var(--ink);border-top:2px solid var(--line);border-bottom:0}.card .tbl td:first-child,.card .tbl th:first-child{padding-left:4px}.card .tbl td:last-child,.card .tbl th:last-child{padding-right:4px}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty svg{width:40px;height:40px;color:#cbd5e1;margin:0 auto 10px}.empty b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:4px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar .input-icon{width:280px;max-width:100%}.modal-bg{position:fixed;inset:0;background:#0b122099;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;overflow-y:auto;animation:fade .15s}.modal{background:#fff;border-radius:18px;width:100%;max-width:560px;box-shadow:var(--shadow-lg);animation:pop .18s ease}.modal.lg{max-width:860px}.modal.xl{max-width:1100px}.modal-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line-2)}.modal-h h3{font-size:16.5px;font-weight:800}.modal-b{padding:20px 22px}.modal-f{padding:14px 22px;border-top:1px solid var(--line-2);display:flex;justify-content:flex-end;gap:8px;background:#fafbfc;border-radius:0 0 18px 18px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.toasts{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:200;flex-direction:column;gap:8px;pointer-events:none}.toast,.toasts{display:flex;align-items:center}.toast{background:var(--navy);color:#fff;padding:11px 16px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);gap:9px;animation:pop .2s;max-width:90vw}.toast.err{background:var(--bad)}.toast svg{width:16px;height:16px}.crow{display:flex;align-items:center;gap:10px;margin-bottom:11px;font-size:12.5px}.crow .cn{width:120px;color:var(--ink-2);font-weight:500;white-space:nowrap;text-overflow:ellipsis}.bar,.crow .cn{overflow:hidden}.bar{flex:1 1;height:8px;background:#f1f4f8}.bar,.bar>div{border-radius:6px}.bar>div{height:100%}.crow .cv{width:64px;text-align:right;font-weight:700}.list-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line)}.list-row:last-child{border-bottom:0}.list-row b{font-size:13px;display:block}.list-row small{font-size:11.5px;color:var(--muted-2)}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--muted)}.legend i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:6px}.cat-ic{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;color:#fff;flex:none}.cat-ic svg{width:18px;height:18px}.cat-ic.sm{width:28px;height:28px;border-radius:8px}.cat-ic.sm svg{width:15px;height:15px}.cat-ic.lg{width:44px;height:44px;border-radius:13px}.cat-ic.lg svg{width:22px;height:22px}.cat-card{background:#fff;border:1px solid #eceff4;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.cat-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--c)}.cat-card .brands{display:flex;flex-wrap:wrap;gap:5px}.cat-card .brands span{background:#f1f4f8;font-size:11px;padding:3px 8px;border-radius:6px;font-weight:600;color:var(--ink-2)}.hero-strip{border-radius:18px;padding:20px 22px;color:#fff;display:flex;align-items:center;gap:16px;margin-bottom:16px;position:relative;overflow:hidden}.hero-strip:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff22 1px,transparent 0);background-size:14px 14px;opacity:.5;pointer-events:none}.hero-strip>*{position:relative;z-index:1}.hero-strip h2{font-size:22px;font-weight:800;letter-spacing:-.02em}.hero-strip p{opacity:.85;font-size:13px;margin-top:2px}.pos{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-gap:16px;gap:16px;align-items:start}.ptiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));grid-gap:12px;gap:12px}.ptile{background:#fff;border:1px solid #eceff4;border-radius:14px;padding:12px;text-align:left;box-shadow:var(--shadow);transition:transform .08s,border .15s;display:flex;flex-direction:column;gap:3px}.ptile:hover{border-color:var(--red);transform:translateY(-1px)}.ptile .pimg{height:64px;border-radius:10px;display:grid;place-items:center;margin-bottom:6px}.ptile .pimg svg{width:28px;height:28px}.ptile b{font-size:13px;line-height:1.25}.ptile small{font-size:11px;color:var(--muted-2)}.ptile .pr{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.ptile .pr span{color:var(--red);font-weight:800;font-size:13.5px}.ptile .pr em{font-style:normal;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:5px;background:#f1f4f8;color:var(--muted)}.ptile .pr em.low{background:var(--bad-bg);color:var(--bad)}.cart{position:-webkit-sticky;position:sticky;top:76px;background:#fff;border:1px solid #eceff4;border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:calc(100vh - 96px)}.cart-h{padding:14px 16px;border-bottom:1px solid var(--line-2)}.cart-items{flex:1 1;overflow-y:auto;padding:4px 16px;min-height:120px}.ci{display:grid;grid-template-columns:1fr auto;grid-gap:6px 10px;gap:6px 10px;padding:11px 0;border-bottom:1px solid var(--line-2)}.ci b{font-size:13px}.ci .ci-r{display:flex;gap:6px}.ci .ci-r,.qty{align-items:center}.qty{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.qty button{width:28px;height:30px;font-size:16px;color:var(--muted)}.qty button:hover{background:var(--bg)}.qty input{width:52px;text-align:center;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);height:30px;font-weight:700;outline:none}.rate-in{width:86px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;text-align:right;font-size:12.5px;outline:none}.cart-f{padding:14px 16px;border-top:1px solid var(--line-2);background:#fafbfc;border-radius:0 0 18px 18px}.tot-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;color:var(--muted)}.tot-row b{color:var(--ink)}.tot-row input{width:110px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;text-align:right;outline:none;font-weight:600}.grand{display:flex;justify-content:space-between;align-items:center;border-top:2px dashed var(--line);margin-top:6px;padding-top:10px;font-size:16px;font-weight:800}.grand b{color:var(--red);font-size:24px;letter-spacing:-.02em}.pay-methods{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin:10px 0}.pay-methods button{border:1px solid var(--line);border-radius:9px;padding:8px 4px;font-size:12px;font-weight:600;color:var(--ink-2);background:#fff}.pay-methods button.on{border:2px solid var(--red);color:var(--red);background:var(--red-50);padding:7px 3px}.cust-box{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:12px;padding:10px 12px}.cust-box b{font-size:13.5px;display:block}.cust-box small{font-size:11.5px;color:var(--muted)}.suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);z-index:50;max-height:280px;overflow-y:auto;padding:4px}.suggest button{display:flex;width:100%;justify-content:space-between;padding:9px 11px;border-radius:8px;text-align:left;font-size:13px;gap:10px}.suggest button.on,.suggest button:hover{background:var(--bg)}.return-mode{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:12px;gap:8px}.party-head,.return-mode{display:flex;align-items:center}.party-head{gap:16px;flex-wrap:wrap}.bal-box{margin-left:auto;text-align:right}.bal-box small{font-size:11px;color:var(--muted);letter-spacing:.08em;font-weight:700;display:block}.bal-box b{font-size:26px;font-weight:900;letter-spacing:-.02em}.drawer-bg{position:fixed;inset:0;background:#0b122055;z-index:90;animation:fade .15s}.drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100vw;background:#fff;z-index:91;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide .2s ease}@keyframes slide{0%{transform:translateX(30px);opacity:0}}.drawer-h{padding:18px 20px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between}.drawer-b{flex:1 1;overflow-y:auto;padding:10px 14px}.alert-item{display:flex;gap:12px;padding:12px;border-radius:12px;margin-bottom:6px}.alert-item:hover{background:var(--bg)}.alert-item .ai{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.alert-item .ai svg{width:17px;height:17px}.alert-item.danger .ai{background:var(--bad-bg);color:var(--bad)}.alert-item.warn .ai{background:var(--warn-bg);color:var(--warn)}.alert-item.info .ai{background:var(--info-bg);color:var(--info)}.alert-item b{font-size:13px;display:block}.alert-item small{font-size:12px;color:var(--muted)}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-art{background:radial-gradient(800px 500px at 80% 10%,#4a0b10 0,var(--navy) 60%);color:#fff;padding:48px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 0),linear-gradient(90deg,#ffffff08 1px,transparent 0);background-size:34px 34px}.login-art>*{position:relative}.login-art .la-brand{display:flex;align-items:center;gap:14px}.login-art .la-brand img{width:54px;height:54px;border-radius:14px}.login-art h1{font-size:42px;font-weight:900;letter-spacing:-.035em;line-height:1.08;margin-top:auto}.login-art h1 span{background:linear-gradient(90deg,#ff4d55,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}.login-art p{color:#cbd5e1;font-size:14px;line-height:1.6;margin-top:14px;max-width:460px}.login-art .feats{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 auto}.login-art .feats span{border:1px solid #ffffff24;background:#ffffff0d;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.login-form{display:flex;flex-direction:column;justify-content:center;padding:48px;max-width:460px;width:100%;margin:0 auto}.login-form h2{font-size:26px;font-weight:800;letter-spacing:-.02em}.login-form .err{background:var(--bad-bg);color:var(--bad);padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600}.login-foot{margin-top:28px;font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.login-foot a{color:var(--ink);font-weight:800;letter-spacing:.04em}.login-foot a:hover{color:var(--red)}.bottom-nav{display:none}.doc-stage{background:#e9ecf2;border-radius:16px;padding:24px;display:flex;justify-content:center;overflow-x:auto}.doc{background:#fff;color:#0f172a;position:relative;box-shadow:0 20px 50px -24px #0f172a66;font-family:var(--font);flex:none}.doc-A4{width:210mm;min-height:297mm;padding:14mm 15mm 22mm}.doc-A5{width:148mm;min-height:210mm;padding:9mm 9mm 16mm;font-size:11px}.doc-80mm{width:80mm;padding:5mm 4mm 8mm;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.d-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:3px solid var(--navy);position:relative}.d-head:after{content:"";position:absolute;left:0;bottom:-3px;width:110px;height:3px;background:var(--red)}.d-brand{display:flex;gap:12px}.d-brand img{width:54px;height:auto;flex:none}.d-brand h2{font-size:24px;font-weight:900;letter-spacing:-.03em}.d-brand p{font-size:10.5px;color:#64748b;line-height:1.5}.d-meta{text-align:right}.d-kind{font-size:24px;font-weight:900;color:var(--red);letter-spacing:.05em}.d-meta table{margin-left:auto;margin-top:6px;font-size:11.5px;border-collapse:collapse}.d-meta td{padding:1px 0 1px 12px;color:#64748b}.d-meta td b{color:#0f172a}.d-party{display:flex;gap:28px;margin:16px 0 14px}.d-party small{font-size:9.5px;letter-spacing:.14em;color:#94a3b8;font-weight:700;display:block;margin-bottom:3px}.d-party b{font-size:13.5px;display:block}.d-party p{font-size:11px;color:#64748b;line-height:1.5}.d-items{width:100%;border-collapse:collapse;font-size:12px}.d-items th{background:var(--navy);color:#fff;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:8px 9px;text-align:left}.d-items th:first-child{border-radius:7px 0 0 7px}.d-items th:last-child{border-radius:0 7px 7px 0}.d-items td{padding:9px;border-bottom:1px solid #eef0f4;vertical-align:top}.d-items td small{display:block;color:#94a3b8;font-size:10px;margin-top:1px}.d-items tr:nth-child(2n) td{background:#fafbfc}.d-foot{display:flex;gap:22px;margin-top:16px;align-items:flex-start}.d-words{flex:1 1;font-size:11px;color:#334155;line-height:1.55}.d-words small{font-size:9.5px;letter-spacing:.14em;color:#94a3b8;font-weight:700;display:block;margin:0 0 3px}.d-sums{width:250px;font-size:12px}.d-sums>div{display:flex;justify-content:space-between;padding:4px 2px;color:#64748b}.d-sums b{color:#0f172a}.d-sums .g{background:var(--navy);color:#fff;border-radius:9px;padding:9px 11px;margin:5px 0;font-size:13px}.d-sums .g b{color:#fff;font-size:16px}.d-sums .due b{color:var(--red)}.d-sign{display:flex;justify-content:space-between;margin-top:46px}.d-sign div{width:170px;border-top:1.5px solid #cbd5e1;padding-top:6px;font-size:11px;color:#64748b;text-align:center}.d-bottom{position:absolute;left:0;right:0;bottom:0}.d-thanks{background:linear-gradient(90deg,var(--red),#9f1239);color:#fff;text-align:center;font-size:11px;font-weight:600;padding:8px}.d-powered{text-align:center;font-size:9px;color:#94a3b8;padding:4px 0 6px}.doc-A5 .d-brand h2{font-size:17px}.doc-A5 .d-brand img{width:38px}.doc-A5 .d-brand p{font-size:8.5px}.doc-A5 .d-kind{font-size:16px}.doc-A5 .d-meta table{font-size:9.5px}.doc-A5 .d-items{font-size:10px}.doc-A5 .d-items td{padding:6px}.doc-A5 .d-items th{padding:6px;font-size:8px}.doc-A5 .d-sums{width:200px;font-size:10.5px}.doc-A5 .d-words{font-size:9.5px}.doc-A5 .d-party b{font-size:11.5px}.doc-A5 .d-party p{font-size:9.5px}.doc-A5 .d-sign{margin-top:30px}.doc-A5 .d-sign div{width:130px;font-size:9.5px}.t80{text-align:center}.t80 img{width:44px;margin:0 auto 4px}.t80 h2{font-size:15px;font-weight:900;font-family:var(--font)}.t80 p{font-size:9.5px;line-height:1.45}.t80-hr{border-top:1px dashed #0f172a;margin:6px 0}.t80-row{display:flex;justify-content:space-between;gap:6px;font-size:10.5px}.t80-item{margin-bottom:4px}.t80-item b{display:block;font-size:10.5px}.t80-total{font-size:14px;font-weight:900}@media (max-width:1200px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g-31{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.g-31>:nth-child(2){grid-column:1/-1;order:-1}.pos{grid-template-columns:minmax(0,1fr) 360px}}@media (max-width:960px){.sidebar{transform:translateX(-100%);box-shadow:none}.sidebar.open{transform:none;box-shadow:var(--shadow-lg)}.main{margin-left:0;padding-bottom:72px}.icon-btn.menu-btn{display:grid}.hero-strip{flex-wrap:wrap}.hero-strip .flex-1{min-width:60%}.cart-bar{display:flex!important}.topbar{padding:12px 16px}.topbar h1{font-size:17px}.topbar .sub{display:none}.content{padding:6px 14px 30px}.archive-bar{padding:10px 14px}.g-31,.g-main,.g2,.g3,.pos{grid-template-columns:minmax(0,1fr)}.cart{position:static;max-height:none}.hide-m{display:none!important}.form-grid{grid-template-columns:minmax(0,1fr)}.login{grid-template-columns:1fr}.login-art{display:none}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:35;padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:600;color:var(--muted-2);padding:4px 10px;border-radius:10px}.bottom-nav a svg{width:21px;height:21px}.bottom-nav a.on{color:var(--red)}.bottom-nav a.sale{background:var(--red);color:#fff;padding:6px 14px;box-shadow:0 8px 16px -8px var(--red)}.doc-stage{padding:10px}.sb-overlay{position:fixed;inset:0;background:#0b122066;z-index:39}.tb-actions .sync-pill span{display:none}}@media (max-width:560px){.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:12px}.kpi-v{font-size:17px}.kpi-ic{display:none}.ptiles{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar .input-icon{width:100%}.tb-actions .hide-xs{display:none}}@media print{body,html{background:#fff!important}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0}.print-area .doc{box-shadow:none!important;margin:0!important}.doc-stage{background:none!important;padding:0!important}.no-print{display:none!important}}.print-only{display:none}@media print{.print-only{display:block}.print-area.card{border:0;box-shadow:none;padding:10mm;width:210mm}.print-area .tbl{font-size:11px}}.tbl td.num{white-space:nowrap}.cart-bar{display:none;position:fixed;left:12px;right:12px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:34;background:var(--navy);color:#fff;border-radius:14px;padding:12px 14px;align-items:center;gap:10px;box-shadow:var(--shadow-lg);font-size:13px}.cart-bar b{font-size:16px}.cart-bar .btn{margin-left:auto}