body{margin:0;background:#f7f7f8;color:#111;display:flex;flex-direction:column;height:100vh;overflow:hidden;font-family:Golos Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.form-control,input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea{padding:8px;border:1px solid #cfd4db;border-radius:8px;font-size:16px;background:#fff;color:#2f2f2f;font-family:Golos Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}input::placeholder,textarea::placeholder{color:#7b818a}.layout{display:flex;gap:16px;padding:16px;align-items:stretch;flex:1;overflow:hidden;box-sizing:border-box}.panel{width:360px;background:#fff;border:1px solid #e5e7ea;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;height:100%;max-height:none;overflow-y:auto}.panel-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.steps{display:flex;gap:8px;width:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7ea}.header-left,.header-right{display:flex;align-items:center;gap:12px}.profile-menu{position:relative}.profile-menu>summary{list-style:none;cursor:pointer}.profile-menu>summary::-webkit-details-marker{display:none}.profile-dropdown{position:absolute;right:0;top:100%;margin-top:8px;background:#fff;border:1px solid #e5e7ea;border-radius:12px;box-shadow:0 8px 18px #00000014;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:340px;z-index:100}.profile-dropdown .actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.profile-card{display:flex;align-items:center;gap:10px}.profile-card .email{font-weight:600;color:#2f2f2f;min-width:200px}.profile-card .plan-name{font-weight:400;color:#9aa0a6;font-size:12px;margin-left:8px;white-space:nowrap}.profile-card .plan-date{color:#97c238;font-weight:600}.brand{display:flex;align-items:center;gap:0}.brand-text{margin-left:-4px;display:flex;flex-direction:column;line-height:1;align-items:center}.brand-name{font-weight:700;color:#2f2f2f;font-size:20px}.brand-sub{color:#9aa0a6;letter-spacing:.3em;font-size:12px;text-transform:lowercase}.brand-logo{flex:none}.brand-ver{margin-left:8px;color:#9aa0a6;font-weight:500;font-size:12px}.version-tag{position:fixed;right:36px;bottom:32px;color:#9aa0a6;font-size:12px;font-weight:400;pointer-events:none;line-height:1;z-index:4000}.axis-info>summary{display:flex;align-items:center;justify-content:space-between;gap:8px}.overlay.full{position:fixed;top:0;right:0;bottom:0;left:0;background:#f7f7f8;z-index:2000;display:flex;flex-direction:column;min-height:100vh;justify-content:center;align-items:center}.overlay.full.hidden{display:none!important}.overlay .center{max-width:720px;width:100%;margin:0 auto;padding:24px 16px;box-sizing:border-box}.overlay .center.auth{display:flex;flex-direction:column;align-items:center;text-align:center}.overlay .hero{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 16px}.overlay .hero .brand{margin-top:0}.overlay h1{font-size:32px;margin:0;color:#2f2f2f}.overlay .hero h1{margin-top:32px}.overlay .subhead{font-size:18px;margin-top:0;color:#6b7280}.overlay .hero .brand .brand-logo{width:56px;height:48px}.overlay .auth-form label{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;margin:0 auto}.overlay #authLoginSection .auth-form label{gap:6px}.overlay #authLoginSection .auth-form label+label{margin-top:12px}.overlay #authRegisterSection .auth-form label{gap:6px}.overlay #authRegisterSection .auth-form label+label{margin-top:12px}.overlay .auth-form label.checkbox-row{flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px}.overlay .auth-form label{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left;font-size:16px}.overlay .auth-form input{width:100%!important;padding:14px 16px;font-size:18px;min-height:48px;display:block;margin-top:0;border:1px solid #cfd4db;border-radius:12px;box-sizing:border-box}.overlay .auth-section h2{font-size:22px;margin:12px 0 8px;color:#2f2f2f}.error-text{color:#8a1f1f;font-size:13px;min-height:0}.error-text:empty{display:none}.error-text:not(:empty){margin-top:6px}.success-text{color:#0b5c2a;background:#e8f5d3;padding:4px 8px;border-radius:8px}.input-error{border-color:#d93025!important;background:#fff6f6!important}.overlay .auth-actions button:disabled{opacity:.6;cursor:not-allowed}.overlay #authRegisterSection .auth-actions #authRegisterSubmit:not(:disabled){background:#97c238;color:#fff;border:0}.overlay #authRegisterSection .auth-actions #authRegisterSubmit:not(:disabled):hover{filter:brightness(1.05)}.overlay .auth-actions{display:flex;gap:10px;margin-top:4px;justify-content:center;flex-direction:column;width:100%;max-width:300px;margin-left:auto;margin-right:auto}.overlay #authLoginSection .auth-actions{margin-top:10px}.overlay #authLoginSection .auth-links{margin-top:8px}.overlay #authRegisterSection .auth-actions{margin-top:18px}.overlay #authRegisterSection .auth-links{margin-top:12px}.overlay .auth-actions button{width:100%;background:#f5f7f9;color:#2f2f2f;border:1px solid #cfd4db;font-size:16px;padding:12px 14px;border-radius:12px}.overlay .auth-actions button:hover{background:#edf0f2}.overlay .auth-actions #authLogin{background:#97c238;color:#fff;border:0}.overlay .auth-actions #authLogin:hover{filter:brightness(1.05)}.overlay .auth-links{display:flex;gap:16px;margin-top:8px;justify-content:center;font-size:14px}.overlay .muted{color:#6b7280;font-size:13px}.proj-list{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;margin-top:12px}.proj-card{border:1px solid #e5e7ea;border-radius:12px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.proj-card .thumb{height:120px;background:#f5f7f9;border:1px dashed #e5e7ea;border-radius:8px}.proj-card .title{font-weight:600;color:#2f2f2f}.proj-card .meta{font-size:12px;color:#7b818a}.proj-card .row{display:flex;justify-content:flex-end}.proj-card .row button{background:#2f2f2f}.proj-empty{border:1px dashed #e5e7ea;border-radius:12px;padding:12px;color:#6b7280}.pdf-layout{position:fixed;left:-10000px;top:-10000px;width:980px;background:#fff;color:#2f2f2f}.project-menu{position:relative;margin-left:12px}.project-menu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #e5e7ea;border-radius:18px;background:#e8f5d3}.project-menu[open]>summary{background:#e8f5d3;border-color:#97c238}.project-dropdown{position:absolute;left:0;right:auto;top:100%;margin-top:8px;background:#fff;border:1px solid #e5e7ea;border-radius:12px;box-shadow:0 8px 18px #00000014;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:280px;max-width:calc(100vw - 24px);max-height:70vh;overflow:auto;z-index:100}.project-dropdown .row{display:flex;gap:8px}.project-dropdown .actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.project-dropdown .actions-grid button{width:100%}.project-dropdown .actions-grid #saveProject{grid-column:1 / -1}.step-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;height:80px;border:1px solid #e5e7ea;background:#f5f7f9;border-radius:12px;cursor:pointer;color:#2f2f2f;font-weight:600;font-size:13px;transition:all .2s;gap:8px}.step-btn:hover{background:#edf0f2}.step-btn.active{background:#97c238;border-color:#97c238;color:#fff;box-shadow:0 4px 12px #97c2384d}.step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:inherit;margin-bottom:0}.step-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.step-content{display:none}.step-content.active{display:block}input[type=range]{width:100%;accent-color:#97C238}input[type=range]::-webkit-slider-thumb{background:#97c238}input[type=range]::-webkit-slider-runnable-track{background:#e8f5d3}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:12px;background:#e8f5d3}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#97c238;border:2px solid #cfe8ae;margin-top:-6px}input[type=range]::-moz-range-track{height:8px;border-radius:12px;background:#e8f5d3}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#97c238;border:2px solid #cfe8ae}input[type=radio]{width:18px;height:18px;aspect-ratio:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid #cfd4db;border-radius:50%;background:#fff;vertical-align:middle;display:inline-block}input[type=radio]:checked{border-color:#97c238;background:radial-gradient(#fff 42%,transparent 43%),radial-gradient(#97C238 70%,transparent 71%)}input[type=radio]:focus{outline:none;box-shadow:0 0 0 2px #97c23840}.hint{font-size:12px;color:#6b7280}.step-content[data-step="2"] h2{margin-bottom:6px}.step-content[data-step="2"] .hint{margin-top:6px}.actions{display:flex;gap:8px}button{padding:8px 12px;border:0;border-radius:8px;background:#97c238;color:#fff;font-weight:500;cursor:pointer}button#clear{background:#6b7280}button#saveProject{background:#2f2f2f}button#exportPdf{background:#10b981}.form-actions{display:flex;gap:8px;justify-content:flex-start}#addCargoPreset{font-size:inherit}.text-btn{background:transparent;color:#2f2f2f;border:0;padding:0;text-decoration:underline;font-weight:500;cursor:pointer}.text-btn:hover{color:#97c238}.form-grid .text-btn{justify-self:start;align-self:start}.text-btn.subtle{color:#9aa0a6}.text-btn.subtle:hover{color:#7b818a}.metrics{display:flex;flex-direction:column;gap:6px}.metrics .row{display:flex;justify-content:space-between;padding:6px 8px;background:#fafafa;border:1px solid #eee;border-radius:8px}.transport{display:flex;flex-direction:column;gap:12px}.transport{position:relative}.transport{--tl-action-w: 168px}.transport-row{display:flex;gap:8px}.transport-row input{flex:1;padding:8px;border:1px solid #cfd4db;border-radius:8px;font-size:16px;background:#fff;box-sizing:border-box}.transport-row input::placeholder{color:#7b818a}.transport-row button{white-space:nowrap;padding:8px 12px;border-radius:8px;width:var(--tl-action-w)}.catalog-grid{display:grid;grid-template-columns:1fr;gap:8px}.cat-col{border:1px solid #e5e7ea;border-radius:12px;padding:10px;background:#fff}.cat-head{font-weight:600;color:#2f2f2f;margin-bottom:8px}.cat-cards{display:grid;grid-template-columns:1fr;gap:6px}.cat-card{display:flex;align-items:center;justify-content:flex-start;gap:6px;border:1px solid #e5e7ea;border-radius:10px;padding:6px;background:#fafafa;cursor:pointer}.cat-card:hover{background:#f0f5e9}.cat-card.selected{border:1px solid #7cb342;background:#e8f5d3}.cat-card .title{font-weight:600;color:#2f2f2f;font-size:13px;line-height:1.2;display:inline;min-width:0;white-space:nowrap;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.cat-card .meta{margin-left:auto;color:#7b818a;font-size:11px}.cat-sub{font-size:11px;color:#7b818a;display:inline;margin:0 0 0 4px;line-height:1.2;white-space:nowrap;word-break:break-word}.cat-ico{width:32px;height:20px;object-fit:contain;flex-shrink:0;box-sizing:border-box}.cat-card[data-id=rigid] .cat-ico{padding:2px}.cat-text{display:flex;flex-direction:row;align-items:baseline;gap:0;min-width:0;flex:1;overflow:hidden}details.cat-col{border:1px solid #e5e7ea;border-radius:12px;padding:10px;background:#fff}details.cat-col>summary{list-style:none;cursor:pointer;font-weight:600;color:#2f2f2f;margin-bottom:8px;outline:none}details.cat-col>summary::-webkit-details-marker{display:none}details.cat-col:not([open])>summary{margin-bottom:0}@media (max-width: 420px){.catalog-grid{grid-template-columns:1fr}}.suggest-panel{border:1px solid #e5e7ea;border-radius:8px;background:#fff;box-shadow:0 8px 18px #00000014;padding:8px;max-height:240px;overflow:auto;z-index:1000}.suggest-panel.hidden{display:none!important}.suggest-item{padding:8px;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.suggest-item .title{font-weight:600;color:#111}.suggest-item .meta{font-size:12px;color:#6b7280}.suggest-item:hover{background:#f0f5e9}.suggest-item.active{background:#e8f5d3}mark{background:#f6ffe0;color:#2f2f2f;padding:0 1px;border-radius:2px}.transport-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto;border:1px solid #e5e7ea;border-radius:8px;padding:8px;background:#fafafa;text-align:left;width:100%}.transport-list{margin-top:12px}#transportRadioList,.custom-transport{width:100%;max-width:100%;box-sizing:border-box}.group-title{font-weight:600;color:#2f2f2f;margin-top:8px;margin-bottom:4px}.transport-list label{display:flex;align-items:flex-start;justify-content:flex-start!important;gap:8px;padding:6px 8px 6px 2px;border-radius:6px;cursor:pointer}.transport-list label:hover{background:#f0f5e9}.transport-list label .t-icon{width:18px;height:18px;margin-top:2px;opacity:.92;flex:0 0 auto}.transport-list label .label-text{flex:0 1 auto;line-height:1.3;display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport-list label .label-meta{margin-left:auto;font-size:11px;color:#7b818a;white-space:nowrap}.transport-list label input[type=radio]{margin-top:2px;margin-right:8px;margin-left:0}.transport-list label .t-icon{width:20px;height:20px;flex:0 0 20px;object-fit:contain;opacity:.9;margin-top:2px}.group{border:1px solid #e5e7ea;border-radius:8px;padding:8px 8px 8px 4px}.group>summary{list-style:none;cursor:pointer;font-weight:500;margin-bottom:6px;padding-left:24px;color:#6b7280;text-decoration:underline;position:relative}.group>summary::marker{content:""}.group>summary:before{content:"›";position:absolute;left:6px;top:50%;transform:translateY(-50%) rotate(0);color:#9aa0a6;transition:transform .2s}.group[open]>summary:before{content:"›";transform:translateY(-50%) rotate(90deg)}.custom-transport{border:1px dashed #e5e7ea;border-radius:8px;padding:8px;max-height:none;margin-top:12px}.custom-transport .grid{margin-top:12px}.custom-transport[open]{display:block}.custom-transport>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#2f2f2f;font-weight:600}.custom-transport>summary::marker{content:""}.custom-transport>summary:before{content:"›";display:inline-block;margin-right:6px;color:#9aa0a6;transition:transform .2s}.custom-transport[open]>summary:before{content:"›";transform:rotate(90deg)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:3000}.modal.hidden,.hidden{display:none!important}.modal-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e5e7ea;width:320px;display:flex;flex-direction:column;gap:8px;position:relative}.modal#customTransportModal .modal-card{width:640px}.modal#customTransportModal .grid{grid-template-columns:1fr 1fr}.modal#customTransportModal .grid .col-span-2{grid-column:1 / -1}.modal#customTransportModal .grid>label>div{display:flex;gap:8px;align-items:center}.modal-title{font-weight:600}.modal#transportModal .modal-title,.modal#cargoModal .modal-title{font-size:22px}.modal#cargoModal .modal-card{width:420px}.modal#contactModal .modal-card{width:520px}.modal#planModal .modal-card{width:auto;max-width:1100px;min-width:320px;max-height:85vh;overflow:auto;padding:24px;box-sizing:border-box}.modal#planModal .plan-current{display:flex;flex-direction:column;gap:10px}.modal#planModal .plan-current-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal#planModal .plan-current-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;font-weight:700}.modal#planModal .plan-status-card{border:1px solid #e5e7ea;border-radius:16px;padding:24px;background:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 20px #1118270a;margin-bottom:24px}.modal#planModal .plan-status-left{display:flex;flex-direction:column;gap:8px}.modal#planModal .plan-status-title{font-weight:800;color:#2f2f2f;font-size:18px;text-transform:uppercase;letter-spacing:.02em}.modal#planModal .plan-status-date{font-size:15px;color:#6b7280;font-weight:500}.modal#planModal .plan-upgrade-link{background:#fff;border:1px solid #e5e7ea;border-radius:999px;padding:8px 20px;font-weight:700;color:#2f2f2f;cursor:pointer;font-size:13px;transition:all .2s ease;align-self:flex-start;margin-top:8px}.modal#planModal .plan-upgrade-link:hover{background:#f9fafb;border-color:#cfd4db}.modal#planModal .plan-status-right{display:flex;align-items:center;gap:48px}.modal#planModal .usage-dots{display:flex;gap:8px}.modal#planModal .remaining-box{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:4px}.modal#planModal .usage-dots .dot{width:20px;height:20px;border-radius:50%;background:#e5e7ea}.modal#planModal .usage-dots .dot.active{background:#97c238}.usage-bar-mini{width:120px;height:8px;background:#e5e7ea;border-radius:4px;overflow:hidden}.usage-bar-mini .fill{height:100%;background:#97c238;border-radius:4px}.modal#planModal .remaining-label{font-size:12px;font-weight:700;color:#9aa0a6;letter-spacing:.05em}.modal#planModal .remaining-value{font-size:36px;font-weight:800;color:#2f2f2f;line-height:1}.modal#planModal .plan-divider{height:1px;background:#e5e7ea;margin:10px 0}.modal#planModal .plan-section-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;font-weight:700;transition:all .3s ease;padding:4px 0;border-radius:4px;margin-left:-2px}.modal#planModal .plan-section-title.highlight-flash{color:#97c238;background:#97c2381a;padding-left:8px;transform:scale(1.02)}.modal-actions{display:flex;gap:8px;justify-content:flex-end}#otpModal .modal-actions{justify-content:flex-start;align-items:center}.modal .grid textarea{width:100%!important;min-height:120px;padding:8px;border:1px solid #cfd4db;border-radius:8px;font-size:14px;background:#fff;box-sizing:border-box}.modal#contactModal .grid textarea{min-height:180px}.modal .grid .checkbox-row>span{font-weight:500;color:#6b7280}.modal-actions button#modalCancel{background:#6b7280}.modal-close{position:absolute;top:12px;right:12px;background:transparent;border:0;color:#6b7280;font-size:24px;line-height:1;cursor:pointer;padding:4px;width:auto;height:auto}.modal .grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}.modal .grid label{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.modal .grid input,.modal .grid select{width:100%!important;padding:8px;border:1px solid #cfd4db;border-radius:8px;font-size:16px;background:#fff;box-sizing:border-box}.modal .grid input[type=checkbox]{width:18px!important;height:18px;padding:0;border:2px solid #cfd4db;border-radius:4px;background:#fff;accent-color:#97C238;cursor:pointer;box-sizing:border-box;flex:0 0 18px}.modal .grid input::placeholder{color:#7b818a}.modal .grid .checkbox-row,.modal .grid .qty-inline{display:flex;flex-direction:row;align-items:center;gap:12px}.modal .grid label.qty-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.pdf-layout .meta{font-size:14px;line-height:1.6}.form-grid{display:grid;grid-template-columns:140px 1fr;gap:12px 12px;align-items:center;margin-top:8px;margin-bottom:12px}.step-content[data-step="2"] .form-grid{margin-top:8px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.section-head .text-btn{margin-left:12px}.form-grid .full-row{grid-column:1 / -1}.form-grid .qty-row{grid-column:1 / -1;display:flex;align-items:center;gap:12px}.qty{display:flex;align-items:center;gap:6px;max-width:100%}.qty input{width:84px!important;height:40px;text-align:center;border:1px solid #cfd4db;border-radius:12px;font-size:16px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-sizing:border-box}.qty input[type=number]{-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty button{width:48px;height:40px;flex:0 0 48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfd4db;border-radius:12px;background:#f5f7f9;color:#2f2f2f;font-weight:600;font-size:18px;box-sizing:border-box}.qty button:hover{border-color:#b9c0c9}.form-grid label{white-space:nowrap;color:#111;font-weight:500;justify-content:flex-start}.form-grid label.full-row{justify-content:flex-start}.form-grid input[type=checkbox]{width:18px;height:18px;accent-color:#97C238;cursor:pointer}.form-grid label[for]{cursor:pointer}.form-grid select,.form-grid input:not([type=checkbox]){width:100%!important;max-width:100%;min-width:0;padding:8px;border:1px solid #cfd4db;border-radius:8px;background:#fff;box-sizing:border-box}.form-grid select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px!important}.step-content[data-step="2"] select{padding:8px;border-radius:8px;font-size:16px;width:100%}.step-content[data-step="2"] .form-grid .qty{grid-column:1 / -1}.step-content[data-step="2"] .qty{gap:4px}.step-content[data-step="2"] .qty input{width:60px!important;height:34px;text-align:center;border:1px solid #cfd4db;border-radius:12px;font-size:14px}.step-content[data-step="2"] .qty button{width:32px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfd4db;border-radius:12px;background:#f5f7f9;color:#2f2f2f;font-weight:600;font-size:16px}.step-content[data-step="2"] .grid{display:flex;flex-direction:column;gap:12px;align-items:stretch}.step-content[data-step="2"] .grid label{display:flex;align-items:center;gap:12px}.step-content[data-step="2"] .grid label input{flex:1}.step-content[data-step="2"] .grid input{width:100%;padding:8px;border:1px solid #cfd4db;border-radius:8px;font-size:16px;box-sizing:border-box}.form-actions button{width:100%}.form-actions{grid-column:1 / -1}.form-actions button{width:100%;margin-top:4px}.modal#transportModal{align-items:center;justify-content:center}.modal#transportModal .modal-card{margin:16px;width:720px}.modal#transportModal .transport-list{max-height:60vh}.modal#transportModal #transportModalSearch{width:100%;padding:8px;font-size:16px;border-radius:8px}.modal#transportModal .transport-list label .label-text{font-size:18px;line-height:1.35}.modal#transportModal .transport-list label .t-icon{width:22px;height:22px;flex-basis:22px;margin-top:3px}.modal#transportModal .group>summary{font-size:18px}.step-content[data-step="2"] .form-actions,.step-content[data-step="2"] #boxes{margin-top:12px}.step-content[data-step="2"] .hint{margin-top:8px}.step-content[data-step="3"] label[for],.step-content[data-step="3"] label{margin-top:18px}.cargo-list{display:flex;flex-direction:column;gap:8px;margin:8px 0}.cargo-item{display:grid;grid-template-columns:1fr;gap:6px;align-items:center;border:1px solid #e5e7ea;border-radius:8px;padding:8px;background:#fafafa;position:relative}.cargo-item .ci-dims{font-weight:600;color:#2f2f2f;font-size:13px}.cargo-item .ci-edit{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cargo-item .ci-edit label{display:inline-flex;justify-content:flex-start;align-items:center;gap:8px}.cargo-item .ci-edit input[type=checkbox]{width:18px;height:18px;accent-color:#97C238;cursor:pointer}.cargo-item .ci-edit .sep{color:#7b818a;font-weight:600}.cargo-item .ci-edit .qty{min-width:auto}.cargo-item .ci-edit .qty input{width:56px!important;height:28px;font-size:13px}.cargo-item .ci-edit .qty button{width:28px;height:28px;font-size:14px}.cargo-item .ci-edit input[placeholder=кг]{width:72px;height:28px;font-size:13px}.icon-btn{background:transparent;border:0;color:#6b7280;width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{color:#8a1f1f;background:#fde2e2}.canvas-wrap{position:relative;flex:1;background:#fff;border-radius:12px;border:1px solid #e5e7ea;overflow:hidden}.canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff6;display:flex;align-items:center;justify-content:center;color:#2f2f2f;font-weight:600;font-size:16px;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.canvas-wrap canvas{display:block;width:100%;height:100%;outline:none}#controlsHint{position:absolute;top:12px;left:12px;background:#ffffffe6;padding:8px 12px;border-radius:8px;font-size:12px;color:#6b7280;pointer-events:none;z-index:5;box-shadow:0 2px 8px #0000000d;display:none}.side-panel{display:none;margin-top:16px;border-top:1px solid #e5e7ea;padding-top:16px}.axis-info{margin-top:12px;border:1px solid #e5e7ea;border-radius:8px;padding:8px;background:#fafafa}.axis-info>summary{list-style:none;cursor:pointer;font-weight:600;color:#2f2f2f;display:flex;align-items:center;justify-content:space-between}.axis-info>summary:after{content:"▾";color:#6b7280}.axis-info[open]>summary:after{content:"▴"}.axis-info>summary::marker{content:""}.axis-info>summary::-webkit-details-marker{display:none}.axis-info.hidden{display:none}.axis-bars{display:flex;flex-direction:column;gap:6px;margin-top:8px}.axis-bars .row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:6px}.axis-bars .row .name{white-space:nowrap;color:#2f2f2f;font-size:14px;font-weight:500}.axis-bars .row .bar{flex:0 0 auto;max-width:96px;width:96px;height:8px;border-radius:6px;background:#e5e7ea;overflow:hidden}.axis-bars .row .bar .fill{height:100%;background:#97c238;transition:width .24s ease}.axis-bars .row.exceed .bar .fill{background:#d93025}.axis-bars .row .val{text-align:right;font-size:14px;color:#2f2f2f;font-weight:500;white-space:nowrap}.axle-row{display:flex;flex-direction:column;gap:6px;margin-top:8px}.axle-row .head{display:flex;align-items:center;justify-content:space-between;gap:8px}.axle-row .name{white-space:nowrap;color:#2f2f2f;font-size:14px;font-weight:500}.axle-row .bar{max-width:96px;width:96px;height:8px;border-radius:6px;background:#e5e7ea;overflow:hidden}.axle-row .bar .fill{height:100%;background:#97c238;transition:width .24s ease}.axle-row.exceed .bar .fill{background:#d93025}.axle-row .val{text-align:right;font-size:14px;color:#2f2f2f;font-weight:500;white-space:nowrap}.axle-row.exceed .val{color:#8a1f1f}.selection-info{position:absolute;left:12px;bottom:12px;max-width:420px;background:#fffffff2;border:1px solid #e5e7ea;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;color:#2f2f2f;font-size:13px;box-shadow:0 4px 12px #0000000f}.selection-info .si-line{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.selection-info .si-line span:first-child{color:#7b818a}.selection-info .si-line span:last-child{font-weight:600;color:#2f2f2f}.selection-info.hidden{display:none}.axle-alert{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#fde2e2;color:#8a1f1f;border:1px solid #f7b7b7;border-radius:12px;padding:12px 18px;font-size:18px;font-weight:700;box-shadow:0 6px 16px #0000001a;z-index:25}.axle-alert.hidden{display:none}.top-status{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:9999px;border:1px solid #cfe8ae;background:#e8f5d3;color:#0b5c2a;font-weight:400;position:relative;cursor:default}.status-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e5e7ea;border-radius:12px;padding:12px;box-shadow:0 4px 12px #0000001a;display:none;z-index:100;min-width:240px;text-align:left;color:#2f2f2f}.top-status:hover .status-dropdown{display:block}.status-dropdown .sd-title{font-weight:600;margin-bottom:6px;font-size:13px;color:#8a1f1f}.status-dropdown .sd-item{font-size:13px;padding:2px 0;border-bottom:1px solid #f5f7f9}.status-dropdown .sd-item:last-child{border-bottom:0}.rotate-controls{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;background:#ffffffeb;border:1px solid #e5e7ea;border-radius:12px;padding:8px;z-index:20}.rotate-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;background:#f5f7f9;color:#2f2f2f;border-radius:8px;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.rotate-btn:hover{background:#e8f5d3;color:#0b5c2a;transform:scale(1.08)}.rotate-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;display:block;pointer-events:none;vector-effect:non-scaling-stroke}.rotate-btn .ico{display:none;font-size:16px;line-height:1}.rotate-controls.no-svg .ico{display:inline}.rotate-controls.no-svg svg{display:none}.avatar{width:32px;height:32px;border-radius:50%;background:#e5e7ea;color:#6b7280;display:inline-flex;align-items:center;justify-content:center}.avatar.large{width:40px;height:40px}.avatar svg{width:18px;height:18px;fill:currentColor}.avatar.large svg{width:22px;height:22px}.small-exit{font-size:12px}.profile-dropdown .small-exit{align-self:center}.plan-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.plan-line #planUpgrade{background:#97c238}.plan-usage{display:flex;flex-direction:column;gap:8px;margin-top:12px}.usage-head{font-size:13px;color:#6b7280}.usage-bar{width:100%;height:12px;border-radius:6px;background:#e5e7ea;overflow:hidden}.usage-bar .fill{height:100%;background:#97c238;transition:width .26s ease}.usage-meta{font-size:12px;color:#6b7280}.toggle{display:flex;align-items:center;gap:10px}.toggle input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:0;height:0;position:absolute;opacity:0}.toggle .track{position:relative;width:52px;height:28px;border-radius:9999px;background:#97c238;transition:background .2s;overflow:hidden}.toggle .thumb{position:absolute;top:3px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000002e;transition:left .2s}.toggle input:checked+.track{background:#97c238}.toggle input:checked+.track .thumb{left:26px}.toggle .toggle-left,.toggle .toggle-right{font-size:13px;color:#2f2f2f}.green-btn{margin-top:10px;background:#97c238;color:#fff;border:0;border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.green-btn:hover{filter:brightness(1.05)}.ci-del-icon{position:absolute;right:8px;top:8px;margin-left:auto;align-self:center}.cargo-item .ci-edit input[type=number]{width:64px;padding:6px;border:1px solid #cfd4db;border-radius:8px;font-size:14px}.cargo-item .ci-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cargo-item .ci-actions .qty input{width:64px;height:32px;font-size:14px}.cargo-item .ci-actions .qty button{width:36px;height:32px;font-size:16px}.cargo-item .ci-del{background:#6b7280;color:#fff}.my-cargos{border-top:1px solid #e5e7ea;padding-top:8px;margin-top:10px}.my-title{font-weight:600;color:#2f2f2f;margin-bottom:6px}.my-list{display:flex;flex-direction:column;gap:6px}.my-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7ea;border-radius:8px;padding:6px 8px;background:#fafafa}.my-item .name{color:#2f2f2f}.modal#cargoModal .qty input{width:72px!important;height:34px;font-size:14px}.modal#cargoModal .qty button{width:32px;height:34px;font-size:16px}.panel h2{margin-top:8px;margin-bottom:6px}.panel label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:500;color:#2f2f2f}.label-with-tooltip{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:6px}.label-with-tooltip .label-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.overlay #authRegisterSection .auth-form label+label{margin-top:8px}.overlay #authRegisterSection .auth-form label.checkbox-row{margin-top:6px}.otp-inputs{display:flex;gap:8px;justify-content:center}.otp-digit{width:48px!important;height:48px;text-align:center;font-size:20px;border:1px solid #cfd4db;border-radius:8px}#regTerms{width:16px!important;height:16px!important;accent-color:#97C238}#forgotEmail{margin-top:8px}.custom-transport+h2{margin-top:16px}.step-content[data-step="1"] h2:first-of-type{margin-top:8px;margin-bottom:6px}.step-content[data-step="3"] h2{margin-top:16px}.pricing-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:12px}@media (min-width:640px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.pricing-grid{grid-template-columns:repeat(4,1fr)}}.modal#planModal .pricing-grid{grid-template-columns:1fr;gap:16px;margin-top:24px;margin-bottom:24px;padding:4px}@media (min-width:640px){.modal#planModal .pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.modal#planModal .pricing-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.modal#planModal .plan-status-card{flex-direction:column;align-items:center;text-align:center;gap:32px}.modal#planModal .plan-status-left{align-items:center}.modal#planModal .plan-status-right{width:100%;flex-direction:column;align-items:center;gap:16px}.modal#planModal .remaining-box{order:1;align-items:center;text-align:center}.modal#planModal .usage-dots{order:2}}.modal#planModal .pricing-card{transition:all .2s ease;box-shadow:0 2px 8px #0000000d;border-color:#e5e7ea}.modal#planModal .pricing-card:hover{box-shadow:0 8px 24px #1118271f;transform:translateY(-2px);border-color:#97c238}.modal#planModal .pricing-card.recommended{box-shadow:0 4px 12px #97c23826;border-color:#97c238;background:#fff}.modal#planModal .pricing-card.recommended:hover{box-shadow:0 12px 32px #97c23840}.pricing-perday{font-size:12px;color:#6b7280;margin-top:-2px}.pricing-savings{display:inline-flex;align-items:center;gap:6px;background:#f3fae8;color:#0b5c2a;border:1px solid #cfe8ae;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;margin:4px 0}.pricing-action:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.pricing-card{width:100%;box-sizing:border-box}#pricingConfirmText .price{display:inline;font-weight:600;white-space:nowrap}.modal#pricingConfirmModal .modal-actions{justify-content:space-between}.modal#pricingConfirmModal .modal-actions button{flex:1;padding:10px 16px;border-radius:10px;font-weight:600}.modal#pricingConfirmModal #pricingConfirmPay{background:#97c238;border:1px solid #97C238;color:#fff}.modal#pricingConfirmModal #pricingConfirmCancel{background:#f5f7f9;border:1px solid #cfd4db;color:#2f2f2f;opacity:.85}.pricing-card{position:relative;background:#fff;border:1px solid #e5e7ea;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.modal#planModal .pricing-card{padding:24px;gap:14px;min-height:220px;justify-content:space-between}.modal#planModal .pricing-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#6b7280;font-weight:700}.modal#planModal .pricing-price{font-size:26px;color:#2f2f2f}.modal#planModal .pricing-perday{margin-top:-8px;font-weight:500}.pricing-card.active{border-color:#97c238;background:#f9fcf5}.pricing-badge{position:absolute;top:-12px;right:12px;background:#97c238;color:#fff;border:none;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800;box-shadow:0 4px 8px #97c2384d;z-index:2}.pricing-title{font-weight:600;color:#2f2f2f}.pricing-price{font-size:20px;font-weight:700;color:#2f2f2f}.pricing-action{width:100%;padding:12px;border-radius:12px;border:1px solid #cfd4db;background:#f5f7f9;color:#2f2f2f;font-weight:700;cursor:pointer;transition:all .2s ease}.pricing-action.primary{background:#97c238;border-color:#97c238;color:#fff}.modal#planModal .pricing-action{padding:12px;background:#97c238;border-color:#97c238;color:#fff;margin-top:auto}.modal#planModal .pricing-action:hover{filter:brightness(.98)}.modal#planModal .pricing-action:disabled{background:#f5f7f9;border-color:#cfd4db;color:#2f2f2f;filter:none}.step-content[data-step="3"] .actions button{flex:1;width:auto}.tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#e5e7ea;color:#6b7280;font-size:11px;cursor:help;margin-left:4px;position:relative}.tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#2f2f2f;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;margin-bottom:6px;z-index:10;pointer-events:none}.checkbox-row{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;margin-top:6px}#authRegisterSection .checkbox-row{flex-wrap:nowrap}#authRegisterSection .checkbox-row span,#authRegisterSection .checkbox-row .text-btn{font-size:13px;margin-left:8px;line-height:25px}#authRegisterSection .checkbox-row .terms-text,#authRegisterSection .checkbox-row #openTerms{margin-left:0}#authRegisterSection .checkbox-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}#authRegisterSection .checkbox-row .text-btn{white-space:nowrap}.overlay #authRegisterSection .auth-form label.checkbox-row{margin-top:4px;margin-bottom:4px;height:25px}.ci-stack-check,.modal .grid label.ci-stack-check,.ci-cyl-check,.modal .grid label.ci-cyl-check{display:flex;flex-direction:row;align-items:center;gap:6px;margin-left:0;padding:0;font-size:13px;color:#2f2f2f;cursor:pointer;box-sizing:border-box}.ci-stack-check input,.ci-cyl-check input{margin:0!important;flex:0 0 18px}.ci-stack-check span,.ci-cyl-check span{white-space:nowrap}.ci-weight-wrapper{display:flex;align-items:center;gap:4px}.ci-weight-wrapper input{width:60px!important;padding:6px;border:1px solid #cfd4db;border-radius:8px;font-size:13px}.ci-weight-wrapper span{font-size:13px;color:#2f2f2f}.ci-note{width:calc(100% - 44px)!important;padding:6px;border:1px solid #cfd4db;border-radius:8px;font-size:14px;box-sizing:border-box}input,select,textarea,button{max-width:100%;box-sizing:border-box;font-family:Golos Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.panel textarea,#boxes{width:100%;min-height:140px;padding:12px;border:1px solid #cfd4db;border-radius:12px;font-family:Golos Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:#2f2f2f;background:#fff;resize:vertical}.hint+#boxes{margin-top:14px}.ci-weight-wrapper span{display:inline;padding:0;border:0;background:transparent;margin-left:6px}.custom-transport .grid input,.custom-transport .grid select{width:100%!important;max-width:100%;min-width:0;box-sizing:border-box}.controls-wrapper{position:absolute;top:12px;right:12px;z-index:50;display:flex;flex-direction:column;align-items:flex-end}.controls-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e5e7ea;border-radius:20px;box-shadow:0 2px 8px #0000000d;font-size:14px;font-weight:600;color:#2f2f2f;cursor:pointer;transition:all .2s}.controls-toggle:hover{background:#f9fafb;box-shadow:0 4px 12px #00000014}.controls-toggle svg{color:#6b7280}.controls-panel{margin-top:8px;background:#fff;border:1px solid #e5e7ea;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:16px;width:260px;display:flex;flex-direction:column;gap:12px}.controls-panel.hidden{display:none}.control-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;color:#2f2f2f}.control-row input[type=checkbox]{width:18px;height:18px;border:2px solid #cfd4db;border-radius:4px;background:#fff;accent-color:#97C238;cursor:pointer}.control-divider{height:1px;background:#e5e7ea;width:100%}.control-header{font-size:11px;text-transform:uppercase;font-weight:700;color:#6b7280;letter-spacing:.05em}.hotkey-list{display:flex;flex-direction:column;gap:8px}.hotkey-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#2f2f2f}.hotkey-badge{background:#f3f4f6;color:#6b7280;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;font-family:monospace,sans-serif}.rotate-controls-panel{display:flex;gap:6px;align-items:center}.rotate-controls-panel .rotate-btn{width:40px;height:40px;background:#f5f7f9;border-radius:10px;color:#2f2f2f}.rotate-controls-panel .rotate-btn:hover{background:#e8f5d3;color:#0b5c2a}.rotate-controls-panel .rotate-btn svg{width:22px;height:22px}.control-subheader{font-size:12px;font-weight:600;color:#2f2f2f;margin-bottom:6px}.magnet-hud{position:absolute;top:0;left:0;transform:translate(-9999px,-9999px);background:#000000bf;color:#fff;font-size:12px;padding:4px 8px;border-radius:8px;display:flex;align-items:center;gap:8px;z-index:30;pointer-events:none}.magnet-hud .dir{font-family:monospace,sans-serif;color:#facc15}.magnet-hud .dist{font-weight:600}.magnet-hud.hidden{display:none}