@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}:root{--hd-navy-950:#050d1a;--hd-navy-900:#0a1929;--hd-navy-800:#0f2742;--hd-navy-700:#143257;--hd-navy-600:#1a4378;--hd-navy-500:#1e4d8c;--hd-blue-500:#2b6cb0;--hd-blue-400:#4a90e2;--hd-blue-300:#7bb0e8;--hd-blue-200:#b3d3f4;--hd-blue-100:#dde9f8;--hd-blue-50:#eff5fc;--n-0:#fff;--n-25:#fafbfc;--n-50:#f6f8fb;--n-100:#eef2f7;--n-200:#e2e8f0;--n-300:#cbd5e1;--n-400:#94a3b8;--n-500:#64748b;--n-600:#475569;--n-700:#334155;--n-800:#1e293b;--n-900:#0f172a;--primary:var(--hd-navy-500);--primary-hover:var(--hd-navy-600);--primary-press:var(--hd-navy-700);--primary-soft:var(--hd-blue-50);--accent:var(--hd-blue-500);--success:#16a34a;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--info:var(--hd-blue-500);--info-bg:var(--hd-blue-50);--bg:var(--n-50);--surface:var(--n-0);--surface-raised:var(--n-0);--surface-sunken:var(--n-100);--border:#e6ecf3;--border-strong:#cdd6e2;--fg:var(--n-900);--fg-muted:var(--n-600);--fg-subtle:var(--n-500);--fg-on-primary:#fff;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--sh-xs:0 1px 2px #0f172a0a;--sh-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--sh-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--sh-lg:0 12px 32px #0f172a1f, 0 4px 8px #0f172a0f;--sh-xl:0 24px 60px #0f172a2e;--sh-focus:0 0 0 3px #2b6cb040;--ease-out:cubic-bezier(.22,.61,.36,1);--ease-inout:cubic-bezier(.65,0,.35,1);--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--font:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}button,input,textarea,select{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--n-200);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--n-300);background-clip:padding-box;border:2px solid #0000}.app{grid-template-columns:var(--sidebar-w,248px) 1fr;min-height:100vh;transition:grid-template-columns var(--dur) var(--ease-out);display:grid}.app.collapsed{--sidebar-w:72px}.sidebar{background:linear-gradient(180deg, var(--hd-navy-900), var(--hd-navy-950));color:#c7d4e6;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;min-height:64px;padding:18px 18px 14px;display:flex}.sidebar-brand img{width:auto;height:28px}.sidebar.collapsed-brand img{object-fit:contain;object-position:left;max-width:38px}.sidebar-section{text-transform:uppercase;letter-spacing:.12em;color:#6c819e;padding:16px 22px 8px;font-size:10px;font-weight:600}.sidebar-nav{flex:1;padding:8px 12px;overflow-y:auto}.sidebar-item{border-radius:var(--r-md);color:#b6c4d8;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex;position:relative}.sidebar-item:hover{color:#fff;background:#ffffff0d}.sidebar-item.active{color:#fff;box-shadow:inset 3px 0 0 var(--hd-blue-300);background:linear-gradient(90deg,#2b6cb047,#2b6cb01a)}.sidebar-item .si-icon{flex:0 0 18px;align-items:center;width:18px;display:flex}.sidebar-item .si-badge{background:var(--hd-blue-500);color:#fff;border-radius:var(--r-pill);margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff0f;align-items:center;gap:10px;padding:14px 16px;display:flex}.sidebar-footer .avatar{background:linear-gradient(135deg, var(--hd-blue-400), var(--hd-navy-500));color:#fff;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.sidebar-footer .who{min-width:0;line-height:1.2}.sidebar-footer .who-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-footer .who-role{color:#8499b5;font-size:11px}.app.collapsed .sidebar-item-label,.app.collapsed .si-badge,.app.collapsed .sidebar-section,.app.collapsed .who,.app.collapsed .sidebar-brand-text{display:none}.app.collapsed .sidebar-item{justify-content:center;padding:11px 0}.app.collapsed .sidebar-brand{justify-content:center;padding:18px 8px 14px}.app.collapsed .sidebar-footer{justify-content:center;padding:14px 0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .icon-btn{border-radius:var(--r-md);cursor:pointer;width:36px;height:36px;color:var(--n-600);transition:background var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.topbar .icon-btn:hover{background:var(--n-100);color:var(--n-900)}.topbar .icon-btn .dot{background:var(--danger);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.search{background:var(--n-100);border-radius:var(--r-md);max-width:460px;height:38px;color:var(--n-500);transition:border-color var(--dur-fast), background var(--dur-fast);border:1px solid #0000;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:var(--sh-focus)}.search input{height:100%;color:var(--fg);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.search input::placeholder{color:var(--n-500)}.search kbd{font-family:var(--font);background:var(--n-0);border:1px solid var(--border);color:var(--n-500);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.role-chip{border-radius:var(--r-pill);background:var(--n-50);border:1px solid var(--border);color:var(--n-700);white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.role-chip .role-dot{border-radius:50%;width:8px;height:8px}.main{flex-direction:column;min-width:0;display:flex}.page{width:100%;max-width:1440px;margin:0 auto;padding:28px 32px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.01em;color:var(--n-900);margin:0 0 4px;font-size:24px;font-weight:700}.page-subtitle{color:var(--fg-muted);margin:0;font-size:13.5px}.page-actions{align-items:center;gap:8px;display:flex}.crumbs{color:var(--fg-subtle);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.crumbs .sep{color:var(--n-400)}.btn{border-radius:var(--r-md);background:var(--n-0);height:38px;color:var(--fg);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:focus-visible{box-shadow:var(--sh-focus);outline:0}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.primary:active{background:var(--primary-press)}.btn.secondary{background:var(--n-0);border-color:var(--border-strong);color:var(--n-800)}.btn.secondary:hover{background:var(--n-50);border-color:var(--n-400)}.btn.ghost{color:var(--fg-muted);background:0 0}.btn.ghost:hover{background:var(--n-100);color:var(--n-900)}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.danger:hover{background:#b91c1c;border-color:#b91c1c}.btn.sm{border-radius:var(--r-sm);height:30px;padding:0 10px;font-size:12.5px}.btn.lg{height:44px;padding:0 18px;font-size:14px}.btn.icon-only{width:38px;padding:0}.btn.sm.icon-only{width:30px}.btn[disabled]{opacity:.55;cursor:not-allowed}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--n-700);font-size:12.5px;font-weight:600}.input,.select,.textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);height:40px;color:var(--fg);width:100%;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:0;padding:0 12px;font-size:14px}.textarea{resize:vertical;height:auto;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--sh-focus)}.input::placeholder{color:var(--n-400)}.input.with-icon{padding-left:38px}.input-wrap{position:relative}.input-wrap .ic{color:var(--n-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrap .ic.right{pointer-events:auto;cursor:pointer;left:auto;right:12px}.help{color:var(--fg-subtle);font-size:12px}.help.error{color:var(--danger)}.checkbox,.radio{color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.checkbox input,.radio input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title{color:var(--n-900);margin:0;font-size:14.5px;font-weight:700}.card-sub{color:var(--fg-subtle);margin:2px 0 0;font-size:12px}.card-body{padding:20px}.card-foot{border-top:1px solid var(--border);background:var(--n-25);border-radius:0 0 var(--r-lg) var(--r-lg);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.badge{border-radius:var(--r-pill);background:var(--n-100);height:22px;color:var(--n-700);align-items:center;gap:4px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.success{background:var(--success-bg);color:#15803d}.badge.warning{background:var(--warning-bg);color:#b45309}.badge.danger{background:var(--danger-bg);color:#b91c1c}.badge.info{background:var(--info-bg);color:var(--hd-navy-600)}.badge.neutral{background:var(--n-100);color:var(--n-700)}.badge.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);transition:transform var(--dur-fast), box-shadow var(--dur-fast);flex-direction:column;gap:8px;padding:18px 20px;display:flex}.kpi:hover{box-shadow:var(--sh-sm);transform:translateY(-1px)}.kpi .kpi-head{justify-content:space-between;align-items:center;display:flex}.kpi .kpi-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.kpi .kpi-icon{border-radius:var(--r-md);width:36px;height:36px;color:var(--hd-navy-600);background:var(--hd-blue-50);justify-content:center;align-items:center;display:flex}.kpi .kpi-value{color:var(--n-900);letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.kpi .kpi-foot{color:var(--fg-subtle);align-items:center;gap:6px;font-size:12px;display:flex}.kpi .delta{align-items:center;gap:2px;font-weight:600;display:inline-flex}.kpi .delta.up{color:#15803d}.kpi .delta.down{color:#b91c1c}.spark{width:100%;height:36px;display:block}.table-wrap{overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%}.table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);background:var(--n-25);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:11.5px;font-weight:600}.table td{color:var(--n-800);border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px;font-size:13.5px}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--dur-fast)}.table tbody tr:hover{background:var(--n-25)}.table .num{font-variant-numeric:tabular-nums}.table .right{text-align:right}.table .center{text-align:center}.t-id{color:var(--n-700);font-family:ui-monospace,monospace;font-size:12.5px}.cell-product{align-items:center;gap:12px;display:flex}.cell-product .thumb{border-radius:var(--r-sm);background:var(--n-100);width:40px;height:40px;color:var(--n-500);border:1px solid var(--border);flex:0 0 40px;justify-content:center;align-items:center;display:flex}.cell-product .pname{color:var(--n-900);font-weight:600}.cell-product .psku{color:var(--fg-subtle);font-size:12px}.cell-user{align-items:center;gap:10px;display:flex}.cell-user .av{color:#fff;border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:flex}.cell-user .uname{color:var(--n-900);font-weight:600}.cell-user .uemail{color:var(--fg-subtle);font-size:12px}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.tabs{background:var(--n-100);border-radius:var(--r-md);gap:4px;padding:3px;display:flex}.tab{border-radius:var(--r-sm);height:30px;color:var(--fg-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.tab.active{background:var(--surface);color:var(--n-900);box-shadow:var(--sh-xs)}.tab .count{background:var(--n-200);color:var(--n-700);border-radius:var(--r-pill);padding:0 6px;font-size:11px}.tab.active .count{background:var(--hd-blue-100);color:var(--hd-navy-600)}.pager{border-top:1px solid var(--border);color:var(--fg-muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.pager .pg-controls{align-items:center;gap:4px;display:flex}.pager .pg-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);min-width:32px;height:32px;color:var(--fg);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:500;display:inline-flex}.pager .pg-btn:hover:not([disabled]){background:var(--n-50);border-color:var(--border-strong)}.pager .pg-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pager .pg-btn[disabled]{opacity:.4;cursor:not-allowed}.pager .pg-ellipsis{color:var(--n-400);padding:0 4px}.modal-back{z-index:100;animation:fade-in var(--dur) var(--ease-out);background:#0a19296b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:440px;box-shadow:var(--sh-xl);animation:pop-in var(--dur-slow) var(--ease-out);overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{padding:20px 20px 8px}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.modal-icon.warning{background:var(--warning-bg);color:var(--warning)}.modal-icon.danger{background:var(--danger-bg);color:var(--danger)}.modal-icon.success{background:var(--success-bg);color:var(--success)}.modal-icon.info{background:var(--info-bg);color:var(--info)}.modal-title{color:var(--n-900);margin:0 0 4px;font-size:16px;font-weight:700}.modal-body{color:var(--fg-muted);padding:0 20px 20px;font-size:13.5px}.modal-foot{background:var(--n-25);border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.toast-wrap{z-index:200;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--r-md);box-shadow:var(--sh-lg);animation:slide-in var(--dur-slow) var(--ease-out);align-items:flex-start;gap:12px;padding:12px 14px;font-size:13px;display:flex}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.danger{border-left-color:var(--danger)}.toast .t-title{color:var(--n-900);margin-bottom:2px;font-weight:700}.toast .t-msg{color:var(--fg-muted)}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.grid{gap:16px;display:grid}.grid.kpis{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:2fr 1fr}.grid.split{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}@media (width<=1100px){.grid.kpis{grid-template-columns:repeat(2,1fr)}.grid.two,.grid.split,.grid.three{grid-template-columns:1fr}}.mobile-only{display:none}.desktop-only{display:flex}.topbar .mobile-only{display:none}.topbar .desktop-only{display:flex}@media (width<=900px){.app{grid-template-columns:1fr}.topbar .mobile-only{display:flex}.topbar .desktop-only{display:none}.sidebar{z-index:50;width:280px;transition:transform var(--dur) var(--ease-out);position:fixed;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{z-index:40;animation:fade-in var(--dur) var(--ease-out);background:#0a192966;position:fixed;inset:0}.mobile-only{display:flex}.topbar .search{max-width:none}.topbar .desktop-only-search{display:none}.page{padding:18px 16px}.page-head{gap:12px}.page-title{font-size:20px}.grid.kpis{grid-template-columns:repeat(2,1fr);gap:12px}.toolbar{gap:8px}.tabs{width:100%;overflow-x:auto}}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{background:radial-gradient(900px 500px at 100% 0%, #7bb0e829, transparent 60%), radial-gradient(700px 400px at 0% 100%, #2b6cb047, transparent 60%), linear-gradient(160deg, var(--hd-navy-950) 0%, var(--hd-navy-800) 100%);color:#fff;flex-direction:column;padding:56px;display:flex;position:relative;overflow:hidden}.login-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.login-logo-wrap{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex;position:relative}.login-logo-wrap img{filter:drop-shadow(0 12px 32px #0006);width:min(420px,100%);height:auto}.login-os-tag{letter-spacing:.24em;text-transform:uppercase;color:var(--hd-blue-200);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a192966;border:1px solid #7bb0e84d;padding:6px 18px;font-size:14px;font-weight:600}.login-footer{z-index:1;border-top:1px solid #ffffff14;padding-top:24px;position:relative}.login-footer-row{color:#8da2c2;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.login-form{background:var(--surface);flex-direction:column;justify-content:center;padding:56px;display:flex}.login-form-inner{width:100%;max-width:400px;margin:0 auto}.login-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--hd-navy-500);margin-bottom:12px;font-size:11px;font-weight:700}.login-form h2{letter-spacing:-.015em;color:var(--n-900);margin:0 0 8px;font-size:30px;font-weight:800;line-height:1.1}.login-form p.sub{color:var(--fg-muted);margin:0 0 28px;font-size:14px;line-height:1.55}.login-form .fields{flex-direction:column;gap:16px;display:flex}.login-form .row-between{justify-content:space-between;align-items:center;display:flex}.login-form .divider{color:var(--n-400);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:22px 0;font-size:11.5px;display:flex}.login-form .divider:before,.login-form .divider:after{content:"";background:var(--border);flex:1;height:1px}.login-form .sso-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.login-form .legal{color:var(--fg-subtle);text-align:center;margin-top:28px;font-size:11.5px;line-height:1.55}@media (width<=900px){.login{grid-template-columns:1fr;min-height:100vh}.login-art{min-height:240px;padding:32px 24px}.login-logo-wrap img{width:240px}.login-os-tag{font-size:11px}.login-footer{display:none}.login-form{padding:32px 20px}.login-form h2{font-size:24px}}.row{align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.bold{font-weight:700}.tnum{font-variant-numeric:tabular-nums}.divider-line{background:var(--border);width:100%;height:1px}.skeleton{background:linear-gradient(90deg, var(--n-100), var(--n-200), var(--n-100));border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stock-dot{align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.stock-dot:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.stock-dot.ok{color:#15803d}.stock-dot.low{color:#b45309}.stock-dot.out{color:#b91c1c}.bar{border-radius:var(--r-pill);background:var(--n-100);height:6px;overflow:hidden}.bar>span{background:var(--primary);border-radius:var(--r-pill);height:100%;display:block}.empty{text-align:center;color:var(--fg-muted);padding:40px 20px}.empty .icon-wrap{background:var(--n-100);width:56px;height:56px;color:var(--n-500);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}