:root{--primary:#6c2bd9;--dark:#101828;--muted:#667085;--bg:#f8f7ff}body{margin:0;font-family:Inter,Arial,sans-serif;background:#fff;color:var(--dark)}.hero{padding:80px 8%;background:linear-gradient(135deg,#f8f7ff,#fff)}.btn{background:var(--primary);color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{padding:22px;border:1px solid #eee;border-radius:18px;background:#fff;box-shadow:0 8px 24px #1018280f}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#111827;color:#fff;padding:20px}.content{flex:1;padding:28px}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid #eee;padding:12px;text-align:left}