:root{--grad1:#8b5cf6;--grad2:#fa5e80;--bg:#f5f5f5}
body{margin:0;font-family:Poppins, sans-serif;background:var(--bg);color:#222}
.navbar{position:fixed;top:0;left:0;right:0;background:#fff;padding:10px 14px;box-shadow:0 2px 6px rgba(0,0,0,0.04);z-index:1000}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.logo{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--grad1),var(--grad2));color:#fff;font-weight:700}
.main{padding-top:78px;padding-bottom:90px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;border:1px solid #eee;text-align:left}
.btn{display:inline-block;padding:6px 10px;border-radius:6px;background:linear-gradient(90deg,var(--grad1),var(--grad2));color:#fff;text-decoration:none}
.form-inline input{padding:8px;margin-right:8px}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.quick-card{background:#fff;padding:12px;border-radius:10px;box-shadow:0 6px 18px rgba(80,60,120,0.05);text-align:center}