.cp-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
.cf-shell{max-width:760px}.cf-shell a{text-decoration:none}.cf-shell h1{font-size:24px}.cf-shell h2{font-size:17px;margin:0}.cf-profile{display:flex;justify-content:flex-end;color:#2767a8;margin-bottom:8px}.cf-profile svg{width:24px;height:24px}.cf-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;background:#236cba;color:white;border:0;border-radius:12px;font:inherit;margin:12px 0 18px;cursor:pointer}.cf-primary svg{width:20px;height:20px}.cf-red{color:#c23540}.cf-green{color:#14815a}.cf-blue{color:#286fb6}.cf-amber{color:#976311}.cf-balance{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;padding:18px 14px;background:white;border:1px solid #dce5ee;border-radius:14px;margin-bottom:20px}.cf-balance>strong:first-child{color:#34445b}.cf-balance strong{font-size:17px}.cf-badge{display:inline-block;font-size:11px;padding:3px 7px;background:#eef4f9;border-radius:6px;white-space:normal}.cf-badge.cf-green{background:#e7f5ee}.cf-badge.cf-amber,.cf-row-warning{background:#fff5d8}.cf-modes{display:flex;background:#e9eef5;border-radius:11px;padding:4px;gap:4px}.cf-modes button{flex:1;border:0;background:transparent;color:#667487;border-radius:8px;padding:10px;font:inherit;cursor:pointer}.cf-modes button[aria-pressed=true]{background:white;color:#1c63a6;box-shadow:0 2px 6px #12376a15}.cf-table{border:1px solid #dfe6ee;border-radius:12px;overflow:hidden;background:white}.cf-table-head,.cf-event{display:grid;grid-template-columns:29% 34% 37%;align-items:center;text-align:right;gap:0}.cf-table-head{background:#edf3f9;color:#63758b;font-size:12px;padding:12px 9px}.cf-table-head>span:last-child{text-align:left}.cf-event{padding:15px 9px;border-top:1px solid #e5ebf1;color:#263c54;min-height:78px}.cf-event:hover{box-shadow:inset 0 0 0 1px #98b9df}.cf-date{font-size:12px;color:#68788c}.cf-date small{display:block;margin-top:5px;font-size:11px}.cf-description{font-size:13px;line-height:1.8;overflow-wrap:anywhere;padding:0 6px}.cf-description small,.cf-description .cf-badge{display:block;width:fit-content;font-size:10px}.cf-amount{text-align:left;white-space:nowrap;font-size:14px;font-weight:700}.cf-chevron{margin-right:5px;font-size:18px;color:#94a2b0}.cf-card{background:white;border:1px solid #dce5ee;border-radius:14px;padding:17px;margin:15px 0;min-width:0;overflow:hidden}.cf-card a{color:#2469ae}.cf-card .cp-card-head{align-items:center}.cf-card .cp-card-head svg{width:28px;height:28px;color:#447bb6}.cf-card small{color:#708094}.cf-card .cp-info-row{font-size:13px;padding:10px 0;gap:10px}.cf-card-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #e4eaf1;padding-top:13px;margin-top:12px;font-size:13px}.cf-card-footer svg{width:18px;height:18px}.cf-bank-number{display:block;overflow-wrap:anywhere;text-align:center;background:#f3f6fa;border-radius:8px;padding:12px;margin:12px 0;font-size:16px}.cf-account-meta{display:flex;justify-content:space-between;font-size:12px;margin:12px 0}.cf-card-total{font-weight:700;border-top:1px solid #dce5ee}.cf-delivery{font-size:12px;color:#697b8f;line-height:1.8}.cf-products{width:100%;table-layout:fixed;font-size:12px;border-collapse:collapse}.cf-products th,.cf-products td{padding:12px 5px;border-bottom:1px solid #e8edf2;overflow-wrap:anywhere}.cf-products th:first-child{width:51%}.cf-products th:nth-child(2){width:14%}.cf-products th:last-child{width:35%}.cf-products td:first-child{text-align:left}.cf-receipt-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0}.cf-admin-note{background:#fff5d8;border:1px solid #edd79a;border-radius:12px;padding:16px;color:#795b21}.cf-admin-note p{white-space:pre-wrap;line-height:1.9;font-size:14px}.cf-proof{margin-top:20px}.cf-proof img{display:block;max-width:100%;height:auto;margin:14px auto;border:1px solid #dae3ee;border-radius:10px}.cf-shell .cp-detail-head{align-items:center}.cf-shell .cp-section-head{margin:20px 0 12px}.cf-shell .cp-section-head small{font-size:11px;color:#7c8897}.cf-request-orders{max-height:45vh;overflow:auto}.cf-shell :focus-visible{outline:3px solid #6caceb;outline-offset:3px}@media(max-width:420px){.cf-shell{padding:12px 10px 100px}.cf-amount{font-size:12px}.cf-chevron{margin-right:2px}.cf-description{font-size:12px}.cf-date{font-size:11px}.cf-balance strong{font-size:14px}.cf-balance{gap:7px}.cf-card{padding:13px}.cf-shell .cp-detail-head h1{font-size:23px}}