:root{--navy:#0d1620;--blue:#0d3f66;--blue2:#1f6aa5;--ink:#15202b;--soft:#657383;--line:#dfe5ea;--bg:#f5f7fa;--white:#fff;--green:#198754}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input{font:inherit}.app-header{height:74px;position:sticky;top:0;z-index:50;display:flex;align-items:center;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);gap:40px}.brand{display:flex;align-items:baseline;gap:7px;font-weight:900;font-size:1.25rem;color:var(--blue)}.brand small{font-size:.63rem;letter-spacing:.18em;color:#74808b}.app-header nav{display:flex;height:100%;align-items:center;gap:28px}.app-header nav a{height:100%;display:flex;align-items:center;font-weight:700;font-size:.9rem;border-bottom:3px solid transparent}.app-header nav a.active{color:var(--blue);border-color:var(--blue)}.userbox{margin-left:auto;display:flex;gap:15px;font-size:.8rem;color:var(--soft)}.userbox a{font-weight:800;color:var(--blue)}.order-toolbar{height:72px;background:linear-gradient(90deg,var(--navy),#1d426b);color:#fff;display:flex;align-items:center;padding:0 24px;gap:30px}.order-toolbar>div{display:flex;align-items:baseline;gap:14px}.order-toolbar b{font-size:1.2rem}.order-toolbar span{font-size:.75rem;color:#b7cee2}.order-toolbar form{margin-left:auto;display:flex;width:min(560px,48vw)}.order-toolbar input{flex:1;min-width:0;border:0;padding:11px 14px;border-radius:9px 0 0 9px}.order-toolbar button{border:0;background:#fff;color:var(--blue);font-weight:800;padding:0 18px;border-left:1px solid #ddd;border-radius:0 9px 9px 0}.purchase-layout{display:grid;grid-template-columns:220px minmax(620px,1fr) 330px;min-height:calc(100vh - 146px)}.categories{padding:22px 15px;border-right:1px solid var(--line);background:#fbfcfd;position:sticky;top:146px;height:calc(100vh - 146px);overflow:auto}.categories h3{margin:0 8px 12px}.categories ul{list-style:none;margin:0;padding:0}.categories li>div{display:flex;align-items:center}.categories a{display:block;padding:7px 8px;border-radius:7px;font-size:.82rem;flex:1}.categories a:hover,.categories .selected>div>a,.categories .all.active{background:#eaf0f5;color:var(--blue);font-weight:800}.categories section{display:none;padding-left:10px;border-left:1px solid #dce3e8;margin-left:10px}.categories li.open>section,.categories li.selected>section{display:block}.cat-toggle{border:0;background:none;cursor:pointer;width:25px}.products{padding:22px 22px 70px;min-width:0}.products-head{display:flex;justify-content:space-between;margin-bottom:16px;color:var(--soft);font-size:.8rem}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.product-card{min-width:0}.pic{aspect-ratio:1/1;background:#f2f3f3;display:flex;align-items:center;justify-content:center;padding:12px}.pic img{width:100%;height:100%;object-fit:contain}.product-info{padding-top:10px}.product-info h2{font-size:.88rem;line-height:1.25;margin:0 0 4px;height:2.2em;overflow:hidden}.sku{font-size:.69rem;color:#7b8792}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin:9px 0;font-size:.68rem;color:var(--soft)}.metrics b{display:block;color:var(--ink);font-size:.75rem}.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;width:max-content}.stepper button{width:32px;height:31px;border:0;background:#f5f7f9;font-size:1.1rem;cursor:pointer}.stepper button:disabled{opacity:.35}.stepper strong{min-width:30px;text-align:center;font-size:.8rem}.stepper em{font-size:.62rem;color:var(--soft);font-style:normal;padding-right:8px}.consolidator{position:sticky;top:146px;height:calc(100vh - 146px);border-left:1px solid var(--line);background:#f8fafb;padding:18px;display:flex;flex-direction:column}.total-box{background:var(--navy);color:#fff;border-radius:14px;padding:15px}.total-box>span{font-size:.68rem;color:#9fb6c9;text-transform:uppercase}.total-box strong{display:block;font-size:1.55rem;margin:3px 0}.total-box small{display:block;color:#a9c2d6}.total-box label{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:.69rem;color:#c4d5e3}.total-box input{width:90px;padding:6px;border-radius:6px;border:0;text-align:right}.capacity{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.capacity-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center;font-size:.7rem}.capacity-icon{height:48px;position:relative;margin-bottom:5px}.pallet{border-bottom:6px solid #8a6c4b;display:flex;align-items:end;gap:3px;padding:0 10px}.pallet i{display:block;flex:1;height:0;max-height:38px;background:#2d6b99;transition:.3s}.container20{border:3px solid #64717d;border-radius:3px;overflow:hidden}.container20 i{position:absolute;left:0;bottom:0;width:0;height:100%;background:#c9dceb;transition:.3s}.fillbar{height:5px;background:#e8edf1;border-radius:9px;overflow:hidden;margin-top:6px}.fillbar i{display:block;height:100%;width:0;background:var(--blue2)}.cbm-total{display:flex;justify-content:space-between;font-size:.72rem;padding:3px 2px 10px}.cart-list{flex:1;min-height:0;overflow-y:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cart-row{display:flex;gap:9px;padding:9px 2px;border-bottom:1px solid #e8edf1}.cart-row img{width:42px;height:42px;object-fit:contain;background:#fff}.cart-row span{min-width:0}.cart-row b{display:block;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-row small{font-size:.62rem;color:var(--soft)}.cart-empty{padding:30px 8px;text-align:center;font-size:.75rem;color:var(--soft)}.review-btn{display:block;text-align:center;background:var(--blue);color:#fff;font-weight:900;padding:13px;border-radius:10px;margin-top:12px}.pagination{display:flex;justify-content:center;gap:6px;margin-top:30px}.pagination a{padding:7px 10px;border:1px solid var(--line);border-radius:7px}.pagination a.active{background:var(--blue);color:#fff}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0d1620,#1d426b)}.login-card{width:min(420px,calc(100% - 32px));background:#fff;padding:36px;border-radius:20px;box-shadow:0 30px 80px #0005}.login-brand{font-weight:900;color:var(--blue);letter-spacing:.03em}.login-brand span{font-size:.6rem;color:#788591}.login-card h1{margin-bottom:4px}.login-card p,.muted{color:var(--soft);font-size:.85rem}.login-card label{display:grid;gap:6px;font-size:.8rem;font-weight:700;margin:16px 0}.login-card input,.advance-form input{padding:11px;border:1px solid var(--line);border-radius:9px}.btn{border:0;border-radius:9px;padding:11px 18px;font-weight:800;cursor:pointer;display:inline-block}.primary{background:var(--blue);color:#fff}.secondary{background:#e7eef4;color:var(--blue)}.ghost{border:1px solid var(--line);background:#fff}.alert{padding:12px 15px;border-radius:9px;margin:12px 0}.error{background:#fff0f0;color:#9c2626}.success{background:#eaf8f1;color:#176b46}.review-wrap{max-width:1500px;margin:0 auto;padding:32px}.review-hero{display:flex;justify-content:space-between;gap:30px;background:linear-gradient(100deg,var(--navy),#1d426b);color:#fff;padding:28px;border-radius:16px}.review-hero span{font-size:.68rem;letter-spacing:.13em;color:#9fc0dc}.review-hero h1{margin:6px 0}.review-hero p{margin:0;color:#b7ccdd}.review-totals{text-align:right}.review-totals b,.review-totals strong,.review-totals small{display:block}.review-totals strong{font-size:1.7rem}.review-totals small{color:#b7ccdd}.panel{margin-top:22px;border:1px solid var(--line);border-radius:14px;padding:20px;overflow:auto}.panel h2{font-size:1.05rem;margin-top:0}.detail-table{min-width:1000px}.tr{display:grid;grid-template-columns:minmax(320px,2fr) repeat(6,minmax(90px,.55fr));align-items:center;border-top:1px solid var(--line);font-size:.75rem;padding:9px 0}.tr.th{font-weight:800;color:var(--soft);border-top:0}.prod{display:flex;gap:10px;align-items:center}.prod img{width:50px;height:50px;object-fit:contain;background:#f5f5f5}.prod i{font-style:normal}.prod small{display:block;color:var(--soft);margin-top:3px}.export-buttons{display:flex;gap:10px}.export-buttons a{padding:10px 18px;border-radius:8px;background:#eef3f7;color:var(--blue);font-weight:800}.advance-form{display:grid;grid-template-columns:180px 180px 1fr auto;gap:12px;align-items:end}.advance-form label{display:grid;gap:5px;font-size:.75rem;font-weight:700}.advance-row{display:grid;grid-template-columns:150px 160px 1fr;padding:10px 0;border-top:1px solid var(--line);font-size:.8rem}.review-actions{display:flex;justify-content:flex-end;gap:10px;margin:22px 0}.review-actions form{margin:0}.placeholder-page{max-width:800px;margin:90px auto;padding:30px}.placeholder-page>span{font-size:.7rem;color:var(--blue);font-weight:900;letter-spacing:.14em}.placeholder-page h1{font-size:2.5rem}.placeholder-page p{color:var(--soft)}
@media(max-width:1200px){.purchase-layout{grid-template-columns:190px minmax(560px,1fr) 300px}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.purchase-layout{display:block}.categories,.consolidator{position:static;height:auto}.consolidator{border-left:0}.product-grid{grid-template-columns:repeat(2,1fr)}.advance-form{grid-template-columns:1fr 1fr}.app-header{gap:15px}.userbox span{display:none}}@media(max-width:560px){.app-header{padding:0 12px}.app-header nav{gap:10px}.app-header nav a{font-size:.72rem}.order-toolbar{height:auto;padding:12px;display:block}.order-toolbar form{width:100%;margin-top:10px}.product-grid{grid-template-columns:1fr 1fr;gap:16px 8px}.products{padding:15px 10px}.metrics{grid-template-columns:1fr}.review-wrap{padding:14px}.review-hero{display:block}.review-totals{text-align:left;margin-top:20px}.advance-form{grid-template-columns:1fr}.review-actions{flex-direction:column}.review-actions .btn{width:100%;text-align:center}}