@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#24342d;background:#f7f9f8;font-synthesis:none;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8bcab1;outline-offset:3px}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}button,svg{flex-shrink:0}button{transition:background .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(.97)}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e4eae6;padding:30px 19px 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,system-ui,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.2px;padding-left:8px}.brand-mark{display:grid;place-items:center;background:#1e6a4d;color:#fff;width:33px;height:35px;border-radius:10px}.brand-dot{font-size:11px;align-self:flex-start;margin-top:4px;margin-left:-5px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid #e5eae7;border-radius:8px;margin:35px 0 31px;padding:12px 10px;font-size:12px;font-weight:600}.workspace-icon{background:#edf3ef;border:1px solid #dfe7e1;border-radius:7px;padding:7px 10px;font-size:13px}.workspace small,.sidebar-footer small{display:block;font-size:10px;color:#8a958e;font-weight:400;margin-top:4px}.sandbox-dot{width:6px;height:6px;background:#4d9b72;border-radius:50%;margin-left:auto}.nav-caption{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#9aa59e;padding-left:13px;margin-bottom:13px}nav{display:flex;flex-direction:column;gap:7px}nav button{display:flex;align-items:center;gap:12px;padding:12px 13px;font-size:12px;color:#7a867f;text-align:left;border-radius:7px}nav button.active{background:#eaf3ed;color:#286448;font-weight:650}.nav-count{font-size:9px;margin-left:auto;padding:2px 4px;border-radius:4px;background:#dcece2}.push{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:60px}.sandbox-card{border:1px solid #e6ece7;background:linear-gradient(150deg,#f1f6f2,#fafcfb);border-radius:10px;padding:17px 14px;color:#548367}.sandbox-card strong{display:block;font-size:11px;color:#3a5745;margin:13px 0 7px}.sandbox-card p{font-size:11px;color:#7a8d80;line-height:1.8}.sandbox-card>span{display:flex;align-items:center;gap:7px;font-size:9px;margin-top:15px}.sidebar-footer{display:flex;gap:9px;align-items:center;border-top:1px solid #e8ece9;padding:20px 0;margin-top:25px;font-size:10px}.avatar{background:#e8ede9;color:#67776b;font-size:9px;padding:9px 7px;border-radius:50%;font-weight:700}.version{font-size:9px;color:#9ba69e;margin-left:auto}main{margin-left:236px;width:calc(100% - 236px)}.topbar{height:74px;background:#fff;border-bottom:1px solid #e5eae7;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{display:flex;gap:13px;align-items:center;color:#9ca69f;font-size:11px}.breadcrumb strong{font-weight:500;color:#4f6056}.live-pill{display:flex;align-items:center;gap:7px;border:1px solid #d8e8dd;background:#f5faf6;color:#47805b;border-radius:20px;padding:6px 10px;font-size:10px}.live-pill.offline{color:#a97339;background:#fff9eb;border-color:#f2dfb8}.content{padding:38px 40px 0;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#8b9c90;margin-bottom:11px}h1{font-family:Manrope,system-ui,sans-serif;font-size:29px;font-weight:750;letter-spacing:-1.25px;line-height:1.4}.page-heading p{color:#8b9790;font-size:12px;margin-top:9px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-size:11px;font-weight:600;padding:12px 16px}.primary{background:#256a4e;color:#fff;box-shadow:0 2px 2px #193a1c12}.secondary{background:#fff;border:1px solid #dce6df;color:#3f7458}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat-card{background:#fff;border:1px solid #e2e8e4;border-radius:10px;padding:20px 22px;box-shadow:0 2px 3px #233c2503}.stat-card>div{display:flex;justify-content:space-between;align-items:center;color:#738477;font-size:11px}.stat-card svg{color:#8b9c90}.stat-card svg.blue{color:#81a7c7}.stat-card svg.green{color:#6aa483}.stat-card svg.orange{color:#cb9c79}.stat-card>strong{font-family:Manrope,system-ui,sans-serif;display:block;font-size:32px;letter-spacing:-1.1px;font-weight:650;margin:12px 0 7px}.stat-card>small{color:#9ba69e;font-size:10px}.pipeline-banner{display:flex;align-items:center;gap:20px;margin:24px 0 33px;padding:21px;background:#f0f5f1;border:1px solid #dfe9e1;border-radius:9px}.pipeline-intro{display:flex;align-items:center;gap:12px}.icon-box{background:#e5eee7;border:1px solid #d8e5dc;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#5f8d6f;flex-shrink:0}.pipeline-intro strong{font-size:11px;font-weight:650}.pipeline-intro p{font-size:10px;color:#8b9d8e;margin-top:5px}.mini-pipeline{margin-left:auto;display:flex;align-items:center;gap:11px;color:#a5b7a9}.mini-pipeline>span{font-size:10px;display:flex;align-items:center;gap:6px;color:#758b7a}.mini-pipeline .pipeline-done{color:#548767}.text-link{display:flex;gap:5px;align-items:center;color:#517a5f;font-size:10px;margin-left:12px}.orders-section{border:1px solid #e2e8e4;background:#fff;border-radius:10px;overflow:hidden}.section-top{padding:23px 23px 21px;display:flex;justify-content:space-between;align-items:center}.section-top h2{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650;letter-spacing:-.3px}.section-top h2>span{font-size:9px;background:#eff3f0;padding:3px 6px;color:#819187;border-radius:5px;letter-spacing:0}.section-top p{font-size:11px;color:#9aa69e;margin-top:7px}.auto-refresh{font-size:9px;color:#8f9d93;display:flex;align-items:center;gap:6px}.auto-refresh i{width:5px;height:5px;border-radius:50%;background:#6da780}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px 13px;border-bottom:1px solid #e9eeeb}.tabs{display:flex;gap:5px;background:#f5f7f5;border:1px solid #edf0ed;padding:3px;border-radius:6px}.tabs button{padding:7px 12px;font-size:10px;color:#8c9b90;border-radius:4px}.tabs button.selected{background:#fff;box-shadow:0 1px 4px #0000000d;color:#47624f}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4eae5;border-radius:5px;color:#8c9d91;background:#fff}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:8px;letter-spacing:.85px;color:#95a298;background:#fbfcfb;font-weight:550;padding:14px 13px;border-bottom:1px solid #edf0ed}th:first-child,td:first-child{padding-left:24px}td{padding:17px 13px;border-bottom:1px solid #eff2ef;font-size:11px;color:#506757}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcfb}.order-id{padding:0;font-size:10px;color:#3e5949;font-weight:600;letter-spacing:.15px}td small{display:block;font-size:9px;color:#99a69d;margin-top:6px}.product-cell{display:flex;gap:9px;align-items:center;font-size:10px}.product-icon{display:flex;align-items:center;justify-content:center;width:30px;height:32px;border-radius:6px;background:#f0f3ed;color:#7d8d78;font-size:21px}.product-cell small{margin-top:4px}.amount{font-size:11px;font-weight:550}.scenario{font-size:8px;display:inline-flex;align-items:center;gap:4px;color:#91a097}.scenario.simulation{color:#9d8caa}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:5px 7px;border:1px solid;border-radius:5px;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.Completed{background:#f0f8f1;color:#5c946a;border-color:#e1efe3}.badge.Pending{background:#f6f6f2;color:#9c9b70;border-color:#ebeade}.badge.InventoryReserved{background:#f0f6fc;color:#6e97bb;border-color:#e1edf7}.badge.Failed{background:#fdf4f0;color:#c2896c;border-color:#f6e6dc}.timestamp{font-size:9px;color:#98a79c}.table-footer{padding:14px 23px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9eaaa2}.table-footer>div{display:flex;align-items:center;gap:12px}.table-footer .icon-button{width:25px;height:25px}.retention{color:#b1bbb4}.empty{text-align:center;padding:45px 20px;color:#899d8e;display:flex;flex-direction:column;align-items:center;gap:13px}.empty-icon{padding:17px;background:#f1f6f2;border-radius:50%;color:#7a9b82}.empty h3{font-size:15px;color:#526c5c;font-weight:550}.empty p{font-size:11px;color:#99a69c}.empty .secondary{margin-top:7px}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 30px}.learning-grid article{border:1px solid #e3e9e4;background:#fff;border-radius:9px;padding:23px;display:flex;gap:14px}.learning-icon{width:35px;height:35px;background:#f0f5f0;color:#809b82;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.learning-icon.purple{background:#f4f0f7;color:#a095b1}.learning-grid h3{font-size:12px;font-weight:600;letter-spacing:-.1px}.learning-grid p{font-size:10px;line-height:1.9;color:#97a39b;margin-top:8px;max-width:400px}.learning-grid button{display:flex;align-items:center;gap:7px;font-size:10px;color:#658871;padding:0;margin-top:15px}.main-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5ebe6;padding:19px 0 25px;font-size:9px;color:#a1aea5;gap:15px}.main-footer>span{display:flex;align-items:center;gap:7px}.main-footer b{font-weight:400;color:#c4cec7}.error-banner{display:flex;align-items:center;gap:10px;color:#a16b42;background:#fff6ed;border:1px solid #f2dac3;border-radius:8px;padding:12px 15px;margin-bottom:20px;font-size:12px}.error-banner button{margin-left:auto;text-decoration:underline}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#122d2160;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.modal{background:#fff;border-radius:16px;padding:29px;width:500px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 80px #08251b33}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.modal h2{font-family:Manrope,system-ui,sans-serif;font-size:24px;letter-spacing:-.8px}.muted{color:#92a096;font-size:12px;margin-top:8px}.modal form{margin-top:25px}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:block;font-size:11px;color:#5b7062;font-weight:550}label>span{float:right;color:#a4afa7;font-size:9px;font-weight:400}input:not([type=radio]),select{display:block;width:100%;margin:8px 0 18px;border:1px solid #dce5de;border-radius:6px;padding:11px 12px;background:#fcfdfc;color:#45604e;font-size:12px}.form-row{display:flex;gap:14px}.form-row>label{flex:1}.form-row>label.qty{flex:0 0 85px}.scenario-label{margin:2px 0 10px}.scenario-options{display:grid;gap:7px}.scenario-option{display:flex;align-items:center;gap:10px;border:1px solid #e5eae6;border-radius:7px;padding:11px;cursor:pointer}.scenario-option.chosen{border-color:#80af92;background:#f4f9f5}.scenario-option input{accent-color:#31704e;margin:0}.scenario-option div{flex:1}.scenario-option strong{font-size:11px;font-weight:550}.scenario-option small{display:block;font-size:10px;color:#9aa69d;font-weight:400;margin-top:4px;line-height:1.5}.scenario-option svg{color:#4d8a61}.order-total{display:flex;justify-content:space-between;padding:18px 0;align-items:center;margin-top:8px;font-size:12px;color:#90a094}.order-total strong{font-size:21px;color:#385343;letter-spacing:-.5px}.full{width:100%}.form-note{display:flex;gap:5px;align-items:center;justify-content:center;font-size:9px;color:#9baa9e;margin-top:15px}.form-error{font-size:12px;color:#b1674b;background:#fff6ef;padding:10px;margin-bottom:15px;border-radius:6px}.detail-overlay{justify-content:flex-end;padding:0}.detail-panel{width:510px;max-width:100%;height:100dvh;overflow:auto;background:#fff;padding:29px 30px;box-shadow:-10px 0 50px #0c281a22}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.detail-top .eyebrow{margin:0}.detail-panel h2{font-family:Manrope,system-ui,sans-serif;font-size:24px;letter-spacing:-.8px}.detail-status{display:flex;align-items:center;gap:12px;margin:16px 0 25px}.detail-status>span:last-child{font-size:10px;color:#9a9ea5}.detail-product{display:flex;align-items:center;gap:13px;padding:20px 0;border-block:1px solid #edf1ee;font-size:12px}.product-icon.large{width:50px;height:50px}.detail-product p{font-size:11px;color:#92a296;margin-top:7px}dl{margin:20px 0}dl>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;font-size:11px}dt{color:#98a69b}dd{margin:0;text-align:right;color:#5b7162}.correlation{font-family:monospace;font-size:9px;word-break:break-all}.failure-note{background:#fff5ef;border:1px solid #f5e0d2;padding:14px;border-radius:7px;display:flex;gap:9px;color:#b37c5b;font-size:11px;line-height:1.7;margin-bottom:25px}.timeline-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8eee9;padding-top:24px}.timeline-title h3{font-size:14px;font-weight:600}.timeline-help{font-size:10px;color:#9aaa9e;line-height:1.8;margin-top:8px}.timeline{list-style:none;padding:0;margin:24px 0}.timeline li{display:flex;gap:13px;position:relative;padding-bottom:26px}.timeline li:before{content:"";position:absolute;top:19px;left:9px;width:1px;bottom:0;background:#e1eae3}.timeline li:last-child:before{display:none}.timeline-dot{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#e7f2e9;color:#6a9676;border-radius:50%;flex-shrink:0;z-index:1}.timeline-dot.danger{background:#ffebdf;color:#bd876a}.timeline li>div{flex:1}.event-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}.event-title strong{font-size:11px;font-weight:550}.event-title time{font-size:9px;color:#a6b1aa}.timeline li p{font-size:10px;line-height:1.9;color:#94a298;margin-top:6px}.processing-note{display:flex;align-items:center;gap:9px;color:#8ca393;font-size:11px;background:#f7faf7;border-radius:7px;padding:14px}.detail-foot{display:flex;gap:8px;color:#a4b1a7;font-size:9px;line-height:1.8;margin-top:30px;padding-top:20px;border-top:1px solid #edf1ee}.architecture-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.architecture-flow article{border:1px solid #e0e9e2;background:#fff;padding:24px;border-radius:10px}.architecture-flow .eyebrow{display:block;margin-top:24px}.architecture-flow h3{font-size:15px}.architecture-flow p,.architecture-notes p{font-size:12px;line-height:1.9;color:#8e9e93;margin-top:14px}.architecture-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.architecture-notes article{padding:26px;background:#f0f5f1;border-radius:10px}.architecture-notes svg{color:#7b9d85}.architecture-notes h3{font-size:14px;margin-top:20px}.architecture-callout{display:flex;align-items:center;gap:12px;padding:25px;margin:25px 0;color:#6f9479;font-size:12px;background:#e9f2eb;border:1px solid #dce9df;border-radius:8px}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1500px){.content{padding-top:48px}.page-heading{margin-bottom:36px}.stat-card,.pipeline-banner{padding:25px}.learning-grid article{padding:27px}td{padding-block:20px}}@media(max-width:1250px){.sidebar{width:210px}main{margin-left:210px;width:calc(100% - 210px)}.content{padding:30px 25px 0}.topbar{padding-inline:25px}.mini-pipeline{gap:6px}.pipeline-banner{gap:12px}.pipeline-intro p{max-width:150px;line-height:1.7}.text-link{display:none}.stat-card{padding:18px 16px}.stat-card>small{font-size:9px}.architecture-flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:950px){.sidebar{width:72px;padding:25px 10px 0}.brand{padding:0;justify-content:center;font-size:0;gap:0}.brand-dot,.workspace,.nav-caption,.sidebar-bottom{display:none}.brand-mark{width:35px}nav{margin-top:35px}nav button{font-size:0;justify-content:center;padding:14px 10px;gap:0}.nav-count,nav .push{display:none}main{margin-left:72px;width:calc(100% - 72px)}.stats-grid{gap:10px}.stat-card>strong{font-size:28px}.pipeline-intro strong{font-size:10px}.mini-pipeline{gap:10px}.mini-pipeline>span{font-size:0;gap:0}.learning-grid{gap:12px}.learning-grid article{padding:18px;gap:10px}.architecture-notes{grid-template-columns:1fr}.main-footer{font-size:8px}.retention{display:none}}@media(max-width:650px){.sidebar{position:static;width:100%;height:62px;flex-direction:row;align-items:center;padding:0 20px;border-right:0;border-bottom:1px solid #e4eae6}.brand{font-size:20px;gap:8px}.brand-mark{height:31px;width:30px}.sidebar nav{margin:0 0 0 auto;flex-direction:row;gap:6px}nav button{padding:9px;font-size:0}.app-shell{display:block}main{width:100%;margin:0}.topbar{height:48px;padding:0 20px}.content{padding:25px 17px 0}.page-heading{align-items:flex-start;gap:12px;margin-bottom:25px;flex-wrap:wrap}h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.7}.page-heading>.primary{padding:10px 14px}.eyebrow{font-size:8px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:17px}.stat-card>small{font-size:9px}.pipeline-banner{padding:17px;margin:18px 0 24px;flex-wrap:wrap;justify-content:space-between}.pipeline-intro p{max-width:none;font-size:9px}.mini-pipeline{display:none}.section-top{padding:20px 16px}.section-top .auto-refresh{font-size:0;gap:0}.auto-refresh i{height:6px;width:6px}.table-toolbar{padding:0 13px 12px;gap:5px}.tabs{gap:1px}.tabs button{padding:7px 8px;font-size:9px}.learning-grid{grid-template-columns:1fr;gap:12px}.learning-grid article{padding:20px}.learning-grid p{font-size:11px}.main-footer{flex-direction:column;align-items:flex-start;gap:12px}.table-footer{padding:13px 16px}.overlay{padding:12px}.modal{padding:23px;max-height:calc(100dvh - 24px)}.detail-overlay{padding:0}.detail-panel{padding:24px}.architecture-flow{grid-template-columns:1fr}.architecture-notes{gap:15px;margin-top:15px}.architecture-flow article{padding:22px}.error-banner{font-size:11px;align-items:flex-start}.form-note{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.workspace>div{min-width:0;overflow-wrap:anywhere}.pipeline-banner,.main-footer{flex-wrap:wrap}.pipeline-intro{min-width:0}.stat-card>small{display:block;line-height:1.6}.event-title strong{min-width:0}.event-title time{white-space:nowrap}.form-row>label{min-width:0}