:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(255, 255, 255, .03);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--accent-gradient: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);--border-color: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,136,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,212,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(120,0,255,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.dashboard-container{position:relative;z-index:1;min-height:100vh;padding:2vh 2vw}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3vh;padding-bottom:2vh;border-bottom:1px solid var(--border-color)}.header h1{font-size:2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.glass-card:hover{border-color:#00ff884d;transform:translateY(-2px);box-shadow:0 12px 40px #00ff881a}.scaling-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.compact-mode .scaling-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;gap:1rem}.header h1{font-size:1.5rem}.scaling-grid{grid-template-columns:1fr}}