@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2)format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff)format("woff")}:root{--color-brand-primary:#116df4;--color-brand-primary-hover:#0b5fdd;--color-brand-primary-pressed:#084fc0;--color-brand-primary-soft:#eaf4ff;--color-brand-primary-soft-2:#dceeff;--color-brand-navy:#102a56;--color-brand-navy-deep:#0b1f44;--color-neutral-0:#fff;--color-neutral-25:#fbfcfe;--color-neutral-50:#f7fafd;--color-neutral-100:#f1f5fa;--color-neutral-200:#e2eaf4;--color-neutral-300:#cfd9e6;--color-neutral-500:#788aa3;--color-neutral-600:#5c6f89;--color-neutral-700:#394b63;--color-neutral-900:#111827;--color-divider:#edf2f7;--color-success:#16a765;--color-success-soft:#e8f8ef;--color-warning:#f3a712;--color-warning-soft:#fff5d9;--color-warning-text:#8a5a00;--color-danger:#ef4444;--color-danger-soft:#feecec;--color-info:#116df4;--color-info-soft:#eaf4ff;--color-purple:#7c4dff;--color-purple-soft:#f1ebff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--header-height:64px;--sidebar-width:208px;--sidebar-collapsed-width:72px;--shadow-sm:0 1px 2px #102a560d;--shadow-card:0 4px 14px #102a560f;--shadow-float:0 8px 24px #102a561a;--font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-family);color:var(--color-neutral-900);background:var(--color-neutral-50);margin:0;font-size:16px;font-weight:400;line-height:22px}button,input{font:inherit}button{cursor:pointer}a{color:var(--color-brand-primary);text-decoration:none}a:hover{color:var(--color-brand-primary-hover)}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.skip-link{left:var(--space-4);z-index:50;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-neutral-0);color:var(--color-brand-navy);font-weight:600;position:absolute;top:-48px}.skip-link:focus{top:var(--space-2)}h1,h2,h3,p{margin:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;font-size:16px;font-weight:600;line-height:22px;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary,.btn-primary:hover{background:var(--color-brand-primary);color:var(--color-neutral-0)}.btn-primary:hover{background:var(--color-brand-primary-hover)}.btn-primary:active{background:var(--color-brand-primary-pressed)}.btn-secondary,.btn-secondary:hover{background:var(--color-neutral-0);border-color:var(--color-neutral-200);color:var(--color-brand-navy)}.btn-secondary:hover{background:var(--color-neutral-50)}.btn-danger,.btn-danger:hover{background:var(--color-neutral-0);border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-soft)}.btn:disabled{background:var(--color-neutral-200);color:var(--color-neutral-500);cursor:not-allowed;border-color:#0000}.search-form{flex:1;min-width:0;position:relative}.search-form svg{color:var(--color-neutral-500);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);background:var(--color-neutral-100);width:100%;height:44px;color:var(--color-neutral-900);padding:0 14px 0 42px}.search-input::placeholder{color:var(--color-neutral-500)}.search-input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary-soft);outline:none}.card{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card h3{margin-top:var(--space-1);color:var(--color-brand-navy);font-size:20px;font-weight:700;line-height:28px}.micro{color:var(--color-neutral-500);font-size:13px;font-weight:600;line-height:16px}.text-secondary{color:var(--color-neutral-600);font-size:15px;line-height:20px}.text-caption{color:var(--color-neutral-500);font-size:14px;line-height:18px}.chip{height:24px;padding:0 var(--space-2);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;font-size:14px;font-weight:500;line-height:18px;display:inline-flex}.chip-success{color:var(--color-success);background:var(--color-success-soft)}.chip-warning{color:var(--color-warning-text);background:var(--color-warning-soft)}.chip-danger{color:var(--color-danger);background:var(--color-danger-soft)}.chip-info{color:var(--color-brand-primary);background:var(--color-brand-primary-soft)}.chip-neutral{color:var(--color-neutral-700);background:var(--color-neutral-100)}.price{font-variant-numeric:tabular-nums;color:var(--color-brand-navy);font-size:18px;font-weight:700;line-height:24px}.app-shell{min-height:100vh}.app-header{z-index:40;align-items:center;gap:var(--space-4);height:var(--header-height);padding:0 var(--space-5);background:var(--color-neutral-0);border-bottom:1px solid var(--color-neutral-200);display:flex;position:sticky;top:0}.logo{align-items:center;gap:var(--space-2);color:var(--color-brand-navy);white-space:nowrap;letter-spacing:-.02em;flex:none;font-size:24px;font-weight:800;line-height:28px;transition:width .18s;display:flex;overflow:hidden}.logo-accent{color:var(--color-brand-primary)}.logo-mark{border-radius:var(--radius-sm);background:var(--color-brand-primary);width:32px;height:32px;color:var(--color-neutral-0);flex:none;place-items:center;font-size:18px;line-height:22px;display:none}.logo:hover{color:var(--color-brand-navy)}@media (width>=1024px){.logo{width:var(--sidebar-width);height:var(--header-height);margin-left:calc(var(--space-5) * -1);padding-left:var(--space-5);border-right:1px solid var(--color-neutral-200)}}.header-tools{align-items:center;gap:var(--space-1);flex:none;margin-left:auto;display:flex}.icon-btn,.icon-btn:hover{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-neutral-700);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover,.icon-btn-active,.icon-btn-active:hover{background:var(--color-neutral-100);color:var(--color-brand-navy)}.icon-btn-active,.icon-btn-active:hover{background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.badge{border-radius:var(--radius-pill);background:var(--color-danger);min-width:18px;height:18px;color:var(--color-neutral-0);text-align:center;padding:0 4px;font-size:13px;font-weight:600;line-height:18px;position:absolute;top:4px;right:4px}.user-chip,.user-chip:hover{align-items:center;gap:var(--space-2);min-width:0;margin-left:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border:0;border-left:1px solid var(--color-neutral-200);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0;display:flex}.user-chip:hover{background:var(--color-neutral-100)}.avatar{border-radius:var(--radius-pill);background:var(--color-brand-primary-soft);width:36px;height:36px;color:var(--color-brand-primary);flex:none;place-items:center;font-size:14px;font-weight:700;line-height:18px;display:grid}.user-meta{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--color-neutral-900);font-size:16px;font-weight:600;line-height:22px}.user-company{max-width:180px;color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:18px;display:block;overflow:hidden}.menu-btn,.header-search-compact{display:none}.app-body{min-height:calc(100vh - var(--header-height));align-items:stretch;display:flex}.sidebar{top:var(--header-height);width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:var(--color-neutral-0);border-right:1px solid var(--color-neutral-200);flex-direction:column;flex:none;transition:width .18s;display:flex;position:sticky;overflow:hidden}.sidebar-scroll{min-height:0;padding:var(--space-3) 0;scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent;flex:1;overflow:auto}.sidebar-footer{padding:var(--space-2);border-top:1px solid var(--color-neutral-200);flex:none}.sidebar-toggle{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-neutral-700);white-space:nowrap;background:0 0;border:0;font-size:16px;font-weight:500;line-height:22px;display:flex}.sidebar-toggle:hover{background:var(--color-neutral-50);color:var(--color-brand-navy)}.sidebar-backdrop{display:none}.nav-group+.nav-group{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-neutral-200)}.nav-group-label{padding:var(--space-2) var(--space-4) var(--space-1);color:var(--color-neutral-500);font-size:13px;font-weight:600;line-height:16px}.nav-link,.nav-link:hover{align-items:center;gap:var(--space-3);min-height:44px;margin:0 var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-neutral-700);white-space:nowrap;font-size:16px;font-weight:500;line-height:22px;display:flex}.nav-link:hover{background:var(--color-neutral-50);color:var(--color-brand-navy)}.nav-link-active,.nav-link-active:hover{background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.nav-label{min-width:0}.app-main{min-width:0;padding:var(--space-6);flex:1}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-header h1{margin-top:var(--space-2);color:var(--color-brand-navy);font-size:34px;font-weight:700;line-height:42px}.page-header-desc{max-width:720px;margin-top:var(--space-2)}.page-header-meta,.screen-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.section-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.section-placeholder{min-height:72px;margin-top:var(--space-4);padding:var(--space-4);border:1px dashed var(--color-neutral-300);border-radius:var(--radius-sm);background:var(--color-neutral-50);color:var(--color-neutral-500);text-align:center;justify-content:center;align-items:center;font-size:15px;line-height:20px;display:flex}.context-line{margin-top:var(--space-3)}.related{margin-top:var(--space-8)}.related h2{margin-bottom:var(--space-3);color:var(--color-brand-navy);font-size:20px;font-weight:700;line-height:28px}.route-note{margin-top:var(--space-6);overflow-wrap:anywhere}.not-found-action{margin-top:var(--space-6)}@media (width<=1279px){.app-main{padding:var(--space-4)}}@media (width>=1024px){.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed-width)}.sidebar-collapsed .logo{justify-content:center;padding-left:0}.sidebar-collapsed .logo-word,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-toggle-label{display:none}.sidebar-collapsed .logo-mark{display:grid}.sidebar-collapsed .nav-link,.sidebar-collapsed .sidebar-toggle{justify-content:center;gap:0}}@media (width<=1023px){.menu-btn{display:inline-flex}.sidebar-footer{display:none}.sidebar{z-index:30;top:var(--header-height);visibility:hidden;box-shadow:var(--shadow-float);transition:transform .16s;position:fixed;left:0;transform:translate(-105%)}.sidebar-open{visibility:visible;transform:translate(0)}.sidebar-backdrop{z-index:25;inset:var(--header-height) 0 0 0;background:#102a5647;border:0;display:block;position:fixed}}@media (width<=767px){.header-tools-extra,.logo-word,.user-meta{display:none}.logo-mark{display:grid}.header-search{display:none}.header-search-compact{display:inline-flex}.app-header{gap:var(--space-2);padding:0 var(--space-3)}.page-header{flex-direction:column}.page-header h1{font-size:30px;line-height:36px}.btn,.search-input{border-radius:var(--radius-md);height:48px}}@media (prefers-reduced-motion:reduce){.sidebar,.logo{transition:none}}.user-menu-wrap{flex:none;position:relative}.user-menu{z-index:50;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-neutral-0);min-width:220px;box-shadow:var(--shadow-float);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.user-menu a,.user-menu button{border-radius:var(--radius-sm);width:100%;height:40px;color:var(--color-neutral-900);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 10px;font-size:16px;font-weight:600;line-height:22px;display:flex}.user-menu a:hover,.user-menu button:hover{background:var(--color-neutral-100);color:var(--color-brand-navy)}.mp-page{width:100%}.mp-crumbs{color:var(--color-neutral-500);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;line-height:20px;display:flex}.mp-crumbs a{color:var(--color-neutral-600)}.mp-crumbs-item{align-items:center;gap:8px;display:inline-flex}.mp-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.mp-head h1,.mp-product-title{letter-spacing:-.02em;color:var(--color-neutral-900);margin:0;font-size:34px;font-weight:700;line-height:42px}.mp-head p{color:var(--color-neutral-600);margin:4px 0 0;font-size:16px;line-height:22px}.mp-head-actions{flex:none;gap:8px;display:flex}.mp-split{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.mp-rail{flex-direction:column;gap:16px;display:flex;position:sticky;top:88px}.mp-hero{grid-template-columns:1.4fr .9fr;min-height:206px;margin-bottom:16px;display:grid;overflow:hidden}.mp-hero-copy{background:linear-gradient(90deg,#fff 0%,#f9fcff 100%);flex-direction:column;justify-content:center;padding:28px;display:flex}.mp-eyebrow{color:var(--color-brand-primary);margin-bottom:8px;font-size:14px;font-weight:700}.mp-hero h2{color:var(--color-brand-navy-deep);letter-spacing:-.02em;margin:0 0 10px;font-size:32px;line-height:40px}.mp-hero p{max-width:620px;color:var(--color-neutral-600);margin:0 0 20px;font-size:16px;line-height:22px}.mp-hero-art{background:linear-gradient(135deg,#116df41f,#116df405),radial-gradient(circle at 70% 35%,#116df433,#0000 28%),linear-gradient(145deg,#eef6ff,#dceeff);min-height:206px;position:relative}.mp-warehouse{height:125px;box-shadow:var(--shadow-card);clip-path:polygon(0 32%,42% 0,100% 18%,100% 100%,0 100%);background:#fff;border:1px solid #cbdcf3;position:absolute;bottom:18px;left:14%;right:8%}.mp-warehouse:before{content:"";background:linear-gradient(90deg,#e6edf7 0 23%,#0000 23% 27%,#e6edf7 27% 50%,#0000 50% 54%,#e6edf7 54% 77%,#0000 77% 81%,#e6edf7 81%);height:52px;position:absolute;bottom:16px;left:10%;right:10%}.mp-truck{border:2px solid var(--color-brand-primary);background:#fff;border-radius:6px 6px 3px 3px;width:110px;height:42px;position:absolute;bottom:19px;right:10%}.mp-truck:before{content:"";background:var(--color-brand-primary);border-radius:4px 4px 2px 2px;width:28px;height:32px;position:absolute;bottom:0;right:-28px}.mp-wheel{background:var(--color-brand-navy);border-radius:50%;width:16px;height:16px;position:absolute;bottom:-10px}.mp-wheel-a{left:18px}.mp-wheel-b{right:10px}.mp-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.mp-kpi{align-items:center;gap:12px;padding:16px;display:flex}.mp-kpi-icon{background:var(--color-brand-primary-soft);width:42px;height:42px;color:var(--color-brand-primary);border-radius:10px;flex:none;place-items:center;display:grid}.mp-kpi-icon-warning{background:var(--color-warning-soft);color:#b57900}.mp-kpi-icon-success{background:var(--color-success-soft);color:var(--color-success)}.mp-kpi-icon-purple{background:var(--color-purple-soft);color:var(--color-purple)}.mp-kpi-label{color:var(--color-neutral-500);margin-bottom:3px;font-size:14px}.mp-kpi-value{color:var(--color-brand-navy-deep);font-size:26px;font-weight:700;line-height:32px}.mp-kpi-value-sm{font-size:22px}.mp-section{margin-bottom:24px}.mp-section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mp-section-head h2,.mp-h2{letter-spacing:-.015em;color:var(--color-neutral-900);margin:0;font-size:26px;font-weight:700;line-height:34px}.mp-link{color:var(--color-brand-primary);font-size:15px;font-weight:600}.mp-cats,.mp-suppliers{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mp-cat,.mp-supplier{align-items:center;gap:14px;padding:16px;display:flex}.mp-cat-photo{object-fit:contain;background:#f4f7fb;border-radius:10px;flex:none;width:84px;height:84px}.mp-photo{object-fit:contain;width:100%;height:168px}.mp-cat-icon,.mp-supplier-logo{background:var(--color-brand-primary-soft);width:48px;height:48px;color:var(--color-brand-primary);border-radius:10px;flex:none;place-items:center;display:grid}.mp-supplier-logo{width:44px;height:44px;color:var(--color-brand-navy);font-size:16px;font-weight:800;overflow:hidden}.mp-supplier-logo-photo{background:0 0}.mp-supplier-logo img{object-fit:contain;width:100%;height:100%}.mp-cat-name,.mp-supplier-name{font-size:17px;font-weight:700;display:block}.mp-cat .mp-muted,.mp-supplier .mp-muted{display:block}.mp-muted{color:var(--color-neutral-500);font-size:14px;line-height:20px}.mp-verified{color:var(--color-brand-primary);margin-top:2px;font-size:14px;font-weight:600}.mp-tags{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.mp-tag{border-radius:var(--radius-pill);background:var(--color-neutral-100);color:var(--color-neutral-600);padding:5px 8px;font-size:13px;font-weight:500;line-height:16px}.mp-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mp-products-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-product{flex-direction:column;min-width:0;padding:12px;display:flex}.mp-product:hover{border-color:var(--color-neutral-300);box-shadow:var(--shadow-card)}.mp-image{background:#fafcff;border-radius:10px;place-items:center;height:168px;margin-bottom:12px;display:grid;position:relative;overflow:hidden}.mp-image img,.mp-main-image img,.mp-thumb img,.mp-item-image img{object-fit:contain;width:100%;height:100%}.mp-fav{z-index:1;border:1px solid var(--color-neutral-200);width:32px;height:32px;color:var(--color-neutral-500);background:#fff;border-radius:8px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.mp-fav-on{color:var(--color-danger);border-color:#f6c7c7}.mp-object{box-shadow:0 8px 16px #102a5612}.mp-object-cable{background:linear-gradient(90deg,#c8d1dc,#f5f7fa,#aeb9c5);border-radius:6px;width:72%;height:38px;transform:rotate(-8deg)}.mp-object-tool{background:linear-gradient(145deg,#f2aa22,#ffd87e);border-radius:8px;width:46%;height:78px;transform:rotate(8deg)}.mp-object-pipe{background:linear-gradient(#edf1f5,#bfc9d4);border-radius:24px;width:72%;height:46px}.mp-object-box{background:linear-gradient(145deg,#eef1f5,#cbd5df);border-radius:8px;width:60%;height:84px}.mp-object-light{width:46%;height:78px;box-shadow:none;background:radial-gradient(circle at 50% 40%,#fff8c7 0 28%,#e5ebf2 29% 48%,#b9c4d1 49% 56%,#0000 57%);border-radius:50%}.mp-object-switch{width:56%;height:76px;box-shadow:none;background:#f3f5f7;border:1px solid #cfd7e2;border-radius:8px}.mp-object-brick{background:repeating-linear-gradient(0deg,#c76b4b 0 20px,#ac563b 20px 22px);border-radius:4px;width:70%;height:72px}.mp-object-bag{background:linear-gradient(145deg,#e4e8ec,#c4ccd5);border-radius:12px 12px 6px 6px;width:58%;height:86px}.mp-object-coil{width:64%;height:64px;box-shadow:none;background:radial-gradient(circle,#f7f9fb 0 28%,#d5dee8 29% 46%,#0000 47%);border:10px solid #c5ced8;border-radius:50%}.mp-card-title{min-height:40px;color:var(--color-neutral-900);margin-bottom:6px;font-size:16px;font-weight:600;line-height:22px}.mp-card-title:hover{color:var(--color-brand-primary)}.mp-sku{color:var(--color-neutral-500);margin-bottom:4px;font-size:13px}.mp-supplier-line{color:var(--color-neutral-600);align-items:center;gap:4px;margin-bottom:4px;font-size:14px;display:flex}.mp-verified-dot{background:var(--color-brand-primary);color:#fff;border-radius:50%;place-items:center;width:14px;height:14px;font-size:11px;font-weight:700;display:inline-grid}.mp-rating{color:var(--color-neutral-500);margin-bottom:6px;font-size:14px}.mp-stock{color:var(--color-success);align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:600;display:inline-flex}.mp-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.mp-delivery{color:var(--color-neutral-600);margin-bottom:8px;font-size:13px}.mp-price{color:var(--color-brand-navy-deep);font-variant-numeric:tabular-nums;margin-top:auto;font-size:20px;font-weight:700;line-height:26px}.mp-moq{color:var(--color-neutral-500);margin:4px 0 10px;font-size:14px}.mp-product-actions{grid-template-columns:1fr 40px;gap:8px;display:grid}.mp-icon-btn{border:1px solid var(--color-neutral-200);width:40px;height:40px;color:var(--color-neutral-600);background:#fff;border-radius:8px;place-items:center;display:grid}.mp-icon-btn:hover{color:var(--color-brand-primary);border-color:var(--color-brand-primary);background:var(--color-brand-primary-soft)}.mp-table-wrap{overflow:auto}.mp-table{border-collapse:collapse;width:100%}.mp-table th{border-bottom:1px solid var(--color-neutral-200);background:var(--color-neutral-25);color:var(--color-neutral-500);text-align:left;padding:11px 14px;font-size:14px;font-weight:500}.mp-table td{border-bottom:1px solid var(--color-divider);color:var(--color-neutral-700);padding:14px;font-size:15px}.mp-table tr:last-child td{border-bottom:0}.mp-right{text-align:right}.mp-strong{color:var(--color-neutral-900);font-weight:600}.mp-quick{flex-direction:column;gap:8px;display:flex}.mp-quick a,.mp-quick button{border:1px solid var(--color-neutral-200);min-height:44px;color:var(--color-neutral-700);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:500;display:flex}.mp-quick a:hover,.mp-quick button:hover{background:var(--color-neutral-50);color:var(--color-neutral-700)}.mp-quick svg{color:var(--color-brand-primary)}.mp-attention{border-bottom:1px solid var(--color-divider);grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.mp-attention:last-child{border-bottom:0}.mp-attention-icon{background:var(--color-warning-soft);color:#b57900;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.mp-attention-icon-info{background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.mp-attention-icon-danger{background:var(--color-danger-soft);color:var(--color-danger)}.mp-attention-title{font-size:15px;font-weight:600}.mp-help{background:linear-gradient(135deg, var(--color-brand-navy-deep), var(--color-brand-navy));color:#fff;border:none;padding:16px}.mp-help h3{color:#fff;margin:0 0 8px;font-size:18px;line-height:26px}.mp-help p{color:#d6e3f5;margin:0 0 12px;font-size:14px;line-height:20px}.mp-pad{padding:16px}.mp-pad h3{margin:0 0 12px;font-size:18px;font-weight:700;line-height:26px}.mp-cat-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:12px;display:grid}.mp-cat-tile{min-height:92px;color:var(--color-neutral-700);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.mp-cat-tile-active{border-color:var(--color-brand-primary);background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.mp-cat-tile strong{font-size:15px;line-height:20px}.mp-catalog{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}.mp-filters{padding:16px}.mp-filter-head,.mp-filter-title-row{color:var(--color-neutral-900);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;font-weight:700;display:flex}.mp-reset{color:var(--color-brand-primary);background:0 0;border:0;font-size:15px;font-weight:600}.mp-filter-group{border-top:1px solid var(--color-divider);padding:12px 0}.mp-check{color:var(--color-neutral-700);grid-template-columns:16px 1fr auto;align-items:center;gap:8px;margin:8px 0;font-size:15px;display:grid}.mp-check input{accent-color:var(--color-brand-primary)}.mp-count{color:var(--color-neutral-500);font-size:14px;font-weight:500}.mp-price-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mp-supplier-search{color:var(--color-neutral-500);align-items:center;gap:8px;margin-bottom:8px;display:flex}.mp-supplier-search input{width:100%;color:var(--color-neutral-900);background:0 0;border:0;outline:none}.mp-field,.mp-select,.mp-textarea{border:1px solid var(--color-neutral-200);width:100%;height:40px;color:var(--color-neutral-900);background:#fff;border-radius:8px;padding:0 12px}.mp-textarea{resize:vertical;height:96px;padding:12px}.mp-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.mp-toolbar-left,.mp-toolbar-right,.mp-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mp-chip{border-radius:var(--radius-pill);background:var(--color-brand-primary-soft);height:28px;color:var(--color-brand-primary);align-items:center;gap:6px;padding:0 8px 0 10px;font-size:14px;font-weight:600;display:inline-flex}.mp-chip button{color:inherit;background:0 0;border:0;font-size:16px;line-height:1}.mp-view{gap:4px;display:flex}.mp-view button{border:1px solid var(--color-neutral-200);width:36px;height:36px;color:var(--color-neutral-600);background:#fff;border-radius:8px;place-items:center;display:grid}.mp-view .mp-on{border-color:var(--color-brand-primary);background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.mp-pagination{justify-content:center;gap:6px;margin-top:20px;display:flex}.mp-page-btn,.mp-page-gap{border:1px solid var(--color-neutral-200);min-width:38px;height:38px;color:var(--color-neutral-700);background:#fff;border-radius:8px;place-items:center;font-size:15px;display:grid}.mp-page-btn-active{border-color:var(--color-brand-primary);background:var(--color-brand-primary);color:#fff;font-weight:600}.mp-page-gap{background:0 0;border:0}.mp-search-summary{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.mp-search-summary-left{align-items:flex-start;gap:12px;display:flex}.mp-search-symbol{background:var(--color-brand-primary-soft);width:40px;height:40px;color:var(--color-brand-primary);border-radius:10px;flex:none;place-items:center;display:grid}.mp-related-chips{flex-wrap:wrap;gap:8px;display:flex}.mp-related-chips button{border:1px solid var(--color-neutral-200);border-radius:var(--radius-pill);height:32px;color:var(--color-neutral-700);background:#fff;padding:0 12px;font-size:15px;font-weight:500}.mp-related-chips button:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.mp-list{flex-direction:column;gap:12px;display:flex}.mp-list-card{grid-template-columns:180px minmax(0,1fr) 220px;gap:16px;padding:12px;display:grid}.mp-buy{flex-direction:column;justify-content:space-between;gap:12px;display:flex}.mp-specs{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.mp-match{border-radius:var(--radius-pill);background:var(--color-success-soft);height:24px;color:var(--color-success);white-space:nowrap;padding:0 8px;font-size:14px;font-weight:600}.mp-topline{justify-content:space-between;gap:12px;display:flex}.mp-hint{color:var(--color-neutral-600);margin-top:6px;font-size:15px}.mp-notice{background:var(--color-brand-primary-soft);color:var(--color-neutral-700);border:1px solid #d6e6ff;border-radius:12px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px 14px;font-size:15px;line-height:20px;display:flex}.mp-notice svg{color:var(--color-brand-primary);flex:none;margin-top:1px}.mp-product-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.mp-product-top{grid-template-columns:420px minmax(0,1fr);gap:20px;padding:16px;display:grid}.mp-gallery{grid-template-columns:64px 1fr;gap:8px;display:grid}.mp-thumbs{flex-direction:column;gap:8px;display:flex}.mp-thumb{border:1px solid var(--color-neutral-200);background:#fafcff;border-radius:8px;place-items:center;height:64px;display:grid;overflow:hidden}.mp-thumb img{width:56px;height:56px}.mp-thumb-active{border-color:var(--color-brand-primary)}.mp-main-image{background:#fafcff;border-radius:12px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.mp-main-image img{height:360px}.mp-image-badge{position:absolute;top:12px;left:12px}.mp-image-actions{gap:8px;display:flex;position:absolute;top:12px;right:12px}.mp-kv{grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:16px;display:grid}.mp-kv-item{border-bottom:1px solid var(--color-divider);padding:8px 0}.mp-kv-label{color:var(--color-neutral-500);font-size:14px}.mp-kv-value{font-size:16px;font-weight:600}.mp-spec-table{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.mp-spec-row,.mp-info-row{border-bottom:1px solid var(--color-divider);justify-content:space-between;gap:12px;padding:10px 0;font-size:15px;display:flex}.mp-spec-row span:first-child,.mp-info-row span:first-child{color:var(--color-neutral-500)}.mp-spec-row span:last-child,.mp-info-row span:last-child{text-align:right;font-weight:600}.mp-docs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mp-doc{border:1px solid var(--color-neutral-200);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.mp-doc-icon{background:var(--color-brand-primary-soft);width:36px;height:36px;color:var(--color-brand-primary);border-radius:8px;place-items:center;display:grid}.mp-purchase{padding:20px;position:sticky;top:88px}.mp-purchase h3{margin:0 0 8px;font-size:18px}.mp-big-price{color:var(--color-brand-navy-deep);font-size:30px;font-weight:700;line-height:38px}.mp-tiers{margin:16px 0}.mp-tier{border-bottom:1px solid var(--color-divider);justify-content:space-between;padding:8px 0;font-size:15px;display:flex}.mp-qty{border:1px solid var(--color-neutral-200);border-radius:8px;align-items:center;height:44px;display:flex;overflow:hidden}.mp-qty button{background:var(--color-neutral-50);width:40px;height:100%;color:var(--color-brand-navy);border:0;font-size:20px}.mp-qty input{text-align:center;border:0;width:72px;height:100%;font-weight:600}.mp-qty-row{grid-template-columns:1fr 120px;gap:8px;display:grid}.mp-total{justify-content:space-between;margin:16px 0;font-size:16px;display:flex}.mp-total strong{font-size:20px}.mp-stack{flex-direction:column;gap:8px;display:flex}.mp-safe{color:var(--color-neutral-600);gap:8px;margin-top:12px;font-size:14px;line-height:18px;display:flex}.mp-cover{background:linear-gradient(90deg,#eaf4ff,#dceeff 55%,#f7fafd);height:96px}.mp-profile{padding:0 20px 20px}.mp-identity{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:-28px;display:flex}.mp-company-logo{background:var(--color-brand-primary-soft);width:72px;height:72px;color:var(--color-brand-navy);border:4px solid #fff;border-radius:16px;place-items:center;font-size:24px;font-weight:800;display:grid}.mp-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;display:grid}.mp-stat{align-items:center;gap:12px;padding:16px;display:flex}.mp-tabs{gap:4px;margin-bottom:16px;padding:6px;display:flex;overflow:auto}.mp-tab{height:40px;color:var(--color-neutral-600);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 14px;font-weight:600}.mp-tab-active{background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.mp-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px;display:grid}.mp-bars{flex-direction:column;gap:8px;display:flex}.mp-bar-row{color:var(--color-neutral-600);grid-template-columns:72px 1fr 36px;align-items:center;gap:8px;font-size:14px;display:grid}.mp-bar{background:var(--color-neutral-100);border-radius:99px;height:8px;overflow:hidden}.mp-bar>span{background:var(--color-brand-primary);height:100%;display:block}.mp-aside{flex-direction:column;gap:16px;display:flex}.mp-contact-line{color:var(--color-neutral-700);align-items:center;gap:8px;margin:0 0 8px;font-size:16px;display:flex}.mp-doc{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff}.mp-doc strong,.mp-doc .mp-muted{display:block}.mp-image-badge{background:var(--color-success-soft);height:24px;color:var(--color-success);border-radius:99px;padding:0 8px;font-size:14px;font-weight:600;line-height:26px}.mp-review{border-top:1px solid var(--color-divider);padding:12px 0}.mp-stars{color:#f3a712;letter-spacing:1px}.mp-contact{gap:10px;padding:10px 0;display:flex}.mp-side{margin-bottom:16px;padding:16px}.mp-side h3{margin:0 0 12px;font-size:18px}.mp-compare-wrap{overflow:auto}.mp-compare{grid-template-columns:180px repeat(3,minmax(220px,1fr));min-width:980px;display:grid}.mp-cell{border-bottom:1px solid var(--color-divider);padding:14px;font-size:15px}.mp-label{color:var(--color-neutral-600);background:var(--color-neutral-25);font-weight:600}.mp-section-label{background:var(--color-neutral-100);color:var(--color-brand-navy);grid-column:1/-1;padding:12px 14px;font-size:15px;font-weight:700}.mp-best{background:var(--color-success-soft);color:var(--color-success);border-radius:99px;margin-left:6px;padding:2px 6px;font-size:13px;font-weight:600;display:inline-flex}.mp-highlight{background:#f4fbf7}.mp-summary-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.mp-note{border:1px solid var(--color-brand-primary-soft-2);background:var(--color-brand-primary-soft);color:var(--color-neutral-700);border-radius:12px;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:15px;line-height:20px;display:flex}.mp-note svg{color:var(--color-brand-primary);flex:none}.mp-cart-layout,.mp-checkout-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.mp-supplier-group{margin-bottom:16px;overflow:hidden}.mp-supplier-head,.mp-supplier-foot,.mp-cart-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.mp-supplier-head{border-bottom:1px solid var(--color-divider)}.mp-supplier-foot{border-top:1px solid var(--color-divider);background:var(--color-neutral-25);font-size:15px}.mp-id{align-items:center;gap:12px;display:flex}.mp-item{border-bottom:1px solid var(--color-divider);grid-template-columns:24px 72px minmax(0,1fr) 156px 120px 32px;align-items:center;gap:12px;padding:14px 16px;display:grid}.mp-item-image{background:#fafcff;border-radius:8px;place-items:center;width:72px;height:72px;display:grid}.mp-item-image .mp-object{transform:none}.mp-line{text-align:right;font-weight:700}.mp-summary{padding:20px;position:sticky;top:88px}.mp-summary h2{margin:0 0 12px;font-size:20px}.mp-summary-row{color:var(--color-neutral-700);justify-content:space-between;gap:12px;padding:8px 0;font-size:16px;display:flex}.mp-grand{color:var(--color-brand-navy-deep);justify-content:space-between;margin:8px 0 16px;font-size:20px;font-weight:700;display:flex}.mp-box{background:var(--color-brand-primary-soft);border-radius:10px;margin:12px 0;padding:12px}.mp-box strong{margin-bottom:4px;display:block}.mp-box p,.mp-summary-note{color:var(--color-neutral-600);margin:0;font-size:14px;line-height:18px}.mp-promo{grid-template-columns:1fr auto;gap:8px;margin:12px 0;display:grid}.mp-stepper{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;padding:16px;display:grid}.mp-step{color:var(--color-neutral-500);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.mp-step-circle{border:1px solid var(--color-neutral-300);background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.mp-step-done .mp-step-circle,.mp-step-active .mp-step-circle{border-color:var(--color-brand-primary);background:var(--color-brand-primary);color:#fff}.mp-step-active{color:var(--color-brand-primary)}.mp-info-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mp-info-card{border:1px solid var(--color-neutral-200);border-radius:10px;padding:14px}.mp-info-title{color:var(--color-neutral-500);font-size:14px;font-weight:600}.mp-checks{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mp-check-card{border:1px solid var(--color-neutral-200);border-radius:10px;gap:10px;padding:12px;display:flex}.mp-fields{grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px;display:grid}.mp-fields label,.mp-comment label{color:var(--color-neutral-500);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.mp-comment{padding:0 16px 16px}.mp-checkout-item{border-bottom:1px solid var(--color-divider);grid-template-columns:72px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.mp-remove{width:32px;height:32px;color:var(--color-neutral-500);background:0 0;border:0;border-radius:8px;font-size:20px}.mp-text-btn{color:var(--color-brand-primary);background:0 0;border:0;font-size:15px;font-weight:600}.mp-text-danger{color:var(--color-danger)}.mp-saved{color:var(--color-neutral-600);background:#fff;border-radius:99px;padding:2px 6px;font-size:13px;position:absolute;top:8px;left:8px}.mp-block{width:100%}.mp-push{margin-left:auto}.mp-check-card strong,.mp-check-card .mp-muted{display:block}.mp-mt{margin-top:12px}.mp-query{color:var(--color-brand-navy)}@media (width<=1200px){.mp-split,.mp-product-layout,.mp-layout,.mp-cart-layout,.mp-checkout-layout{grid-template-columns:1fr}.mp-rail,.mp-purchase,.mp-summary{position:static}.mp-products,.mp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-cat-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-product-top,.mp-list-card{grid-template-columns:1fr}.mp-stats,.mp-info-grid,.mp-summary-cards{grid-template-columns:1fr 1fr}}@media (width<=900px){.mp-catalog,.mp-hero{grid-template-columns:1fr}.mp-hero-art{display:none}.mp-suppliers,.mp-cats,.mp-docs,.mp-spec-table,.mp-checks,.mp-fields{grid-template-columns:1fr}.mp-stepper{grid-template-columns:1fr 1fr}.mp-item,.mp-checkout-item{grid-template-columns:72px minmax(0,1fr)}.mp-line,.mp-qty-row{text-align:left;grid-column:2}}@media (width<=700px){.mp-head,.mp-identity,.mp-search-summary,.mp-supplier-head,.mp-toolbar{flex-direction:column;align-items:flex-start}.mp-head h1,.mp-product-title{font-size:30px;line-height:36px}.mp-products,.mp-kpis,.mp-stats,.mp-info-grid,.mp-summary-cards,.mp-cat-strip,.mp-gallery{grid-template-columns:1fr}.mp-thumbs{flex-direction:row}}.op-success{align-items:center;gap:16px;padding:20px;display:flex}.op-success h1{margin:0 0 4px;font-size:30px;line-height:36px}.op-success p{color:var(--color-neutral-600);margin:0;font-size:16px}.op-success-icon{background:var(--color-success-soft);width:56px;height:56px;color:var(--color-success);border-radius:50%;flex:none;place-items:center;display:grid}.op-order-no{color:var(--color-brand-navy);font-weight:700}.op-steps{flex-wrap:wrap;gap:16px;margin:12px 0;display:flex}.op-step,.op-tstep{color:var(--color-neutral-500);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.op-step-on,.op-tstep-done,.op-tstep-active{color:var(--color-brand-primary)}.op-dot{background:var(--color-neutral-300);border-radius:50%;width:10px;height:10px}.op-tstep-done .op-dot,.op-tstep-active .op-dot,.op-step-on .op-dot{background:var(--color-brand-primary)}.op-tstep-active .op-dot{box-shadow:0 0 0 4px var(--color-brand-primary-soft)}.op-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.op-fact{padding:14px}.op-fact-label{color:var(--color-neutral-500);font-size:14px}.op-fact-value{margin-top:4px;font-size:16px;font-weight:700}.op-sub{margin-bottom:12px;overflow:hidden}.op-sub-head,.op-sub-foot{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.op-sub-head{border-bottom:1px solid var(--color-divider)}.op-sub-foot{border-top:1px solid var(--color-divider);background:var(--color-neutral-25)}.op-sub-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.op-state{text-align:right}.op-state span{color:var(--color-neutral-500);font-size:14px;font-weight:500;display:block}.op-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.op-box{background:var(--color-neutral-50);border-radius:10px;padding:10px 12px}.op-box strong,.op-line strong{display:block}.op-line{border-bottom:1px solid var(--color-divider);justify-content:space-between;gap:12px;padding:8px 0;font-size:15px;display:flex}.op-line:last-child{border-bottom:0}.op-next{border-bottom:1px solid var(--color-divider);gap:10px;padding:10px 0;display:flex}.op-next:last-child{border-bottom:0}.op-next-icon{background:var(--color-brand-primary-soft);width:32px;height:32px;color:var(--color-brand-primary);border-radius:8px;flex:none;place-items:center;display:grid}.op-order{margin-bottom:12px;overflow:hidden}.op-order-head{border-bottom:1px solid var(--color-divider);grid-template-columns:1.4fr 1fr .8fr auto;align-items:center;gap:12px;padding:16px;display:grid}.op-order-id{color:var(--color-brand-navy);font-size:18px;font-weight:700}.op-order-body{grid-template-columns:minmax(0,1.4fr) auto;gap:16px;padding:14px 16px;display:grid}.op-sup-row{border-bottom:1px solid var(--color-divider);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 0;display:grid}.op-sup-row:last-child{border-bottom:0}.op-order-foot{border-top:1px solid var(--color-divider);background:var(--color-neutral-25);justify-content:space-between;gap:12px;padding:12px 16px;font-size:15px;display:flex}.op-amount{color:var(--color-brand-navy-deep);font-size:20px;font-weight:700}.op-previews{gap:8px;margin-bottom:12px;display:flex}.op-preview{background:#f4f7fb;border-radius:8px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.op-preview img{object-fit:contain;width:100%;height:100%}.op-more{background:var(--color-neutral-100);width:56px;height:56px;color:var(--color-neutral-600);border-radius:8px;place-items:center;font-size:15px;font-weight:700;display:grid}.op-item{border-bottom:1px solid var(--color-divider);grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 0;display:grid}.op-search{border:1px solid var(--color-neutral-200);min-width:220px;height:40px;color:var(--color-neutral-500);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.op-search input{width:100%;color:var(--color-neutral-900);background:0 0;border:0;outline:none}.op-route{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.op-route-icon{background:var(--color-brand-primary-soft);width:40px;height:40px;color:var(--color-brand-primary);border-radius:50%;place-items:center;display:grid}.op-events{flex-direction:column;gap:0;display:flex}.op-event{grid-template-columns:16px minmax(0,1fr) auto;gap:10px;padding:8px 0;display:grid}.op-event-time{color:var(--color-neutral-500);white-space:nowrap;font-size:14px}.op-case-head{border-bottom:1px solid var(--color-divider);grid-template-columns:1.6fr 1fr 1fr auto;gap:12px;padding:16px;display:grid}.op-case-body{grid-template-columns:minmax(0,1fr) 240px;display:grid}.op-case-main{padding:16px}.op-case-side{border-left:1px solid var(--color-divider);background:var(--color-neutral-25);padding:16px}.op-side-line{margin-bottom:10px}.op-evidence{gap:8px;margin-top:12px;display:flex}.op-thumb{background:var(--color-neutral-100);width:64px;height:48px;color:var(--color-neutral-600);border-radius:8px;place-items:center;font-size:13px;font-weight:600;display:grid}.op-product{border:1px solid var(--color-neutral-200);border-radius:10px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:8px;display:grid}.op-upload{border:1px dashed var(--color-neutral-300);background:var(--color-neutral-50);color:var(--color-neutral-600);text-align:center;border-radius:10px;padding:16px;font-size:15px}.op-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.op-form .full{grid-column:1/-1}.op-form label{color:var(--color-neutral-500);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.op-msg{grid-template-columns:280px minmax(0,1fr) 260px;min-height:680px;display:grid}.op-threads{border-right:1px solid var(--color-divider)}.op-thread-tools{border-bottom:1px solid var(--color-divider);padding:12px}.op-chips{gap:6px;margin-top:8px;display:flex}.op-chip{border:1px solid var(--color-neutral-200);height:28px;color:var(--color-neutral-600);background:#fff;border-radius:99px;padding:0 10px;font-size:14px;font-weight:600}.op-chip-on{border-color:var(--color-brand-primary);background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.op-thread{border:0;border-bottom:1px solid var(--color-divider);text-align:left;background:#fff;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;width:100%;padding:12px;display:grid}.op-thread-on{background:var(--color-brand-primary-soft)}.op-unread{background:var(--color-brand-primary);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;margin-top:6px;margin-left:auto;font-size:13px;font-weight:700;display:grid}.op-chat{flex-direction:column;min-width:0;display:flex}.op-chat-head,.op-composer{border-bottom:1px solid var(--color-divider);padding:12px 16px}.op-composer{border-bottom:0;border-top:1px solid var(--color-divider);margin-top:auto}.op-log{flex-direction:column;gap:10px;padding:16px;display:flex}.op-day,.op-system{color:var(--color-neutral-500);align-self:center;font-size:14px}.op-bubble{background:var(--color-neutral-100);border-radius:12px;max-width:78%;padding:10px 12px}.op-me{background:var(--color-brand-primary-soft);align-self:flex-end}.op-context{border-left:1px solid var(--color-divider);background:var(--color-neutral-25);padding:12px}.op-file{background:#fff;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px;display:flex}.op-note{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:14px 16px;display:grid}.op-note+.op-note{border-top:1px solid var(--color-divider)}.op-note-unread{background:#f7fbff}.op-nicon{background:var(--color-brand-primary-soft);width:40px;height:40px;color:var(--color-brand-primary);border-radius:10px;place-items:center;display:grid}.op-nicon-warn{background:var(--color-warning-soft);color:#b57900}.op-nicon-ok{background:var(--color-success-soft);color:var(--color-success)}.op-nicon-purple{background:var(--color-purple-soft);color:var(--color-purple)}.op-ndot{background:var(--color-brand-primary);border-radius:50%;width:8px;height:8px;margin:8px auto 0}.op-daylabel{color:var(--color-neutral-500);margin:16px 0 8px;font-size:14px;font-weight:700}.op-table-head,.op-row{align-items:center;gap:12px;padding:12px 16px;display:grid}.op-docs{grid-template-columns:1.6fr 1fr 1fr .8fr auto auto}.op-users{grid-template-columns:1.5fr .8fr 1.2fr 1fr auto auto}.op-table-head{color:var(--color-neutral-500);border-bottom:1px solid var(--color-divider);font-size:14px;font-weight:600}.op-row{border-bottom:1px solid var(--color-divider);font-size:15px}.op-row:last-child{border-bottom:0}.op-icon-btn{border:1px solid var(--color-neutral-200);width:32px;height:32px;color:var(--color-neutral-600);background:#fff;border-radius:8px}.op-hero{align-items:center;gap:16px;padding:20px;display:flex}.op-logo{background:var(--color-brand-navy);color:#fff;border-radius:14px;place-items:center;width:64px;height:64px;font-weight:800;display:grid}.op-progress{background:var(--color-neutral-100);border-radius:99px;height:8px;margin:8px 0 12px;overflow:hidden}.op-progress span{background:var(--color-brand-primary);width:92%;height:100%;display:block}.op-check{background:var(--color-success-soft);width:22px;height:22px;color:var(--color-success);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.op-contacts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.op-settings{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.op-avatar{background:var(--color-brand-primary-soft);width:40px;height:40px;color:var(--color-brand-primary);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.op-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.op-perm{color:var(--color-neutral-700);margin-top:6px;font-size:15px}.op-quick3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.op-cards2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.op-bar{background:var(--color-neutral-100);border-radius:99px;height:8px;margin-top:6px;overflow:hidden}.op-bar span{background:var(--color-brand-primary);height:100%;display:block}.op-stars{gap:2px;display:flex}.op-stars button{color:#d5dbe3;cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}.op-stars .on{color:#e0a100}.op-switch{background:#d5dbe3;border:0;border-radius:99px;width:36px;height:20px;position:relative}.op-switch span{background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px}.op-switch-on{background:var(--color-brand-primary)}.op-switch-on span{left:18px}.op-sidenav{flex-direction:column;gap:4px;padding:8px;display:flex}.op-sidenav button{height:40px;color:var(--color-neutral-700);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-weight:600;display:flex}.op-sidenav .on{background:var(--color-brand-primary-soft);color:var(--color-brand-primary)}.op-sessions{grid-template-columns:1.4fr 1fr 1fr auto auto}.op-pay{grid-template-columns:1.2fr 1fr 1.2fr .9fr auto auto}.op-account{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=1100px){.op-facts,.op-grid3,.op-order-head,.op-case-head,.op-settings,.op-roles,.op-quick3{grid-template-columns:1fr 1fr}.op-cards2,.op-account,.op-sessions,.op-pay,.op-msg,.op-case-body,.op-order-body{grid-template-columns:1fr}.op-context,.op-case-side,.op-threads{border:0}.op-docs,.op-users{grid-template-columns:1fr}}@media (width<=700px){.op-success,.op-hero,.op-sub-head,.op-order-foot{flex-direction:column;align-items:flex-start}.op-facts,.op-grid3,.op-contacts,.op-form,.op-settings,.op-roles,.op-quick3,.op-cards2,.op-order-head,.op-case-head{grid-template-columns:1fr}.op-state{text-align:left}}.login-screen,.register-screen{--p:#116df4;--ps:#eaf4ff;--navy:#102a56;--page:#f7fafd;--surface:#fbfcfe;--ms:#f1f5fa;--border:#e2eaf4;--muted:#788aa3;--secondary:#5c6f89;--heading:#111827;--ambers:#fff5d9;background:var(--page);min-height:100vh;color:var(--heading);font-family:var(--font-family)}.login-screen button,.login-screen input,.register-screen button,.register-screen input,.register-screen select{font:inherit}.login-screen a,.register-screen a{color:inherit;text-decoration:none}.login-screen{grid-template-columns:minmax(520px,1.08fr) minmax(460px,.92fr);display:grid}.login-screen .hero{color:#fff;background:linear-gradient(155deg,#0b1f44 0%,#102a56 52%,#116df4 125%);flex-direction:column;padding:40px 48px;display:flex;position:relative;overflow:hidden}.login-screen .hero:before,.login-screen .hero:after{content:"";border-radius:50%;position:absolute}.login-screen .hero:before{background:#116df429;width:430px;height:430px;top:-110px;right:-180px}.login-screen .hero:after{background:#ffffff0d;width:310px;height:310px;bottom:-120px;left:-100px}.login-screen .brand{color:#fff;z-index:1;border:0;align-items:center;width:auto;height:auto;margin:0;padding:0;font-size:26px;font-weight:800;line-height:32px;display:flex}.login-screen .brand span,.register-screen .brand span{color:#63a4ff}.login-screen .brand small{letter-spacing:.12em;color:#afc8ea;margin-left:10px;font-size:9px}.login-screen .hero-content{z-index:1;max-width:640px;margin:auto 0}.login-screen .eyebrow{color:#d9e8fb;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;margin-bottom:24px;padding:7px 10px;font-size:10px;line-height:14px;display:inline-flex}.login-screen .hero h1{letter-spacing:-1.2px;color:#fff;margin:0;font-size:44px;line-height:1.08}.login-screen .hero p{color:#c8d6ea;max-width:560px;margin:18px 0 28px;font-size:15px;line-height:1.7}.login-screen .benefits{grid-template-columns:1fr 1fr;gap:12px;display:grid}.login-screen .benefit{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:14px;padding:15px}.login-screen .benefit b{margin-bottom:5px;font-size:12px;line-height:16px;display:block}.login-screen .benefit span{color:#bfd1e8;font-size:10px;line-height:1.5;display:block}.login-screen .hero-foot{color:#93a9c4;z-index:1;font-size:9px;line-height:14px}.login-screen .form-side{background:#fff;justify-content:center;align-items:center;padding:40px;display:flex}.login-screen .form-wrap{width:100%;max-width:430px}.login-screen .form-wrap h2{color:var(--heading);margin:0;font-size:30px;line-height:36px}.login-screen .sub{color:var(--secondary);margin:7px 0 26px;font-size:12px;line-height:18px}.login-screen .role{background:var(--ms);border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.login-screen .role button{height:38px;color:var(--secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:10px;font-weight:700;line-height:14px}.login-screen .role .active{color:var(--p);background:#fff;box-shadow:0 1px 4px #102a5614}.login-screen .field{margin-bottom:14px}.login-screen .field label{color:var(--secondary);justify-content:space-between;margin-bottom:6px;font-size:9px;font-weight:700;line-height:14px;display:flex}.login-screen .field label a,.login-screen .field label button.link{color:var(--p);cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.login-screen .input{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:10px;height:46px;padding:0 12px;display:flex}.login-screen .input:focus-within{border-color:var(--p);box-shadow:0 0 0 3px #116df414}.login-screen .input input{width:100%;height:100%;color:var(--heading);background:0 0;border:0;outline:0;padding:0;font-size:11px}.login-screen .input span{color:var(--muted)}.login-screen .reveal{color:var(--p);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:9px;font-weight:700}.login-screen .remember{color:var(--secondary);justify-content:space-between;align-items:center;margin:4px 0 18px;font-size:9px;line-height:14px;display:flex}.login-screen .check{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:9px;font-weight:500;display:flex}.login-screen .box,.register-screen .box{border:1px solid var(--border);color:#0000;background:#fff;border-radius:5px;flex:none;place-items:center;width:16px;height:16px;font-size:8px;display:grid}.login-screen .box.on,.register-screen .box.on{background:var(--p);border-color:var(--p);color:#fff}.login-screen .primary{background:var(--p);color:#fff;cursor:pointer;border:0;border-radius:9px;width:100%;height:46px;font-size:11px;font-weight:700}.login-screen .primary:hover{background:#0b5fdd}.login-screen .divider{color:var(--muted);align-items:center;gap:10px;margin:18px 0;font-size:8px;line-height:12px;display:flex}.login-screen .divider:before,.login-screen .divider:after{content:"";background:var(--border);flex:1;height:1px}.login-screen .alt{grid-template-columns:1fr 1fr;gap:10px;display:grid}.login-screen .alt button{border:1px solid var(--border);height:42px;color:var(--navy);cursor:pointer;background:#fff;border-radius:9px;font-size:9px;font-weight:700}.login-screen .register{background:var(--ps);color:var(--secondary);text-align:center;border-radius:10px;margin-top:22px;padding:13px;font-size:9px;line-height:14px}.login-screen .register a{color:var(--p);font-weight:800}.login-screen .security{text-align:center;color:var(--muted);margin-top:18px;font-size:8px;line-height:12px}.login-screen .form-error,.register-screen .form-error{color:#ef4444;margin:0 0 12px;font-size:12px;font-weight:600;line-height:16px}.login-screen .hint,.register-screen .hint{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:16px}.login-screen .mobile-brand{display:none}.register-screen .header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:static}.register-screen .brand{color:var(--navy);font-size:24px;font-weight:800;line-height:30px}.register-screen .brand span{color:var(--p)}.register-screen .header-right{color:var(--secondary);font-size:9px;line-height:14px}.register-screen .header-right a{color:var(--p);font-weight:800}.register-screen .page{max-width:1180px;margin:auto;padding:30px 24px 48px}.register-screen .intro{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.register-screen .intro h1{color:var(--heading);margin:0;font-size:32px;line-height:40px}.register-screen .intro p{color:var(--secondary);max-width:640px;margin:8px 0 0;font-size:12px;line-height:1.6}.register-screen .trust{color:var(--muted);border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:999px;padding:8px 10px;font-size:8px;line-height:12px}.register-screen .steps{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.register-screen .step{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:11px;display:flex}.register-screen .num{background:var(--ms);width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid}.register-screen .step b{font-size:9px;line-height:13px;display:block}.register-screen .step span{color:var(--muted);margin-top:2px;font-size:8px;line-height:12px;display:block}.register-screen .step.active{border-color:var(--p);background:var(--ps)}.register-screen .step.active .num{background:var(--p);color:#fff}.register-screen .layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.register-screen .card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:0;box-shadow:0 1px 2px #102a560d}.register-screen .form-card{padding:20px}.register-screen .section-title{border-bottom:1px solid #edf2f7;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.register-screen .section-title h2{margin:0;font-size:18px;line-height:24px}.register-screen .section-title p{color:var(--muted);margin:3px 0 0;font-size:8px;line-height:12px}.register-screen .badge{background:var(--ps);min-width:0;height:max-content;color:var(--p);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;line-height:12px;position:static}.register-screen .grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.register-screen .full{grid-column:1/-1}.register-screen .field label{color:var(--secondary);margin-bottom:5px;font-size:9px;font-weight:700;line-height:13px;display:block}.register-screen .field input,.register-screen .field select{border:1px solid var(--border);width:100%;height:42px;color:var(--heading);background:#fff;border-radius:8px;padding:0 10px;font-size:10px}.register-screen .field small{color:var(--muted);margin-top:4px;font-size:8px;line-height:13px;display:block}.register-screen .field small.ok{color:#16a765}.register-screen .verify{gap:8px;display:flex}.register-screen .verify input{flex:1}.register-screen .verify button{border:1px solid var(--border);height:42px;color:var(--navy);white-space:nowrap;cursor:pointer;background:#fff;border-radius:8px;padding:0 12px;font-size:8px;font-weight:700}.register-screen .checkbox{color:var(--secondary);gap:9px;margin-top:16px;font-size:8px;line-height:14px;display:flex}.register-screen .checkbox button.terms{color:var(--p);cursor:pointer;background:0 0;border:0;padding:0;font-size:8px;font-weight:700}.register-screen .actions{border-top:1px solid #edf2f7;justify-content:space-between;gap:10px;margin-top:22px;padding-top:16px;display:flex}.register-screen .btn{border:1px solid var(--border);height:42px;color:var(--navy);cursor:pointer;background:#fff;border-radius:8px;padding:0 15px;font-size:9px;font-weight:700}.register-screen .btn.primary{background:var(--p);border-color:var(--p);color:#fff}.register-screen .rail{flex-direction:column;gap:14px;display:flex;position:sticky;top:20px}.register-screen .side{padding:15px}.register-screen .side h3{margin:0 0 11px;font-size:14px;line-height:20px}.register-screen .benefit{border-bottom:1px solid #edf2f7;gap:9px;padding:9px 0;display:flex}.register-screen .benefit:last-child{border:0}.register-screen .icon{background:var(--ps);width:30px;height:30px;color:var(--p);border-radius:8px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.register-screen .benefit b{font-size:9px;line-height:13px;display:block}.register-screen .benefit span{color:var(--muted);font-size:8px;line-height:13px}.register-screen .summary{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:10px}.register-screen .summary div{justify-content:space-between;padding:6px 0;font-size:8px;line-height:12px;display:flex}.register-screen .summary span{color:var(--muted)}.register-screen .notice{background:var(--ambers);color:#765a00;border-radius:9px;padding:11px;font-size:8px;line-height:14px}@media (width<=980px){.login-screen{grid-template-columns:1fr}.login-screen .hero{display:none}.login-screen .form-side{min-height:100vh;padding:28px}.login-screen .mobile-brand{color:var(--navy);margin-bottom:36px;font-size:24px;font-weight:800;line-height:30px;display:block}.login-screen .mobile-brand span{color:var(--p)}}@media (width<=520px){.login-screen .form-side{padding:22px}.login-screen .alt{grid-template-columns:1fr}}@media (width<=900px){.register-screen .layout{grid-template-columns:1fr}.register-screen .rail{grid-template-columns:1fr 1fr;display:grid;position:static}.register-screen .steps{grid-template-columns:1fr 1fr}}@media (width<=620px){.register-screen .header{padding:0 18px}.register-screen .page{padding:22px 14px}.register-screen .intro{flex-direction:column}.register-screen .steps,.register-screen .grid2,.register-screen .rail{grid-template-columns:1fr}.register-screen .intro h1{font-size:27px;line-height:34px}.register-screen .actions{flex-direction:column-reverse}.register-screen .btn{width:100%}}