body{font-family:Tahoma,Arial,sans-serif;background:#f5f7fb}
.hero{background:linear-gradient(135deg,#111827,#4c1d95);color:#fff;padding:70px 0}
.cardx{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.06);padding:22px}
.btn-main{background:#7c3aed;color:#fff;border-radius:14px;border:0;padding:10px 18px}
.btn-main:hover{background:#6d28d9;color:#fff}
.badge-soft{background:#ede9fe;color:#5b21b6;border-radius:50px;padding:7px 12px}
.sidebar{min-height:100vh;background:#111827;color:#fff}
.sidebar a{display:block;color:#d1d5db;text-decoration:none;padding:12px 14px;border-radius:12px;margin:4px 0}
.sidebar a:hover,.sidebar a.active{background:#374151;color:#fff}
.stat{border-radius:18px;background:#fff;padding:20px;border:1px solid #e5e7eb}
.table td,.table th{vertical-align:middle}
.result-box{white-space:pre-wrap;background:#f8fafc;border-radius:14px;padding:15px;border:1px solid #e5e7eb}