.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;position:relative;z-index:1}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:16px}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 16px #0003,inset 0 1px 1px #ffffff1a}50%{box-shadow:0 4px 16px #0003,inset 0 1px 1px #ffffff1a,0 0 20px currentColor}}@keyframes value-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stat-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.1);border-left:3px solid;box-shadow:0 4px 16px #0003,inset 0 1px 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;gap:12px}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);pointer-events:none}.stat-card.trend-good,.stat-card.trend-bad{animation:pulse-glow .8s ease-out}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d,inset 0 1px 1px #ffffff26}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-title{font-size:12px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:28px;font-weight:700;color:#fffffff2;line-height:1;display:flex;align-items:baseline;gap:4px;transition:all .3s ease}.trend-good .stat-value{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.5)}.trend-bad .stat-value{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.5)}.trend-arrow{margin-left:6px;font-size:14px;opacity:.8}.stat-unit{font-size:14px;font-weight:500;color:#ffffff80}.charts-container{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}@media (min-width: 768px){.charts-container{gap:16px}}.lineChartWrapper{width:100%;height:160px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003,inset 0 1px 1px #ffffff1a;transition:all .3s ease;position:relative;z-index:1;overflow:hidden;flex:1;min-height:0}@media (min-width: 768px){.lineChartWrapper{height:200px;padding:16px}}@media (min-width: 1024px){.lineChartWrapper{height:240px;padding:20px}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fffffff2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#8b5cf6;text-decoration:inherit;transition:color .3s ease}a:hover{color:#a78bfa}body{margin:0;min-height:100vh;height:100vh;background:linear-gradient(-45deg,#0f172a,#1e1b4b,#1e293b,#0c4a6e);overflow-x:hidden;overflow-y:auto}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.12) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.12) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.08) 0%,transparent 40%);pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:3.2em;line-height:1.1;background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{border-radius:12px;border:1px solid rgba(139,92,246,.3);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:rgba(139,92,246,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e0e7ff;cursor:pointer;transition:all .3s ease}button:hover{border-color:#8b5cf6;background:rgba(139,92,246,.2);transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}button:focus,button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}