@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=Instrument+Serif&display=swap");:root{--blue:#123d4c;--blue-dark:#0d2f3b;--yellow:#e74d3d;--yellow-dark:#cd3d1c;--ink:#0d0e10;--body:#ffffff;--panel:#f5f5f4;--panel-2:#ececeb;--line:#e4e4e2;--gray:#62656b;--green:#37a233;--red:#e5484d;--radius:10px;--radius-lg:16px;--maxw:1320px;--shadow:0 2px 14px rgba(13,14,16,0.07)}[data-theme=dark]{--ink:#f3f3f1;--body:#0f1519;--panel:#17222a;--panel-2:#1e2b34;--line:#263540;--gray:#9a9da6;--blue:#1a5468;--blue-dark:#123d4c;--shadow:0 2px 14px rgba(0,0,0,0.4)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;font-size:15px;color:var(--ink);background:var(--body);line-height:1.55;transition:background .2s,color .2s}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:15px}img{max-width:100%;display:block}input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:var(--radius);padding:13px 26px;font-size:15px;transition:all .15s}.btn-yellow{background:var(--yellow);color:#fff}.btn-yellow:hover{background:var(--yellow-dark)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#2c8628}.btn-ghost{border:1.5px solid var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink)}.btn-danger{background:var(--red);color:#fff}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-sm{padding:9px 16px;font-size:13.5px}.announce{background:var(--yellow);color:#fff;text-align:center;padding:10px 16px;font-size:13.5px;font-weight:600}.announce a{color:#fff;font-weight:800;text-decoration:underline;margin-left:8px}[data-theme=dark] .announce{background:#cd3d1c}.header{background:var(--blue);color:#fff;position:relative;z-index:40}.header-row{display:flex;align-items:center;gap:18px;padding:16px 0}.logo{font-family:"Instrument Serif",serif;font-size:34px;letter-spacing:-.5px;line-height:1;color:#fff}.logo:after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#ffc93c;margin-left:6px}.btn-menu{display:inline-flex;align-items:center;gap:9px;background:var(--green);color:#fff;font-weight:700;font-size:15px;border-radius:var(--radius);padding:12px 22px}.btn-menu:hover{background:#2c8628}.searchbar{flex:1 1;display:flex;align-items:center;border:none;border-radius:999px;overflow:hidden}.searchbar,.searchbar select{background:#fff;color:#0d0e10}.searchbar select{outline:none;padding:12px 14px;font-weight:600;border:none;border-right:1.5px solid #e4e4e2;cursor:pointer}.searchbar input{flex:1 1;border:none;outline:none;background:none;padding:12px 16px;font-size:15px;color:#0d0e10}.searchbar button{padding:10px 16px;font-size:17px}.header-links{gap:22px}.header-links,.header-links a{display:flex;align-items:center}.header-links a{flex-direction:column;gap:2px;font-size:12.5px;font-weight:600}.header-links svg{width:21px;height:21px}.cart-link{position:relative}.cart-count{position:absolute;top:-6px;right:-2px;background:var(--yellow);color:#fff;font-size:10.5px;font-weight:800;min-width:17px;height:17px;border-radius:999px;justify-content:center;padding:0 4px}.cart-count,.navrow{display:flex;align-items:center}.navrow{gap:4px;padding:0 0 12px;flex-wrap:wrap}.navrow a{padding:7px 12px;font-weight:600;font-size:14.5px;border-radius:8px}.navrow a:hover{background:rgba(255,255,255,.12)}.nav-tag{background:var(--yellow);color:#fff;border-radius:6px;padding:7px 13px!important;font-weight:800!important;display:inline-flex}.nav-tag,.navrow .right{align-items:center;gap:6px}.navrow .right{margin-left:auto;display:flex;color:rgba(255,255,255,.75);font-size:13.5px}.theme-toggle{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13.5px;padding:7px 12px;border-radius:8px}.theme-toggle:hover{background:rgba(255,255,255,.12)}.drawer-veil{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:80}.drawer{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:88vw;background:var(--body);z-index:81;padding:24px;overflow-y:auto;box-shadow:18px 0 50px rgba(0,0,0,.2)}.drawer h3{font-family:"Instrument Serif",serif;font-size:26px;margin-bottom:16px}.drawer a{display:block;padding:12px 10px;font-weight:600;border-bottom:1px solid var(--line)}.drawer a:hover{color:var(--blue)}.hero-band{background:var(--blue);color:#fff;border-radius:var(--radius-lg);margin-top:22px;padding:46px 48px;position:relative;overflow:hidden;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.hero-band:after,.hero-band:before{content:"";position:absolute;border:26px solid rgba(231,77,61,.45);border-radius:50%;width:190px;height:190px}.hero-band:before{right:-50px;top:-70px}.hero-band:after{left:34%;bottom:-120px}.hero-band h1{font-size:38px;line-height:1.15;font-weight:800;letter-spacing:-.8px;max-width:430px}.hero-band h1,.hero-timer{position:relative;z-index:1}.hero-timer{display:flex;align-items:center;gap:10px;margin-left:auto}.timer-box{background:rgba(255,255,255,.16);border-radius:10px;padding:10px 0;width:74px;text-align:center}.timer-box b{display:block;font-size:27px;font-weight:800;line-height:1.1}.timer-box span{font-size:12px;opacity:.85}.timer-sep{font-size:22px;font-weight:800;opacity:.7}.hero-band .btn-yellow{position:relative;z-index:1}.catcards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;padding:26px 0 8px}.catcard{display:flex;gap:16px;align-items:center;border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:18px;transition:box-shadow .15s,border-color .15s}.catcard:hover{box-shadow:var(--shadow);border-color:transparent}.catcard img{width:92px;height:92px;object-fit:cover;border-radius:10px;background:var(--panel)}.catcard h3{font-size:18px;font-weight:800}.catcard p{color:var(--gray);font-size:13.5px;margin:3px 0 7px}.catcard .link{color:var(--blue);font-weight:700;font-size:14px}.section{padding:38px 0 8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}.section-head h2{font-size:30px;font-weight:800;letter-spacing:-.6px}.section-head .sub{color:var(--gray);margin-top:2px}.section-head .shopall{color:var(--blue);font-weight:700;white-space:nowrap}.section-tabs{display:flex;gap:8px;margin:14px 0 18px;flex-wrap:wrap}.section-tabs button{border:1.5px solid var(--line);border-radius:999px;padding:8px 18px;font-weight:600;font-size:14px}.section-tabs button.on{background:var(--ink);color:var(--body);border-color:var(--ink)}.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;padding-top:12px}.pcard{border:1.5px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;background:var(--body);transition:box-shadow .15s}.pcard:hover{box-shadow:var(--shadow)}.pcard .imgbox{position:relative;background:var(--panel);aspect-ratio:1}.pcard .imgbox img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}.pcard .badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.badge{font-size:11.5px;font-weight:800;border-radius:6px;padding:4px 9px;width:-moz-fit-content;width:fit-content}.badge.deal{background:var(--yellow);color:#fff}.badge.best{background:var(--blue);color:#fff}.badge.new{background:var(--green);color:#fff}.pcard .pbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1 1}.pcard .pcat{color:var(--gray);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.pcard .pname{font-weight:700;font-size:15.5px;line-height:1.3}.pcard .pname:hover{color:var(--blue)}.pcard .pprice{font-weight:800;font-size:16px;margin-top:2px}.pcard .pprice .unit{color:var(--gray);font-weight:500;font-size:12.5px}.pcard .pstock{color:var(--green);font-size:12.5px;font-weight:700}.pcard .pactions{display:flex;gap:8px;margin-top:10px}.pcard .pactions .btn{flex:1 1;padding:10px 8px;font-size:13.5px;border-radius:8px}.editorial{padding:40px 0 10px}.editorial-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.editorial-head h2{font-size:34px;font-weight:800;letter-spacing:-.8px}.editorial-head p{color:var(--gray);margin-top:4px;max-width:520px}.editorial-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:18px;gap:18px}.editorial-grid img{width:100%;height:360px;object-fit:cover;border-radius:var(--radius-lg)}.promo-band{border-radius:var(--radius-lg);padding:40px 46px;margin-top:38px;background:var(--panel);display:flex;align-items:center;gap:26px;flex-wrap:wrap;border:1.5px solid var(--line)}.promo-band .mini-timer{display:flex;gap:8px}.promo-band .mini-timer b{background:var(--ink);color:var(--body);border-radius:8px;padding:8px 12px;font-size:19px;font-weight:800}.promo-band h3{font-size:27px;font-weight:800;letter-spacing:-.5px;max-width:420px}.promo-band p{color:var(--gray)}.promo-band .btn{margin-left:auto}.iotw{display:grid;grid-template-columns:1fr 1fr;grid-gap:34px;gap:34px;background:var(--panel);border-radius:var(--radius-lg);padding:34px;margin-top:40px;border:1.5px solid var(--line)}.iotw-img{border-radius:var(--radius);overflow:hidden;background:var(--body)}.iotw-img img{width:100%;height:100%;object-fit:cover;min-height:380px}.iotw-info .kicker{color:var(--blue);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:1px}.iotw-info h2{font-size:30px;font-weight:800;letter-spacing:-.6px;margin:6px 0 10px}.iotw-info .desc{color:var(--gray);margin-bottom:14px}.iotw-price{font-size:26px;font-weight:800;margin:12px 0 4px}.iotw-price .unit{font-size:14px;color:var(--gray);font-weight:500}.iotw-stock{color:var(--green);font-weight:700;font-size:13.5px;margin-bottom:16px}.footer{background:var(--panel);margin-top:60px;border-top:1.5px solid var(--line)}.footer-news{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:34px 0;border-bottom:1.5px solid var(--line);flex-wrap:wrap}.footer-news h3{font-size:24px;font-weight:800;letter-spacing:-.4px}.footer-news p{color:var(--gray);margin-top:3px}.footer-news form{display:flex;gap:10px;flex:1 1;max-width:440px}.footer-news input{flex:1 1;border:1.5px solid var(--line);border-radius:var(--radius);padding:12px 16px;background:var(--body);outline:none}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;grid-gap:30px;gap:30px;padding:38px 0 30px}.footer .flogo{font-family:"Instrument Serif",serif;font-size:30px}.footer .blurb{color:var(--gray);font-size:14px;margin-top:10px;max-width:300px}.footer h4{font-size:14.5px;font-weight:800;margin-bottom:13px}.footer ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--gray)}.footer ul a:hover{color:var(--ink)}.footer-bottom{border-top:1.5px solid var(--line);padding:16px 0;font-size:13px;color:var(--gray)}.footer-bottom .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-head{padding:30px 0 8px}.page-head h1{font-size:34px;font-weight:800;letter-spacing:-.8px}.page-head p{color:var(--gray);margin-top:4px}.filterbar{display:flex;gap:9px;flex-wrap:wrap;padding:18px 0 6px}.chip{border:1.5px solid var(--line);border-radius:999px;padding:8px 17px;font-weight:600;font-size:13.5px;background:var(--body)}.chip.on{background:var(--ink);color:var(--body)}.chip.on,.chip:hover:not(.on){border-color:var(--ink)}.crumbs{color:var(--gray);font-size:13px;padding:20px 0 0}.crumbs a:hover{color:var(--ink)}.pdp{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:44px;gap:44px;padding:26px 0 30px}.pdp-img{background:var(--panel);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1;position:relative}.pdp-img img{width:100%;height:100%;object-fit:cover}.pdp .vendor{color:var(--gray);font-size:13.5px;font-weight:600}.pdp h1{font-size:32px;font-weight:800;letter-spacing:-.7px;line-height:1.15;margin:6px 0 10px}.pdp .price-big{font-size:30px;font-weight:800;margin:12px 0 2px}.pdp .price-big .unit{font-size:14px;color:var(--gray);font-weight:500}.pdp .stockline{color:var(--green);font-weight:700;margin:8px 0 6px;font-size:14px}.spec-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.spec-table td{padding:10px 12px;border-bottom:1px solid var(--line)}.spec-table td:first-child{color:var(--gray);width:42%}.qty-row{display:flex;gap:12px;align-items:center;margin:16px 0}.qty-row input{width:120px;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius);font-weight:700;font-size:15px;background:var(--body)}.moq-note{font-size:13px;color:var(--gray)}.tierbox{background:var(--panel);border-radius:var(--radius);padding:16px 18px;margin:14px 0;border:1.5px solid var(--line)}.tierbox h4{font-size:13.5px;margin-bottom:8px}.tierbox .tier{display:flex;justify-content:space-between;font-size:13.5px;padding:4px 0}.tierbox .tier b{color:var(--blue)}.auth-wrap{max-width:460px;margin:50px auto;padding:0 24px}.auth-card{background:var(--body);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow)}.auth-card h1{font-size:27px;font-weight:800;margin-bottom:4px;letter-spacing:-.5px}.auth-card .sub{color:var(--gray);margin-bottom:22px;font-size:14px}.field{margin-bottom:15px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius);outline:none;background:var(--body)}.field input:focus{border-color:var(--blue)}.auth-err{background:rgba(229,72,77,.09);color:var(--red);border-radius:8px;padding:10px 14px;font-size:13.5px;margin-bottom:14px;font-weight:600}.auth-alt{text-align:center;margin-top:18px;font-size:14px}.auth-alt a{color:var(--blue);font-weight:700}.dash{display:grid;grid-template-columns:230px 1fr;grid-gap:34px;gap:34px;padding:34px 0;align-items:start}.dash-nav{display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:20px}.dash-nav a,.dash-nav button{text-align:left;padding:12px 16px;border-radius:var(--radius);font-weight:600;font-size:14px;color:var(--ink)}.dash-nav a:hover,.dash-nav button:hover{background:var(--panel)}.dash-nav a.on{background:var(--ink);color:var(--body)}.dash h1{font-size:28px;font-weight:800;letter-spacing:-.6px;margin-bottom:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:26px}.stat{background:var(--body);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px}.stat .k{color:var(--gray);font-size:12.5px;font-weight:700}.stat .v{font-size:26px;font-weight:800;letter-spacing:-.8px;margin-top:3px}.stat .v.blue{color:var(--blue)}.tbl{width:100%;border-collapse:collapse;background:var(--body);border:1.5px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--gray);padding:12px 14px;background:var(--panel)}.tbl td{padding:13px 14px;border-top:1px solid var(--line);font-size:14px;vertical-align:middle}.tbl-scroll{overflow-x:auto;border-radius:var(--radius-lg)}.status-pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700}.st-pending{background:#fff6d8;color:#8a6d00}.st-confirmed{background:#e3e9ff;color:var(--blue)}.st-sourcing{background:#e3f0ff;color:#1259a6}.st-qc{background:#f3e3ff;color:#7b1fa2}.st-in_transit{color:#b35309}.st-delivered{background:#e0f5e9;color:#14733f}.st-cancelled,.st-unpaid{background:#fdecec;color:var(--red)}.st-paid{background:#e0f5e9;color:#14733f}[data-theme=dark] .status-pill{filter:brightness(.92) saturate(1.1)}.timeline{display:flex;margin:20px 0}.tstep{flex:1 1;text-align:center;position:relative;font-size:11.5px;color:var(--gray)}.tstep .dot{width:14px;height:14px;border-radius:50%;background:var(--line);margin:0 auto 6px;position:relative;z-index:2}.tstep.done .dot{background:var(--green)}.tstep.done{color:var(--ink);font-weight:600}.tstep:before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--line)}.tstep:first-child:before{display:none}.tstep.done:before{background:var(--green)}.cart-grid{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:34px;gap:34px;padding:30px 0;align-items:start}.cart-item{display:grid;grid-template-columns:90px 1fr auto;grid-gap:16px;gap:16px;padding:16px 0;border-bottom:1.5px solid var(--line);align-items:center}.cart-item img{width:90px;height:90px;object-fit:cover;border-radius:var(--radius);background:var(--panel)}.cart-item .nm{font-weight:700}.cart-item .meta{color:var(--gray);font-size:13px;margin-top:2px}.cart-item input{width:92px;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;font-weight:700;background:var(--body)}.summary{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:24px;position:-webkit-sticky;position:sticky;top:20px}.summary h3{font-size:18px;font-weight:800;margin-bottom:14px}.sumrow{display:flex;justify-content:space-between;padding:7px 0;font-size:14px}.sumrow.total{font-weight:800;font-size:17px;border-top:1.5px solid var(--line);margin-top:8px;padding-top:14px}.invoice-note{background:var(--body);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--gray);margin:14px 0;border:1px solid var(--line)}.empty{text-align:center;padding:60px 20px;color:var(--gray)}.empty h2{color:var(--ink);font-size:24px;font-weight:800;margin-bottom:8px}.note-banner{background:var(--yellow);color:#fff;border-radius:var(--radius);padding:13px 18px;font-weight:700;font-size:14px;margin:16px 0}@media (max-width:1080px){.catcards{grid-template-columns:repeat(2,1fr)}.prod-grid{grid-template-columns:repeat(3,1fr)}.hero-band h1{font-size:30px}}@media (max-width:820px){.prod-grid{grid-template-columns:repeat(2,1fr)}.cart-grid,.dash,.editorial-grid,.iotw,.pdp{grid-template-columns:1fr}.dash-nav{flex-direction:row;overflow-x:auto;position:static}.stat-grid{grid-template-columns:repeat(2,1fr)}.hero-band{padding:30px 24px}.hero-timer{margin:0}.btn-menu span,.searchbar select{display:none}.logo{font-size:27px}}:root{--shp-canvas:#efeeeb;--shp-bg:#f6f5f2;--shp-card:#ffffff;--shp-line:#e9e7e2;--shp-ink:#191817;--shp-gray:#7a766f;--shp-blue:#191817;--shp-accent:#f97b2f;--shp-blue-soft:#f1efe9;--shp-green:#2fbf71;--shp-green-bg:#e6f7ee;--shp-red:#e5484d;--shp-red-bg:#fdecec;--shp-orange:#f5a623}.shp-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--shp-gray);font-weight:600;font-family:Inter,sans-serif}body:has(.shp-app){background:var(--shp-canvas)}.shp-app{display:flex;min-height:calc(100vh - 40px);background:#fff;max-width:1480px;margin:20px auto;border-radius:22px;overflow:hidden;box-shadow:0 2px 24px rgba(40,36,30,.08);border:1px solid var(--shp-line);font-family:Inter,sans-serif;color:var(--shp-ink);font-size:13.5px}.shp-side{width:236px;flex-shrink:0;background:var(--shp-card);border-right:1px solid var(--shp-line);display:flex;flex-direction:column;padding:20px 14px 16px}.shp-logo{gap:9px;font-size:17px;font-weight:800;letter-spacing:-.4px;padding:2px 10px 20px}.shp-logo,.shp-mark{display:flex;align-items:center}.shp-mark{width:28px;height:28px;border-radius:8px;background:var(--shp-blue);color:#fff;justify-content:center;font-size:13px}.shp-ico svg{width:17px;height:17px;display:block}.shp-nav{display:flex;flex-direction:column;gap:3px}.shp-nav button,.shp-navlink{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:10px;font-size:13.5px;font-weight:600;color:#4b515e;text-align:left;position:relative;transition:background .12s}.shp-nav button:hover,.shp-navlink:hover{background:var(--shp-bg)}.shp-nav button.on{background:var(--shp-ink);color:#fff}.shp-navbadge{margin-left:auto;background:var(--shp-green-bg);color:var(--shp-green);font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 6px}.shp-navbadge.alert{background:#fff3e3;color:#d97b06}.shp-side-sec{margin-top:auto;display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--shp-line);padding-top:10px}.shp-logout{color:var(--shp-red)}.shp-promo{margin-top:14px;border-radius:14px;padding:16px;background:linear-gradient(150deg,#1c1917,#4a3521);color:#fff}.shp-promo-ico svg{width:22px;height:22px;color:#ffb27a}.shp-promo b{display:block;font-size:13.5px;margin:8px 0 4px}.shp-promo p{font-size:12px;opacity:.85;line-height:1.45;margin-bottom:10px}.shp-promo a{display:block;text-align:center;background:#fff;color:#1c1917;font-weight:700;font-size:12.5px;border-radius:999px;padding:8px 10px}.shp-main{flex:1 1;min-width:0;display:flex;flex-direction:column;background:var(--shp-bg)}.shp-top{justify-content:space-between;gap:14px;background:var(--shp-card);border-bottom:1px solid var(--shp-line);padding:12px 24px}.shp-search,.shp-top{display:flex;align-items:center}.shp-search{gap:9px;width:300px;background:var(--shp-bg);border:1px solid var(--shp-line);border-radius:10px;padding:8px 12px;color:var(--shp-gray)}.shp-search input{flex:1 1;border:none;outline:none;background:none;font-size:13px;color:var(--shp-ink)}.shp-search kbd{font-family:inherit;font-size:11px;color:var(--shp-gray);background:#fff;border:1px solid var(--shp-line);border-radius:5px;padding:1px 5px}.shp-top-right{gap:10px}.shp-iconbtn,.shp-top-right{display:flex;align-items:center}.shp-iconbtn{position:relative;width:36px;height:36px;border-radius:10px;color:#4b515e;justify-content:center}.shp-iconbtn:hover{background:var(--shp-bg)}.shp-dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--shp-red);border:1.5px solid #fff}.shp-avatar{width:34px;height:34px;border-radius:50%;background:var(--shp-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.shp-body{padding:22px 24px 40px}.shp-pagehead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.shp-pagehead h1{font-size:24px;font-weight:800;letter-spacing:-.5px}.shp-pagehead-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shp-chip{display:inline-flex;align-items:center;gap:7px;background:var(--shp-card);border:1px solid var(--shp-line);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:600;color:var(--shp-ink);cursor:pointer}.shp-chip svg{width:14px;height:14px}.shp-chip-on{background:var(--shp-blue);color:#fff;border-color:var(--shp-blue)}.shp-muted{color:var(--shp-gray);cursor:default}.shp-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}.shp-primary{display:inline-flex;align-items:center;gap:8px;background:var(--shp-blue);color:#fff;font-weight:700;font-size:13px;border-radius:10px;padding:9px 16px}.shp-primary svg{width:15px;height:15px}.shp-primary:hover{background:#33302c}.shp-center{margin:10px auto 0;display:block}.shp-card{background:var(--shp-card);border:1px solid var(--shp-line);border-radius:14px;padding:18px}.shp-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shp-card-head h3{font-size:15px;font-weight:700}.shp-card-head h4{font-size:13.5px;font-weight:700}.shp-dots{color:var(--shp-gray);font-weight:800;letter-spacing:1px;cursor:pointer}.shp-dots svg{width:15px;height:15px}.shp-kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.shp-kpi-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#3f4450;font-size:13px}.shp-kpi-ico{color:var(--shp-blue)}.shp-kpi-ico svg{width:17px;height:17px}.shp-kpi-row{display:flex;align-items:center;gap:10px;margin:9px 0 7px}.shp-kpi-num{font-size:26px;font-weight:800;letter-spacing:-.8px}.shp-pill{font-size:11.5px;font-weight:700;border-radius:7px;padding:3px 8px}.shp-pill.up{background:var(--shp-green-bg);color:var(--shp-green)}.shp-pill.down{background:var(--shp-red-bg);color:var(--shp-red)}.shp-note{color:var(--shp-gray);font-size:12px;font-weight:500;font-style:normal}.shp-grid{display:grid;grid-template-columns:1.9fr 1fr;grid-gap:16px;gap:16px;align-items:start}.shp-col-main,.shp-col-side{display:flex;flex-direction:column;gap:16px}.shp-profit-body{display:flex;gap:20px;align-items:stretch}.shp-profit-left{width:170px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.shp-bignum{font-size:34px;font-weight:800;letter-spacing:-1.2px}.shp-trendrow{display:flex;align-items:center;gap:8px;margin-top:8px}.shp-chart{flex:1 1;position:relative;min-width:0}.shp-chart svg{width:100%;height:190px;display:block}.shp-axis{display:flex;justify-content:space-between;color:var(--shp-gray);font-size:11px;padding:4px 4px 0}.shp-tip{position:absolute;top:6px;transform:translateX(-50%);background:#fff;border:1px solid var(--shp-line);border-radius:10px;box-shadow:0 8px 24px rgba(23,24,28,.1);padding:9px 12px;font-size:12px;pointer-events:none;white-space:nowrap;z-index:3}.shp-tip b{display:block;margin-bottom:4px}.shp-tip span{display:flex;align-items:center;gap:6px;color:#3f4450}.shp-tip i{width:10px;height:3px;border-radius:2px;display:inline-block}.shp-tip i.cur{background:var(--shp-accent)}.shp-tip i.prev{background:#c9cedb}.shp-subcard{border:1px solid var(--shp-line);border-radius:12px;padding:14px 16px;margin-top:16px}.shp-segs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.shp-seg{position:relative;padding:2px 0 10px 12px}.shp-seg b{font-size:19px;font-weight:800;display:block}.shp-seg span{color:var(--shp-gray);font-size:12px}.shp-seg i{top:2px;bottom:12px;width:3.5px}.shp-seg i,.shp-seg:after{position:absolute;left:0;border-radius:3px}.shp-seg:after{content:"";right:20%;bottom:0;height:4px}.shp-seg.blue i,.shp-seg.blue:after{background:var(--shp-blue)}.shp-seg.green i,.shp-seg.green:after{background:var(--shp-green)}.shp-seg.orange i,.shp-seg.orange:after{background:var(--shp-orange)}.shp-table{width:100%;border-collapse:collapse;font-size:13px}.shp-table th{text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--shp-gray);padding:10px;border-bottom:1px solid var(--shp-line)}.shp-table td{padding:12px 10px;border-bottom:1px solid #f0f2f7;vertical-align:middle}.shp-table tr:last-child td{border-bottom:none}.shp-prodcell{display:flex;align-items:center;gap:10px;font-weight:600}.shp-prodcell img{width:34px;height:34px;border-radius:8px;object-fit:cover;border:1px solid var(--shp-line)}.shp-prodcell em{display:block}.shp-usercell{gap:10px}.shp-usercell,.shp-usercell i{display:flex;align-items:center}.shp-usercell i{width:30px;height:30px;border-radius:50%;background:var(--shp-blue-soft);color:var(--shp-blue);font-style:normal;font-weight:700;justify-content:center}.shp-rev-up{color:var(--shp-green);font-weight:700}.shp-status{display:inline-block;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:700}.st-pending{background:#fff6df;color:#b07d08}.st-confirmed{background:var(--shp-blue-soft);color:var(--shp-blue)}.st-sourcing{background:#e8f1ff;color:#1668d3}.st-qc{background:#f4e9ff;color:#8a3ffc}.st-in_transit{background:#fff0e3;color:#c26312}.st-delivered{background:var(--shp-green-bg);color:#178451}.st-cancelled{background:var(--shp-red-bg);color:var(--shp-red)}.shp-mini{padding:6px 8px;border-radius:8px;border:1px solid var(--shp-line);font-size:12.5px;background:#fff;font-weight:600}.shp-expand{background:var(--shp-bg);border-radius:10px}.shp-line{padding:5px 4px;font-size:12.5px}.shp-days,.shp-line{display:flex;justify-content:space-between}.shp-days{align-items:flex-end;gap:8px;height:150px;padding-top:22px}.shp-daycol{flex:1 1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.shp-dayval{position:absolute;top:-20px;font-size:11.5px;font-weight:700}.shp-daybar{width:70%;max-width:26px;border-radius:8px;background:#edeff5}.shp-daybar.on{background:linear-gradient(180deg,#ffab6b,var(--shp-accent))}.shp-daylbl{margin-top:8px;font-size:11.5px;color:var(--shp-gray)}.shp-daylbl.on{color:var(--shp-accent);font-weight:700}.shp-gauge{position:relative;padding-top:4px}.shp-gauge svg{width:100%;display:block}.shp-gauge-num{position:absolute;top:58px;left:0;right:0;text-align:center;font-size:30px;font-weight:800;letter-spacing:-1px}.shp-ai{cursor:pointer}.shp-ai:hover{border-color:#c6d0ff}.shp-orb{width:74px;height:74px;border-radius:50%;margin:6px auto 12px;background:radial-gradient(circle at 32% 28%,#ffb27a 0,#f97b2f 45%,#cf5a12 100%);box-shadow:0 14px 30px rgba(249,123,47,.35),inset 0 -8px 18px rgba(255,255,255,.25)}.shp-orb.small{width:34px;height:34px;margin:0;flex-shrink:0}.shp-drawer-veil{position:fixed;inset:0;background:rgba(23,24,28,.35);z-index:100;display:flex;justify-content:flex-end}.shp-drawer{width:400px;max-width:94vw;background:#fff;height:100%;display:flex;flex-direction:column;box-shadow:-18px 0 50px rgba(0,0,0,.18)}.shp-drawer-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--shp-line)}.shp-drawer-head b{display:block;font-size:14.5px}.shp-drawer-head em{display:block}.shp-drawer-head button{margin-left:auto;color:var(--shp-gray);font-size:15px;padding:6px}.shp-drawer-body{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--shp-bg)}.shp-ai-hello p{font-weight:600;margin-bottom:10px}.shp-ai-hello button{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--shp-line);border-radius:10px;padding:10px 13px;font-size:13px;font-weight:600;color:var(--shp-blue);margin-bottom:8px}.shp-drawer-foot{display:flex;gap:8px;padding:12px;border-top:1px solid var(--shp-line);background:#fff}.shp-drawer-foot input{flex:1 1;border:1px solid var(--shp-line);border-radius:10px;padding:11px 14px;font-size:13px;outline:none}.shp-drawer-foot input:focus{border-color:var(--shp-blue)}.shp-drawer-foot button{width:42px;border-radius:10px;background:var(--shp-blue);color:#fff;font-weight:700}.shp-drawer-foot button:disabled{opacity:.5}.shp-msgr{display:grid;grid-template-columns:320px 1fr;grid-gap:0;gap:0;background:var(--shp-card);border:1px solid var(--shp-line);border-radius:14px;overflow:hidden;height:calc(100vh - 210px);min-height:460px}.shp-convs{border-right:1px solid var(--shp-line);overflow-y:auto}.shp-conv{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:13px 14px;border-bottom:1px solid #f0f2f7}.shp-conv:hover{background:var(--shp-bg)}.shp-cav,.shp-conv.on{background:var(--shp-blue-soft)}.shp-cav{width:38px;height:38px;border-radius:50%;flex-shrink:0;color:var(--shp-blue);display:flex;align-items:center;justify-content:center;font-weight:800}.shp-cav.big{width:42px;height:42px}.shp-conv-mid{flex:1 1;min-width:0}.shp-conv-mid b{display:flex;align-items:center;gap:6px;font-size:13.5px}.shp-conv-mid em{display:block;color:var(--shp-gray);font-size:12px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shp-flagdot{width:8px;height:8px;border-radius:50%;background:var(--shp-orange);display:inline-block}.shp-conv-time{color:var(--shp-gray);font-size:11px;flex-shrink:0}.shp-thread-wrap{display:flex;flex-direction:column;min-width:0}.shp-thread-empty{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--shp-gray)}.shp-thread-head{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--shp-line)}.shp-thread-head b{display:block;font-size:14px}.shp-thread-head em{display:block}.shp-attn{margin-left:auto;background:#fff3e3;color:#b06a05;border:1px solid #f5d9ab;font-size:12px;font-weight:700;border-radius:999px;padding:6px 13px}.shp-thread{flex:1 1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--shp-bg)}.shp-bub{max-width:72%;padding:10px 14px;border-radius:13px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.shp-bub.user{align-self:flex-start;background:#fff;border:1px solid var(--shp-line);border-bottom-left-radius:4px}.shp-bub.assistant{background:var(--shp-blue-soft)}.shp-bub.assistant,.shp-bub.user-right{align-self:flex-end;border-bottom-right-radius:4px}.shp-bub.user-right{background:var(--shp-blue);color:#fff}.shp-bub em{display:block;font-style:normal;font-size:10.5px;color:var(--shp-gray);margin-top:5px}.shp-bub.flagged{background:#fff8ec;border:1.5px solid var(--shp-orange)}.shp-bub-flag{display:block;color:#b06a05;font-weight:700;font-size:11.5px;margin-bottom:5px}@media (max-width:1100px){.shp-kpis{grid-template-columns:repeat(2,1fr)}.shp-grid{grid-template-columns:1fr}.shp-profit-body{flex-direction:column}.shp-profit-left{width:auto}}@media (max-width:860px){.shp-app{flex-direction:column}.shp-side{width:100%;flex-direction:row;align-items:center;flex-wrap:wrap;padding:10px 12px}.shp-logo{padding:0 8px 0 0}.shp-nav{flex-direction:row;flex-wrap:wrap}.shp-side-sec{margin:0 0 0 auto;flex-direction:row;border:none;padding:0}.shp-promo{display:none}.shp-search{width:160px}.shp-msgr{grid-template-columns:1fr;height:auto}.shp-convs{max-height:300px;border-right:none;border-bottom:1px solid var(--shp-line)}}.chatw-fab{position:fixed;bottom:22px;right:22px;z-index:90;width:58px;height:58px;border-radius:50%;background:var(--blue);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,150,.35);transition:transform .15s}.chatw-fab:hover{transform:scale(1.06)}.chatw{position:fixed;bottom:92px;right:22px;z-index:90;width:372px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 130px);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(10,10,40,.25);display:flex;flex-direction:column;border:1px solid var(--line)}.chatw-head{background:var(--blue);color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.chatw-head b{font-size:15px;display:block}.chatw-head span{font-size:11.5px;opacity:.85}.chatw-head button{color:#fff;font-size:15px;padding:4px 6px}.chatw-body{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--panel)}.chatw-hello p{font-size:13.5px;margin-bottom:12px}.chatw-chips{display:flex;flex-direction:column;gap:8px}.chatw-chips button{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600;text-align:left;color:var(--blue)}.chatw-chips button:hover{border-color:var(--blue)}.chatw-msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chatw-msg.user{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}.chatw-msg.assistant{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}.chatw-typing{letter-spacing:3px;color:var(--gray);animation:chatw-blink 1.1s infinite}@keyframes chatw-blink{50%{opacity:.35}}.chatw-foot{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid var(--line)}.chatw-foot input{flex:1 1;border:1.5px solid var(--line);border-radius:999px;padding:11px 16px;font-size:13.5px;outline:none}.chatw-foot input:focus{border-color:var(--blue)}.chatw-foot button{width:42px;height:42px;border-radius:50%;background:var(--yellow);color:#fff;font-size:15px;font-weight:700}.chatw-foot button:disabled{opacity:.5}@media (max-width:480px){.chatw{right:16px;bottom:84px}.chatw-fab{bottom:16px;right:16px}}.shp-modal{margin:auto;width:620px;max-width:94vw;max-height:92vh;overflow-y:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.25);font-family:Inter,sans-serif}.shp-drawer-veil{align-items:center}.shp-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px;padding:18px}.shp-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:var(--shp-gray)}.shp-form label.full{grid-column:1/-1}.shp-form input,.shp-form select{border:1px solid var(--shp-line);border-radius:10px;padding:10px 12px;font-size:13.5px;color:var(--shp-ink);background:#fff;outline:none;font-weight:500}.shp-form input:focus{border-color:var(--shp-ink)}.shp-form-preview{grid-column:1/-1;width:110px;height:110px;object-fit:cover;border-radius:12px;border:1px solid var(--shp-line)}.shp-form-err{grid-column:1/-1;background:var(--shp-red-bg);color:var(--shp-red);border-radius:8px;padding:9px 12px;font-size:12.5px;font-weight:600}.shp-form-foot{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:4px}