@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#171717;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#f3f4f6;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at 50% 0,#2563eb24,#0000 32%),#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:min(390px,100%);padding:26px 22px;box-shadow:0 20px 45px #0f172a14}.login-mark{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:18px;display:flex}.login-card h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.05}.login-card p{color:#737373;margin:10px 0 24px;font-size:14px;line-height:1.55}.login-card label{color:#525252;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.login-card input{color:#111827;text-transform:uppercase;border:1px solid #d4d4d4;border-radius:10px;outline:none;width:100%;height:48px;padding:0 13px}.login-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.login-card button[type=submit]{color:#fff;background:#2563eb;border:0;border-radius:10px;width:100%;height:48px;margin-top:14px;font-weight:800;box-shadow:0 10px 18px #2563eb38}.login-card button:disabled{opacity:.65;cursor:wait}.form-error{color:#dc2626;margin-top:8px;font-size:12px;font-weight:600}.login-hint{color:#9ca3af;margin-top:14px;font-size:12px}.login-loading-card{text-align:center;align-items:center}.portal-shell{background:#fafafa;max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 0 1px #0000000a}.desktop-sidebar,.desktop-table{display:none}.portal-topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#525252;background:#fffffff0;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:9px 16px;font-size:12px;font-weight:700;display:flex;position:sticky;top:0}.portal-topbar button{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.topbar-actions{align-items:center;gap:7px;display:inline-flex}.portal-topbar .notification-button{justify-content:center;width:31px;height:31px;padding:0;position:relative}.notification-button span{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:9px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-5px}.portal-content{padding-bottom:88px}.page-header{background:#fff;border-bottom:1px solid #eee;padding:18px 20px 16px}.page-header-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.page-header h1{color:#111;margin:0;font-size:30px;font-weight:800;line-height:1.08}.page-header .sub{color:#999;margin-top:6px;font-size:13px}.header-action-button{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.section{padding:16px 20px}.section+.section{border-top:1px solid #f0f0f0}.section-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.bid-list-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bid-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 8px 24px #0f172a0d}.bid-summary-card span{color:#737373;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700;display:block}.bid-summary-card strong{color:#111827;margin-top:8px;font-size:28px;line-height:1;display:block}.bid-list-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;flex-direction:column;gap:9px;padding:13px 14px;display:flex}.bid-list-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.bid-list-primary{flex-direction:column;gap:2px;min-width:0;display:flex}.bid-list-primary strong{color:#202020;overflow-wrap:anywhere;font-size:15px;font-weight:900;line-height:1.15}.bid-list-primary em{color:#9ca3af;font-size:12px;font-style:normal;font-weight:600;line-height:1.3;display:block}.bid-list-bid-line{color:#111827;letter-spacing:0;justify-content:space-between;align-items:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;font-weight:900;display:inline-flex}.bid-list-bid-line>span:first-child{overflow-wrap:anywhere;align-items:baseline;gap:7px;min-width:0;display:inline-flex}.bid-list-bid-line small{color:#2563eb;letter-spacing:.4px;text-transform:uppercase;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:900}.bid-list-info-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr) minmax(0,.9fr);align-items:center;gap:8px;padding:10px;display:grid}.bid-list-info-panel>span{flex-direction:column;gap:4px;min-width:0;display:flex}.bid-list-info-panel strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.2;overflow:hidden}.bid-list-info-panel small{color:#6b7280;font-size:10px;font-weight:800;line-height:1.2}.bid-list-page .mobile-card-list{gap:10px;display:grid}.bid-result-badge{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:4px 8px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.bid-result-badge.purchased{color:#15803d;background:#dcfce7}.workbench-left-column,.workbench-right-column{display:contents}.section-title,.section-title-row h2{color:#8d8d8d;letter-spacing:.4px;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.section-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-title-row h2{margin:0}.link-button{color:#2563eb;white-space:nowrap;background:0 0;border:0;font-size:12px;font-weight:800}.section-meta{color:#9ca3af;white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.purchase-dashboard{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:9px;display:grid}.purchase-primary,.purchase-side div,.year-stat-grid div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0}.purchase-primary{color:#111827;flex-direction:column;justify-content:space-between;min-height:132px;padding:15px;display:flex}.dashboard-kicker{color:#2563eb;text-transform:uppercase;font-size:11px;font-weight:800}.purchase-primary strong{margin-top:12px;font-size:48px;font-weight:800;line-height:.95}.purchase-primary>span:last-child{color:#8a8a8a;font-size:12px;font-weight:700}.purchase-side{gap:9px;display:grid}.purchase-side div{justify-content:space-between;align-items:center;gap:10px;padding:13px;display:flex}.purchase-side span,.year-stat-grid span{color:#8a8a8a;text-transform:uppercase;font-size:11px;font-weight:800}.purchase-side strong{color:#111827;font-size:25px;font-weight:800;line-height:1}.year-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px;display:grid}.year-stat-grid div{justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.year-stat-grid strong{color:#2563eb;font-size:22px;font-weight:800;line-height:1}.mini-chart{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px;height:154px;padding:13px 11px 11px;display:grid}.month-bar{text-align:center;grid-template-rows:1fr auto auto;gap:5px;min-width:0;height:100%;display:grid}.bar-track{background:#f3f4f6;border-radius:8px;justify-content:center;align-items:end;min-height:78px;display:flex;overflow:hidden}.bar-track span{background:linear-gradient(#60a5fa 0%,#2563eb 100%);border-radius:8px 8px 0 0;width:100%;min-height:4px;display:block}.month-bar strong{color:#111827;font-size:12px;line-height:1}.month-bar small{color:#9ca3af;font-size:10px;font-weight:800}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.overview-card{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:13px;min-width:0;padding:13px 5px 11px}.overview-icon{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto 7px;display:flex}.overview-icon.blue{color:#2563eb;background:#eff6ff}.overview-icon.violet{color:#7c3aed;background:#f5f3ff}.overview-icon.orange{color:#ea580c;background:#fff7ed}.overview-icon.green{color:#16a34a;background:#f0fdf4}.overview-num{color:#111;font-size:25px;font-weight:800;line-height:1}.overview-label{color:#999;white-space:nowrap;margin-top:4px;font-size:9px}.blue-text{color:#2563eb}.violet-text{color:#7c3aed}.orange-text{color:#ea580c}.green-text{color:#16a34a}.alert-card,.list-card,.bill-card{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:9px;padding:13px 14px}.alert-card{border-color:#fca5a5 #fca5a5 #fca5a5 #dc2626;border-left-style:solid;border-left-width:4px;align-items:center;gap:11px;display:flex}.action-alert{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #e8e8e8;border-left-width:4px;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:9px;padding:13px 12px;display:grid}.action-alert.urgent{border-color:#fecaca #fecaca #fecaca #dc2626}.action-alert.warning{border-color:#fed7aa #fed7aa #fed7aa #ea580c}.action-alert.calm{border-color:#bfdbfe #bfdbfe #bfdbfe #2563eb}.action-required-head{align-items:flex-start;gap:12px}.action-required-head>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.action-required-head span{color:#8a8a8a;font-size:11px;font-weight:700;line-height:1.25}.section-title-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.action-required-card{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #e8e8e8;border-left-width:4px;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:9px;padding:13px 12px;display:grid}.action-required-card.urgent{background:linear-gradient(90deg,#fff7f7 0%,#fff 42%);border-color:#fecaca #fecaca #fecaca #dc2626}.action-required-card.warning{background:linear-gradient(90deg,#fff7ed 0%,#fff 42%);border-color:#fed7aa #fed7aa #fed7aa #ea580c}.action-required-card.calm{border-color:#bfdbfe #bfdbfe #bfdbfe #2563eb}.action-required-card.urgent .action-icon{color:#dc2626;background:#fef2f2}.action-required-card.warning .action-icon{color:#ea580c;background:#fff7ed}.arrival-payment-card{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #2563eb;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:9px;padding:13px 12px;display:flex}.arrival-payment-card.soon{background:#fffaf5;border-color:#fed7aa #fed7aa #fed7aa #ea580c}.arrival-payment-card.overdue{background:#fff7f7;border-color:#fecaca #fecaca #fecaca #dc2626}.arrival-payment-head,.arrival-payment-foot{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.arrival-payment-head>span:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.arrival-payment-head strong{color:#111827;font-size:15px;line-height:1.15}.arrival-payment-head small,.arrival-payment-foot{color:#6b7280;font-size:11px;font-weight:800}.arrival-payment-money{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.arrival-payment-money span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;min-width:0;padding:8px}.arrival-payment-money small{color:#9ca3af;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.15;display:block}.arrival-payment-money strong{overflow-wrap:anywhere;color:#111827;margin-top:4px;font-size:13px;font-weight:900;line-height:1.15;display:block}.arrival-payment-money span:last-child strong{color:#dc2626}.arrival-payment-foot em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.readiness-list{flex-wrap:wrap;gap:8px;display:flex}.readiness-item{border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.readiness-item.ready{color:#15803d;background:#dcfce7}.readiness-item.missing{color:#b45309;background:#fef3c7}.action-required-card>svg:last-child{color:#9ca3af;grid-area:1/3;align-self:center;margin-top:8px}.action-card-meta{background:#f8fafc;border-radius:10px;grid-column:2/-1;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;margin-top:4px;padding:8px 10px;display:flex}.action-amount{color:#dc2626;white-space:nowrap;font-size:13px;font-weight:900}.action-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.action-alert.urgent .action-icon{color:#dc2626;background:#fef2f2}.action-alert.warning .action-icon{color:#ea580c;background:#fff7ed}.card-main em{color:#6b7280;font-size:11px;font-style:normal;font-weight:700;line-height:1.25}.action-date{color:#6b7280;text-align:right;max-width:68px;font-size:10px;font-weight:800;line-height:1.2}.alert-icon{color:#dc2626;display:inline-flex}.list-card{align-items:center;gap:12px;display:flex}.list-card.compact{min-height:68px}.card-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.card-main strong{color:#262626;font-size:15px;line-height:1.2}.card-main span{color:#8a8a8a;font-size:12px;line-height:1.25}.mono{letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge.green{color:#16a34a;background:#f0fdf4}.badge.blue{color:#2563eb;background:#eff6ff}.badge.violet{color:#7c3aed;background:#f5f3ff}.badge.orange{color:#ea580c;background:#fff7ed}.badge.gray{color:#6b7280;background:#f3f4f6}.badge.red{color:#dc2626;background:#fef2f2}.release-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:4px;width:fit-content;padding:4px 8px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.release-badge.released{color:#15803d;background:#dcfce7}.release-badge.pending{color:#b45309;background:#fef3c7}.inline-status-title{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.detail-header-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.finance-alert-card{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #fed7aa;border-left:4px solid #ea580c;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:9px;padding:13px 12px;display:grid}.finance-alert-amount,.amount-due{color:#dc2626;font-weight:900}.finance-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.finance-summary>div,.finance-batch-money>div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:12px 8px;container-type:inline-size}.finance-summary span,.finance-batch-money span,.segment-money-grid span{color:#9ca3af;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.finance-summary strong,.finance-batch-money strong,.segment-money-grid strong{color:#111827;margin-top:4px;font-size:14px;font-weight:900;line-height:1.12;display:block}.finance-amount{font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap;max-width:100%}.finance-summary strong.finance-amount-normal,.finance-batch-money strong.finance-amount-normal,.segment-money-grid strong.finance-amount-normal{font-size:clamp(10px,14cqi,16px)}.finance-summary strong.finance-amount-long,.finance-batch-money strong.finance-amount-long,.segment-money-grid strong.finance-amount-long{font-size:clamp(10px,12cqi,14px)}.finance-summary strong.finance-amount-extra-long,.finance-batch-money strong.finance-amount-extra-long,.segment-money-grid strong.finance-amount-extra-long{font-size:clamp(10px,10cqi,12px)}.finance-summary-due strong,.finance-batch-money>div:last-child strong{color:#dc2626}.finance-card-list{gap:12px;display:grid}.finance-batch-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:13px}.finance-batch-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;display:flex}.finance-batch-main strong{color:#111827;font-size:18px;font-weight:900;display:block}.finance-batch-main small,.finance-batch-route{color:#6b7280;font-size:12px;font-weight:700}.finance-batch-route{margin-top:8px}.next-payment-strip{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;gap:3px;margin-top:10px;padding:9px 10px;display:grid}.next-payment-strip span{color:#ea580c;text-transform:uppercase;font-size:9px;font-weight:900}.next-payment-strip strong{color:#111827;font-size:13px;font-weight:900}.next-payment-strip em{color:#6b7280;font-size:11px;font-style:normal;font-weight:800}.batch-detail-next{margin:12px 0 0}.finance-batch-money{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.finance-order-mini-list{gap:6px;margin-top:12px;display:grid}.finance-order-mini-list button{color:#374151;text-align:left;background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;padding:9px 10px;display:grid}.finance-order-mini-list span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.finance-order-mini-list strong{color:#dc2626;font-size:12px}.finance-order-group-list{gap:9px;display:grid}.finance-order-group-card{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.finance-order-group-card:hover{background:#f8fafc}.finance-order-summary .route-visual{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;display:grid}.finance-order-summary .route-visual>div:not(.route-line){gap:5px;min-width:0;display:grid}.finance-order-summary .route-visual strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.finance-order-summary .route-visual span{color:#6b7280;font-size:12px;font-weight:700}.finance-batch-money.large{margin-top:0}.section-subblock{margin-top:16px}.vin-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.vin-chip-grid span{color:#374151;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:800;overflow:hidden}.payment-segment-grid{gap:12px;display:grid}.payment-segment-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:13px}.segment-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.segment-head strong{color:#111827;font-size:15px;font-weight:900}.segment-progress{background:#f3f4f6;border-radius:999px;height:8px;margin:12px 0;overflow:hidden}.segment-progress span{border-radius:inherit;background:#2563eb;height:100%;display:block}.segment-money-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:7px;display:grid}.segment-money-grid>div{min-width:0;container-type:inline-size}.segment-money-grid strong{overflow-wrap:anywhere}.segment-invoices{margin-top:12px}.segment-invoices>span{color:#9ca3af;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:900;display:block}.filter-strip{background:#fff;border-bottom:1px solid #eee;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.filter-strip button{color:#6b7280;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.filter-strip button.active{color:#fff;background:#2563eb;border-color:#2563eb}.filter-strip.logistics button.active{background:#1e40af;border-color:#1e40af}.search-bar{color:#9ca3af;background:#fff;border:1px solid #e0e0e8;border-radius:10px;align-items:center;gap:8px;height:42px;margin-bottom:14px;padding:0 12px;display:flex}.search-bar input{color:#111827;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.sort-bar{align-items:center;gap:7px;margin:-4px 0 14px;display:flex}.sort-bar span{color:#8a8a8a;text-transform:uppercase;font-size:11px;font-weight:800}.sort-bar button{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:800}.sort-bar button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.pagination-bar{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:6px 8px;margin:0 0 10px;padding:7px 8px;display:grid}.pagination-top{display:none}.pagination-summary,.pagination-mobile-page,.pagination-page-size span{color:#6b7280;font-size:10px;font-weight:800}.pagination-page-size,.pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pagination-page-size{justify-self:end;gap:4px}.pagination-page-size span{display:none}.pagination-controls{flex-wrap:nowrap;grid-column:1/-1;justify-content:space-between}.pagination-page-size button,.pagination-controls button,.pagination-numbers button{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-height:26px;padding:4px 7px;font-size:10px;font-weight:900;display:inline-flex}.pagination-page-size button.active,.pagination-numbers button.active{color:#fff;background:#2563eb;border-color:#2563eb}.pagination-controls button:disabled{cursor:not-allowed;opacity:.45}.pagination-numbers,.pagination-mobile-page{display:none}.pagination-number-wrap{align-items:center;gap:5px;display:inline-flex}.pagination-number-wrap em{color:#9ca3af;font-size:11px;font-style:normal;font-weight:900}.vehicle-thumb{color:#6b7280;background:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:48px;display:flex;overflow:hidden}.vehicle-thumb img{object-fit:cover;width:100%;height:100%}.detail-header{background:#fff;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:14px 16px;display:flex}.detail-header h1{color:#111;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:15px;font-weight:800;overflow:hidden}.finance-detail-header{padding-inline:20px}.finance-detail-header .badge{flex-shrink:0}.icon-button{color:#333;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.vehicle-hero{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr;display:grid;overflow:hidden}.hero-image{aspect-ratio:4/3;color:#9ca3af;background:#f3f4f6;border:0;justify-content:center;align-items:center;display:flex}.hero-image.clickable{cursor:pointer}.hero-image img{object-fit:cover;width:100%;height:100%}.hero-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border-top:1px solid #e5e7eb;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:13px;display:grid}.hero-make{color:#6b7280;letter-spacing:.4px;text-transform:uppercase;font-size:11px;font-weight:800}.hero-name{color:#111827;margin-top:3px;font-size:20px;font-weight:800;line-height:1.1}.hero-vin{color:#6b7280;margin-top:8px;font-size:10px}.hero-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.hero-stat-grid span{background:#f8fafc;border-radius:8px;flex-direction:column;gap:3px;min-width:0;padding:8px;display:flex}.hero-stat-grid small{color:#9ca3af;text-transform:uppercase;font-size:9px;font-weight:800}.hero-stat-grid strong{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:11px;display:inline-flex;overflow:hidden}.hero-stat-grid i{border:1px solid #00000029;border-radius:50%;flex-shrink:0;width:10px;height:10px}.info-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.info-row span{color:#777;font-size:13px}.info-row strong{color:#222;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:13px}.vehicle-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.info-tile{background:#fff;border:1px solid #e8e8e8;border-radius:10px;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;min-height:72px;padding:10px;display:flex}.info-tile span{color:#8a8a8a;letter-spacing:.25px;text-transform:uppercase;font-size:10px;font-weight:800}.info-tile strong{color:#1f2937;overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.25}.info-tile strong.mono{letter-spacing:0;font-size:12px}.timeline{flex-direction:column;display:flex}.timeline-row{gap:11px;display:flex}.timeline-rail{flex-direction:column;align-items:center;width:18px;display:flex}.timeline-dot{background:#fff;border:2px solid #d1d5db;border-radius:50%;width:12px;height:12px}.timeline-dot.done{background:#16a34a;border-color:#16a34a}.timeline-dot.active{background:#2563eb;border-color:#2563eb}.timeline-line{background:#e5e7eb;flex:1;width:2px;min-height:28px}.timeline-line.done{background:#bbf7d0}.timeline-body{flex:1;padding-bottom:14px}.timeline-label{color:#6b7280;font-size:13px;font-weight:700}.timeline-label.done{color:#111827}.timeline-label.active{color:#2563eb}.timeline-meta,.timeline-note{color:#9ca3af;margin-top:2px;font-size:11px}.attachment-list{flex-direction:column;gap:8px;display:flex}.vehicle-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vehicle-file-card{color:#1e3a8a;text-align:left;background:#fff;border:1px solid #bfdbfe;border-radius:12px;width:100%;padding:0;position:relative;overflow:hidden}.vehicle-file-thumb{aspect-ratio:4/3;color:#2563eb;background:#eff6ff;justify-content:center;align-items:center;display:flex}.vehicle-file-thumb img{object-fit:cover;width:100%;height:100%;display:block}.vehicle-file-footer{min-width:0;padding:9px 10px 10px;display:block}.vehicle-file-footer strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;display:block;overflow:hidden}.vehicle-file-actions{gap:6px;display:inline-flex;position:absolute;bottom:8px;right:8px}.photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gallery-thumb{aspect-ratio:4/3;color:#94a3b8;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:0;overflow:hidden}.gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.attachment-row{color:#374151;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.attachment-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.icon-action{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-action:hover{color:#2563eb;border-color:#bfdbfe}.attachment-icon{color:#2563eb;background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.attachment-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attachment-label{color:#1f2937;font-size:13px;font-weight:800}.attachment-meta{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.bill-card{flex-direction:column;gap:9px;display:flex}.bill-card.eta-soon{background:#fffbeb;border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b1f}.bill-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.carrier-line{flex:1;align-items:flex-start;min-width:0;display:flex}.bill-top strong{color:#202020;flex-direction:column;gap:2px;min-width:0;font-size:15px;line-height:1.15;display:flex}.bill-top em{color:#9ca3af;white-space:normal;overflow-wrap:anywhere;font-size:12px;font-style:normal;font-weight:600;line-height:1.3;display:block}.bill-bl{color:#111827;letter-spacing:0;justify-content:space-between;align-items:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;font-weight:900;display:inline-flex}.bill-bl>span:first-child{overflow-wrap:anywhere;align-items:baseline;gap:7px;min-width:0;display:inline-flex}.bill-bl small{color:#2563eb;letter-spacing:.4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:900}.bl-cell{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.bill-route-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}.route-endpoint{flex-direction:column;gap:4px;min-width:0;display:flex}.route-endpoint.right{text-align:right}.route-endpoint strong{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.route-endpoint small{color:#8a8a8a;font-size:11px;font-weight:700}.route-endpoint small.eta-alert{color:#b45309;background:#fef3c7;border-radius:999px;align-self:flex-end;padding:2px 6px}.route-arrow{color:#2563eb;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:inline-flex}.vin-tags{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.vin-tags span{color:#374151;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border:1px solid #0000000a;border-radius:5px;padding:4px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;overflow:hidden}.vin-tags .more-vins{color:#6b7280;background:#f3f4f6;font-weight:800}.route-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;grid-template-columns:minmax(0,1fr) minmax(132px,1.2fr) minmax(0,1fr);align-items:center;gap:10px;padding:16px 12px;display:grid}.route-port{text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex}.route-port strong{color:#111827;font-size:14px}.route-port span:last-child{color:#9ca3af;font-size:10px}.port-dot{border-radius:50%;width:13px;height:13px}.port-dot.blue{background:#2563eb}.port-dot.green{background:#16a34a}.route-line{justify-content:center;align-items:center;min-width:0;height:42px;display:flex;position:relative}.route-line:before{content:"";background:#dbeafe;height:2px;position:absolute;top:50%;left:0;right:0}.route-line span{z-index:1;color:#374151;text-align:center;white-space:normal;overflow-wrap:anywhere;background:#fff;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;gap:4px;max-width:100%;padding:4px 10px;font-size:10px;font-weight:700;line-height:1.25;display:inline-flex}.count-pill{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.empty-inline{color:#9ca3af;text-align:center;background:#fff;border:1px dashed #d1d5db;border-radius:10px;padding:13px;font-size:13px}.loading-state{color:#6b7280;justify-content:center;align-items:center;gap:10px;min-height:300px;font-size:13px;display:flex}.error-state{text-align:center;flex-direction:column;padding:24px}.error-state button{color:#fff;background:#2563eb;border:0;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:800}.modal-backdrop{z-index:50;background:#1118278c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.preview-modal{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:min(430px,100%);height:min(82vh,720px);display:flex;overflow:hidden}.preview-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.preview-header div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.preview-header strong{color:#111827;font-size:13px}.preview-header span{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.preview-actions{gap:7px;display:inline-flex}.preview-body{background:#f3f4f6;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.preview-body img{object-fit:contain;width:100%;height:100%;display:block}.gallery-modal{border-radius:20px;width:min(980px,100% - 24px);height:min(88vh,860px)}.gallery-preview-body{background:#111827;position:relative}.gallery-preview-body img{object-fit:contain;max-width:100%;max-height:100%}.gallery-nav-button{color:#fff;background:#111827b8;border:0;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav-button.left{left:12px}.gallery-nav-button.right{right:12px}.preview-frame{background:#f3f4f6;border:0;flex:1;width:100%;height:100%;min-height:0}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{z-index:25;width:min(430px,100%);padding:8px 0 max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e8e8e8;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#b3b3b3;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:0 2px;font-size:11px;font-weight:700;display:flex}.bottom-nav button span{text-align:center;line-height:1.05}.bottom-nav button.active{color:#2563eb}.toast{z-index:30;color:#fff;background:#111827;border-radius:12px;width:min(360px,100% - 32px);padding:12px 14px;font-size:12px;font-weight:700;position:fixed;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #1118273d}.notification-layer{z-index:45;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.notification-backdrop{background:#1118273d;border:0;position:absolute;inset:0}.notification-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;width:min(398px,100% - 24px);max-height:min(680px,100vh - 92px);margin-top:52px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 60px #0f172a38}.notification-head{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.notification-head div{flex-direction:column;gap:3px;min-width:0;display:flex}.notification-head strong{color:#111827;font-size:16px;font-weight:900}.notification-head span{color:#9ca3af;font-size:11px;font-weight:700}.notification-head-actions{align-items:center;gap:8px;display:inline-flex}.mark-read-button{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.mark-read-button:disabled{color:#b6bcc7;cursor:default;background:#f9fafb;border-color:#e5e7eb}.notification-list{min-height:0;padding:7px;overflow-y:auto}.notification-item{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 8px;display:grid}.notification-item.unread{background:#f8fbff}.notification-item.read{background:0 0}.notification-item+.notification-item{border-top:1px solid #f3f4f6}.notification-item:hover{background:#f8fafc}.notification-dot{background:#2563eb;border-radius:50%;width:9px;height:9px}.notification-dot.purchase-summary{background:#16a34a}.notification-dot.shipment-update{background:#2563eb}.notification-item.read .notification-dot{background:#d1d5db}.notification-main{flex-direction:column;gap:3px;min-width:0;display:flex}.notification-main strong{color:#111827;font-size:13px;font-weight:900}.notification-item.read .notification-main strong{color:#6b7280}.notification-main span{color:#6b7280;font-size:12px;line-height:1.35}.notification-item.read .notification-main span{color:#9ca3af}.notification-main small{color:#9ca3af;font-size:10px;font-weight:800}.notification-empty{color:#9ca3af;text-align:center;padding:26px 12px;font-size:13px;font-weight:700}@media (width>=900px){body{background:#eef2f6}.portal-shell{width:100%;max-width:none;min-height:100vh;box-shadow:none;background:#f7f8fa;grid-template-columns:248px minmax(0,1fr);margin:0;display:grid;overflow-x:visible}.desktop-sidebar{z-index:35;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar-brand{flex-direction:column;gap:6px;padding:0 4px 22px;display:flex}.sidebar-brand span{color:#9ca3af;text-transform:uppercase;font-size:11px;font-weight:900}.sidebar-brand strong{color:#111827;font-size:17px;line-height:1.2}.sidebar-nav{gap:7px;display:grid}.sidebar-nav button,.sidebar-action-button{color:#6b7280;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 11px;font-size:13px;font-weight:800;display:flex}.sidebar-nav button.active{color:#2563eb;background:#eff6ff}.sidebar-actions{gap:7px;margin-top:auto;display:grid}.sidebar-action-button{background:#fff;border:1px solid #e5e7eb;position:relative}.sidebar-badge{color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;font-size:10px;font-weight:900;display:inline-flex}.portal-topbar,.bottom-nav{display:none}.portal-content{width:100%;min-width:0;max-width:1180px;padding:30px 32px 56px}.page-header,.detail-header{background:0 0;border:0;border-radius:14px;padding:0 0 20px}.finance-detail-header{padding:0 0 20px}.page-header h1{font-size:34px}.section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.section+.section{border-top:1px solid #e5e7eb}.workbench-page{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:16px;display:grid}.workbench-page .page-header{grid-column:1/-1}.workbench-left-column,.workbench-right-column{flex-direction:column;align-self:start;gap:16px;min-width:0;display:flex}.workbench-left-column{grid-column:1}.workbench-right-column{grid-column:2}.workbench-left-column>.section,.workbench-right-column>.section{width:100%}.workbench-purchase-section,.workbench-chart-section{min-height:230px}.workbench-action-section,.workbench-arrival-section,.workbench-recent-section{align-self:start}.action-required-card{grid-template-columns:auto minmax(0,1fr) minmax(150px,auto) auto;align-items:center}.action-card-meta{background:0 0;flex-direction:column;grid-column:3;justify-content:center;align-items:flex-end;gap:3px;width:auto;min-width:150px;margin-top:0;padding:0}.action-required-card>svg:last-child{grid-area:auto/4;margin-top:0}.purchase-primary{min-height:152px}.purchase-primary strong{font-size:58px}.mini-chart{border:0;height:190px;padding:4px 0 0}.mobile-card-list,.bid-list-page .mobile-card-list{display:none}.desktop-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:grid;overflow:hidden}.desktop-table-head,.desktop-table-row{align-items:center;gap:12px;padding:10px 12px;display:grid}.vehicle-desktop-table .desktop-table-head,.vehicle-desktop-table .desktop-table-row{grid-template-columns:64px minmax(150px,1.25fr) minmax(150px,1.15fr) 108px 86px 64px 82px 106px minmax(116px,.95fr)}.logistics-desktop-table .desktop-table-head,.logistics-desktop-table .desktop-table-row{grid-template-columns:minmax(150px,1.1fr) minmax(240px,1.45fr) minmax(160px,1fr) 110px 110px 70px 104px}.finance-table .desktop-table-head,.finance-table .desktop-table-row{grid-template-columns:minmax(126px,.9fr) minmax(126px,.9fr) minmax(150px,1fr) 66px 116px minmax(130px,1fr) 90px}.bid-list-desktop-table .desktop-table-head,.bid-list-desktop-table .desktop-table-row{grid-template-columns:82px 88px minmax(118px,.78fr) minmax(260px,1.75fr) 70px 104px minmax(120px,.9fr)}.desktop-table-head{color:#6b7280;letter-spacing:.35px;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:10px;font-weight:900}.desktop-table-row{width:100%;color:inherit;text-align:left;background:#fff;border:0;border-top:1px solid #f3f4f6}.desktop-table-row:hover{background:#f8fbff}.desktop-table-row>span{color:#374151;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.desktop-table-row strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.desktop-table-row small{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;display:block;overflow:hidden}.desktop-table-row .vehicle-thumb{width:56px;height:42px}.desktop-table-row .strong-cell{color:#111827;font-weight:900}.desktop-table-row .eta-alert-text{color:#b45309;font-weight:900}.filter-strip{border:1px solid #e5e7eb;border-radius:12px;margin:0 0 16px;padding:10px}.search-bar{max-width:520px}.sort-bar{margin-top:0}.pagination-bar{grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:12px;padding:9px 12px}.pagination-top{display:block}.pagination-page-size{justify-content:center;justify-self:auto;gap:6px}.pagination-page-size span{display:inline}.pagination-controls{flex-wrap:nowrap;grid-column:auto;justify-content:flex-end}.pagination-numbers{align-items:center;gap:5px;display:inline-flex}.pagination-mobile-page{display:none}.detail-page{display:block}.finance-page,.finance-detail-page{max-width:1180px}.finance-summary{grid-template-columns:repeat(3,minmax(180px,1fr))}.finance-summary strong,.finance-batch-money strong,.segment-money-grid strong{font-size:16px}.batch-detail-next+.finance-batch-money.large{margin-top:12px}.finance-detail-grid{grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr)}.payment-segment-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.vin-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-detail-grid{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);align-items:start;gap:16px;display:grid}.detail-main-column,.detail-side-column{gap:16px;display:grid}.detail-page .section+.section{border-top:1px solid #e5e7eb}.vehicle-hero{border-radius:14px}.hero-image{max-height:520px}.photo-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.vehicle-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logistics-detail-page .route-card{min-height:220px}.notification-layer{justify-content:flex-start;padding-left:264px}.notification-panel{margin-top:22px}.preview-modal{border-radius:16px;width:min(860px,100% - 64px)}}@media (width<=360px){.section{padding-left:14px;padding-right:14px}.page-header{padding-left:16px;padding-right:16px}.overview-grid{gap:6px}.overview-num{font-size:22px}.vehicle-hero{grid-template-columns:1fr}.hero-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-card,.arrival-payment-money{grid-template-columns:1fr}.arrival-payment-head,.arrival-payment-foot{flex-direction:column;align-items:flex-start}.action-required-head{flex-direction:column}.section-title-actions{justify-content:flex-start;width:100%}.action-required-card{grid-template-columns:auto minmax(0,1fr) auto}.route-line{width:100%}}