:root{--bg:#0f172a;--panel:#111827;--panel2:#0b1220;--text:#e5e7eb;--muted:#94a3b8;--line:#263449;--primary:#2563eb;--ok:#86efac;--danger:#fca5a5;--chart-primary:#3b82f6;--chart-secondary:#8b5cf6;--chart-accent:#f59e0b;--chart-grid:#263449}[data-theme=light]{--bg:#f1f5f9;--panel:#ffffff;--panel2:#e8eef7;--text:#172033;--muted:#64748b;--line:#d7e0ec;--primary:#2563eb;--ok:#16803c;--danger:#dc2626;--chart-grid:#d7e0ec}[data-theme=ocean]{--bg:#061725;--panel:#0b2235;--panel2:#04111d;--text:#e6f4ff;--muted:#86a9c2;--line:#16405c;--primary:#0891b2;--ok:#5eead4;--danger:#fda4af;--chart-primary:#22d3ee;--chart-secondary:#38bdf8;--chart-accent:#a78bfa;--chart-grid:#16405c}[data-theme=forest]{--bg:#071812;--panel:#10271e;--panel2:#06130e;--text:#ecfdf5;--muted:#91b7a6;--line:#24513c;--primary:#10b981;--ok:#6ee7b7;--danger:#fb7185;--chart-primary:#10b981;--chart-secondary:#84cc16;--chart-accent:#fbbf24;--chart-grid:#24513c}[data-theme=sunset]{--bg:#24100f;--panel:#341816;--panel2:#1b0c0b;--text:#fff7ed;--muted:#d5a59b;--line:#65322c;--primary:#f97316;--ok:#a3e635;--danger:#fda4af;--chart-primary:#fb923c;--chart-secondary:#f43f5e;--chart-accent:#facc15;--chart-grid:#65322c}[data-theme=graphite]{--bg:#111315;--panel:#1b1e21;--panel2:#0b0d0f;--text:#f4f4f5;--muted:#a1a1aa;--line:#34383d;--primary:#a3a3a3;--ok:#4ade80;--danger:#fb7185;--chart-primary:#d4d4d8;--chart-secondary:#71717a;--chart-accent:#fbbf24;--chart-grid:#34383d}[data-theme=lavender]{--bg:#171225;--panel:#241b38;--panel2:#100c1b;--text:#faf5ff;--muted:#bba8d4;--line:#493665;--primary:#a855f7;--ok:#86efac;--danger:#fda4af;--chart-primary:#c084fc;--chart-secondary:#818cf8;--chart-accent:#f9a8d4;--chart-grid:#493665}*{box-sizing:border-box}body,html{min-height:100%;max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:48px 24px}.login-page{min-height:100vh}.header,.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}h1{font-size:34px;margin:0 0 8px}h2{margin:0 0 18px}.muted{color:var(--muted)}.small{font-size:13px}.pill{border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:var(--text)}.public-page{min-height:100vh;padding:56px 20px;background:radial-gradient(circle at 80% 10%,rgba(37,99,235,.18),transparent 34%),var(--bg)}.public-card{width:min(780px,100%);margin:auto;padding:clamp(24px,5vw,52px);border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 28px 80px rgba(0,0,0,.28)}.public-card h1{font-size:clamp(32px,6vw,52px);line-height:1.05;margin:14px 0}.public-card h2{margin:32px 0 9px;font-size:20px}.public-card li,.public-card p{color:var(--muted);line-height:1.7}.public-lead{font-size:18px}.public-badge{color:#60a5fa;font-size:11px;font-weight:900;letter-spacing:.14em}.public-contact{display:grid;grid-gap:7px;gap:7px;margin:26px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.public-contact span{color:var(--muted)}.public-primary{display:inline-block;padding:14px 18px;border-radius:12px;background:var(--primary);color:white;text-decoration:none;font-weight:800}.public-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px;padding-top:22px;border-top:1px solid var(--line)}.public-actions a,.public-card a{color:#60a5fa}.public-primary{color:white!important}.public-note{margin-top:22px;font-size:13px}.card{background:rgba(17,24,39,.92);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.14)}.login-card{max-width:460px}.input{width:100%;background:#0b1220;border:1px solid #334155;border-radius:10px;padding:10px 12px;margin-top:6px}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);border:0;color:white;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 18%,transparent);transition:transform .14s ease,box-shadow .18s ease,filter .18s ease,background-color .18s ease}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 28%,transparent)}.btn:active:not(:disabled){transform:translateY(1px) scale(.97);box-shadow:0 2px 7px color-mix(in srgb,var(--primary) 20%,transparent)}.avatar-button:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,.nav:focus-visible,.notification-button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,white);outline-offset:3px}.btn.secondary{background:#1f2937;border:1px solid #334155}.btn:disabled{cursor:not-allowed;opacity:.55}.danger{color:var(--danger)}.ok{color:var(--ok)}.box{padding:10px 12px;border:1px solid var(--line);border-radius:10px}.grid{display:grid;grid-gap:16px;gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1fr 1fr;margin-top:16px;align-items:start}.wide-left{grid-template-columns:1.05fr 1.4fr}.stat h2{font-size:30px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}th{color:var(--text)}.table-wrap{max-width:100%;overflow-x:auto}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:24px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.sidebar h2{margin-bottom:6px}.sidebar-navigation{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.sidebar-navigation::-webkit-scrollbar{width:5px}.sidebar-navigation::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.sidebar-footer{flex:0 0 auto;padding-top:10px;margin-top:8px;border-top:1px solid var(--line);background:var(--panel2)}.sidebar-footer .nav{margin:3px 0}.sidebar-footer .sign-out:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.app-version{color:var(--muted);font-size:11px;line-height:1.3;letter-spacing:.04em}.sidebar-footer .app-version{padding:8px 12px 0;text-align:center}.login-version{width:520px;max-width:100%;margin:14px 0 0;text-align:center}.nav{display:block;width:100%;text-align:left;margin:7px 0;padding:11px 12px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer}.content{padding:28px 28px 56px;min-width:0;max-width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.form-grid.single{grid-template-columns:1fr}.form-grid button{align-self:end}.actions{display:flex;gap:12px;flex-wrap:wrap}.scanner-actions .input{flex:1 1;min-width:220px;margin-top:0}.qr-reader{max-width:520px;margin-top:18px;background:white;color:#111;border-radius:12px;overflow:hidden}.scan-result{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:12px}a{color:inherit}.pager{align-items:center;justify-content:flex-end;margin-top:14px}.pager .btn{padding:8px 12px}.filter-bar{display:grid;grid-template-columns:1.4fr repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.filter-bar .input{margin:0}.movement-filters{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.movement-filters .input{margin:0}@media(max-width:1000px){.filter-bar,.movement-filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.filter-bar,.movement-filters{grid-template-columns:1fr}}.advanced-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px}.advanced-grid .input{margin:0}.advanced-grid .box{margin:12px 0}.inventory-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.forecast-box{margin-top:16px;padding:16px;border-radius:14px;background:color-mix(in srgb,var(--primary) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line))}@media(max-width:900px){.advanced-grid{grid-template-columns:1fr}}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.icon-btn{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 80%,var(--bg));color:var(--text);padding:6px 9px;border-radius:8px;cursor:pointer;text-decoration:none;font-size:12px;transition:transform .14s ease,border-color .18s ease,background-color .18s ease}.icon-btn:hover{transform:translateY(-1px);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--panel))}.icon-btn:active{transform:scale(.94)}.notification-button{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel);cursor:pointer;font-size:18px;transition:transform .14s ease,border-color .18s ease}.notification-button:hover{transform:translateY(-2px);border-color:var(--primary)}.avatar-button:active,.nav:active,.notification-button:active{transform:scale(.95)}.notification-button span{position:absolute;right:-5px;top:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#ef4444;color:white;font-size:11px;display:grid;place-items:center}.notification-item{padding:14px 4px;border-bottom:1px solid var(--line)}.notification-item.unread{border-left:3px solid var(--primary);padding-left:12px}.notification-item p{margin:6px 0}.chart-card{background:linear-gradient(145deg,rgba(17,24,39,.98),rgba(15,23,42,.94))}.chart-card h2{margin-bottom:8px}.recharts-default-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.recharts-legend-item{margin-right:0!important}.top-actions{display:flex;align-items:flex-end;gap:12px}.theme-picker{display:flex;align-items:center;gap:8px}.theme-picker>span{color:var(--muted);font-size:13px}.theme-picker .input{width:125px;margin:0;padding:10px}.avatar-button{width:42px;height:42px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 60%,transparent);background:color-mix(in srgb,var(--primary) 20%,var(--panel));color:var(--text);font-weight:800;cursor:pointer}.profile-grid{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(360px,1.3fr);grid-gap:18px;gap:18px}.profile-summary{text-align:center;height:max-content}.profile-avatar{width:96px;height:96px;margin:6px auto 18px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:white;font-size:32px;font-weight:800;box-shadow:0 12px 35px color-mix(in srgb,var(--primary) 30%,transparent)}.role-badge{display:inline-block;padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);font-size:13px;font-weight:700}.profile-divider{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line);padding-top:18px;margin-top:6px}.mfa-card{grid-column:1/-1}.mfa-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mfa-heading h2{margin-bottom:5px}.security-status{padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);font-weight:800;font-size:13px}.security-status.enabled{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.mfa-feedback{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,currentColor 8%,transparent)}.mfa-controls{max-width:620px}.mfa-controls>label{display:block;margin:14px 0}.mfa-setup{display:grid;grid-template-columns:300px minmax(300px,1fr);grid-gap:28px;gap:28px;align-items:start;margin-top:20px}.qr-shell{padding:10px;background:white;border-radius:18px;width:max-content;box-shadow:0 10px 30px rgba(0,0,0,.2)}.qr-shell img{display:block;width:280px;height:280px}.mfa-setup ol{padding-left:20px;line-height:1.6}.mfa-setup label{display:block;margin:14px 0}.mfa-secret{display:block;overflow-wrap:anywhere;padding:12px;margin:8px 0;background:var(--bg);border-radius:8px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.recovery-box{margin-top:18px;padding:18px;border:1px solid color-mix(in srgb,#f59e0b 55%,var(--line));border-radius:14px;background:color-mix(in srgb,#f59e0b 8%,var(--panel))}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));grid-gap:9px;gap:9px;max-width:500px;margin:18px 0}.recovery-grid code{padding:9px 12px;background:var(--bg);border-radius:7px;text-align:center;font-size:15px}.danger-button{background:var(--danger)}.card,.input,.nav,.sidebar,body{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.card{background:color-mix(in srgb,var(--panel) 94%,transparent)}.sidebar{background:var(--panel2)}.input{background:var(--panel2)}.btn.secondary,.input{color:var(--text);border-color:var(--line)}.btn.secondary{background:color-mix(in srgb,var(--panel) 82%,var(--bg))}.nav{color:var(--muted)}.nav.active,.nav:hover{background:color-mix(in srgb,var(--primary) 13%,var(--panel));border-color:color-mix(in srgb,var(--primary) 30%,var(--line));color:var(--text)}.chart-card{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--bg) 75%,var(--panel)))}@media(max-width:700px){.top-actions{width:100%;flex-wrap:wrap}.theme-picker{flex:1 1}.theme-picker .input{width:100%}.profile-grid{grid-template-columns:1fr}.mfa-heading{flex-direction:column}.mfa-setup{grid-template-columns:1fr}.qr-shell{max-width:100%;margin:auto}.qr-shell img{max-width:100%;height:auto}.recovery-grid{grid-template-columns:1fr}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;overflow:visible}.sidebar h2,.sidebar p{width:100%}.sidebar-navigation{display:flex;flex-wrap:wrap;overflow:visible;padding:0}.nav-group{display:contents}.nav-group-label{display:none}.sidebar-footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding-top:10px}.nav{width:auto;margin:0}.cards,.two,.wide-left{grid-template-columns:1fr}.header,.topbar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.content{padding:18px 18px 88px}.card{padding:16px}}@media(max-width:520px){.sidebar{padding:16px}.nav{font-size:13px;padding:9px}.content{padding:12px}h1{font-size:28px}.scanner-actions>*{width:100%}td,th{white-space:nowrap;padding:10px}}.app-shell{transition:grid-template-columns .22s ease}.app-shell.sidebar-collapsed{grid-template-columns:82px 1fr}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-brand h2{white-space:nowrap}.collapse-button{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);cursor:pointer;font-size:22px;line-height:1}.nav{display:flex;align-items:center;gap:11px;white-space:nowrap}.nav-icon{display:inline-grid;place-items:center;width:20px;min-width:20px;font-size:17px}.sidebar-collapsed .sidebar{padding:24px 14px}.sidebar-collapsed .nav{justify-content:center;padding:11px 8px}.sidebar-collapsed .collapse-button{position:absolute;right:-15px;top:24px;z-index:3}.global-search{position:relative;width:min(290px,28vw)}.global-search .input{margin:0}.search-results{position:absolute;z-index:20;top:48px;left:0;right:0;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 35px rgba(0,0,0,.3)}.search-results button{display:flex;flex-direction:column;width:100%;gap:3px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.search-results button:hover{background:color-mix(in srgb,var(--primary) 12%,var(--panel))}.search-results p{padding:4px 8px}.language-picker{width:65px;margin:0}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:100;display:grid;grid-gap:10px;gap:10px;max-width:min(430px,calc(100vw - 32px))}.toast{padding:14px 18px;border-radius:12px;color:white;box-shadow:0 14px 35px rgba(0,0,0,.35);animation:toast-in .2s ease}.toast-error{background:#b91c1c}.toast-success{background:#15803d}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.scanner-fullscreen{position:fixed;inset:0;z-index:200;background:var(--bg);padding:28px;overflow:auto}.scanner-fullscreen .qr-reader{max-width:760px;margin:24px auto}.scanner-fullscreen .scanner-actions{justify-content:center}.scanner-fullscreen .scan-result{max-width:760px;margin:20px auto}@media(max-width:1100px){.global-search{width:220px}.top-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:900px){.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar-collapsed .sidebar{padding:16px}.sidebar-collapsed .collapse-button{position:static}.sidebar-collapsed .nav{display:none}.global-search{width:min(100%,360px)}}.dashboard-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.dashboard-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.dashboard-widget{min-width:0;position:relative}.dashboard-widget.widget-wide{grid-column:1/-1}.dashboard-widget.is-editing{padding-top:38px;border:1px dashed color-mix(in srgb,var(--primary) 60%,var(--line));border-radius:18px;cursor:-webkit-grab;cursor:grab}.dashboard-widget.is-editing:active{cursor:-webkit-grabbing;cursor:grabbing}.widget-controls{position:absolute;top:5px;left:10px;right:8px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.widget-controls button{border:0;background:transparent;color:var(--danger);font-size:22px;cursor:pointer}.dashboard-widget>.card{height:100%}@media(max-width:900px){.dashboard-widgets{grid-template-columns:1fr}.dashboard-widget.widget-wide{grid-column:auto}}.compact-input{width:170px;margin:0;padding:8px}.self-badge,.status-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.status-badge.active{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.status-badge.inactive{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.self-badge{margin-left:8px;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.inactive-row{opacity:.68}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.sessions-panel{grid-column:1/-1}.session-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-top:1px solid var(--line)}.session-item p{margin:6px 0 0}.login-page{max-width:1320px;padding-top:70px;background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 34%)}.login-page .header{margin-bottom:48px}.login-card{max-width:520px;padding:30px;border-color:color-mix(in srgb,var(--primary) 32%,var(--line))}.login-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.login-heading h2{margin:0 0 5px}.login-heading p{margin:0}.login-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--primary),#06b6d4);color:white;font-size:22px;font-weight:800}.login-form{display:grid;grid-gap:18px;gap:18px}.login-field{display:grid;grid-gap:7px;gap:7px;font-weight:700;font-size:14px}.login-input-wrap{position:relative}.login-input-wrap .input{height:50px;margin:0;padding-left:43px;padding-right:86px}.login-input-wrap .input:focus{outline:2px solid color-mix(in srgb,var(--primary) 72%,white);outline-offset:2px;border-color:var(--primary)}.login-input-wrap .input[aria-invalid=true]{border-color:var(--danger)}.field-icon{z-index:1;left:15px;color:var(--muted);font-size:14px}.field-icon,.password-toggle{position:absolute;top:50%;transform:translateY(-50%)}.password-toggle{right:8px;border:0;background:transparent;color:var(--primary);font-weight:700;cursor:pointer;padding:8px}.login-submit{min-height:50px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:9px}.login-error{padding:11px 13px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger);font-size:14px}.spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.4);border-top-color:white;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.demo-access{display:grid;grid-gap:4px;gap:4px;margin-top:22px;padding:13px 15px;border-radius:11px;background:color-mix(in srgb,var(--primary) 8%,var(--panel2));border:1px solid var(--line);font-size:12px;color:var(--muted)}.demo-access strong{color:var(--text);margin-bottom:2px}@media(max-width:600px){.login-page{padding:30px 16px}.login-page .header{margin-bottom:28px}.login-page .pill{display:none}.login-card{padding:22px}.login-input-wrap .input{padding-right:80px}}.notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.notification-header h2,.notification-header p{margin-bottom:5px}.notification-item{display:flex;align-items:center;justify-content:space-between;gap:20px}.notification-copy{flex:1 1;cursor:pointer}.empty-state{text-align:center;padding:48px 20px}.empty-state>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok);font-size:24px}@media(max-width:700px){.notification-header,.notification-item{align-items:flex-start;flex-direction:column}.notification-item .row-actions{width:100%}}.modal-backdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:rgba(2,6,23,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modal-fade .16s ease}.app-modal{width:min(470px,100%);padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 25px 80px rgba(0,0,0,.5);animation:modal-in .18s ease}.modal-symbol{display:grid;place-items:center;width:42px;height:42px;margin-bottom:15px;border-radius:13px;background:color-mix(in srgb,var(--primary) 16%,var(--panel));color:var(--primary);font-size:22px;font-weight:900}.app-modal h2{margin-bottom:8px}.app-modal p{color:var(--muted);line-height:1.5}.app-modal .input,.app-modal p{margin:0 0 18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.report-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.report-heading h2{margin-bottom:6px}.report-badge{padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:12px;font-weight:700}.report-filters{display:grid;grid-template-columns:1.4fr repeat(4,1fr);grid-gap:12px;gap:12px;margin:24px 0}.report-filters label>span{font-size:12px;color:var(--muted);font-weight:700}.report-filters .input{margin-top:6px}.report-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:1100px){.report-filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.report-heading{flex-direction:column}.report-filters{grid-template-columns:1fr}}.schedule-card{margin-top:18px}.schedule-form{display:grid;grid-template-columns:1fr 1fr 1.7fr auto;align-items:end;grid-gap:12px;gap:12px;margin:24px 0}.schedule-form label>span{font-size:12px;color:var(--muted);font-weight:700}.schedule-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--line)}.schedule-item p{margin:5px 0}.schedule-item .status-badge{border:0;cursor:pointer}.smtp-help{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}.smtp-help code{color:var(--primary)}@media(max-width:1000px){.schedule-form{grid-template-columns:1fr 1fr}.schedule-item{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.schedule-form{grid-template-columns:1fr}}.advanced-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;padding-bottom:3px}.advanced-tabs button{white-space:nowrap;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);cursor:pointer;font-weight:700}.advanced-tabs button.active{background:color-mix(in srgb,var(--primary) 15%,var(--panel));color:var(--text);border-color:var(--primary)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.section-heading h2{margin-bottom:6px}.section-heading p{margin:0}.section-heading>.actions .input{width:190px;margin:0}.inventory-block{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:14px}.subheading{margin-top:30px}.expiry,.priority{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.expiry.expired,.priority.high{color:#fecaca;background:#991b1b}.expiry.soon,.priority.medium{color:#fde68a;background:#92400e}.expiry.ok{color:#bbf7d0;background:#166534}.expiry.none{color:var(--muted);background:var(--panel2)}.reservation-create{display:grid;grid-template-columns:1fr 1fr 90px 1.3fr auto;grid-gap:8px;gap:8px}.reservation-create .input{margin:0}.priority.none{color:var(--muted);background:var(--panel2)}@media(max-width:1050px){.section-heading{flex-direction:column}.reservation-create{grid-template-columns:1fr 1fr}.section-heading>.actions{width:100%}}@media(max-width:600px){.reservation-create{grid-template-columns:1fr}.section-heading>.actions .input{width:100%}}.count-control{display:flex;align-items:center;gap:7px}.count-control .input{width:90px;margin:0;padding:7px}.nav-group{margin:15px 0}.nav-group-label{display:block;margin:0 11px 5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.sidebar-collapsed .nav-group{margin:8px 0}.sidebar-collapsed .nav-group-label{display:none}.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-nav{display:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{display:block;margin-bottom:6px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.stat-action{width:100%;min-height:138px;border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.stat-action:focus-visible,.stat-action:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 16px 32px color-mix(in srgb,var(--primary) 14%,transparent)}.stat-action span{display:block}.stat-action strong{display:block;margin:10px 0 9px;font-size:28px}.stat-action small{color:var(--primary);font-weight:700}.stat-action.danger strong{color:var(--danger)}.stat-action.ok strong{color:var(--ok)}.clickable-panel{cursor:pointer}.clickable-panel:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.empty-state.compact{padding:20px}.catalog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.catalog-header h2,.catalog-header p{margin-bottom:5px}.product-catalog{padding:18px}.catalog-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.catalog-toolbar .filter-bar{flex:1 1;grid-template-columns:1.5fr repeat(4,minmax(135px,1fr));margin:0}.table-tools{display:flex;gap:8px}.column-picker{position:relative}.column-menu{position:absolute;z-index:30;right:0;top:42px;display:grid;grid-gap:9px;gap:9px;width:180px;padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 40px rgba(0,0,0,.32)}.column-menu label{display:flex;align-items:center;gap:9px;font-size:13px}.clickable-row{cursor:pointer}.clickable-row:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.stock-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.stock-chip.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.stock-chip.low{color:#fbbf24;background:rgba(245,158,11,.13)}.stock-chip.out{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.table-skeleton{display:grid;grid-gap:1px;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:10px}.table-skeleton>div{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;gap:20px;padding:15px;background:var(--panel)}.table-skeleton span{height:13px;border-radius:5px;background:linear-gradient(90deg,var(--panel2),color-mix(in srgb,var(--line) 65%,var(--panel)),var(--panel2));background-size:200% 100%;animation:skeleton 1.2s infinite}@keyframes skeleton{to{background-position:-200% 0}}.product-modal{width:min(760px,100%)}.form-span{grid-column:1/-1}.drawer-backdrop{position:fixed;inset:0;z-index:450;background:rgba(2,6,23,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.product-drawer{position:absolute;top:0;right:0;width:min(510px,100%);height:100%;overflow-y:auto;padding:28px;background:var(--panel);border-left:1px solid var(--line);box-shadow:-22px 0 60px rgba(0,0,0,.35);animation:drawer-in .2s ease}@keyframes drawer-in{0%{transform:translateX(24px);opacity:.7}}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:25px}.drawer-header h2{margin:0}.close-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--text);font-size:25px;cursor:pointer}.product-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px;margin-bottom:22px}.product-summary>div{padding:13px;background:var(--panel2);border:1px solid var(--line);border-radius:11px}.movement-review span,.product-summary span{display:block;margin-bottom:6px;color:var(--muted);font-size:11px}.product-summary strong{font-size:16px}.warehouse-stock-list{display:grid;margin:12px 0 24px;border-top:1px solid var(--line)}.warehouse-stock-list>div{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.warehouse-stock-list small{display:block;margin-top:3px;color:var(--muted)}.drawer-actions{display:flex;gap:9px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line)}.danger-button{background:transparent;border:1px solid color-mix(in srgb,var(--danger) 55%,var(--line));color:var(--danger)}.product-photo{position:relative;display:block;width:100%;height:210px;margin:-8px 0 16px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel2);cursor:zoom-in}.product-photo img{width:100%;height:100%;object-fit:contain}.product-photo span{position:absolute;right:9px;bottom:9px;padding:6px 9px;border-radius:8px;background:rgba(2,6,23,.76);color:white;font-size:11px;font-weight:800}.product-photo-placeholder{height:135px;margin:-8px 0 16px;display:grid;place-items:center;align-content:center;grid-gap:5px;gap:5px;padding:16px;border:1px dashed var(--line);border-radius:14px;background:var(--panel2);text-align:center}.product-photo-placeholder>span{font-size:28px;color:var(--primary)}.product-photo-placeholder small{max-width:330px;color:var(--muted)}.compact-list-heading,.media-heading,.timeline-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.compact-list-heading h2,.media-heading h3,.timeline-heading h3{margin-bottom:5px}.media-heading p{margin:0}.compact-upload{white-space:nowrap}.media-list{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 20px}.media-item{display:flex;align-items:center;gap:7px;max-width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);cursor:pointer}.media-item span{color:var(--primary);font-size:11px;font-weight:900}.media-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.timeline-heading{align-items:center}.compact-toggle{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--primary);font-weight:800;cursor:pointer}.compact-form-card{height:max-content}.compact-list-heading{align-items:center}.intelligence-list{height:max-content}.intelligence-list .box{margin:8px 0}.intelligence-list>.compact-toggle{width:100%;margin-top:10px}.movement-layout{display:grid;grid-template-columns:minmax(390px,.85fr) minmax(520px,1.15fr);grid-gap:18px;gap:18px}.movement-wizard{height:max-content}.step-count{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:12px;font-weight:800}.stepper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:24px 0}.stepper button{display:flex;align-items:center;gap:7px;padding:9px;border:0;background:transparent;color:var(--muted);font-size:12px;text-align:left}.stepper button span{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;font-weight:800}.stepper button.active{color:var(--text)}.stepper button.active span{border-color:var(--primary);background:var(--primary);color:white}.stepper button.done{color:var(--ok);cursor:pointer}.stepper button.done span{border-color:var(--ok)}.wizard-panel{display:grid;grid-gap:14px;gap:14px}.wizard-panel .input{margin-top:6px}.wizard-actions{gap:10px;margin-top:10px}.availability-card,.wizard-actions{display:flex;align-items:center;justify-content:space-between}.availability-card{padding:15px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--panel))}.availability-card span{color:var(--muted);font-size:12px}.availability-card strong{font-size:20px}.movement-review{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.movement-review>div{padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}@media(max-width:1250px){.catalog-toolbar{flex-direction:column}.catalog-toolbar .filter-bar{width:100%;grid-template-columns:1.4fr 1fr 1fr}.movement-layout{grid-template-columns:1fr}.table-tools{width:100%;justify-content:flex-end}}@media(max-width:900px){.nav-group{display:contents}.catalog-toolbar .filter-bar{grid-template-columns:1fr 1fr}.sidebar .nav-group-label{display:none}.content{padding-bottom:88px}.mobile-nav{position:fixed;z-index:400;left:12px;right:12px;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);padding:7px;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 45px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav button{display:grid;place-items:center;grid-gap:3px;gap:3px;padding:7px 3px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:10px}.mobile-nav button span{font-size:18px}.mobile-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-nav button.active{background:color-mix(in srgb,var(--primary) 14%,var(--panel));color:var(--text)}}@media(max-width:620px){.catalog-header{align-items:flex-start;flex-direction:column}.catalog-header .btn{width:100%}.catalog-toolbar .filter-bar{grid-template-columns:1fr}.table-tools{justify-content:stretch}.table-tools>*{flex:1 1}.movement-review,.product-summary{grid-template-columns:1fr}.product-drawer,.product-modal{padding:20px}.form-span{grid-column:auto}.stepper button{justify-content:center;font-size:0}.stepper button span{font-size:12px}.wizard-actions .btn{flex:1 1}.pager{justify-content:center}.pager>.muted{width:100%;text-align:center}}.intelligence-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.period-switch{display:flex;gap:8px;margin-top:7px}.period-switch button{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 15px;border-radius:11px;font-weight:750;cursor:pointer;transition:.18s ease}.period-switch button:hover{color:var(--text);border-color:var(--primary)}.period-switch button.active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 25%,transparent)}.model-badge{display:flex;flex-direction:column;gap:2px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.model-badge small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.intelligence-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.intelligence-kpi{min-height:116px;display:flex;flex-direction:column;justify-content:space-between;padding:20px!important;overflow:hidden}.intelligence-kpi span{color:var(--muted);font-size:.9rem;line-height:1.25}.intelligence-kpi strong{display:block;font-size:clamp(1.45rem,2vw,2.1rem);line-height:1.05;overflow-wrap:anywhere}.intelligence-kpi.primary strong{color:var(--chart-primary)}.intelligence-kpi.success strong{color:var(--ok)}.intelligence-kpi.warning strong{color:#f59e0b}.intelligence-kpi.danger strong{color:var(--danger)}.intelligence-chart{margin-bottom:18px}.chart-scroll{width:100%;overflow-x:auto;padding-bottom:4px}.loading-panel{min-height:140px;display:grid;place-items:center;color:var(--muted)}@media(max-width:1100px){.intelligence-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.intelligence-toolbar{align-items:stretch;flex-direction:column}.period-switch{display:grid;grid-template-columns:repeat(3,1fr)}.period-switch button{padding-inline:8px}.intelligence-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.intelligence-kpi:first-child{grid-column:1/-1}}.identifier-product{margin-top:12px}.identifier-form{grid-template-columns:140px 1fr auto;margin-top:12px}.identifier-form,.identifier-list{display:grid;grid-gap:10px;gap:10px}.identifier-list{margin:15px 0}.identifier-list .box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;margin:0}.identifier-list strong{overflow-wrap:anywhere}@media(max-width:650px){.identifier-form{grid-template-columns:1fr}.identifier-list .box{grid-template-columns:auto 1fr}.identifier-list .icon-btn{grid-column:1/-1}}.trace-form{margin-top:18px}.trace-timeline{display:grid;margin-top:12px}.trace-event{display:grid;grid-template-columns:20px 1fr;grid-gap:10px;gap:10px;position:relative;padding-bottom:22px}.trace-event:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;border-left:2px solid var(--line)}.trace-dot{width:12px;height:12px;margin-top:7px;border-radius:50%;background:var(--primary)}.trace-event>div{display:grid;grid-gap:7px;gap:7px}.trace-event .pill{width:max-content}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.admin-form{display:grid;grid-gap:9px;gap:9px;margin:18px 0;padding-bottom:18px;border-bottom:1px solid var(--line)}.admin-form .input{margin:0}.admin-box{display:flex;align-items:center;justify-content:space-between;gap:12px}.workflow-box{display:grid;grid-gap:10px;gap:10px}.workflow-step{display:grid;grid-template-columns:1fr auto auto auto;grid-gap:8px;gap:8px;padding:9px;border-top:1px solid var(--line)}.company-context,.workflow-step{align-items:center;font-size:12px}.company-context{display:flex;justify-content:flex-end;gap:10px;margin-bottom:10px;color:var(--muted);font-weight:700}.company-context .input{width:min(300px,100%);margin:0;padding:8px 10px}@media(max-width:950px){.platform-grid{grid-template-columns:1fr}.workflow-step{grid-template-columns:1fr auto}.workflow-step .icon-btn{width:100%}}@media(max-width:700px){.company-context{align-items:stretch;flex-direction:column}.company-context .input{width:100%}}.printing-layout{grid-template-columns:minmax(520px,1.35fr) minmax(340px,.65fr)}.print-sidebar,.printing-layout{display:grid;grid-gap:18px;gap:18px}.print-sidebar{align-content:start}.print-products>.input{margin:10px 0 14px}.print-product-list{display:grid;max-height:650px;overflow:auto;border:1px solid var(--line);border-radius:12px}.print-product{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line);transition:.15s ease}.print-product:last-child{border:0}.print-product.selected{background:color-mix(in srgb,var(--primary) 8%,var(--panel))}.print-product label{display:flex;align-items:center;gap:12px;flex:1 1;cursor:pointer}.print-product label>span{display:grid;grid-gap:2px;gap:2px}.print-product small{color:var(--muted)}.print-product em{color:var(--danger);font-size:11px;font-style:normal}.print-quantity{width:75px!important;margin:0!important}.label-preview .section-heading,.sample-label{align-items:center}.sample-label{display:grid;grid-template-columns:105px 1fr;grid-gap:14px;gap:14px;min-height:115px;margin:16px 0;padding:12px;border:1px dashed var(--muted);border-radius:10px;background:#fff;color:#111827}.sample-code{display:grid;place-items:center;min-height:76px;overflow:hidden;color:#111;font-family:monospace;font-size:25px;letter-spacing:-5px}.sample-label.datamatrix .sample-code,.sample-label.qr .sample-code{font-size:70px;letter-spacing:0}.sample-label>div:last-child{display:grid;grid-gap:7px;gap:7px;min-width:0}.sample-label small,.sample-label span,.sample-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-label small{color:#64748b}.print-submit{width:100%;justify-content:center}@media(max-width:1050px){.printing-layout{grid-template-columns:1fr}.print-sidebar{grid-template-columns:1fr 1fr}}@media(max-width:700px){.print-sidebar{grid-template-columns:1fr}.printing-layout{display:block}.print-sidebar{margin-top:18px}.sample-label{grid-template-columns:85px 1fr}}.forecast-quality{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-bottom:18px}.forecast-quality>div{display:grid;grid-gap:7px;gap:7px}.forecast-quality strong{font-size:1.25rem}.forecast-quality p{grid-column:1/-1;margin:0}@media(max-width:700px){.forecast-quality{grid-template-columns:1fr}}.signature-modal{width:min(760px,100%)}.signature-modal canvas{display:block;width:100%;height:240px;margin:14px 0;border:1px dashed #64748b;border-radius:12px;background:#fff;touch-action:none}.title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.title-line h1{margin-bottom:0}.realtime-state{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--muted);font-size:10px;font-weight:800}.realtime-state.connected{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok)}.command-backdrop{position:fixed;inset:0;z-index:700;display:grid;place-items:start center;padding-top:min(16vh,140px);background:rgba(2,6,23,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.command-palette{width:min(650px,calc(100vw - 28px));overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 28px 90px rgba(0,0,0,.55)}.command-input{width:100%;padding:20px;border:0;border-bottom:1px solid var(--line);outline:0;background:transparent;color:var(--text);font-size:17px}.command-results{display:grid;grid-gap:4px;gap:4px;max-height:420px;overflow:auto;padding:8px}.command-results button{display:flex;align-items:center;gap:13px;padding:13px;border:0;border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.command-results button:focus,.command-results button:hover{background:color-mix(in srgb,var(--primary) 13%,var(--panel));outline:none}.command-results button span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;color:var(--primary)}.command-palette footer{display:flex;justify-content:flex-end;gap:18px;padding:10px 15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.product-timeline{position:relative;display:grid;grid-gap:0;gap:0;margin:12px 0 25px}.product-timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:6px;width:1px;background:var(--line)}.product-timeline>div{position:relative;display:grid;grid-template-columns:14px 1fr;grid-gap:11px;gap:11px;padding:9px 0}.timeline-dot{position:relative;z-index:1;width:13px;height:13px;margin-top:3px;border:3px solid var(--panel);border-radius:50%;background:var(--primary)}.product-timeline p{margin:4px 0}