:root{
  --p1:#7a00ff; --p2:#b855ff; --p3:#e3b7ff;
  --ink:#1a1124; --border:rgba(122,0,255,.25); --wash:#faf7ff;
}
body{ background: radial-gradient(900px 600px at 10% -10%, rgba(122,0,255,.05), transparent 55%), #f7f5fb; }
.pra-topbar{background:linear-gradient(90deg,#200a33 0%,#361152 50%,#4a1779 100%);border-bottom:2px solid var(--border);box-shadow:0 6px 18px rgba(122,0,255,.25);}
.pra-brand{color:#fff!important;font-weight:800;font-size:1.3rem;text-decoration:none;}
.pra-tabs{background:#2b1244;border-bottom:1px solid var(--border);}
.pra-tabs .nav-link{color:#e8dbff;padding:.75rem 1rem;border-radius:.5rem .5rem 0 0;margin-right:.25rem;font-weight:600;}
.pra-tabs .nav-link.active{color:#1a0033;background:linear-gradient(135deg,var(--p1),var(--p2),var(--p3));border:1px solid var(--border);box-shadow:0 6px 16px rgba(138,43,226,.45);}
.pra-shell{display:grid;grid-template-columns:270px 1fr;gap:16px;padding:16px 0;}
.side-box{background:#fff;border:1px solid var(--border);border-radius:.9rem;box-shadow:0 8px 24px rgba(122,0,255,.10);margin-bottom:1rem;}
.side-title{background:linear-gradient(135deg,rgba(122,0,255,.12),rgba(184,85,255,.12));padding:.6rem .9rem;font-weight:700;color:#37165c;border-bottom:1px solid var(--border);}
.side-list{list-style:none;margin:0;padding:.25rem 0;}
.side-list li a{display:block;padding:.55rem .9rem;color:#452565;text-decoration:none;font-weight:600;}
.side-list li a:hover{background:var(--wash);border-left:3px solid var(--p2);color:#2f1150;}
.btn-primary{background:linear-gradient(135deg,var(--p1),var(--p2),var(--p3))!important;border:0!important;color:#1a0033!important;box-shadow:0 6px 16px rgba(138,43,226,.45);}
.btn-user{background:linear-gradient(135deg,var(--p2),var(--p1))!important;color:#fff!important;border:0!important;}
.card{border:1px solid var(--border);border-radius:1rem;box-shadow:0 10px 24px rgba(122,0,255,.08);}