.dashboard-container{max-width:1400px;margin:0 auto;padding:36px 16px 32px;background:#f6f7fa;min-height:100vh}.dashboard-header{display:flex;align-items:center;margin-bottom:36px;gap:18px}.back-arrow{display:flex;align-items:center;margin-right:8px;cursor:pointer}.dashboard-title{font-family:Segoe UI,Arial,sans-serif;font-size:1.5rem;font-weight:700;color:#3d3356;text-align:left;margin:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px 32px}.card{padding:36px 12px 28px;display:flex;flex-direction:column;align-items:center;min-height:260px}.card-title{font-size:1.18rem;font-weight:700;color:#3d3356;margin-bottom:10px;text-align:center;letter-spacing:.5px}.card canvas{width:120px!important;height:60px!important;margin-bottom:10px}.card-values{font-size:2rem;font-weight:700;color:#3d3356;margin-bottom:2px;display:flex;align-items:baseline;justify-content:center}.card-current{font-size:2.1rem;font-weight:700;color:#3d3356}.card-total{font-size:1.1rem;color:#b0b0c0;margin-left:6px;font-weight:500}.card-available{font-size:1.08rem;color:#b0b0c0;margin-top:2px;font-weight:500}@media (max-width: 900px){.dashboard-title{font-size:2rem}.cards-grid{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.dashboard-title{font-size:1.3rem}.dashboard-header{gap:8px}.cards-grid{grid-template-columns:1fr}.card{min-height:180px;padding:16px 4px 12px}.card canvas{width:90px!important;height:45px!important}}body{font-family:Segoe UI,Arial,sans-serif;background:#f6f7fa;margin:0}.gauge-container{position:relative;width:100%;max-width:180px;margin:0 auto 8px;height:150px}.gauge-container canvas{width:100%!important;height:170px!important;display:block}.center-value{position:absolute;top:92px;left:50%;transform:translate(-50%);font-size:2.1rem;font-weight:700;color:#333;letter-spacing:.5px;pointer-events:none}.scale-left,.scale-right{position:absolute;top:130px;font-size:1rem;color:#555;pointer-events:none}.scale-left{left:0}.scale-right{right:0}#overlay{position:fixed;inset:0;background:#0000004d;display:none;justify-content:center;align-items:center;z-index:1000}.overlay-content{display:flex;flex-direction:column;align-items:center}.loader{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top:3px solid #4a90e2;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 10px #4a90e280}@keyframes spin{to{transform:rotate(360deg)}}.overlay-text{margin-top:12px;color:#fff;font-size:20px;font-weight:500}.retry-text{margin-top:10px;font-size:14px;color:#ddd}