:root{
  --bg:#f3f5f8;--panel:#fff;--ink:#101318;--muted:#6b7280;--line:#e5e7eb;
  --red:#d71920;--red2:#b90f16;--dark:#111827;--green:#0f9f6e;--amber:#d97706;
  --blue:#2563eb;--violet:#7c3aed;--cyan:#0891b2;--shadow:0 14px 40px rgba(17,24,39,.08);
  --radius:22px;--radius-sm:14px;--sidebar:258px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#111318 0%,#0d0f13 100%);color:white;padding:22px 16px;display:flex;flex-direction:column;z-index:50;box-shadow:10px 0 30px rgba(0,0,0,.08)}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ef2b32,var(--red2));display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 8px 24px rgba(215,25,32,.28)}.brand strong{display:block;letter-spacing:.08em;font-size:14px}.brand span{display:block;color:#8f96a3;font-size:11px;margin-top:3px;letter-spacing:.08em}.nav{display:flex;flex-direction:column;gap:5px;overflow:auto;padding-right:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:13px;color:#aeb4bf;font-weight:650;transition:.18s ease}.nav-item>span{width:28px;height:28px;border-radius:9px;background:#1c2027;display:grid;place-items:center;font-size:12px;font-weight:800}.nav-item:hover{background:#171a20;color:white;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(215,25,32,.95),rgba(215,25,32,.74));color:white;box-shadow:0 10px 26px rgba(215,25,32,.17)}.nav-item.active>span{background:rgba(255,255,255,.14)}.nav-caption{font-size:10px;letter-spacing:.16em;color:#6e7684;padding:18px 13px 7px}.sidebar-foot{margin-top:auto;border-top:1px solid #22262e;padding-top:16px}.user-mini{display:flex;align-items:center;gap:10px;padding:0 6px 13px}.avatar{width:36px;height:36px;border-radius:50%;background:#2a2f39;display:grid;place-items:center;font-weight:800}.user-mini strong{display:block;font-size:12px;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini span{display:block;font-size:10px;color:#777f8d;margin-top:3px}.logout{border:0;background:#1b1f26;color:#b9c0cb;width:100%;padding:10px;border-radius:10px}.logout:hover{background:#2a1719;color:#ffb7ba}.main{margin-left:var(--sidebar);min-width:0;flex:1}.topbar{height:86px;padding:0 30px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.75);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.top-title h1{font-size:24px;margin:2px 0 0;letter-spacing:-.03em}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--red)}.eyebrow.light{color:#ff7f84}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:white;border-radius:12px;display:grid;place-items:center;color:var(--dark)}.icon-btn:hover{box-shadow:0 8px 22px rgba(17,24,39,.1)}.icon-btn.danger{color:var(--red);background:#fff4f4;border-color:#ffd5d6}.live-dot{display:flex;align-items:center;gap:8px;background:#eefaf5;color:#087c58;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.live-dot i{width:8px;height:8px;border-radius:50%;background:#12b981;box-shadow:0 0 0 5px rgba(18,185,129,.1)}.content{padding:26px 30px 50px;max-width:1700px;margin:0 auto}.panel{background:var(--panel);border:1px solid rgba(229,231,235,.9);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel.compact{padding:14px 18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.panel-head.wrap{flex-wrap:wrap}.panel-head h2{font-size:18px;margin:4px 0 0;letter-spacing:-.02em}.panel-sub{color:var(--muted);margin:7px 0 0;font-size:12px}.head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.date-note{font-size:12px;color:var(--muted);white-space:nowrap}.filter-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:11px;font-weight:750;color:#4b5563}.field small{font-size:10px;color:#8a93a1;line-height:1.4}.field input,.field select,.field textarea,.compact-select,.search-input{width:100%;border:1px solid #dfe3e8;background:#fff;border-radius:12px;padding:11px 12px;color:var(--ink);outline:none;transition:.15s}.field input:focus,.field select:focus,.field textarea:focus,.compact-select:focus,.search-input:focus{border-color:#ef656a;box-shadow:0 0 0 4px rgba(215,25,32,.08)}.field.mini input,.field.mini select{padding:9px 10px}.field.mini{min-width:150px}.field.grow,.grow{flex:1}.form-grid{display:grid;gap:15px}.form-grid.one{grid-template-columns:1fr}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.btn{border:0;border-radius:12px;padding:10px 15px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.17s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#ea232a,#bd1016);color:white;box-shadow:0 9px 22px rgba(215,25,32,.2)}.btn.soft{background:#f4f5f7;color:#29303a;border:1px solid #e4e7eb}.btn.ghost{background:white;border:1px solid #dfe3e8}.btn.danger{background:#fff0f1;color:#c5131a;border:1px solid #ffd5d7}.btn.large{padding:13px 20px}.btn.wide{width:100%}.text-link,.table-link{color:#c5161c;font-weight:750}.table-link:hover,.text-link:hover{text-decoration:underline}.button-link{border:0;background:transparent;padding:0}.chip,.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.chip{background:#f3f4f6;color:#4b5563}.chip.success,.badge.green{background:#eaf9f3;color:#087854}.chip.danger,.badge.red{background:#fff0f1;color:#be151b}.badge.amber{background:#fff7e8;color:#a45a00}.badge.blue{background:#edf3ff;color:#2458ba}.badge.violet{background:#f3efff;color:#6932c2}.badge.cyan{background:#ebfbff;color:#087890}.badge.gray{background:#f1f3f5;color:#68707d}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;background:#f4f5f7;padding:4px 7px;border-radius:7px;color:#374151}.subline{display:block;color:#8a93a1;margin-top:4px;font-size:10px}.flash-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.flash{padding:12px 14px;border-radius:12px;border:1px solid;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:650}.flash.success{background:#edfaf5;border-color:#c9f0df;color:#087854}.flash.error{background:#fff1f2;border-color:#ffd2d5;color:#a51117}.flash.info{background:#eef5ff;border-color:#dbe9ff;color:#2458ba}.flash-close{border:0;background:transparent;font-size:18px;color:inherit}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi-card{background:#fff;border:1px solid #e8eaee;border-radius:20px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 30px rgba(17,24,39,.05);min-height:126px}.kpi-card.dark{background:linear-gradient(145deg,#171b22,#0f1217);color:white;border-color:#1f242d}.kpi-icon{width:44px;height:44px;border-radius:14px;background:#eef1f5;display:grid;place-items:center;font-weight:900}.kpi-icon.green{background:#eaf9f3;color:#07815a}.kpi-icon.red{background:#fff0f1;color:#c6171d}.kpi-icon.violet{background:#f3efff;color:#6a35bf}.kpi-card.dark .kpi-icon{background:#262b34}.kpi-card span{font-size:11px;color:#777f8d;font-weight:700}.kpi-card.dark span{color:#9098a6}.kpi-card strong{display:block;font-size:23px;margin-top:6px;letter-spacing:-.03em}.kpi-card strong small{font-size:10px;font-weight:750;color:#8a93a1}.kpi-card p{font-size:10px;color:#8a93a1;margin:5px 0 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.lower-grid{grid-template-columns:1.2fr .8fr}.bar-list{display:flex;flex-direction:column;gap:15px}.bar-row{display:grid;grid-template-columns:220px 1fr;gap:15px;align-items:center}.bar-label strong{font-size:12px;display:block}.bar-label span{font-size:10px;color:#858d9a;margin-top:3px;display:block}.bar-track{height:9px;border-radius:99px;background:#eef0f3;overflow:hidden}.bar-track i{display:block;height:100%;min-width:3px;border-radius:99px;background:linear-gradient(90deg,#d71920,#f05a60)}.rank-list{display:flex;flex-direction:column}.rank-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f0f1f3}.rank-row:last-child{border-bottom:0}.rank-no{width:28px;height:28px;border-radius:9px;background:#f3f4f6;display:grid;place-items:center;font-weight:850;font-size:11px}.rank-main{flex:1}.rank-main strong{display:block;font-size:12px}.rank-main span{font-size:10px;color:#8a93a1}.rank-value{text-align:right;font-weight:850;font-size:12px}.rank-value small{display:block;color:#9aa1ad;font-size:9px;margin-top:2px}.timeline-chart{height:230px;display:flex;align-items:flex-end;gap:8px;padding:20px 6px 0;border-bottom:1px solid #e8eaee;overflow-x:auto}.day-col{min-width:34px;display:flex;flex-direction:column;align-items:center;gap:6px}.day-bars{height:180px;display:flex;align-items:flex-end;gap:3px}.day-bars i{display:block;width:11px;border-radius:5px 5px 2px 2px;max-height:170px}.day-bars .in{background:#10a875}.day-bars .out{background:#e1343a}.day-col>span{font-size:9px;color:#8a93a1}.legend{display:flex;gap:15px;margin-top:12px;color:#6b7280;font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%}.green-bg{background:#10a875}.red-bg{background:#e1343a}.mini-table{display:flex;flex-direction:column}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #f0f1f3}.mini-row:last-child{border-bottom:0}.mini-row strong{display:block;font-size:12px}.mini-row span:not(.badge){display:block;font-size:10px;color:#89919e;margin-top:3px}.table-wrap{overflow:auto;border-radius:14px;border:1px solid #edf0f2}table{width:100%;border-collapse:collapse;min-width:720px}th{font-size:10px;letter-spacing:.04em;text-transform:uppercase;text-align:left;color:#7a8390;background:#f7f8fa;padding:12px 14px;border-bottom:1px solid #e9ebef}td{padding:13px 14px;border-bottom:1px solid #f0f1f3;font-size:12px;vertical-align:middle}tbody tr:hover{background:#fcfcfd}tbody tr:last-child td{border-bottom:0}tfoot td{background:#f7f8fa}.empty,.empty-cell{color:#8a93a1;text-align:center;padding:28px!important;font-size:12px}.grid-main-side{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.sticky-card{position:sticky;top:112px}.search-row{display:flex;gap:8px;min-width:min(100%,650px)}.search-row input{flex:1;border:1px solid #dfe3e8;border-radius:12px;padding:10px}.search-row select{border:1px solid #dfe3e8;border-radius:12px;padding:10px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.category-card{display:flex;align-items:center;gap:12px;border:1px solid #eaedf0;background:#fafbfc;border-radius:16px;padding:14px}.category-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#181c22,#333a46);color:white;display:grid;place-items:center;font-size:16px;font-weight:900}.category-card strong{display:block;font-size:12px}.category-card span{display:block;font-size:10px;color:#8a93a1;margin-top:4px}.doc-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.doc-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:112px}.doc-lines-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 12px}.doc-lines-head h3{font-size:15px;margin-bottom:4px}.doc-lines-head p{margin:0;color:#8a93a1;font-size:11px}.line-table{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.line-row{display:flex;align-items:flex-end;gap:9px;background:#f8f9fb;border:1px solid #eceff2;border-radius:15px;padding:10px}.line-index{width:28px;height:38px;display:grid;place-items:center;font-weight:850;color:#8a93a1}.line-row .qty{width:130px}.line-row .price{width:180px}.line-row .icon-btn{margin-bottom:1px}.doc-total{background:linear-gradient(150deg,#14181e,#202630);color:white}.doc-total>span{font-size:10px;letter-spacing:.12em;color:#8f98a6;font-weight:800}.doc-total>strong{display:block;font-size:26px;margin:8px 0}.doc-total p{color:#9aa3af;font-size:11px;line-height:1.5}.micro-note{font-size:10px;color:#8a93a1;line-height:1.5;margin:0}.doc-hero,.order-status-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#11151b,#202630);color:white;border-radius:24px;padding:25px 28px;margin-bottom:18px;box-shadow:0 18px 45px rgba(17,24,39,.16)}.doc-hero h2,.order-status-hero h2{font-size:24px;margin:7px 0}.doc-hero p,.order-status-hero p{color:#9ca5b2;margin:0;font-size:11px}.hero-total{text-align:right}.hero-total>span{font-size:10px;letter-spacing:.12em;color:#929aa8;text-transform:uppercase}.hero-total strong{display:block;font-size:24px;margin:6px 0}.hero-total small{display:block;color:#a9b0bb}.note-box{margin-top:16px;background:#f7f8fa;border:1px solid #eceff2;border-radius:14px;padding:14px}.note-box strong{font-size:11px}.note-box p{margin:5px 0 0;color:#6f7784;white-space:pre-wrap}.product-order-tools{display:flex;align-items:center;gap:12px;margin:18px 0}.search-input{max-width:520px}.order-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.order-product{border:1px solid #e8ebef;border-radius:18px;padding:13px;background:#fbfcfd;display:grid;grid-template-columns:64px 1fr;gap:12px;position:relative;transition:.16s}.order-product:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(17,24,39,.08);background:white}.product-visual{width:64px;height:64px;border-radius:17px;background:linear-gradient(145deg,#1b2028,#343c49);color:white;display:grid;place-items:center;font-size:22px;font-weight:900}.product-info h3{font-size:12px;margin:7px 0 3px}.product-info p{font-size:10px;color:#8a93a1;margin:0}.stock-line{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:10px;color:#717985}.stock-line strong{color:#111827}.qty-stepper{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f2;padding-top:10px}.qty-stepper span{font-size:10px;color:#7b8491}.qty-stepper input{width:110px;border:1px solid #dfe3e8;border-radius:10px;padding:8px;text-align:center;font-weight:800}.order-submit{display:flex;align-items:flex-end;gap:12px;border-top:1px solid #eceff2;margin-top:20px;padding-top:18px}.flow-steps{display:flex;align-items:center;background:white;border:1px solid #e8ebef;border-radius:20px;padding:16px 18px;margin-bottom:18px;box-shadow:0 10px 30px rgba(17,24,39,.05);overflow:auto}.flow-step{display:flex;align-items:center;gap:8px;min-width:135px}.flow-step i{width:30px;height:30px;border-radius:50%;background:#eef0f3;color:#8a93a1;display:grid;place-items:center;font-style:normal;font-weight:850}.flow-step.done i{background:#eaf9f3;color:#07805a}.flow-step strong{font-size:10px;display:block}.flow-step span{font-size:9px;color:#8a93a1;display:block;margin-top:2px}.flow-line{height:2px;background:#e7e9ed;flex:1;min-width:30px}.flow-line.done{background:#10a875}.action-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.inline-form{display:flex;align-items:center;gap:8px}.inline-form input{border:1px solid #dfe3e8;border-radius:11px;padding:10px}.table-input{width:120px;border:1px solid #dfe3e8;border-radius:10px;padding:8px 10px}.split-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;border-top:1px solid #eceff2;padding-top:16px}.reject-box{display:flex;gap:8px}.reject-box input{border:1px solid #f0cfd1;background:#fff9f9;border-radius:11px;padding:10px}.abc-summary{display:flex;justify-content:space-between;align-items:center;background:#f8f9fb;border:1px solid #eceff2;border-radius:16px;padding:14px 16px;margin-bottom:14px}.abc-summary>div>span{font-size:10px;color:#7d8592}.abc-summary strong{display:block;font-size:20px;margin-top:4px}.abc-legend{display:flex;gap:12px}.abc-legend span{display:flex;align-items:center;gap:6px}.abc{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;font-size:11px;font-weight:900}.abc.a{background:#eaf9f3;color:#087854}.abc.b{background:#fff7e8;color:#a45a00}.abc.c{background:#eef3ff;color:#2858b6}.details-cell{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-narrow{max-width:620px;margin:0 auto}.mobile-only{display:none}.sidebar-overlay{display:none}

/* Login */
.login-body{min-height:100vh;background:#0e1116}.login-grid{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(215,25,32,.28),transparent 35%),linear-gradient(145deg,#171b22,#090b0f);color:white;display:flex;align-items:center;padding:8vw}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent)}.visual-content{position:relative;z-index:2;max-width:700px}.logo-large{width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,#f0343a,#b90d14);display:grid;place-items:center;font-size:34px;font-weight:950;margin-bottom:32px;box-shadow:0 20px 60px rgba(215,25,32,.34)}.visual-content h1{font-size:clamp(38px,4.2vw,68px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 22px}.visual-content p{max-width:600px;font-size:15px;line-height:1.7;color:#aeb5c0}.visual-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.visual-pills span{border:1px solid #303641;background:#171b22;padding:9px 12px;border-radius:999px;color:#c3c9d2;font-size:11px}.login-panel{background:#f5f6f8;display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);background:white;border:1px solid #e5e7eb;border-radius:28px;padding:34px;box-shadow:0 24px 70px rgba(17,24,39,.12)}.login-brand{padding:0 0 30px;color:#111827}.login-heading h2{font-size:28px;margin-bottom:7px;letter-spacing:-.035em}.login-heading p{color:#7a8390;margin-bottom:22px}.login-card .field{margin-bottom:14px}.login-note{text-align:center;color:#979eaa;font-size:10px;margin:14px 0 0}

@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.order-product-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.grid-main-side,.doc-layout{grid-template-columns:minmax(0,1fr) 290px}.bar-row{grid-template-columns:170px 1fr}}
@media(max-width:900px){:root{--sidebar:260px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-only{display:grid}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.34);z-index:40}.sidebar-overlay.show{display:block}.content{padding:18px}.topbar{height:74px;padding:0 18px}.top-title h1{font-size:20px}.grid-2,.lower-grid,.grid-main-side,.doc-layout{grid-template-columns:1fr}.sticky-card,.doc-side{position:static}.toolbar{align-items:stretch;flex-direction:column}.filter-row{display:grid;grid-template-columns:1fr 1fr}.filter-row .grow{grid-column:1/-1}.kpi-grid{grid-template-columns:1fr 1fr}.order-product-grid{grid-template-columns:1fr 1fr}.login-grid{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.action-panel{align-items:flex-start;flex-direction:column}.flow-steps{padding:12px}.form-grid.three{grid-template-columns:1fr 1fr}.line-row{flex-wrap:wrap}.line-row .grow{flex-basis:70%}.doc-hero,.order-status-hero{align-items:flex-start}.search-row{width:100%;min-width:0}.panel-head.wrap{align-items:stretch}}
@media(max-width:620px){body{font-size:13px}.content{padding:12px 12px 34px}.topbar{padding:0 12px}.top-actions .live-dot{display:none}.panel{padding:15px;border-radius:18px}.kpi-grid{grid-template-columns:1fr}.kpi-card{min-height:105px}.grid-2{gap:12px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.filter-row{grid-template-columns:1fr}.filter-row .field,.filter-row .grow{grid-column:auto;min-width:0}.bar-row{grid-template-columns:1fr;gap:7px}.bar-label{display:flex;justify-content:space-between;gap:8px}.category-grid{grid-template-columns:1fr}.order-product-grid{grid-template-columns:1fr}.order-submit{align-items:stretch;flex-direction:column}.order-submit .btn{width:100%}.doc-hero,.order-status-hero{flex-direction:column}.hero-total{text-align:left}.head-actions{width:100%}.head-actions .btn{flex:1}.action-panel .head-actions{width:100%;flex-direction:column;align-items:stretch}.action-panel form,.action-panel .btn{width:100%}.inline-form{flex-direction:column}.inline-form input{width:100%}.split-actions{align-items:stretch;flex-direction:column-reverse}.reject-box{flex-direction:column}.line-row{display:grid;grid-template-columns:30px 1fr 42px}.line-row .grow{grid-column:2/3}.line-row .qty,.line-row .price{width:auto;grid-column:2/3}.line-row .icon-btn{grid-column:3;grid-row:1}.login-card{padding:24px;border-radius:22px}.abc-summary{align-items:flex-start;flex-direction:column;gap:12px}.abc-legend{flex-wrap:wrap}.search-row{flex-direction:column}.table-wrap{margin-left:-2px;margin-right:-2px}}

.row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.panel,.kpi-card,.doc-hero,.order-status-hero{animation:fadeUp .28s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Premium dashboard 1.2 */
.dash-hero{position:relative;overflow:hidden;min-height:220px;margin-bottom:18px;border-radius:28px;padding:30px;background:radial-gradient(circle at 78% 14%,rgba(239,43,50,.35),transparent 30%),radial-gradient(circle at 90% 80%,rgba(124,58,237,.18),transparent 34%),linear-gradient(135deg,#101319 0%,#171c24 60%,#0b0e13 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 24px 60px rgba(17,24,39,.18)}
.dash-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000,transparent)}
.dash-hero-copy{position:relative;z-index:2}.dash-hero h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.055em;margin:10px 0 8px}.dash-hero h2 small{font-size:12px;color:#aab2bf;letter-spacing:.08em}.dash-hero p{color:#a8b0bd;margin:0;font-size:13px}.dash-quick-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.btn.dash-light{background:#fff;color:#111827}.btn.dash-outline{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.13)}.dash-hero-orbit{position:relative;z-index:2;width:160px;height:160px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 24px rgba(255,255,255,.018),0 0 60px rgba(215,25,32,.13)}.orbit-core{width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,#ef3037,#b90e15);display:grid;place-items:center;font-size:34px;font-weight:950;box-shadow:0 16px 45px rgba(215,25,32,.38)}.orbit-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.07)}.orbit-dot.d1{top:14px;left:47px}.orbit-dot.d2{right:7px;bottom:48px;background:#ef3037}.orbit-dot.d3{left:7px;bottom:42px;background:#10a875}.dashboard-filter{position:relative;z-index:3}.premium-kpis .kpi-card{position:relative;overflow:hidden}.premium-kpis .kpi-card:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-38px;top:-38px;background:rgba(215,25,32,.035)}.category-overview{margin-bottom:18px}.dash-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dash-category-card{position:relative;overflow:hidden;border:1px solid #e8eaee;background:linear-gradient(180deg,#fff,#fafbfc);border-radius:18px;padding:15px;min-height:154px;transition:.18s ease}.dash-category-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(17,24,39,.08);border-color:#dfe3e8}.dash-category-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dash-category-icon{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#191d24,#303744);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 20px rgba(17,24,39,.13)}.dash-category-count{font-size:9px;color:#8a93a1;background:#f2f4f6;border-radius:999px;padding:5px 7px}.dash-category-card h3{font-size:12px;margin:13px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-category-card strong{display:block;font-size:20px;letter-spacing:-.03em}.dash-category-card strong small{font-size:9px;color:#858d99}.dash-category-card p{font-size:10px;color:#737c89;margin:4px 0 10px}.dash-category-meter{height:5px;border-radius:999px;background:#eef0f3;overflow:hidden}.dash-category-meter i{display:block;height:100%;background:linear-gradient(90deg,#d71920,#f45d63);border-radius:999px}.dash-analytics-grid{margin-top:0}.mini-row.clickable{color:inherit;transition:.15s}.mini-row.clickable:hover{background:#fafbfc;padding-left:8px;padding-right:8px;border-radius:12px}.dash-empty-chart{align-self:center;margin:auto;text-align:center;max-width:320px}
@media(max-width:1250px){.dash-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.dash-hero{min-height:190px;padding:24px}.dash-hero-orbit{width:126px;height:126px}.orbit-core{width:60px;height:60px;border-radius:20px}.dash-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dash-hero{padding:22px 18px;border-radius:22px;min-height:210px}.dash-hero h2{font-size:34px}.dash-hero-orbit{position:absolute;right:-38px;top:18px;opacity:.45}.dash-hero-copy{max-width:90%}.dash-quick-actions{display:grid;grid-template-columns:1fr 1fr}.dash-quick-actions .btn:first-child{grid-column:1/-1}.dash-category-grid{grid-template-columns:1fr 1fr;gap:9px}.dash-category-card{padding:12px;min-height:146px}.dash-category-card h3{font-size:11px}.dash-category-card strong{font-size:18px}.dashboard-filter{margin-bottom:12px}}

/* FINAL 1.3.0 — fast mobile premium layer */
html{scroll-behavior:auto}.topbar{backdrop-filter:none;background:#fff}.panel,.kpi-card,.doc-hero,.order-status-hero{animation:none}.nav-item{transition:background .1s ease,color .1s ease}.nav-item:hover,.btn:hover,.dash-category-card:hover{transform:none}.panel{box-shadow:0 8px 24px rgba(17,24,39,.055)}
.hero-simple{margin-bottom:16px;border-radius:24px;padding:26px;background:linear-gradient(135deg,#101319,#1b2029);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 45px rgba(17,24,39,.14)}.hero-simple h2{font-size:clamp(30px,5vw,48px);letter-spacing:-.045em;margin:8px 0 7px}.hero-simple h2 small{font-size:11px;color:#9ca3af}.hero-simple p{margin:0;color:#aab1bc}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn.white{background:white;color:#111827}.btn.dark-outline{background:#20252e;color:#fff;border:1px solid #353c48}.management-hero h2{font-size:34px}
.section-headline{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px;padding:4px 2px}.section-headline h2{font-size:24px;letter-spacing:-.035em;margin:5px 0}.section-headline p{margin:0;color:var(--muted)}
.mobile-card-list{display:flex;flex-direction:column}.mobile-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eef0f3}.mobile-record:last-child{border-bottom:0}.mobile-record strong{display:block}.mobile-record span:not(.badge){font-size:10px;color:#8a93a1;margin-top:4px;display:block}.export-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f3;margin-top:12px;padding-top:12px;color:#6b7280;font-size:11px}.export-strip>div{display:flex;gap:7px}.order-filters{width:100%}
.control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.control-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fafbfc}.control-card span{display:block;color:#6b7280;font-size:11px}.control-card strong{display:block;font-size:28px;margin-top:8px;letter-spacing:-.04em}.control-card:hover{border-color:#d71920}
.simple-doc{display:flex;flex-direction:column;gap:14px;max-width:1180px}.step-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-title>i{width:34px;height:34px;border-radius:11px;background:#111827;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800}.step-title>div{flex:1}.step-title strong{display:block;font-size:15px}.step-title span{display:block;color:#8a93a1;font-size:11px;margin-top:3px}.quick-details{border-top:1px solid #edf0f3;margin-top:14px;padding-top:12px}.quick-details summary{cursor:pointer;font-weight:750;color:#b9151b;list-style:none}.quick-create-row{display:flex;align-items:flex-end;gap:10px;padding-top:12px}.quick-create-row .field{min-width:180px}.doc-finish{display:flex;align-items:flex-end;gap:16px}.doc-finish>div{min-width:170px}.doc-finish>div>span{display:block;color:#8a93a1;font-size:10px}.doc-finish>div>strong{font-size:22px;display:block;margin:3px 0}.doc-finish>div>p{margin:0;color:#6b7280;font-size:11px}
@media(max-width:900px){.hero-simple,.section-headline{align-items:flex-start;flex-direction:column}.hero-actions{justify-content:flex-start}.control-grid{grid-template-columns:1fr 1fr}.quick-create-row{flex-wrap:wrap}.doc-finish{align-items:stretch;flex-direction:column}.doc-finish .btn{width:100%}}
@media(max-width:620px){.hero-simple{border-radius:20px;padding:20px}.hero-simple h2{font-size:30px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-actions .btn{width:100%}.section-headline h2{font-size:21px}.section-headline .head-actions{display:grid;grid-template-columns:1fr 1fr}.control-grid{grid-template-columns:1fr 1fr}.control-card{padding:13px}.control-card strong{font-size:24px}.export-strip{align-items:flex-start;flex-direction:column}.export-strip>div{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.quick-create-row{display:grid;grid-template-columns:1fr}.quick-create-row .field{min-width:0}.step-title{align-items:flex-start}.step-title .btn{margin-left:auto}.mobile-record{align-items:flex-start}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* 1.5.0 category summary: compact, touch-friendly and lightweight */
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.category-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid var(--border,#e5e7eb);border-radius:16px;background:#fff;color:inherit;text-decoration:none;min-height:72px}
.category-stat:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(17,24,39,.06)}
.category-stat strong{display:block;font-size:14px;line-height:1.25}.category-stat span{display:block;margin-top:4px;font-size:11px;color:#7b8190}
.category-numbers{text-align:right;white-space:nowrap}.category-numbers b{display:block;font-size:13px}.category-numbers em{display:block;margin-top:4px;font-style:normal;font-weight:800;color:#d71920}
@media(max-width:980px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.category-grid{grid-template-columns:1fr}.category-stat{min-height:66px;padding:12px 13px}.category-stat:hover{transform:none;box-shadow:none}}

/* =========================================================
   1.6.1 PC PREMIUM FINAL
   Fast, low-animation, high-clarity desktop-first UI layer
   ========================================================= */
:root{
  --premium-bg:#f3f6fa;
  --premium-card:#ffffff;
  --premium-ink:#0d1420;
  --premium-muted:#748093;
  --premium-line:#e6ebf1;
  --premium-red:#e51f2a;
  --premium-red-dark:#b80f18;
  --premium-navy:#0b1018;
  --premium-navy2:#141b27;
  --premium-green:#0b9d6d;
  --premium-blue:#2563eb;
  --premium-violet:#6d4aff;
  --premium-shadow:0 18px 50px rgba(22,34,51,.08);
}
body{background:linear-gradient(180deg,#f7f9fc 0,#f2f5f9 42%,#eef2f7 100%);color:var(--premium-ink)}
.content{padding-top:24px}
.panel{border-color:#e7ebf0;box-shadow:0 10px 32px rgba(20,31,47,.055)}

/* Sidebar: warehouse contents live inside Ombor */
.sidebar{background:linear-gradient(180deg,#0b1018 0%,#111825 58%,#0a0f16 100%);border-right:1px solid rgba(255,255,255,.05);box-shadow:14px 0 45px rgba(8,13,21,.12)}
.premium-brand{padding-bottom:20px}.premium-brand .brand-mark{border-radius:15px;box-shadow:0 12px 30px rgba(229,31,42,.28)}
.nav-group{border-radius:14px}.nav-group summary{list-style:none;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary b{font-weight:650;flex:1}.nav-group summary i{font-style:normal;font-size:12px;transition:transform .15s ease}.nav-group[open] summary i{transform:rotate(180deg)}
.nav-sub{margin:5px 0 7px 41px;padding-left:11px;border-left:1px solid #2a3341;display:flex;flex-direction:column;gap:3px}.nav-sub-item{padding:8px 10px;border-radius:9px;color:#8f9aab;font-size:11px;font-weight:650}.nav-sub-item:hover{background:#182130;color:#fff}.nav-sub-item.active{background:rgba(229,31,42,.14);color:#ff9da3}

/* Premium data tables */
.premium-data-table{border-collapse:separate;border-spacing:0;width:100%}.premium-data-table thead th{position:sticky;top:0;z-index:2;background:#f5f7fa;color:#687487;font-size:10px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #dfe5ec;padding:12px 11px}.premium-data-table tbody td{padding:11px;border-bottom:1px solid #edf0f4;vertical-align:middle}.premium-data-table tbody tr:hover{background:#fafcff}.premium-data-table tbody tr:last-child td{border-bottom:0}.id-tag{font-size:10px;color:#7b8595;font-weight:800}.category-pill{display:inline-flex;max-width:220px;padding:6px 9px;border-radius:999px;background:#f1f4f8;color:#526071;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:10px;background:#f5f7fa;border:1px solid #e5eaf0;color:#263244;font-size:10px;font-weight:800}.table-action-btn:hover{border-color:#f1b8bc;background:#fff5f6;color:#bf1119}
.product-thumb{width:50px;height:50px;border:0;border-radius:14px;padding:0;background:#f2f5f8;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #e5eaf0}.product-thumb img{width:100%;height:100%;display:block;object-fit:cover}.product-thumb span{position:absolute;right:3px;bottom:3px;width:19px;height:19px;border-radius:7px;background:rgba(11,16,24,.82);color:#fff;display:grid;place-items:center;font-size:9px;opacity:0;transition:opacity .12s}.product-thumb:hover span{opacity:1}

/* Image preview */
.modal-open{overflow:hidden}.image-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:28px}.image-modal.open{display:grid}.image-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(6,10,16,.72);backdrop-filter:blur(8px)}.image-modal-card{position:relative;width:min(1080px,94vw);max-height:90vh;border-radius:26px;background:#fff;box-shadow:0 35px 110px rgba(0,0,0,.34);overflow:hidden}.image-modal-head{height:74px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9edf2}.image-modal-head h3{margin:4px 0 0;font-size:17px;max-width:780px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-modal-body{height:min(70vh,720px);display:grid;place-items:center;padding:20px;background:radial-gradient(circle at center,#fff 0,#f5f7fa 80%)}.image-modal-body img{max-width:100%;max-height:100%;object-fit:contain;border-radius:18px}

/* Toasts */
.toast-host{position:fixed;top:22px;right:22px;z-index:260;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 28px));pointer-events:none}.app-toast{display:grid;grid-template-columns:38px 1fr 26px;gap:11px;align-items:center;padding:14px 14px;border:1px solid #e4e9ef;border-radius:16px;background:#fff;box-shadow:0 18px 60px rgba(15,23,42,.18);opacity:0;transform:translateY(-8px);transition:.18s ease;pointer-events:auto}.app-toast.show{opacity:1;transform:none}.app-toast-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:950;background:#eef4ff;color:#245ac4}.app-toast.warning .app-toast-icon{background:#fff0f1;color:#c4151d}.app-toast.success .app-toast-icon{background:#eaf9f3;color:#087854}.app-toast strong{display:block;font-size:12px}.app-toast p{margin:3px 0 0;color:#6f7a8b;font-size:11px;line-height:1.4}.app-toast button{border:0;background:transparent;color:#8993a2;font-size:19px}

/* New login */
.premium-login-body{background:#080d14;overflow:hidden}.login-pro-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,38%) 1fr;background:#080d14}.login-pro-panel{position:relative;z-index:3;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%);padding:clamp(42px,6vw,78px);display:flex;flex-direction:column;justify-content:center;box-shadow:30px 0 80px rgba(0,0,0,.18)}.login-pro-brand{display:flex;align-items:center;gap:13px;position:absolute;top:42px;left:clamp(42px,6vw,78px)}.brand-mark.xl{width:50px;height:50px;font-size:22px}.login-pro-brand strong{display:block;font-size:14px;letter-spacing:.11em}.login-pro-brand span{display:block;margin-top:3px;font-size:9px;color:#8c96a5;letter-spacing:.14em}.login-pro-copy{max-width:460px}.login-pro-copy h1{font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.055em;margin:10px 0 15px}.login-pro-copy p{max-width:420px;color:#7c8797;line-height:1.7;margin-bottom:28px}.login-pro-form{max-width:430px}.premium-input{display:block;margin-bottom:15px}.premium-input>span{display:block;font-size:10px;font-weight:800;color:#5f6c7e;margin:0 0 7px}.premium-input>div{display:flex;align-items:center;border:1px solid #dce2e9;background:#fff;border-radius:15px;min-height:56px;box-shadow:0 7px 18px rgba(27,39,55,.035);overflow:hidden}.premium-input>div:focus-within{border-color:#e56f75;box-shadow:0 0 0 4px rgba(229,31,42,.08)}.premium-input i{width:49px;text-align:center;color:#8a94a2;font-style:normal;font-size:11px}.premium-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 8px 0 0;font-size:14px}.password-toggle{border:0;background:transparent;padding:0 14px;color:#b0171e;font-size:10px;font-weight:800}.login-pro-button{width:100%;height:58px;border-radius:16px;margin-top:5px;font-size:15px}.login-pro-button b{font-size:20px}.login-security{display:flex;gap:9px;align-items:flex-start;margin-top:18px;color:#919aa7}.login-security>span{color:#10a875}.login-security p{font-size:10px;line-height:1.5;margin:0}.login-pro-visual{position:relative;overflow:hidden;background:linear-gradient(140deg,#0a1019 0%,#111d2d 55%,#0b121c 100%);color:#fff;padding:58px 6vw;display:flex;flex-direction:column;justify-content:flex-end}.login-pro-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.login-glow{position:absolute;border-radius:50%;filter:blur(10px)}.login-glow.g1{width:420px;height:420px;background:rgba(229,31,42,.14);top:-160px;right:-80px}.login-glow.g2{width:520px;height:520px;background:rgba(44,120,255,.12);bottom:-240px;left:10%}.visual-topline{position:absolute;top:42px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;color:#8d9aab;font-size:10px;letter-spacing:.14em}.visual-topline b{color:#55dba9;background:rgba(17,180,122,.09);border:1px solid rgba(78,211,163,.15);border-radius:999px;padding:7px 10px}.warehouse-scene{position:absolute;inset:70px 3vw 210px;perspective:800px}.scene-screen{position:absolute;left:50%;top:7%;transform:translateX(-50%);width:44%;height:36%;border-radius:20px;border:1px solid rgba(133,202,255,.2);background:linear-gradient(180deg,rgba(23,80,118,.78),rgba(7,31,48,.88));box-shadow:0 0 80px rgba(33,148,255,.12),inset 0 0 50px rgba(70,167,255,.08);padding:16px}.scene-screen-head{display:flex;gap:6px}.scene-screen-head span{width:7px;height:7px;border-radius:50%;background:#59d0ff}.scene-chart{height:46%;display:flex;align-items:end;justify-content:space-between;gap:5px;padding:12px 5%}.scene-chart i{width:11%;border-radius:6px 6px 2px 2px;background:linear-gradient(#6bdcff,#1b6eaa)}.scene-chart i:nth-child(1){height:28%}.scene-chart i:nth-child(2){height:60%}.scene-chart i:nth-child(3){height:42%}.scene-chart i:nth-child(4){height:78%}.scene-chart i:nth-child(5){height:56%}.scene-chart i:nth-child(6){height:88%}.scene-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scene-kpis b{height:30px;border-radius:8px;background:rgba(108,205,255,.1);border:1px solid rgba(108,205,255,.12)}.shelf{position:absolute;bottom:5%;width:34%;height:52%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:7px;padding:12px;border:6px solid #293443;background:rgba(17,25,36,.62);box-shadow:0 26px 40px rgba(0,0,0,.3)}.shelf i{background:linear-gradient(140deg,#d39a51,#8e5828);border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}.shelf-left{left:0;transform:perspective(600px) rotateY(17deg) skewY(-2deg)}.shelf-right{right:0;transform:perspective(600px) rotateY(-17deg) skewY(2deg)}.scene-floor{position:absolute;left:24%;right:24%;bottom:-4%;height:50%;clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(115,172,216,.08),rgba(237,246,255,.02));border-bottom:1px solid rgba(255,255,255,.05)}.scene-box{position:absolute;bottom:6%;width:45px;height:35px;background:#bc793b;border-radius:4px;box-shadow:0 10px 20px rgba(0,0,0,.22)}.scene-box.b1{left:45%}.scene-box.b2{left:50%;bottom:2%;width:58px;height:42px}.scene-box.b3{right:42%;bottom:9%;width:39px}.visual-main-copy{position:relative;z-index:3;max-width:760px}.visual-main-copy h2{font-size:clamp(38px,4vw,64px);line-height:1.02;letter-spacing:-.055em;margin:10px 0 14px}.visual-main-copy p{max-width:650px;color:#9eabba;line-height:1.65}.visual-stat-row{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.visual-stat-row>div{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:16px;padding:14px 15px}.visual-stat-row span{font-size:9px;color:#8390a1;text-transform:uppercase;letter-spacing:.09em}.visual-stat-row strong{display:block;margin-top:5px;font-size:11px}

/* Warehouse premium */
.warehouse-command-hero{position:relative;overflow:hidden;border-radius:26px;padding:28px;background:radial-gradient(circle at 85% 20%,rgba(229,31,42,.22),transparent 30%),linear-gradient(135deg,#0b1018,#192332);color:#fff;margin-bottom:16px;box-shadow:0 22px 55px rgba(16,27,42,.15)}.warehouse-command-hero>div:first-child{max-width:850px}.warehouse-command-hero h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;margin:8px 0 10px}.warehouse-command-hero p{color:#a7b1bf;margin-bottom:22px}.warehouse-command-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.command-action{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.command-action:hover{background:rgba(255,255,255,.09)}.command-action i{width:38px;height:38px;border-radius:12px;background:#263041;display:grid;place-items:center;font-style:normal;font-weight:900}.command-action.green i{background:rgba(11,157,109,.18);color:#5ce1b3}.command-action.red i{background:rgba(229,31,42,.18);color:#ff7f87}.command-action.violet i{background:rgba(109,74,255,.18);color:#b7a9ff}.command-action span{display:block;color:#8794a6;font-size:9px}.command-action strong{display:block;font-size:11px;margin-top:3px}.warehouse-kpis .kpi-card{min-height:116px}.warehouse-stock-panel{margin-bottom:18px}

/* Orders list */
.orders-hero{border-radius:26px;padding:28px;background:radial-gradient(circle at 85% 5%,rgba(229,31,42,.22),transparent 31%),linear-gradient(135deg,#0b1018,#182333);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;box-shadow:0 22px 55px rgba(17,27,42,.14)}.orders-hero-copy{max-width:760px}.orders-hero h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.05em;margin:8px 0}.orders-hero p{color:#a3afbe;margin:0 0 18px}.orders-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);min-width:430px;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.orders-hero-stats>div{padding:17px;border-right:1px solid rgba(255,255,255,.08)}.orders-hero-stats>div:last-child{border-right:0}.orders-hero-stats span{font-size:9px;color:#8996a8}.orders-hero-stats strong{display:block;margin-top:5px;font-size:17px}.order-status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.order-status-grid article{background:#fff;border:1px solid #e7ebf0;border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(20,31,47,.035);display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px}.order-status-grid i{width:9px;height:9px;border-radius:50%}.order-status-grid i.pending{background:#e1a11a}.order-status-grid i.approved{background:#2563eb}.order-status-grid i.shipped{background:#6d4aff}.order-status-grid i.done{background:#0b9d6d}.order-status-grid i.rejected{background:#e51f2a}.order-status-grid span{font-size:10px;color:#6f7a8b}.order-status-grid strong{font-size:16px}.order-filter-panel{margin-bottom:14px}.orders-table-panel{padding:15px}

/* Order builder */
.order-builder{display:flex;flex-direction:column;gap:14px}.order-builder-hero{border-radius:26px;padding:26px 28px;background:radial-gradient(circle at 78% 10%,rgba(229,31,42,.2),transparent 29%),linear-gradient(135deg,#0b1018,#1a2432);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 22px 55px rgba(17,27,42,.15)}.order-builder-hero>div:first-child{max-width:780px}.order-builder-hero h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;margin:8px 0}.order-builder-hero p{margin:0;color:#a2aebe;line-height:1.55}.order-builder-meta{display:flex;gap:10px;align-items:stretch}.premium-select,.order-branch-chip,.order-live-chip{min-width:190px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:15px;padding:11px 13px}.premium-select span,.order-branch-chip span,.order-live-chip span{display:block;color:#8694a7;font-size:9px}.premium-select select{margin-top:5px;width:100%;border:0;color:#fff;background:transparent;font-weight:750;outline:0}.premium-select option{color:#111827}.order-branch-chip strong,.order-live-chip strong{display:block;margin-top:5px;font-size:11px}.order-live-chip{display:flex;align-items:center;gap:10px;min-width:150px}.order-live-chip i{width:10px;height:10px;border-radius:50%;background:#24c58b;box-shadow:0 0 0 6px rgba(36,197,139,.1)}.catalog-panel{padding:16px}.catalog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:5px 4px 14px}.catalog-toolbar h2{margin:4px 0 2px;font-size:19px}.catalog-toolbar p{margin:0;color:#8a94a3;font-size:10px}.catalog-filters{display:flex;align-items:center;gap:8px;min-width:min(620px,55%)}.catalog-search{height:44px;display:flex;align-items:center;gap:7px;border:1px solid #dde3ea;border-radius:13px;background:#f9fafc;padding:0 12px;flex:1}.catalog-search:focus-within{border-color:#e87379;box-shadow:0 0 0 4px rgba(229,31,42,.07)}.catalog-search span{color:#8d97a5}.catalog-search input{width:100%;border:0;outline:0;background:transparent}.catalog-filters .compact-select{height:44px;max-width:240px;background:#f9fafc}.catalog-table-wrap{max-height:510px;overflow:auto;border:1px solid #e6ebf0;border-radius:16px}.catalog-table{width:100%;border-collapse:separate;border-spacing:0}.catalog-table thead th{position:sticky;top:0;z-index:3;background:#eef2f6;color:#697587;font-size:9px;text-transform:uppercase;letter-spacing:.04em;padding:11px 10px;border-bottom:1px solid #dde4eb;text-align:left}.catalog-table tbody td{padding:9px 10px;border-bottom:1px solid #edf1f5;vertical-align:middle}.catalog-table tbody tr:hover{background:#fbfcfe}.catalog-table .product-thumb{width:45px;height:45px}.catalog-table td strong{font-size:11px}.catalog-table td small{color:#8791a0}.money-value{white-space:nowrap}.catalog-qty-cell{width:90px}.catalog-qty{width:76px;border:1px solid #dce2e9;border-radius:10px;padding:9px;text-align:center;font-weight:850;background:#fff}.catalog-qty:focus{outline:0;border-color:#e66c73;box-shadow:0 0 0 3px rgba(229,31,42,.07)}.catalog-add-btn{border:0;border-radius:10px;background:#eaf8f2;color:#087854;min-width:82px;padding:9px 10px;font-size:10px;font-weight:900}.catalog-add-btn:hover{background:#dff4eb}.catalog-empty{padding:40px;text-align:center;color:#8a94a3}.order-cart-panel{padding-bottom:15px}.cart-empty{display:grid;place-items:center;text-align:center;min-height:170px;border:1px dashed #dce3ea;border-radius:16px;background:#fbfcfd;color:#8d97a5}.cart-empty>div{width:42px;height:42px;border-radius:13px;background:#f0f3f6;display:grid;place-items:center;font-size:22px;margin-bottom:8px}.cart-empty strong{color:#556173}.cart-empty span{font-size:10px;margin-top:4px}.cart-table th{background:#f5f7fa;color:#687486;font-size:9px;text-transform:uppercase;padding:10px;text-align:left}.cart-table td{padding:10px;border-bottom:1px solid #edf1f4}.cart-product{display:flex;align-items:center;gap:10px;min-width:330px}.cart-product strong{font-size:11px;display:block}.cart-product small{display:block;color:#8993a2;margin-top:4px}.cart-thumb{width:42px;height:42px;padding:0;border:0;border-radius:11px;overflow:hidden;background:#f0f3f6}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-qty-input{width:90px;border:1px solid #dce2e8;border-radius:10px;padding:8px 9px;text-align:center;font-weight:850}.cart-line-total{color:#0d1420}.cart-remove{width:34px;height:34px;border:1px solid #ffd8da;border-radius:10px;background:#fff3f4;color:#bf151c;font-size:18px}.order-cart-summary{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.order-cart-summary>div{min-width:130px;border:1px solid #e6ebf0;background:#fafbfd;border-radius:14px;padding:11px 13px}.order-cart-summary span{display:block;color:#818b9a;font-size:9px}.order-cart-summary strong{display:block;margin-top:4px;font-size:15px}.order-cart-summary .grand{background:#101721;color:#fff;border-color:#101721;min-width:180px}.order-cart-summary .grand span{color:#93a0b1}.order-cart-summary .grand strong{font-size:19px}.order-final-bar{position:sticky;bottom:14px;z-index:20;display:flex;align-items:flex-end;gap:12px;padding:14px;background:rgba(255,255,255,.96);border:1px solid #e3e8ee;border-radius:18px;box-shadow:0 18px 55px rgba(17,27,42,.13)}.order-final-total{min-width:150px}.order-final-total span{display:block;font-size:9px;color:#7c8797}.order-final-total strong{display:block;font-size:18px;margin-top:4px}.order-final-bar .field input{min-width:320px}.order-final-bar .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

/* Product edit */
.product-edit-page{max-width:760px}.product-edit-card{padding:22px}.product-edit-preview{display:flex;align-items:center;gap:17px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e9edf2}.product-edit-image{width:118px;height:96px;border:0;border-radius:17px;background:#f1f4f7;padding:0;overflow:hidden;position:relative}.product-edit-image img{width:100%;height:100%;object-fit:cover}.product-edit-image span{position:absolute;inset:auto 6px 6px;background:rgba(10,15,23,.8);color:#fff;border-radius:8px;padding:5px;font-size:8px}.product-edit-preview h2{font-size:20px;margin:5px 0}.product-edit-preview p{margin:0;color:#7d8796;font-size:11px}.upload-field input{padding:9px;background:#fafbfd}.image-delete-form{margin-top:12px;text-align:right}

/* ABC */
.abc-hero{border-radius:25px;padding:25px 28px;background:linear-gradient(135deg,#0b1018,#1c2635);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.abc-hero h2{font-size:38px;letter-spacing:-.05em;margin:7px 0}.abc-hero p{margin:0;color:#9aa7b7}.abc-hero-total{text-align:right}.abc-hero-total span{display:block;color:#8e9bac;font-size:9px}.abc-hero-total strong{display:block;font-size:25px;margin-top:5px}.abc-class-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.abc-class{display:flex;align-items:center;gap:11px;padding:13px;border-radius:15px;background:#fafbfd;border:1px solid #e7ebf0}.abc-class i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:950}.abc-class.a i{background:#e8f8f1;color:#07825a}.abc-class.b i{background:#fff5df;color:#a86300}.abc-class.c i{background:#edf2ff;color:#345bc0}.abc-class strong{display:block;font-size:11px}.abc-class span{display:block;color:#8791a0;font-size:9px;margin-top:3px}

/* Existing kirim/chiqim forms upgraded visually */
.simple-doc{max-width:1280px}.simple-doc>.panel{padding:20px;border-radius:20px}.simple-doc>.panel:nth-of-type(1){border-top:3px solid #1f2937}.simple-doc>.panel:nth-of-type(2){border-top:3px solid #d71920}.step-title>i{background:linear-gradient(145deg,#111827,#2b3442);box-shadow:0 7px 18px rgba(17,24,39,.12)}.line-table{display:flex;flex-direction:column;gap:8px}.line-row{border:1px solid #e7ebf0;background:#fafbfd;border-radius:15px;padding:10px}.doc-finish{position:sticky;bottom:14px;z-index:18;background:rgba(255,255,255,.97);box-shadow:0 16px 48px rgba(17,27,42,.12)}

@media(max-width:1250px){.warehouse-command-actions{grid-template-columns:repeat(2,1fr)}.orders-hero{align-items:flex-start;flex-direction:column}.orders-hero-stats{width:100%;min-width:0}.order-status-grid{grid-template-columns:repeat(3,1fr)}.order-builder-hero{align-items:flex-start;flex-direction:column}.order-builder-meta{width:100%}.catalog-filters{min-width:0;width:58%}}
@media(max-width:980px){.login-pro-shell{grid-template-columns:1fr}.login-pro-visual{display:none}.login-pro-panel{min-height:100vh;padding:100px 8vw 50px}.login-pro-brand{left:8vw}.order-status-grid{grid-template-columns:repeat(2,1fr)}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-filters{width:100%}.order-final-bar{flex-wrap:wrap}.order-final-bar .field{flex-basis:100%}.order-final-bar .field input{min-width:0}.visual-stat-row{grid-template-columns:1fr}}
@media(max-width:720px){.warehouse-command-hero,.orders-hero,.order-builder-hero,.abc-hero{border-radius:20px;padding:20px}.warehouse-command-actions{grid-template-columns:1fr 1fr}.order-status-grid{grid-template-columns:1fr 1fr}.orders-hero-stats{grid-template-columns:1fr}.orders-hero-stats>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.orders-hero-stats>div:last-child{border-bottom:0}.order-builder-meta{flex-direction:column}.premium-select,.order-branch-chip,.order-live-chip{width:100%;min-width:0}.catalog-filters{flex-direction:column}.catalog-filters .compact-select{max-width:none}.catalog-table-wrap{max-height:56vh}.catalog-table{min-width:980px}.cart-table{min-width:720px}.order-cart-summary{display:grid;grid-template-columns:1fr 1fr}.order-cart-summary .grand{grid-column:1/-1;min-width:0}.order-final-bar{bottom:8px}.abc-hero{align-items:flex-start;flex-direction:column}.abc-hero-total{text-align:left}.abc-class-cards{grid-template-columns:1fr}.image-modal{padding:12px}.image-modal-card{width:100%;border-radius:19px}.image-modal-body{height:64vh}.toast-host{top:12px;right:12px}.product-edit-preview{align-items:flex-start;flex-direction:column}.product-edit-image{width:100%;height:190px}}
@media(max-width:520px){.warehouse-command-actions{grid-template-columns:1fr}.order-status-grid{grid-template-columns:1fr}.order-cart-summary{grid-template-columns:1fr}.order-cart-summary .grand{grid-column:auto}.login-pro-panel{padding-left:22px;padding-right:22px}.login-pro-brand{left:22px}.login-pro-copy h1{font-size:38px}.catalog-add-btn span{display:none}.catalog-add-btn{min-width:44px}.order-final-bar{align-items:stretch;flex-direction:column}.order-final-total{min-width:0}.order-final-bar .btn{width:100%}}
.order-builder-hero{position:relative}.order-builder-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;color:#fff;font-size:22px;z-index:2}.order-builder-close:hover{background:rgba(229,31,42,.22);border-color:rgba(255,117,124,.24)}


/* ==========================================================
   1.6.1 PREMIUM UX REFINE
   - modern login v3
   - larger readable typography
   - fixed order table semantics
   - searchable category field
   ========================================================== */
[hidden]{display:none!important}
body:not(.login-v3-body){font-size:15px;letter-spacing:-.005em}
.nav-item{font-size:14px;font-weight:760;padding:13px 14px}.nav-sub-item{font-size:13px!important}.nav-caption{font-size:11px}.brand strong{font-size:15px}.brand span{font-size:10px}.top-title h1{font-size:28px}.eyebrow{font-size:11px}.panel-head h2{font-size:21px}.panel-sub{font-size:13px}.field>span{font-size:13px}.field small{font-size:11.5px}.field input,.field select,.field textarea,.compact-select,.search-input{font-size:14px;padding:12px 13px}.btn{font-size:14px}.chip,.badge{font-size:11px}.code{font-size:12px}.table-wrap table th{font-size:11px!important;white-space:nowrap}.table-wrap table td{font-size:13.5px!important}.table-wrap table td:not(.details-cell){white-space:nowrap}.table-wrap table td strong{font-size:13.5px}.flash{font-size:13px}

/* Login V3 */
.login-v3-body{margin:0;min-height:100vh;background:#080c13;color:#0f1720;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow:hidden}
.login-v3-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,41%) minmax(0,59%);background:#fff}
.login-v3-form-side{position:relative;min-height:100vh;padding:42px clamp(42px,5vw,86px) 34px;display:flex;flex-direction:column;background:radial-gradient(circle at 0 0,#fff 0,#fff 42%,#f8fafc 100%);z-index:2}
.login-v3-brand{display:flex;align-items:center;gap:14px}.login-v3-logo{width:48px;height:48px;border-radius:15px;font-size:23px;box-shadow:0 14px 38px rgba(215,25,32,.24)}.login-v3-brand strong{display:block;font-size:15px;letter-spacing:.11em;color:#101722}.login-v3-brand span{display:block;margin-top:4px;color:#8b94a2;font-size:9px;letter-spacing:.14em}
.login-v3-form-wrap{width:min(500px,100%);margin:auto 0}.login-v3-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.login-v3-badges span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e8ebef;border-radius:999px;background:#fff;color:#647080;font-size:10px;font-weight:800}.login-v3-badges i{width:7px;height:7px;border-radius:50%;background:#12b981;box-shadow:0 0 0 4px rgba(18,185,129,.1)}
.login-v3-copy .eyebrow{font-size:11px}.login-v3-copy h1{margin:12px 0 16px;font-size:clamp(42px,4vw,64px);line-height:.98;letter-spacing:-.065em;color:#0d1420;font-weight:900}.login-v3-copy h1 em{font-style:normal;color:#d71920}.login-v3-copy p{margin:0 0 30px;color:#697586;font-size:15px;line-height:1.65;max-width:460px}
.login-v3-form{display:flex;flex-direction:column;gap:16px}.login-v3-field{display:flex;flex-direction:column;gap:8px}.login-v3-field>span{font-size:12px;font-weight:850;color:#4d5868}.login-v3-control{height:58px;display:flex;align-items:center;border:1px solid #dfe4ea;background:#fff;border-radius:16px;padding:0 12px;box-shadow:0 7px 20px rgba(17,24,39,.035);transition:.18s}.login-v3-control:focus-within{border-color:#e9676c;box-shadow:0 0 0 5px rgba(215,25,32,.07),0 12px 30px rgba(17,24,39,.06)}.login-v3-control>b{width:34px;height:34px;border-radius:10px;background:#f2f4f7;display:grid;place-items:center;color:#697586;font-size:12px}.login-v3-control input{flex:1;height:100%;min-width:0;border:0;outline:0;background:transparent;padding:0 13px;font-size:15px;font-weight:650;color:#111827}.login-v3-control input::placeholder{color:#a0a8b4;font-weight:500}.login-v3-eye{border:0;background:#f5f6f8;color:#677181;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:850}.login-v3-eye:hover{background:#eceff3;color:#111827}
.login-v3-submit{height:59px;border:0;border-radius:16px;margin-top:4px;padding:0 19px;background:linear-gradient(135deg,#ef2930 0,#d71920 50%,#b40d14 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:900;box-shadow:0 16px 35px rgba(215,25,32,.27);transition:.2s}.login-v3-submit:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(215,25,32,.31)}.login-v3-submit b{width:33px;height:33px;border-radius:10px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:18px}
.login-v3-security{margin-top:20px;padding:13px 14px;border:1px solid #e7ecef;border-radius:15px;background:#f8fafb;display:flex;align-items:center;gap:11px}.login-v3-security>span{width:34px;height:34px;border-radius:11px;background:#e7f9f2;color:#0a8960;display:grid;place-items:center;font-weight:950}.login-v3-security strong{display:block;font-size:11px;color:#344050}.login-v3-security small{display:block;margin-top:3px;color:#818b99;font-size:9.5px;line-height:1.45}.login-v3-foot{font-size:9px;color:#a1a8b2;letter-spacing:.05em;margin-top:26px}
.login-v3-visual{position:relative;overflow:hidden;min-height:100vh;padding:38px clamp(38px,4vw,70px);display:flex;flex-direction:column;background:linear-gradient(145deg,#0a0f17 0%,#101925 45%,#0a1018 100%);color:#fff}.login-v3-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 90%)}.login-v3-ambient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22}.login-v3-ambient.a1{width:430px;height:430px;background:#12b8d7;right:8%;top:8%}.login-v3-ambient.a2{width:360px;height:360px;background:#d71920;left:12%;bottom:5%}.login-v3-visual-head{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;color:#8e9cad;font-size:10px;letter-spacing:.13em;font-weight:850}.login-v3-visual-head b{display:flex;align-items:center;gap:8px;color:#b8c3cf;font-size:9px}.login-v3-visual-head i{width:7px;height:7px;background:#27d89a;border-radius:50%;box-shadow:0 0 0 5px rgba(39,216,154,.1)}
.login-v3-art-card{position:relative;z-index:3;margin:auto 0 24px;height:min(54vh,570px);min-height:410px;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.06),0 40px 90px rgba(0,0,0,.22);overflow:hidden;backdrop-filter:blur(9px)}.art-top{position:absolute;z-index:3;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;color:#96a3b2;font-size:10px}.art-top strong{color:#43dab0}.warehouse-svg{position:absolute;inset:24px 10px 4px;width:calc(100% - 20px);height:calc(100% - 28px)}.login-v3-float{position:absolute;z-index:4;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(12,19,29,.82);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.18)}.login-v3-float span{display:block;color:#8391a2;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.login-v3-float strong{display:block;margin-top:4px;font-size:15px}.login-v3-float.f1{left:4%;bottom:9%}.login-v3-float.f2{right:4%;top:17%}.login-v3-float.f2 strong{color:#39dab0}
.login-v3-visual-copy{position:relative;z-index:3}.login-v3-visual-copy h2{margin:7px 0 9px;font-size:clamp(28px,2.5vw,42px);letter-spacing:-.045em}.login-v3-visual-copy p{margin:0;color:#91a0b1;max-width:700px;line-height:1.55;font-size:12px}.login-v3-stats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.login-v3-stats>div{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);padding:12px 13px;overflow:hidden}.login-v3-stats b{position:absolute;right:9px;top:6px;color:rgba(255,255,255,.055);font-size:28px}.login-v3-stats span{display:block;color:#7f8c9d;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.login-v3-stats strong{display:block;margin-top:5px;font-size:9px;color:#d8dee6}

/* Order builder desktop refinement */
.order-builder{gap:16px}.order-builder-hero{padding:20px 24px;border-radius:22px;min-height:126px}.order-builder-hero h2{font-size:30px;margin:6px 0 8px;white-space:nowrap}.order-builder-hero p{font-size:13px}.order-branch-chip strong,.order-live-chip strong{font-size:13px}.catalog-panel{padding:20px}.catalog-toolbar{align-items:center;padding:2px 0 16px}.catalog-toolbar h2{font-size:23px}.catalog-toolbar p{font-size:12px}.catalog-filters{min-width:min(720px,60%)}.catalog-search,.category-search{height:48px;display:flex;align-items:center;gap:8px;border:1px solid #dde3ea;border-radius:14px;background:#fbfcfe;padding:0 13px;flex:1;transition:.16s}.catalog-search:focus-within,.category-search:focus-within{border-color:#e56b70;box-shadow:0 0 0 4px rgba(215,25,32,.07);background:#fff}.catalog-search input,.category-search input{width:100%;height:100%;border:0;outline:0;background:transparent;font-size:13px;color:#17202c}.category-search{max-width:290px}.catalog-table-wrap{max-height:540px;border-radius:15px}.catalog-table{table-layout:fixed;min-width:1180px}.catalog-table tr.catalog-product-row{display:table-row!important;grid-template-columns:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent;position:static}.catalog-table thead th{font-size:10.5px;padding:13px 11px;background:#e9eef3;color:#596778}.catalog-table tbody td{font-size:13px;padding:11px;border-bottom:1px solid #ebeff3}.catalog-table tbody tr:hover{background:#f7f9fb}.catalog-table th:nth-child(1),.catalog-table td:nth-child(1){width:72px}.catalog-table th:nth-child(2),.catalog-table td:nth-child(2){width:150px}.catalog-table th:nth-child(3),.catalog-table td:nth-child(3){width:330px}.catalog-table th:nth-child(4),.catalog-table td:nth-child(4){width:205px}.catalog-table th:nth-child(5),.catalog-table td:nth-child(5){width:100px}.catalog-table th:nth-child(6),.catalog-table td:nth-child(6){width:112px}.catalog-table th:nth-child(7),.catalog-table td:nth-child(7){width:92px}.catalog-table th:nth-child(8),.catalog-table td:nth-child(8){width:122px}.catalog-table td:nth-child(2),.catalog-table td:nth-child(3),.catalog-table td:nth-child(4){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-table td strong{font-size:13px}.catalog-table td small{font-size:11px}.catalog-table .product-thumb{width:48px;height:48px}.catalog-qty{width:72px;height:40px;font-size:14px}.catalog-add-btn{min-width:102px;height:40px;font-size:12px;border-radius:11px}.category-pill{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.cart-empty{min-height:145px}.cart-empty strong{font-size:14px}.cart-empty span{font-size:11px}.cart-table th{font-size:10.5px;padding:12px}.cart-table td{padding:12px;font-size:13px}.cart-product{min-width:390px}.cart-product strong{font-size:13px;white-space:nowrap;max-width:470px;overflow:hidden;text-overflow:ellipsis}.cart-product small{font-size:10.5px}.cart-qty-input{font-size:14px;height:40px}.order-cart-summary span{font-size:10px}.order-cart-summary strong{font-size:17px}.order-cart-summary .grand strong{font-size:21px}.order-final-bar .field>span{font-size:11px}.order-final-total span{font-size:10px}.order-final-total strong{font-size:20px}

/* Admin users clearer */
.grid-main-side .sticky-card .panel-head h2{font-size:22px}.grid-main-side .sticky-card .field>span{font-size:13px}.grid-main-side .sticky-card .field input,.grid-main-side .sticky-card .field select{min-height:46px;font-size:14px}.grid-main-side .sticky-card .field small{font-size:11px;line-height:1.5;color:#788392}

@media(max-width:1100px){.login-v3-shell{grid-template-columns:1fr}.login-v3-visual{display:none}.login-v3-form-side{padding:38px 8vw;min-height:100vh}.login-v3-form-wrap{margin:auto}.order-builder-hero h2{white-space:normal}.catalog-filters{min-width:0;width:100%}.category-search{max-width:none}}
@media(max-width:720px){.login-v3-form-side{padding:28px 22px}.login-v3-form-wrap{width:100%}.login-v3-copy h1{font-size:42px}.login-v3-copy p{font-size:14px}.login-v3-control{height:55px}.login-v3-submit{height:56px}.catalog-table{min-width:1100px}.order-builder-hero h2{font-size:25px}.catalog-toolbar h2{font-size:21px}}

/* ============================================================
   1.6.3 PREMIUM SEARCH + LARGE TYPOGRAPHY
   ============================================================ */
:root{--premium-red:#e21c25;--premium-dark:#0d1522;--premium-soft:#f4f7fa;--premium-border:#e1e7ed;--premium-text:#101722;--premium-muted:#697586}
html{font-size:17px}.content{font-size:15px}.sidebar{width:244px}.main{margin-left:244px}.brand{padding:22px 20px}.brand-mark{width:42px;height:42px;font-size:18px}.brand strong{font-size:16px;letter-spacing:.045em}.brand span{font-size:10.5px;letter-spacing:.08em}.nav{padding:8px 13px 22px}.nav-caption{font-size:11.5px;letter-spacing:.15em;margin:19px 10px 9px}.nav-item{min-height:50px;font-size:15px;font-weight:820;padding:14px 14px;border-radius:13px;gap:12px}.nav-item>span{font-size:17px}.nav-sub{padding:7px 0 7px 19px}.nav-sub-item{font-size:14px!important;font-weight:720;padding:11px 13px;border-radius:10px;white-space:nowrap}.sidebar-foot{padding:18px 14px}.user-mini strong{font-size:13px}.user-mini span{font-size:10.5px}.logout{font-size:13px;height:42px}.topbar{min-height:78px;padding:13px 26px}.top-title .eyebrow{font-size:11.5px}.top-title h1{font-size:30px;line-height:1.08}.live-dot{font-size:12px;padding:9px 13px}.panel{border-radius:21px;box-shadow:0 18px 48px rgba(16,28,44,.075)}.panel-head h2{font-size:24px;line-height:1.18}.panel-sub{font-size:14px;line-height:1.5}.eyebrow{font-size:11.5px;letter-spacing:.13em}.btn{font-size:14px;font-weight:820;min-height:42px;padding:10px 16px;border-radius:12px}.btn.large{min-height:48px;padding:12px 19px;font-size:15px}.field>span{font-size:13.5px;font-weight:760}.field input,.field select,.field textarea,.compact-select,.search-input{font-size:14.5px;min-height:44px}.badge,.chip{font-size:12px;font-weight:800;padding:7px 10px}.code{font-size:12.5px}.table-wrap table th{font-size:12px!important;font-weight:850;letter-spacing:.035em;padding:13px 12px}.table-wrap table td{font-size:14px!important;padding:13px 12px}.table-wrap table td strong{font-size:14.5px}.table-wrap table td:not(.details-cell){white-space:nowrap}.subline{font-size:11.5px!important;margin-top:4px}

/* Orders */
.premium-orders-hero{padding:28px 30px;min-height:190px}.orders-hero-copy h2{font-size:41px;line-height:1.05;margin:9px 0 10px}.orders-hero-copy p{font-size:14px;max-width:700px}.orders-hero-right{display:flex;align-items:flex-end;gap:20px;margin-left:auto}.new-order-cta{min-width:170px;justify-content:center;font-size:15px;box-shadow:0 12px 28px rgba(255,255,255,.12)}.orders-hero-stats{min-width:390px}.orders-hero-stats span{font-size:11px}.orders-hero-stats strong{font-size:21px}.order-status-grid.six{grid-template-columns:repeat(6,1fr)}.order-status-grid article{min-height:55px;padding:13px 15px}.order-status-grid article span{font-size:12.5px;font-weight:750}.order-status-grid article strong{font-size:16px}.order-status-grid i.draft{background:#8d96a5}.premium-filter-panel{padding:17px}.order-filters .field span{font-size:12px}.export-strip{font-size:12px}.premium-orders-table-panel{padding:14px}.orders-main-table{min-width:1240px}.orders-main-table th:last-child,.orders-main-table td:last-child{min-width:355px}.order-row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.order-row-actions form{margin:0}.table-action-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe5eb;background:#fff;border-radius:10px;min-height:36px;padding:8px 10px;font-size:12px;font-weight:800;color:#17202c;text-decoration:none;cursor:pointer}.table-action-btn:hover{border-color:#cdd5de;background:#f7f9fb}.table-action-btn.edit{color:#1557b0;background:#f2f7ff;border-color:#dce9fc}.table-action-btn.send{color:#087854;background:#edf9f4;border-color:#d7f1e6}.table-action-btn.delete,.table-action-btn.cancel{color:#c0161d;background:#fff4f4;border-color:#ffdadd}

/* Order builder */
.premium-order-hero{padding:27px 30px;min-height:158px}.order-builder-copy h2{font-size:34px;line-height:1.12;margin:8px 0}.order-builder-copy p{font-size:14px}.order-builder-meta{gap:10px}.order-branch-chip,.order-live-chip,.premium-select{min-height:58px;padding:10px 13px}.order-branch-chip span,.order-live-chip span,.premium-select span{font-size:10px}.order-branch-chip strong,.order-live-chip strong,.premium-select select{font-size:13.5px}.order-live-chip .orange-dot{background:#f59e0b}.order-live-chip .green-dot{background:#18b981}.premium-catalog-panel{padding:22px}.catalog-toolbar h2{font-size:26px}.catalog-toolbar p{font-size:13px}.catalog-search,.category-search{height:52px}.catalog-search input,.category-search input{font-size:14px}.catalog-table-wrap{max-height:560px}.premium-product-table{min-width:1260px}.catalog-table thead th{font-size:11.5px;padding:14px 12px}.catalog-table tbody td{font-size:14px;padding:12px}.catalog-table td strong,.product-name-main{font-size:14px!important}.catalog-table td small{font-size:11.5px}.catalog-table .product-thumb{width:52px;height:52px}.catalog-table th:nth-child(1),.catalog-table td:nth-child(1){width:72px}.catalog-table th:nth-child(2),.catalog-table td:nth-child(2){width:160px}.catalog-table th:nth-child(3),.catalog-table td:nth-child(3){width:360px}.catalog-table th:nth-child(4),.catalog-table td:nth-child(4){width:220px}.catalog-table th:nth-child(5),.catalog-table td:nth-child(5){width:105px}.catalog-table th:nth-child(6),.catalog-table td:nth-child(6){width:125px}.catalog-table th:nth-child(7),.catalog-table td:nth-child(7){width:110px}.catalog-table th:nth-child(8),.catalog-table td:nth-child(8){width:130px}.catalog-qty{width:90px;height:43px;font-size:14.5px}.catalog-qty::placeholder{color:#9aa4b2;font-weight:650}.catalog-add-btn{min-width:110px;height:43px;font-size:12.5px}.stock-hidden-label{display:inline-flex;padding:7px 9px;border-radius:9px;background:#f2f4f7;color:#788392;font-size:11px;font-weight:800}.premium-cart-panel{padding:21px}.cart-table th{font-size:11.5px;padding:13px}.cart-table td{font-size:14px;padding:13px}.cart-product strong{font-size:14px}.cart-qty-input{font-size:14.5px;height:42px}.order-cart-summary>div{min-width:145px;padding:13px 15px}.order-cart-summary span{font-size:11px}.order-cart-summary strong{font-size:18px}.order-cart-summary .grand{min-width:205px}.order-cart-summary .grand strong{font-size:23px}.order-final-bar{padding:16px 17px}.order-final-bar .field>span{font-size:12px}.order-final-total strong{font-size:22px}

/* Management policy */
.premium-management-hero{padding:28px 30px}.premium-management-hero h2{font-size:38px}.premium-management-hero p{font-size:14px}.policy-panel{padding:23px}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.policy-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:152px;padding:21px 22px;border:1px solid var(--premium-border);border-radius:19px;background:linear-gradient(145deg,#fff,#f8fafc);cursor:pointer;transition:.18s}.policy-card:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(15,27,43,.08)}.policy-copy{max-width:78%}.policy-kicker{display:block;color:#d71920;font-size:10px;font-weight:900;letter-spacing:.13em;margin-bottom:7px}.policy-copy strong{display:block;font-size:19px;line-height:1.25;color:var(--premium-text)}.policy-copy p{font-size:13px;line-height:1.5;color:var(--premium-muted);margin:8px 0 0}.policy-card input{position:absolute;opacity:0;pointer-events:none}.toggle-switch{flex:0 0 62px;width:62px;height:34px;border-radius:999px;background:#d9dfe6;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);transition:.2s}.toggle-switch:after{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 3px 9px rgba(0,0,0,.18);transition:.2s}.policy-card input:checked+.toggle-switch{background:#18a873}.policy-card input:checked+.toggle-switch:after{transform:translateX(28px)}.policy-note{margin-top:15px;padding:13px 15px;border-radius:13px;background:#f4f7fa;color:#647184;font-size:12.5px;line-height:1.45}.policy-note strong{color:#17202c}.policy-actions{display:flex;justify-content:flex-end;margin-top:15px}.control-grid{grid-template-columns:repeat(5,1fr)}.control-card span{font-size:12px}.control-card strong{font-size:24px}

/* Order detail */
.premium-order-detail-hero{padding:27px 30px}.premium-order-detail-hero h2{font-size:35px}.premium-detail-panel{padding:22px}.export-actions{flex-wrap:wrap}.premium-action-panel{align-items:center}.action-buttons-large{gap:10px;flex-wrap:wrap}.reject-inline{display:flex;gap:8px}.reject-inline input{min-height:44px;border:1px solid #dfe5eb;border-radius:12px;padding:10px 12px;font-size:13px}

/* Global premium legibility */
.kpi-card span{font-size:12px}.kpi-card strong{font-size:28px}.kpi-card p{font-size:12.5px}.control-card{padding:18px}.mobile-record strong{font-size:14px}.mobile-record span{font-size:11.5px}.mini-row strong{font-size:13.5px}.mini-row span{font-size:11px}.note-box strong{font-size:13px}.note-box p{font-size:14px}.flow-step strong{font-size:13px}.flow-step span{font-size:11px}.doc-lines-head h3{font-size:19px}.doc-lines-head p{font-size:12.5px}

@media(max-width:1450px){.sidebar{width:220px}.main{margin-left:220px}.nav-item{font-size:14px}.orders-hero-copy h2{font-size:36px}.orders-hero-right{gap:12px}.orders-hero-stats{min-width:330px}.order-status-grid.six{grid-template-columns:repeat(3,1fr)}.policy-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.sidebar{width:280px}.main{margin-left:0}.policy-grid{grid-template-columns:1fr}.orders-hero-right{width:100%;align-items:stretch;flex-direction:column}.new-order-cta{align-self:flex-end}.order-status-grid.six{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){html{font-size:16px}.top-title h1{font-size:24px}.panel-head h2{font-size:21px}.order-builder-copy h2{font-size:27px}.orders-hero-copy h2{font-size:32px}.order-status-grid.six{grid-template-columns:1fr 1fr}.policy-copy{max-width:72%}.policy-copy strong{font-size:17px}.orders-main-table{min-width:1180px}.premium-product-table{min-width:1220px}.order-final-bar{align-items:stretch}.new-order-cta{width:100%}}

/* =========================================================
   1.6.3 PREMIUM SEARCH + COMPACT ORDER CARDS
   Larger typography, combined category/text search, 3-dot flow
   ========================================================= */
:root{--v163-ink:#0c1420;--v163-muted:#667384;--v163-line:#e5eaf0;--v163-soft:#f7f9fb;--v163-red:#df1f27;--v163-green:#0a8f67;--v163-shadow:0 20px 55px rgba(15,27,43,.075)}
body:not(.login-v3-body){font-size:16px;color:var(--v163-ink)}
.sidebar{background:linear-gradient(180deg,#0b1119 0%,#0a0f16 55%,#0c1118 100%);box-shadow:16px 0 45px rgba(0,0,0,.10)}
.brand strong{font-size:17px!important;font-weight:900;letter-spacing:.055em}.brand span{font-size:11px!important;font-weight:700;letter-spacing:.1em}.brand-mark{box-shadow:0 12px 34px rgba(215,25,32,.30)}
.nav-caption{font-size:11px!important;font-weight:850;letter-spacing:.17em;color:#6f7a89}.nav-item{font-size:16px!important;font-weight:840;min-height:54px;padding:14px 15px}.nav-item>span{width:31px;height:31px;font-size:16px}.nav-sub-item{font-size:15px!important;font-weight:780;min-height:43px;display:flex;align-items:center}.user-mini strong{font-size:14px!important;font-weight:850}.logout{font-size:14px!important;font-weight:800}
.top-title h1{font-size:31px!important;font-weight:920;letter-spacing:-.04em}.top-title .eyebrow{font-size:12px!important;font-weight:900}.content{font-size:16px}.panel{border:1px solid #e7ecf1;box-shadow:var(--v163-shadow)}
.panel-head h2,.catalog-toolbar h2{font-weight:920!important;letter-spacing:-.035em}.panel-head h2{font-size:26px!important}.panel-sub,.catalog-toolbar p{font-size:14px!important;font-weight:600;color:#728092}.eyebrow{font-size:11.5px!important;font-weight:950;letter-spacing:.15em}.btn{font-size:15px!important;font-weight:880}.field>span{font-size:14px!important;font-weight:850}.field input,.field select,.field textarea,.compact-select,.search-input{font-size:15px!important;font-weight:650}.badge,.chip{font-size:12.5px!important;font-weight:900}

/* New order: premium legibility and combined search */
.premium-order-hero{padding:31px 32px;min-height:166px;border:1px solid rgba(255,255,255,.04);box-shadow:0 24px 60px rgba(8,16,26,.13)}
.order-builder-copy h2{font-size:38px!important;font-weight:950;letter-spacing:-.048em;line-height:1.08}.order-builder-copy p{font-size:15px!important;font-weight:600;color:#b4c1d1}
.order-branch-chip strong,.order-live-chip strong,.premium-select select{font-size:14.5px!important;font-weight:900}.order-branch-chip span,.order-live-chip span,.premium-select span{font-size:10.5px!important;font-weight:850}
.premium-catalog-panel{padding:24px 25px}.catalog-toolbar{gap:20px}.catalog-toolbar h2{font-size:29px!important;margin:4px 0}.catalog-filters{gap:12px}.catalog-search,.category-search{height:54px!important;border-radius:15px!important;background:#fbfcfd!important;border:1px solid #dfe6ed!important;box-shadow:inset 0 1px rgba(255,255,255,.8)}.catalog-search:focus-within,.category-search:focus-within{border-color:#ef666d!important;box-shadow:0 0 0 4px rgba(223,31,39,.07)!important}.catalog-search input,.category-search input{font-size:15px!important;font-weight:700!important}.catalog-search span,.category-search span{font-size:17px;color:#6e7b8d}
.v163-search-context{margin:13px 0 16px;padding:13px 16px;border:1px solid #e6ebf0;border-radius:15px;background:linear-gradient(135deg,#f9fbfd,#f3f7fa);display:grid;grid-template-columns:auto 1fr;gap:3px 11px;align-items:center}.v163-search-context>span{grid-row:1/3;align-self:stretch;display:grid;place-items:center;padding:0 13px;border-radius:11px;background:#0e1826;color:#fff;font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.v163-search-context strong{font-size:15px;font-weight:900;color:#17202d}.v163-search-context small{font-size:12.5px;font-weight:650;color:#758193}
.catalog-table-wrap{border:1px solid #e6ebf0;border-radius:17px;overflow:auto;max-height:570px;background:#fff}.premium-product-table{min-width:1280px}.catalog-table thead th{font-size:12px!important;font-weight:950!important;letter-spacing:.055em;color:#526071;background:#eef3f7;padding:15px 13px!important}.catalog-table tbody td{font-size:15px!important;padding:13px!important;border-bottom:1px solid #edf1f4}.catalog-table td strong,.product-name-main{font-size:15.5px!important;font-weight:900!important;letter-spacing:-.015em}.catalog-table td small{font-size:12px!important;font-weight:650}.category-pill{font-size:11.5px!important;font-weight:850!important;padding:7px 10px!important}.money-value{font-size:16px!important}.catalog-qty{width:96px!important;height:45px!important;font-size:16px!important;font-weight:900;text-align:center}.catalog-add-btn{min-width:118px!important;height:45px!important;font-size:13.5px!important;font-weight:900!important;border-radius:12px!important}.catalog-product-row:hover td{background:#fbfcfd}.catalog-product-row[hidden]{display:none!important}
.premium-cart-panel{padding:24px}.cart-table th{font-size:12px!important;font-weight:950}.cart-table td{font-size:15px!important}.cart-product strong{font-size:15.5px!important;font-weight:900}.cart-product small{font-size:12px!important}.cart-qty-input{font-size:16px!important;font-weight:900;text-align:center}.order-cart-summary span{font-size:11.5px!important;font-weight:850}.order-cart-summary strong{font-size:19px!important;font-weight:950}.order-cart-summary .grand strong{font-size:25px!important}.order-final-bar{border:1px solid #e3e9ef;box-shadow:0 -8px 30px rgba(15,27,43,.06),0 15px 45px rgba(15,27,43,.08)}.order-final-bar .field>span{font-size:12.5px!important}.order-final-total span{font-size:11.5px;font-weight:800}.order-final-total strong{font-size:24px!important;font-weight:950}

/* Orders: premium hero, compact list cards, state-aware kebab */
.v163-orders-hero{min-height:190px;padding:30px 32px;background:radial-gradient(circle at 82% 35%,rgba(223,31,39,.17),transparent 33%),linear-gradient(135deg,#0d1623 0%,#111826 58%,#18151f 100%);border:1px solid rgba(255,255,255,.04);box-shadow:0 25px 65px rgba(10,18,28,.13)}
.v163-orders-hero .orders-hero-copy h2{font-size:44px!important;font-weight:950;letter-spacing:-.055em}.v163-orders-hero .orders-hero-copy p{font-size:15px!important;font-weight:600;color:#b7c2d0}.v163-orders-hero-right{align-items:center!important}.v163-hero-stats{min-width:410px!important;border-radius:18px!important;overflow:hidden;border:1px solid rgba(255,255,255,.09)}.v163-hero-stats>div{min-height:74px!important;padding:14px 18px!important}.v163-hero-stats span{font-size:10.5px!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.v163-hero-stats strong{font-size:22px!important;font-weight:950}.v163-new-order{order:2;min-width:188px!important;min-height:50px!important;border-radius:14px!important;background:#fff!important;color:#111827!important;font-size:15.5px!important;font-weight:950!important;box-shadow:0 14px 35px rgba(0,0,0,.13)}
.v163-status-grid article{min-height:64px!important;padding:15px 17px!important;border-radius:16px!important;border:1px solid #e7ecf1!important;box-shadow:0 10px 27px rgba(15,27,43,.045)}.v163-status-grid article span{font-size:13.5px!important;font-weight:850!important}.v163-status-grid article strong{font-size:18px!important;font-weight:950!important}
.v163-filter-panel{padding:19px!important}.v163-filter-panel .order-filters .field span{font-size:13px!important;font-weight:850}.v163-filter-panel .export-strip{font-size:13px!important;font-weight:750}
.v163-order-list-panel{padding:20px!important}.v163-order-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.v163-order-list-head h2{font-size:25px;margin:4px 0 0;font-weight:950;letter-spacing:-.035em}.v163-list-count{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:38px;padding:0 13px;border-radius:999px;background:#f0f3f6;color:#354153;font-size:13px;font-weight:900}
.v163-order-list{display:flex;flex-direction:column;gap:10px}.v163-order-card{position:relative;display:flex;align-items:stretch;border:1px solid #e4e9ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,27,43,.04);transition:.18s;overflow:visible}.v163-order-card:hover{transform:translateY(-1px);border-color:#d6dde6;box-shadow:0 16px 38px rgba(15,27,43,.075)}.v163-order-main{min-width:0;flex:1;display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(130px,.8fr) minmax(110px,.65fr) minmax(125px,.72fr) minmax(145px,.8fr) minmax(160px,.9fr);align-items:center;gap:0;color:#101722}.v163-order-main>div{min-height:82px;padding:15px 17px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #edf0f3}.v163-order-main>div:last-child{border-right:0}.v163-order-main span:not(.badge){font-size:10.5px;color:#8290a1;text-transform:uppercase;letter-spacing:.075em;font-weight:850}.v163-order-main strong{font-size:15.5px;font-weight:950;line-height:1.2;margin-top:5px;white-space:nowrap}.v163-order-id strong{font-size:16px}.v163-order-id small{font-size:11.5px;color:#8792a0;font-weight:650;margin-top:4px}.v163-order-metric.amount strong{font-size:18px;color:#111827}.v163-order-status{align-items:flex-start}.v163-order-status .badge{font-size:12px!important;padding:8px 10px!important}.v163-order-actions{position:relative;width:78px;flex:0 0 78px;display:flex;align-items:center;justify-content:center;border-left:1px solid #edf0f3}.v163-kebab{width:43px;height:43px;border:1px solid #dde4eb;border-radius:13px;background:#f8fafb;color:#243042;font-size:17px;line-height:1;letter-spacing:1px;font-weight:950;transition:.15s}.v163-kebab:hover,.v163-kebab[aria-expanded="true"]{background:#111b28;color:#fff;border-color:#111b28;box-shadow:0 10px 25px rgba(15,27,43,.17)}.v163-action-menu{position:absolute;z-index:120;right:15px;top:66px;width:265px;padding:8px;border:1px solid #dfe5eb;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(14,25,38,.18)}.v163-action-menu[hidden]{display:none!important}.v163-action-menu a,.v163-action-menu button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;text-align:left;color:#17202d;cursor:pointer}.v163-action-menu a:hover,.v163-action-menu button:hover{background:#f4f7f9}.v163-action-menu form{margin:0}.v163-action-menu>a>span,.v163-action-menu button>span{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eef3f7;display:grid;place-items:center;font-size:16px;font-weight:900}.v163-action-menu strong{display:block;font-size:13.5px;font-weight:900}.v163-action-menu small{display:block;margin-top:2px;font-size:10.5px;color:#8994a3;font-weight:650}.v163-action-menu .danger{color:#bf1820}.v163-action-menu .danger>span{background:#fff0f1;color:#d71920}.v163-view-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:12.5px;font-weight:900;color:#526071}.v163-view-link:hover{color:#d71920}.v163-empty-orders{padding:46px 20px;text-align:center;border:1px dashed #dce3ea;border-radius:17px;background:#fafcfd}.v163-empty-orders strong{display:block;font-size:18px;font-weight:900}.v163-empty-orders span{display:block;margin-top:6px;font-size:13px;color:#7c8795}

/* Broader premium typography across all pages */
.premium-data-table th,.table-wrap table th{font-size:12.5px!important;font-weight:950!important}.premium-data-table td,.table-wrap table td{font-size:14.5px!important;font-weight:600}.premium-data-table td strong,.table-wrap table td strong{font-size:15px!important;font-weight:900}.control-card strong,.kpi-card strong{font-weight:950}.note-box strong,.flow-step strong,.mini-row strong,.rank-row strong{font-weight:900!important}.flash{font-size:13.5px!important;font-weight:750}.app-toast strong{font-size:14px!important}.app-toast p{font-size:12.5px!important}

@media(max-width:1500px){.v163-order-main{grid-template-columns:minmax(170px,1.2fr) minmax(115px,.75fr) 100px 112px 128px 150px}.v163-order-main>div{padding:13px 12px}.v163-order-main strong{font-size:14px}.v163-hero-stats{min-width:340px!important}.v163-orders-hero .orders-hero-copy h2{font-size:38px!important}.premium-product-table{min-width:1190px}.catalog-table th:nth-child(3),.catalog-table td:nth-child(3){width:330px}}
@media(max-width:1180px){.v163-order-main{min-width:970px}.v163-order-card{overflow-x:auto}.v163-order-actions{position:sticky;right:0;background:#fff;z-index:3}.v163-order-list{overflow:visible}.v163-orders-hero-right{width:100%;align-items:stretch!important}.v163-hero-stats{width:100%;min-width:0!important}.v163-new-order{align-self:flex-end}.catalog-filters{width:100%}.v163-search-context{grid-template-columns:auto 1fr}}
@media(max-width:720px){body:not(.login-v3-body){font-size:15px}.nav-item{font-size:15px!important}.v163-search-context{grid-template-columns:1fr}.v163-search-context>span{grid-row:auto;min-height:36px}.v163-order-main{min-width:900px}.v163-orders-hero .orders-hero-copy h2{font-size:33px!important}.order-builder-copy h2{font-size:29px!important}}

/* ======================================================================
   EVAMART WMS 1.6.4 — PREMIUM UNIFIED EXPERIENCE
   ====================================================================== */
:root{
  --evm-black:#080b10;--evm-dark:#0d1118;--evm-dark2:#141a23;--evm-red:#ef1f2b;
  --evm-red2:#bd1119;--evm-line:#e3e7ec;--evm-soft:#f4f6f8;--evm-white:#fff;
  --evm-green:#18b981;--evm-text:#121722;--evm-muted:#6f7b8b;--evm-sidebar:270px;
}
html{font-size:17px}
body.evm-app-body{background:radial-gradient(circle at 92% 8%,rgba(239,31,43,.055),transparent 28%),#f3f5f7;color:var(--evm-text);font-size:15.5px;overflow-x:hidden}
.evm-shell{min-height:100vh}.evm-sidebar{width:var(--evm-sidebar)!important;background:linear-gradient(180deg,rgba(7,10,15,.985),rgba(10,14,20,.995)),url('/static/media/evamart_warehouse.webp') center/cover!important;border-right:1px solid rgba(255,255,255,.075);box-shadow:18px 0 48px rgba(6,10,16,.16);padding:20px 14px!important}
.evm-main{margin-left:var(--evm-sidebar)!important}.evm-brand{min-height:74px;padding:8px 10px 22px!important;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.evm-brand-cart{width:48px;height:48px;display:grid;place-items:center;color:var(--evm-red);filter:drop-shadow(0 0 14px rgba(239,31,43,.36));flex:0 0 auto}.evm-brand-cart svg{width:44px;height:44px}
.evm-brand-copy strong,.evm-login-logo strong,.evm-login-topbrand strong{display:block;font-weight:950;font-size:24px;letter-spacing:-.035em;color:#fff;line-height:1}.evm-brand-copy strong span,.evm-login-logo strong span,.evm-login-topbrand strong span{color:var(--evm-red)}
.evm-brand-copy small,.evm-login-logo small,.evm-login-topbrand small{display:block;margin-top:5px;color:#9ba5b3;font-size:9.5px;font-weight:800;letter-spacing:.15em}
.evm-nav{padding:14px 0 10px!important;gap:6px!important}.evm-nav .nav-caption{font-size:10.5px!important;letter-spacing:.18em!important;color:#667180!important;padding:18px 12px 8px!important;margin:0!important}.evm-nav .nav-item{min-height:52px!important;padding:13px 13px!important;border:1px solid transparent;border-radius:14px!important;color:#c0c8d3!important;font-size:15px!important;font-weight:820!important;letter-spacing:-.01em;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.evm-nav .nav-item .nav-icon{width:30px!important;height:30px!important;border-radius:10px!important;background:rgba(255,255,255,.055)!important;color:#e6e9ee;font-size:15px!important}.evm-nav .nav-item:hover{transform:translateX(4px)!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.07)!important;color:#fff!important}.evm-nav .nav-item.active{background:linear-gradient(135deg,#f02a35,#c5141c)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 13px 32px rgba(224,24,34,.28),inset 0 1px 0 rgba(255,255,255,.15)!important}.evm-nav .nav-item.active .nav-icon{background:rgba(255,255,255,.16)!important;color:#fff}
.evm-nav .nav-sub{padding:7px 4px 7px 18px!important}.evm-nav .nav-sub-item{font-size:14px!important;font-weight:760!important;color:#aeb8c4!important;padding:10px 12px!important;border-radius:10px!important;transition:.16s}.evm-nav .nav-sub-item:hover,.evm-nav .nav-sub-item.active{background:rgba(239,31,43,.13)!important;color:#fff!important;transform:translateX(2px)}
.evm-sidebar-promo{margin:12px 0 14px;padding:16px 15px;border:1px solid rgba(239,31,43,.28);border-radius:16px;background:radial-gradient(circle at 90% 10%,rgba(239,31,43,.16),transparent 45%),rgba(255,255,255,.035);box-shadow:inset 0 0 30px rgba(239,31,43,.035)}.evm-sidebar-promo strong{display:block;color:#fff;font-size:15px;line-height:1.2}.evm-sidebar-promo strong span{display:block;color:#ff3c45;font-size:20px;margin-top:3px}.evm-sidebar-promo small{display:block;color:#8994a4;font-size:10.5px;line-height:1.4;margin-top:8px}
.evm-sidebar .sidebar-foot{padding:16px 4px 0!important}.evm-sidebar .user-mini strong{font-size:13.5px!important;color:#fff}.evm-sidebar .user-mini span{font-size:10.5px!important;color:#8792a1}.evm-sidebar .logout{height:43px!important;font-size:13px!important;font-weight:800!important;background:#151a22!important;color:#b9c2ce!important;border:1px solid rgba(255,255,255,.05)}.evm-sidebar .logout:hover{background:#271317!important;color:#ffd8da!important;border-color:rgba(239,31,43,.2)}

.evm-topbar{min-height:88px!important;height:auto!important;padding:13px 28px!important;background:rgba(255,255,255,.93)!important;backdrop-filter:blur(22px) saturate(140%)!important;border-bottom:1px solid #e4e8ed!important;box-shadow:0 10px 30px rgba(10,18,28,.045)}.evm-topbar .top-title h1{font-size:31px!important;font-weight:950!important;letter-spacing:-.045em!important;color:#10151d}.evm-topbar .top-title .eyebrow{font-size:11px!important;font-weight:900!important;letter-spacing:.13em!important}.evm-top-actions{gap:10px!important}.evm-live{border:1px solid #d8eee5;background:#f0fbf6!important;padding:8px 12px!important;border-radius:14px!important;color:#087a58!important}.evm-live>span{display:flex;flex-direction:column;line-height:1.08}.evm-live b{font-size:12px}.evm-live small{font-size:9.5px;margin-top:3px;color:#5c8677}.evm-branch-pill{min-width:124px;display:flex;flex-direction:column;padding:9px 12px;border:1px solid #e1e6ec;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(16,25,35,.045)}.evm-branch-pill b{font-size:12px}.evm-branch-pill small{font-size:9.5px;color:#8a94a2;margin-top:2px}.evm-settings-btn{background:#fff!important;border-color:#dfe5eb!important}
.evm-content{max-width:1760px!important;padding:28px 32px 58px!important;opacity:0;transform:translateY(5px);transition:opacity .22s ease,transform .22s ease}.evm-content.page-entered{opacity:1;transform:none}.evm-content.page-leaving{opacity:0;transform:translateY(4px)}
.evm-content>.panel,.evm-content>form>.panel,.evm-content .panel{border:1px solid #e1e6eb!important;box-shadow:0 18px 44px rgba(12,21,31,.065)!important}.evm-content .panel:hover{box-shadow:0 22px 54px rgba(12,21,31,.085)!important}
.evm-content h2{letter-spacing:-.035em}.evm-content .panel-head h2{font-size:26px!important;font-weight:950!important}.evm-content .panel-sub{font-size:14px!important;line-height:1.45!important;color:#758091!important}.evm-content .eyebrow{font-size:11.5px!important;font-weight:950!important;letter-spacing:.14em!important}.evm-content .btn{font-size:14.5px!important;font-weight:900!important;border-radius:13px!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.evm-content .btn:hover{transform:translateY(-2px)!important}.evm-content .btn.primary{background:linear-gradient(135deg,#f12631,#c8131c)!important;box-shadow:0 12px 26px rgba(221,24,34,.22)!important}.evm-content .btn.primary:hover{box-shadow:0 15px 32px rgba(221,24,34,.30)!important;filter:saturate(1.08)}
.evm-content .field>span{font-size:13px!important;font-weight:850!important}.evm-content input,.evm-content select,.evm-content textarea{font-size:15px!important}.evm-content .badge,.evm-content .chip{font-size:12px!important;font-weight:850!important;padding:8px 11px!important}
.evm-content table thead th{font-size:12.5px!important;font-weight:950!important;letter-spacing:.045em!important}.evm-content table tbody td{font-size:14.5px!important}.evm-content table tbody td strong{font-size:15px!important;font-weight:900!important}

/* Login — centered premium card over the EVAMART warehouse visual */
body.evm-login-body{margin:0;min-height:100vh;background:#070a0e;color:#fff;overflow:hidden;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.evm-login-page{position:relative;min-height:100vh;display:grid;place-items:center;isolation:isolate;padding:88px 32px 118px}.evm-login-bg{position:absolute;inset:0;background:url('/static/media/evamart_warehouse.webp') center/cover no-repeat;z-index:-3;transform:scale(1.012);animation:evm-bg-in 1s ease both}.evm-login-shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 45%,rgba(5,8,12,.18) 0%,rgba(5,8,12,.45) 34%,rgba(4,7,10,.68) 100%),linear-gradient(90deg,rgba(5,8,12,.32),rgba(5,8,12,.08) 50%,rgba(5,8,12,.35))}.evm-login-topbrand{position:absolute;left:44px;top:26px;display:flex;align-items:center;gap:12px;text-shadow:0 3px 18px #000}.evm-login-topbrand .evm-brand-cart{width:46px;height:46px}.evm-login-topbrand strong{font-size:30px}.evm-login-topbrand small{font-size:10px;color:#e0e4e8}.evm-login-live{position:absolute;right:36px;top:28px;display:flex;align-items:center;gap:11px;padding:10px 15px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(9,13,18,.73);backdrop-filter:blur(18px);box-shadow:0 12px 36px rgba(0,0,0,.25)}.evm-login-live i{width:12px;height:12px;border-radius:50%;background:#19d27f;box-shadow:0 0 0 6px rgba(25,210,127,.11),0 0 18px rgba(25,210,127,.6)}.evm-login-live strong{display:block;font-size:13px}.evm-login-live span{display:block;font-size:10.5px;color:#b9c2ce;margin-top:2px}.evm-login-card{width:min(520px,calc(100vw - 36px));padding:30px 34px 28px;border:1px solid rgba(255,255,255,.19);border-radius:25px;background:linear-gradient(180deg,rgba(14,17,23,.94),rgba(8,11,16,.94));backdrop-filter:blur(18px);box-shadow:0 0 0 1px rgba(239,31,43,.35),0 0 32px rgba(239,31,43,.23),0 35px 95px rgba(0,0,0,.48);animation:evm-card-in .58s cubic-bezier(.2,.75,.3,1) both}.evm-login-logo{display:flex;justify-content:center;align-items:center;gap:12px;text-align:left}.evm-login-logo .evm-brand-cart{width:48px;height:48px}.evm-login-logo strong{font-size:28px}.evm-login-logo small{font-size:9px;color:#aab3bf}.evm-login-kicker{display:flex;align-items:center;gap:10px;justify-content:center;margin:20px 0 12px;color:#d5d9df;font-size:10px;font-weight:850;letter-spacing:.24em}.evm-login-kicker span{width:58px;height:1px;background:linear-gradient(90deg,transparent,#e21b26)}.evm-login-kicker span:last-child{background:linear-gradient(90deg,#e21b26,transparent)}.evm-login-card h1{margin:0;text-align:center;font-size:42px;line-height:1.05;font-weight:950;letter-spacing:-.05em;color:#fff}.evm-login-card>p{text-align:center;margin:11px auto 24px;max-width:390px;font-size:14px;line-height:1.48;color:#b6c0cd}.evm-login-form{display:flex;flex-direction:column;gap:15px}.evm-login-field>span{display:block;margin:0 0 7px;color:#d9dee5;font-size:11.5px;font-weight:850}.evm-login-control{height:56px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.045);transition:.18s}.evm-login-control:focus-within{border-color:#ff4a53;box-shadow:0 0 0 4px rgba(239,31,43,.12),0 0 20px rgba(239,31,43,.13);background:rgba(255,255,255,.06)}.evm-login-control>b{width:24px;text-align:center;color:#d5dbe4;font-size:16px}.evm-login-control input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:15.5px;font-weight:700}.evm-login-control input::placeholder{color:#7f8997;font-weight:600}.evm-login-eye{border:0;background:transparent;color:#ff6b72;font-size:11px;font-weight:850;padding:6px}.evm-login-submit{height:58px;border:1px solid #ff535a;border-radius:14px;background:linear-gradient(135deg,#ff2d38,#cf111a);color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;font-size:18px;font-weight:950;box-shadow:0 12px 28px rgba(223,24,34,.30),0 0 22px rgba(239,31,43,.20);transition:.18s}.evm-login-submit:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(223,24,34,.38),0 0 28px rgba(239,31,43,.27)}.evm-login-submit b{font-size:21px}.evm-login-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.evm-login-trust>div{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.026)}.evm-login-trust>div>b{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(239,31,43,.12);color:#ff3a44}.evm-login-trust strong{display:block;font-size:11px}.evm-login-trust small{display:block;font-size:9.5px;color:#84909e;margin-top:2px}.evm-login-features{position:absolute;bottom:22px;display:flex;gap:10px;justify-content:center}.evm-login-features>div{min-width:205px;display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(8,11,15,.72);backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(0,0,0,.22)}.evm-login-features>b{font-size:20px}.evm-login-features>div>b{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(239,31,43,.42);border-radius:50%;color:#ff3f49}.evm-login-features strong{display:block;font-size:11.5px}.evm-login-features small{display:block;font-size:9.5px;color:#97a1ae;margin-top:2px}
@keyframes evm-bg-in{from{opacity:.72;transform:scale(1.04)}to{opacity:1;transform:scale(1.012)}}@keyframes evm-card-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

/* Order creation/search */
.premium-order-hero{background:radial-gradient(circle at 80% 30%,rgba(239,31,43,.18),transparent 36%),linear-gradient(135deg,#0b111b,#131a26 67%,#23151c)!important;border-color:rgba(255,255,255,.05)!important;box-shadow:0 24px 60px rgba(9,16,24,.16)!important}.premium-order-hero h2{font-size:38px!important;font-weight:950!important;letter-spacing:-.05em!important}.premium-order-hero p{font-size:14.5px!important;color:#bdc7d4!important}.order-builder-meta>div,.premium-order-hero .premium-select{border-color:rgba(255,255,255,.11)!important;background:rgba(255,255,255,.055)!important}.order-builder-meta strong{font-size:14px!important}
.catalog-toolbar{gap:20px!important}.catalog-toolbar h2{font-size:29px!important;font-weight:950!important}.catalog-toolbar p{font-size:13.5px!important}.evm-search-combo{display:grid!important;grid-template-columns:minmax(240px,.85fr) minmax(340px,1.25fr) auto!important;gap:9px!important;width:min(830px,100%)!important}.catalog-search,.category-search{height:54px!important;border-radius:14px!important}.catalog-search input,.category-search input{font-size:15px!important;font-weight:720!important}.evm-search-button{height:54px;min-width:118px;border:0;border-radius:14px;background:linear-gradient(135deg,#f12631,#c7121b);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:950;box-shadow:0 10px 22px rgba(221,24,34,.19);transition:.16s}.evm-search-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(221,24,34,.27)}.evm-search-button.pulse{transform:scale(.96)}.evm-search-button span{font-size:18px}.v163-search-context{border-left:4px solid var(--evm-red)!important}.v163-search-context strong{font-size:16px!important}.v163-search-context small{font-size:13px!important}.catalog-table thead th{font-size:12.5px!important}.catalog-table tbody td{font-size:15px!important}.catalog-table td strong,.product-name-main{font-size:15.5px!important}.catalog-table td small{font-size:12px!important}.catalog-qty{height:47px!important;font-size:16px!important}.catalog-add-btn{height:47px!important;font-size:13.5px!important;font-weight:950!important;background:#e9f8f2!important;color:#087653!important;transition:.15s!important}.catalog-add-btn:hover{background:#dff4ec!important;transform:translateY(-1px)}.order-final-bar{border-radius:18px!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important}.evm-cancel-edit{min-width:126px!important}

/* Compact premium order detail */
.evm-order-summary-card{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:18px;margin-bottom:16px;border:1px solid rgba(255,255,255,.055);border-radius:22px;background:radial-gradient(circle at 85% 25%,rgba(239,31,43,.17),transparent 34%),linear-gradient(135deg,#0d141f,#121925 64%,#21151c);color:#fff;box-shadow:0 24px 58px rgba(9,16,24,.16);overflow:visible}.evm-order-summary-main{min-width:0;flex:1;display:flex;align-items:stretch}.evm-order-summary-title{min-width:250px;padding:24px 25px;border-right:1px solid rgba(255,255,255,.09)}.evm-order-summary-title h2{margin:6px 0 7px;font-size:31px!important;font-weight:950;letter-spacing:-.045em}.evm-order-summary-title p{margin:0;color:#9eabba;font-size:12px}.evm-order-summary-metrics{flex:1;display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));align-items:stretch}.evm-order-summary-metrics>div{display:flex;flex-direction:column;justify-content:center;padding:18px 18px;border-right:1px solid rgba(255,255,255,.075)}.evm-order-summary-metrics>div:last-child{border-right:0}.evm-order-summary-metrics span{font-size:10px;color:#8793a3;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.evm-order-summary-metrics strong{font-size:17px;font-weight:950;margin-top:6px;white-space:nowrap}.evm-order-summary-metrics .badge{align-self:flex-start;margin-top:7px}.evm-order-detail-actions{width:126px!important;flex:0 0 126px!important;border-left:1px solid rgba(255,255,255,.08)!important;display:flex!important;gap:7px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.evm-detail-kebab{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}.evm-detail-kebab:hover{background:#ef1f2b!important}.evm-detail-menu{right:18px!important;top:82px!important}.evm-back-orders{font-size:10.5px;font-weight:850;color:#a9b3bf;white-space:nowrap}.evm-back-orders:hover{color:#fff}.evm-flow-steps{margin-bottom:16px!important}.evm-detail-panel{margin-bottom:16px}.evm-role-action{display:flex;align-items:center;justify-content:space-between;gap:18px}.evm-role-action h2{margin:4px 0 5px;font-size:23px!important}.evm-role-action p{margin:0;color:#758091;font-size:13px}

/* Orders cards and menus */
.v163-order-card{border-radius:19px!important;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease!important}.v163-order-card:hover{transform:translateY(-2px)!important;box-shadow:0 18px 40px rgba(12,21,31,.09)!important}.v163-order-main span:not(.badge){font-size:11px!important}.v163-order-main strong{font-size:16px!important}.v163-order-id strong{font-size:17px!important}.v163-action-menu{border-radius:17px!important;box-shadow:0 24px 60px rgba(10,18,28,.22)!important}.v163-action-menu strong{font-size:14px!important}.v163-action-menu small{font-size:11px!important}

/* Dashboard and management polish */
.evm-content .kpi-card{border-radius:19px!important;transition:.18s}.evm-content .kpi-card:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(13,22,32,.085)!important}.evm-content .kpi-card strong{font-size:29px!important}.evm-content .control-card strong{font-size:25px!important}.premium-management-hero,.dashboard-hero,.warehouse-hero{background:radial-gradient(circle at 82% 25%,rgba(239,31,43,.14),transparent 35%),linear-gradient(135deg,#0e151f,#151c27)!important;color:#fff!important;border-color:rgba(255,255,255,.05)!important}.premium-management-hero p,.dashboard-hero p,.warehouse-hero p{color:#bac4d0!important}.policy-card{border-radius:18px!important}.policy-card:hover{border-color:#f0c9cc!important;box-shadow:0 16px 38px rgba(13,22,32,.08)!important}

/* Global typography normalization */
.evm-app-body .nav-item,.evm-app-body .nav-sub-item,.evm-app-body .btn,.evm-app-body table,.evm-app-body input,.evm-app-body select,.evm-app-body textarea{font-family:inherit}.evm-app-body .panel h3{font-size:20px!important;font-weight:930!important}.evm-app-body .toolbar,.evm-app-body .filter-row{font-size:14px}.evm-app-body .flash{font-size:14px!important}.evm-app-body .app-toast strong{font-size:14.5px!important}.evm-app-body .app-toast p{font-size:13px!important}.evm-app-body .subline{font-size:11.5px!important}

@media(max-width:1450px){:root{--evm-sidebar:235px}.evm-nav .nav-item{font-size:14px!important}.evm-brand-copy strong{font-size:20px}.evm-content{padding-left:24px!important;padding-right:24px!important}.evm-order-summary-title{min-width:205px}.evm-order-summary-metrics>div{padding:15px 12px}.evm-order-summary-metrics strong{font-size:15px}.evm-search-combo{grid-template-columns:230px minmax(300px,1fr) auto!important}}
@media(max-width:1120px){.evm-main{margin-left:0!important}.evm-sidebar{width:285px!important}.evm-topbar{padding-left:18px!important;padding-right:18px!important}.evm-order-summary-card{flex-direction:column}.evm-order-summary-main{overflow:auto}.evm-order-detail-actions{width:100%!important;flex:0 0 auto!important;flex-direction:row!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:12px}.evm-search-combo{width:100%!important;grid-template-columns:1fr 1.2fr auto!important}}
@media(max-width:760px){html{font-size:16px}.evm-content{padding:18px 14px 90px!important}.evm-topbar .top-title h1{font-size:25px!important}.evm-top-actions .evm-branch-pill{display:none}.evm-login-page{padding:90px 16px 112px;overflow:auto}.evm-login-topbrand{left:20px;top:18px}.evm-login-topbrand strong{font-size:22px}.evm-login-topbrand small{display:none}.evm-login-live{right:16px;top:18px}.evm-login-live span span{display:none}.evm-login-card{padding:25px 20px 22px}.evm-login-card h1{font-size:34px}.evm-login-features{width:100%;overflow:auto;justify-content:flex-start;padding:0 14px}.evm-login-features>div{min-width:188px}.evm-search-combo{grid-template-columns:1fr!important}.evm-search-button{width:100%}.evm-order-summary-main{display:block}.evm-order-summary-title{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.evm-order-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.evm-order-summary-metrics>div{border-bottom:1px solid rgba(255,255,255,.07)}.evm-role-action{align-items:stretch;flex-direction:column}.premium-order-hero h2{font-size:29px!important}}
.evm-content .hero-simple{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(7,10,15,.94),rgba(11,15,21,.78)),url('/static/media/evamart_warehouse.webp') center 58%/cover no-repeat!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 26px 65px rgba(8,14,22,.17)!important}.evm-content .hero-simple:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 52%,rgba(239,31,43,.12));pointer-events:none}.evm-content .hero-simple>div{position:relative;z-index:1}.evm-content .hero-simple h2{font-size:42px!important;font-weight:950!important;letter-spacing:-.055em!important}.evm-content .hero-simple p{font-size:14.5px!important;color:#bbc5d1!important}.evm-content .hero-simple .btn.white{background:#fff!important;color:#111722!important}.evm-content .hero-simple .btn.dark-outline{border-color:rgba(255,255,255,.2)!important;color:#fff!important;background:rgba(255,255,255,.06)!important}

/* ================================================================
   EVAMART WMS 1.6.5 — INTERNAL UX + ROLE-SCOPED WORKSPACE
   Normal typography: operational text 14–16px, balanced weight.
   ================================================================ */
.evm-app-body{font-size:15px!important;font-weight:450;line-height:1.45;background:linear-gradient(180deg,#f4f6f9 0%,#eef2f6 100%)}
.evm-content{font-size:15px!important;padding-top:24px!important}
.evm-content p,.evm-content li,.evm-content label,.evm-content .toolbar,.evm-content .filter-row{font-size:15px}
.evm-content small,.evm-content .subline{font-size:13px!important;line-height:1.35;font-weight:500!important;color:#748092}
.evm-content strong{font-weight:700}
.evm-content .eyebrow{font-size:12.5px!important;font-weight:750!important;letter-spacing:.11em}
.evm-content .panel-head h2,.evm-content .catalog-toolbar h2{font-weight:760!important}
.evm-content .panel-head h2{font-size:24px!important}
.evm-content .panel h3{font-size:19px!important;font-weight:720!important}
.evm-content .panel-sub,.evm-content .catalog-toolbar p{font-size:14px!important;font-weight:500!important}
.evm-content .field>span{font-size:14px!important;font-weight:650!important}
.evm-content .field input,.evm-content .field select,.evm-content .field textarea,.evm-content .compact-select,.evm-content .search-input{font-size:15px!important;font-weight:500!important;min-height:46px}
.evm-content .btn{font-size:14.5px!important;font-weight:700!important;letter-spacing:0}
.evm-content .btn.large{font-size:15px!important}
.evm-content .badge,.evm-content .chip{font-size:13px!important;font-weight:700!important}
.evm-content .code{font-size:13px!important;font-weight:600}
.evm-content .table-wrap table th,.evm-content table th{font-size:14px!important;font-weight:700!important;letter-spacing:.02em;line-height:1.3}
.evm-content .table-wrap table td,.evm-content table td{font-size:15px!important;font-weight:450;line-height:1.4}
.evm-content .table-wrap table td strong,.evm-content table td strong{font-size:15px!important;font-weight:700!important}
.evm-content .category-pill{font-size:13px!important;font-weight:650!important}
.evm-content .money-value{font-size:15.5px!important;font-weight:700!important}
.evm-content .flash{font-size:14px!important;font-weight:600!important}

/* Keep only promotional/dashboard headlines intentionally large. */
.dashboard-hero h2,.warehouse-hero h2,.premium-management-hero h2,.orders-hero h2,.premium-order-hero h2,.evm-login-card h1{font-weight:800!important}
.premium-order-hero h2{font-size:34px!important}
.v163-orders-hero .orders-hero-copy h2{font-size:38px!important}

/* Sidebar — clear 14–16px operational navigation. */
.evm-nav .nav-item{font-size:15px!important;font-weight:650!important;min-height:52px!important}
.evm-nav .nav-sub-item{font-size:14px!important;font-weight:600!important;min-height:42px}
.evm-nav .nav-caption{font-size:12.5px!important;font-weight:650!important;letter-spacing:.13em!important}
.evm-sidebar .user-mini strong{font-size:14px!important;font-weight:700!important}
.evm-sidebar .user-mini span{font-size:12.5px!important;font-weight:500!important}
.evm-sidebar .logout{font-size:14px!important;font-weight:650!important}
.evm-brand-copy small{font-size:11.5px!important;letter-spacing:.07em!important}

/* Unified internal surface — no detached application feel. */
.evm-main{background:radial-gradient(circle at 92% 2%,rgba(221,24,34,.055),transparent 22%),linear-gradient(180deg,#f7f8fa,#eef2f6)}
.evm-topbar{border-bottom:1px solid #e2e7ed!important;box-shadow:0 7px 24px rgba(13,23,36,.035)}
.evm-content>.panel,.evm-content>section.panel,.evm-content .panel{border:1px solid #e2e7ed!important;box-shadow:0 14px 40px rgba(14,24,37,.055)!important}
.evm-content .panel,.v163-order-card,.policy-card,.control-card,.kpi-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.evm-content .panel:hover{border-color:#d8dfe7!important}
#pageContent{opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease}
#pageContent.page-entered{opacity:1;transform:none}
#pageContent.page-leaving{opacity:.45;transform:translateY(3px)}

/* Order catalog / cart typography */
.catalog-table thead th{font-size:14px!important;font-weight:700!important}
.catalog-table tbody td{font-size:15px!important}
.catalog-table td strong,.product-name-main{font-size:15px!important;font-weight:700!important}
.catalog-table td small{font-size:13px!important}
.catalog-search input,.category-search input{font-size:15px!important;font-weight:500!important}
.v163-search-context strong{font-size:15px!important;font-weight:700!important}
.v163-search-context small{font-size:13px!important}
.catalog-qty{font-size:15px!important;font-weight:650!important}
.catalog-add-btn{font-size:14px!important;font-weight:700!important}
.cart-table th{font-size:14px!important}.cart-table td{font-size:15px!important}.cart-product strong{font-size:15px!important;font-weight:700!important}.cart-product small{font-size:13px!important}
.order-cart-summary span{font-size:13px!important;font-weight:600!important}.order-cart-summary strong{font-size:18px!important;font-weight:750!important}

/* Compact order list without tiny heavy labels. */
.v163-order-main span:not(.badge){font-size:12.5px!important;font-weight:600!important;letter-spacing:.035em!important}
.v163-order-main strong{font-size:15px!important;font-weight:700!important}
.v163-order-id strong{font-size:16px!important}.v163-order-id small{font-size:13px!important;font-weight:500!important}
.v163-order-status .badge{font-size:13px!important;font-weight:700!important}
.v163-action-menu strong{font-size:14px!important;font-weight:700!important}.v163-action-menu small{font-size:12.5px!important;font-weight:500!important}
.v163-view-link,.v163-review-link{font-size:14px!important;font-weight:700!important}
.v163-review-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border-radius:11px;background:#fff2f3;color:#c4161d;border:1px solid #ffd5d7;white-space:nowrap}
.v163-review-link:hover{background:#d71920;color:#fff;border-color:#d71920}

/* Logistics review: edit/add/delete rights with explicit red trash action. */
.logistics-review-panel{padding:24px!important}
.logistics-review-head h2{font-size:25px!important;font-weight:760!important;margin:5px 0 6px}
.logistics-table-wrap{border:1px solid #e3e8ee;border-radius:16px;overflow:auto;background:#fff}
.logistics-review-table{min-width:980px}
.logistics-review-table th{background:#f1f4f7!important}
.logistics-review-table td{vertical-align:middle!important}
.logistics-qty{width:112px!important;height:44px!important;border:1px solid #d9e0e7!important;border-radius:11px!important;padding:8px 11px!important;font-size:15px!important;font-weight:650!important}
.logistics-trash{width:42px;height:42px;border:0;border-radius:11px;background:#ef4444;color:#fff;display:inline-grid;place-items:center;font-size:19px;box-shadow:0 8px 18px rgba(239,68,68,.18);transition:.16s}
.logistics-trash:hover{background:#cf2028;transform:translateY(-1px);box-shadow:0 12px 24px rgba(207,32,40,.25)}
.logistics-trash span{line-height:1}
[data-logistics-line]{transition:opacity .15s ease,transform .15s ease}
[data-logistics-line].removing{opacity:0;transform:translateX(10px)}
.logistics-add-head{margin:24px 0 12px}.logistics-add-head h3{margin:3px 0 4px!important}.logistics-add-head p{margin:0;color:#758092}
.logistics-add-line{grid-template-columns:42px minmax(360px,1fr) 150px 48px!important;align-items:end!important}
.logistics-note{margin-top:18px}.logistics-actions{margin-top:18px}

/* Role helper card in employee management. */
.role-help{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid #e4e9ef;background:#f8fafc;border-radius:13px;font-size:13px;color:#536071}
.role-help>strong{font-size:14px;color:#17202d}.role-help span{line-height:1.4}.role-help b{color:#1b2430}

/* Operational detail screens should be readable but not visually bulky. */
.evm-order-summary-title p,.evm-order-summary-metrics span{font-size:13px!important;font-weight:500!important}
.evm-order-summary-metrics strong{font-size:15px!important;font-weight:700!important}
.evm-role-action p{font-size:14px!important}.evm-role-action h2{font-size:22px!important;font-weight:750!important}
.flow-step strong{font-size:14px!important}.flow-step span{font-size:12.5px!important}

@media(max-width:1450px){
  .evm-nav .nav-item{font-size:14.5px!important}
  .evm-content .table-wrap table th,.evm-content table th{font-size:13.5px!important}
  .evm-content .table-wrap table td,.evm-content table td{font-size:14px!important}
}

/* ================================================================
   EVAMART WMS 1.6.7 — PREMIUM CONTROL + MOBILE/LAN
   ================================================================ */
/* Exact filter semantics: hidden rows must stay hidden even though the table row layout is forced. */
.catalog-table tr.catalog-product-row[hidden]{display:none!important}

/* Universal operational typography: readable 14–16px, not overly bold. */
.evm-content .premium-data-table th,.evm-content .catalog-table th,.evm-content .cart-table th{font-size:13.5px!important;font-weight:650!important;letter-spacing:.025em!important}
.evm-content .premium-data-table td,.evm-content .catalog-table td,.evm-content .cart-table td{font-size:15px!important;font-weight:450!important}
.evm-content .premium-data-table td strong,.evm-content .catalog-table td strong,.evm-content .cart-table td strong{font-size:15.5px!important;font-weight:680!important}
.evm-content button,.evm-content input,.evm-content select,.evm-content textarea{font-family:inherit}
.evm-content input,.evm-content select,.evm-content textarea{font-size:15px!important}
.evm-nav .nav-item b{font-size:15px!important;font-weight:650!important}.evm-nav .nav-sub-item{font-size:14px!important}
.evm-topbar h1{font-weight:760!important}.evm-topbar .eyebrow{font-size:12px!important}

/* Search is a true category + keyword AND filter. */
.evm-search-combo{display:grid!important;grid-template-columns:minmax(230px,.75fr) minmax(340px,1.15fr) auto;align-items:center;gap:10px!important;min-width:min(840px,64%)!important}
.evm-search-button{height:54px;min-width:116px;border:0;border-radius:15px;background:linear-gradient(135deg,#ef2832,#cf1119);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:750;box-shadow:0 12px 26px rgba(215,25,32,.2);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.evm-search-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(215,25,32,.28);filter:brightness(1.04)}.evm-search-button:active{transform:translateY(1px) scale(.99)}
.evm-search-button.pulse{animation:evmPulse .26s ease}
@keyframes evmPulse{50%{transform:scale(.96);box-shadow:0 0 0 7px rgba(215,25,32,.08)}}

/* Supplier review */
.supplier-review-panel{padding:24px!important;overflow:visible}.supplier-review-head h2{font-size:26px!important;margin:5px 0 7px;font-weight:760!important}.supplier-review-head .panel-sub{max-width:920px}
.supplier-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.supplier-help-grid>div{border:1px solid #e4e9ef;background:linear-gradient(145deg,#fff,#f7f9fb);border-radius:15px;padding:15px 17px;box-shadow:0 8px 22px rgba(16,27,40,.035)}.supplier-help-grid span{display:block;font-size:11px;font-weight:720;letter-spacing:.09em;color:#d71920}.supplier-help-grid strong{display:block;margin-top:6px;font-size:16px;font-weight:720}.supplier-help-grid small{display:block;margin-top:5px;font-size:13px!important;line-height:1.45}
.supplier-table-wrap{border:1px solid #e2e7ed;border-radius:17px;overflow:auto;background:#fff}.supplier-review-table{min-width:1050px}.supplier-review-table th{background:#f0f4f7!important}.supplier-review-table td{vertical-align:middle}.supplier-qty{width:120px!important;height:44px!important;border:1px solid #d7dfe7!important;border-radius:11px!important;padding:8px 11px!important;text-align:center;font-size:15px!important;font-weight:650!important}.supplier-qty:focus{outline:0;border-color:#e64a52!important;box-shadow:0 0 0 4px rgba(215,25,32,.07)}
[data-supplier-line]{transition:opacity .16s ease,transform .16s ease}[data-supplier-line].removing{opacity:0;transform:translateX(12px)}.supplier-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.workflow-note span{display:block;font-size:12px;color:#788495}.workflow-note strong{display:block;margin-top:4px;font-size:16px;font-weight:720}.supplier-reject-box{display:flex;gap:12px;align-items:flex-end;margin-top:15px;padding:14px;border:1px solid #ffd5d8;border-radius:14px;background:#fff7f8}.supplier-reject-box[hidden]{display:none!important}

/* 6-stage workflow */
.six-step-flow{grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto!important}.six-step-flow .flow-step{min-width:132px}.evm-workflow-summary{background:radial-gradient(circle at 86% 30%,rgba(230,29,40,.22),transparent 28%),linear-gradient(135deg,#0b111a,#171421)!important}
.premium-role-step{border-left:4px solid #d71920!important;background:linear-gradient(100deg,#fff,#fffafb)!important}.receive-choice-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.receive-issue-form{display:flex;gap:9px;align-items:center}.receive-issue-form input{min-width:300px;height:46px;border:1px solid #e1e6ec;border-radius:12px;padding:0 13px}.branch-receive-step{border-left:4px solid #20a873!important}

/* Premium motion system across the real app, not only login. */
.evm-sidebar,.evm-topbar,.evm-content,.panel,.v163-order-card,.btn,.nav-item,.nav-sub-item,.catalog-add-btn,.v163-review-link,.v163-view-link,.icon-btn{transition-timing-function:cubic-bezier(.2,.75,.25,1)!important}
.btn,.catalog-add-btn,.v163-review-link,.v163-view-link,.icon-btn{transition:transform .16s cubic-bezier(.2,.75,.25,1),box-shadow .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease!important}.btn:hover,.catalog-add-btn:hover,.v163-review-link:hover{transform:translateY(-1px)}.btn:active,.catalog-add-btn:active,.v163-review-link:active{transform:translateY(1px) scale(.985)}
.nav-item:hover,.nav-sub-item:hover{transform:translateX(3px)}.nav-item.active{box-shadow:inset 3px 0 #ff2a32,0 10px 28px rgba(215,25,32,.12)}
.evm-content>.panel,.v163-order-card{animation:evmPanelIn .26s cubic-bezier(.2,.75,.25,1) both}@keyframes evmPanelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

@media(max-width:1200px){.evm-search-combo{grid-template-columns:1fr 1fr auto;min-width:0!important;width:100%}.supplier-help-grid{grid-template-columns:1fr}.six-step-flow{display:flex!important;overflow:auto}.six-step-flow .flow-line{min-width:70px}.supplier-actions{align-items:stretch;flex-direction:column}.receive-choice-actions,.receive-issue-form{align-items:stretch;flex-direction:column}.receive-issue-form input{min-width:0;width:100%}}

/* ================================================================
   EVAMART WMS 1.6.7 — PREMIUM TYPOGRAPHY / MOTION / RESPONSIVE
   ================================================================ */
:root{--evm-red:#ef1f2b;--evm-red-dark:#b90d15;--evm-ink:#111827;--evm-soft:#f6f8fb}
body.evm-app-body{font-size:15px;line-height:1.46;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.evm-content,.evm-content p,.evm-content li,.evm-content label,.evm-content .panel-sub{font-size:15px}
.evm-content h1{font-size:30px}.evm-content h2{font-size:23px}.evm-content h3{font-size:19px}
.evm-content .eyebrow{font-size:12px;font-weight:750;letter-spacing:.11em}
.evm-content table th{font-size:14px!important;font-weight:700!important;letter-spacing:.025em!important}
.evm-content table td{font-size:15px!important;font-weight:450!important;line-height:1.42}
.evm-content table td strong{font-size:15.5px!important;font-weight:650!important}
.evm-content .field>span{font-size:14px!important;font-weight:650!important}.evm-content .field small{font-size:13px!important}
.evm-content input,.evm-content select,.evm-content textarea,.evm-content button,.evm-content .btn{font-size:15px!important}
.evm-nav .nav-item{min-height:48px;font-size:15.5px!important}.evm-nav .nav-item b{font-size:15.5px!important;font-weight:620!important}.evm-nav .nav-caption{font-size:11.5px!important}.evm-nav .nav-sub-item{font-size:14.5px!important;min-height:38px}
.user-mini strong{font-size:14px!important}.user-mini span{font-size:12.5px!important}.top-title h1{font-size:27px!important}.top-title .eyebrow{font-size:12px!important}
.panel{box-shadow:0 16px 44px rgba(16,24,40,.07);border-color:rgba(219,225,232,.9)}
.btn.primary{background:linear-gradient(135deg,#ff313b 0%,#d50f18 58%,#ae0710 100%);box-shadow:0 12px 30px rgba(215,25,32,.24)}
.btn.primary:hover{box-shadow:0 17px 38px rgba(215,25,32,.32);filter:saturate(1.08)}
.evm-pressed{animation:evmPress .24s cubic-bezier(.2,.8,.2,1)!important}@keyframes evmPress{50%{transform:scale(.965)}100%{transform:none}}

/* Distinct page-entry motion while keeping the app fast. */
#pageContent{opacity:0;transform:translateY(7px);filter:blur(2px);transition:opacity .24s ease,transform .28s cubic-bezier(.2,.75,.25,1),filter .24s ease}
#pageContent.page-entered{opacity:1;transform:none;filter:none}#pageContent.page-leaving{opacity:.25;transform:translateY(4px);filter:blur(2px)}
.page-main-dashboard #pageContent{transform:scale(.992) translateY(4px)}
.page-main-orders #pageContent,.page-main-order_detail #pageContent{transform:translateX(7px)}
.page-main-products #pageContent,.page-main-warehouse #pageContent{transform:translateY(9px)}
.page-main-receipts #pageContent,.page-main-receipt_new #pageContent{transform:translateX(-7px)}
.page-main-admin_users #pageContent,.page-main-admin_branches #pageContent{transform:scale(.99)}
.page-main-dashboard #pageContent.page-entered,.page-main-orders #pageContent.page-entered,.page-main-order_detail #pageContent.page-entered,.page-main-products #pageContent.page-entered,.page-main-warehouse #pageContent.page-entered,.page-main-receipts #pageContent.page-entered,.page-main-receipt_new #pageContent.page-entered,.page-main-admin_users #pageContent.page-entered,.page-main-admin_branches #pageContent.page-entered{transform:none}

/* Fixed dropdown: never hidden under the next zakaz card. */
.v163-order-actions{overflow:visible!important}.v163-action-menu.floating-menu-open{position:fixed!important;z-index:100000!important;min-width:260px!important;max-width:min(330px,calc(100vw - 20px));box-shadow:0 24px 64px rgba(9,14,22,.24)!important;border:1px solid #e5e9ee!important;border-radius:16px!important;background:#fff!important;overflow:visible!important;animation:menuFloatIn .14s ease both}
@keyframes menuFloatIn{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}

/* Admin control polish. */
.admin-hero{background:radial-gradient(circle at 82% 20%,rgba(239,31,43,.28),transparent 30%),linear-gradient(135deg,#0a0e15,#211118)!important;color:#fff;min-height:150px}
.admin-hero h2{font-size:34px!important}.admin-row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.admin-row-actions form{margin:0}.superadmin-lock{font-size:13px;color:#7c8796;font-weight:650;padding:8px 10px;border-radius:10px;background:#f1f4f7}.premium-admin-card{max-width:760px;margin:auto}.premium-upload-card{max-width:760px;margin:auto}.danger-text{color:#cf1820!important}

/* Product image rights shared by manager/prixodchi/warehouse roles. */
.product-thumb img,.product-edit-image img{background:#f4f6f8}.table-action-btn{font-size:14px!important;min-height:39px}

/* Better phone/tablet experience. */
@media(max-width:900px){
  body.evm-app-body{font-size:15px}.topbar{height:74px;padding:0 14px}.top-title h1{font-size:22px!important}.evm-content{padding:16px 12px 92px}.panel{padding:16px;border-radius:16px}.hero-simple{padding:20px!important}.hero-simple h2{font-size:27px!important}.grid-main-side,.grid-2,.kpi-grid{grid-template-columns:1fr!important}.form-grid.two,.form-grid.three{grid-template-columns:1fr!important}.evm-top-actions .evm-live small,.evm-branch-pill small{display:none}.evm-top-actions{gap:6px}.table-wrap{border-radius:14px;overflow:auto}.premium-data-table{min-width:880px}.orders-hero-right{width:100%;flex-direction:column;align-items:stretch!important}.orders-hero-stats{min-width:0!important;width:100%}.v163-order-card{grid-template-columns:1fr!important}.v163-order-main{grid-template-columns:1fr 1fr!important}.v163-order-actions{position:absolute;right:10px;top:10px}.evm-search-combo{grid-template-columns:1fr!important}.evm-search-button{width:100%}.order-sticky{left:0!important;right:0!important;border-radius:18px 18px 0 0!important}.supplier-review-table,.logistics-review-table{min-width:900px}.admin-row-actions{min-width:300px}}
@media(max-width:560px){.v163-order-main{grid-template-columns:1fr!important}.content{padding-left:10px;padding-right:10px}.evm-live{padding:7px 9px}.evm-branch-pill{display:none}.btn{min-height:44px}.field input,.field select,.field textarea{min-height:46px}.product-edit-preview{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#pageContent{opacity:1!important;transform:none!important;filter:none!important}}

/* ================================================================
   EVAMART WMS 1.6.8 — PRIXOD LIVE SEARCH + QR / ID LABEL SYSTEM
   ================================================================ */
.receipt-premium-hero,.scan-hero,.exchange-hero{position:relative;overflow:hidden;border-radius:24px;padding:28px 30px;margin-bottom:18px;background:radial-gradient(circle at 86% 18%,rgba(245,48,58,.25),transparent 34%),linear-gradient(135deg,#090e16 0%,#111824 58%,#251017 100%);color:#fff;box-shadow:0 22px 58px rgba(10,15,23,.18)}
.receipt-premium-hero:after,.scan-hero:after,.exchange-hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:330px;height:330px;border-radius:50%;background:rgba(239,31,43,.09);filter:blur(4px)}
.receipt-premium-hero h2,.scan-hero h2,.exchange-hero h2{font-size:34px!important;line-height:1.08;margin:7px 0 8px;font-weight:760;letter-spacing:-.02em}.receipt-premium-hero p,.scan-hero p,.exchange-hero p{font-size:15.5px!important;color:#c5ccd7;max-width:800px;margin:0;line-height:1.55}.receipt-premium-hero{display:flex;justify-content:space-between;align-items:center;gap:24px}.receipt-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.receipt-rate-pill{min-width:220px;border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:12px 14px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}.receipt-rate-pill small,.receipt-rate-pill em{display:block;color:#aeb8c7;font-size:12px!important;font-style:normal}.receipt-rate-pill strong{display:block;font-size:17px!important;margin:2px 0;color:#fff}.receipt-premium-form{padding-bottom:90px}.receipt-document-card,.receipt-catalog-card{border-radius:20px!important}.receipt-meta-grid{grid-template-columns:minmax(300px,1.35fr) .65fr .65fr 1fr!important;gap:14px}.readonly-rate{height:48px;display:flex;align-items:center;gap:8px;border:1px solid #e0e5ea;background:linear-gradient(180deg,#f8fafc,#f1f4f7);border-radius:12px;padding:0 13px;color:#1b2431}.readonly-rate strong{font-size:16px}.readonly-rate span{font-size:13px;color:#6f7987}.readonly-rate i{margin-left:auto;font-style:normal;font-size:13px}.autocomplete-shell{position:relative}.autocomplete-shell>input{width:100%;padding-right:42px}.autocomplete-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#8a95a5;font-size:18px}.selected-ok{border-color:#28a96b!important;box-shadow:0 0 0 4px rgba(40,169,107,.08)!important}.live-suggestions{position:absolute;z-index:5000;left:0;right:0;top:calc(100% + 7px);max-height:330px;overflow:auto;padding:7px;border:1px solid #dfe5eb;border-radius:14px;background:#fff;box-shadow:0 24px 54px rgba(16,24,40,.18)}.suggestion-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;background:transparent;border-radius:10px;padding:11px 12px;text-align:left;cursor:pointer;color:#111827}.suggestion-item:hover,.suggestion-item:focus{background:#fff1f2;outline:0}.suggestion-item strong{font-size:14.5px;font-weight:660}.suggestion-item small{font-size:12.5px;color:#778291;text-align:right}.suggestion-empty{padding:14px;color:#7a8493;font-size:14px;text-align:center}
.receipt-tabs{display:flex;align-items:center;gap:7px;padding:5px;background:#f2f4f7;border-radius:13px;margin:16px 0}.receipt-tab{border:0;background:transparent;border-radius:10px;padding:10px 18px;font-size:15px!important;font-weight:650;color:#697383;cursor:pointer;transition:.18s ease}.receipt-tab span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:999px;background:#e5e9ee;font-size:12px;margin-left:6px}.receipt-tab.active{background:#fff;color:#111827;box-shadow:0 4px 14px rgba(16,24,40,.08)}.receipt-tab.active span{background:#ef1f2b;color:#fff}.receipt-tab-panel{animation:receiptTabIn .22s cubic-bezier(.2,.75,.25,1) both}@keyframes receiptTabIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.receipt-searchbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #dfe5eb;border-radius:14px;padding:0 13px;margin-bottom:12px;background:#fff;box-shadow:0 6px 20px rgba(16,24,40,.04)}.receipt-searchbar>span{font-size:20px;color:#8a95a5}.receipt-searchbar input{height:52px!important;border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;font-size:15.5px!important}.receipt-searchbar kbd{border:1px solid #dfe4ea;border-bottom-width:2px;border-radius:7px;background:#f7f8fa;color:#778291;padding:5px 8px;font:600 11px/1 "Segoe UI",sans-serif}.receipt-result-wrap{border:1px solid #e2e7ed;border-radius:16px;overflow:auto;background:#fff}.receipt-result-table{min-width:1080px;width:100%;border-collapse:collapse}.receipt-result-table th{background:#f2f5f8!important;color:#667180!important;font-size:13.5px!important;font-weight:720!important;padding:12px 13px!important;white-space:nowrap}.receipt-result-table td{padding:10px 13px!important;border-top:1px solid #edf0f3;vertical-align:middle;font-size:14.5px!important}.receipt-result-table tr{transition:background .15s ease,opacity .15s ease}.receipt-result-table tbody tr:hover{background:#fffafb}.receipt-product-picked{background:#f4fbf7!important}.receipt-result-table input{height:42px!important;border:1px solid #dce3ea!important;border-radius:10px!important;padding:0 10px!important;min-width:95px;font-size:14.5px!important}.receipt-add-product{border:0;border-radius:10px;background:#e9f8f1;color:#087648;padding:10px 13px;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}.receipt-add-product:hover{background:#d9f3e7;transform:translateY(-1px)}.receipt-picked-mark{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#e8f8ef;color:#087648;padding:7px 10px;font-size:13px;font-weight:700;white-space:nowrap}.receipt-delete-product{width:40px;height:40px;border:1px solid #ffd4d7;border-radius:10px;background:#fff5f6;color:#cf1d26;cursor:pointer;font-size:16px}.receipt-delete-product:hover{background:#ffe8ea}.receipt-selected-summary{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.receipt-selected-summary>div{min-width:150px;border:1px solid #e0e5eb;border-radius:13px;padding:10px 13px;background:#fff}.receipt-selected-summary span{display:block;font-size:12px;color:#788393}.receipt-selected-summary strong{display:block;margin-top:4px;font-size:17px}.receipt-selected-summary .dark{background:#111827;color:#fff;border-color:#111827}.receipt-selected-summary .dark span{color:#adb7c5}
.receipt-quick-create{margin-top:16px;padding:18px;border:1px solid #f0c9cc;border-radius:17px;background:linear-gradient(135deg,#fff,#fff8f8);animation:receiptTabIn .2s ease both}.receipt-quick-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:15px}.receipt-quick-head h3{margin:4px 0 5px;font-size:20px}.receipt-quick-head p{margin:0;color:#6e7988}.receipt-quick-grid{grid-template-columns:1.4fr .8fr 1fr auto!important;align-items:end}.receipt-create-product-btn{height:48px}.receipt-sticky-total{position:sticky;bottom:12px;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:13px 15px 13px 18px;border:1px solid rgba(221,226,232,.95);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 20px 50px rgba(18,24,34,.15);backdrop-filter:blur(14px)}.receipt-sticky-copy span,.receipt-sticky-copy small{display:block;color:#7a8594;font-size:12.5px}.receipt-sticky-copy strong{display:block;font-size:19px;margin:2px 0}.receipt-sticky-total .btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.receipt-complete-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.receipt-complete-actions{display:flex;align-items:center;gap:10px}.qr-mini-link{display:flex;align-items:center;gap:7px;text-decoration:none;color:#111827}.qr-mini-link img{width:44px;height:44px;border:1px solid #e2e7ed;border-radius:7px;background:#fff}.qr-mini-link span{font-size:12px;font-weight:700}.product-actions-inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.table-action-btn.qr{background:#111827;color:#fff!important;border-color:#111827}.receipt-print-callout{display:flex;align-items:center;gap:16px;margin-top:16px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#101621,#1b1319);color:#fff;box-shadow:0 16px 42px rgba(10,15,23,.13)}.receipt-print-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#ef1f2b;font-size:28px}.receipt-print-callout>div:nth-child(2){flex:1}.receipt-print-callout strong{font-size:18px}.receipt-print-callout p{margin:4px 0 0;color:#bdc6d3;font-size:14px}
.exchange-hero{display:flex;justify-content:space-between;align-items:center}.rate-hero-value{position:relative;z-index:1;min-width:290px;padding:16px 18px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.06)}.rate-hero-value span{display:block;font-size:12px;color:#adb7c5}.rate-hero-value strong{display:block;margin-top:4px;font-size:21px}.exchange-card{max-width:680px!important;margin:auto}.scan-hero{display:flex;justify-content:space-between;align-items:center}.scan-icon{position:relative;z-index:1;width:90px;height:90px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(135deg,#ff303a,#bd0c14);box-shadow:0 15px 42px rgba(239,31,43,.32);font-size:48px}.scan-panel{max-width:980px;margin:auto}.scan-input-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #dde3ea;border-radius:15px;padding:8px 8px 8px 15px;background:#fff}.scan-input-shell>span{font-size:24px;color:#8a95a5}.scan-input-shell input{border:0!important;box-shadow:none!important;outline:0!important;height:52px!important;font-size:18px!important;font-weight:600!important}.scan-result{margin-top:18px}.scan-empty{padding:56px 20px;border:1px dashed #d8dfe6;border-radius:17px;text-align:center;background:#fafbfc}.scan-empty strong,.scan-empty span{display:block}.scan-empty strong{font-size:20px}.scan-empty span{margin-top:6px;color:#7b8694}.scan-empty.error{border-color:#ffd0d4;background:#fff6f7}.scan-product-card{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;padding:20px;border:1px solid #e1e6ec;border-radius:18px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 16px 38px rgba(16,24,40,.08)}.scan-product-card>img{width:220px;height:165px;object-fit:contain;border-radius:15px;background:#f1f4f7}.scan-product-card h2{font-size:27px!important;margin:6px 0}.scan-product-card p{color:#6f7a89}.scan-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.scan-stats>div{padding:12px 13px;border:1px solid #e0e5eb;border-radius:12px;background:#fff}.scan-stats span{display:block;font-size:12px;color:#7b8695}.scan-stats strong{display:block;margin-top:3px;font-size:17px}
@media(max-width:1100px){.receipt-meta-grid{grid-template-columns:1fr 1fr!important}.receipt-quick-grid{grid-template-columns:1fr 1fr!important}.receipt-premium-hero,.exchange-hero{align-items:flex-start;flex-direction:column}.receipt-hero-actions{justify-content:flex-start}.rate-hero-value{min-width:0;width:100%}}
@media(max-width:720px){.receipt-premium-hero,.scan-hero,.exchange-hero{padding:22px 18px;border-radius:18px}.receipt-premium-hero h2,.scan-hero h2,.exchange-hero h2{font-size:27px!important}.receipt-meta-grid,.receipt-quick-grid{grid-template-columns:1fr!important}.receipt-sticky-total{bottom:0;margin-left:-4px;margin-right:-4px;border-radius:16px 16px 0 0;align-items:stretch;flex-direction:column}.receipt-selected-summary{display:grid;grid-template-columns:1fr 1fr}.receipt-selected-summary .dark{grid-column:1/-1}.receipt-complete-hero,.receipt-complete-actions,.receipt-print-callout,.scan-hero{align-items:stretch;flex-direction:column}.scan-icon{width:64px;height:64px;font-size:32px}.scan-input-shell{grid-template-columns:auto 1fr}.scan-input-shell .btn{grid-column:1/-1}.scan-product-card{grid-template-columns:1fr}.scan-product-card>img{width:100%;height:210px}.scan-stats{grid-template-columns:1fr}.live-suggestions{position:fixed;left:12px;right:12px;top:120px;max-height:55vh}}

/* ======================================================================
   EVAMART WMS 1.6.9 — PREMIUM ANALYTICS DASHBOARD
   ====================================================================== */
.evm-dash-hero{position:relative;overflow:hidden;min-height:210px;margin-bottom:18px;padding:30px 32px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;background:linear-gradient(90deg,rgba(7,11,17,.96) 0%,rgba(9,14,21,.90) 46%,rgba(20,12,17,.74) 100%),url('/static/media/evamart_warehouse.webp') center 52%/cover no-repeat;box-shadow:0 28px 70px rgba(10,16,24,.2)}
.evm-dash-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(239,31,43,.24),transparent 28%),linear-gradient(120deg,transparent 58%,rgba(239,31,43,.12));pointer-events:none}.evm-dash-hero-copy,.evm-dash-actions{position:relative;z-index:1}.evm-dash-hero h2{font-size:52px!important;font-weight:850!important;line-height:1;margin:10px 0 11px;letter-spacing:-.055em}.evm-dash-hero h2 small{font-size:14px;color:#c4ccd7;letter-spacing:.08em}.evm-dash-hero p{font-size:15.5px!important;color:#c1c9d4;margin:0}.evm-dash-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.evm-dash-chips span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);font-size:12.5px;font-weight:650;color:#dce2ea;backdrop-filter:blur(8px)}.evm-dash-chips i{width:8px;height:8px;border-radius:50%;background:#20d799;box-shadow:0 0 0 5px rgba(32,215,153,.11)}.evm-dash-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:430px}.btn.dash-primary{background:linear-gradient(135deg,#ff3340,#dc111c);color:#fff;padding:13px 18px;font-size:14.5px;box-shadow:0 13px 35px rgba(229,24,35,.28)}.btn.dash-glass{background:rgba(255,255,255,.075);color:#fff;border:1px solid rgba(255,255,255,.16);padding:13px 18px;font-size:14.5px;backdrop-filter:blur(10px)}.btn.dash-glass:hover{background:rgba(255,255,255,.13)}
.evm-dash-filter{margin-bottom:18px!important;border-radius:20px!important;box-shadow:0 14px 42px rgba(16,24,40,.055)!important}.evm-dash-filter .field>span{font-size:13.5px!important}.evm-dash-filter input,.evm-dash-filter select{min-height:48px!important;font-size:15px!important}.evm-dash-filter .btn{min-height:48px!important;padding:0 22px!important;font-size:15px!important}
.evm-dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.evm-dash-kpi{position:relative;overflow:hidden;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;min-height:128px;padding:20px;border:1px solid #e5e9ee;border-radius:22px;background:linear-gradient(145deg,#fff,#fbfcfd);box-shadow:0 12px 34px rgba(16,24,40,.055);transition:transform .2s ease,box-shadow .2s ease}.evm-dash-kpi:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(16,24,40,.09)}.evm-kpi-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;font-size:21px;font-weight:900}.evm-dash-kpi.blue .evm-kpi-icon{background:#ebf3ff;color:#1676e8}.evm-dash-kpi.green .evm-kpi-icon{background:#e8fbf3;color:#079865}.evm-dash-kpi.red .evm-kpi-icon{background:#fff0f1;color:#de202b}.evm-dash-kpi.violet .evm-kpi-icon{background:#f4efff;color:#7648d7}.evm-dash-kpi span{display:block;color:#677386;font-size:14px;font-weight:700}.evm-dash-kpi strong{display:block;margin-top:4px;font-size:31px;font-weight:820;letter-spacing:-.04em}.evm-dash-kpi p{margin:2px 0 0;color:#8792a2;font-size:13px}.evm-dash-kpi>b{align-self:start;padding:6px 8px;border-radius:999px;background:#f2f4f7;color:#667180;font-size:11px;font-weight:750}
.evm-dash-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);gap:18px;margin-bottom:18px}.evm-chart-panel,.evm-branch-panel,.evm-category-overview,.evm-recent-orders{border-radius:22px!important}.evm-category-bars{display:flex;flex-direction:column;gap:4px}.evm-category-bar{display:grid;grid-template-columns:minmax(210px,1fr) minmax(150px,1.4fr) 120px;align-items:center;gap:16px;padding:12px 10px;border-radius:13px;transition:.17s}.evm-category-bar:hover{background:#f8fafc;transform:translateX(2px)}.evm-category-name{display:flex;align-items:center;gap:10px;min-width:0}.evm-category-name>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#111827;color:#fff;font-size:12px;font-weight:800}.evm-category-name div{min-width:0}.evm-category-name strong{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evm-category-name small{display:block;margin-top:3px;color:#8a95a5;font-size:12px}.evm-category-progress{height:9px;border-radius:99px;background:#eef1f4;overflow:hidden}.evm-category-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff2631,#f4515a);box-shadow:0 0 14px rgba(239,31,43,.18)}.evm-category-value{text-align:right;font-size:15px;font-weight:800}.evm-category-value small{font-size:10px;color:#8a95a5}.evm-rank-list .rank-row{padding:13px 2px}.evm-rank-list .rank-main strong{font-size:14px}.evm-rank-list .rank-main span{font-size:12px}.evm-rank-list .rank-value{font-size:14px}.evm-rank-list .rank-no{width:32px;height:32px;font-size:12px;background:#111827;color:#fff}
.evm-category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.evm-category-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:100px;padding:15px;border:1px solid #e6eaef;border-radius:18px;background:linear-gradient(145deg,#fff,#fafbfc);transition:.18s}.evm-category-card:hover{transform:translateY(-2px);border-color:#f0bfc3;box-shadow:0 14px 36px rgba(16,24,40,.07)}.evm-category-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#111827,#252f3e);color:#fff;font-size:17px}.evm-category-card-copy{min-width:0}.evm-category-card-copy strong{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evm-category-card-copy span{display:block;margin-top:4px;color:#8a95a5;font-size:11.5px}.evm-category-card-metric{text-align:right}.evm-category-card-metric b{font-size:19px}.evm-category-card-metric small{display:block;color:#8b96a4;font-size:10px}.evm-category-card-metric em{display:block;margin-top:4px;color:#d71920;font-style:normal;font-size:11.5px;font-weight:750}
.evm-recent-orders .mobile-record{padding:14px 13px!important;border-radius:13px;transition:.16s}.evm-recent-orders .mobile-record:hover{background:#f9fafb;transform:translateX(2px)}.evm-recent-orders .mobile-record strong{font-size:14.5px}.evm-recent-orders .mobile-record span{font-size:12px}
@media(max-width:1200px){.evm-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.evm-dash-grid{grid-template-columns:1fr}.evm-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.evm-dash-hero{min-height:0;padding:22px 18px;border-radius:20px;align-items:flex-start;flex-direction:column}.evm-dash-hero h2{font-size:36px!important}.evm-dash-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.evm-dash-actions .btn{width:100%}.evm-dash-kpis{grid-template-columns:1fr}.evm-category-bar{grid-template-columns:1fr auto;gap:8px}.evm-category-progress{grid-column:1/-1}.evm-category-cards{grid-template-columns:1fr}.evm-dash-filter .filter-row{display:grid;grid-template-columns:1fr 1fr}.evm-dash-filter .grow,.evm-dash-filter .btn{grid-column:1/-1}}

/* ================================================================
   EVAMART WMS 1.6.9 FIX3 — RECEIPT APPROVAL + DIRECT XPRINTER MENUS
   ================================================================ */
.evm-sidebar,.sidebar{overflow-x:hidden!important}.nav{overflow-x:hidden!important}.sidebar *{max-width:100%}
.receipt-list-panel{overflow:visible!important}.receipt-list-wrap{overflow:auto!important}.receipt-list-table{min-width:1080px}.receipt-no-link{font-weight:780;color:#111827}.receipt-no-link:hover{color:#d71920}.receipt-list-filters{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(220px,.8fr) minmax(220px,.8fr) auto;gap:10px;align-items:center;margin:0 0 16px}.receipt-list-filters select{height:46px;border:1px solid #dfe5eb;border-radius:12px;background:#fff;padding:0 12px;font-size:14.5px;color:#283140}.receipt-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:13px;font-weight:680;white-space:nowrap}.receipt-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.receipt-status.status-draft{background:#fff5df;color:#a85a00}.receipt-status.status-submitted{background:#edf3ff;color:#285fc3}.receipt-status.status-approved{background:#eaf9f2;color:#087a54}
.row-menu-shell{position:relative;display:inline-flex;justify-content:flex-end}.row-menu-btn{width:40px;height:40px;border:1px solid #e0e5eb;border-radius:12px;background:#fff;color:#111827;display:grid;place-items:center;font-size:22px;line-height:1;font-weight:800;transition:.16s ease;box-shadow:0 5px 15px rgba(17,24,39,.04)}.row-menu-btn:hover,.row-menu-btn[aria-expanded="true"]{background:#111827;color:#fff;border-color:#111827;box-shadow:0 10px 24px rgba(17,24,39,.18);transform:translateY(-1px)}.row-menu-pop{min-width:235px;padding:7px;border:1px solid #e3e7ec;border-radius:15px;background:#fff;box-shadow:0 22px 55px rgba(17,24,39,.20)}.row-menu-pop.floating-row-menu-open{position:fixed!important;z-index:120000!important;animation:menuFloatIn .14s ease both}.row-menu-pop form{margin:0}.row-menu-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#202936;text-align:left;border-radius:10px;padding:10px 11px;font-size:14px!important;font-weight:650;cursor:pointer;white-space:nowrap}.row-menu-item:hover{background:#f4f6f8}.row-menu-item span{width:22px;text-align:center;font-size:16px}.row-menu-item.primary-line{color:#c8131a}.row-menu-item.primary-line:hover{background:#fff1f2}.row-menu-item.approve-line{color:#087a54}.row-menu-item.approve-line:hover{background:#eaf9f2}.row-menu-item.danger-line{color:#c6171d}.row-menu-item.danger-line:hover{background:#fff0f1}.row-menu-item[disabled]{opacity:.55;cursor:wait}
.print-busy{cursor:wait!important;opacity:.78}.mini-spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:evmSpin .65s linear infinite}@keyframes evmSpin{to{transform:rotate(360deg)}}
.receipt-detail-hero.status-draft{background:radial-gradient(circle at 86% 20%,rgba(245,171,48,.18),transparent 34%),linear-gradient(135deg,#0d121a,#181d25)}.receipt-detail-hero.status-submitted{background:radial-gradient(circle at 86% 20%,rgba(51,110,224,.24),transparent 34%),linear-gradient(135deg,#0d121a,#121c31)}.receipt-detail-hero.status-approved{background:radial-gradient(circle at 86% 20%,rgba(16,168,117,.22),transparent 34%),linear-gradient(135deg,#0d121a,#11251d)}.direct-print-main{min-height:48px;padding-left:18px;padding-right:18px}.receipt-flow-strip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e9ee;border-radius:18px;padding:14px 16px;margin-bottom:16px;box-shadow:0 10px 28px rgba(17,24,39,.05);overflow:auto}.flow-node{display:flex;align-items:center;gap:9px;min-width:150px}.flow-node i{width:32px;height:32px;border-radius:50%;background:#eef1f4;color:#8b95a3;display:grid;place-items:center;font-style:normal;font-weight:800}.flow-node.done i{background:#e8f8f0;color:#087a54}.flow-node span{font-size:13.5px;font-weight:700;white-space:nowrap}.flow-node small{display:block;font-size:11.5px;color:#8b95a3;font-weight:500;margin-top:2px}.receipt-action-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.receipt-action-panel h2{font-size:22px!important;margin:4px 0 0}.receipt-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.receipt-action-buttons form{margin:0}.qr-mini-link{pointer-events:none}.table-action-btn.qr{border:0;cursor:pointer}.table-action-btn.qr:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(17,24,39,.16)}
@media(max-width:1000px){.receipt-list-filters{grid-template-columns:1fr 1fr}.receipt-list-filters .btn{width:100%}.receipt-action-panel{align-items:flex-start;flex-direction:column}.receipt-action-buttons{justify-content:flex-start}.receipt-flow-strip{padding:12px}}
@media(max-width:620px){.receipt-list-filters{grid-template-columns:1fr}.row-menu-pop{min-width:220px}.receipt-complete-actions{width:100%}.receipt-complete-actions .btn{width:100%}.receipt-action-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.receipt-action-buttons .btn,.receipt-action-buttons form{width:100%}.receipt-action-buttons form .btn{width:100%}}

/* EVAMART 1.7.0 — anchored action menus + in-app printer settings */
.receipt-status.status-cancelled{background:#f1f3f5;color:#5e6875}
.printer-modal{position:fixed;inset:0;z-index:2147483500;display:none;align-items:center;justify-content:center;padding:20px}
.printer-modal.open{display:flex;animation:modalFadeIn .16s ease both}
.printer-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(5,10,18,.58);backdrop-filter:blur(8px)}
.printer-modal-card{position:relative;width:min(720px,100%);max-height:min(88vh,760px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.35);border-radius:24px;box-shadow:0 30px 100px rgba(5,10,18,.32);padding:22px}
.printer-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.printer-modal-head h3{margin:4px 0 4px;font-size:26px;line-height:1.1}.printer-modal-head p{margin:0;color:#7b8794;font-size:14px}
.printer-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.printer-settings-grid .field{margin:0}.printer-settings-grid input,.printer-settings-grid select{height:48px;border:1px solid #dfe5eb;border-radius:12px;background:#fff;padding:0 13px;font-size:15px;font-weight:600;color:#18212f}
.printer-platform-note{margin-bottom:14px;padding:13px 14px;border-radius:13px;background:#fff6df;border:1px solid #f4dfad;color:#8a5b00;font-size:13.5px;line-height:1.45}
.printer-status-line{margin-top:16px;padding:13px 14px;border-radius:13px;background:#f5f7f9;border:1px solid #e4e8ed;color:#566170;font-size:13.5px;font-weight:600}
.printer-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}.printer-modal-actions .btn{min-height:46px}
@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:680px){.printer-modal{padding:10px;align-items:flex-end}.printer-modal-card{border-radius:22px 22px 14px 14px;padding:18px;max-height:92vh}.printer-settings-grid{grid-template-columns:1fr}.printer-modal-actions{display:grid;grid-template-columns:1fr}.printer-modal-actions .btn{width:100%}}

.order-live-time{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:5px 8px;border-radius:999px;background:#f2f5f8;color:#475467;font-size:11.5px;font-weight:700}
.order-live-time.live{background:#fff3e8;color:#a45100}.order-timeline-panel{margin-top:16px}.order-timeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.order-time-card{border:1px solid #e5e9ef;border-radius:16px;padding:14px;background:linear-gradient(145deg,#fff,#fafbfc)}.order-time-card span{display:block;color:#7d8998;font-size:12px}.order-time-card strong{display:block;margin-top:5px;font-size:15px;color:#111827}.order-time-card small{display:block;margin-top:4px;color:#98a1ad;font-size:11.5px}.order-time-card.current{border-color:#f1c3c6;background:#fff8f8;box-shadow:0 10px 24px rgba(215,25,32,.06)}
@media(max-width:900px){.order-timeline-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.order-timeline-grid{grid-template-columns:1fr}}
.qr-master-link{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid #e3e8ee;border-radius:10px;background:#fff;overflow:hidden}.qr-master-link img{width:40px;height:40px;image-rendering:pixelated}.qr-master-link:hover{border-color:#d71920;box-shadow:0 8px 18px rgba(215,25,32,.08)}

.printer-check-row{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid #dfe3e8;border-radius:12px;background:#fff}.printer-check-row input{width:18px!important;height:18px!important;margin:0}.printer-check-row b{font-size:13px;font-weight:650}.printer-modal-actions{flex-wrap:wrap}


/* EVAMART PC FINAL 1.8.0 — SLA actor/branch breakdown */
.sla-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sla-breakdown-card{border:1px solid var(--line);border-radius:18px;background:var(--panel-2);padding:15px;min-width:0}
.sla-breakdown-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.sla-breakdown-title strong{font-size:15px;line-height:1.35}.sla-breakdown-title span{font-size:12px;color:var(--muted);white-space:nowrap}
.sla-breakdown-list{display:grid;gap:0}.sla-breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.sla-breakdown-row:last-child{border-bottom:0}.sla-breakdown-row>div:first-child{min-width:0}.sla-breakdown-row strong{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sla-breakdown-row small{font-size:12px;color:var(--muted)}
.sla-breakdown-values{text-align:right;flex:0 0 auto}.sla-breakdown-values b{display:block;font-size:14px}.sla-breakdown-values small{white-space:nowrap}
.order-time-card small{line-height:1.55}
@media(max-width:900px){.sla-breakdown-grid{grid-template-columns:1fr}.sla-breakdown-row{align-items:flex-start}.sla-breakdown-values small{white-space:normal}}


/* EVAMART Premium Glass + Motion Layer — 2026-09-26 */
:root{
  --evm-glass:rgba(255,255,255,.78);--evm-glass-strong:rgba(255,255,255,.90);--evm-glass-soft:rgba(255,255,255,.64);
  --evm-glass-dark:rgba(10,14,20,.82);--evm-glass-line:rgba(255,255,255,.54);--evm-dark-line:rgba(255,255,255,.10);
  --evm-motion:180ms cubic-bezier(.2,.8,.2,1);--evm-motion-fast:120ms cubic-bezier(.2,.8,.2,1);
  --evm-shadow:0 14px 36px rgba(7,12,20,.10);--evm-shadow-hover:0 20px 46px rgba(7,12,20,.14);
}
html{background:#0b1017;scroll-behavior:smooth}
body.evm-app-body{position:relative;isolation:isolate;background:#eef2f6;min-height:100vh;overflow-x:hidden}
body.evm-app-body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(135deg,rgba(244,247,250,.82),rgba(232,238,244,.72)),url('/static/media/evamart_warehouse.webp') center/cover no-repeat;transform:translateZ(0)}
body.evm-app-body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 78% 12%,rgba(215,25,32,.10),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(235,240,245,.16))}
.evm-shell,.app-shell{background:transparent!important}
.evm-main,.main{background:transparent!important}
.evm-content{background:transparent!important;contain:layout style}
.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.table-wrap{background:var(--evm-glass)!important;border-color:var(--evm-glass-line)!important;box-shadow:var(--evm-shadow)!important}
.evm-content .panel:hover,.kpi-card:hover,.control-card:hover,.policy-card:hover,.evm-category-card:hover,.category-card:hover{box-shadow:var(--evm-shadow-hover)!important}
.evm-topbar,.topbar{background:rgba(248,250,252,.78)!important;border-color:rgba(255,255,255,.56)!important;backdrop-filter:blur(14px) saturate(125%)!important;-webkit-backdrop-filter:blur(14px) saturate(125%)!important;box-shadow:0 8px 28px rgba(8,14,22,.07)!important}
.evm-sidebar,.sidebar{background:linear-gradient(180deg,rgba(10,14,20,.92),rgba(7,10,15,.88))!important;border-right:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);box-shadow:14px 0 34px rgba(3,7,12,.15)!important}
.evm-content input,.evm-content select,.evm-content textarea,.search-input,.compact-select,.receipt-list-filters select,.printer-settings-grid input,.printer-settings-grid select{background:rgba(255,255,255,.72)!important;border-color:rgba(255,255,255,.72)!important;box-shadow:inset 0 0 0 1px rgba(24,33,45,.06);transition:border-color var(--evm-motion-fast),box-shadow var(--evm-motion-fast),background-color var(--evm-motion-fast)!important}
.evm-content input:focus,.evm-content select:focus,.evm-content textarea:focus,.search-input:focus,.compact-select:focus{background:rgba(255,255,255,.94)!important;box-shadow:0 0 0 4px rgba(215,25,32,.09)!important}
.table-wrap{overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
table{background:transparent!important}th{background:rgba(246,248,251,.84)!important}td{background:rgba(255,255,255,.28)}tbody tr{transition:background-color var(--evm-motion-fast)}tbody tr:hover{background:rgba(255,255,255,.46)!important}
.btn,.icon-btn,.nav-item,.nav-sub-item,.row-menu-btn,.catalog-add-btn,.table-action-btn,.v163-kebab{transform:translateZ(0);transition:transform var(--evm-motion-fast),box-shadow var(--evm-motion-fast),background-color var(--evm-motion-fast),border-color var(--evm-motion-fast),color var(--evm-motion-fast),opacity var(--evm-motion-fast)!important;touch-action:manipulation}
.btn:active,.icon-btn:active,.nav-item:active,.nav-sub-item:active,.row-menu-btn:active,.catalog-add-btn:active,.table-action-btn:active,.v163-kebab:active,.evm-pressed{transform:scale(.975)!important}
.nav-item:hover,.nav-sub-item:hover{transform:translate3d(2px,0,0)!important}.btn:hover,.icon-btn:hover,.row-menu-btn:hover,.catalog-add-btn:hover,.table-action-btn:hover{transform:translate3d(0,-1px,0)!important}
.row-menu-pop,.v163-action-menu,.live-suggestions,.printer-modal-card,.image-modal-card{background:rgba(250,252,254,.88)!important;border-color:rgba(255,255,255,.62)!important;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:0 24px 64px rgba(4,9,16,.20)!important}
.printer-modal-backdrop,.image-modal-backdrop,.sidebar-overlay{background:rgba(6,10,16,.38)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.evm-branch-pill,.evm-live,.icon-btn,.btn.soft,.btn.ghost,.row-menu-btn,.printer-check-row{background:rgba(255,255,255,.68)!important;border-color:rgba(255,255,255,.66)!important}
.flash,.app-toast{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 16px 42px rgba(7,12,20,.12)!important}
.evm-content,.evm-content>*{animation:none!important}.evm-content{opacity:1!important;transform:none!important;transition:none!important}
.v163-order-card,.order-product,.evm-category-card,.category-card,.mobile-record{content-visibility:auto;contain-intrinsic-size:1px 120px}
img{max-width:100%}.product-image,.product-visual img,.scan-product-card img,.image-modal img{image-rendering:auto}
@view-transition{navigation:auto}
::view-transition-old(root){animation:evm-old-page 120ms ease both}
::view-transition-new(root){animation:evm-new-page 160ms cubic-bezier(.2,.8,.2,1) both}
@keyframes evm-old-page{to{opacity:0;transform:translate3d(0,-2px,0)}}
@keyframes evm-new-page{from{opacity:0;transform:translate3d(0,5px,0)}to{opacity:1;transform:none}}
@media(hover:none){.evm-content .panel:hover,.kpi-card:hover,.control-card:hover,.policy-card:hover,.evm-category-card:hover,.category-card:hover{box-shadow:var(--evm-shadow)!important}.btn:hover,.icon-btn:hover,.row-menu-btn:hover,.catalog-add-btn:hover,.table-action-btn:hover,.nav-item:hover,.nav-sub-item:hover{transform:none!important}}
@media(max-width:900px){
  body.evm-app-body:before{background:linear-gradient(135deg,rgba(245,247,250,.88),rgba(232,238,244,.82)),url('/static/media/evamart_warehouse.webp') center/cover no-repeat}
  .evm-sidebar,.sidebar,.evm-topbar,.topbar,.row-menu-pop,.v163-action-menu,.live-suggestions,.printer-modal-card,.image-modal-card,.flash,.app-toast{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .evm-topbar,.topbar{background:rgba(248,250,252,.94)!important}
  .evm-sidebar,.sidebar{background:rgba(8,12,18,.96)!important}
  .evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.table-wrap{background:rgba(255,255,255,.88)!important;box-shadow:0 10px 26px rgba(7,12,20,.08)!important}
  .v163-order-card,.order-product,.evm-category-card,.category-card,.mobile-record{contain-intrinsic-size:1px 110px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.dashboard-hero,.warehouse-hero,.premium-management-hero,.premium-order-hero,.doc-hero,.order-status-hero,.evm-order-summary-card,.evm-dash-hero,.hero-simple,.receipt-detail-hero,.receipt-premium-hero,.exchange-hero,.scan-hero{background:linear-gradient(135deg,rgba(9,14,21,.88),rgba(18,25,35,.80))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 18px 48px rgba(4,9,16,.16)!important;color:#fff!important}
.dashboard-hero p,.warehouse-hero p,.premium-management-hero p,.premium-order-hero p,.doc-hero p,.order-status-hero p,.evm-dash-hero p,.hero-simple p,.receipt-premium-hero p,.exchange-hero p,.scan-hero p{color:rgba(229,235,242,.78)!important}
.doc-total{background:rgba(12,18,26,.86)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 16px 40px rgba(4,9,16,.14)!important}
body.evm-login-body .evm-login-card{background:linear-gradient(180deg,rgba(10,14,20,.80),rgba(7,10,15,.76))!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:blur(14px) saturate(115%)!important;-webkit-backdrop-filter:blur(14px) saturate(115%)!important;box-shadow:0 26px 76px rgba(0,0,0,.34),0 0 0 1px rgba(215,25,32,.18)!important}
body.evm-login-body .evm-login-control{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.16)!important}
body.evm-login-body .evm-login-live,body.evm-login-body .evm-login-features>div,body.evm-login-body .evm-login-trust>div{background:rgba(9,13,18,.62)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media(max-width:900px){body.evm-login-body .evm-login-card,body.evm-login-body .evm-login-live,body.evm-login-body .evm-login-features>div,body.evm-login-body .evm-login-trust>div{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.evm-login-body .evm-login-card{background:rgba(8,12,18,.90)!important}}



/* EVAMART LIQUID GLASS v2 — 2026-09-26 */
:root{
  --lg-panel-a:rgba(255,255,255,.56);
  --lg-panel-b:rgba(255,255,255,.34);
  --lg-panel-strong:rgba(255,255,255,.68);
  --lg-line:rgba(255,255,255,.62);
  --lg-line-soft:rgba(255,255,255,.34);
  --lg-dark-a:rgba(9,14,21,.62);
  --lg-dark-b:rgba(16,22,31,.46);
  --lg-shadow:0 18px 44px rgba(7,12,20,.11),inset 0 1px 0 rgba(255,255,255,.58),inset 0 -1px 0 rgba(255,255,255,.16);
}
body.evm-app-body:before{
  background:linear-gradient(135deg,rgba(245,248,251,.58),rgba(229,236,243,.47)),url('/static/media/evamart_warehouse.webp') center/cover no-repeat!important;
}
body.evm-app-body:after{
  background:radial-gradient(circle at 80% 8%,rgba(239,31,43,.09),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(225,233,241,.08))!important;
}
.evm-topbar,.topbar{
  background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(248,250,252,.50))!important;
  border-bottom:1px solid rgba(255,255,255,.66)!important;
  box-shadow:0 10px 30px rgba(7,12,20,.07),inset 0 1px 0 rgba(255,255,255,.78)!important;
  backdrop-filter:blur(18px) saturate(145%) contrast(102%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) contrast(102%)!important;
}
.evm-sidebar,.sidebar{
  background:linear-gradient(180deg,rgba(8,13,20,.78),rgba(6,10,16,.68))!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  box-shadow:16px 0 38px rgba(2,6,12,.16),inset -1px 0 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
}
.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.table-wrap,.receipt-action-panel,.printer-modal-card,.image-modal-card{
  background:linear-gradient(135deg,var(--lg-panel-a),var(--lg-panel-b))!important;
  border:1px solid var(--lg-line)!important;
  box-shadow:var(--lg-shadow)!important;
  backdrop-filter:blur(14px) saturate(138%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(138%)!important;
}
.evm-dash-filter,.receipt-list-filters,.filter-row{
  background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(255,255,255,.30));
  border-color:rgba(255,255,255,.56)!important;
}
.evm-content input,.evm-content select,.evm-content textarea,.search-input,.compact-select,.receipt-list-filters select,.printer-settings-grid input,.printer-settings-grid select{
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.42))!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 6px 18px rgba(8,14,22,.045)!important;
  backdrop-filter:blur(8px) saturate(125%);
  -webkit-backdrop-filter:blur(8px) saturate(125%);
}
.evm-content input:focus,.evm-content select:focus,.evm-content textarea:focus,.search-input:focus,.compact-select:focus{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(255,255,255,.90)!important;
  box-shadow:0 0 0 4px rgba(215,25,32,.08),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.evm-branch-pill,.evm-live,.icon-btn,.btn.soft,.btn.ghost,.row-menu-btn,.printer-check-row{
  background:linear-gradient(180deg,rgba(255,255,255,.60),rgba(255,255,255,.40))!important;
  border-color:rgba(255,255,255,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 22px rgba(7,12,20,.06)!important;
}
.dashboard-hero,.warehouse-hero,.premium-management-hero,.premium-order-hero,.doc-hero,.order-status-hero,.evm-order-summary-card,.evm-dash-hero,.hero-simple,.receipt-detail-hero,.receipt-premium-hero,.exchange-hero,.scan-hero,.doc-total{
  background:linear-gradient(135deg,var(--lg-dark-a),var(--lg-dark-b))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 22px 58px rgba(3,7,12,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(16px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(130%)!important;
}
.table-wrap th{background:rgba(244,247,250,.60)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.table-wrap td{background:rgba(255,255,255,.18)!important}.table-wrap tbody tr:hover td{background:rgba(255,255,255,.38)!important}
.evm-sidebar-promo{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(239,31,43,.075))!important;border-color:rgba(255,255,255,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.evm-nav .nav-item.active{background:linear-gradient(135deg,rgba(239,31,43,.90),rgba(206,18,27,.74))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 12px 28px rgba(215,25,32,.20),inset 0 1px 0 rgba(255,255,255,.18)!important}
.evm-nav .nav-item:not(.active),.evm-nav .nav-sub-item{background:transparent!important;border:1px solid transparent!important}
.evm-nav .nav-item:not(.active):hover,.evm-nav .nav-sub-item:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.07)!important}
.row-menu-pop,.v163-action-menu,.live-suggestions{background:linear-gradient(135deg,rgba(250,252,254,.76),rgba(242,246,249,.58))!important;border:1px solid rgba(255,255,255,.68)!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;box-shadow:0 28px 70px rgba(4,9,16,.20),inset 0 1px 0 rgba(255,255,255,.78)!important}
.evm-content .panel,.kpi-card,.control-card,.policy-card,.evm-category-card,.category-card,.btn,.icon-btn,.nav-item,.nav-sub-item{will-change:auto}
@media(max-width:900px){
  body.evm-app-body:before{background:linear-gradient(135deg,rgba(245,248,251,.64),rgba(230,236,243,.56)),url('/static/media/evamart_warehouse.webp') center/cover no-repeat!important}
  .evm-topbar,.topbar{backdrop-filter:blur(10px) saturate(125%)!important;-webkit-backdrop-filter:blur(10px) saturate(125%)!important;background:rgba(250,251,253,.72)!important}
  .evm-sidebar,.sidebar{backdrop-filter:blur(10px) saturate(118%)!important;-webkit-backdrop-filter:blur(10px) saturate(118%)!important;background:rgba(7,11,17,.84)!important}
  .evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.table-wrap,.receipt-action-panel{
    background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.48))!important;
    backdrop-filter:blur(8px) saturate(120%)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;
    box-shadow:0 12px 28px rgba(7,12,20,.09),inset 0 1px 0 rgba(255,255,255,.58)!important
  }
  .dashboard-hero,.warehouse-hero,.premium-management-hero,.premium-order-hero,.doc-hero,.order-status-hero,.evm-order-summary-card,.evm-dash-hero,.hero-simple,.receipt-detail-hero,.receipt-premium-hero,.exchange-hero,.scan-hero,.doc-total{backdrop-filter:blur(9px) saturate(118%)!important;-webkit-backdrop-filter:blur(9px) saturate(118%)!important}
}
@media(max-width:560px){
  .evm-content{padding-left:10px!important;padding-right:10px!important}
  .evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.evm-category-card,.category-card{border-radius:18px!important}
}


/* EVAMART LIQUID GLASS v3 — deeper transparency */
:root{
  --lg-panel-a:rgba(255,255,255,.46);
  --lg-panel-b:rgba(255,255,255,.24);
  --lg-panel-strong:rgba(255,255,255,.58);
  --lg-line:rgba(255,255,255,.54);
  --lg-dark-a:rgba(9,14,21,.52);
  --lg-dark-b:rgba(16,22,31,.34);
  --lg-shadow:0 16px 38px rgba(7,12,20,.09),inset 0 1px 0 rgba(255,255,255,.50),inset 0 -1px 0 rgba(255,255,255,.10);
}
body.evm-app-body:before{background:linear-gradient(135deg,rgba(245,248,251,.42),rgba(229,236,243,.34)),url('/static/media/evamart_warehouse.webp') center/cover no-repeat!important}
.evm-topbar,.topbar{background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(248,250,252,.34))!important;backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important}
.evm-sidebar,.sidebar{background:linear-gradient(180deg,rgba(8,13,20,.70),rgba(6,10,16,.56))!important;backdrop-filter:blur(20px) saturate(135%)!important;-webkit-backdrop-filter:blur(20px) saturate(135%)!important}
.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.table-wrap,.receipt-action-panel,.printer-modal-card,.image-modal-card{background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.24))!important;border-color:rgba(255,255,255,.56)!important;backdrop-filter:blur(16px) saturate(145%)!important;-webkit-backdrop-filter:blur(16px) saturate(145%)!important}
.dashboard-hero,.warehouse-hero,.premium-management-hero,.premium-order-hero,.doc-hero,.order-status-hero,.evm-order-summary-card,.evm-dash-hero,.hero-simple,.receipt-detail-hero,.receipt-premium-hero,.exchange-hero,.scan-hero,.doc-total{background:linear-gradient(135deg,rgba(8,13,20,.52),rgba(17,24,33,.34))!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important}
.evm-content input,.evm-content select,.evm-content textarea,.search-input,.compact-select,.receipt-list-filters select,.printer-settings-grid input,.printer-settings-grid select{background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.30))!important}
.evm-branch-pill,.evm-live,.icon-btn,.btn.soft,.btn.ghost,.row-menu-btn,.printer-check-row{background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.28))!important}
@media(max-width:900px){.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.table-wrap,.receipt-action-panel{background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(255,255,255,.38))!important;backdrop-filter:blur(10px) saturate(125%)!important;-webkit-backdrop-filter:blur(10px) saturate(125%)!important}.evm-topbar,.topbar{background:rgba(250,251,253,.64)!important}.evm-sidebar,.sidebar{background:rgba(7,11,17,.76)!important}}


/* EVAMART LIQUID GLASS v4 — transparent rounded cards + scroll chaining */
html,body,.evm-main,.evm-content{overscroll-behavior-y:auto!important}
.table-wrap,.receipt-list-wrap,.clean-scroll-x{overscroll-behavior-y:auto!important;overscroll-behavior-x:contain!important;touch-action:pan-x pan-y!important}
.table-wrap{overflow-x:auto!important;overflow-y:clip!important;scrollbar-gutter:auto!important;border:0!important;border-radius:28px!important;background:transparent!important;box-shadow:none!important}
.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.receipt-action-panel,.printer-modal-card,.image-modal-card{
  background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.14))!important;
  border:0!important;
  border-radius:30px!important;
  box-shadow:0 16px 38px rgba(7,12,20,.08),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
}
.kpi-card{border-radius:28px!important}.dashboard-hero,.warehouse-hero,.premium-management-hero,.premium-order-hero,.doc-hero,.order-status-hero,.evm-order-summary-card,.evm-dash-hero,.hero-simple,.receipt-detail-hero,.receipt-premium-hero,.exchange-hero,.scan-hero,.doc-total{border:0!important;border-radius:34px!important;background:linear-gradient(135deg,rgba(8,13,20,.44),rgba(17,24,33,.24))!important;box-shadow:0 18px 48px rgba(3,7,12,.14),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(20px) saturate(145%)!important;-webkit-backdrop-filter:blur(20px) saturate(145%)!important}
.evm-topbar,.topbar{background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(248,250,252,.22))!important;border:0!important;box-shadow:0 10px 28px rgba(7,12,20,.05),inset 0 1px 0 rgba(255,255,255,.56)!important}
.evm-sidebar,.sidebar{background:linear-gradient(180deg,rgba(8,13,20,.60),rgba(6,10,16,.46))!important;border:0!important}
.table-wrap table{border-collapse:separate!important;border-spacing:0 7px!important;background:transparent!important}
.table-wrap thead th{background:rgba(255,255,255,.22)!important;border:0!important;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%)}
.table-wrap tbody td{background:rgba(255,255,255,.16)!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.08)!important}
.table-wrap tbody tr td:first-child{border-radius:18px 0 0 18px!important}.table-wrap tbody tr td:last-child{border-radius:0 18px 18px 0!important}
.table-wrap tbody tr:hover td{background:rgba(255,255,255,.28)!important}
.table-wrap tfoot td{background:rgba(255,255,255,.20)!important;border:0!important}
.evm-content input,.evm-content select,.evm-content textarea,.search-input,.compact-select,.receipt-list-filters select,.printer-settings-grid input,.printer-settings-grid select{background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.22))!important;border:0!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 7px 18px rgba(7,12,20,.035)!important}
.evm-branch-pill,.evm-live,.icon-btn,.btn.soft,.btn.ghost,.row-menu-btn,.printer-check-row{background:linear-gradient(180deg,rgba(255,255,255,.40),rgba(255,255,255,.20))!important;border:0!important;border-radius:18px!important}
.btn,.row-menu-btn,.table-action-btn,.catalog-add-btn{border-radius:18px!important}.badge,.chip,.category-pill,.receipt-status{border-radius:999px!important}
@media(max-width:900px){.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.receipt-action-panel{background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.28))!important;backdrop-filter:blur(11px) saturate(130%)!important;-webkit-backdrop-filter:blur(11px) saturate(130%)!important}.table-wrap tbody td{background:rgba(255,255,255,.24)!important}}


/* EVAMART LIQUID GLASS v5 — softer, clearer transparency */
body.evm-app-body:before{background:linear-gradient(135deg,rgba(245,248,251,.28),rgba(229,236,243,.22)),url('/static/media/evamart_warehouse.webp') center/cover no-repeat!important}
.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.receipt-action-panel{background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.08))!important;box-shadow:0 14px 34px rgba(7,12,20,.07),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(20px) saturate(155%)!important;-webkit-backdrop-filter:blur(20px) saturate(155%)!important}
.evm-topbar,.topbar{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(248,250,252,.12))!important;backdrop-filter:blur(22px) saturate(155%)!important;-webkit-backdrop-filter:blur(22px) saturate(155%)!important}
.evm-sidebar,.sidebar{background:linear-gradient(180deg,rgba(8,13,20,.52),rgba(6,10,16,.34))!important;backdrop-filter:blur(22px) saturate(140%)!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important}
.dashboard-hero,.warehouse-hero,.premium-management-hero,.premium-order-hero,.doc-hero,.order-status-hero,.evm-order-summary-card,.evm-dash-hero,.hero-simple,.receipt-detail-hero,.receipt-premium-hero,.exchange-hero,.scan-hero,.doc-total{background:linear-gradient(135deg,rgba(8,13,20,.34),rgba(17,24,33,.16))!important;backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important}
.table-wrap tbody td{background:rgba(255,255,255,.09)!important}.table-wrap tbody tr:hover td{background:rgba(255,255,255,.20)!important}.table-wrap thead th{background:rgba(255,255,255,.14)!important}
.evm-content input,.evm-content select,.evm-content textarea,.search-input,.compact-select,.receipt-list-filters select,.printer-settings-grid input,.printer-settings-grid select{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.14))!important}
.printer-modal-backdrop,.image-modal-backdrop{background:rgba(6,10,16,.20)!important;backdrop-filter:blur(8px) saturate(115%)!important;-webkit-backdrop-filter:blur(8px) saturate(115%)!important}
.printer-modal-card,.image-modal-card{background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08))!important;border:0!important;border-radius:36px!important;box-shadow:0 28px 90px rgba(3,7,12,.20),inset 0 1px 0 rgba(255,255,255,.48)!important;backdrop-filter:blur(28px) saturate(165%)!important;-webkit-backdrop-filter:blur(28px) saturate(165%)!important}
.printer-platform-note,.printer-status-line{background:rgba(255,255,255,.26)!important;border:0!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.36)!important}
.printer-settings-grid input,.printer-settings-grid select,.printer-check-row{background:rgba(255,255,255,.28)!important;border:0!important;border-radius:18px!important}
@media(max-width:900px){.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.receipt-action-panel{background:linear-gradient(135deg,rgba(255,255,255,.40),rgba(255,255,255,.22))!important;backdrop-filter:blur(12px) saturate(130%)!important;-webkit-backdrop-filter:blur(12px) saturate(130%)!important}.printer-modal-card,.image-modal-card{background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.20))!important;backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important}}


/* EVAMART VIDEO THEME v1 — simple, fast, day/night */
:root{--video-accent:#2563eb;--video-accent-2:#1d4ed8;--video-danger:#dc2626;--video-success:#16a34a;--video-warn:#f59e0b;--video-radius:16px;--video-fast:140ms cubic-bezier(.2,.8,.2,1)}
html[data-theme="light"]{color-scheme:light;--video-bg:#f4f7fb;--video-surface:rgba(255,255,255,.90);--video-surface-2:rgba(255,255,255,.74);--video-line:#e6ebf2;--video-text:#172033;--video-muted:#718096;--video-sidebar:#0f172a;--video-sidebar-2:#111827;--video-sidebar-text:#cbd5e1;--video-shadow:0 8px 24px rgba(15,23,42,.06)}
html[data-theme="dark"]{color-scheme:dark;--video-bg:#0b1220;--video-surface:rgba(17,24,39,.92);--video-surface-2:rgba(30,41,59,.76);--video-line:#273449;--video-text:#e8edf5;--video-muted:#94a3b8;--video-sidebar:#080d17;--video-sidebar-2:#0d1422;--video-sidebar-text:#cbd5e1;--video-shadow:0 8px 24px rgba(0,0,0,.20)}
body.evm-app-body{background:var(--video-bg)!important;color:var(--video-text)!important;transition:background-color var(--video-fast),color var(--video-fast)!important}
body.evm-app-body:before{background:radial-gradient(circle at 88% 0,rgba(37,99,235,.08),transparent 34%),var(--video-bg)!important;filter:none!important}
body.evm-app-body:after{background:none!important}
.evm-main,.main,.evm-content,.content{background:transparent!important;color:var(--video-text)!important}
.evm-topbar,.topbar{background:color-mix(in srgb,var(--video-surface) 92%,transparent)!important;border-bottom:1px solid var(--video-line)!important;box-shadow:none!important;backdrop-filter:blur(10px) saturate(115%)!important;-webkit-backdrop-filter:blur(10px) saturate(115%)!important;height:78px!important}
.evm-sidebar,.sidebar{background:linear-gradient(180deg,var(--video-sidebar),var(--video-sidebar-2))!important;border:0!important;box-shadow:8px 0 28px rgba(2,6,23,.10)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--video-sidebar-text)!important}
.evm-brand-copy strong,.evm-brand-copy small,.brand strong,.brand span{color:var(--video-sidebar-text)!important}.evm-brand-copy strong span{color:#ef4444!important}
.evm-nav .nav-caption,.nav-caption{color:#64748b!important}.evm-nav .nav-item,.evm-nav .nav-sub-item,.nav-item,.nav-sub-item{color:#aab6c8!important;border:0!important;border-radius:12px!important;transition:background-color var(--video-fast),color var(--video-fast),transform var(--video-fast)!important}
.evm-nav .nav-item:hover,.evm-nav .nav-sub-item:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;transform:none!important}
.evm-nav .nav-item.active,.evm-nav .nav-sub-item.active,.nav-item.active{background:linear-gradient(135deg,var(--video-accent),var(--video-accent-2))!important;color:#fff!important;box-shadow:0 8px 20px rgba(37,99,235,.22)!important}
.evm-nav .nav-item>span,.nav-item>span{background:rgba(255,255,255,.08)!important;color:inherit!important}
.sidebar-foot{border-color:rgba(255,255,255,.08)!important}.logout{background:rgba(255,255,255,.06)!important;color:#cbd5e1!important;border-radius:12px!important}.logout:hover{background:rgba(220,38,38,.14)!important;color:#fecaca!important}
.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.receipt-action-panel,.table-wrap,.printer-modal-card,.image-modal-card{background:var(--video-surface)!important;border:1px solid var(--video-line)!important;border-radius:var(--video-radius)!important;box-shadow:var(--video-shadow)!important;backdrop-filter:blur(8px) saturate(110%)!important;-webkit-backdrop-filter:blur(8px) saturate(110%)!important;color:var(--video-text)!important}
.dashboard-hero,.warehouse-hero,.premium-management-hero,.premium-order-hero,.doc-hero,.order-status-hero,.evm-order-summary-card,.evm-dash-hero,.hero-simple,.receipt-detail-hero,.receipt-premium-hero,.exchange-hero,.scan-hero,.doc-total{background:linear-gradient(135deg,color-mix(in srgb,var(--video-surface) 88%,var(--video-accent) 12%),var(--video-surface))!important;border:1px solid var(--video-line)!important;border-radius:20px!important;box-shadow:var(--video-shadow)!important;color:var(--video-text)!important;backdrop-filter:blur(8px) saturate(110%)!important;-webkit-backdrop-filter:blur(8px) saturate(110%)!important}
.dashboard-hero p,.warehouse-hero p,.premium-management-hero p,.premium-order-hero p,.doc-hero p,.order-status-hero p,.evm-dash-hero p,.hero-simple p,.receipt-premium-hero p,.exchange-hero p,.scan-hero p,.panel-sub,.subline,.field small,.field>span{color:var(--video-muted)!important}
.top-title h1,.panel-head h2,.product-list-head h2,.evm-content h1,.evm-content h2,.evm-content h3,.evm-content strong{color:var(--video-text)}
.eyebrow{color:var(--video-accent)!important}.eyebrow.light{color:#60a5fa!important}
.btn,.icon-btn,.row-menu-btn,.table-action-btn,.catalog-add-btn,.v163-kebab{border-radius:12px!important;transition:transform var(--video-fast),background-color var(--video-fast),box-shadow var(--video-fast),border-color var(--video-fast),color var(--video-fast)!important}
.btn.primary,.evm-content .btn.primary,.catalog-add-btn,.btn.dash-light{background:linear-gradient(135deg,var(--video-accent),var(--video-accent-2))!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(37,99,235,.18)!important}
.btn.primary:hover,.catalog-add-btn:hover{box-shadow:0 10px 22px rgba(37,99,235,.24)!important;transform:translateY(-1px)!important}
.btn.soft,.btn.ghost,.icon-btn,.row-menu-btn,.table-action-btn{background:var(--video-surface-2)!important;color:var(--video-text)!important;border:1px solid var(--video-line)!important;box-shadow:none!important}
.btn.danger,.icon-btn.danger{background:color-mix(in srgb,var(--video-danger) 10%,var(--video-surface))!important;color:#ef4444!important;border-color:color-mix(in srgb,var(--video-danger) 28%,var(--video-line))!important}
.theme-toggle{height:40px;min-width:82px;padding:0 12px;border:1px solid var(--video-line);border-radius:12px;background:var(--video-surface-2);color:var(--video-text);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;font-size:12px;transition:background-color var(--video-fast),border-color var(--video-fast),transform var(--video-fast);box-shadow:none}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle-icon{font-size:15px;line-height:1}.theme-toggle-text{min-width:22px;text-align:left}
.evm-content input,.evm-content select,.evm-content textarea,.search-input,.compact-select,.receipt-list-filters select,.printer-settings-grid input,.printer-settings-grid select{background:var(--video-surface-2)!important;color:var(--video-text)!important;border:1px solid var(--video-line)!important;border-radius:12px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;min-height:42px}
.evm-content input:focus,.evm-content select:focus,.evm-content textarea:focus,.search-input:focus,.compact-select:focus{border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;background:var(--video-surface)!important}
.table-wrap{border-radius:14px!important;overflow-x:auto!important;box-shadow:none!important;background:var(--video-surface)!important}.table-wrap table{border-spacing:0!important;border-collapse:collapse!important}.table-wrap thead th{background:color-mix(in srgb,var(--video-surface) 90%,var(--video-accent) 10%)!important;color:var(--video-muted)!important;border-bottom:1px solid var(--video-line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.table-wrap tbody td{background:transparent!important;color:var(--video-text)!important;border-bottom:1px solid var(--video-line)!important;box-shadow:none!important}.table-wrap tbody tr td:first-child,.table-wrap tbody tr td:last-child{border-radius:0!important}.table-wrap tbody tr:hover td{background:color-mix(in srgb,var(--video-surface) 94%,var(--video-accent) 6%)!important}
.kpi-card{min-height:112px!important;padding:16px!important;gap:12px!important}.kpi-card:nth-child(4n+1){background:color-mix(in srgb,var(--video-surface) 90%,#dbeafe 10%)!important}.kpi-card:nth-child(4n+2){background:color-mix(in srgb,var(--video-surface) 90%,#dcfce7 10%)!important}.kpi-card:nth-child(4n+3){background:color-mix(in srgb,var(--video-surface) 90%,#fef3c7 10%)!important}.kpi-card:nth-child(4n+4){background:color-mix(in srgb,var(--video-surface) 90%,#fce7f3 10%)!important}.kpi-card strong{font-size:22px!important}.kpi-card p,.kpi-card span{color:var(--video-muted)!important}
.live-dot,.evm-live{background:color-mix(in srgb,var(--video-surface) 90%,#dcfce7 10%)!important;color:#15803d!important;border:1px solid var(--video-line)!important;box-shadow:none!important}.evm-branch-pill{background:var(--video-surface-2)!important;color:var(--video-text)!important;border:1px solid var(--video-line)!important;box-shadow:none!important}
.badge,.chip,.category-pill,.receipt-status{border-radius:999px!important}.row-menu-pop,.v163-action-menu,.live-suggestions{background:var(--video-surface)!important;color:var(--video-text)!important;border:1px solid var(--video-line)!important;border-radius:14px!important;box-shadow:0 14px 34px rgba(15,23,42,.14)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
@media(max-width:900px){.theme-toggle{min-width:40px;width:40px;padding:0}.theme-toggle-text{display:none}.evm-topbar,.topbar{height:70px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--video-surface)!important}.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.receipt-action-panel,.table-wrap{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--video-surface)!important}.evm-content{padding:16px 14px 40px!important}.kpi-grid{gap:10px!important}}


/* EVAMART VIDEO THEME v2 — 1/1-like palette + instant motion */
.evm-nav .nav-caption,.nav-caption{display:none!important}
.evm-nav{gap:4px!important;padding-top:8px!important}.nav-group{margin:0!important}.nav-sub{padding-top:4px!important;padding-bottom:6px!important}
html[data-theme="light"]{--video-bg:#f5f7fb;--video-surface:#ffffff;--video-surface-2:#f8fafc;--video-line:#e7ecf3;--video-text:#172033;--video-muted:#7b8798;--video-sidebar:#0b1323;--video-sidebar-2:#0d1628;--video-sidebar-text:#b7c2d3;--video-shadow:0 7px 22px rgba(15,23,42,.055)}
html[data-theme="dark"]{--video-bg:#0b1220;--video-surface:#111a2a;--video-surface-2:#162133;--video-line:#253149;--video-text:#eef3f9;--video-muted:#91a0b5;--video-sidebar:#070d17;--video-sidebar-2:#0a1220;--video-sidebar-text:#b8c4d6;--video-shadow:0 8px 24px rgba(0,0,0,.22)}
.evm-nav .nav-item,.evm-nav .nav-sub-item,.nav-item,.nav-sub-item{transition:background-color 70ms linear,color 70ms linear,transform 80ms cubic-bezier(.2,.9,.2,1),box-shadow 80ms linear!important;transition-delay:0s!important;transform:translate3d(0,0,0)!important;will-change:transform}
.evm-nav .nav-item:hover,.evm-nav .nav-sub-item:hover,.nav-item:hover,.nav-sub-item:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;transform:translate3d(3px,0,0) scale(1.012)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important}
.evm-nav .nav-item:hover .nav-icon,.evm-nav .nav-item:hover>span,.evm-nav .nav-sub-item:hover:before{transform:scale(1.08)!important;background:rgba(255,255,255,.12)!important}
.evm-nav .nav-item .nav-icon,.evm-nav .nav-item>span{transition:transform 80ms cubic-bezier(.2,.9,.2,1),background-color 70ms linear!important;transition-delay:0s!important}
.evm-nav .nav-item.active,.evm-nav .nav-sub-item.active,.nav-item.active{background:#2f63df!important;color:#fff!important;box-shadow:0 8px 18px rgba(47,99,223,.26)!important;transform:none!important}
.evm-nav .nav-item.active:hover,.evm-nav .nav-sub-item.active:hover{background:#356bea!important;transform:translate3d(2px,0,0) scale(1.008)!important}
.evm-content .panel,.panel,.kpi-card,.control-card,.policy-card,.sla-breakdown-card,.order-time-card,.category-card,.evm-category-card,.receipt-flow-strip,.flow-steps,.note-box,.abc-summary,.receipt-action-panel,.table-wrap,.printer-modal-card,.image-modal-card{transition:transform 85ms cubic-bezier(.2,.9,.2,1),box-shadow 90ms linear,border-color 90ms linear,background-color 90ms linear!important;transition-delay:0s!important}
.evm-content .panel:hover,.kpi-card:hover,.control-card:hover,.policy-card:hover,.category-card:hover,.evm-category-card:hover{transform:translate3d(0,-2px,0)!important;box-shadow:0 11px 26px rgba(15,23,42,.085)!important;border-color:#dce5f0!important}
.btn,.icon-btn,.row-menu-btn,.table-action-btn,.catalog-add-btn,.v163-kebab,.theme-toggle{transition:transform 70ms cubic-bezier(.2,.9,.2,1),background-color 70ms linear,color 70ms linear,box-shadow 75ms linear,border-color 70ms linear!important;transition-delay:0s!important;transform:translate3d(0,0,0)}
.btn:hover,.icon-btn:hover,.row-menu-btn:hover,.table-action-btn:hover,.catalog-add-btn:hover,.v163-kebab:hover,.theme-toggle:hover{transform:translate3d(0,-1px,0) scale(1.018)!important}.btn:active,.icon-btn:active,.row-menu-btn:active,.table-action-btn:active,.catalog-add-btn:active,.v163-kebab:active,.theme-toggle:active,.evm-pressed{transform:scale(.97)!important;transition-duration:45ms!important}
html[data-theme="light"] .kpi-card:nth-child(4n+1){background:#f5f8ff!important}html[data-theme="light"] .kpi-card:nth-child(4n+2){background:#f4fbf7!important}html[data-theme="light"] .kpi-card:nth-child(4n+3){background:#fff9f0!important}html[data-theme="light"] .kpi-card:nth-child(4n+4){background:#fff5f7!important}
html[data-theme="dark"] .kpi-card:nth-child(4n+1){background:#13213a!important}html[data-theme="dark"] .kpi-card:nth-child(4n+2){background:#10271f!important}html[data-theme="dark"] .kpi-card:nth-child(4n+3){background:#2b2114!important}html[data-theme="dark"] .kpi-card:nth-child(4n+4){background:#2b1820!important}
.theme-toggle{background:var(--video-surface-2)!important;border:1px solid var(--video-line)!important;color:var(--video-text)!important}.theme-toggle-icon{transition:transform 120ms cubic-bezier(.2,.9,.2,1)!important}.theme-toggle:hover .theme-toggle-icon{transform:rotate(14deg) scale(1.08)!important}
html[data-theme="light"] .theme-toggle{box-shadow:0 4px 12px rgba(15,23,42,.045)!important}html[data-theme="dark"] .theme-toggle{box-shadow:0 4px 14px rgba(0,0,0,.18)!important}