.coins-overview { display:flex; align-items:center; gap:18px; width:100%; padding:20px 24px; margin-bottom:20px; border:1px solid #cddff6; border-radius:14px; background:linear-gradient(110deg,#fff,#eaf4ff); color:#10243b; text-align:left; cursor:pointer; }
.coins-overview strong { color:#0075e8; font-size:28px; }
.coins-overview span:last-child { margin-left:auto; font-size:14px; }
.coins-panel { color:#10243b; }
#portalDashboard .coins-panel p, .checkout-page .coins-checkout p { color:#53657a; }
#portalDashboard .coins-panel h2 { font-size:32px; }
.coins-kicker { color:#0075e8; font-size:12px; letter-spacing:.12em; font-weight:800; }
.coins-panel h2 { margin:8px 0; font-size:32px; }
.coins-balance strong { font-size:48px; color:#0075e8; }
.coins-panel progress { width:100%; height:12px; accent-color:#0075e8; }
.coins-rewards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0; }
.coins-reward { padding:20px; border:1px solid #d4e3f5; border-radius:12px; background:#f5f9fe; }
.coins-reward h3 { margin:0 0 8px; }
.coins-reward a { display:inline-block; margin-top:10px; color:#006dd5; font-weight:700; }
.coins-terms { font-size:13px; line-height:1.7; color:#53657a; }
.coins-history article { display:flex; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid #e2eaf3; }
.coins-history small { display:block; color:#53657a; margin-top:4px; }
.coins-history b { white-space:nowrap; color:#0062c4; }
.coins-pagination { display:flex; align-items:center; gap:14px; margin-top:20px; }
.coins-pagination button { border:1px solid #cddff6; border-radius:8px; background:white; padding:9px 14px; color:#10243b; cursor:pointer; }
.coins-pagination button:disabled { opacity:.45; cursor:default; }
.coins-checkout { padding:18px 0; border-bottom:1px solid #dce6f0; }
.coins-checkout h3 { margin:0 0 8px; }
.coins-checkout label,.coins-checkout small { display:block; margin:8px 0; }
.coins-checkout select { width:100%; max-width:100%; padding:12px; background:white; border:1px solid #c5d8ee; border-radius:8px; color:#10243b; }
.coins-checkout p { font-size:13px; line-height:1.5; }
@media(max-width:600px) { .coins-rewards { grid-template-columns:1fr; } .coins-overview { flex-wrap:wrap; gap:10px; } .coins-overview span:last-child { flex-basis:100%; margin:0; } .coins-history article { font-size:14px; } }