@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#20302b;background:#f4f6f1;line-height:1.4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}header{height:74px;border-bottom:1px solid #dfe5dd;background:#f8faf6;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.brand{display:flex;align-items:center;gap:10px}.logo{width:31px;height:31px;border-radius:9px;background:#d8ed3f;color:#19332c;display:grid;place-items:center;font-size:22px;font-weight:800;transform:rotate(-16deg)}.brand-name{font-size:19px;font-weight:800;letter-spacing:-.04em}.brand-sub{font-size:10px;color:#82918b;letter-spacing:.08em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:12px}.saved{font-size:11px;color:#6c7974;letter-spacing:.02em}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#83a92c;margin-right:6px}.ghost{background:none;border:1px solid #d9e0d7;border-radius:7px;padding:8px 11px;color:#50615a;font-size:12px;display:flex;gap:6px;align-items:center}.app main{max-width:1480px;margin:0 auto;padding:32px 42px 24px}.eyebrow,.small-label{font-family:DM Mono,monospace;color:#89968e;font-size:10px;letter-spacing:.1em}.eyebrow span{color:#c0c9c1}.title-row{display:flex;align-items:end;justify-content:space-between;margin:11px 0 28px}.title-row h1{font-size:34px;line-height:1.1;margin:0 0 7px;letter-spacing:-.06em}.lede{margin:0;color:#74817b;font-size:14px}.warning{display:flex;gap:9px;align-items:center;color:#826e48;background:#fbf6e8;border:1px solid #eee2be;padding:10px 13px;border-radius:7px;font-size:11px;max-width:430px}.layout{display:grid;grid-template-columns:286px minmax(450px,1fr) 302px;gap:24px;align-items:start}.left,.right{display:flex;flex-direction:column;gap:16px}.panel,.status-card{background:#fbfcf9;border:1px solid #dfe6df;border-radius:9px;box-shadow:0 2px 8px #243c2410}.panel-title{height:44px;padding:0 14px;border-bottom:1px solid #e9eee8;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.panel-heading{display:flex;align-items:center;gap:8px}.panel-title>span:last-child{display:flex;align-items:center;gap:6px}.panel-body{padding:14px}.left select{width:100%;border:1px solid #d7dfd6;background:#fff;border-radius:6px;padding:9px;color:#34483f;font-size:12px}.vehicle-name{font-size:12px;font-weight:700;margin:15px 0 12px}.vehicle-name span{display:block;color:#8c9992;font-weight:500;font-size:10px;margin-top:3px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:flex;flex-direction:column;gap:3px}.field label,.mini-fields label{font-size:9px;text-transform:uppercase;color:#8b9790;letter-spacing:.06em}.field span{font-family:DM Mono;font-size:11px;color:#43544c}.edit-note{font-size:10px;line-height:1.45;color:#86928c;border-top:1px solid #edf0eb;margin-top:15px;padding-top:12px}.icon-btn{border:0;background:#eff5dd;color:#5f791d;border-radius:5px;padding:5px 7px;display:flex}.package-list{display:flex;flex-direction:column;gap:7px}.pkg{border:1px solid #e3e9e1;border-radius:6px;background:#fff;overflow:hidden}.pkg.selected{border-color:#a8bc55;box-shadow:0 0 0 2px #ecf2d4}.pkg-top{height:38px;display:flex;align-items:center;gap:7px;padding:0 8px}.grip{color:#bcc5bf}.pkg-dot{width:8px;height:8px;border-radius:3px;background:#6c8b58}.pkg input{border:0;background:transparent;outline:0;min-width:0;flex:1;color:#3a4a43;font-size:11px;font-weight:600}.pkg-top b{font-family:DM Mono;font-size:10px;color:#909b95}.delete{border:0;background:none;color:#aab4ae;padding:2px}.pkg-edit{padding:3px 9px 10px;border-top:1px solid #edf1eb}.mini-fields{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:6px}.mini-fields input{width:100%;border:1px solid #dde5dc;border-radius:4px;padding:5px;margin-top:3px;font-size:11px;color:#3c4b45}.pkg-meta{display:flex;justify-content:space-between;align-items:center;margin-top:9px;color:#8b9690;font-size:9px}.pkg-meta button{display:flex;align-items:center;gap:4px;border:0;background:none;color:#688525;font-size:10px}.add-btn{width:100%;border:1px dashed #b9c9a0;background:#f8fbf0;color:#68842c;border-radius:6px;padding:9px;font-size:11px;margin-top:11px}.view-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.view-head h2{font-size:17px;margin:0 0 3px;letter-spacing:-.03em}.view-head p{margin:0;font-size:11px;color:#8a968f}.suggest{border:0;background:#d9eb47;color:#324311;border-radius:6px;padding:10px 13px;font-weight:700;font-size:11px;display:flex;gap:7px;align-items:center;box-shadow:0 2px #b8c82d}.load-wrap{position:relative;background:#edf2ea;border:1px solid #dce5da;border-radius:9px;padding:35px 42px 52px;overflow:auto}.direction{position:absolute;top:10px;left:16px;font-family:DM Mono;font-size:9px;color:#859189;display:flex;gap:5px;align-items:center}.ruler{font-family:DM Mono;font-size:9px;color:#84918a;position:absolute;display:flex;justify-content:space-between}.ruler.top{top:18px;left:42px;right:42px}.ruler.side{right:10px;top:35px;bottom:52px;flex-direction:column}.load-floor{position:relative;background-color:#f6f8f3;background-image:linear-gradient(#e8eee4 1px,transparent 1px),linear-gradient(90deg,#e8eee4 1px,transparent 1px);background-size:46px 46px;border:2px solid #b8c7b8;border-radius:3px;min-width:300px;margin:auto}.centerline{position:absolute;left:0;right:0;top:50%;border-top:1px dashed #bdcbbd;opacity:.9}.axle{position:absolute;top:-6px;height:calc(100% + 12px);border-left:2px solid #879d80;z-index:1}.axle span{position:absolute;top:-18px;left:4px;white-space:nowrap;color:#7c8f79;font-size:9px;font-family:DM Mono}.block{position:absolute;background:#c9df8a;border:2px solid #77954b;border-radius:5px;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:4px 6px;color:#354b2a;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.block.active{border-color:#314c3b;box-shadow:0 0 0 3px #d8ea6b}.block.bad{background:#f2d1b8;border-color:#bf714f;color:#75402d}.block span{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block small{font-family:DM Mono;font-size:9px}.axis-label{position:absolute;color:#91a095;font-family:DM Mono;font-size:9px}.axis-label.x{bottom:-26px;left:0}.axis-label.y{right:-21px;top:5px}.legend{position:absolute;bottom:14px;left:17px;display:flex;gap:15px;color:#839088;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:9px;height:9px;border-radius:3px;background:#c9df8a;border:1px solid #77954b}.legend-dot.warn{background:#f2d1b8;border-color:#bf714f}.legend-line{height:9px;border-left:2px solid #879d80}.under-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.info-strip,.not-placed{background:#fbfcf9;border:1px solid #e1e8df;border-radius:7px;padding:11px 12px;display:flex;gap:9px;align-items:flex-start;font-size:10px;color:#85918a}.info-strip svg{color:#789c39;flex:none;margin-top:1px}.info-strip strong{color:#53655c;font-size:10px}.not-placed{display:block}.not-placed .small-label{margin-bottom:7px}.not-placed .small-label span{background:#edf2df;color:#69832a;border-radius:10px;padding:2px 6px;margin-left:4px}.remaining-pills{display:flex;gap:5px;flex-wrap:wrap}.remaining-pills span{background:#fff;border:1px solid #e4e9e1;border-radius:4px;padding:5px 7px;color:#5c6b63;font-size:10px}.remaining-pills b{font-family:DM Mono;font-size:9px;margin-left:5px;color:#87938b}.empty-ok{color:#63832c;display:flex;align-items:center;gap:5px;font-size:10px}.status-card{padding:15px 16px}.status-top{display:flex;justify-content:space-between;align-items:flex-start}.status-title{font-size:16px;font-weight:800;margin-top:6px;letter-spacing:-.03em}.status-icon{width:37px;height:37px;border-radius:50%;display:grid;place-items:center}.status-icon.good{color:#557a25;background:#eaf3cd}.status-icon.bad{color:#9e5d3b;background:#f8e4d3}.meter{height:6px;background:#e6ece5;border-radius:99px;overflow:hidden;margin:16px 0 7px}.meter>div{height:100%;background:#91ad42;border-radius:99px}.meter-labels{display:flex;justify-content:space-between;color:#849089;font-family:DM Mono;font-size:9px}.metric{display:flex;justify-content:space-between;align-items:start;padding:9px 0;border-bottom:1px solid #edf1ec}.metric span{font-size:11px;color:#64736b}.metric small{display:block;color:#9aa49e;font-size:9px;margin-top:2px}.metric b{font-family:DM Mono;font-size:12px;color:#3c5541}.axle-head{display:flex;justify-content:space-between;color:#929e96;font-size:9px;padding:13px 0 5px}.axle-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:6px 0;font-size:10px;color:#64746a}.axle-row b{font-family:DM Mono;font-size:11px;color:#496142}.axle-row b.over{color:#b55f3a}.axle-row>span:last-child{font-family:DM Mono;font-size:9px;color:#a2aba5}.inline-alert{margin-top:10px;background:#fbede2;border:1px solid #f1d5c1;color:#a75d3b;border-radius:5px;padding:7px;font-size:10px;display:flex;align-items:center;gap:6px}.assumption{font-size:10px;color:#68776f;line-height:1.55;margin:0 0 8px}.muted{font-size:10px;line-height:1.5;color:#a0aaa4;margin:8px 0 0}.secure-box{background:#fff8ec;border:1px solid #f0e1c4;border-radius:5px;padding:11px;font-size:10px;color:#827253;line-height:1.5}.secure-box strong{color:#806a3f}.secure-box p{margin:6px 0}.secure-box span{color:#a08c67}.toast{position:fixed;right:22px;bottom:20px;background:#263b31;color:#eef4d8;border-radius:6px;padding:11px 13px;font-size:11px;box-shadow:0 7px 25px #1c392c30;display:flex;gap:10px;align-items:center;cursor:pointer}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dfe6de;margin-top:28px;padding-top:15px;color:#8c9891;font-size:10px}footer span{display:flex;gap:6px;align-items:center}footer a{color:#728f42;text-decoration:none}@media (max-width:1150px){.layout{grid-template-columns:260px minmax(420px,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);align-items:start}.status-card{grid-row:span 2}.right .panel{height:max-content}}@media (max-width:800px){header{padding:0 18px}.header-actions .saved{display:none}.app main{padding:24px 15px}.title-row{display:block}.warning{margin-top:18px;max-width:none}.layout{display:flex;flex-direction:column}.left,.center,.right{width:100%}.right{display:flex}.under-grid{grid-template-columns:1fr}.load-wrap{padding-left:31px;padding-right:31px}.title-row h1{font-size:28px}footer{flex-direction:column;line-height:1.5}}@media print{header,.suggest,.toast,.add-btn,.ghost,.warning{display:none!important}.app main{padding:0}.layout{display:block}.left,.right,.center{margin-bottom:18px}.load-wrap{break-inside:avoid}body{background:#fff}.panel,.status-card{box-shadow:none}}.pkg-actions{display:flex;gap:8px}.position-fields{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:6px;margin-top:8px;align-items:end}.position-fields label{font-size:9px;text-transform:uppercase;color:#8b9790;letter-spacing:.06em}.position-fields input{width:100%;border:1px solid #dde5dc;border-radius:4px;padding:5px;margin-top:3px;font-size:11px;color:#3c4b45}.position-fields span{font-size:9px;color:#9aa49e;padding-bottom:6px}.package-hint{display:flex;gap:5px;align-items:center;background:#f4f8ea;border:1px solid #e0eac9;border-radius:5px;padding:7px 8px;margin-bottom:9px;color:#718340;font-size:9px}.pkg.staged{cursor:grab}.pkg.staged:active{cursor:grabbing}.load-floor.drop-target{outline:3px solid #bed33f;outline-offset:4px}.drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#657d26;font-weight:800;font-size:14px;background:#eaf4b966;pointer-events:none}.mini-fields{grid-template-columns:repeat(4,1fr)}.workspace-nav{display:flex;gap:8px;align-items:center;border-bottom:1px solid #dce4d9;margin-bottom:18px;padding-bottom:10px;flex-wrap:wrap}.workspace-nav button{border:0;background:transparent;color:#63736a;padding:10px 16px;border-radius:7px;font-weight:700;font-size:13px}.workspace-nav button.active{background:#e5efb5;color:#324a1c}.workspace-nav>span{margin-left:auto;font-size:11px;color:#85918a}.order-bar{display:flex;gap:12px;align-items:end;margin-bottom:24px;flex-wrap:wrap}.order-bar label,.editor label,.search-label,.article-picker>label,.add-article label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#68786e}.order-bar input,.order-bar select,.catalog-page input,.catalog-page select,.editor input,.article-picker select,.add-article input{border:1px solid #d6dfd3;background:#fff;border-radius:6px;padding:9px;color:#2e4437;min-width:0;font-size:12px}.order-bar input{width:190px}.order-bar select{max-width:250px}.catalog-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.catalog-head h2{margin:0;font-size:24px}.catalog-head p,.catalog-note{font-size:12px;color:#748277;line-height:1.6}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.catalog-card{padding:20px;background:#fbfcf9;border:1px solid #dfe6df;border-radius:9px;display:flex;flex-direction:column;align-items:start}.catalog-card h3{font-size:17px;margin:12px 0}.catalog-card p{font-size:12px;color:#6a7a70}.catalog-card strong{font-family:DM Mono,monospace;font-size:13px}.catalog-card a{font-size:11px;color:#5d7c2d}.badge{font-size:9px;color:#718247;letter-spacing:.08em;background:#edf3df;padding:4px 7px;border-radius:4px}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.add-article{display:flex;gap:10px;align-items:end;margin-top:15px}.add-article input{width:72px}.search-label{max-width:400px;margin-bottom:20px}.article-picker{border-bottom:1px solid #e2e8dc;padding-bottom:14px;margin-bottom:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#172a2399;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.editor{background:#fbfcf9;border-radius:12px;max-height:90vh;overflow:auto;width:680px;max-width:100%;padding:26px;box-shadow:0 20px 80px #10241655}.editor h2{margin-top:0}.editor form{display:flex;flex-direction:column;gap:15px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor label.checkbox{flex-direction:row;align-items:center}.editor input[type=checkbox]{width:16px;height:16px}.package-list{max-height:600px;overflow-y:auto;padding:2px}.toast{max-width:min(640px,90vw);z-index:60}.load-floor{min-width:0}.right>.panel,.right>.status-card{width:100%}@media (max-width:800px){.catalog-head{align-items:start;flex-direction:column}.workspace-nav>span{margin-left:0;width:100%}.order-bar label{flex:1;min-width:130px}.order-bar input{width:100%}.catalog-grid,.editor-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.editor{padding:18px}.right>.panel{width:100%}}@media print{.workspace-nav,.order-bar,.article-picker,.card-actions,.package-hint,.catalog-page,.modal-backdrop{display:none!important}.package-list{max-height:none;overflow:visible}}.local-note{font-size:11px;color:#788579;margin:0 0 15px}.catalog-note{border-left:3px solid #b8cc6c;padding-left:12px}@media print{.local-note{display:none}}