:root{--kuder-primary:#173b6d;--kuder-accent:#f5b700;--kuder-bg:#f5f7fb;--kuder-text:#172033}
body{background:var(--kuder-bg);color:var(--kuder-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.brand-logo{width:42px;height:42px;object-fit:contain}.brand-placeholder{width:42px;height:42px;border-radius:12px;background:var(--kuder-primary);color:#fff;display:grid;place-items:center;font-weight:800}
.navbar-brand small{font-size:.72rem;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-soft{border:0;box-shadow:0 8px 24px rgba(26,45,74,.07);border-radius:1rem}.metric{font-size:2rem;font-weight:700}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at top right,color-mix(in srgb,var(--kuder-accent) 20%,transparent),transparent 30%),linear-gradient(135deg,#eef4ff,#f8fbff 55%,#fff)}
.auth-card{width:min(100%,520px);border:0;border-radius:1.4rem;box-shadow:0 18px 45px rgba(24,54,90,.13)}
.kuder-mark{width:68px;height:68px;border-radius:20px;background:var(--kuder-primary);color:white;display:grid;place-items:center;font-weight:800;font-size:1.2rem}
.btn-primary{background:var(--kuder-primary);border-color:var(--kuder-primary)}.btn-primary:hover,.btn-primary:focus{background:color-mix(in srgb,var(--kuder-primary) 86%,#000);border-color:color-mix(in srgb,var(--kuder-primary) 86%,#000)}
.table thead th{white-space:nowrap}.status-dot{width:.65rem;height:.65rem;border-radius:50%;display:inline-block;margin-right:.35rem}
.code-badge{font-size:1.45rem;letter-spacing:.18em;font-weight:800;background:#eef4ff;color:var(--kuder-primary);padding:.45rem .75rem;border-radius:.75rem;display:inline-block}
.test-shell{min-height:100vh;background:linear-gradient(180deg,#f7f9fd,#eef3fa);padding:1rem}.test-wrap{max-width:900px;margin:0 auto}.test-card{border:0;border-radius:1.3rem;box-shadow:0 14px 38px rgba(31,54,83,.09)}
.option-card{border:1px solid #dfe5ee;border-radius:1rem;padding:1rem;background:#fff;transition:.2s}.option-card:hover{border-color:#b9c7da;box-shadow:0 6px 16px rgba(31,54,83,.05)}
.choice-btn{min-width:86px}.choice-btn.active-most{background:#e7f6ec;border-color:#78bd8c;color:#176635}.choice-btn.active-least{background:#fff1f1;border-color:#dc8d8d;color:#a02828}
.progress{height:.65rem}.student-topbar{background:#fff;border-radius:1rem;padding:.75rem 1rem;box-shadow:0 5px 16px rgba(31,54,83,.05)}
@media(max-width:576px){.choice-stack{display:grid!important;grid-template-columns:1fr 1fr}.choice-btn{min-width:0}.test-shell{padding:.65rem}.option-card{padding:.85rem}}
.result-top-item{display:flex;align-items:center;gap:.8rem;padding:.85rem 0;border-bottom:1px solid #edf0f4}.result-top-item:last-of-type{border-bottom:0}.result-rank{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--kuder-primary) 10%,#fff);color:var(--kuder-primary);font-weight:800}.result-percentile{font-weight:800;font-size:1.05rem;color:var(--kuder-primary)}