}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:11px 16px;font-weight:700;cursor:pointer;background:#eaf0f8}.button.primary{background:var(--primary);color:#fff}.button.danger{background:#fee4e2;color:var(--danger)}.button.small{padding:8px 12px}.button.full{width:100%}.muted{color:var(--muted)}.alert{padding:13px 16px;border-radius:12px;margin:12px 0}.alert.success{background:#eaf8f0;color:var(--success)}.alert.error{background:#fff0ef;color:var(--danger)}.alert.warning{background:#fff7e8;color:var(--warning)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid h3,.span-2{grid-column:1/-1}label{display:grid;gap:7px;font-weight:650;color:#344054}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cfd7e4;border-radius:10px;background:#fff}textarea{min-height:110px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f7f9fc;font-size:13px}.badge{display:inline-block;padding:4px 9px;border-radius:99px;font-size:12px;font-weight:800}.badge.success{background:#e7f6ed;color:var(--success)}.badge.warning{background:#fff3d6;color:var(--warning)}.badge.danger{background:#fee4e2;color:var(--danger)}.badge.neutral{background:#eef1f5;color:#475467}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.stat strong{display:block;font-size:30px}.exam-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.exam-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.exam-card h3{margin:8px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.question{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:16px 0}.option{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:9px}.timer{position:sticky;top:84px;background:#172b4d;color:#fff;padding:12px 16px;border-radius:12px;text-align:center;font-weight:800}.install-shell,.auth-shell{min-height:100vh;display:grid;place-items:center;padding:25px}.install-card,.auth-card{width:min(720px,100%);background:#fff;padding:30px;border-radius:22px;box-shadow:var(--shadow)}.auth-card{width:min(440px,100%)}@media(max-width:850px){.hero,.grid,.exam-list,.stats{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}.topbar nav{display:none}}@media(max-width:600px){.page-shell{width:min(100% - 20px,1240px);margin-top:16px}.hero,.grid,.exam-list,.stats,.form-grid{grid-template-columns:1fr}.hero-panel{padding:28px}.topbar{position:static}.footer{flex-direction:column}.page-head{align-items:flex-start;flex-direction:column}.span-2,.form-grid h3{grid-column:auto}}
.completion-card {
    max-width: 720px;
    margin: 64px auto;
    padding: 40px;
    border: 1px solid #dfe7f2;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(15, 35, 65, .08);
    text-align: center;
}

.candidate-lookup-page { background: #f3f6fb; }
.candidate-lookup-page .topbar { background: #fff; }
.candidate-lookup-shell {
    display: grid;
    min-height: calc(100vh - 240px);
    padding: 38px 0;
    place-items: center;
}
.candidate-lookup-card {
    width: min(620px, 100%);
    padding: 34px;
    border: 1px solid #dfe7f2;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(15,35,65,.08);
}
.candidate-lookup-card h1 { margin: 6px 0 10px; color: #10213d; }
.candidate-lookup-brand {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    color: #175cd3;
    background: #eaf2ff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
}
.candidate-lookup-form { display: grid; gap: 18px; margin-top: 24px; }
.candidate-lookup-form input { min-height: 48px; font-size: 17px; letter-spacing: .035em; }
.candidate-lookup-form .button { min-height: 48px; }
.candidate-lookup-privacy,
.candidate-lookup-note { margin: 20px 0 0; color: #66758a; font-size: 12px; line-height: 1.6; }
.candidate-found-card,
.candidate-lookup-invalid { text-align: center; }
.candidate-lookup-icon {
    display: grid;
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #16a05d;
    font-size: 31px;
    font-weight: 900;
}
.candidate-lookup-invalid .candidate-lookup-icon { background: #d92d20; }
.candidate-found-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 26px 0 0;
    overflow: hidden;
    border: 1px solid #dfe7f2;
    border-radius: 12px;
    text-align: left;
}
.candidate-found-details div { padding: 15px 17px; border-bottom: 1px solid #e7edf5; }
.candidate-found-details div:nth-child(odd) { border-right: 1px solid #e7edf5; }
.candidate-found-details dt { color: #6b7a90; font-size: 12px; font-weight: 750; }
.candidate-found-details dd { margin: 5px 0 0; color: #10213d; font-weight: 800; }
@media (max-width: 600px) {
    .candidate-lookup-shell { min-height: auto; padding: 18px 0; }
    .candidate-lookup-card { padding: 25px 18px; }
    .candidate-found-details { grid-template-columns: 1fr; }
    .candidate-found-details div,
    .candidate-found-details div:nth-child(odd) { border-right: 0; }
}
.completion-icon {
    display: grid;
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    place-items: center;
    border-radius: 50%;
    background: #e8f8ef;
    color: #138a4b;
    font-size: 32px;
    font-weight: 900;
}
.completion-kicker {
    margin: 0 0 6px;
    color: #1f64e7;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.completion-card h1 { margin: 0 0 10px; }
.completion-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 28px 0 20px;
    overflow: hidden;
    border: 1px solid #dfe7f2;
    border-radius: 12px;
    text-align: left;
}
.completion-details div { padding: 16px 18px; border-bottom: 1px solid #e7edf5; }
.completion-details div:nth-child(odd) { border-right: 1px solid #e7edf5; }
.completion-details div:nth-last-child(-n+2) { border-bottom: 0; }
.completion-details dt { color: #64748b; font-size: 12px; font-weight: 700; }
.completion-details dd { margin: 5px 0 0; color: #10213d; font-weight: 800; }
.completion-note {
    padding: 12px 16px;
    border-radius: 10px;
    background: #f1f6ff;
    color: #4c5d75;
    font-size: 13px;
}
.completion-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
}
@media (max-width: 640px) {
    .completion-card { margin: 24px auto; padding: 28px 18px; }
    .completion-details { grid-template-columns: 1fr; }
    .completion-details div,
    .completion-details div:nth-child(odd),
    .completion-details div:nth-last-child(-n+2) {
        border-right: 0;
        border-bottom: 1px solid #e7edf5;
    }
    .completion-details div:last-child { border-bottom: 0; }
    .completion-actions { flex-direction: column; }
}