body{color:#cdd6f4;background-color:#1e1e2e;margin:0;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{text-align:center;margin-bottom:30px}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}.card{background-color:#313244;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;box-shadow:0 4px 10px #0003}.card-title{color:#a6adc8;text-transform:uppercase;margin:0 0 10px;font-size:16px}.card-value{font-size:18px;font-weight:700}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}.span-1,.span-2,.span-3{grid-column:span 1}}.card-progress{background-color:#1e1e2e;border-radius:8px;width:100%;height:24px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.card-progress-fill{background-color:#89b4fa;border-radius:8px;height:100%;transition:width .3s ease-in-out}.card-progress-text{color:#fff;text-shadow:1px 1px 3px #000000b3;z-index:10;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:700;display:flex;position:absolute;top:0;left:0}