:root{--tnavy:#0b2b50;--tblue:#0d5cab;--tred:#e33a36;--tgreen:#1d8f54;--tbg:#f4f7fb;--tline:#dfe7ef;--tmuted:#6a7889}*{box-sizing:border-box}body.training-body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--tbg);color:#172536}.training-shell{min-height:100vh}.training-top{background:#071f3a;color:#fff}.training-top .inner{width:min(1180px,calc(100% - 36px));margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.training-brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px}.training-brand i{width:42px;height:42px;border-radius:11px;background:#fff;color:var(--tblue);display:grid;place-items:center}.training-top a{color:#fff;text-decoration:none}.training-user{display:flex;align-items:center;gap:12px;font-size:14px}.training-user span{opacity:.8}.training-main{width:min(1180px,calc(100% - 36px));margin:34px auto 70px}.training-hero{background:linear-gradient(125deg,#0b2b50,#0d5cab);color:#fff;border-radius:22px;padding:38px;box-shadow:0 18px 50px rgba(11,43,80,.17);display:flex;align-items:center;justify-content:space-between;gap:25px}.training-hero h1{font-size:clamp(30px,4vw,48px);margin:0 0 8px;line-height:1.08}.training-hero p{margin:0;color:#dce9f5}.training-pill{display:inline-flex;gap:7px;align-items:center;background:rgba(255,255,255,.12);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:14px}.training-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}.course-card,.training-panel,.quiz-card,.lesson-card,.cert-card{background:#fff;border:1px solid var(--tline);border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(20,43,70,.05)}.course-card{display:flex;flex-direction:column;min-height:295px}.course-top{display:flex;justify-content:space-between;gap:14px}.course-code{font-size:11px;font-weight:900;color:var(--tblue);letter-spacing:.09em;text-transform:uppercase}.course-card h2{font-size:21px;margin:7px 0 9px}.course-card p{color:var(--tmuted);font-size:14px}.progress{height:8px;background:#edf2f6;border-radius:999px;overflow:hidden;margin:18px 0 8px}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--tblue),#39a0ff)}.course-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.btn-training{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 16px;background:var(--tblue);color:#fff!important;text-decoration:none;font-weight:850;cursor:pointer}.btn-training.secondary{background:#eef4fa;color:var(--tblue)!important}.btn-training.success{background:var(--tgreen)}.status{font-size:11px;font-weight:850;border-radius:999px;padding:5px 9px;text-transform:uppercase}.status.assigned{background:#eef4fa;color:#245f95}.status.in_progress{background:#fff3d9;color:#8a5a00}.status.completed{background:#e9f8ef;color:#197344}.status.failed{background:#ffeded;color:#a52828}.training-section-title{display:flex;align-items:end;justify-content:space-between;margin:36px 0 14px}.training-section-title h2{margin:0}.training-panel h2{margin-top:0}.course-detail{display:grid;grid-template-columns:1.65fr .8fr;gap:22px}.lesson-list{display:grid;gap:12px}.lesson-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--tline);padding:15px 16px;border-radius:12px}.lesson-row .left{display:flex;align-items:center;gap:12px}.lesson-row .icon{width:39px;height:39px;border-radius:10px;background:#edf5fb;color:var(--tblue);display:grid;place-items:center}.lesson-row.done .icon{background:#e9f8ef;color:var(--tgreen)}.lesson-row strong{display:block}.lesson-row small{color:var(--tmuted)}.video-wrap{aspect-ratio:16/9;background:#081c31;border-radius:16px;overflow:hidden;margin:18px 0}.video-wrap video,.video-wrap iframe{width:100%;height:100%;border:0}.slide-image{display:block;max-width:100%;max-height:76vh;margin:18px auto;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.quiz-card{margin-bottom:18px}.quiz-card h3{margin-top:0;line-height:1.4}.answer-list{display:grid;gap:9px}.answer-option{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid var(--tline);border-radius:10px;cursor:pointer}.answer-option:hover{background:#f7fbff}.answer-option input{margin-top:4px}.quiz-meta{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0 25px;color:var(--tmuted);font-size:13px}.result-box{text-align:center;padding:35px;border-radius:18px;margin-bottom:24px}.result-box.pass{background:#eaf9f0;border:1px solid #bce7cc}.result-box.fail{background:#fff0f0;border:1px solid #f2c6c6}.result-score{font-size:58px;font-weight:950;line-height:1}.training-login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071f3a,#0d5cab);padding:24px}.training-login{width:min(450px,100%);background:#fff;padding:34px;border-radius:20px;box-shadow:0 25px 70px rgba(0,0,0,.23)}.training-login h1{margin:0 0 5px}.training-login>p{color:var(--tmuted);margin-top:0}.training-login label{display:grid;gap:6px;margin:15px 0;font-weight:750}.training-login input{padding:12px;border:1px solid #cad6e2;border-radius:9px;font:inherit}.training-login button{width:100%;margin-top:8px}.training-login .back{display:block;text-align:center;margin-top:16px;color:var(--tblue);text-decoration:none}.alert-training{padding:12px 14px;border-radius:9px;margin:14px 0}.alert-training.error{background:#ffeded;color:#9d2424}.alert-training.success{background:#e8f8ef;color:#196d42}.certificate{background:#fff;border:12px solid #0b2b50;outline:3px solid #d9af39;outline-offset:-20px;min-height:690px;padding:58px;text-align:center;position:relative}.certificate .seal{font-size:58px;color:#d9af39}.certificate h1{font-family:Georgia,serif;font-size:46px;color:#0b2b50;margin:10px 0}.certificate .name{font-family:Georgia,serif;font-size:38px;border-bottom:1px solid #b9c5d0;display:inline-block;padding:0 40px 8px}.certificate .course{font-size:26px;font-weight:900;color:#0d5cab}.certificate-meta{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:35px;font-size:13px}.cert-actions{display:flex;justify-content:center;gap:10px;margin:20px}.verify-card{width:min(680px,calc(100% - 36px));margin:70px auto;background:#fff;border-radius:18px;padding:34px;border:1px solid var(--tline);box-shadow:0 16px 50px rgba(20,43,70,.08);text-align:center}.verify-valid{font-size:56px;color:var(--tgreen)}.verify-invalid{font-size:56px;color:#b42b2b}.legacy-note{font-size:12px;color:var(--tmuted)}@media(max-width:900px){.training-grid{grid-template-columns:1fr 1fr}.course-detail{grid-template-columns:1fr}}@media(max-width:620px){.training-grid{grid-template-columns:1fr}.training-hero{padding:25px}.training-user span{display:none}.certificate{padding:40px 24px;border-width:8px}.certificate h1{font-size:35px}.certificate .name{font-size:29px;padding:0 10px}.certificate-meta{gap:16px}.training-main{width:min(100% - 22px,1180px)}}@media print{.training-top,.cert-actions{display:none!important}.training-main{margin:0;width:100%}.certificate{box-shadow:none;page-break-inside:avoid}.training-body{background:#fff}}

/* Certificate template system */
.certificate{position:relative;overflow:hidden;min-height:690px;padding:58px 68px;background:#fff;border:0;outline:0;box-shadow:0 18px 55px rgba(18,38,61,.10);text-align:center;isolation:isolate}.certificate-inner{position:relative;z-index:2;height:100%;min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center}.certificate-watermark{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:220px;font-weight:900;letter-spacing:.08em;opacity:.035;z-index:0}.cert-brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.13em;font-size:15px}.cert-brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.cert-kicker{margin:18px 0 4px;font-size:11px;font-weight:900;letter-spacing:.22em}.certificate h1{font-family:Georgia,serif;font-size:46px;margin:8px 0 16px}.cert-copy{margin:6px 0;color:#536174;font-size:17px}.certificate .name{font-family:Georgia,serif;font-size:39px;font-weight:700;display:inline-block;padding:4px 42px 10px;margin:4px 0 7px;min-width:390px}.certificate .course{font-size:26px;font-weight:900;max-width:780px;line-height:1.25}.cert-score{margin-top:14px;font-size:15px}.certificate-meta{display:flex;justify-content:center;gap:44px;flex-wrap:wrap;margin-top:30px;font-size:13px}.cert-footer-line{width:min(840px,100%);display:grid;grid-template-columns:1fr 120px 1fr;align-items:end;gap:28px;margin-top:34px}.cert-footer-line>div:not(.cert-seal){display:grid;gap:3px}.cert-footer-line small{color:#778392}.signature-line{display:block;border-top:1px solid currentColor;margin-bottom:8px}.cert-seal{width:86px;height:86px;border-radius:50%;margin:auto;display:grid;place-items:center;align-content:center;font-size:25px}.cert-seal span{font-size:8px;font-weight:950;letter-spacing:.13em;margin-top:2px}.cert-verify{font-size:10px;color:#6e7b8a;margin:20px 0 0;word-break:break-all}

/* Legacy frame names are grounded in the old Quiz Maker configuration. */
.cert-legacy-v2{background:#fffdf7;border:15px double #1f6b45;outline:4px solid #c6a043;outline-offset:-28px}.cert-legacy-v2 .cert-brand-mark,.cert-legacy-v2 .cert-seal{background:#1f6b45;color:#fff;border:4px solid #d0ad4a}.cert-legacy-v2 h1,.cert-legacy-v2 .course{color:#174c34}.cert-legacy-v2 .name{color:#1b593c;border-bottom:2px solid #c6a043}.cert-legacy-v2 .cert-kicker{color:#9b7720}.cert-legacy-v2 .cert-footer-line{color:#174c34}
.cert-legacy-h3{background:#fff;border:10px solid #102b4d;box-shadow:inset 0 0 0 7px #d5b34d,inset 0 0 0 11px #fff,inset 0 0 0 13px #102b4d}.cert-legacy-h3:before,.cert-legacy-h3:after{content:"";position:absolute;top:0;bottom:0;width:42px;background:linear-gradient(180deg,#102b4d,#174f84)}.cert-legacy-h3:before{left:0}.cert-legacy-h3:after{right:0}.cert-legacy-h3 .cert-brand-mark,.cert-legacy-h3 .cert-seal{background:#102b4d;color:#d5b34d;border:3px solid #d5b34d}.cert-legacy-h3 h1{color:#102b4d}.cert-legacy-h3 .course{color:#174f84}.cert-legacy-h3 .name{border-bottom:2px solid #d5b34d}.cert-legacy-h3 .cert-kicker{color:#a07a16}.cert-legacy-h3 .cert-footer-line{color:#102b4d}
.cert-executive{background:radial-gradient(circle at 50% 40%,#ffffff 0,#fbfdfb 55%,#f3f8f5 100%);border:9px solid #0f4c35;box-shadow:inset 0 0 0 3px #d4ae52,inset 0 0 0 15px #fff,inset 0 0 0 17px #0f4c35}.cert-executive:before,.cert-executive:after{content:"";position:absolute;width:180px;height:180px;border:2px solid #d4ae52;transform:rotate(45deg)}.cert-executive:before{left:-105px;top:-105px}.cert-executive:after{right:-105px;bottom:-105px}.cert-executive .cert-brand-mark{background:#0f4c35;color:#fff}.cert-executive .cert-seal{background:#d4ae52;color:#0f4c35;border:5px double #fff}.cert-executive h1,.cert-executive .course{color:#0f4c35}.cert-executive .name{border-bottom:2px solid #d4ae52}.cert-executive .cert-kicker{color:#967219}.cert-executive .cert-footer-line{color:#0f4c35}
.cert-modern{background:linear-gradient(135deg,#f8fbff 0 72%,#0d416e 72%);border-left:18px solid #0d416e;border-top:7px solid #2c78b4}.cert-modern:before{content:"";position:absolute;left:0;bottom:0;width:260px;height:58px;background:#2c78b4;clip-path:polygon(0 0,100% 100%,0 100%)}.cert-modern .certificate-inner{align-items:flex-start;text-align:left;padding-left:25px}.cert-modern .cert-brand-mark{background:#0d416e;color:#fff}.cert-modern .cert-seal{background:#0d416e;color:#fff;border:4px solid #73aee0}.cert-modern h1{font-family:Inter,system-ui,sans-serif;color:#0d416e;font-weight:950;letter-spacing:-.03em}.cert-modern .name{padding-left:0;min-width:520px;border-bottom:3px solid #2c78b4;color:#0d416e}.cert-modern .course{color:#2c78b4}.cert-modern .certificate-meta,.cert-modern .cert-footer-line{align-self:stretch;justify-content:flex-start}.cert-modern .cert-kicker{color:#2c78b4}.cert-modern .cert-verify{text-align:left;align-self:stretch}.cert-modern .cert-footer-line{color:#0d416e}
.cert-parchment{background:linear-gradient(rgba(255,252,241,.96),rgba(255,249,226,.96)),repeating-linear-gradient(45deg,#ead8aa 0,#ead8aa 2px,#f9edc8 2px,#f9edc8 5px);border:13px ridge #9c7b38;outline:3px solid #5a431c;outline-offset:-24px}.cert-parchment:before{content:"◆  ◆  ◆";position:absolute;top:29px;left:0;right:0;color:#9c7b38;letter-spacing:1.2em}.cert-parchment .cert-brand-mark{background:#5a431c;color:#f0d68c}.cert-parchment .cert-seal{background:#8b6928;color:#fff4c8;border:4px double #f0d68c}.cert-parchment h1{color:#5a431c}.cert-parchment .name{color:#6b4b16;border-bottom:2px solid #9c7b38}.cert-parchment .course{color:#7c5a1f}.cert-parchment .cert-kicker{color:#8c6b2d}.cert-parchment .cert-footer-line{color:#5a431c}

.template-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.template-mini{border:1px solid var(--tline);border-radius:14px;padding:18px;background:#fff}.template-mini strong{display:block;margin-bottom:4px}.template-mini small{color:var(--tmuted)}
@media(max-width:760px){.certificate{padding:42px 25px}.certificate .name{min-width:0;width:100%;font-size:30px;padding-left:8px;padding-right:8px}.certificate h1{font-size:34px}.certificate .course{font-size:22px}.cert-footer-line{grid-template-columns:1fr}.cert-seal{order:-1}.cert-modern .certificate-inner{padding-left:0}.cert-modern .name{min-width:0}.template-preview-grid{grid-template-columns:1fr}}
@media print{@page{size:landscape;margin:7mm}.certificate{min-height:0;height:180mm;box-shadow:none}.training-main{width:100%}.certificate-inner{min-height:0;height:100%}}


/* Bulk assignments / notification update */
.employee-check-grid{max-height:330px;overflow:auto;border:1px solid #dfe7ef;border-radius:12px;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#f9fbfd}.employee-check{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e5ecf2;border-radius:9px;background:#fff;cursor:pointer}.employee-check input{margin-top:3px}.employee-check span{display:grid;gap:2px;min-width:0}.employee-check small{color:#6a7889;font-weight:500}.help-steps{padding-left:20px;line-height:1.6}.certificate-choice{margin-top:22px;border-top:1px solid var(--tline);padding-top:18px;display:grid;gap:9px}.certificate-choice label{display:grid;gap:6px;font-weight:800}.certificate-choice select,.certificate-design-picker select{padding:10px;border:1px solid #cad6e2;border-radius:8px;background:#fff}.certificate-choice small{color:var(--tmuted)}.certificate-design-picker{display:flex;gap:10px;align-items:end;justify-content:center;flex-wrap:wrap;margin:10px auto 18px}.certificate-design-picker label{display:grid;gap:5px;font-weight:800}@media(max-width:760px){.employee-check-grid{grid-template-columns:1fr}}@media print{.certificate-design-picker{display:none!important}}