.overviewPage{padding:32px 24px}.buyerSellerTabs{border-bottom:1px solid #e5e7eb;align-items:flex-end;gap:36px;margin-bottom:24px;display:flex}.buyerSellerTab{color:#c4c4c4;cursor:pointer;background:0 0;border:none;padding:0 0 16px;font-size:18px;font-weight:600;position:relative}.buyerSellerTab.activeTab{color:#5c6670}.buyerSellerTab.activeTab:after{content:"";background:#7bbd2a;width:100%;height:4px;position:absolute;bottom:-1px;left:0}.overviewTop,.overviewMiddle{grid-template-columns:1fr 1fr;gap:24px;display:grid}.overviewMiddle{margin-top:24px}.overviewBottom{width:100%;margin-top:24px}.card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 4px 10px #0f172a0a,0 12px 24px #0f172a0f}.cardLabel{color:#9aa3ad;letter-spacing:.04em;margin:0 0 24px;font-size:12px;font-weight:700}.utilizationCard{flex-direction:column;min-height:320px;display:flex;overflow:visible}.utilArcContainer{justify-content:center;width:100%;height:260px;display:flex;position:relative;overflow:visible}.progressArc{width:100%;max-width:467px;height:auto;display:block}.utilArcContent{text-align:center;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.utilArcContent h2{margin:0}.utilLabel{color:#51565c;font-size:20px;font-weight:400;display:block}.utilRange{color:var(--text-primary);justify-content:space-between;align-items:center;margin-top:-20px;padding:0 28px;font-size:14px;display:flex}.utilRange span{justify-content:center;align-items:center;display:inline-flex}.summaryCard{flex-direction:column;display:flex}.summaryRow{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 0;display:flex}.summaryRow:last-child{border-bottom:none}.summaryText p{color:#3f4a59;margin:0 0 4px;font-size:17px;font-weight:500}.summaryText span{color:#a0a8b3;font-size:13px;line-height:1.4;display:block}.summaryMeta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.summaryMeta h3{font-size:24px;font-weight:var(--fw-semibold);color:var(--text-primary);margin:0;line-height:1.2}.viewLink,.table-link,.detailsLink{color:#4da3ff;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:13px;line-height:1;text-decoration:none;display:inline-flex}.billingTable{margin-top:24px}.billingTableHead,.billingRow{grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;column-gap:20px;display:grid}.billingTableHead{margin-bottom:14px}.billingTableHead span{color:#8e98a7;font-size:15px}.billingRow{padding:12px 0}.shipmentCard{flex-direction:column;display:flex}.shipmentHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.shipmentControls{align-items:center;gap:16px;display:flex}.shipmentPill{color:#5aa8f7;background:#eaf4ff;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.shipmentNav{align-items:center;gap:10px;display:flex}.shipmentNav span{color:#4a5565;font-size:15px}.shipmentArrow{color:#7f8996;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.shipmentLineWrap{margin-top:24px;position:relative}.shipmentLine{background:linear-gradient(90deg,#53a2d9 0% 58%,#0000 58% 100%);border-radius:999px;width:100%;height:6px;position:relative}.shipmentLine:before,.shipmentLine:after{content:"";width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.shipmentLine:before{background:#53a2d9;left:0}.shipmentLine:after{background:#dfe5eb;right:0}.shipmentLineWrap:after{content:"";background:#d6dce3;height:3px;position:absolute;top:50%;left:58%;right:18px;transform:translateY(-50%)}.shipImgContainer{z-index:3;position:absolute;top:50%;left:51%;transform:translate(-50%,-99%)}.shipmentTrackerImage{width:70px;display:block}.shipmentLocations{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;margin-top:16px;padding-bottom:18px;display:flex}.shipmentLocations h4{color:#3f4a59;margin:0 0 4px;font-size:15px;font-weight:600}.shipmentLocations span{color:#97a1ad;font-size:13px}.shipmentRightLocation{text-align:right}.shipmentDetailsTop{justify-content:flex-end;margin-top:12px;display:flex}.shipmentDetailsGrid{grid-template-columns:1fr 1fr;gap:24px 32px;margin-top:18px;display:grid}.shipmentDetailsGrid h5{color:#3f4a59;margin:0 0 6px;font-size:15px;font-weight:600}.shipmentDetailsGrid p{color:#a0a8b3;margin:0;font-size:14px;line-height:1.4}.repaymentsCard{background:#fff;border-radius:10px;padding:24px 28px;box-shadow:0 2px 8px #0000000a}.repaymentsTable{width:100%}.repaymentsHead,.repaymentsRow{grid-template-columns:1.2fr 2fr 1.2fr 1.1fr 1.1fr .8fr;align-items:center;column-gap:20px;display:grid}.repaymentsHead{border-bottom:1px solid #eef1f4;margin-bottom:6px;padding-bottom:14px}.repaymentsHead span{color:#9aa3ad;font-size:13px;font-weight:600}.repaymentsRow{border-bottom:1px solid #f5f6f8;padding:16px 0}.repaymentsRow:last-child{border-bottom:none}.repaymentsRow span{font-size:14px}.repaymentStatusCell{align-items:center;display:flex}.repaymentBadge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:7px 14px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.isOverdue{color:#e05656;background:#ffe7e7}.isProgress{color:#1d4ed8;background:#e6f0ff}.isCompleted{color:#1e7a3b;background:#e6f4ea}.isReview{color:#c2410c;background:#fff4e7}.skeleton{background:#eef2f6;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeletonStat{border-radius:5px;width:42px;height:25px;display:inline-block}.skeletonCircle{border-radius:6px;width:64px;height:26px;display:inline-block}.skeletonMini{border-radius:4px;width:32px;height:14px;display:inline-block}
.repaymentsMobile{display:none}@media (max-width:768px){.repaymentsMobile,.sidebar{display:none}.overview-page{width:100%;padding:16px}.overview-card{width:100%}.overviewTop,.overviewMiddle{flex-direction:column;gap:16px;display:flex}}@media (max-width:430px){.overview-page{padding:12px}.overview-card{border-radius:14px;padding:14px}.topBar{gap:12px;padding:12px}.topBar img{width:60%;height:auto}.financeTradeButton{padding:10px 12px;font-size:12px}.shipmentHeader{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.shipmentControls{width:100%}.shipmentNav{margin-left:auto}}@media (max-width:600px){.repaymentsDesktop{display:none}.repaymentsMobile{flex-direction:column;display:flex}.repaymentMobileCard{border-bottom:1px solid #edf1f5;flex-direction:column;gap:14px;padding:20px 0;display:flex}.repaymentMobileTop{flex-direction:column;gap:4px;display:flex}.repaymentReference{color:#51565c;font-size:20px;font-weight:700;line-height:1.2}.repaymentPartner{color:#51565c;font-size:16px;line-height:1.35}.repaymentMobileBottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.repaymentAmount{color:#51565c;font-size:18px;font-weight:700}.repaymentDate{color:#8f98a3;font-size:15px}.repaymentBadge{width:fit-content}}