*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#0e1015;color:white;padding:30px}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at top,#ff6a0030,transparent 40%),
radial-gradient(circle at bottom,#ff000020,transparent 40%);
filter:blur(50px);z-index:-1}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
h1{font-size:32px}
select{background:#1a1d25;color:white;padding:10px;border-radius:10px;border:none}
.card{
background:rgba(255,255,255,.05);
backdrop-filter:blur(15px);
padding:25px;
border-radius:20px;
box-shadow:0 0 25px rgba(0,0,0,.3);
margin-bottom:25px;
transition:.4s
}
.card:hover{transform:translateY(-5px)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.stat{
padding:20px;border-radius:15px;background:#171b23;
position:relative;overflow:hidden
}
.dot{
width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px
}
.green{background:#00ff88;box-shadow:0 0 15px #00ff88}
.red{background:#ff3d3d;box-shadow:0 0 15px #ff3d3d}
.gray{background:#aaa}
.value{font-size:35px;font-weight:bold;margin:10px 0}
.section{display:grid;grid-template-columns:1fr 2fr;gap:20px}
table{width:100%;border-collapse:collapse}
td,th{padding:15px;text-align:left;border-bottom:1px solid #333}
@media(max-width:800px){.section{grid-template-columns:1fr}}