@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#e8eef9;font-synthesis:none;text-rendering:optimizelegibility;background:#07111f;font-family:DM Sans,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#07111f;min-width:320px;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.screen-loader{color:#93a7c7;background:#07111f;place-items:center;min-height:100vh;display:grid}.portal-shell{color:#18253b;background:#f4f7fb;min-height:100vh;display:flex}.sidebar{z-index:4;color:#bdcae0;background:#081426;border-right:1px solid #1a2c46;flex-direction:column;width:255px;padding:26px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand,.auth-brand{color:#f7fbff;align-items:center;gap:11px;display:flex}.brand strong,.auth-brand strong{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:15px;display:block}.brand small,.auth-brand small{color:#7185a5;margin-top:2px;font-size:11px;display:block}.brand-mark{color:#082036;background:linear-gradient(145deg,#8ce8ca,#61c9f2);border-radius:11px;place-items:center;width:34px;height:34px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;display:grid;box-shadow:0 8px 22px #55d7c333}.sidebar nav{gap:7px;margin-top:64px;display:grid}.sidebar nav a{color:#8194b3;border-radius:10px;align-items:center;gap:12px;padding:12px 13px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar nav a:hover{color:#e9f4ff;background:#122642}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#173b5b,#12324c);box-shadow:inset 3px 0 #74e3c2}.sidebar-foot{border-top:1px solid #1c2d46;align-items:center;gap:10px;margin-top:auto;padding:14px 4px 0;display:flex}.avatar{color:#061a2d;background:#9ae6cf;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:13px;font-weight:700;display:grid}.profile-mini{flex:1;min-width:0}.profile-mini strong,.profile-mini span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-mini strong{color:#eff6ff;font-size:12px}.profile-mini span{color:#7185a5;margin-top:3px;font-size:11px}.icon-button,.modal-close{color:#8da1bf;background:0 0;border:0;place-items:center;display:grid}.icon-button:hover,.modal-close:hover{color:#fff}.profile-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.profile-card{padding:25px}.profile-heading-icon{color:#368fcf;background:#eaf5ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.profile-identity{border-bottom:1px solid #edf1f6;align-items:center;gap:13px;margin:24px 0 25px;padding-bottom:22px;display:flex}.profile-large-avatar{color:#082036;background:linear-gradient(145deg,#8ce8ca,#61c9f2);border-radius:15px;place-items:center;width:50px;height:50px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;display:grid}.profile-large-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar-upload{color:#4389a9;cursor:pointer;justify-items:center;gap:5px;font-size:10px;font-weight:700;display:grid;position:relative}.avatar-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.profile-identity strong,.profile-identity span{display:block}.profile-identity strong{color:#192940;font-family:Space Grotesk,sans-serif;font-size:17px}.profile-identity span{color:#8491a5;margin-top:4px;font-size:12px}.profile-details{gap:17px;margin:0;display:grid}.profile-details div{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.profile-details dt{color:#8a98a9;font-size:11px}.profile-details dd{color:#263951;text-align:right;word-break:break-word;margin:0;font-size:12px;font-weight:600}.display-name-editor{align-items:end;gap:9px;margin-bottom:23px;display:flex}.display-name-editor label{color:#52647b;flex:1;font-size:11px;font-weight:700}.display-name-editor input{color:#1b2d45;background:#fbfcfe;border:1px solid #dfe7ef;border-radius:8px;outline:0;width:100%;height:38px;margin-top:7px;padding:0 12px;font-size:12px;display:block}.display-name-editor input:focus{border-color:#55bd9f;box-shadow:0 0 0 3px #55bd9f1f}.secondary-button{color:#26749b;background:#f2f9fd;border:1px solid #cfe1ee;border-radius:8px;height:38px;padding:0 14px;font-size:11px;font-weight:700}.card-intro{color:#8491a5;margin:22px 0 3px;font-size:12px;line-height:1.6}.profile-form{max-width:460px}.profile-field{color:#52647b;margin-top:17px;font-size:11px;font-weight:700;display:block}.profile-field input{color:#1b2d45;background:#fbfcfe;border:1px solid #dfe7ef;border-radius:8px;outline:0;width:100%;height:42px;margin-top:7px;padding:0 42px 0 12px;font-size:12px;display:block}.profile-field input:focus{border-color:#55bd9f;box-shadow:0 0 0 3px #55bd9f1f}.profile-form .primary-button{margin-top:21px}.form-success{color:#168261;background:#eafaf4;border-radius:7px;align-items:center;gap:7px;margin-top:13px;padding:9px 10px;font-size:11px;display:flex}.main-content{width:calc(100% - 255px);min-height:100vh;margin-left:255px}.topbar{background:#fff;border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;height:92px;padding:0 54px;display:flex}.topbar h1,.page-title-row h2,.welcome-row h2{color:#15243a;letter-spacing:-.04em;margin:5px 0 0;font-family:Space Grotesk,sans-serif}.topbar h1{font-size:22px}.eyebrow,.kicker{color:#7990ae;letter-spacing:.16em;font-size:10px;font-weight:700}.online-pill{color:#52708b;align-items:center;gap:8px;font-size:12px;display:flex}.online-pill span{background:#50cca2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #50cca21c}.page-wrap{max-width:1440px;margin:0 auto;padding:42px 54px 72px}.welcome-row,.page-title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.welcome-row h2,.page-title-row h2{font-size:30px}.welcome-row p,.page-title-row p{color:#79879b;margin:8px 0 0;font-size:14px}.date-chip,.table-count{color:#7d8ca3;align-items:center;gap:7px;font-size:12px;display:flex}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;display:grid}.metric-grid.wallet-metrics{grid-template-columns:repeat(4,1fr)}.metric-card{background:#fff;border:1px solid #e8edf4;border-radius:14px;min-height:164px;padding:22px;box-shadow:0 12px 32px #2c47700a}.metric-card.compact{min-height:132px}.metric-card span,.metric-card small{color:#8491a5;font-size:12px;display:block}.metric-card strong{color:#17253b;letter-spacing:-.04em;margin:10px 0 4px;font-family:Space Grotesk,sans-serif;font-size:27px;display:block}.metric-icon{border-radius:10px;place-items:center;width:37px;height:37px;margin-bottom:19px;display:grid}.metric-icon svg{width:18px}.metric-icon.blue{color:#3e91e5;background:#e8f3ff}.metric-icon.green{color:#159a75;background:#e3f8f1}.metric-icon.violet{color:#8163d5;background:#f0ecff}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card{background:#fff;border:1px solid #e8edf4;border-radius:14px;box-shadow:0 12px 32px #2c47700a}.recent-card{padding:24px}.card-heading,.table-meta{justify-content:space-between;align-items:center;gap:18px;display:flex}.card-heading h3{color:#17253b;margin:6px 0 0;font-family:Space Grotesk,sans-serif;font-size:18px}.card-heading a{color:#2285c9;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.activity-list{margin-top:19px}.activity-row{border-top:1px solid #eef2f6;align-items:center;gap:11px;min-height:65px;display:flex}.activity-icon{color:#3496e9;background:#e8f3ff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.positive-bg{color:#16a378;background:#e3f9f2}.negative-bg{color:#d95d78;background:#fff0f3}.activity-main{flex:1;min-width:0}.activity-main strong,.activity-main span,.activity-side strong,.activity-side span{display:block}.activity-main strong{color:#24334a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.activity-main span,.activity-side span{color:#8c98aa;margin-top:4px;font-size:11px}.activity-side{text-align:right}.activity-side strong{color:#26354d;font-size:12px}.status-tag{color:#60738a;text-transform:capitalize;background:#f0f3f7;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.activity-side .status-tag{margin-top:5px}.green-tag{color:#128b6b;background:#e7f8f1}.empty-state,.table-empty{color:#97a3b4;place-items:center;min-height:130px;font-size:13px;display:grid}.order-row{cursor:pointer;transition:background .18s}.order-row:hover{background:#f5f9fd}.order-detail-modal{color:#1b2b42;background:#fff;border-radius:16px;width:min(100%,920px);max-height:min(90vh,850px);padding:30px;position:relative;overflow:auto;box-shadow:0 24px 70px #07142655}.order-detail-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;padding-right:25px;display:flex}.order-detail-head h3{color:#17263d;letter-spacing:-.04em;margin:7px 0 5px;font-family:Space Grotesk,sans-serif;font-size:25px}.order-detail-head p{color:#8491a5;margin:0;font-size:12px}.order-financial-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 20px;display:grid}.order-financial-summary>div{background:linear-gradient(135deg,#fff,#f6fbfa);border:1px solid #dfe8ef;border-radius:9px;padding:13px 15px}.order-financial-summary span{color:#8291a2;font-size:11px;display:block}.order-financial-summary strong{color:#1e3448;margin-top:5px;font:700 18px Space Grotesk,sans-serif;display:block}.order-detail-status{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.order-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.order-summary-item{background:#fbfdff;border:1px solid #e9eff5;border-radius:10px;gap:9px;min-width:0;padding:12px;display:flex}.summary-icon{color:#3e91e5;background:#e8f3ff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.order-summary-item span,.order-summary-item strong{display:block}.order-summary-item span{color:#8a98a9;font-size:10px}.order-summary-item strong{color:#263951;text-overflow:ellipsis;margin-top:4px;font-size:11px;line-height:1.45;overflow:hidden}.detail-section{margin-top:22px}.detail-section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.detail-section-title h4{color:#1b2c44;margin:0;font-family:Space Grotesk,sans-serif;font-size:16px}.detail-section-title span{color:#71849b;font-size:11px}.product-detail-list{border:1px solid #e8edf4;border-radius:10px;overflow:hidden}.product-detail-row{border-bottom:1px solid #eef2f6;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:13px;display:grid}.product-detail-row:last-child{border-bottom:0}.product-thumb{color:#8ca0b5;background:#f1f5f8;border-radius:9px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-info{min-width:0}.product-info strong,.product-info span,.product-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.product-info strong{color:#263951;font-size:12px}.product-info span,.product-info small{color:#8795a7;margin-top:4px;font-size:10px}.product-qty{color:#5e7187;white-space:nowrap;font-size:11px}.product-price{text-align:right;min-width:105px}.product-price strong,.product-price span{display:block}.product-price strong{color:#263951;font-size:12px}.product-price span{color:#8795a7;margin-top:4px;font-size:10px}.product-price .logistics-quote-line{color:#4389a9}.package-list{gap:9px;display:grid}.package-card{background:#fbfdff;border:1px solid #e8edf4;border-radius:10px;grid-template-columns:minmax(170px,1fr) auto minmax(220px,1.2fr);align-items:start;gap:18px;padding:13px;display:grid}.package-card strong,.package-card span{display:block}.package-card strong{color:#263951;font-size:12px}.package-card>div:first-child span{color:#8795a7;margin-top:4px;font-size:10px}.package-finance{text-align:right;min-width:105px}.package-finance span{color:#8795a7;font-size:10px}.package-finance strong{margin-top:4px}.package-tracking{min-width:0}.tracking-row{grid-template-columns:max-content 1fr;align-items:center;gap:4px 8px;display:grid}.tracking-row small{color:#71849b;font-size:10px}.tracking-row em{color:#8795a7;grid-column:1/-1;font-size:10px;font-style:normal}.tracking-empty,.logistics-empty{color:#8795a7;font-size:11px}.logistics-empty{border:1px dashed #d9e4ed;border-radius:9px;align-items:center;gap:8px;padding:17px;display:flex}.tracking-chip{color:#287ba6;background:#eaf6fc;border-radius:999px;margin-left:5px;padding:5px 8px;font-size:10px!important;display:inline-flex!important}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.primary-button{color:#062039;background:#82dfbf}.primary-button:hover{background:#a1efd4;transform:translateY(-1px)}.secondary-button{color:#fff;background:#15395a}.secondary-button:hover{background:#1f4f79}.ghost-button{color:#607891;background:#fff;border:1px solid #e1e9f1}.ghost-button:hover{color:#173e60;border-color:#b7cbe0}.primary-button.full{width:100%}.primary-button:disabled{opacity:.55;cursor:wait}.filter-card{margin-bottom:18px;padding:14px}.filter-card form{gap:10px;display:flex}.search-input{color:#92a0b2;border:1px solid #e1e8f0;border-radius:8px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.search-input input{color:#1d2d43;background:0 0;border:0;outline:0;width:100%;height:39px;font-size:12px}.table-card{padding:24px;overflow:hidden}.table-meta{margin-bottom:17px}.table-meta strong{color:#24344b;font-size:14px}.table-meta span{color:#8b99ab;font-size:12px}.table-wrap{overflow:hidden}table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0}th{color:#8997aa;letter-spacing:.08em;text-align:left;text-transform:uppercase;overflow-wrap:anywhere;border-bottom:1px solid #e8edf3;padding:11px 12px;font-size:10px;font-weight:700}td{color:#35465d;overflow-wrap:anywhere;border-bottom:1px solid #eef2f6;padding:15px 12px;font-size:12px}td strong{color:#1f3048;font-size:12px}.cell-muted{color:#93a0b0;margin-top:4px;font-size:10px;display:block}.pagination{color:#8492a5;justify-content:space-between;align-items:center;padding-top:17px;font-size:11px;display:flex}.pagination div{gap:6px;display:flex}.pagination button{color:#48647f;background:#fff;border:1px solid #e1e8ef;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.pagination button:disabled{color:#bbc6d3;cursor:not-allowed}.table-card+.table-card{margin-top:20px}.flow-type{align-items:center;gap:8px;display:inline-flex}.flow-dot{border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.flow-dot.positive{color:#159b76;background:#e4f8f1}.flow-dot.negative{color:#d86680;background:#fff0f3}.recharge-list{margin-top:18px}.recharge-row{border-top:1px solid #eef2f6;grid-template-columns:1fr auto auto;align-items:center;gap:18px;min-height:58px;display:grid}.recharge-row strong,.recharge-row span{display:block}.recharge-row strong{color:#23344b;font-size:12px}.recharge-row div span{color:#8d9bad;margin-top:4px;font-size:11px}.toast{z-index:20;color:#127b61;background:#f0fcf8;border:1px solid #bfeadd;border-radius:10px;align-items:center;gap:9px;padding:13px 14px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 35px #1b536022}.toast button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061326a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{color:#1b2b42;background:#fff;border-radius:16px;width:min(100%,450px);padding:28px;position:relative;box-shadow:0 24px 70px #07142655}.modal-card h3{color:#17263d;letter-spacing:-.04em;margin:7px 0 5px;font-family:Space Grotesk,sans-serif;font-size:25px}.modal-card p{color:#8090a2;margin:0 0 23px;font-size:12px;line-height:1.6}.modal-close{position:absolute;top:17px;right:17px}.modal-card label,.auth-card label{color:#52647b;margin-top:16px;font-size:11px;font-weight:700;display:block}.modal-card input,.modal-card textarea,.auth-card input{color:#1b2d45;background:#fbfcfe;border:1px solid #dfe7ef;border-radius:8px;outline:0;width:100%;height:42px;margin-top:7px;padding:0 12px;font-size:12px;display:block}.modal-card textarea{resize:vertical;height:75px;padding-top:11px}.modal-card input:focus,.modal-card textarea:focus,.auth-card input:focus{border-color:#55bd9f;box-shadow:0 0 0 3px #55bd9f1f}.optional{color:#9aa7b7;font-weight:400}.file-drop{color:#8495a7;background:#fbfdff;border:1px dashed #b9c9d9;border-radius:9px;align-items:center;gap:10px;min-height:68px;margin-top:7px;padding:13px;font-weight:500;display:flex;position:relative;overflow:hidden}.file-drop input{opacity:0;cursor:pointer;height:100%;margin:0;position:absolute;inset:0}.form-error{color:#be4d65;background:#fff0f3;border-radius:7px;margin-top:13px;padding:9px 10px;font-size:11px}.auth-page{background:#f5f8fb;grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);min-height:100vh;display:grid}.auth-visual{color:#eaf5ff;background:radial-gradient(circle at 75% 17%,#164462 0,#0000 35%),linear-gradient(145deg,#06101e,#0b2741 74%,#0c3e51);align-items:flex-end;min-height:100vh;padding:9vw 8vw;display:flex;position:relative;overflow:hidden}.visual-grid{opacity:.2;transform-origin:bottom;background-image:linear-gradient(#8edbc922 1px,#0000 1px),linear-gradient(90deg,#8edbc922 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;transform:perspective(500px)rotateX(56deg)scale(1.7)}.visual-copy{z-index:1;max-width:520px;position:relative}.visual-copy .kicker{color:#78dbc0}.visual-copy h1{letter-spacing:-.07em;margin:22px 0 19px;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,5vw,75px);line-height:.99}.visual-copy h1 em{color:#79d9bd;font-style:normal}.visual-copy p{color:#9cb1c8;max-width:430px;margin:0;font-size:15px;line-height:1.7}.trust-row{color:#b8c7d8;align-items:center;gap:8px;margin-top:44px;font-size:12px;display:flex}.trust-row svg{color:#7ce0bd}.visual-orb{border:1px solid #79d9bd22;border-radius:50%;position:absolute}.orb-one{width:340px;height:340px;top:16%;right:7%;box-shadow:inset 0 0 100px #4bbd9d11,0 0 100px #4bbd9d12}.orb-two{width:560px;height:560px;top:0;right:-16%}.auth-panel{background:#fff;place-items:center;padding:35px;display:grid}.auth-card{width:min(100%,380px)}.auth-brand{color:#15243a}.auth-brand small{color:#8694a5}.auth-heading{margin:73px 0 28px}.auth-heading h2{color:#17263d;letter-spacing:-.06em;margin:8px 0;font-family:Space Grotesk,sans-serif;font-size:30px}.auth-heading p{color:#8896a7;margin:0;font-size:13px}.input-icon{position:relative}.input-icon input{padding-right:42px}.input-icon button{color:#8d9bac;background:0 0;border:0;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:8px;right:8px}.captcha-row{grid-template-columns:1fr 106px;gap:8px;display:grid}.captcha-image{color:#5f7a91;background:#f7fafc;border:1px solid #dfe7ef;border-radius:8px;height:42px;font-size:10px;overflow:hidden}.captcha-image img{object-fit:cover;width:100%;height:100%}.auth-card .primary-button{height:46px;margin-top:21px}.auth-note{color:#99a5b4;text-align:center;margin:25px 0 0;font-size:11px}@media (width<=980px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:390px;padding:50px 8vw}.auth-panel{min-height:580px}.sidebar{width:210px}.main-content{width:calc(100% - 210px);margin-left:210px}.page-wrap,.topbar{padding-left:28px;padding-right:28px}.metric-grid.wallet-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.sidebar{width:100%;height:auto;padding:16px;position:static}.portal-shell{display:block}.main-content{width:100%;margin-left:0}.sidebar nav{margin-top:18px;display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.sidebar-foot{display:none}.topbar{height:76px;padding:0 18px}.page-wrap{padding:28px 18px 50px}.welcome-row,.page-title-row{flex-direction:column;align-items:flex-start}.metric-grid,.metric-grid.wallet-metrics,.dashboard-grid,.profile-grid,.order-summary-grid,.order-financial-summary{grid-template-columns:1fr}.filter-card form{flex-direction:column}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:25px}.auth-heading{margin-top:55px}.recharge-row{grid-template-columns:1fr auto}.recharge-row .status-tag{grid-area:1/2}.order-detail-modal{padding:22px 16px}.product-detail-row{grid-template-columns:42px minmax(0,1fr)}.product-thumb{width:42px;height:42px}.product-qty,.product-price{text-align:left;grid-column:2}.package-card{flex-direction:column;align-items:flex-start;gap:9px}}.portal-tabs{border-bottom:1px solid #dfe7ef;flex-wrap:wrap;gap:6px;margin:18px 0 12px;display:flex;overflow:hidden}.portal-tabs button{color:#8190a2;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 14px;font:600 12px inherit}.portal-tabs button.active{color:#1f8d76;border-color:#43b99d}.product-cell{align-items:center;gap:10px;min-width:0;display:flex}.product-cell img,.product-placeholder{object-fit:cover;color:#3ba88d;background:#edf7f4;border-radius:8px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.product-cell span:not(.product-placeholder){flex-direction:column;gap:4px;display:flex}.product-cell small,.table-wrap td small{color:#8a98a8;margin-top:4px;font-size:10px;line-height:1.35;display:block}.expand-icon{vertical-align:middle;color:#7e8d9c;margin-right:5px;display:inline-flex}.expanded-row td{background:#f8fbfc;padding:0!important}.quote-detail{border-top:1px solid #e5edf2;padding:26px 48px 30px}.quote-detail-head{color:#8190a2;justify-content:space-between;align-items:center;gap:18px;max-width:1100px;margin:0 auto 17px;font-size:11px;display:flex}.quote-detail-head strong{color:#27384d;font-size:13px}.quote-item{border-top:1px solid #e7eef2;grid-template-columns:minmax(210px,.75fr) minmax(360px,1.25fr);align-items:center;gap:28px;max-width:1100px;margin:0 auto;padding:17px 0;display:grid}.tier-list{flex-wrap:wrap;gap:7px;display:flex}.tier-list span{color:#3b756b;background:#f1faf7;border:1px solid #dce9e6;border-radius:7px;padding:7px 9px;font-size:11px}.payment-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.payment-summary.flow-summary{grid-template-columns:repeat(4,1fr)}.payment-summary>div{background:linear-gradient(135deg,#fff,#f6fbfa);border:1px solid #dfe8ef;border-radius:10px;padding:16px 18px}.payment-summary span{color:#8291a2;font-size:11px;display:block}.payment-summary strong{color:#1e3448;margin-top:6px;font:700 21px Space Grotesk,sans-serif;display:block}.positive{color:#238f70!important}.negative{color:#c15b70!important}.table-wrap td{vertical-align:top}.product-image-frame{background:#edf7f4;border-radius:8px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.product-image-frame img{object-fit:cover;width:100%;height:100%}.order-filter-card form{display:block}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.filter-field{color:#6f8095;gap:6px;font-size:11px;font-weight:700;display:grid}.filter-field.wide{grid-column:span 2}.filter-field input,.filter-field select,.filter-field textarea{color:#243952;resize:vertical;background:#fbfcfe;border:1px solid #dfe7ef;border-radius:8px;outline:0;width:100%;min-height:38px;padding:9px 11px;font-size:12px}.filter-field textarea{min-height:38px;max-height:82px}.filter-field input:focus,.filter-field select:focus,.filter-field textarea:focus{border-color:#55bd9f;box-shadow:0 0 0 3px #55bd9f1f}.filter-actions{align-items:center;gap:9px;margin-top:15px;display:flex}.table-meta>div,.table-actions{align-items:center;gap:12px;display:flex}.table-actions{flex-wrap:wrap;justify-content:flex-end}.checkbox-col{width:42px;text-align:center!important}.checkbox-col input{accent-color:#36a98e;width:15px;height:15px}.status-meta{align-items:center;gap:4px;color:#678195!important;margin-top:5px!important;display:flex!important}.quote-price-table-wrap{background:#fff;border:1px solid #e1ebed;border-radius:8px;overflow:hidden}.quote-price-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;font-size:11px}.quote-price-table th,.quote-price-table td{text-align:center;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #edf1f3;padding:10px 8px}.quote-price-table th{color:#728399;background:#f7fbfa;font-weight:700}.quote-price-table tr:last-child td{border-bottom:0}.quote-price-matrix th:first-child{width:13%}.quote-price-matrix th:nth-child(2){width:29%}.quote-price-matrix td{vertical-align:middle}.quote-price-matrix td small{color:#8a98a8;margin-top:4px;font-size:10px}.quote-matrix-price{color:#263951;font-variant-numeric:tabular-nums;font-weight:700}.quote-matrix-price strong,.quote-matrix-price small{display:block}.quote-matrix-price small{color:#8a98a8;margin-top:3px;font-size:9px;font-weight:500}.pagination-rich{gap:16px}.pagination-rich label{color:#8190a2;align-items:center;gap:6px;font-size:11px;display:flex}.pagination-rich select{color:#40536a;background:#fff;border:1px solid #dfe7ef;border-radius:7px;padding:5px 8px}@media (width<=720px){.payment-summary,.payment-summary.flow-summary{grid-template-columns:1fr 1fr}.quote-detail{padding:20px 16px 24px}.quote-item{grid-template-columns:1fr;gap:14px;padding:15px 0}.quote-detail-head{flex-direction:column;align-items:flex-start;gap:7px}.package-card{grid-template-columns:1fr;gap:10px}.package-finance{text-align:left}.filter-grid{grid-template-columns:1fr}.filter-field.wide{grid-column:auto}.table-meta{flex-direction:column;align-items:flex-start;gap:12px}.table-actions{justify-content:flex-start}.pagination-rich{flex-wrap:wrap;align-items:flex-start}}