:root{--primary:#24308a;--secondary:#6c4df6;--accent:#21b7c6;--soft:#f4f7fb;--dark:#15213a}body{background:linear-gradient(180deg,#eef4ff,#fff);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#172033}.topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(22,34,63,.08)}.brand-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#4169e1,#20c5bd);color:white}.nav-link{font-weight:650;color:#4b5870}.nav-link:hover{color:#24308a}.hero{border-radius:30px;padding:38px 28px;background:radial-gradient(circle at 96% 0,#35bbc7 0 16%,transparent 16%),linear-gradient(120deg,#263485,#7152ff 55%,#20b8c4);color:white;box-shadow:0 20px 45px rgba(39,52,133,.22)}.hero h1{font-size:clamp(2rem,4vw,3.6rem);font-weight:900;letter-spacing:-1.5px}.panel{background:white;border-radius:26px;box-shadow:0 18px 40px rgba(22,34,63,.08);padding:26px}.upload-box{border:2px dashed #9ca8ff;border-radius:22px;background:#f8faff;min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;transition:.2s}.upload-box:hover{background:#eef3ff;transform:translateY(-2px)}.upload-box input{max-width:100%}.stat-card{border:0;border-radius:24px;box-shadow:0 15px 35px rgba(22,34,63,.09);overflow:hidden}.stat-card .icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#eef3ff,#e3fbff);font-size:1.5rem;color:#24308a}.table-card{background:white;border-radius:22px;box-shadow:0 14px 35px rgba(22,34,63,.08);padding:18px}.table thead th{background:#f1f5ff;color:#24304b;white-space:nowrap}.badge-soft{background:#edf2ff;color:#27348b}.progress{height:10px;border-radius:999px}.chart-box{min-height:330px}.filter-card{background:#fff;border-radius:22px;box-shadow:0 10px 28px rgba(22,34,63,.07);padding:18px}.btn-gradient{border:0;color:#fff;background:linear-gradient(135deg,#24308a,#6c4df6 55%,#21b7c6);box-shadow:0 12px 26px rgba(72,83,200,.25)}@media(max-width:768px){main{padding-left:12px!important;padding-right:12px!important}.panel{padding:18px}.hero{padding:26px 18px}.table-responsive{font-size:.88rem}}
.no-data-box{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6b7488;background:linear-gradient(135deg,#f8faff,#eef5ff);border:1px dashed #bdc8e9;border-radius:18px;font-weight:700;gap:10px}.no-data-box i{font-size:2rem;color:#4461d7}.analysis-step{border-radius:28px;background:#fff;box-shadow:0 16px 42px rgba(22,34,63,.08);padding:24px;margin-bottom:24px}.step-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.step-no{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#24308a,#6c4df6,#21b7c6);color:#fff;display:grid;place-items:center;font-weight:900}.mini-card{border:1px solid #edf1fb;border-radius:20px;padding:16px;background:linear-gradient(180deg,#fff,#f8fbff);height:100%}.status-pass{color:#057a46;font-weight:800}.status-comp,.status-fail{color:#bb2d3b;font-weight:800}.subject-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eef3ff;color:#263485;font-weight:800;padding:7px 12px}.print-toolbar{position:sticky;top:75px;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:18px;padding:10px 12px;box-shadow:0 8px 24px rgba(22,34,63,.08)}@media print{.topbar,.print-toolbar,.btn,.no-print{display:none!important}body{background:#fff}.analysis-step,.table-card,.stat-card{box-shadow:none!important;border:1px solid #ddd}.chart-box{break-inside:avoid}}