:root{color:#fff;font-family:Avenir Next,Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html,#root{margin:0;min-height:100vh;background:#121924}.page{display:grid;grid-template-columns:64px 1fr;height:100vh;overflow:hidden;background:#1f2633}.sidebar{background:#283246;border-right:1px solid #353e50;display:flex;flex-direction:column;align-items:center;padding:32px 10px 18px;gap:26px;height:100vh;overflow-y:auto;position:sticky;top:0}.sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:6px}.sidebar-env-tag{display:block;width:32px;height:16px;object-fit:none;object-position:-64px -44px}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:24px}.sidebar-logo{width:32px;height:32px;position:relative}.sidebar-icon{width:24px;height:24px;position:relative}.sidebar-logo img,.sidebar-icon img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sidebar-logo-accent{top:19.74%!important;right:14.24%!important;bottom:18.98%!important;left:14.01%!important}.sidebar-home-accent{top:13.94%!important;right:11.66%!important;bottom:16.67%!important;left:11.68%!important}.sidebar-help-icon{top:8.33%!important;right:8.33%!important;bottom:8.33%!important;left:8.33%!important}.sidebar-footer{margin-top:auto;display:flex;align-items:center;justify-content:center}.theme-toggle-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .15s ease,background .15s ease}.theme-toggle-btn:hover{opacity:1;background:#ffffff14}.theme-toggle-btn img{width:18px;height:18px;filter:invert(1)}.page,.add-product-page{position:relative;isolation:isolate}.page:after,.add-product-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:gray;mix-blend-mode:saturation;pointer-events:none;z-index:50;opacity:0;transition:opacity .4s ease}.proto-mode:after{opacity:1}.proto-mode .flex-type-tag,.proto-mode .flex-group-badge,.proto-mode .sidebar-footer{position:relative;z-index:51}.proto-mode .page-header{filter:saturate(0)}.content{padding:0 24px 10px;height:100vh;overflow-y:auto}.page-header{background:#282f3e;margin:0 -24px;padding:20px 24px 0;border-bottom:1px solid #6a7592;position:sticky;top:0;z-index:52}.header{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px}.title-row{display:flex;align-items:center;gap:10px}h1{margin:0;font-size:40px;line-height:48px;letter-spacing:-1.2px;font-weight:600}.subtitle{margin:8px 0 0;color:#a9afbb;font-size:18px}.header-actions{text-align:right}.header-actions-row{display:flex;justify-content:flex-end;align-items:center;gap:1rem;flex-wrap:nowrap}.header-actions-row .btn+.btn{margin-left:0}.header-actions-row .btn{font-size:13px;padding:9px 18px}.meta{margin:8px 0 0;color:#b3bac7;font-size:14px}.meta.small{font-size:12px;color:#9ea7b8}.autosave{font-size:13px;color:#c9ced8;margin-bottom:0;display:inline-flex;align-items:center;gap:8px}.toggle{width:42px;height:22px;border-radius:30px;background:#1c73ff;display:inline-flex;align-items:center;padding:2px}.toggle span{width:18px;height:18px;border-radius:50%;background:#fff;margin-left:auto}.tag{display:inline-block;font-size:11px;padding:3px 8px;border-radius:4px;color:#121924;font-weight:700}.tag.yellow{background:#ebb14b}.tag.pink{background:#d96ba0}.btn{border:none;border-radius:2px;color:#fff;font-size:12px;font-weight:600;line-height:16px;letter-spacing:.4px;text-transform:uppercase;padding:8px 16px;background:#384352;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn+.btn{margin-left:8px}.btn.primary{background:#1c73ff}.btn.primary:hover{background:#3381ff}.btn.primary:focus-visible{background:#498fff;outline:none}.btn.quiet{background:transparent}.btn.quiet:hover{background:#ffffff0d}.btn.quiet:focus-visible{box-shadow:inset 0 0 0 1px #fff;outline:none}.btn.outlined{background:transparent;border:1px solid #959da9}.btn.outlined:hover{background:#ffffff0d}.btn.soft{background:#384352}.btn.soft:hover{background:#354153}.btn.soft:focus-visible{background:#2a3544;outline:none}.btn.secondary{background:transparent;border:1px solid #6a7592}.btn.secondary:hover{border-color:#bbc2ce}.btn.secondary:focus-visible{border-color:#fff;outline:none}.btn:disabled{color:#6c788c;cursor:not-allowed}.btn.primary:disabled{background:#1c73ff80}.btn.soft:disabled,.btn.secondary:disabled,.btn.quiet:disabled{background:transparent;border-color:transparent}.btn.full{width:100%;margin-top:16px}.btn-icon{width:16px;height:16px;vertical-align:middle;margin-right:2px}.btn.small{padding:6px 12px;font-size:10px;line-height:14px;letter-spacing:.5px}.toolbar{display:flex;flex-direction:row;align-items:center;gap:24px;padding:14px 0}.viewby,.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.viewby span,.filters span{color:#c4c9d3;font-size:13px}.pill,.chip{color:#fff;background:#27324a;border:1px solid #5b6988;border-radius:999px;padding:7px 14px;font-size:12px;line-height:1}.pill.active{background:#1c73ff;border-color:#1c73ff}.btn-group{display:inline-flex;align-items:center;background:#343e50;border:1px solid #6a7592;border-radius:999px;padding:0;gap:0}.btn-group-item{background:transparent;border:none;border-radius:999px;color:#a9afb9;cursor:pointer;font-family:inherit;font-size:13px;font-weight:400;letter-spacing:normal;line-height:1;padding:8px 15px;transition:background .15s,color .15s;white-space:nowrap}.btn-group-item:hover:not(.active){color:#d0d4dc}.btn-group-item.active{background:#6a7592;color:#fff}.btn-group-item:disabled{color:#4d5567;cursor:not-allowed}.chip{border-color:#465577}.chip.small{padding:5px 10px;font-size:10px}.chip-filter{background:#3b4f704d;border-color:#3b4f70;padding:8px 15px;font-size:13px;line-height:1;display:inline-flex;align-items:center;gap:8px;color:#fff}.chip-filter:hover:not(.is-disabled){background:#3b4f7099}.chip-filter.is-active,.chip-filter:active:not(.is-disabled),.chip-filter:focus-visible:not(.is-disabled){background:#3b4f704d;border-color:#1c73ff;outline:none}.chip-filter.is-selected{background:#3b4f70e6;border-color:#3b4f70}.chip-filter.is-disabled,.chip-filter:disabled{background:#1c2434b3;border-color:#253248;color:#5d6778;cursor:not-allowed}.chip-icon{width:12px;height:12px;display:inline-grid;place-items:center;line-height:1}.chip-icon img{width:12px;height:12px;display:block;transition:transform .12s ease}.chip-icon.is-open img{transform:rotate(180deg)}.chip-dismiss{font-size:18px;font-weight:600;line-height:1}.filter-pill-wrap{position:relative}.filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:170px;background:#2d3646;border:1px solid #45516b;z-index:20}.filter-option{width:100%;border:none;border-bottom:1px solid #43506a;background:transparent;color:#e8ebf1;text-align:left;font-size:12px;padding:8px 10px;cursor:pointer}.filter-option:last-child{border-bottom:none}.filter-option:hover,.filter-option:focus-visible,.filter-option.is-selected{background:#364158;outline:none}.summary{border-top:1px solid #3b4864;background:#1f2633;padding:18px 10px 10px}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}h2{margin:0;font-size:32px;line-height:40px;letter-spacing:-1.1px;font-weight:600}.summary-content{display:flex;align-items:flex-start;gap:14px}.pie-wrap{width:150px;text-align:center;padding:16px 0;position:relative;flex-shrink:0;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}.pie-label{color:#9ea8bb;font-size:12px;line-height:1.4}.pie-label-value{display:block;font-size:13px;font-weight:600;color:#c4c9d3}.pie-tooltip{position:fixed;transform:translate(-50%);pointer-events:none;z-index:1100}.pie-tooltip-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #444d62;margin:0 auto}.pie-tooltip-body{background:#444d62;border-radius:2px;padding:8px;box-shadow:0 2px 4px #00000026;display:flex;flex-direction:column;gap:1px;white-space:nowrap;font-size:12px;color:#fff;line-height:16px;letter-spacing:.048px}.summary-card{width:290px;background:#323c4d;border:1px solid #3f4a62;padding:12px}.product-top{display:flex;align-items:center;gap:6px;margin-bottom:8px}.tag.blue{background:#4fb0c6;color:#121924}.kv-mini{display:grid;grid-template-columns:1fr auto;gap:8px;margin:5px 0;font-size:13px}.kv-mini span:first-child{color:#a9afbb}.board{background:#1f2633;min-height:600px;padding:24px 10px 0}.groupings{padding:24px 10px 8px}.groupings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.groupings-header h2{margin:0}.groupings-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;border:1px dashed #3b4864;border-radius:4px;background:#1f2633;text-align:center;color:#6a7592;font-size:13px}.groupings-grid{display:flex;flex-wrap:wrap;gap:12px}.contracts-grid{margin-top:14px;border:1px solid #3b4864;background:#282f3e}.transaction-header{border-bottom:1px solid #43506a;padding:12px 16px;font-size:13px;color:#d4d9e3}.contract-row{display:grid;grid-template-columns:376px 1fr;border-bottom:1px solid #43506a}.contract-card{background:#2d3646;padding:16px;border-right:1px solid #6a7592;display:flex;flex-direction:column}.contract-card.large{margin:0;min-height:100%}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px}.card-title-row strong{font-size:16px;line-height:24px;letter-spacing:.048px;font-weight:600}.kv{display:grid;grid-template-columns:140px 1fr;gap:16px;color:#e8ebf1;font-size:16px;line-height:24px;letter-spacing:.032px;font-weight:400;margin:0 0 6px}.kv span:first-child{color:#bbc2ce;font-size:14px;line-height:16px;letter-spacing:.07px;font-weight:600;padding-top:4px}.contract-footer{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:8px}.contract-divider{width:100%;height:1px;background:#6a7592;opacity:.25}.contract-review-btn{margin-top:0;width:100%}.contract-actions-row{display:flex;align-items:center;justify-content:space-between}.contract-actions-main{display:flex;align-items:center;gap:16px}.contract-more{border:none;background:transparent;color:#bbc2ce;font-size:18px;cursor:pointer;padding:2px 4px}.contract-more:hover{color:#fff}.contract-menu-wrap{position:relative}.contract-menu-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;min-width:170px;background:#2d3646;border:1px solid #45516b;border-radius:2px;z-index:30}.filter-option--danger{color:#f15e5e}.filter-option--danger:hover,.filter-option--danger:focus-visible{background:#3a2a2a;color:#f15e5e}.mini-note{font-size:11px;color:#7f8ba4;margin:8px 0 0}.row-actions{display:flex;align-items:center;margin-top:10px;gap:8px}.row-actions.compact{margin-top:0}.material-contract-card .row-actions,.contract-product-card .row-actions{justify-content:space-between}.product-card-divider{margin-top:10px;margin-bottom:8px}.material-summary-card{background:#2d3646;border-radius:3px;padding:14px;box-shadow:0 1px 6px #00000026;min-width:200px}.material-summary-card .kv-mini{font-size:12px;margin:8px 0}.material-card-title-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}.material-card-title{font-size:16px;font-weight:600;color:#fff;line-height:1.4;letter-spacing:.03px}.material-contract-card{background:#323c4d;border:none;border-radius:3px;display:flex;flex-direction:column}.product-card-v2.material-contract-card{width:328px}.material-icons-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.material-contract-card .material-card-footer{margin-top:auto}.material-menu-wrap{position:relative}.material-menu-dropdown{bottom:calc(100% + 4px);right:0}.material-status-tag{margin-left:auto}.material-arrow-down{transform:rotate(180deg)}.icon-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.icon-tooltip-wrap:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#444d62;color:#fff;font-size:11px;font-weight:400;text-transform:none;letter-spacing:normal;line-height:1;white-space:nowrap;padding:4px 7px;border-radius:2px;pointer-events:none;opacity:0;transition:opacity .1s ease;z-index:1100}.icon-tooltip-wrap:before{content:"";position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#444d62;pointer-events:none;opacity:0;transition:opacity .1s ease;z-index:1100}.icon-tooltip-wrap:hover:after,.icon-tooltip-wrap:hover:before{opacity:1}.material-drop-svg{display:block;flex-shrink:0}.material-contract-card .kv-mini{grid-template-columns:120px 1fr;align-items:start}.material-contract-card .kv-mini span:last-child{color:#fff;font-size:16px}.menu-wrap{position:relative}.menu{background:transparent;border:none;color:#d9dfeb;font-size:18px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;padding:0;transition:background-color .12s ease}.menu-wrap:hover .menu,.menu:focus-visible{background:#364158;outline:none}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;background:#2d3646;border:1px solid #45516b;z-index:10}.dropdown-item{width:100%;border:none;border-bottom:1px solid #43506a;background:transparent;color:#e8ebf1;text-align:left;font-size:12px;padding:8px 10px;cursor:pointer;transition:background-color .12s ease}.dropdown-item:hover,.dropdown-item:focus-visible{background:#364158;outline:none}.dropdown-item:last-child{border-bottom:none}.dropdown-item.danger{color:#e06c75}.dropdown-item.danger:hover{background:#e06c751f}.depot-column{padding:8px}.depot-group+.depot-group{margin-top:16px}.flex-group-banner{background:#2d3646;border:none;border-left:3px solid var(--gc, #4fb0c6);border-radius:3px;box-shadow:0 1px 6px #00000026;padding:12px 16px;min-width:280px;max-width:400px}.flex-group-banner-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.flex-group-volume{font-size:16px;font-weight:700;color:#fff;margin-left:auto;letter-spacing:.01em}.flex-group-volume-label{font-size:11px;font-weight:400;color:var(--gc, #13bc86);margin-left:4px;text-transform:uppercase;letter-spacing:.04em}.flex-type-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:3px}.flex-type-tag.depot,.flex-type-tag.cross-contract,.flex-type-tag.product,.flex-type-tag.group-tag{color:var(--gc, #4fb0c6);border:1px solid var(--gc, #4fb0c6);background:color-mix(in srgb,var(--gc, #4fb0c6) 15%,transparent)}.flex-group-members{display:flex;flex-direction:column;gap:6px}.flex-group-member{display:flex;align-items:center;gap:8px;background:#243348;border:1px solid #2e5a8a;border-radius:3px;padding:6px 10px;font-size:12px;color:#bbc2ce;width:100%;box-sizing:border-box}.flex-group-dismiss.member-dismiss{margin-left:auto;font-size:14px;color:#6a7592}.flex-group-dismiss.member-dismiss:hover{color:#fff}.flex-group-member-info{display:flex;flex-direction:column;gap:2px}.flex-group-member-name{color:#bbc2ce;font-size:12px}.flex-group-member-volume{color:#fff;font-size:13px;font-weight:600}.flex-group-member-volume.editable{background:none;border:none;padding:0;cursor:pointer;color:#fff;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:5px;border-bottom:1px dashed transparent;transition:border-color .15s;line-height:1}.flex-group-member-volume.editable:hover{border-bottom-color:#6a7592}.flex-group-member-volume.editable:hover .edit-hint{opacity:1}.edit-hint{font-size:10px;opacity:0;color:#6a7592;transition:opacity .15s}.volume-edit-input{background:#1a2335;border:1px solid var(--gc, #4fb0c6);border-radius:3px;color:#fff;font-size:13px;font-weight:600;padding:2px 6px;outline:none;width:110px}.contract-product-card.is-flex-grouped{border-left:3px solid var(--gc, #4fb0c6)}.flex-group-badge-slot{display:flex;align-items:flex-start}.flex-group-badge-slot--reserve{min-height:24px;margin-bottom:8px}.flex-group-badge{display:inline-flex;align-items:center;gap:6px}.flex-group-dismiss{background:none;border:none;cursor:pointer;color:inherit;font-size:13px;line-height:1;padding:0;opacity:.7;display:inline-flex;align-items:center}.flex-group-dismiss:hover{opacity:1}.product-header{background:#2d3646;border:none;border-radius:3px;box-shadow:0 1px 6px #00000026;color:#fff;font-size:13px;padding:8px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.depot-icon{width:16px;height:16px}.cards-inline{display:flex;flex-wrap:wrap;gap:8px}.product-card-v2{width:328px;background:#323c4d;border:1px solid #414d67;padding:10px}.summary-product-card{width:290px;padding:12px}.contract-product-card{background:#2d3646;border:none;border-radius:3px;box-shadow:0 1px 6px #00000026;padding:16px}.product-icons-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.summary-product-card .product-icons-row{margin-bottom:14px}.product-flow-icon{width:24px;height:24px;display:block}.product-flow-divider{width:1px;height:18px;background:#6a7592;opacity:.6}.product-title{display:block;font-size:14px;line-height:16px;letter-spacing:.07px;margin-bottom:8px}.summary-product-card .product-top{margin-bottom:16px}.summary-product-card .kv-mini{font-size:12px;margin:8px 0}.summary-product-card .kv-mini span:first-child,.contract-product-card .kv-mini span:first-child{color:#a9afb9}.contract-product-card .kv-mini{font-size:12px;margin:4px 0}@media (max-width: 1100px){.header{flex-direction:column}.header-actions{text-align:left}.summary-content{flex-direction:column}.contract-row{grid-template-columns:1fr}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-dialog{background:#323c4d;border-radius:4px;box-shadow:0 10px 20px #0000004d;width:498px;max-width:calc(100vw - 48px);padding:40px;position:relative}.confirm-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#bbc2ce;font-size:20px;cursor:pointer;line-height:1;padding:4px}.confirm-close:hover{color:#fff}.confirm-body{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;width:100%}.confirm-title{font-size:28px;font-weight:600;color:#fff;letter-spacing:-.35px;line-height:1.25;margin:0}.confirm-desc{font-size:14px;color:#bbc2ce;line-height:1.5;margin:0;max-width:360px}.confirm-actions{display:flex;gap:24px;align-items:center;justify-content:center;margin-top:24px}.form-field{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left}.form-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6a7592}.form-input{background:#1f2633;border:1px solid #6a7592;border-radius:3px;color:#fff;font-size:14px;padding:8px 12px;outline:none;width:100%;box-sizing:border-box}.form-input:focus{border-color:#4fb0c6}.form-input::placeholder{color:#6a7592}.type-options{display:flex;gap:8px}.type-option{flex:1;padding:8px 12px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:1px solid #6a7592;background:transparent;color:#6a7592;transition:all .15s}.type-option.depot.active{background:#4fb0c626;color:#4fb0c6;border-color:#4fb0c6}.type-option.cross-contract.active{background:#d96ba026;color:#d96ba0;border-color:#d96ba0}.type-option:not(.active):hover{border-color:#bbc2ce;color:#bbc2ce}.group-list{width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}.group-option{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:3px;border:1px solid #353e50;background:#1f2633;cursor:pointer;transition:border-color .15s;width:100%}.group-option:hover{border-color:#6a7592}.group-option.active{border-color:#4fb0c6;background:#4fb0c614}.group-option-info{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.group-option-type{font-size:11px;color:#6a7592}.group-option-volume{font-size:12px;color:#6a7592;flex-shrink:0}.create-group-wrapper{display:flex;flex-direction:column}.create-group-option{justify-content:flex-start}.create-group-option.active{border-color:#4fb0c6;background:#4fb0c614}.create-group-label{font-size:12px;font-weight:600;letter-spacing:.04em;color:#fff}.create-group-inline{display:flex;flex-direction:column;gap:12px;padding:14px;background:#4fb0c60f;border:1px solid #4fb0c6;border-top:none;border-radius:0 0 3px 3px;margin-top:-4px}.add-product-page{display:grid;grid-template-columns:64px 488px 1fr;min-height:100vh;background:#1f2633}.apd-left-panel{background:#282f3e;border-right:1px solid #6a7592;display:flex;flex-direction:column;height:100vh;overflow-y:auto}.apd-header-card{background:#282f3e;padding:32px 40px 0;border-bottom:1px solid #444d62}.apd-back-link{background:none;border:none;color:#bbc2ce;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.64px;text-transform:uppercase;cursor:pointer;padding:0;margin-bottom:12px;display:inline-flex;align-items:center;gap:4px}.apd-back-link:hover{color:#fff}.apd-title{margin:0 0 16px;font-size:32px;font-weight:700;color:#fff}.apd-product-preview{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.apd-preview-meta{display:flex;align-items:center;justify-content:space-between}.apd-preview-contract{font-size:14px;color:#fff}.apd-preview-total{font-size:14px;color:#bbc2ce}.apd-preview-card{background:#323c4d;border-radius:3px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.apd-preview-name{font-size:16px;color:#fff}.apd-progress{display:flex;flex-direction:column;gap:4px;padding-bottom:20px}.apd-progress-label{font-size:12px;color:#959da9;letter-spacing:.048px}.apd-progress-bar{height:8px;background:#444d62;border-radius:100px;overflow:hidden;width:100%}.apd-progress-fill{height:100%;background:linear-gradient(to right,#369190,#59d0aa);border-radius:100px;transition:width .3s ease}.apd-flex-selector{padding:16px 0 4px;border-top:1px solid #323c4d;margin-top:12px;display:flex;flex-direction:column;gap:10px}.apd-flex-selector-label{font-size:11px;font-weight:600;color:#6a7592;letter-spacing:.5px;text-transform:uppercase;font-family:Avenir Next,sans-serif}.apd-flex-options{display:flex;gap:6px;flex-wrap:wrap}.apd-flex-opt{background:#27324a;border:1px solid #444d62;border-radius:999px;color:#6a7592;font-family:Avenir Next,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px;padding:5px 12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.apd-flex-opt:hover{border-color:#6a7592;color:#bbc2ce}.apd-flex-opt.active{background:#1c2d4f;border-color:#1c73ff;color:#fff}.apd-flex-hint{font-size:11px;color:#6a7592;font-family:Avenir Next,sans-serif;margin:0;font-style:italic}.apd-flex-options--stacked{flex-direction:column;gap:8px;flex-wrap:nowrap}.apd-flex-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#27324a;border:1px solid #444d62;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;width:100%}.apd-flex-card:hover{border-color:#6a7592;background:#2d3a52}.apd-flex-card.active{border-color:#1c73ff;background:#1c2d4f}.apd-flex-card-radio{flex-shrink:0;margin-top:1px}.apd-flex-card-text{display:flex;flex-direction:column;gap:3px}.apd-flex-card-label{font-size:13px;font-weight:600;color:#bbc2ce;font-family:Avenir Next,sans-serif}.apd-flex-card.active .apd-flex-card-label{color:#fff}.apd-flex-card-desc{font-size:11px;color:#6a7592;font-family:Avenir Next,sans-serif}.apd-group-picker{display:flex;flex-direction:column;gap:6px;margin-top:20px;padding-top:20px;border-top:1px solid #444d62}.apd-group-picker-label{font-size:11px;font-weight:600;color:#6a7592;letter-spacing:.5px;text-transform:uppercase;font-family:Avenir Next,sans-serif;margin-bottom:4px}.apd-group-picker-empty{font-size:12px;color:#6a7592;font-family:Avenir Next,sans-serif;margin:0;font-style:italic}.apd-group-row{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#27324a;border:1px solid #444d62;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;width:100%}.apd-group-row:hover{border-color:#6a7592;background:#2d3a52}.apd-group-row.active{border-color:#1c73ff;background:#1c2d4f}.apd-group-row-header{display:flex;align-items:center;gap:10px}.apd-group-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.apd-group-row-label{flex:1;font-size:13px;font-weight:600;color:#bbc2ce;font-family:Avenir Next,sans-serif}.apd-group-row.active .apd-group-row-label{color:#fff}.apd-group-row-vol{font-size:11px;color:#6a7592;font-family:Avenir Next,sans-serif}.apd-group-row-check{flex-shrink:0}.apd-group-members{list-style:none;margin:0;padding:8px 0 0 20px;display:flex;flex-direction:column;gap:5px;border-top:1px solid #3a4559}.apd-group-member{display:flex;align-items:center;gap:7px}.apd-group-member-info{flex:1;display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.apd-group-member-name{font-size:12px;color:#9aa3b8;font-family:Avenir Next,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apd-group-member-meta{font-size:11px;color:#6a7592;font-family:Avenir Next,sans-serif;white-space:nowrap}.apd-group-member-vol{font-size:11px;color:#6a7592;font-family:Avenir Next,sans-serif}.apd-group-members-empty{font-size:11px;color:#6a7592;font-family:Avenir Next,sans-serif;margin:0;font-style:italic;padding-left:20px;border-top:1px solid #3a4559;padding-top:8px}.apd-group-create-btn{display:flex;align-items:center;gap:7px;background:none;border:1px dashed #444d62;border-radius:6px;color:#1c73ff;font-family:Avenir Next,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:9px 12px;cursor:pointer;transition:border-color .15s,background .15s;margin-top:2px}.apd-group-create-btn:hover{border-color:#1c73ff;background:#1c2d4f30}.apd-group-create-row{display:flex;align-items:center;gap:8px}.apd-group-create-input{flex:1;background:#17202f;border:1px solid #6a7592;border-radius:4px;color:#fff;font-family:Avenir Next,sans-serif;font-size:13px;padding:7px 10px;outline:none}.apd-group-create-input:focus{border-color:#1c73ff}.apd-group-create-confirm{font-size:11px;padding:7px 12px;white-space:nowrap}.apd-step-menu{flex:1;overflow-y:auto}.apd-step{display:flex;flex-direction:column;gap:6px;padding:16px 40px 16px 36px;width:100%;background:none;border:none;border-left:3px solid transparent;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.apd-step:hover{background:#ffffff08}.apd-step--active{background:#323c4d80;border-left-color:#1c73ff}.apd-step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.apd-step-label{font-size:12px;font-weight:600;color:#6a7592;letter-spacing:.4px;line-height:16px}.apd-step--active .apd-step-label{color:#bbc2ce}.apd-step-status-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.apd-step-field{display:flex;justify-content:space-between;gap:8px}.apd-step-field-label{font-size:11px;font-weight:400;color:#6a7592;line-height:18px;flex-shrink:0}.apd-step-field-value{font-size:11px;color:#bbc2ce;line-height:18px;text-align:right}.apd-step-divider{height:1px;background:#444d62;margin:0}.apd-footer{padding:16px 40px;border-top:1px solid #444d62;display:flex;flex-direction:column;gap:10px;background:#282f3e}.apd-footer-nav{display:flex;gap:10px}.apd-nav-btn{flex:1;justify-content:center}.apd-done-btn{width:100%;justify-content:center}.apd-right-panel{padding:32px 40px;overflow-y:auto;height:100vh}.apd-form-card{background:#282f3e;border:1px solid #444d62;border-radius:4px;padding:28px 32px;max-width:560px}.apd-form-title{margin:0 0 24px;font-size:18px;font-weight:700;color:#fff}.apd-form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.apd-form-label{font-size:12px;color:#a9afb9;letter-spacing:.4px;font-weight:600;text-transform:uppercase}.apd-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.apd-select-wrap{position:relative}.apd-select-wrap:after{content:"˅";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6a7592}.apd-select{width:100%;background:#17202f;border:1px solid #6a7592;border-radius:3px;color:#fff;font-family:inherit;font-size:15px;padding:10px 36px 10px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.apd-select:focus{outline:none;border-color:#1c73ff}.apd-input{width:100%;background:#17202f;border:1px solid #6a7592;border-radius:3px;color:#fff;font-family:inherit;font-size:15px;padding:10px 12px;box-sizing:border-box}.apd-input:focus{outline:none;border-color:#1c73ff}.apd-input--readonly{background:#1a2335;border-color:#3e4a60;color:#6a7592;cursor:default;display:flex;align-items:center;min-height:44px}.apd-step-detail{display:flex;flex-direction:column;gap:8px}.apd-kv-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #323c4d}.apd-kv-row:first-of-type{border-top:1px solid #323c4d}.apd-kv-label{color:#6a7592;font-size:13px;font-family:Avenir Next,sans-serif}.apd-kv-value{color:#bbc2ce;font-size:13px;font-family:Avenir Next,sans-serif}.apd-materials-row{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px}.apd-materials-select{flex:1}.apd-materials-select .apd-select{height:52px}.apd-materials-shares{display:flex;flex-direction:column;gap:6px;min-width:240px}.apd-materials-shares-label{font-size:11px;color:#6a7592;font-family:Avenir Next,sans-serif;text-align:right}.apd-materials-shares-values{display:flex;gap:8px}.apd-materials-share-box{flex:1;background:#384352;border:1px solid #4c556c;border-radius:3px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.apd-materials-share-title{font-size:11px;color:#6a7592;font-family:Avenir Next,sans-serif}.apd-materials-share-value{font-size:15px;font-weight:600;color:#bbc2ce;font-family:Avenir Next,sans-serif}.apd-materials-divider{border:none;border-top:1px solid #323c4d;margin:0 0 20px}.apd-materials-add-btn{background:#2d3646;border:1px solid #4c556c;border-radius:3px;color:#bbc2ce;font-family:Avenir Next,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 16px;cursor:pointer}.apd-materials-add-btn:hover{background:#384352}.apd-volume-form{display:flex;flex-direction:column;gap:16px}.apd-vol-input-wrap{background:#17202f;border:1px solid #6a7592;border-radius:3px;padding:8px 12px 10px;display:flex;flex-direction:column;gap:4px}.apd-vol-input-label{font-size:11px;color:#6a7592;font-family:Avenir Next,sans-serif;letter-spacing:.3px}.apd-vol-input-value{font-size:15px;color:#bbc2ce;font-family:Avenir Next,sans-serif}.apd-vol-select{padding-top:24px}.apd-vol-select-label{position:absolute;top:8px;left:12px;font-size:11px;color:#6a7592;font-family:Avenir Next,sans-serif;pointer-events:none;letter-spacing:.3px}.apd-vol-section{display:flex;flex-direction:column;gap:10px}.apd-vol-section-label{font-size:13px;font-weight:600;color:#bbc2ce;font-family:Avenir Next,sans-serif}.apd-payment-outstanding{display:flex;justify-content:space-between;align-items:center}.apd-payment-days{font-size:15px;color:#bbc2ce;font-family:Avenir Next,sans-serif}.apd-textarea{resize:vertical;min-height:100px;line-height:1.5}.apd-pricing-form{gap:20px}.apd-pricing-tabs{display:flex;align-items:flex-end;gap:0;border-bottom:1px solid #444d62;margin-bottom:4px}.apd-pricing-tab{background:none;border:none;border-bottom:2px solid transparent;color:#6a7592;font-family:Avenir Next,sans-serif;font-size:14px;font-weight:600;padding:8px 16px 8px 0;cursor:pointer;margin-bottom:-1px;letter-spacing:.3px}.apd-pricing-tab--active{color:#fff;border-bottom-color:#1c73ff}.apd-pricing-tab--add{color:#6a7592;font-size:18px;padding:4px 8px}.apd-pricing-formula-card{background:#282f3e;border:1px solid #444d62;border-radius:3px;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.apd-pricing-formula-header{display:flex;justify-content:space-between;align-items:center}.apd-pricing-formula-name{font-size:13px;font-weight:600;color:#bbc2ce;font-family:Avenir Next,sans-serif}.apd-pricing-edit{font-size:12px;color:#6a7592;margin-left:4px;cursor:pointer}.apd-pricing-more{background:none;border:none;color:#6a7592;font-size:16px;cursor:pointer;padding:0 4px}.apd-pricing-formula-expr{font-size:13px;font-family:Avenir Next,sans-serif}.apd-pricing-expr-text{color:#ebb14b}.apd-pricing-expr-empty{color:#6a7592;font-style:italic}.apd-pricing-add-label{font-size:13px;color:#bbc2ce;font-family:Avenir Next,sans-serif}.apd-pricing-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.apd-pricing-chip{display:flex;align-items:center;gap:6px;background:none;border:1px solid #444d62;border-radius:999px;color:#bbc2ce;font-family:Avenir Next,sans-serif;font-size:13px;padding:5px 12px;cursor:pointer;transition:border-color .15s,background .15s}.apd-pricing-chip--active{background:#1c2434;border-color:#6a7592}.apd-pricing-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1f2633;display:flex;overflow:auto}.bd-sidebar{width:64px;flex-shrink:0;background:#283246;border-right:1px solid #353e50;display:flex;flex-direction:column;align-items:center;padding-top:32px;gap:24px;position:sticky;top:0;height:100vh;align-self:flex-start}.bd-sidebar-icon{width:24px;height:24px;opacity:.45;filter:brightness(2)}.bd-sidebar-icon--active{opacity:1}.bd-left-panel{width:488px;min-width:320px;flex-shrink:0;background:#282f3e;display:flex;flex-direction:column;min-height:100vh}.bd-left-header{display:flex;flex-direction:column;gap:16px;padding:32px 40px}.bd-back-link{background:none;border:none;color:#bbc2ce;font-size:14px;font-weight:600;letter-spacing:.64px;text-transform:uppercase;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px;width:fit-content}.bd-back-link:hover{color:#fff}.bd-title{font-size:40px;font-weight:600;color:#fff;line-height:1.2;letter-spacing:-.48px;margin:0}.bd-progress-wrap{display:flex;flex-direction:column;gap:4px}.bd-progress-label{font-size:12px;color:#959da9;letter-spacing:.048px}.bd-progress-bar{width:100%;max-width:408px;height:8px;background:#3a4357;border-radius:4px;overflow:hidden}.bd-progress-fill{height:100%;background:#1c73ff;border-radius:4px;transition:width .3s}.bd-divider{height:1px;background:#6a7592;opacity:.5;width:100%;flex-shrink:0}.bd-stepper{display:flex;flex-direction:column;flex:1;overflow-y:auto}.bd-stepper-footer{background:#282f3e;border-top:1px solid #6a7592;padding:24px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.bd-nav-row{display:flex;gap:16px}.bd-btn-prev,.bd-btn-next{flex:1;padding:14px 16px;border-radius:2px;font-size:14px;font-weight:600;letter-spacing:.64px;text-transform:uppercase;cursor:pointer;font-family:inherit;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.bd-btn-prev{background:transparent;color:#5d6778}.bd-btn-prev:not(:disabled):hover{background:#ffffff0d}.bd-btn-prev:disabled{opacity:.5;cursor:default}.bd-btn-next{background:#384352;color:#fff}.bd-btn-next:hover{background:#3f4d5e}.bd-btn-next:disabled{opacity:.4;cursor:default}.bd-btn-done{width:100%;padding:14px 16px;background:#1c73ff;color:#fff;border:none;border-radius:2px;font-size:14px;font-weight:600;letter-spacing:.64px;text-transform:uppercase;cursor:pointer;font-family:inherit}.bd-btn-done:hover{background:#1a68e8}.bd-step-check{width:24px;height:24px;border-radius:50%;background:#59d0aa;color:#1f2633;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bd-summary-compare{display:flex;align-items:flex-start;gap:16px}.bd-summary-card{flex:1;background:#323c4d;border:1px solid #6a7592;border-radius:4px;padding:8px 16px 16px;display:flex;flex-direction:column;gap:8px}.bd-summary-card--backup{opacity:.55}.bd-summary-card-title{font-size:16px;font-weight:600;color:#fff;letter-spacing:.048px;margin:0 0 4px;padding-top:4px}.bd-summary-kv{display:grid;grid-template-columns:140px 1fr;gap:16px;min-height:24px;align-items:start}.bd-summary-kv span:first-child{font-size:14px;font-weight:600;color:#a9afb9;letter-spacing:.07px;padding:4px 0}.bd-summary-kv span:last-child{font-size:16px;color:#fff;letter-spacing:.032px}.bd-summary-swap{font-size:20px;color:#6a7592;align-self:center;flex-shrink:0;padding-top:32px}.bd-summary-actions{display:flex;gap:16px;align-items:center;margin-top:8px}.bd-btn-prev--enabled{opacity:1;cursor:pointer;background:#384352;color:#fff;flex:0 0 auto;padding:14px 16px}.bd-btn-add-depot{width:auto;flex:1}.bd-step{padding:24px 40px}.bd-step--active{background:#323c4d}.bd-step--inactive{opacity:.5}.bd-step-header{display:flex;align-items:center;justify-content:space-between;min-height:24px}.bd-step-label{font-size:12px;font-weight:500;color:#fff;letter-spacing:.06px}.bd-step-indicator{width:24px;height:24px;border-radius:50%;border:1.5px solid #6a7592;display:block;flex-shrink:0}.bd-step-kv{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:8px}.bd-step-kv span:first-child{font-size:14px;font-weight:600;color:#a9afb9;letter-spacing:.07px}.bd-step-kv span:last-child{font-size:16px;color:#fff}.bd-panel-divider{width:1px;background:#6a7592;min-height:100%;flex-shrink:0;align-self:stretch}.bd-content{flex:1;padding:40px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;min-width:0}.bd-selected-items{background:#282f3e;border:1px solid #4c556c;border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:16px}.bd-section-title{font-size:16px;font-weight:600;color:#fff;margin:0}.bd-kv{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:24px}.bd-kv span:first-child{font-size:14px;font-weight:600;color:#a9afb9;letter-spacing:.07px}.bd-kv span:last-child{font-size:16px;color:#fff;letter-spacing:.032px}.bd-form-card{background:#2d3646;border:1px solid #6a7592;border-radius:3px;padding:32px 24px 40px;display:flex;flex-direction:column;gap:24px}.bd-form-title{font-size:24px;font-weight:600;color:#fff;letter-spacing:-.216px;margin:0}.bd-form-fields{display:flex;flex-direction:column;gap:40px}.bd-select-wrap{position:relative;height:56px}.bd-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;background:#1c2434;border:1px solid #5d6778;border-radius:2px;padding:0 48px 0 16px;font-size:16px;color:#a9afb9;cursor:pointer;font-family:inherit}.bd-select:focus{outline:none;border-color:#1c73ff;color:#fff}.bd-select option{background:#1c2434;color:#fff}.bd-select-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;pointer-events:none;filter:brightness(2) opacity(.6)}.bd-radio-group{display:flex;flex-direction:column;gap:8px}.bd-radio-group--disabled{opacity:.4;pointer-events:none}.bd-radio-label{font-size:14px;font-weight:600;color:#a9afb9;letter-spacing:.07px;margin:0}.bd-radio-options{display:flex;gap:8px}.bd-chip{border-radius:100px;padding:9px 16px;font-size:16px;font-weight:600;text-transform:uppercase;cursor:pointer;border:1.5px solid #fff;background:#1c73ff;color:#fff;transition:background .15s,border-color .15s;font-family:inherit;letter-spacing:.5px}.bd-chip--ghost{background:transparent;border-color:#fff;color:#fff}.bd-chip--ghost:hover{background:#ffffff14}.material-contract-card.has-backup-depot{border-left:3px solid #6c788c}.product-card-v2.group-hovered{outline:2px solid #4fb0c6;box-shadow:0 0 0 4px #4fb0c61f;transition:outline .1s ease,box-shadow .1s ease}.backup-depot-badge-slot{display:flex;align-items:flex-start;margin-bottom:6px}.backup-depot-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px 2px 5px;border-radius:3px;color:#9fafc0;border:1px solid #6c788c;background:color-mix(in srgb,#6c788c 15%,transparent)}.backup-depot-tag-icon{width:12px;height:12px;flex-shrink:0;opacity:.75}.backup-depot-header-label{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#6c788c}.select-material-dialog{max-width:95vw}.select-material-dialog .confirm-body{align-items:flex-start;text-align:left}.select-material-dialog .confirm-desc{max-width:none;white-space:nowrap}.select-material-list{display:flex;flex-direction:column;gap:16px;margin:12px 0;max-height:380px;overflow-y:auto}.select-material-contract{display:flex;flex-direction:column;gap:8px}.select-material-contract-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#fff;padding-bottom:4px;border-bottom:1px solid #414d67;text-align:left}.select-material-depot{display:flex;flex-direction:column;gap:6px;padding-left:8px;border-left:2px solid #414d67}.select-material-depot-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none;color:#fff;padding:4px 0;text-align:left}.select-material-product{display:flex;flex-direction:column;gap:4px;padding-left:8px}.select-material-product-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#bbc2ce;margin-bottom:2px}.select-material-product-vol{margin-left:auto;font-size:11px;font-weight:400;color:#6a7592}.select-material-item{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;background:#2d3646;border:1px solid #414d67;border-radius:3px;padding:8px 12px;cursor:pointer;text-align:left;transition:background .1s ease,border-color .1s ease;margin-bottom:2px}.select-material-item:hover:not(:disabled){background:#3d485c;border-color:#4fb0c6}.select-material-item.has-backup{opacity:.45;cursor:not-allowed}.select-material-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.select-material-item-name{font-size:13px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis}.select-material-item-sub{font-size:11px;color:#6a7592}.select-material-item-badge{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#6c788c;white-space:nowrap;flex-shrink:0}