.gradient-text{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background-color:var(--header);border-radius:.75rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color);margin-bottom:1rem}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -2px rgb(0 0 0/.1)}section{margin-bottom:2rem}.grid{gap:2rem}.icon-bg{background-color:#ffebf2;color:var(--primary)}.chart-container{position:relative;margin:auto;height:280px;width:100%;max-width:280px}@media (max-width:768px){.gradient-text{background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{margin:0 1rem}.chart-container{height:200px;max-width:200px}}.card,.gradient-text,.icon-bg{transition:all .3s ease}.card:hover .icon-bg{transform:scale(1.1)}:root[data-theme=dark] .card{box-shadow:0 4px 6px -1px rgb(0 0 0/.3),0 2px 4px -2px rgb(0 0 0/.3)}:root[data-theme=dark] .card:hover{box-shadow:0 10px 15px -3px rgb(0 0 0/.4),0 4px 6px -2px rgb(0 0 0/.4)}table{border-collapse:collapse;width:100%}th{font-weight:700;text-align:left}td{vertical-align:top}@media (max-width:768px){table{font-size:14px}td,th{padding:1rem .75rem}.w-16{width:3rem;height:3rem}.text-2xl{font-size:1.25rem}}