body[data-product=client]{background:#fff}.client-header{max-width:1400px;padding:18px 40px;border-bottom:1px solid #e5e9df}.app-logo{display:block;position:relative;width:174px;aspect-ratio:580/180;overflow:hidden}.app-logo img{position:absolute;width:265%;max-width:none;left:-12%;top:-344%;height:auto}.client-main{max-width:1400px;padding:20px 40px 100px}.welcome{margin:20px 0 25px;padding:25px 0;position:relative}.welcome h1{font-size:clamp(34px,4vw,55px);font-weight:600;margin:14px 0;letter-spacing:-2px}.welcome h1 br{display:none}.welcome p{font-size:15px;margin:0}.welcome label{position:absolute;right:0;top:30px;width:180px}.welcome h1,.welcome p{max-width:calc(100% - 220px)}.client-tabs{border-bottom:1px solid #e5e9df;padding-bottom:18px;gap:12px}.client-tabs button{border-radius:30px;padding:12px 22px;font-weight:500}.client-tabs button.active{background:#172018!important;color:white;border-color:#172018!important}.send-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:start}.send-layout #content{min-width:0}.send-layout .panel{border-radius:22px;padding:28px;box-shadow:0 8px 35px #17201805}.panel h2{font-size:25px;margin:0 0 25px}.services{gap:10px}.service{border-radius:16px;padding:19px 12px;background:#f7f9f3;min-height:110px}.service b{font-size:14px}.service small{line-height:1.5}.service.active{border:2px solid #88a80d;background:#f3f7e9!important}.client-main input,.client-main select{border:0;background:#f3f5ef;padding:15px;border-radius:12px}.client-main input:focus,.client-main select:focus{outline:2px solid #88a80d}.client-main .primary{padding:16px;border-radius:12px}.client-main #shipment{gap:18px}.client-main label{font-size:12px}.route-preview{position:sticky;top:25px;border-radius:24px;overflow:hidden;background:#edf2e6;border:1px solid #e0e6d8}.route-map{display:block;width:100%;height:570px;object-fit:cover}.map-label{position:absolute;left:22px;right:22px;top:22px;display:flex;justify-content:space-between;gap:10px;background:#ffffffed;border-radius:12px;padding:14px;font-size:9px;letter-spacing:1px}.map-label span{color:#657060;font-size:9px;letter-spacing:0}.route-summary{display:flex;gap:14px;align-items:center;background:#fff;padding:22px}.route-summary p{font-size:11px;color:#657060;margin:5px 0 0}.route-dot{width:16px;height:16px;background:#88a80d;border-radius:50%;box-shadow:0 0 0 7px #f0f5e4;flex-shrink:0}.client-main>.note{max-width:800px;margin-top:25px}.timeline{border-left:2px solid #e3ead8;list-style:none;padding-left:22px}.timeline li{position:relative}.timeline li:before{content:'';position:absolute;left:-28px;top:12px;width:10px;height:10px;border-radius:50%;background:#dbe3d0}.timeline li.done:before{background:#88a80d}@media(max-width:1000px){.send-layout{grid-template-columns:1.2fr 1fr;gap:18px}.client-header,.client-main{padding-left:24px;padding-right:24px}.route-map{height:600px}.send-layout .grid{grid-template-columns:1fr}.welcome h1{font-size:38px}}@media(max-width:760px){.send-layout{grid-template-columns:1fr}.route-preview{position:relative;order:-1}.route-map{height:210px}.route-summary{display:none}.welcome label{position:static;width:100%;max-width:220px;margin-top:20px}.welcome h1,.welcome p{max-width:none}.welcome h1{font-size:34px}.client-header,.client-main{padding-left:18px;padding-right:18px}.client-header>a:last-child{font-size:10px}.services{grid-template-columns:repeat(3,1fr)}.send-layout .panel{padding:20px}.service{padding:14px 8px}.service small{font-size:9px}.client-tabs{flex-wrap:nowrap;overflow:auto}.client-tabs button{white-space:nowrap;font-size:11px;padding:11px 16px}}