:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-primary: #818cf8;--accent-secondary: #60a5fa;--border-color: #334155;--hover-accent: #4f46e5;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh;padding:2rem}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:3rem;padding:1rem}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-header p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.dashboard-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:var(--transition);position:relative;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 4px 6px #0000001a;display:block}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0003;border-color:var(--hover-accent)}.dashboard-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));transform:scaleX(0);transform-origin:left;transition:var(--transition)}.dashboard-card:hover:before{transform:scaleX(1)}.card-icon{margin-bottom:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#818cf81a;border-radius:10px}.icon{width:28px;height:28px;fill:var(--accent-primary)}.card-title{font-size:1.4rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.card-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.card-arrow{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.5rem;color:var(--accent-secondary);opacity:0;transition:var(--transition)}.dashboard-card:hover .card-arrow{opacity:1}@media (max-width: 768px){body{padding:1.5rem}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.dashboard-header h1{font-size:2rem}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr}}