:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20334c;background:#f4f6f9;font-synthesis:none;--navy:#152b49;--yellow:#f5c842;--muted:#7c899a;--line:#e8edf3;--green:#31846f;--red:#bc5252}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:30px;letter-spacing:-1px;line-height:1.25;font-weight:800}h2{font-size:17px;letter-spacing:-.4px}h3{font-size:15px;line-height:1.5}p{line-height:1.6}small{display:block;font-size:12px;color:var(--muted);line-height:1.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8caac9;outline-offset:3px}input,textarea,select{color:#23374f;background:#fff;border:1px solid #dfe6ee;border-radius:8px;padding:10px 12px;min-width:0;max-width:100%;outline-offset:2px}textarea{resize:vertical}select{cursor:pointer}strong,b{font-weight:650}.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#a3b3c7;display:flex;flex-direction:column;z-index:30;padding:0 15px}.brand{padding:32px 10px 36px;display:flex;flex-direction:column;gap:10px}.brand img{width:175px}.brand>span{font-size:10px;letter-spacing:4px;color:#8fa3be;margin-left:26px}.nav-section-label{font-size:10px;letter-spacing:1.6px;font-weight:600;color:#7f94af;padding:0 16px;margin-bottom:13px}.nav-section-label.lower{margin-top:29px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{background:none;border:0;display:flex;align-items:center;gap:12px;color:#aebdd1;text-align:left;padding:12px 15px;border-radius:8px;position:relative;font-size:13px;font-weight:500;min-height:43px}.sidebar nav button:hover{background:#203959;color:#fff}.sidebar nav button.active{background:#f5c842;color:#172b47;font-weight:700;box-shadow:0 4px 10px #07182a15}.sidebar nav button.active i{width:5px;height:5px;background:#172b47;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:32px}.workspace-card{background:linear-gradient(130deg,#294360,#1c3553);padding:19px 17px 16px;border-radius:10px;position:relative;overflow:hidden;margin-bottom:20px}.workspace-card strong{color:#e1e9f2;font-size:13px;line-height:1.6}.workspace-card small{color:#8da5c0;font-size:10px;margin-top:13px}.brand-plus{position:absolute;right:12px;top:9px;font-size:64px;font-weight:500;line-height:1;color:#edc74c;opacity:.75;transform:rotate(-9deg)}.user-profile{border:0;border-top:1px solid #2b405b;display:flex;gap:10px;align-items:center;padding:20px 1px;background:none;color:#fff;width:100%;text-align:left}.user-profile>span:nth-child(2){flex:1}.user-profile b{font-size:12px}.user-profile small{font-size:10px;color:#859bb6}.user-profile .avatar{background:#314966;color:#e6edf7;font-size:12px;width:34px;height:34px}.main-shell{margin-left:224px;flex:1;min-width:0}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}.topbar-left>span{font-size:12px;color:var(--muted)}.topbar-right{gap:16px}.workspace-switch{display:flex;background:#f2f5f8;border:1px solid #e7edf3;border-radius:7px;padding:3px}.workspace-switch button{font-size:11px;border:0;background:none;padding:7px 11px;color:#78869a;display:flex;align-items:center;gap:7px;border-radius:5px}.workspace-switch button.active{background:#fff;color:#233b57;font-weight:600;box-shadow:0 1px 4px #1534540c}.workspace-switch i,.online-indicator i,.status-dot i{width:6px;height:6px;background:#559b7a;border-radius:50%;display:inline-block}.online-indicator{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.avatar{display:grid;place-items:center;background:#eef2f7;color:#4b6688;width:37px;height:37px;border-radius:50%;flex-shrink:0;font-size:11px;font-weight:700}.avatar.small{width:32px;height:32px;background:#f4eaca;color:#82651c}.avatar.mini{width:30px;height:30px}.workspace{padding:32px 34px 20px;max-width:1740px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.page-heading p{color:var(--muted);font-size:13px;margin-top:7px}.heading-actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid #dfe6ed;background:#fff;border-radius:7px;color:#2e425c;padding:10px 14px;display:inline-flex;gap:7px;align-items:center;justify-content:center;white-space:nowrap;font-size:12px;font-weight:600;min-height:38px;transition:background .15s}.btn:hover{background:#f8fafc}.btn.primary{background:var(--yellow);border-color:var(--yellow);color:#192e48}.btn.primary:hover{background:#f1bc25}.icon-btn{border:0;background:transparent;color:#7b8da1;padding:6px;display:inline-flex;justify-content:center;align-items:center;border-radius:6px}.icon-btn:hover{background:#edf2f7;color:#294260}.text-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:#3e5e7f;font-size:12px;padding:0;font-weight:600}.text-btn:hover{color:#172e4d}.range{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.range-pills{display:flex;border:1px solid #e3e9ef;background:#fff;border-radius:7px;padding:3px}.range-pills button{border:0;background:transparent;color:#8290a1;padding:8px 12px;border-radius:5px;font-size:11px}.range-pills button.active{background:#172f50;color:#fff;font-weight:600}.date-range{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e2e8f0;padding:2px 10px;border-radius:7px;color:#6b7e95}.date-range input{padding:8px 0;border:0;font-size:11px;width:110px;color:#52667f;background:none}.date-range>span{font-size:10px}.overview-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px}.timezone{font-size:10px;color:#98a2b0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:12px}.kpi{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px 21px 17px;min-height:147px;box-shadow:0 2px 4px #182d4602}.kpi.highlight{background:#152d4c;color:#fff;border-color:#152d4c;position:relative;overflow:hidden}.kpi.highlight:after{content:"+";position:absolute;right:-6px;bottom:-39px;font-size:139px;line-height:1;color:#2a4260;pointer-events:none}.kpi-label{display:flex;align-items:center;justify-content:space-between;color:#7a899d;font-size:12px;position:relative;z-index:1}.kpi-label>span{background:#f4f6f9;border-radius:7px;width:30px;height:30px;display:grid;place-items:center;color:#8193a9}.kpi.highlight .kpi-label{color:#aebdd0}.kpi.highlight .kpi-label>span{background:#2b425f;color:#f2cd57}.kpi>strong{display:block;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.9px;line-height:1.3;margin:9px 0 7px;position:relative;z-index:1;white-space:nowrap}.kpi p{font-size:10px;color:#96a0ae;position:relative;z-index:1}.kpi.highlight p{color:#a8b8cb}.subtle-note{display:flex;gap:6px;align-items:center;font-size:10px;color:#8b96a6;margin:10px 0 19px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 5px #132a4302;overflow:hidden;margin-bottom:22px}.chart-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:20px;margin-top:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px}.section-head p{color:#99a3b1;font-size:11px;margin-top:5px}.section-head.tight{padding:20px 0 12px}.legend{display:flex;gap:16px}.legend span{display:flex;gap:6px;align-items:center;color:#8490a0;font-size:10px}.legend i{width:7px;height:7px;border-radius:50%}.yellow{background:#dfb933}.blue{background:#2b476b}.chart{height:238px;padding:0 18px 0 0}.chart-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:19px 25px;border-top:1px solid #f0f3f7}.chart-summary>div+div{border-left:1px solid #edf1f5;padding-left:24px}.chart-summary span{color:#96a0af;font-size:10px;display:block;margin-bottom:8px}.chart-summary strong{font-size:15px;font-family:Manrope}.count{font-size:11px;background:#f2f5f8;border-radius:5px;padding:4px 7px;color:#74859b}.action-card .section-head{padding-bottom:6px}.action-item{display:flex;gap:12px;align-items:center;background:#fff;border:0;border-bottom:1px solid #f1f4f7;width:calc(100% - 44px);margin:0 22px;padding:16px 0;text-align:left}.action-item>span:nth-child(2){flex:1}.action-item strong{font-size:12px}.action-item small{font-size:10px;margin-top:4px}.action-item>svg{color:#97a5b7}.action-icon{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon svg{width:18px;height:18px}.yellow-bg{background:#fcf4d9;color:#b68c15}.blue-bg{background:#edf3f9;color:#4e769e}.gray-bg{background:#f1f4f8;color:#8294ad}.green-bg{background:#eaf5ee;color:#56886c}.tax-panel{margin:16px 21px 20px;padding:17px;background:#f5f7fa;border:1px solid #edf0f5;border-radius:8px;position:relative}.tax-panel>svg{position:absolute;right:16px;top:17px;color:#8498af}.tax-panel>span{font-size:11px;color:#7e8da1;display:block}.tax-panel>strong{font-family:Manrope;font-size:24px;letter-spacing:-.6px;display:block;margin:5px 0 8px}.tax-panel p{font-size:10px;color:#8a97a8;max-width:245px;line-height:1.65}.tax-panel button{display:flex;gap:6px;align-items:center;border:0;background:none;font-size:10px;font-weight:600;color:#4f6d8d;padding:9px 0 0}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#8d9aac;font-size:10px;font-weight:500;padding:13px 23px;background:#fafbfd;white-space:nowrap;border-top:1px solid #f1f4f7;border-bottom:1px solid #edf1f6}td{padding:16px 23px;border-bottom:1px solid #f0f3f6;line-height:1.5}tbody tr:last-child td{border-bottom:0}td small{font-size:10px;margin-top:4px}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.strong{font-weight:600}.muted{color:var(--muted)}.positive{color:#378c76}.negative{color:#bc5252}.amber{color:#ac832b}.client-cell{display:flex;align-items:center;gap:11px}.clickable{cursor:pointer}.clickable:hover td{background:#fbfcfe}.badge{display:inline-flex;gap:5px;align-items:center;border-radius:5px;font-size:10px;white-space:nowrap;padding:5px 7px;color:#73859a;background:#f0f3f7;font-weight:500}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge-to_buy,.badge-draft,.badge-expected,.badge-pending,.badge-partially_paid{background:#fff6df;color:#ae872b}.badge-shipped,.badge-ordered,.badge-in_transit,.badge-preparing{background:#edf3fb;color:#5480ac}.badge-completed,.badge-delivered,.badge-in_stock,.badge-paid,.badge-received{background:#ecf6f0;color:#4a9274}.badge-cancelled,.badge-unavailable,.badge-exception,.badge-refunded{background:#fbefef;color:#b96363}.pipeline-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:0 25px;margin-bottom:20px;font-size:11px}.pipeline-row>span{display:flex;align-items:center;gap:8px;color:#7f8da0}.pipeline-row i{width:6px;height:6px;border-radius:50%}.pipeline-row>b{font-size:12px}.pipeline-row>div{height:4px;flex-basis:100%;background:#f0f3f7;border-radius:3px;overflow:hidden}.pipeline-row>div>span{display:block;background:#cdd9e6;height:100%;border-radius:3px}.workspace-footer{display:flex;justify-content:space-between;font-size:10px;color:#a3adba;margin-top:6px;padding:10px 0}.demo-banner{display:flex;gap:9px;align-items:center;background:#fff7df;border:1px solid #f0e4bd;color:#9b7b27;border-radius:7px;padding:9px 13px;font-size:10px;margin-bottom:21px}.demo-banner button{margin-left:auto;background:none;border:0;display:flex;gap:6px;align-items:center;color:#92722b;font-size:10px}.toolbar{display:flex;align-items:center;gap:14px;margin:0 0 22px;flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dfe6ed;border-radius:7px;padding:0 12px;color:#8193a9;min-width:250px}.search-input input{border:0;background:none;width:100%;font-size:12px;padding:11px 0}.wide-search{width:390px}.toolbar>.muted{font-size:12px;margin-left:auto}.toolbar select{font-size:12px}.loading{padding:50px;display:flex;align-items:center;justify-content:center;gap:10px;color:#8b9aaf}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:45px 20px;color:#7f8da0}.empty>div{width:57px;height:57px;display:grid;place-items:center;margin:0 auto 14px;background:#f4f7fa;border-radius:15px;color:#93a5bb}.empty h3{color:#415871;font-size:15px;margin-bottom:6px}.empty p{font-size:12px;max-width:380px;margin:0 auto 18px}.notice{display:flex;gap:9px;align-items:flex-start;font-size:12px;padding:14px 16px;background:#fff8e7;border:1px solid #f2e7c7;color:#927229;border-radius:8px;line-height:1.65;margin:14px 0 20px}.notice svg{flex-shrink:0;margin-top:2px}.overlay{position:fixed;inset:0;background:#0a203965;z-index:100;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:45px 22px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay .overlay{z-index:110}.modal{width:min(530px,100%);background:#fff;border-radius:14px;box-shadow:0 24px 90px #071e4e33;padding:25px 28px;position:relative;max-height:none}.modal.wide{width:min(1010px,100%)}.modal>header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:21px}.modal>header h2{font-size:22px;line-height:1.3}.modal>header p{color:#8292a5;font-size:12px;line-height:1.5;margin-top:6px;max-width:820px}.field{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:12px;color:#586d85}.field>span{font-weight:600}.field input,.field textarea,.field select{width:100%;font-size:13px}.field small{font-size:10px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.right-actions{display:flex;justify-content:flex-end;padding-top:16px}.checkbox{display:flex;gap:9px;align-items:center;font-size:12px;color:#667d95;margin-top:14px}.checkbox input{accent-color:#183a59}.order-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-meta .text-btn{margin-left:auto}.order-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#f5f7fa;border-radius:9px;margin:20px 0;padding:20px;gap:15px}.order-stats span{display:block;font-size:11px;color:#8998aa;margin-bottom:6px}.order-stats b{font-family:Manrope;font-size:22px}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.order-grid h3{display:flex;gap:8px;align-items:center;margin:4px 0 10px}.address{display:flex;flex-direction:column;gap:4px;line-height:1.5;margin:14px 0;font-size:13px}.address>b{color:#8697ac;font-size:10px;letter-spacing:1px}.steps-list{padding-left:20px;font-size:12px;line-height:2.15;color:#7a8ca3}.subheading{margin:24px 0 12px}.order-line{display:flex;align-items:center;gap:15px;padding:17px 0;border-block-start:1px solid var(--line)}.order-line>div{flex:1}.order-line strong{display:block;font-size:12px;max-width:510px;margin:5px 0}.order-line>div>span{font-size:11px;color:#8b9aaf}.order-line>select{max-width:340px;font-size:11px}.purchase-row{display:flex;align-items:center;gap:12px;border:1px solid #e7edf4;border-radius:8px;padding:14px;margin:8px 0}.purchase-row>div{flex:1}.purchase-row>svg{color:#7f95af}.purchase-row strong{font-size:13px}.purchase-row small{font-size:11px}.purchase-row select{font-size:11px;max-width:180px}.edit-details{margin-top:20px;border-top:1px solid var(--line)}.edit-details>summary,.plain-summary{padding:18px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;font-size:13px}.product-cell{display:flex;gap:15px;align-items:center;min-width:280px;max-width:440px}.product-cell strong{font-size:11px;line-height:1.6;display:block;max-width:300px}.product-thumb{height:52px;width:52px;border:1px solid #eff2f6;border-radius:7px;flex-shrink:0;display:grid;place-items:center;background:#fff}.product-thumb img{object-fit:contain;width:48px;height:48px}.catalog-table td{padding:15px 20px}.supplier-count{font-size:11px;font-weight:600;color:#577495}.pagination{display:flex;gap:8px;align-items:center;padding:18px 23px;border-top:1px solid var(--line)}.pagination span{font-size:11px;color:#8d9baf;margin-right:auto}.supplier-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.offer-card{border:1px solid #e3eaf1;padding:22px;border-radius:10px;position:relative}.offer-card.best{border-color:#dcc779;background:#fffdf6}.best-label{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#a48731;margin-top:8px}.offer-price{font-size:26px;font-family:Manrope;display:block;margin:18px 0 15px}.offer-price small{font-family:DM Sans;font-size:10px;font-weight:400;margin-top:3px}dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:11px;margin:18px 0}dt{color:#8a99ad}dd{margin:0;text-align:right;word-break:break-word}.offer-actions{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:20px;flex-wrap:wrap}.import-table{max-height:420px;overflow:auto}.import-table select{max-width:480px;font-size:11px}.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.supplier-card{padding:25px}.supplier-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.supplier-monogram{background:#eef3f8;color:#617b99;width:48px;height:48px;display:grid;place-items:center;font-family:Manrope;font-size:18px;border-radius:10px}.supplier-card>p{color:#8b9aab;font-size:12px;margin-top:7px}.supplier-info{display:grid;gap:13px;margin:24px 0;font-size:12px;color:#71849a}.supplier-info>span{display:flex;gap:9px;align-items:center}.supplier-notes{padding:12px;border-radius:7px;background:#f7f9fb;font-size:11px!important}.status-dot{font-size:11px;color:#7c91a8;display:flex;align-items:center;gap:7px}.status-select{font-size:11px}.small-error{display:block;color:#b7873b;font-size:10px}.finance-kpis{margin:22px 0}.finance-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ledger-row{display:flex;justify-content:space-between;gap:14px;padding:15px 24px;border-bottom:1px solid #f0f3f7;font-size:12px;color:#7a8ba2}.ledger-row b{color:#2d4562}.ledger-row.total{background:#f6f8fb;color:#364e6c;padding-block:20px}.ledger-row.total strong{font-size:21px;font-family:Manrope}.fine-print{font-size:11px!important;color:#91a0b4!important;line-height:1.75!important;margin:16px 24px}.formula{display:grid;gap:12px;padding:0 24px;color:#71859f;font-size:12px}.formula strong{border-top:1px solid var(--line);padding-top:14px;color:#2c4767}.padded{padding:25px}.padded>h2{margin:16px 0}.padded>.fine-print{margin:15px 0 0}.padded>p{color:#8193a9;font-size:13px;margin:20px 0}.integration-title{display:flex;gap:13px;align-items:center}.integration-title>div{flex:1}.integration-title p{font-size:11px;color:#8d9bb0;margin-top:5px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.activity-list{padding:0 24px 14px}.activity-list>div{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #edf2f7;align-items:center}.activity-list>div>div{flex:1;min-width:0}.activity-list strong{font-size:12px}.activity-list small{font-size:11px;overflow-wrap:anywhere}.activity-list time{color:#a1acbb;font-size:11px;white-space:nowrap}.shipping-guide{padding:0;margin-top:20px;list-style:none;counter-reset:step}.shipping-guide li{counter-increment:step;position:relative;padding:0 0 23px 40px}.shipping-guide li:before{content:"0" counter(step);position:absolute;left:0;top:0;color:#acb9c9;font-size:21px;font-family:Manrope}.shipping-guide b{display:block;font-size:13px;margin-bottom:5px}.shipping-guide span{font-size:12px;color:#8194ad;line-height:1.65;display:block}.quote-result{display:flex;gap:22px;justify-content:space-between;background:#f4f7fa;padding:19px;border-radius:8px;font-size:11px;color:#7f93ac}.quote-result b{display:block;font-size:23px;margin-top:7px;color:#233d5c;font-family:Manrope}.toast{position:fixed;bottom:27px;left:calc(50% + 60px);transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:10px;background:#19314e;color:#fff;padding:15px 18px;box-shadow:0 8px 30px #152b4933;border-radius:10px;max-width:650px;font-size:13px}.toast svg{flex-shrink:0;color:#f0ce5e}.toast button{background:none;border:0;margin-left:8px;color:#fff}.login-page{display:flex;min-height:100vh;background:#fff}.login-brand{background:#152b49;color:#fff;width:46%;padding:65px 70px;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-brand>img{width:230px}.login-brand>span{font-size:11px;letter-spacing:4px;color:#91a9c5;margin-top:17px}.login-brand h1{font-size:50px;line-height:1.18;letter-spacing:-2px;margin-top:110px}.login-brand>p{color:#aabed5;font-size:16px;margin-top:24px}.login-art{position:absolute;bottom:-100px;right:-80px;width:430px;height:430px}.login-art div{border:1px solid #3b526c;border-radius:50%;position:absolute;inset:0}.login-art div:nth-child(2){inset:50px}.login-art div:nth-child(3){inset:100px}.login-art span{font-family:Manrope;font-size:250px;color:#f5c842;position:absolute;top:-10px;left:80px;transform:rotate(-10deg)}.login-form{flex:1;display:flex;align-items:center;justify-content:center;padding:45px;position:relative}.login-box{width:350px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#8395aa}.login-box h2{font-size:33px;margin:15px 0 8px}.login-box>p{font-size:14px;color:#8a9aaf;margin-bottom:30px}.login-box .field{margin:20px 0}.login-box .form-actions{border:0;padding-top:0}.login-box .form-actions button{width:100%;padding:13px}.secure-note{display:flex;gap:7px;align-items:center;justify-content:center;color:#99a7b8;font-size:11px;margin-top:24px}.login-form footer{position:absolute;bottom:26px;font-size:11px;color:#a5b1c0}.boot{height:100vh;display:flex;justify-content:center;align-items:center;gap:25px}.boot img{width:220px}.public-page{min-height:100vh;background:#f5f7fa}.public-page>header{height:90px;padding:0 max(30px,calc((100vw - 1040px)/2));background:#fff;border-bottom:1px solid #e7ecf2;display:flex;justify-content:space-between;align-items:center;gap:25px}.public-page>header img{width:210px}.public-page>header>a:last-child{display:flex;gap:8px;align-items:center;font-size:13px}.public-page>main{max-width:920px;margin:auto;padding:50px 25px}.tracking-hero{margin:0 0 40px}.tracking-hero h1{font-size:45px;letter-spacing:-1.8px;margin:13px 0}.tracking-hero p{font-size:16px;color:#8799af}.public-order-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 18px}.public-order-head>div>span{color:#8a9bb0;font-size:12px}.public-order-head h2{font-size:25px;margin-top:5px}.tracking-package .section-head h2{display:flex;gap:9px;align-items:center}.tracking-package .section-head>span{font-size:12px;color:#879ab3}.tracking-package>h3{margin:0 25px 25px;font-size:23px}.tracking-progress{display:flex;margin:25px 25px 35px;position:relative}.tracking-progress>div{flex:1;text-align:center;position:relative}.tracking-progress>div:not(:last-child):after{content:"";position:absolute;left:calc(50% + 20px);right:calc(-50% + 20px);height:3px;background:#e8edf3;top:18px}.tracking-progress .done:not(:last-child):after{background:#f0d36e}.tracking-progress>div>span{position:relative;width:37px;height:37px;border-radius:50%;background:#edf1f6;color:#9dadc0;display:grid;place-items:center;margin:0 auto 12px;font-weight:600;font-size:13px}.tracking-progress>div.done>span{background:#f3cd4b;color:#1e3552}.tracking-progress small{font-size:11px}.timeline{margin:15px 30px 30px}.timeline>div{display:flex;gap:17px;position:relative;padding-bottom:25px}.timeline i{width:9px;height:9px;border:2px solid #d4af39;border-radius:50%;flex-shrink:0;margin-top:5px;background:#fff;z-index:1}.timeline>div:not(:last-child):after{content:"";position:absolute;left:4px;top:14px;height:100%;width:1px;background:#e5ebf1}.timeline strong{font-size:13px}.timeline time{display:block;font-size:11px;color:#96a6ba;margin-top:5px}.public-help{display:flex;gap:18px;align-items:center;background:#edf2f7;padding:23px;border-radius:10px}.public-help>svg{color:#728ba8;flex-shrink:0}.public-help>div{flex:1}.public-help strong{font-size:13px}.public-help p{font-size:12px;color:#8a9bb0;margin-top:4px}.public-page>footer{text-align:center;padding:22px;color:#92a1b3;font-size:11px}.lookup-card{padding:26px;max-width:500px}.lookup-card h2{margin-bottom:20px}.mobile-menu{display:none}@media(min-width:1600px){.workspace{padding:40px 45px}.kpi>strong{font-size:34px}.chart{height:290px}.sidebar{width:244px}.main-shell{margin-left:244px}.brand img{width:185px}.brand{padding:35px 14px}.sidebar nav button{font-size:14px}.topbar{padding-inline:45px}}@media(max-width:1200px){.sidebar{width:195px}.main-shell{margin-left:195px}.brand img{width:155px}.sidebar{padding-inline:11px}.workspace{padding:25px 23px}.topbar{padding-inline:23px}.topbar-left>span,.timezone{display:none}.kpi{padding:17px}.kpi>strong{font-size:23px}.kpi p{font-size:9px}.chart-layout,.bottom-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}.section-head{padding:19px}.legend{gap:9px}th,td{padding-inline:16px}.supplier-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1000px){.chart-layout,.bottom-grid{grid-template-columns:1fr}.action-card{display:grid;grid-template-columns:1fr 1fr}.action-card .section-head{grid-column:1/-1}.tax-panel{grid-column:2;grid-row:2/5}.action-item{grid-column:1}.kpi-label{font-size:10px}.kpi>strong{font-size:21px}.topbar-right{gap:8px}.page-heading h1{font-size:26px}.date-range input{width:100px}.heading-actions .btn{font-size:11px}.order-stats b{font-size:18px}.supplier-offers{grid-template-columns:1fr 1fr}.finance-grid,.settings-grid{grid-template-columns:1fr}.supplier-card{padding:20px}}@media(max-width:760px){body{font-size:14px}.sidebar{transform:translate(-100%);width:224px;transition:transform .2s}.sidebar.open{transform:none}.sidebar-backdrop{position:fixed;inset:0;background:#0e274e65;z-index:25}.main-shell{margin:0}.mobile-menu{display:flex}.topbar{height:65px;padding:0 14px}.topbar-left{gap:8px}.online-indicator,.topbar-right>.avatar,.topbar-right>.icon-btn:first-of-type{display:none}.topbar-right{gap:3px}.workspace{padding:22px 15px}.workspace-switch button{padding:7px;font-size:10px}.page-heading{align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.heading-actions{flex-wrap:wrap}.overview-tools{margin-bottom:18px}.range{gap:10px}.range-pills button{font-size:11px;padding:8px 13px}.kpi-grid{grid-template-columns:1fr 1fr;gap:12px}.kpi{min-height:134px;padding:15px}.kpi>strong{font-size:24px}.kpi p{font-size:9px;line-height:1.5}.kpi-label{font-size:11px}.kpi-label>span{width:25px;height:25px}.subtle-note{font-size:10px;align-items:flex-start;line-height:1.5}.subtle-note svg{flex-shrink:0}.chart-layout,.bottom-grid{gap:0}.section-head{padding:20px 17px;align-items:flex-start}.section-head h2{font-size:15px}.legend{gap:8px;padding-top:3px}.legend span{font-size:9px}.chart-summary{padding:17px;gap:9px}.chart-summary>div+div{padding-left:12px}.chart-summary strong{font-size:13px}.chart-summary span{font-size:9px}.chart{height:230px}.action-card{display:block}.action-item{width:calc(100% - 38px);margin-inline:19px}.tax-panel{margin:18px}.demo-banner{font-size:10px;line-height:1.5;align-items:flex-start}.demo-banner>svg{flex-shrink:0}.demo-banner button{display:none}.toolbar{gap:10px}.toolbar .search-input{width:100%}.table-wrap table{min-width:600px}.bottom-grid .table-wrap table{min-width:530px}.workspace-footer{font-size:9px;gap:15px}.supplier-grid,.supplier-offers,.order-grid,.form-grid{grid-template-columns:1fr}.overlay{padding:15px 8px}.modal{padding:20px 17px;border-radius:11px}.modal>header h2{font-size:20px}.order-stats{grid-template-columns:1fr 1fr}.order-meta .text-btn{margin-left:0}.order-line{align-items:flex-start;flex-direction:column}.order-line select{width:100%;max-width:none}.purchase-row{flex-wrap:wrap}.purchase-row>.btn{margin-left:auto}.finance-kpis .kpi>strong{font-size:22px}.finance-grid{gap:0}.finance-kpis{margin-top:20px}.toast{left:15px;right:15px;bottom:15px;transform:none;font-size:12px}.login-brand{display:none}.login-form{padding:30px 23px}.login-form:before{content:"+";position:absolute;top:45px;left:30px;color:#dbb127;font-weight:700;font-size:44px}.public-page>header{padding:0 20px;height:78px}.public-page>header img{width:170px}.public-page>header>a:last-child{font-size:11px}.public-page>main{padding:32px 16px}.tracking-hero h1{font-size:36px}.tracking-hero p{font-size:14px}.public-help{flex-wrap:wrap}.public-help>.btn{margin-left:40px}.tracking-package>h3{font-size:19px;margin-inline:18px}.tracking-progress{margin-inline:15px}.tracking-progress small{font-size:10px}.public-order-head h2{font-size:24px}.padded{padding:21px}.status-dot{white-space:normal}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{body *{visibility:hidden}.overlay:last-of-type .purchase-sheet,.overlay:last-of-type .purchase-sheet *{visibility:visible}.overlay:last-of-type{position:absolute;inset:0;background:#fff;display:block;padding:0}.modal{box-shadow:none;border:0;width:100%!important}.purchase-sheet .btn,.purchase-sheet form,.purchase-sheet .notice{display:none}.purchase-sheet{position:absolute;top:0;left:0;right:0;padding:24px}}