@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.hero h2{max-width:700px;font-size:clamp(27px,3vw,39px);line-height:1.08}.hero-action{max-width:260px;margin-top:20px}.automation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-catalog{margin:22px 0 18px;padding:22px}.catalog-panel-title{margin-bottom:14px}.catalog-count{color:#75d8b6;font-size:12px}.catalog-tools{grid-template-columns:minmax(0,1fr) minmax(210px,280px);align-items:end;gap:14px;margin-bottom:14px;display:grid}.catalog-search{color:#7391aa;background:#0a1625;border:1px solid #294058;border-radius:8px;align-items:center;gap:9px;padding:0 11px;display:flex!important}.catalog-search input{background:0 0;border:0;padding-left:0}.catalog-warehouse select{padding:9px 11px}.catalog-list{gap:6px;max-height:390px;padding-right:3px;display:grid;overflow:auto}.catalog-row{background:#101f31;border:1px solid #1d334b;border-radius:9px;grid-template-columns:minmax(160px,1fr) auto minmax(150px,.7fr) auto;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:grid}.catalog-product{gap:4px;min-width:0;display:grid}.catalog-product strong{overflow-wrap:anywhere;font-size:12px;line-height:1.35}.catalog-product span,.catalog-stock{color:#7992aa;overflow-wrap:anywhere;font-size:10px}.catalog-price{white-space:nowrap;color:#d6e6f5;font-size:12px}.catalog-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.catalog-action,.readback-button{color:#9db5ca;cursor:pointer;white-space:nowrap;background:#14283d;border:1px solid #2d4962;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:7px 9px;font:500 10px DM Sans;display:inline-flex}.catalog-action:hover,.readback-button:hover{color:#78ddba;border-color:#4e9587}.catalog-action:disabled,.readback-button:disabled{opacity:.45;cursor:not-allowed}.add-action{color:#70dabb;border-color:#2d6658}.catalog-offline{color:#d7b47b;border:1px dashed #46556a;border-radius:8px;padding:16px;font-size:12px;line-height:1.5}.catalog-loading{color:#9bb0c4;align-items:center;gap:7px;font-size:11px;display:flex}.catalog-more{margin:0}.demo-disclaimer{color:#93a7bb;margin:10px 0 0;font-size:10px;line-height:1.45}.integration-banner-title{flex-wrap:wrap}.refresh-link{align-items:center;gap:5px;margin-left:auto;display:inline-flex}.integration-meta{flex-wrap:wrap}.example-button{min-width:0;min-height:74px}.example-button strong,.example-button small{line-height:1.35}.order-message{margin-top:4px}.order-line{grid-template-columns:minmax(0,1fr) 70px minmax(145px,1fr) 30px}.remove-line{color:#758ba2;cursor:pointer;background:0 0;border:0;padding:7px}.remove-line:hover{color:#ff929a}.pre-confirm-total{background:#102a2a;border:1px solid #244a48;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.pre-confirm-total span{color:#a5bbca;font-size:11px}.pre-confirm-total strong{color:#7ae0ba;margin-left:auto;font-size:17px}.pre-confirm-total small{color:#7893a8;flex-basis:100%;font-size:10px;line-height:1.4}.result-footer{flex-wrap:wrap}.order-summary{flex-basis:100%}.order-receipt{gap:8px;display:grid}.readback-button{color:#84e0bf;justify-self:start}.readback-details{overflow-wrap:anywhere;background:#102824;border:1px solid #2c514d;border-radius:8px;padding:10px 12px}.readback-details p{color:#c0d1d8;margin:5px 0;font-size:11px;line-height:1.45}.readback-details strong{color:#79ddb8;margin-top:8px;font-size:12px;display:block}.order-integration-fields{margin-top:15px}.order-integration-fields label{min-width:0}@media (width<=980px){.catalog-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.catalog-product{grid-column:1}.catalog-price{grid-area:1/2}.catalog-stock{grid-column:1}.catalog-actions{grid-area:2/2}.order-line{grid-template-columns:minmax(0,1fr) 65px 30px}.order-line select,.catalog-details{grid-column:1/-1}.remove-line{grid-area:1/3}}.mobile-nav{display:none}@media (width<=620px){.mobile-nav{background:#0a1625;border-bottom:1px solid #1a2b40;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:9px 10px;display:grid}.mobile-nav button{color:#90a4b8;background:0 0;border:1px solid #0000;border-radius:7px;min-width:0;min-height:38px;padding:4px 2px;font:500 10px DM Sans}.mobile-nav button.active{color:#72dab6;background:#172b40;border-color:#2c4b5d}.topbar h1{font-size:19px}.page{width:100%;padding:18px 12px 42px}.hero{padding:21px 18px}.hero h2{overflow-wrap:anywhere;font-size:27px}.hero p{font-size:13px}.hero-action{width:100%;max-width:none}.flow-visual{white-space:normal;grid-template-columns:1fr;gap:7px;margin:17px 0 0;display:grid}.flow-visual svg{display:none}.flow-visual div{text-align:center;padding:9px}.automation-grid{grid-template-columns:1fr;gap:10px}.section-head{margin:28px 0 13px}.live-catalog{margin-top:16px;padding:16px 12px}.catalog-panel-title{align-items:flex-start;gap:8px}.catalog-panel-title h3{font-size:15px;line-height:1.35}.catalog-count{white-space:nowrap;padding-top:4px}.catalog-tools{grid-template-columns:1fr;gap:10px}.catalog-search{min-height:44px}.catalog-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px}.catalog-product strong{font-size:12px}.catalog-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.catalog-action{min-height:38px}.catalog-stock{font-size:10px}.example-picker{grid-template-columns:1fr}.example-button{min-height:58px}.result-footer .primary{width:100%;margin:0}.result-footer>span{width:100%}.order-line{grid-template-columns:minmax(0,1fr) 64px 30px;gap:6px;padding:7px}.order-line select,.catalog-details{grid-column:1/-1}.order-line .qty{grid-area:1/2}.order-line .remove-line{grid-area:1/3}.catalog-details small{font-size:10px}.order-integration-fields{grid-template-columns:1fr}.order-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.order-summary strong{font-size:14px}.order-receipt{overflow-wrap:anywhere;min-width:0}.readback-details{font-size:10px}.history-row{grid-template-columns:42px minmax(0,1fr) auto;padding:11px 2px}.history-row time{display:none}.workflow-row{flex-direction:column}.row-actions{justify-content:flex-start}.scenario-head h2{font-size:28px}}@media (width<=360px){.page{padding-left:10px;padding-right:10px}.catalog-panel-title,.catalog-count{display:block}.pre-confirm-total strong{margin-left:0}.integration-banner-title{align-items:flex-start}}:root{color:#e6edf7;font-synthesis:none;background:#08111f;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{background:radial-gradient(circle at 72% -20%,#1c3857 0,#0000 45%),#08111f;min-height:100vh;display:flex}.sidebar{background:#050c17cc;border-right:1px solid #1d2b3e;flex-direction:column;width:258px;padding:27px 16px 22px;display:flex}.brand{align-items:center;gap:10px;padding:0 11px 31px;display:flex}.brand-mark{color:#071322;background:linear-gradient(135deg,#62d9b0,#4a8dff);border-radius:10px;place-items:center;width:32px;height:32px;font:700 20px Space Grotesk;display:grid}.brand strong{font:600 15px Space Grotesk;display:block}.brand small{color:#6d7e93;letter-spacing:.04em;font-size:10px}.workspace{color:#788aa1;letter-spacing:.13em;padding:0 12px 11px;font-size:10px}.dot,.live{background:#59d0a6;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #143b35}nav{gap:5px;display:grid}.nav-item{color:#91a1b6;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:12px;font:500 13px DM Sans;display:flex}.nav-item:hover,.nav-item.active{color:#e8f0fc;background:#17273b}.nav-item.active{box-shadow:inset 2px 0 #63d4ac}.nav-item b{color:#9fbedc;background:#223b55;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-note{color:#7588a0;background:#0f1d2d;border:1px solid #203349;border-radius:12px;margin-top:auto;padding:14px;font-size:11px;line-height:1.45}.sidebar-note span{color:#63d4ac;font-weight:600}.sidebar-note p{margin:6px 0 0}.main{flex:1;min-width:0}.topbar{border-bottom:1px solid #1a2b40;justify-content:space-between;align-items:center;height:91px;padding:21px 44px;display:flex}.eyebrow,.step{color:#6e87a7;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:600}.topbar h1{margin:4px 0 0;font:600 22px Space Grotesk}.session{color:#8da0b7;font-size:12px}.session code{color:#5bd4ae;margin-left:6px;font-size:11px}.page{max-width:1230px;margin:0 auto;padding:42px 44px 80px}.hero{background:linear-gradient(115deg,#12283c,#0d1a2b 65%);border:1px solid #223950;border-radius:18px;justify-content:space-between;align-items:center;padding:34px 36px;display:flex;overflow:hidden}.pill{color:#67d5b1;text-transform:uppercase;letter-spacing:.11em;background:#153d43;border:1px solid #216052;border-radius:20px;padding:5px 10px;font-size:10px}.hero h2{letter-spacing:-.03em;margin:20px 0 13px;font:600 33px/1.12 Space Grotesk}.hero p{color:#94a8bd;max-width:550px;margin:0;line-height:1.55}.flow-visual{color:#9bb2c7;white-space:nowrap;align-items:center;gap:12px;margin-left:25px;font-size:11px;display:flex}.flow-visual svg{color:#50718f}.flow-visual div{background:#112238;border:1px solid #31506e;border-radius:10px;padding:14px 13px}.flow-visual .accent{color:#75e0bb;background:#12322f;border-color:#357666}.section-head,.panel-title{justify-content:space-between;align-items:center;display:flex}.section-head{margin:46px 0 18px}.section-head h3,.principles h3{margin:7px 0 0;font:600 21px Space Grotesk}.muted{color:#69809b;font-size:12px}.automation-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.automation-card{color:inherit;text-align:left;cursor:pointer;background:#0e1b2c;border:1px solid #20344c;border-radius:14px;padding:22px;transition:all .2s}.automation-card:hover{background:#102238;border-color:#427391;transform:translateY(-3px)}.card-icon{border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.card-icon.blue{color:#6bb7ff;background:#173a5b}.card-icon.orange{color:#ffbf76;background:#493425}.card-icon.green{color:#71e0bc;background:#163c39}.card-top{color:#6f88a5;justify-content:space-between;margin-top:22px;font-size:11px;display:flex}.card-top svg{color:#5d7895}.automation-card h3{margin:11px 0 7px;font:600 19px Space Grotesk}.automation-card p{color:#8ca0b6;min-height:55px;font-size:12px;line-height:1.5}.try{color:#72d9b7;align-items:center;gap:6px;font-size:12px;display:flex}.principles{margin-top:53px}.principle-row{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:22px;display:grid}.principle{border-top:1px solid #23364d;gap:13px;padding-top:17px;display:flex}.principle>span{color:#4a708c;font:600 12px Space Grotesk}.principle strong{font:600 14px Space Grotesk}.principle p{color:#8095ab;margin:7px 0;font-size:12px;line-height:1.5}.scenario-head{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.scenario-head h2{margin:7px 0 9px;font:600 32px Space Grotesk}.scenario-head p{color:#8ea3ba;max-width:690px;margin:0;font-size:13px;line-height:1.5}.scenario-stat{border-left:1px solid #2b4560;padding-left:22px}.scenario-stat strong{font:600 34px Space Grotesk;display:block}.scenario-stat span{color:#7f96af;font-size:11px}.scenario-badge{color:#6ad6b2;background:#123330;border:1px solid #276052;border-radius:8px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;display:flex}.two-col{grid-template-columns:minmax(280px,.85fr) minmax(400px,1.15fr);gap:18px;display:grid}.panel{background:#0e1b2c;border:1px solid #20344b;border-radius:14px;padding:23px}.panel-title{margin-bottom:18px}.panel-title h3{margin:6px 0 0;font:600 17px Space Grotesk}.link-button{color:#62d5b1;cursor:pointer;background:0 0;border:0;font-size:11px}.input-panel{flex-direction:column;gap:14px;display:flex}.input-panel textarea,.panel textarea{resize:vertical;min-height:125px}.panel textarea,.panel input,.panel select{color:#dce7f2;background:#0a1625;border:1px solid #294058;border-radius:8px;outline:none;width:100%;padding:11px 12px;font:13px DM Sans}.panel textarea:focus,.panel input:focus,.panel select:focus{border-color:#4d9d93}.panel label{color:#8ca1b8;gap:7px;font-size:11px;display:grid}.file-drop{cursor:pointer;border:1px dashed #38526c;border-radius:8px;align-items:center;gap:9px;padding:12px;color:#89a2bc!important;display:flex!important}.file-drop input{display:none}.primary{color:#071b1d;cursor:pointer;background:#54cba8;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font:600 12px DM Sans;display:flex}.primary:hover{background:#73e0be}.primary:disabled{opacity:.5;cursor:not-allowed}.compact{padding:9px 11px}.hint{color:#64809a;font-size:10px;line-height:1.4}.result-panel{min-height:330px}.order-meta{color:#6d88a3;margin:-7px 0 13px;font-size:11px}.items{gap:8px;display:grid}.order-line{background:#122237;border-left:3px solid #58cda8;border-radius:8px;grid-template-columns:minmax(160px,1fr) 70px minmax(150px,1fr);align-items:center;gap:8px;padding:8px;display:grid}.order-line.ambiguous{border-left-color:#e9ad62}.order-line.unmatched{border-left-color:#e26f76}.line-main{min-width:0}.line-main input{padding:8px;font-size:12px}.match-label{color:#65d2af;margin:4px 0 0 3px;font-size:10px;display:block}.ambiguous .match-label{color:#ecba70}.unmatched .match-label{color:#ef858a}.qty{padding:8px!important}.catalog-name{color:#93abc1;font-size:10px;line-height:1.3}.result-footer{color:#7890a7;border-top:1px solid #1f334a;align-items:center;gap:12px;margin-top:15px;padding-top:15px;font-size:11px;display:flex}.result-footer .primary{margin-left:auto}.download{color:#6edbb7;align-items:center;gap:5px;text-decoration:none;display:flex}.history{margin-top:18px}.history-row{text-align:left;color:#a6b7c9;cursor:pointer;background:0 0;border:0;border-top:1px solid #1c3047;grid-template-columns:60px 1fr auto 90px;align-items:center;width:100%;padding:13px 5px;font-size:12px;display:grid}.history-row:hover{background:#122237}.history-id{color:#d6e4f3;font-weight:600}.history-row time{color:#68809c}.status{white-space:nowrap;color:#a6bad0;background:#24384d;border-radius:20px;padding:4px 8px;font-size:10px}.status-confirmed,.status-approved,.status-done{color:#6fe0b8;background:#163c37}.status-needs_review,.status-pending,.status-assigned,.status-accepted,.status-in_progress{color:#e9bd75;background:#423a25}.status-rejected,.status-cancelled{color:#ed8995;background:#452b35}.empty{color:#63809d;text-align:center;align-content:center;place-items:center;gap:9px;min-height:220px;font-size:12px;display:grid}.empty p{max-width:220px;line-height:1.45}.workflow-row{border-top:1px solid #1c3047;justify-content:space-between;gap:18px;padding:16px 0;display:flex}.workflow-row:first-of-type{border-top:0}.workflow-row strong{font:600 14px Space Grotesk}.workflow-row p{color:#a0b2c4;white-space:pre-line;margin:6px 0;font-size:12px}.workflow-row small{color:#6f88a2;font-size:10px}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.approve{color:#70d8b4;cursor:pointer;background:#153530;border:1px solid #3c7f70;border-radius:7px;padding:6px 8px;font-size:10px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.sidebar{width:220px}.page{padding:30px 25px}.topbar{padding:18px 25px}.hero{display:block}.flow-visual{margin:28px 0 0}.automation-grid{grid-template-columns:1fr}.principle-row{grid-template-columns:1fr;gap:15px}.two-col{grid-template-columns:1fr}}@media (width<=620px){.sidebar{display:none}.topbar{height:auto;padding:18px}.session{display:none}.page{padding:22px 15px 50px}.hero{padding:23px}.hero h2{font-size:27px}.flow-visual{overflow:auto}.scenario-head{display:block}.scenario-badge{margin-top:18px;display:inline-flex}.order-line{grid-template-columns:1fr 65px}.order-line select,.catalog-name{grid-column:1/-1}.history-row{grid-template-columns:45px 1fr auto}.history-row time{display:none}}.automation-card .business-flow{grid-template-columns:auto 1fr;gap:3px 7px;display:grid}.automation-card .business-flow span{color:#5f82a0;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.download{cursor:pointer;background:0 0;border:0;font:11px DM Sans,sans-serif}.download:disabled{opacity:.55;cursor:wait}.example-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.example-button{color:#a8bacd;text-align:left;cursor:pointer;background:#0a1625;border:1px solid #294058;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;font:11px DM Sans,sans-serif;display:flex}.example-button:hover{color:#e1ecf6;border-color:#4d9d93}.example-button:disabled{opacity:.55;cursor:wait}.example-button small{color:#63829e;text-transform:uppercase;font-size:9px}.order-summary{border-top:1px solid #20364d;flex-basis:100%;order:-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-top:2px;padding-top:12px;display:grid}.order-summary div{gap:3px;display:grid}.order-summary strong{color:#e4eff8;font:600 14px Space Grotesk,sans-serif}.order-summary span{color:#708aa4;font-size:9px;line-height:1.25}.export-note{color:#6f8ba5;flex-basis:100%;order:0;margin:0;font-size:10px}.integration-banner{color:#91b9ae;background:#102b2a;border:1px solid #286052;border-radius:10px;gap:7px;margin:-10px 0 18px;padding:13px 15px;font-size:11px;display:grid}.integration-banner.disconnected{background:#2a1d20;border-color:#7c4b42}.integration-banner-title,.integration-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.integration-banner-title strong{color:#e2eee9}.integration-banner-title span:last-child{color:#76d7b8}.integration-banner.disconnected .integration-banner-title span:last-child{color:#f1a09a}.integration-indicator{background:#5bd2a9;border-radius:50%;width:8px;height:8px}.integration-banner.disconnected .integration-indicator{background:#e67873}.integration-meta{color:#759c92;justify-content:space-between}.integration-error{color:#f0a29b;margin:0;line-height:1.45}.order-integration-fields{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.order-integration-fields label{color:#90a6bc;gap:6px;font-size:11px;display:grid}.catalog-details{gap:4px;min-width:0;display:grid}.catalog-details small{color:#92a8bd;font-size:10px;line-height:1.4}.catalog-details .stock-low{color:#f0bd76}.catalog-details .stock-ok{color:#71d2ae}.order-receipt{color:#75d7b5;background:#102c2b;border:1px solid #286052;border-radius:9px;flex-basis:100%;gap:6px;width:100%;padding:13px;font-size:11px;display:grid}.order-receipt strong{color:#dff5ed;font-size:13px}.order-receipt details{color:#9bb8b2;margin-top:5px}.order-receipt summary{cursor:pointer;color:#6edab6}.order-receipt p{margin:7px 0}.order-receipt pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#a7c6bd;background:#091b1c;border-radius:6px;max-height:220px;padding:9px;font-size:10px;overflow:auto}.two-col>.panel,.panel-title,.order-line,.order-integration-fields,.order-integration-fields label{min-width:0}.panel-title{flex-wrap:wrap;gap:10px}.catalog-name{overflow-wrap:anywhere}@media (width<=620px){.example-picker,.order-summary,.order-integration-fields{grid-template-columns:1fr}.order-line .catalog-details{grid-column:1/-1}.result-footer{flex-wrap:wrap}.result-footer .primary{margin-left:0}.integration-meta{gap:4px;display:grid}}