@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Roboto:wght@500;700;800&display=swap');:root{--navy:#272c6c;--blue:#43a4df;--blue2:#1769c2;--green:#48a78a;--ink:#20283a;--muted:#697386;--line:#e5e8ef;--bg:#f5f6f8;--white:#fff;--shadow:0 12px 38px rgba(26,39,75,.09)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Lato,Arial,sans-serif;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.adminbar{height:42px;background:#20252a;color:#d9dde2;display:flex;align-items:center;padding:0 22px}.adminbar span{flex:1}header{height:178px;background:linear-gradient(125deg,#3187e6,#1548af);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - 1180px)/2));box-shadow:inset 0 -1px rgba(255,255,255,.14)}.logo,.menubtn,.iconbtn{border:0;background:none;color:#fff}.logo{padding:0}.brand-mark{height:138px;width:122px;color:#fff;background:linear-gradient(#a74538,#71352d);clip-path:polygon(8% 0,92% 0,100% 21%,91% 78%,50% 100%,9% 78%,0 21%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #fff;filter:drop-shadow(0 3px 2px #224);font-weight:900;letter-spacing:.6px}.brand-mark div{font-size:19px}.brand-mark small{font-size:16px}.brand-mark span{font-size:24px}.menubtn{background:rgba(255,255,255,.18);border-radius:7px;width:52px;height:52px}.page{width:min(1120px,calc(100% - 40px));margin:56px auto 80px}.dashboard{max-width:980px}.profile{display:flex;align-items:center;gap:16px;margin-bottom:50px}.avatar{width:64px;height:64px;background:#edf0f5;border-radius:50%;display:grid;place-items:center;color:#8c94a1}.profile h2{font:500 22px Roboto;margin:0 0 5px}.profile button,.back{border:0;background:none;color:#7a8391;padding:0}.title-row,.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.8px;color:var(--blue2);margin:0 0 8px}.title-row h1,.section-title h2{margin:0;color:var(--navy);font:800 34px Roboto}.search{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);padding:0 14px;border-radius:8px}.search input{height:44px;border:0;outline:0;width:210px}.course-card{width:100%;text-align:left;background:white;border:1px solid #dce1e9;border-radius:12px;box-shadow:var(--shadow);padding:26px;display:flex;align-items:center;gap:18px;color:inherit;transition:.2s}.course-card:hover{transform:translateY(-2px);border-color:var(--blue)}.check{width:42px;height:42px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;flex:none}.check.small{width:28px;height:28px}.check.small svg{width:16px}.course-copy{flex:1}.course-copy small{color:var(--blue2);font-weight:900;letter-spacing:1px}.course-copy h3{font:700 19px Roboto;color:#343b51;margin:8px 0 14px}.meta{display:flex;align-items:center;gap:10px;color:#7a8391;font-size:13px}.done{display:inline-flex;align-items:center;gap:5px;background:#e4f5ee;color:#238065;border-radius:99px;padding:5px 10px;font-weight:900}.bar{height:7px;background:#e8edf1;border-radius:10px;overflow:hidden}.bar i{display:block;width:100%;height:100%;background:var(--green)}.course-card .bar{margin-top:16px}.info-card{background:white;border-radius:12px;padding:38px;margin-top:58px;box-shadow:var(--shadow)}.info-card h2{font:700 27px Roboto;color:var(--navy);margin:0}.lead{color:var(--muted)}.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;border-top:1px solid var(--line)}.facts div{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:16px 10px;border-bottom:1px solid var(--line)}.facts div:nth-child(odd){border-right:1px solid var(--line)}.facts b{color:var(--navy)}footer{background:#fff;border-top:1px solid var(--line);padding:30px max(20px,calc((100% - 1120px)/2));display:flex;justify-content:space-between;color:#7a8391;font-size:13px}footer nav{display:flex;gap:25px}.back{display:flex;align-items:center;margin-bottom:25px;color:var(--blue2)}.course-hero,.intro,.curriculum{background:white;border-radius:12px;box-shadow:var(--shadow)}.course-hero{padding:46px}.course-hero h1{font:800 clamp(30px,4vw,46px) Roboto;color:var(--navy);max-width:900px;line-height:1.08;margin:10px 0 30px}.certificate{border:2px solid var(--green);border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px;color:#27795f}.certificate>svg{width:34px;height:34px}.certificate div{flex:1;display:flex;flex-direction:column}.certificate div span{color:var(--muted);font-size:14px;margin-top:5px}.certificate button{border:0;background:var(--blue);color:#072842;border-radius:999px;padding:13px 20px;display:flex;gap:8px;align-items:center;font-weight:700}.progress-info{display:grid;grid-template-columns:100px 1fr 180px;align-items:center;gap:20px;margin-top:25px}.progress-info>div:first-child{display:flex;gap:6px;align-items:end}.progress-info b{font-size:24px;color:var(--navy)}.progress-info span,.progress-info small{color:var(--muted)}.intro{padding:32px 46px;margin:24px 0 52px;line-height:1.7}.section-title span{color:var(--muted);font-size:14px}.curriculum{overflow:hidden}.module+.module,.final-row{border-top:1px solid var(--line)}.module-head,.final-row{border:0;background:#fff;width:100%;padding:20px 24px;display:flex;align-items:center;gap:14px;text-align:left}.module-head div{flex:1;display:flex;flex-direction:column;gap:5px}.module-head b,.final-row b{font:700 17px Roboto;color:var(--navy)}.module-head small,.final-row small{color:var(--muted)}.module-head>svg{transition:.2s}.module-head>svg.rot{transform:rotate(180deg)}.topics{background:#fafbfc;padding:0 24px 12px 66px}.topics button{width:100%;border:0;border-top:1px solid var(--line);background:none;padding:15px 0;display:flex;align-items:center;gap:12px;text-align:left;color:#424a5c}.topics button span:nth-child(2){flex:1}.topic-check{border:2px solid var(--green);color:var(--green);border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.final-row>span{flex:1;display:flex;flex-direction:column;gap:4px}.final-row>svg:first-child{color:#d19d2d}.focus-layout{min-height:100vh;background:white}.focus-main{min-height:100vh}.focusbar{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:32px;position:sticky;top:0;z-index:5}.focusbar .iconbtn{color:#1f252d}.focusprogress{flex:1;text-align:center;color:var(--green);font-size:13px}.focusprogress i{display:block;height:6px;background:var(--green);max-width:600px;margin:8px auto 0;border-radius:10px}.muted{color:#c9ced6}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:370px;background:#fff;box-shadow:12px 0 40px rgba(0,0,0,.15);overflow:auto;transform:translateX(-105%);transition:.25s}.sidebar.open{transform:translateX(0)}.side-title{position:sticky;top:0;background:var(--navy);color:white;padding:18px;display:flex;align-items:center;gap:10px;z-index:1}.side-title b{font-size:13px;flex:1}.side-title button{background:none;border:0;color:white}.side-close{display:none}.side-section{padding:18px;border-bottom:1px solid var(--line)}.side-section>b{font:700 14px Roboto;color:var(--navy);display:block;margin-bottom:10px}.side-section button,.side-quiz{border:0;background:none;width:100%;padding:9px 4px;display:flex;gap:8px;text-align:left;color:#626b79;font-size:13px}.side-section button.active{color:var(--blue2);background:#edf7fd}.side-section svg{color:var(--green);flex:none}.side-quiz{padding:20px;color:var(--navy);font-weight:700}.lesson{max-width:900px;margin:0 auto;padding:48px 28px 90px}.lesson-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:58px;color:var(--muted);font-size:13px}.lesson-nav button{border:0;background:none;color:var(--blue2);display:flex;align-items:center;gap:4px}.lesson h1{font:800 clamp(32px,5vw,52px) Roboto;color:var(--navy);line-height:1.08;margin:8px 0 20px}.crumb{background:#f3f5f8;color:#258ac6;border-radius:8px;padding:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.crumb span{margin:0 10px;color:#a4aab4}.lesson article{font-size:17px;line-height:1.75;padding:42px 0}.lesson article h2{font:700 25px Roboto;color:var(--navy);margin-top:35px}.lesson article li{margin:10px 0}.callout{display:flex;gap:18px;background:#eaf7f2;border-left:4px solid var(--green);padding:22px;margin:28px 0}.callout svg{color:var(--green);flex:none}.callout p{margin:5px 0}.lesson-actions{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between}.primary,.secondary{border-radius:999px;padding:14px 24px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.primary{border:0;background:var(--blue);color:#09263b}.primary:disabled{opacity:.4}.secondary{border:1px solid var(--line);background:white;color:var(--muted)}.quiz-start,.result{text-align:center;padding:70px 20px}.trophy{width:86px;height:86px;border-radius:50%;background:#eaf7f2;color:var(--green);display:grid;place-items:center;margin:0 auto 22px}.trophy svg{width:40px;height:40px}.quiz-start h2,.result h2{font:700 27px Roboto;color:var(--navy)}.quiz-start p,.result p{color:var(--muted);max-width:500px;margin:0 auto 25px}.questions{padding:38px 0}.questions fieldset{border:1px solid var(--line);border-radius:12px;padding:25px;margin:0 0 20px}.questions legend{font:700 18px Roboto;color:var(--navy);padding:0 8px}.questions legend span{background:var(--navy);color:white;border-radius:50%;width:29px;height:29px;display:inline-grid;place-items:center;margin-right:10px}.questions label{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px;margin:9px 0;cursor:pointer}.questions label.selected{border-color:var(--blue);background:#eff8fd}.questions input{display:none}.questions label i{width:18px;height:18px;border:2px solid #aeb5c0;border-radius:50%}.questions label.selected i{border:5px solid var(--blue)}.submit{float:right}.result strong{display:block;font-size:56px;color:var(--green);margin:10px}.empty{padding:45px;text-align:center;background:#fff;border-radius:12px;color:var(--muted)}
@media(min-width:1200px){.sidebar{transform:none}.focus-main{margin-left:370px}.focusbar .iconbtn{display:none}.side-close{display:none!important}}
@media(max-width:700px){header{height:155px;padding:0 20px}.brand-mark{height:112px;width:98px}.brand-mark div{font-size:15px}.brand-mark small{font-size:13px}.page{width:calc(100% - 28px);margin-top:30px}.profile{margin-bottom:34px}.title-row,.section-title{align-items:stretch;flex-direction:column;gap:18px}.search input{width:100%}.course-card{align-items:flex-start;padding:20px}.course-card>svg{display:none}.meta{flex-wrap:wrap}.facts{grid-template-columns:1fr}.facts div{grid-template-columns:110px 1fr!important;border-right:0!important}.info-card{padding:24px}.course-hero{padding:26px 20px}.course-hero h1{font-size:30px}.certificate{flex-direction:column;text-align:center}.certificate button{width:100%;justify-content:center}.progress-info{grid-template-columns:1fr}.intro{padding:22px}.section-title span{line-height:1.5}.topics{padding-left:34px}.focusbar{height:76px;padding:0 16px;gap:15px}.focusprogress b{font-size:11px}.lesson{padding:30px 20px 70px}.lesson-nav{margin-bottom:38px}.lesson-nav span{display:none}.lesson-nav button:last-child{font-size:0}.lesson-nav button:last-child svg{width:22px}.lesson h1{font-size:34px}.lesson-actions{flex-direction:column-reverse;gap:12px}.lesson-actions button{justify-content:center}.sidebar{width:min(92vw,370px)}.side-close{display:block}.questions fieldset{padding:18px 12px}.questions legend{font-size:16px}.submit{float:none;width:100%;justify-content:center}footer{flex-direction:column;gap:15px}.adminbar{height:34px}}

/* Authentication and multi-user additions */
.adminbar{min-height:42px;height:auto}.adminbar>span{flex:1}.account{display:flex;align-items:center;gap:8px;font-size:12px}.account small{color:#9ba2aa}.account button{border:1px solid #565d65;background:none;color:#e5e7ea;border-radius:5px;padding:4px 9px;margin-left:6px}.account button:hover{background:#343a40}.role-badge,.in-progress{display:inline-flex;background:#edf4ff;color:var(--blue2);font-size:11px;font-weight:900;letter-spacing:.7px;border-radius:99px;padding:5px 10px}.admin-panel{display:flex;align-items:center;gap:14px;background:#edf4ff;border:1px solid #cfe0f5;color:var(--blue2);border-radius:10px;padding:18px 22px;margin:-22px 0 34px}.admin-panel div{display:flex;flex-direction:column;gap:4px}.admin-panel span{color:var(--muted);font-size:13px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-brand{background:linear-gradient(135deg,#1768c8,#26328e);color:white;padding:70px clamp(45px,8vw,130px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-230px;bottom:-220px;box-shadow:0 0 0 80px rgba(255,255,255,.035),0 0 0 160px rgba(255,255,255,.025)}.login-brand .brand-mark{width:105px;height:120px}.login-brand .eyebrow{color:#9ed8ff}.login-brand h1{font:800 clamp(42px,6vw,72px) Roboto;margin:12px 0 22px;line-height:1.02}.login-brand>div>p:last-child{max-width:520px;font-size:18px;line-height:1.65;color:#d8e9ff}.login-panel{display:grid;place-items:center;padding:50px}.login-panel form{width:min(430px,100%)}.login-icon{width:60px;height:60px;border-radius:15px;background:#eaf7f2;color:var(--green);display:grid;place-items:center;margin-bottom:25px}.login-panel h2{font:800 36px Roboto;color:var(--navy);margin:8px 0}.login-sub{color:var(--muted);margin-bottom:30px}.login-panel label{display:block;font-weight:700;color:#394154;font-size:14px;margin:18px 0}.login-panel input{display:block;width:100%;border:1px solid #d9dee7;border-radius:8px;padding:14px;margin-top:8px;outline:none}.login-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #43a4df20}.login-submit{width:100%;border:0;border-radius:8px;background:var(--blue2);color:white;font-weight:900;padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:8px}.login-error{background:#fff0f0;color:#a83232;border-radius:7px;padding:12px;font-size:13px}.demo-accounts{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.demo-accounts>b{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:9px}.demo-accounts>button{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:white;border-radius:7px;padding:10px 12px;margin:7px 0;text-align:left;color:var(--ink)}.demo-accounts>button:hover{border-color:var(--blue);background:#f7fbfe}.demo-accounts span{display:flex;flex-direction:column;font-weight:700}.demo-accounts small{color:var(--muted);font-weight:400;margin-top:2px}.demo-accounts code{color:var(--blue2);font-size:11px}
@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-brand{padding:35px 25px;min-height:280px}.login-brand .brand-mark{width:75px;height:90px}.login-brand h1{font-size:38px}.login-brand>div>p:last-child{font-size:15px}.login-panel{padding:40px 24px}.account small{display:none}.account b{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adminbar{padding:7px 12px}.admin-panel{margin:0 0 25px}.demo-accounts code{display:none}}
.company-placeholder{display:block;width:118px;height:118px;object-fit:cover;border-radius:24px;box-shadow:0 8px 24px rgba(8,31,88,.24)}.login-brand .company-placeholder{width:105px;height:105px}.logo .company-placeholder{transition:transform .2s}.logo:hover .company-placeholder{transform:translateY(-2px)}
@media(max-width:800px){.login-brand .company-placeholder{width:78px;height:78px}.company-placeholder{width:96px;height:96px}}
.mode-switch{width:100%;border:0;background:none;color:var(--blue2);font-weight:700;padding:16px 5px 4px}.login-success{background:#e8f7f0;color:#23765d;border-radius:7px;padding:12px;font-size:13px}.admin-users{background:white;border:1px solid #dce3ee;border-radius:12px;box-shadow:var(--shadow);margin:-22px 0 46px;overflow:hidden}.admin-summary{display:flex;align-items:center;gap:14px;background:#edf4ff;color:var(--blue2);padding:18px 22px}.admin-summary div{display:flex;flex-direction:column;gap:4px}.admin-summary span{color:var(--muted);font-size:13px}.user-list-head{display:flex;justify-content:space-between;align-items:end;padding:26px 26px 18px}.user-list-head h2{font:700 24px Roboto;color:var(--navy);margin:0}.user-list-head>span{color:var(--muted);font-size:13px}.user-list{border-top:1px solid var(--line)}.user-row{display:grid;grid-template-columns:42px minmax(170px,1fr) 120px 60px 86px;align-items:center;gap:14px;padding:16px 24px;border-bottom:1px solid var(--line)}.user-row:last-child{border-bottom:0}.user-avatar{width:38px;height:38px;background:#eff2f6;color:#7d8796;border-radius:50%;display:grid;place-items:center}.user-row>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.user-row>div:nth-child(2)>span{color:var(--muted);font-size:12px}.admin-role{background:#f2edff;color:#6443aa}.user-progress{font-weight:900;color:var(--green);text-align:right}.delete-user{border:1px solid #efc5c5;background:#fff5f5;color:#a33838;border-radius:6px;padding:7px 10px}.delete-user:hover{background:#a33838;color:white}.protected{font-size:11px;color:var(--muted);text-align:center}.admin-panel{display:none}
@media(max-width:700px){.admin-users{margin:0 0 35px}.user-list-head{padding:20px}.user-row{grid-template-columns:38px 1fr auto;padding:14px}.user-row .role-badge{grid-column:2}.user-progress{grid-column:3;grid-row:1}.delete-user,.protected{grid-column:3;grid-row:2}.admin-summary{align-items:flex-start}.admin-summary span{line-height:1.5}}

/* Course experience refinement */
header{height:150px;background:linear-gradient(120deg,#317fe0 0%,#1d51ba 58%,#243b98 100%)}
.page{margin-top:42px}.course-hero{position:relative;overflow:hidden;padding:42px 46px;border:1px solid #e1e7f0;background:linear-gradient(135deg,#fff 0%,#fff 72%,#f1f7ff 100%)}.course-hero:after{content:"";position:absolute;width:240px;height:240px;border:45px solid rgba(67,164,223,.07);border-radius:50%;right:-120px;top:-135px;pointer-events:none}.course-hero h1{font-size:clamp(32px,3.4vw,44px);letter-spacing:-1.1px;line-height:1.08;max-width:860px;margin-bottom:32px}.progress-info{position:relative;z-index:1;background:#f6f8fb;border:1px solid #e5e9f0;border-radius:10px;padding:18px 20px}.intro{border-left:4px solid var(--blue);box-shadow:0 7px 25px rgba(26,39,75,.06);font-size:16px;color:#475064}.section-title{margin-top:58px}.curriculum{border:1px solid #dfe4ec;box-shadow:0 8px 30px rgba(26,39,75,.07)}.module-head{padding:22px 26px;transition:background .18s}.module-head:hover{background:#f8fbfe}.module-number{width:36px;height:36px;border-radius:10px;background:#edf2f8;color:var(--navy);display:grid;place-items:center;font-weight:900;flex:none}.module-number.complete{border-radius:50%;background:var(--green);color:white}.module-number svg{width:18px}.topics{padding:0 26px 14px 76px}.topics button{padding:16px 10px;border-radius:7px;transition:.16s}.topics button:hover{background:#eef7fd;color:var(--blue2);padding-left:16px}.topic-check{border-color:#b9c3d0;color:#fff;background:#fff}.topic-check.complete{border-color:var(--green);background:var(--green)}.topic-check>span{width:6px;height:6px;background:#a9b4c1;border-radius:50%}.final-row{padding:23px 26px;background:linear-gradient(90deg,#fff,#fbf8ef)}.quiz-symbol{width:38px;height:38px;border-radius:10px;background:#fff4d7;color:#b67d05;display:grid!important;place-items:center!important;flex:none!important}.quiz-symbol svg{width:20px}.final-row>svg:first-child{color:inherit}.focusbar{height:80px;padding:0 24px;background:rgba(255,255,255,.97);box-shadow:0 4px 18px rgba(21,30,55,.07);gap:18px}.focus-home{border:0;background:#eef4fb;color:var(--blue2);height:42px;border-radius:8px;padding:0 13px;display:flex;align-items:center;gap:8px;font-weight:700}.focus-home svg{width:18px}.focusprogress b{text-transform:uppercase;letter-spacing:.7px;font-size:11px}.focusprogress i{background:#e5eaf0;overflow:hidden}.focusprogress i span{display:block;height:100%;background:linear-gradient(90deg,#45a78b,#65bda4);border-radius:10px}.focus-account{display:flex;align-items:center;gap:9px;color:#576171;font-size:13px}.focus-account svg{width:19px}.focus-account button{border:1px solid #d7dce4;background:#fff;border-radius:7px;padding:7px 10px;color:#576171}.lesson{max-width:980px;padding-top:38px}.lesson-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:44px}.lesson-nav button:last-child{justify-self:end}.lesson-nav>span{background:#eef2f7;border-radius:99px;padding:6px 12px;color:#697386}.lesson h1{letter-spacing:-1.1px}.crumb{border:1px solid #e3e7ee;background:#f7f9fc}.lesson article{background:white;border:1px solid #e4e8ef;border-radius:14px;padding:36px 40px;margin:28px 0 0;box-shadow:0 9px 32px rgba(26,39,75,.06)}.lesson-actions{margin-top:28px}.callout{border-radius:0 10px 10px 0}.quiz-start,.result{background:#fff;border:1px solid #e4e8ef;border-radius:16px;margin-top:30px;box-shadow:0 9px 32px rgba(26,39,75,.06)}.side-title{padding:18px 16px}.side-title b{line-height:1.35}.side-section button{align-items:center;border-radius:6px;margin:2px 0;padding:8px}.side-section button:hover{background:#f3f7fb}.side-status{width:22px;height:22px;display:grid;place-items:center;border:1px solid #cdd4de;border-radius:50%;font-size:10px;color:#8b95a4;flex:none}.side-status.complete{background:var(--green);border-color:var(--green);color:#fff}.side-status svg{width:12px!important;color:#fff!important}
@media(min-width:1200px){.sidebar{width:340px}.focus-main{margin-left:340px}.lesson{padding-left:42px;padding-right:42px}}
@media(max-width:700px){header{height:126px}.company-placeholder{width:86px;height:86px;border-radius:19px}.page{margin-top:24px}.course-hero{padding:26px 20px}.course-hero h1{font-size:27px;line-height:1.1;letter-spacing:-.5px;margin-bottom:25px}.progress-info{padding:15px;gap:12px}.intro{margin-top:16px;margin-bottom:38px}.section-title{margin-top:38px}.module-head{padding:17px 15px}.module-number{width:32px;height:32px}.topics{padding:0 10px 10px 48px}.topics button{padding:13px 4px}.final-row{padding:19px 16px}.focusbar{height:66px;padding:0 12px;gap:8px}.focus-home{width:40px;padding:0;justify-content:center}.focus-home span,.focus-account span,.focus-account svg{display:none}.focus-account button{font-size:11px;padding:6px 8px}.focusprogress b{font-size:9px}.focusprogress i{margin-top:5px}.lesson{padding:25px 16px 65px}.lesson-nav{margin-bottom:32px;gap:8px}.lesson-nav button{font-size:11px!important}.lesson-nav button:last-child{font-size:11px!important}.lesson-nav>span{display:none}.lesson h1{font-size:31px;line-height:1.08}.crumb{padding:12px;font-size:11px}.lesson article{padding:24px 20px;margin-top:20px;font-size:16px}.callout{padding:18px 15px;gap:12px}.quiz-start,.result{padding:45px 18px}.adminbar{min-height:38px}}

/* Keep course completion status readable at wide breakpoints */
.progress-info{grid-template-columns:160px minmax(220px,1fr) 170px;column-gap:22px}.progress-info>div:first-child{min-width:0;display:flex;align-items:baseline;gap:7px;white-space:nowrap}.progress-info .bar{width:100%;min-width:0}.progress-info>small{text-align:right;white-space:nowrap}
@media(max-width:700px){.progress-info{grid-template-columns:1fr;row-gap:12px}.progress-info>div:first-child{justify-content:flex-start}.progress-info>small{text-align:left;white-space:normal}}

/* Multi-course administration */
.learner-courses{display:grid;gap:18px}.admin-courses{margin:0 0 38px}.admin-course-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.admin-course-head h2{margin:0;color:var(--navy);font:800 30px Roboto}.admin-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-course-card{background:#fff;border:1px solid #dfe4ec;border-radius:13px;padding:24px;box-shadow:0 8px 28px rgba(26,39,75,.07)}.admin-course-card h3{font:700 20px/1.25 Roboto;color:var(--navy);margin:14px 0 9px}.admin-course-card>p{color:var(--muted);line-height:1.55;min-height:48px}.admin-course-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.publish-badge,.draft-badge{border-radius:99px;padding:5px 9px;font-weight:900}.publish-badge{background:#e5f6ef;color:#287d64}.draft-badge{background:#f1f2f5;color:#697386}.admin-course-actions{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.admin-course-actions button{border:1px solid #dce1e8;background:#fff;border-radius:7px;padding:8px 10px;display:flex;align-items:center;gap:5px;color:#4b5668}.admin-course-actions svg{width:15px}.admin-course-actions button:hover{border-color:var(--blue);color:var(--blue2)}.admin-course-actions .danger{color:#a33b3b}.preview-banner{display:flex;align-items:center;gap:10px;background:#fff7dc;border:1px solid #ead58b;border-radius:9px;padding:12px 16px;margin-bottom:20px;color:#775d0e}.preview-banner button{margin-left:auto;border:0;background:#7659b5;color:#fff;border-radius:7px;padding:8px 12px}.editor-shell{min-height:100vh;background:#f4f6f9;display:grid;grid-template-columns:280px 1fr}.editor-sidebar{background:#222b60;color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.editor-back,.editor-preview{border:0;background:none;color:#d9def5;display:flex;align-items:center;gap:8px;padding:10px;text-align:left}.editor-back svg,.editor-preview svg{width:18px}.editor-course-name{font:700 16px/1.35 Roboto;padding:22px 10px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:18px}.editor-sidebar nav{display:grid;gap:5px}.editor-sidebar nav button{border:0;background:none;color:#cbd2ee;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px;text-align:left}.editor-sidebar nav button svg{width:18px}.editor-sidebar nav button:hover,.editor-sidebar nav button.active{background:#fff;color:#263071}.editor-preview{margin-top:auto;border:1px solid rgba(255,255,255,.25);border-radius:8px}.editor-main{min-width:0;padding:38px max(30px,calc((100vw - 1200px)/2)) 80px}.editor-top{height:auto;background:none;box-shadow:none;padding:0;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.editor-top h1{margin:0;color:var(--navy);font:800 34px Roboto}.editor-top .primary svg{width:18px}.editor-panel,.builder-panel{background:#fff;border:1px solid #dde3eb;border-radius:13px;padding:28px;box-shadow:0 8px 30px rgba(26,39,75,.06)}.editor-panel>label{display:block;font-weight:800;color:#414b5d;margin-bottom:22px}.editor-panel label input:not([type=checkbox]):not([type=radio]),.editor-panel label textarea,.builder-panel input,.topic-content-editor,.quiz-edit-card>input,.answer-edit input[type=text]{display:block;width:100%;border:1px solid #d8dee7;border-radius:8px;padding:12px 14px;margin-top:8px;outline:none;background:#fff}.editor-panel input:focus,.editor-panel textarea:focus,.builder-panel input:focus,.topic-content-editor:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(67,164,223,.13)}.editor-panel textarea{resize:vertical;line-height:1.6}.publish-toggle{display:grid!important;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;background:#f3f7fb;border-radius:9px;padding:17px}.publish-toggle input{width:20px;height:20px}.publish-toggle small{grid-column:2;color:var(--muted);font-weight:400;margin-top:4px}.builder-panel{display:grid;gap:14px}.builder-summary{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.builder-summary button,.add-topic{border:0;background:#edf6fc;color:var(--blue2);border-radius:7px;padding:9px 12px;display:flex;align-items:center;gap:6px}.builder-summary svg,.add-topic svg{width:17px}.builder-section{border:1px solid #dbe1e9;border-radius:10px;overflow:hidden}.builder-section-head{display:grid;grid-template-columns:34px minmax(180px,1fr) 95px 36px 36px 36px;align-items:center;gap:8px;background:#f5f7fa;padding:12px}.builder-section-head input{margin:0;font-weight:800}.builder-section-head>span:nth-child(3){font-size:12px;color:var(--muted)}.builder-section-head button,.builder-topic-row button,.danger-icon{border:0;background:transparent;color:#6d7787;padding:7px;display:grid;place-items:center}.builder-section-head button svg,.builder-topic-row button svg,.danger-icon svg{width:17px}.danger-icon{color:#b34a4a!important}.builder-type,.topic-type{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;background:#6b9130}.topic-type{background:#292d3a;font-size:11px}.builder-topics{padding:10px 15px 15px 55px}.builder-topic{border-bottom:1px solid var(--line)}.builder-topic-row{display:grid;grid-template-columns:30px minmax(180px,1fr) 92px 34px 34px 34px;align-items:center;gap:7px;padding:9px 0}.builder-topic-row input{margin:0}.builder-topic-row button{display:flex;gap:4px;font-size:12px}.topic-content-editor{margin:0 0 14px 37px;width:calc(100% - 37px);resize:vertical;line-height:1.55}.add-topic{margin-top:12px}.quiz-editor{display:grid;gap:18px}.quiz-edit-card{border:1px solid #dfe4eb;border-radius:10px;padding:18px}.quiz-edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quiz-edit-card>input{font-weight:800}.answer-edit{display:grid!important;grid-template-columns:22px 1fr;align-items:center;margin:9px 0!important}.answer-edit input[type=radio]{width:18px;height:18px}.answer-edit input[type=text]{margin:0!important}.assignment-note{display:flex;gap:14px;background:#eef6fc;color:var(--blue2);border-radius:9px;padding:18px;margin-bottom:20px}.assignment-note div{display:flex;flex-direction:column;gap:5px}.assignment-note span{color:var(--muted);font-size:13px}.assignment-list{display:grid;gap:9px}.assignment-list>label{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:9px;padding:14px 16px;margin:0!important}.assignment-list input{width:19px;height:19px}.assignment-list span{display:flex;flex-direction:column;gap:3px}.assignment-list small{color:var(--muted);font-weight:400}
@media(max-width:900px){.admin-course-grid{grid-template-columns:1fr}.editor-shell{grid-template-columns:1fr}.editor-sidebar{position:static;height:auto;padding:14px}.editor-course-name{padding:12px 10px}.editor-sidebar nav{display:flex;overflow:auto}.editor-sidebar nav button{white-space:nowrap}.editor-preview{margin:12px 0 0}.editor-main{padding:25px 16px 60px}.builder-section-head{grid-template-columns:30px 1fr 34px 34px 34px}.builder-section-head>span:nth-child(3){display:none}.builder-topics{padding-left:12px}.builder-topic-row{grid-template-columns:28px 1fr 34px}.builder-topic-row button:nth-of-type(1){grid-column:2}.builder-topic-row button:nth-of-type(n+2){grid-row:1}.builder-topic-row button span{display:none}.topic-content-editor{margin-left:0;width:100%}}
@media(max-width:600px){.admin-course-head,.editor-top{align-items:flex-start;gap:14px;flex-direction:column}.admin-course-actions button{flex:1;justify-content:center}.editor-panel,.builder-panel{padding:17px}.builder-summary{align-items:flex-start;gap:12px;flex-direction:column}.editor-sidebar nav button{padding:9px}.editor-sidebar nav button svg{width:16px}.editor-top h1{font-size:28px}}

/* Account and utility menu */
header{position:relative;z-index:10}
.header-actions{position:relative;z-index:42}
.menubtn{display:grid;place-items:center;position:relative;z-index:43;transition:background .2s,transform .2s}
.menubtn:hover,.menubtn.open{background:rgba(255,255,255,.28)}
.menubtn:focus-visible{outline:3px solid rgba(255,255,255,.72);outline-offset:3px}
.menubtn svg{width:25px;height:25px}
.header-menu-backdrop{position:fixed;z-index:40;inset:0;border:0;background:rgba(17,26,48,.18);cursor:default}
.header-menu{position:absolute;z-index:42;right:0;top:66px;width:min(340px,calc(100vw - 32px));overflow:hidden;background:#fff;border:1px solid #dce3ed;border-radius:14px;box-shadow:0 22px 60px rgba(16,32,65,.25);color:var(--ink);animation:header-menu-in .16s ease-out}
@keyframes header-menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.header-menu-identity{display:flex;align-items:center;gap:12px;padding:20px;background:linear-gradient(135deg,#f1f7ff,#f7f9fc);border-bottom:1px solid var(--line)}
.header-menu-identity>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue2);box-shadow:0 3px 12px rgba(27,71,126,.1)}
.header-menu-identity>span svg{width:21px}
.header-menu-identity div{min-width:0;display:flex;flex-direction:column;gap:3px}
.header-menu-identity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy)}
.header-menu-identity small{color:var(--muted)}
.header-menu nav{display:grid;padding:8px}
.header-menu nav button{width:100%;border:0;background:transparent;border-radius:9px;padding:12px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:11px;color:#4b5668;text-align:left}
.header-menu nav button:hover,.header-menu nav button:focus-visible{background:#edf6fc;color:var(--blue2);outline:0}
.header-menu nav button>svg{width:20px}
.header-menu nav button>span{display:flex;min-width:0;flex-direction:column;gap:3px}
.header-menu nav button b{color:#313b4d}
.header-menu nav button small{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.header-menu nav button i{min-width:23px;height:23px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:#d94f4f;color:#fff;font-size:11px;font-style:normal;font-weight:900}
.header-menu nav button strong{font-size:11px;letter-spacing:.8px;color:var(--blue2)}
.header-menu nav button>svg:last-child{width:17px;color:#9aa4b3}
.header-menu-logout{width:calc(100% - 16px);margin:0 8px 8px;border:0;border-top:1px solid var(--line);background:#fff;padding:14px 12px;display:flex;align-items:center;gap:11px;color:#a53d3d;font-weight:800;text-align:left}
.header-menu-logout:hover,.header-menu-logout:focus-visible{background:#fff1f1;border-radius:9px;outline:0}
.header-menu-logout svg{width:20px}
@media(max-width:700px){.header-menu{position:fixed;top:78px;right:16px}.header-menu-backdrop{background:rgba(17,26,48,.28)}}
/* Administrator dashboard refinement */
.dashboard.admin-dashboard{max-width:1120px;margin-top:34px}
.admin-dashboard-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:38px;padding:38px 42px;margin-bottom:20px;border-radius:18px;color:#fff;background:linear-gradient(125deg,#25357e 0%,#1769c2 58%,#3397d4 100%);box-shadow:0 20px 50px rgba(24,59,132,.2)}
.admin-dashboard-hero:before,.admin-dashboard-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;border:1px solid rgba(255,255,255,.16)}
.admin-dashboard-hero:before{width:330px;height:330px;right:-150px;top:-190px;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}
.admin-dashboard-hero:after{width:170px;height:170px;left:48%;bottom:-135px}
.admin-hero-copy .eyebrow{color:#9ed8ff;margin-bottom:10px}
.admin-hero-copy h1{max-width:600px;margin:0;color:#fff;font:800 clamp(30px,4vw,44px)/1.08 Roboto;letter-spacing:-.9px}
.admin-hero-copy>p:not(.eyebrow){max-width:600px;margin:16px 0 22px;color:#dcecff;font-size:16px;line-height:1.6}
.admin-live-status{display:inline-flex;align-items:center;gap:9px;color:#e8f4ff;font-size:12px;font-weight:700}
.admin-live-status i{width:9px;height:9px;border-radius:50%;background:#65d1af;box-shadow:0 0 0 5px rgba(101,209,175,.16)}
.admin-average-card{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.11);backdrop-filter:blur(8px)}
.admin-average-card>div:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}
.admin-average-card>div:last-child b{font:700 15px/1.3 Roboto}
.admin-average-card>div:last-child span{color:#d8e9ff;font-size:12px;line-height:1.4}
.admin-progress-ring{--admin-progress:0deg;width:112px;height:112px;flex:none;padding:8px;border-radius:50%;background:conic-gradient(#65d1af var(--admin-progress),rgba(255,255,255,.18) 0)}
.admin-progress-ring>div{width:100%;height:100%;display:grid;place-content:center;text-align:center;border-radius:50%;background:#2357a2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.admin-progress-ring strong{display:block;font:800 27px Roboto;line-height:1}
.admin-progress-ring span{display:block;margin-top:5px;color:#cfe5fa;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:42px}
.admin-metrics article{display:flex;align-items:center;gap:17px;padding:21px 23px;border:1px solid #dfe5ee;border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(26,39,75,.065)}
.admin-metrics article>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;min-width:0}
.admin-metrics strong{color:var(--navy);font:800 27px Roboto}
.admin-metrics b{color:#39445b;font:700 14px Roboto}
.admin-metrics small{grid-column:1/-1;margin-top:3px;color:var(--muted);font-size:11px}
.admin-metric-icon{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:12px}
.admin-metric-icon svg{width:21px}
.admin-metric-icon.blue{background:#e9f5fd;color:#1682c3}
.admin-metric-icon.violet{background:#eeedff;color:#5651bd}
.admin-metric-icon.green{background:#e8f7f1;color:#2e9173}
.admin-dashboard-tiles{margin:0 0 42px}.admin-dashboard-tiles-head{margin-bottom:16px}.admin-dashboard-tiles-head h2{margin:3px 0;color:var(--navy);font:800 27px Roboto}.admin-dashboard-tiles>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.admin-dashboard-tiles>div:last-child>button{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:12px;min-height:92px;padding:16px;text-align:left;border:1px solid #dfe5ee;border-radius:13px;background:#fff;color:#596579;box-shadow:0 7px 22px rgba(26,39,75,.05);transition:.18s}.admin-dashboard-tiles>div:last-child>button:hover{transform:translateY(-2px);border-color:#a9cfe8;box-shadow:0 12px 30px rgba(26,39,75,.1)}.admin-dashboard-tiles button>span{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#eaf4fd;color:#1768c8}.admin-dashboard-tiles button>span svg{width:21px}.admin-dashboard-tiles button>div{display:flex;min-width:0;flex-direction:column;gap:4px}.admin-dashboard-tiles button b{color:var(--navy);font:700 15px Roboto}.admin-dashboard-tiles button small{color:var(--muted);font-size:11px;line-height:1.35}.admin-dashboard-tiles button>svg{width:17px}.admin-overview-back{margin:0 0 16px}
.admin-dashboard .admin-course-head{padding:0 2px;margin-bottom:20px}
.admin-dashboard .admin-course-head h2{font-size:28px}
.admin-dashboard .admin-course-card{border-radius:15px;transition:transform .18s,border-color .18s,box-shadow .18s}
.admin-dashboard .admin-course-card:hover{transform:translateY(-2px);border-color:#bfd9ed;box-shadow:0 15px 36px rgba(26,39,75,.1)}
.admin-dashboard .admin-users{margin:0 0 48px;border-radius:15px}
.admin-dashboard .user-list-head{background:linear-gradient(90deg,#fff,#f8fbfe)}
.admin-dashboard .user-row{grid-template-columns:42px minmax(190px,1fr) 120px minmax(145px,180px) 86px;padding:18px 24px;transition:background .15s}
.admin-dashboard .user-row:hover{background:#fbfcfe}
.admin-dashboard .user-progress{display:flex;flex-direction:column;gap:7px;text-align:left}
.admin-dashboard .user-progress>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.admin-dashboard .user-progress>span>b{color:var(--green);font-size:14px}
.admin-dashboard .user-progress small{color:var(--muted);font-size:10px;font-weight:400}
.admin-dashboard .user-progress>i{height:6px;overflow:hidden;border-radius:99px;background:#e7ecef}
.admin-dashboard .user-progress>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#49a98b,#65bea4)}
.admin-access{color:var(--muted);font-size:11px;text-align:center}

@media(max-width:900px){
 .admin-dashboard-hero{grid-template-columns:1fr;padding:32px;gap:26px}
 .admin-average-card{max-width:430px}
 .admin-metrics{grid-template-columns:1fr}
 .admin-dashboard-tiles>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .dashboard.admin-dashboard{width:calc(100% - 28px);margin-top:20px}
 .admin-dashboard-hero{padding:26px 20px;border-radius:14px}
 .admin-hero-copy h1{font-size:30px}
 .admin-hero-copy>p:not(.eyebrow){font-size:14px}
 .admin-average-card{align-items:center;padding:14px}
 .admin-progress-ring{width:94px;height:94px}
 .admin-progress-ring strong{font-size:23px}
 .admin-metrics{gap:10px;margin-bottom:34px}
 .admin-metrics article{padding:16px 18px}
 .admin-dashboard-tiles>div:last-child{grid-template-columns:1fr}
 .admin-dashboard .user-row{grid-template-columns:38px 1fr auto;padding:15px}
 .admin-dashboard .user-row .role-badge{grid-column:2}
 .admin-dashboard .user-progress,.admin-access{grid-column:2/4;grid-row:3;width:100%;text-align:left}
 .admin-dashboard .delete-user,.admin-dashboard .protected{grid-column:3;grid-row:2}
}
@media(max-width:420px){
 .admin-average-card{align-items:flex-start;flex-direction:column}
 .admin-progress-ring{align-self:center}
}
/* Participant navigation, certificates and admin course assignments */
.participant-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-20px 0 38px;padding:7px;border:1px solid #dfe5ed;border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(26,39,75,.06)}
.participant-nav button{position:relative;display:flex;align-items:center;gap:13px;min-width:0;padding:15px 17px;border:0;border-radius:10px;background:transparent;color:#657084;text-align:left;transition:.18s}
.participant-nav button:hover{background:#f4f8fc;color:var(--blue2)}
.participant-nav button.active{background:linear-gradient(120deg,#edf6fd,#f1f3ff);color:var(--navy);box-shadow:inset 0 0 0 1px #d5e5f3}
.participant-nav button>svg{width:23px;flex:none;color:var(--blue2)}
.participant-nav button>span{display:flex;min-width:0;flex-direction:column;gap:3px}
.participant-nav button b{font:700 15px Roboto}
.participant-nav button small{color:var(--muted);font-size:11px}
.participant-nav button>i{margin-left:auto;display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:99px;background:var(--green);color:#fff;font-size:11px;font-style:normal;font-weight:900}
.certificates-page{max-width:980px}
.certificates-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:24px}
.certificates-heading h1{margin:0;color:var(--navy);font:800 34px Roboto}
.certificates-heading p:not(.eyebrow){margin:9px 0 0;color:var(--muted)}
.certificates-heading>span{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:11px 15px;border-radius:99px;background:#e8f7f1;color:#287e65;font-size:13px}
.certificates-heading>span svg{width:18px}
.certificate-grid{display:grid;gap:20px}
.certificate-card{position:relative;overflow:hidden;padding:31px;border:1px solid #d9e1ec;border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fff 70%,#f1f7ff 100%);box-shadow:0 12px 36px rgba(26,39,75,.08)}
.certificate-card:before{content:"";position:absolute;width:210px;height:210px;right:-115px;top:-120px;border:38px solid rgba(67,164,223,.07);border-radius:50%}
.certificate-card-mark{position:absolute;right:30px;top:27px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e7f7f0;color:var(--green);box-shadow:0 0 0 7px #f2fbf7}
.certificate-card-mark svg{width:28px}
.certificate-card-copy{max-width:730px;padding-right:75px}
.certificate-card-copy>p{margin:0 0 9px;color:var(--blue2);font-size:11px;font-weight:900;letter-spacing:2px}
.certificate-card-copy h2{margin:0 0 18px;color:var(--navy);font:800 24px/1.25 Roboto}
.certificate-card-copy>span{display:block;color:var(--muted);font-size:13px}
.certificate-card-copy>strong{display:block;margin:5px 0;color:#30394c;font:700 18px Roboto}
.certificate-card-details{display:flex;align-items:flex-start;gap:34px;flex-wrap:wrap;margin:25px 0 21px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.certificate-card-details>div{display:flex;flex-direction:column;gap:5px}
.certificate-card-details small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}
.certificate-card-details b{display:flex;align-items:center;gap:6px;color:#3f4a5e;font-size:13px}
.certificate-card-details b svg{width:16px;color:var(--green)}
.certificate-card>button{display:inline-flex;align-items:center;gap:7px;border:1px solid #d4dce7;border-radius:8px;padding:9px 13px;background:#fff;color:var(--blue2);font-weight:700}
.certificate-card>button:hover{border-color:var(--blue);background:#f4faff}
.certificate-card>button svg{width:17px}
.certificate-card-actions{position:relative;z-index:1;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.certificate-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid #d4dce7;border-radius:8px;padding:9px 14px;background:#fff;color:var(--blue2);font-weight:800}
.certificate-card-actions button:hover{border-color:var(--blue);background:#f4faff}
.certificate-card-actions button svg{width:17px}
.certificate-card-actions .download-certificate{border-color:var(--blue2);background:var(--blue2);color:#fff;box-shadow:0 5px 14px rgba(23,105,194,.18)}
.certificate-card-actions .download-certificate:hover{background:#125aa8;color:#fff}
.certificate-empty{padding:58px 28px;text-align:center;border:1px dashed #ccd7e4;border-radius:16px;background:#fff}
.certificate-empty>span{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;background:#fff6dc;color:#b48413}
.certificate-empty>span svg{width:34px}
.certificate-empty h2{margin:0;color:var(--navy);font:800 25px Roboto}
.certificate-empty p{max-width:540px;margin:10px auto 24px;color:var(--muted);line-height:1.6}
.user-course-assignments{grid-column:2/-1;display:grid!important;grid-template-columns:150px minmax(0,1fr);align-items:flex-start;gap:12px;padding-top:14px;border-top:1px solid #edf0f4}
.user-course-assignments>span{display:flex;align-items:center;gap:7px;color:#677286;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}
.user-course-assignments>span svg{width:15px;color:var(--blue2)}
.user-course-assignments>div{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:7px}
.user-course-assignments button{display:inline-flex;align-items:center;gap:5px;max-width:100%;border:1px solid #d8e3ee;border-radius:7px;padding:7px 9px;background:#f5f9fd;color:#34516d;font-size:11px;text-align:left}
.user-course-assignments button:hover{border-color:var(--blue);color:var(--blue2)}
.user-course-assignments button svg{width:13px;flex:none}
.user-course-assignments em{color:var(--muted);font-size:12px;font-style:normal}

/* Language switcher and completion deadlines */
.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:70px;height:38px;border:1px solid #d9e1ec;border-radius:99px;background:#fff;color:#24415f;font-weight:900;letter-spacing:.5px;box-shadow:0 3px 12px rgba(18,37,63,.08)}
.language-toggle:hover{border-color:var(--blue);color:var(--blue2)}
.language-toggle svg{width:17px;height:17px}
.language-toggle span{flex:none!important}
.language-toggle.compact{min-width:58px;height:30px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);box-shadow:none;color:inherit;font-size:11px}
.focusbar .language-toggle.compact{background:#fff;border-color:#d9e1ec;color:#34516d}
.language-switch{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 5px 4px 11px;border:1px solid #d7dfe8;border-radius:10px;background:#fff;color:#405067;box-shadow:0 3px 12px rgba(18,37,63,.07)}
.language-switch>svg{width:17px;height:17px;flex:none;color:var(--blue2)}
.language-switch span{flex:none!important}
.language-label{font-size:11px;font-weight:800}
.language-options{display:flex;gap:2px;padding:2px;border-radius:7px;background:#edf1f5}
.language-options button{min-width:35px;height:28px;border:0;border-radius:6px;background:transparent;color:#697386;font-size:11px;font-weight:900;cursor:pointer}
.language-options button:hover{color:var(--blue2)}
.language-options button.active{background:#fff;color:var(--blue2);box-shadow:0 2px 7px rgba(23,47,77,.14)}
.language-switch.compact{min-height:32px;padding:2px 3px 2px 8px;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#e8ebef;box-shadow:none}
.language-switch.compact>svg{width:15px;color:#b9dfff}
.language-switch.compact .language-label{display:none}
.language-switch.compact .language-options{background:rgba(0,0,0,.2)}
.language-switch.compact .language-options button{min-width:29px;height:24px;color:#cfd5dd}
.language-switch.compact .language-options button.active{background:#fff;color:#1e568c}
.focusbar .language-switch.compact{border-color:#d7dfe8;background:#fff}
.focusbar .language-switch.compact>svg{color:var(--blue2)}
.focusbar .language-switch.compact .language-options{background:#edf1f5}
.focusbar .language-switch.compact .language-options button{color:#697386}
.focusbar .language-switch.compact .language-options button.active{color:var(--blue2)}
.login-language{position:absolute;right:26px;top:24px;z-index:3}
.editor-actions{display:flex;align-items:center;gap:11px}
.course-deadline{width:max-content;max-width:100%;display:flex;align-items:center;gap:6px;margin-top:12px;padding:7px 10px;border-radius:7px;background:#eef6ff;color:#245f99!important;font-size:12px;font-weight:800;letter-spacing:0!important}
.course-deadline svg{width:15px;height:15px;flex:none}
.course-deadline.overdue{background:#fff0f0;color:#a13c3c!important}
.course-deadline-banner{position:relative;z-index:1;width:max-content;display:flex;align-items:center;gap:11px;margin:-10px 0 22px;padding:12px 15px;border:1px solid #cfe2f5;border-radius:10px;background:#eef7ff;color:#245f99}
.course-deadline-banner>svg{width:22px}
.course-deadline-banner>div{display:flex;flex-direction:column;gap:2px}
.course-deadline-banner small{font-size:10px;text-transform:uppercase;letter-spacing:.8px}
.course-deadline-banner.overdue{border-color:#f0c9c9;background:#fff2f2;color:#a13c3c}
.deadline-bulk{display:grid;grid-template-columns:36px minmax(220px,1fr) 180px auto;align-items:center;gap:14px;margin-bottom:20px;padding:18px;border:1px solid #dce5ef;border-radius:11px;background:#fbfcfe}
.deadline-bulk>svg{width:27px;color:var(--blue2)}
.deadline-bulk>div{display:flex;flex-direction:column;gap:4px}
.deadline-bulk>div span{color:var(--muted);font-size:12px}
.deadline-bulk input,.participant-deadline input{height:42px;border:1px solid #d5dce6;border-radius:8px;padding:0 11px;background:#fff;color:#344054}
.deadline-bulk button{height:42px;border:0;border-radius:8px;padding:0 15px;background:var(--blue2);color:#fff;font-weight:800;white-space:nowrap}
.deadline-bulk button:disabled{opacity:.4;cursor:not-allowed}
.assignment-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,250px);align-items:center;gap:18px;border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#fff}
.assignment-person{display:flex;align-items:center;gap:13px;min-width:0;cursor:pointer}
.assignment-person>span{min-width:0}
.assignment-person b,.assignment-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.participant-deadline{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;color:#566174;font-size:11px;font-weight:800}
.participant-deadline input{margin:0!important;width:100%!important}
.participant-deadline input:disabled{background:#f0f2f5;color:#9aa2ae}
.demo-certificate{border-color:#d8c47e;background:linear-gradient(135deg,#fff 0%,#fffdf7 72%,#fff5d8 100%)}
.demo-certificate .certificate-card-mark{background:#fff4d4;color:#a87908;box-shadow:0 0 0 7px #fff9e9}
.demo-ribbon{position:absolute;right:-36px;top:20px;width:145px;padding:7px 0;transform:rotate(40deg);background:#d7a62d;color:#fff;text-align:center;font-size:10px;font-weight:900;letter-spacing:1.5px}
.manual-certificate-card{border-color:#cfdcf0;background:linear-gradient(145deg,#fff,#f1f6fc)}
.manual-certificate-card.invalid{border-color:#e3c7c7;background:linear-gradient(145deg,#fff,#fff5f5)}
.manual-ribbon{position:absolute;right:-38px;top:18px;width:145px;transform:rotate(35deg);background:#1768c8;color:#fff;text-align:center;padding:5px;font-size:9px;font-weight:900;letter-spacing:1px}
.manual-certificate-card.invalid .manual-ribbon{background:#a84848}

/* Unified editor saving and assignment workflow */
.editor-top{position:sticky;top:0;z-index:12;margin:-16px -16px 26px;padding:16px;background:rgba(244,246,249,.94);border-bottom:1px solid rgba(216,223,233,.78);backdrop-filter:blur(12px)}
.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.editor-save{min-width:178px;justify-content:center;color:#fff}
.editor-save:disabled{background:#cfd6df;color:#727d8b;opacity:1;cursor:not-allowed}
.editor-save-state{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:900;white-space:nowrap}
.editor-save-state:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.editor-save-state.dirty{background:#fff3dc;color:#9a6610}
.editor-save-state.saved{background:#e9f6f1;color:#287e65}
.editor-sidebar-state{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px 11px;border-radius:8px;font-size:11px;font-weight:800}
.editor-sidebar-state i{width:8px;height:8px;border-radius:50%;background:currentColor}
.editor-sidebar-state.dirty{background:rgba(255,198,79,.14);color:#ffd47c}
.editor-sidebar-state.saved{background:rgba(86,190,151,.14);color:#9be0c5}
.editor-sidebar .editor-preview{margin-top:10px}
.unsaved-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:22px;background:rgba(20,28,48,.56);backdrop-filter:blur(5px)}
.unsaved-dialog{width:min(520px,100%);padding:34px;border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(12,22,45,.3);text-align:center}
.unsaved-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:#fff3dc;color:#a66d10}
.unsaved-icon svg{width:28px}
.unsaved-dialog h2{margin:4px 0 10px;color:var(--navy);font:800 28px Roboto}
.unsaved-dialog>p:not(.eyebrow){max-width:440px;margin:0 auto;color:var(--muted);line-height:1.55}
.unsaved-actions{display:flex;justify-content:center;gap:9px;margin-top:27px}
.unsaved-actions button{justify-content:center}
.unsaved-actions .discard{border:0;border-radius:999px;padding:14px 20px;background:#fff0f0;color:#a33b3b;font-weight:800}
.assignment-editor{display:grid;gap:20px}
.assignment-overview{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 27px;border-radius:15px;background:linear-gradient(125deg,#243174,#175da9);color:#fff;box-shadow:0 12px 34px rgba(32,52,115,.2)}
.assignment-overview>div:first-child{display:flex;align-items:center;gap:16px;min-width:0}
.assignment-overview-icon{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:13px;background:rgba(255,255,255,.14)}
.assignment-overview-icon svg{width:25px}
.assignment-overview .eyebrow{color:#a8dcff}
.assignment-overview h2{margin:0 0 6px;font:800 23px Roboto}
.assignment-overview p:not(.eyebrow){margin:0;color:#d9e9fb;font-size:13px}
.assignment-stats{display:grid!important;grid-template-columns:repeat(3,85px);gap:7px!important;flex:none}
.assignment-stats span{display:flex!important;align-items:center!important;justify-content:center;padding:10px 7px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.08);color:#dae8fa;font-size:10px;text-align:center}
.assignment-stats b{color:#fff;font:800 21px Roboto}
.assignment-bulk-card,.participant-panel{padding:24px 26px;border:1px solid #dce3ed;border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(26,39,75,.06)}
.assignment-bulk-card{border-color:#cfe0ef;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%)}
.assignment-bulk-head{display:flex;align-items:flex-start;gap:14px}
.assignment-bulk-head>span{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:11px;background:#eaf5fd;color:var(--blue2)}
.assignment-bulk-head>span svg{width:21px}
.assignment-bulk-head h3,.participant-panel-head h3{margin:0 0 5px;color:var(--navy);font:800 19px Roboto}
.assignment-bulk-head p,.participant-panel-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.assignment-bulk-controls{display:grid;grid-template-columns:minmax(190px,240px) auto auto;align-items:end;gap:10px;margin-top:20px;padding:16px;border-radius:11px;background:#f4f7fa}
.assignment-bulk-controls label{display:block;color:#4e596b;font-size:11px;font-weight:900}
.assignment-bulk-controls label>span{display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:.55px}
.assignment-bulk-controls input{width:100%;height:43px;border:1px solid #cfd8e4;border-radius:8px;padding:0 11px;background:#fff;color:#344054}
.assignment-bulk-controls button{height:43px;white-space:nowrap;justify-content:center;padding:0 17px}
.assignment-bulk-controls button svg{width:17px}
.clear-deadlines{border:1px solid #d7dfe8;border-radius:8px;background:#fff;color:#667085;font-weight:800}
.clear-deadlines:disabled{opacity:.45;cursor:not-allowed}
.bulk-hint,.bulk-success{display:flex;align-items:center;gap:7px;margin:13px 0 0!important;font-size:12px!important;font-weight:800}
.bulk-hint{color:#966314!important}.bulk-success{color:#287e65!important}
.bulk-hint svg,.bulk-success svg{width:16px}
.participant-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.participant-panel-head>span{padding:7px 10px;border-radius:99px;background:#eef4fb;color:#41627e;font-size:11px;font-weight:900;white-space:nowrap}
.assignment-editor .assignment-list{gap:11px}
.assignment-editor .assignment-row{display:grid;grid-template-columns:138px minmax(190px,1fr) minmax(240px,310px);align-items:center;gap:18px;padding:17px;border:1px solid #dce3eb;border-radius:12px;background:#fff;transition:.18s}
.assignment-editor .assignment-row.assigned{border-color:#b9d8ee;background:#fbfdff;box-shadow:inset 4px 0 #43a4df}
.assignment-editor .assignment-row.unassigned{background:#f8f9fb;color:#717b89}
.assignment-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;font-weight:900}
.assignment-toggle input{position:absolute;opacity:0;pointer-events:none}
.assignment-toggle i{position:relative;width:36px;height:21px;flex:none;border-radius:99px;background:#c9d0d9;transition:.2s}
.assignment-toggle i:after{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.22);transition:.2s}
.assignment-toggle input:checked+i{background:var(--blue2)}
.assignment-toggle input:checked+i:after{transform:translateX(15px)}
.assignment-toggle input:focus-visible+i{outline:3px solid rgba(67,164,223,.25)}
.assignment-identity{display:flex;align-items:center;gap:11px;min-width:0}
.mini-avatar{width:38px;height:38px;display:grid!important;place-items:center;flex:none;border-radius:50%;background:#edf2f8;color:#66758a}
.mini-avatar svg{width:18px}
.assignment-identity>div{display:flex;min-width:0;flex-direction:column;gap:3px}
.assignment-identity b,.assignment-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.assignment-identity small{color:var(--muted);font-size:11px}
.assignment-editor .participant-deadline{display:grid;grid-template-columns:1fr;gap:6px}
.assignment-editor .participant-deadline>span{display:flex;align-items:center;gap:6px;color:#566174;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}
.assignment-editor .participant-deadline>span svg{width:14px}
.assignment-editor .participant-deadline input{height:40px}
.assignment-editor .participant-deadline small{color:#7b8492;font-size:10px;font-weight:400}
.assignment-save-reminder{position:sticky;bottom:14px;display:flex;align-items:center;gap:12px;margin-left:auto;width:max-content;max-width:100%;padding:12px 16px;border:1px solid #efd59a;border-radius:11px;background:#fff9e9;color:#805c16;box-shadow:0 9px 28px rgba(74,53,12,.13)}
.assignment-save-reminder>svg{width:20px;flex:none}
.assignment-save-reminder>span{display:flex;flex-direction:column;gap:2px;font-size:11px}
.assignment-save-reminder b{font-size:12px}

/* Cloud identity and course media */
.spin{animation:platform-spin .9s linear infinite}
@keyframes platform-spin{to{transform:rotate(360deg)}}
.platform-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;background:#f6f8fb;color:var(--navy)}
.platform-loading svg{width:34px;height:34px;color:var(--blue2)}
.platform-mode{position:relative;z-index:1;width:min(460px,100%);display:flex;align-items:center;gap:12px;margin-top:30px;padding:14px 16px;border:1px solid rgba(255,255,255,.23);border-radius:12px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.platform-mode>svg{width:24px;height:24px;flex:none;color:#b9e5ff}
.platform-mode>span{display:flex;flex-direction:column;gap:3px}
.platform-mode b{font-size:13px}.platform-mode small{color:#d5e8fb;font-size:11px;line-height:1.4}
.verification-notice{display:flex;align-items:flex-start;gap:11px;margin:18px 0;padding:14px;border:1px solid #bfe3d4;border-radius:10px;background:#effaf5;color:#287e65}
.verification-notice>svg{width:21px;flex:none}.verification-notice span{display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.45}.verification-notice b{font-size:13px}
.login-message.success{margin-top:12px;padding:12px;border-radius:7px;background:#e8f7f0;color:#23765d;font-size:13px}
.resend-confirmation{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;border:1px solid #cbd8e7;border-radius:8px;padding:12px;background:#fff;color:var(--blue2);font-weight:800}
.resend-confirmation svg{width:17px}.resend-confirmation:disabled,.login-submit:disabled{opacity:.6;cursor:wait}
.cloud-error{position:fixed;z-index:200;left:50%;top:18px;transform:translateX(-50%);width:min(620px,calc(100% - 28px));display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #efc3c3;border-radius:11px;background:#fff2f2;color:#9c3434;box-shadow:0 12px 35px rgba(77,20,20,.18);font-size:13px;font-weight:800}
.cloud-error>svg{width:19px;flex:none}.cloud-error button{margin-left:auto;border:0;background:none;color:inherit}.cloud-error button svg{width:17px}
.email-verified,.email-pending{display:inline-flex!important;align-items:center;gap:5px;width:max-content;margin-top:3px;font-size:10px!important;font-weight:800}
.email-verified{color:#287e65!important}.email-pending{color:#a26712!important}.email-verified svg,.email-pending svg{width:13px;height:13px}
.admin-dashboard .user-row{grid-template-columns:42px minmax(190px,1fr) 120px minmax(145px,180px) 112px}
.user-list-summary{display:flex;align-items:flex-end;flex-direction:column;gap:7px;color:var(--muted);font-size:13px}
.user-list-summary strong{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;background:#fff3dc;color:#94620e;font-size:10px}
.user-list-summary strong svg{width:14px}
.user-status-row{display:flex!important;align-items:center;flex-direction:row!important;gap:6px!important;flex-wrap:wrap;margin-top:3px}
.email-demo,.account-pending,.account-approved{display:inline-flex!important;align-items:center;gap:5px;width:max-content;font-size:9px!important;font-weight:800}
.email-demo{color:#6d7786!important}.account-pending{color:#a26712!important}.account-approved{color:#287e65!important}
.email-demo svg,.account-pending svg,.account-approved svg{width:12px;height:12px}
.approval-pending-row{background:#fffdf8!important;box-shadow:inset 4px 0 #e4a82d}
.user-account-actions{display:flex;align-items:stretch;flex-direction:column;gap:6px}
.user-account-actions button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 8px}
.user-account-actions button svg{width:14px}
.approve-user{border:1px solid #9dd5c0;border-radius:6px;background:#edf9f4;color:#23765d;font-weight:900}
.approve-user:hover{background:#23765d;color:#fff}
.topic-editor-expanded{display:grid;gap:16px;padding:18px;border-top:1px solid #e3e8ef;background:#fbfcfe}
.topic-editor-expanded>label{display:grid;gap:7px;color:#536071;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.55px}
.topic-editor-expanded .topic-content-editor{margin:0;width:100%;text-transform:none;letter-spacing:normal;font-weight:400}
.media-editor{overflow:hidden;border:1px solid #d8e2ed;border-radius:12px;background:#fff}
.media-editor-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 17px}
.media-editor-head>div{display:flex;align-items:center;gap:10px;min-width:0}.media-editor-head>div>svg{width:22px;color:var(--blue2)}
.media-editor-head span{display:flex;min-width:0;flex-direction:column;gap:3px}.media-editor-head b{color:var(--navy);font-size:13px}.media-editor-head small{color:var(--muted);font-size:10px}
.media-editor-head>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;border:0;border-radius:8px;padding:10px 13px;background:var(--blue2);color:#fff;font-size:11px;font-weight:900}
.media-editor-head>button svg{width:17px}.media-editor-head>button:disabled{opacity:.65}
.media-editor input[type=file]{display:none!important}
.media-library-picker{display:grid;gap:8px;padding:14px;border-top:1px solid var(--line);background:#f7f9fc}.media-library-picker>label{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.media-library-picker>label svg{width:17px;color:var(--muted)}.media-library-picker>label input{width:100%;padding:10px;border:0;outline:0}.media-library-picker>button:not(.media-pool-link){display:grid;grid-template-columns:28px 1fr 24px;align-items:center;gap:10px;padding:11px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff}.media-library-picker>button.selected{border-color:#7db9de;background:#edf7fd}.media-library-picker>button>span{display:flex;min-width:0;flex-direction:column}.media-library-picker>button small{color:var(--muted)}.media-library-picker .media-pool-link{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:3px}
.media-storage-note{display:flex;align-items:center;gap:6px;padding:9px 17px;border-top:1px solid #e9edf2;border-bottom:1px solid #e9edf2;background:#f4f7fa;color:#6b7685;font-size:10px;font-weight:800}
.media-storage-note svg{width:14px}.media-edit-list{display:grid}
.media-edit-list>div{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid #edf0f4}.media-edit-list>div:last-child{border-bottom:0}
.media-edit-list>div>svg{width:20px;color:#567089}.media-edit-list span{display:flex;min-width:0;flex-direction:column;gap:2px}.media-edit-list b{overflow:hidden;color:#3d4858;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.media-edit-list small{color:var(--muted);font-size:9px}
.media-message{margin:0!important;padding:10px 15px;border-top:1px solid #e7ecf1;background:#f5fbf8;color:#287e65;font-size:10px!important;font-weight:800}
.lesson-media{display:grid;gap:15px;margin:28px 0;padding-top:24px;border-top:1px solid #dfe5ed}
.lesson-media>div:first-child{display:flex;align-items:center;gap:11px}.lesson-media>div:first-child>svg{width:26px;color:var(--blue2)}.lesson-media .eyebrow{margin:0 0 3px}.lesson-media h2{margin:0;color:var(--navy);font:800 21px Roboto}
.course-media-resource{overflow:hidden;border:1px solid #d9e2ec;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(29,44,70,.05)}
.course-media-file{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 15px}
.course-media-file>span:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#edf5fc;color:var(--blue2)}.course-media-file>span:first-child svg{width:20px}
.course-media-file>div{display:flex;min-width:0;flex-direction:column;gap:3px}.course-media-file b{overflow:hidden;color:#364153;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.course-media-file small{color:var(--muted);font-size:9px}
.course-media-file>a{display:inline-flex;align-items:center;gap:6px;border:1px solid #d5dfea;border-radius:7px;padding:8px 10px;color:var(--blue2);font-size:10px;font-weight:900}.course-media-file>a svg{width:15px}.media-loading{color:var(--muted);font-size:10px}
.course-media-resource video{display:block;width:100%;max-height:520px;background:#0e1520}.course-media-resource iframe{display:block;width:100%;height:min(70vh,680px);border:0;border-top:1px solid #e2e7ed;background:#f2f3f5}

@media(max-width:700px){
 .participant-nav{margin:-12px 0 30px}
 .participant-nav button{padding:13px 11px}
 .participant-nav button small{display:none}
 .participant-nav button>i{position:absolute;right:8px;top:8px;min-width:20px;height:20px;padding:0 5px;font-size:9px}
 .certificates-heading{align-items:flex-start;flex-direction:column}
 .certificate-card{padding:24px 20px}
 .certificate-card-mark{position:relative;right:auto;top:auto;margin-bottom:18px}
 .certificate-card-copy{padding-right:0}
 .certificate-card-copy h2{font-size:21px}
 .certificate-card-details{gap:18px}
 .certificate-card-actions{align-items:stretch;flex-direction:column}
 .certificate-card-actions button{width:100%}
 .user-course-assignments{grid-column:1/-1;grid-row:4;grid-template-columns:1fr;padding-top:12px}
 .language-toggle{min-width:62px}
 .language-switch{max-width:100%}
 .adminbar .language-toggle.compact{margin-right:6px}
 .deadline-bulk{grid-template-columns:32px 1fr}
 .deadline-bulk input,.deadline-bulk button{grid-column:2}
 .assignment-row{grid-template-columns:1fr}
 .participant-deadline{grid-template-columns:110px 1fr}
 .editor-top{position:static;margin:-8px -4px 22px;padding:8px 4px 14px;background:transparent;backdrop-filter:none}
 .editor-actions{width:100%;justify-content:flex-start}
 .editor-save{flex:1;min-width:160px}
 .unsaved-actions{flex-direction:column-reverse}
 .unsaved-actions button{width:100%}
 .assignment-overview{align-items:flex-start;flex-direction:column;padding:21px}
 .assignment-stats{width:100%;grid-template-columns:repeat(3,1fr)}
 .assignment-bulk-card,.participant-panel{padding:19px 16px}
 .assignment-bulk-controls{grid-template-columns:1fr}
 .assignment-bulk-controls button{width:100%}
 .participant-panel-head{flex-direction:column}
 .assignment-editor .assignment-row{grid-template-columns:1fr;gap:13px}
 .assignment-editor .participant-deadline{grid-template-columns:1fr}
 .assignment-save-reminder{position:static;width:100%;margin:0}
 .media-editor-head{align-items:flex-start;flex-direction:column}.media-editor-head>button{width:100%}
 .course-media-file{grid-template-columns:38px minmax(0,1fr)}.course-media-file>a,.course-media-file>.media-loading{grid-column:1/-1;justify-content:center}
 .course-media-resource iframe{height:480px}
 .admin-dashboard .user-row{grid-template-columns:38px 1fr auto}
 .user-list-summary{align-items:flex-start}
 .user-account-actions{grid-column:3;grid-row:2;min-width:95px}
}
@media(max-width:460px){
 .participant-nav{grid-template-columns:1fr}
 .participant-nav button small{display:block}
}

/* Learning experience, reporting, reminders, and groups */
.continue-learning{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;background:linear-gradient(120deg,#183e91,#257ad0);color:#fff;border-radius:15px;padding:24px 26px;margin:0 0 18px;box-shadow:0 12px 34px rgba(24,62,145,.2)}
.continue-icon{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center}.continue-icon svg{width:25px}.continue-learning .eyebrow{color:#b9dcff;margin:0 0 4px}.continue-learning h2{margin:0;font:800 22px Roboto}.continue-learning>div>span{display:block;color:#d8eaff;font-size:13px;margin-top:4px}.continue-learning>button{border:0;background:#fff;color:#174b9b;border-radius:9px;padding:12px 16px;font-weight:900;display:flex;align-items:center;gap:6px}.continue-learning>button svg{width:18px}.continue-progress{display:flex;align-items:center;gap:10px;margin-top:11px!important}.continue-progress i{width:min(300px,40vw);height:6px;background:rgba(255,255,255,.2);border-radius:10px;overflow:hidden}.continue-progress i b{display:block;height:100%;background:#79d8b6}.continue-progress small{color:#d8eaff}
.participant-reminders{border:1px solid #f0d696;background:#fffaf0;border-radius:12px;padding:16px 18px;margin-bottom:30px}.participant-reminders>div{display:flex;align-items:center;gap:10px;color:#8a6510;margin-bottom:10px}.participant-reminders>div svg{width:20px}.participant-reminders>div span{display:flex;flex-direction:column}.participant-reminders small{font-weight:400;color:#846f42}.participant-reminders>button{width:100%;border:0;border-top:1px solid #f1e2b9;background:transparent;padding:11px 2px;display:flex;justify-content:space-between;align-items:center;text-align:left;color:#4a4f5a}.participant-reminders>button span{display:flex;flex-direction:column;gap:3px}.participant-reminders>button b{color:#a05a2c}.participant-reminders>button svg{width:18px;color:#9e7b2b}
.resume-label{display:flex!important;align-items:center;gap:6px;color:#396c9e!important;font-size:12px!important;margin-top:10px}.resume-label svg{width:15px}.course-resume{position:relative;z-index:2;width:100%;border:1px solid #cfe1f5;background:#f3f8fe;border-radius:10px;padding:13px 15px;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;color:#17569f;text-align:left}.course-resume>span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.course-resume svg{width:18px}.course-resume small{grid-column:2;color:#64758a;margin-top:2px}.course-resume>svg{transition:transform .2s}.course-resume:hover>svg{transform:translateX(3px)}
.quiz-results{margin-top:28px}.quiz-results .result{margin:0 0 18px}.quiz-results .result p{color:var(--muted)}.answer-review{display:grid;gap:12px}.answer-review article{margin:0;padding:20px 22px;border-radius:11px;box-shadow:none}.answer-review article>div{display:flex;align-items:flex-start;gap:12px}.answer-review article>div>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none}.answer-review article>div>span svg{width:16px}.answer-review article>div>div{display:flex;flex-direction:column;gap:4px}.answer-review article small{color:var(--muted)}.answer-review article>p{margin:15px 0 0;padding:13px 15px;border-radius:7px;line-height:1.55}.review-correct{border-color:#bfe4d6!important}.review-correct>div>span{background:#ddf5ec;color:#24755e}.review-correct>p{background:#f1faf7;color:#316654}.review-wrong{border-color:#efc7c7!important}.review-wrong>div>span{background:#fde8e8;color:#a43d3d}.review-wrong>p{background:#fff6e7;color:#785c1c}.correct-answer{color:#24755e!important;font-weight:800}.result-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.result-actions button{display:flex;align-items:center;gap:7px}.result-actions svg{width:17px}.explanation-edit{display:block!important;background:#f7f9fc;border-radius:8px;padding:13px;margin-top:14px!important}.explanation-edit textarea{display:block;width:100%;border:1px solid #d8dee7;border-radius:7px;padding:10px;margin-top:8px;resize:vertical}.reminder-settings{border:1px solid #dfe5ee;background:#f8fafc;border-radius:11px;padding:18px;margin-bottom:22px}.reminder-settings>div{display:flex;gap:10px;align-items:center;color:#2c5796;margin-bottom:15px}.reminder-settings>div svg{width:21px}.reminder-settings>div span{display:flex;flex-direction:column}.reminder-settings>div small,.reminder-settings>label>small{color:var(--muted);font-weight:400}.reminder-settings>label:last-child{display:block;font-weight:800;color:#414b5d;margin-top:15px}.reminder-settings>label:last-child input{display:block;width:100%;margin-top:7px;border:1px solid #d8dee7;border-radius:8px;padding:11px}
.admin-feature-card{background:#fff;border:1px solid #dce3ee;border-radius:14px;box-shadow:0 9px 30px rgba(26,39,75,.07);padding:25px;margin:0 0 24px}.feature-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.feature-card-head>div:first-child{display:flex;gap:14px;align-items:flex-start}.feature-card-head h2{margin:1px 0 0;color:var(--navy);font:800 24px Roboto}.feature-card-head p:not(.eyebrow){color:var(--muted);font-size:13px;margin:6px 0 0}.feature-icon{width:44px;height:44px;border-radius:11px;background:#e8f2ff;color:#2269bd;display:grid;place-items:center;flex:none}.feature-icon svg{width:21px}.feature-icon.amber{background:#fff2d2;color:#9a6a04}.feature-icon.violet{background:#f0eaff;color:#6b4aad}.feature-actions{display:flex;gap:8px}.feature-actions select,.feature-actions button,.feature-card-head form input{border:1px solid #d9e0e9;background:#fff;border-radius:8px;padding:10px 12px;color:#4d596b}.feature-actions button,.feature-card-head form button{display:flex;align-items:center;gap:6px}.feature-actions svg,.feature-card-head form svg{width:17px}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.report-metrics span{background:#f5f7fa;border-radius:9px;padding:14px;display:flex;flex-direction:column;color:var(--muted);font-size:12px}.report-metrics b{font:800 23px Roboto;color:var(--navy);margin-bottom:2px}.report-metrics .metric-alert{background:#fff0f0}.report-metrics .metric-alert b{color:#a63e3e}.report-table-wrap{overflow:auto;border:1px solid #e1e6ed;border-radius:10px}.report-table-wrap table{width:100%;border-collapse:collapse;min-width:800px}.report-table-wrap th{text-align:left;background:#f5f7fa;color:#697386;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:11px}.report-table-wrap td{border-top:1px solid #e8ecf1;padding:11px;font-size:12px;color:#4b5668}.report-table-wrap td:first-child{display:flex;flex-direction:column}.report-table-wrap td small{color:var(--muted)}.table-progress{display:flex;align-items:center;gap:8px}.table-progress i{width:80px;height:6px;background:#e8ecf1;border-radius:9px;overflow:hidden}.table-progress i b{display:block;height:100%;background:#49a88c}.report-overdue,.report-complete,.report-open{border-radius:99px;padding:5px 8px;font-weight:800;font-size:10px}.report-overdue{background:#ffe7e7;color:#a33d3d}.report-complete{background:#e3f5ee;color:#28755f}.report-open{background:#edf2f8;color:#5b6879}.question-insights{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.question-insights>b{display:block;color:var(--navy);margin-bottom:8px}.question-insights>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0}.question-insights span{display:flex;flex-direction:column}.question-insights small{color:var(--muted);margin-top:3px}.question-insights strong{color:#a14b4b;white-space:nowrap}
.reminder-center .feature-card-head>button{display:flex;align-items:center;gap:7px}.reminder-center .feature-card-head>button svg{width:18px}.reminder-list{display:grid;gap:7px}.reminder-list>div:not(.empty){display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid #e7eaf0;border-radius:8px;padding:11px 13px}.reminder-list>div>svg{width:18px;color:#897032}.reminder-list span{display:flex;flex-direction:column}.reminder-list small{color:var(--muted)}.reminder-list strong{color:#8b6818;font-size:12px}.reminder-list strong.overdue{color:#a23d3d}.empty.compact{padding:16px;display:flex;align-items:center;gap:8px}.empty.compact svg{width:19px;color:#2d8268}.feature-message{display:flex;align-items:center;gap:7px;background:#e8f7f0;color:#28765f;padding:10px 12px;border-radius:7px;margin:13px 0 0}.feature-message svg{width:17px}
.feature-card-head form{display:flex;gap:8px}.feature-card-head form .primary{border:0;color:#fff}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.group-grid>article{border:1px solid #dfe4eb;border-radius:10px;overflow:hidden}.group-summary{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:13px}.group-summary>span{width:36px;height:36px;border-radius:9px;background:#f1edfb;color:#6c50a5;display:grid;place-items:center}.group-summary>span svg{width:18px}.group-summary>div{display:flex;flex-direction:column}.group-summary input{border:0;background:transparent;font-weight:800;color:var(--navy);padding:3px 0;min-width:0}.group-summary small{color:var(--muted)}.group-summary>button:not(.danger-icon){border:1px solid #dce1e8;background:#fff;border-radius:7px;padding:7px 9px;color:#536075}.group-members{border-top:1px solid #e5e9ef;background:#f8f9fb;padding:8px}.group-members label{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px}.group-members label:hover{background:#fff}.group-members label span{display:flex;flex-direction:column}.group-members small{color:var(--muted)}.group-assignment-card{background:#f5f2fc;border:1px solid #ddd4f2;border-radius:12px;padding:20px;margin-bottom:18px}.group-assignment-card>div:first-child{display:flex;gap:11px;align-items:flex-start;color:#6548a0}.group-assignment-card h3{margin:0;color:#382f64}.group-assignment-card p{color:#716b82;margin:4px 0 0}.group-assignment-card>div:last-child{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.group-assignment-card button{border:1px solid #d7cbed;background:#fff;border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:8px;color:#4d3c7d;text-align:left}.group-assignment-card button:disabled{opacity:.55}.group-assignment-card button svg{width:18px}.group-assignment-card button span{display:flex;flex-direction:column}.group-assignment-card button small{color:#777083}
@media(max-width:800px){.continue-learning{grid-template-columns:auto 1fr}.continue-learning>button{grid-column:1/-1;justify-content:center}.participant-reminders{padding:14px}.feature-card-head{flex-direction:column}.feature-actions,.feature-card-head form{width:100%}.feature-actions select,.feature-card-head form input{min-width:0;flex:1}.report-metrics{grid-template-columns:repeat(2,1fr)}.group-grid{grid-template-columns:1fr}.admin-feature-card{padding:17px}.group-summary{grid-template-columns:auto 1fr auto}.group-summary>button:not(.danger-icon){grid-column:2}.group-summary>.danger-icon{grid-column:3;grid-row:1}.result-actions{flex-direction:column}.result-actions button{justify-content:center}.answer-review article{padding:17px}.continue-progress i{width:100%}}
.enterprise-panel{background:#fff;border:1px solid #dde3eb;border-radius:14px;padding:28px;box-shadow:0 8px 30px rgba(26,39,75,.06);margin-bottom:28px}.enterprise-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.enterprise-page-head h1{margin:4px 0 6px;color:var(--navy);font:800 34px Roboto}.enterprise-page-head>div>p:last-child{color:var(--muted);margin:0}.enterprise-head-actions{display:flex;gap:8px}.enterprise-head-actions svg{width:17px}
.directory-toolbar{display:flex;gap:10px;align-items:center;padding:14px;background:#f5f7fa;border-radius:10px;margin-bottom:14px}.directory-toolbar label{display:flex;align-items:center;gap:8px;flex:1;border:1px solid #dce2e9;background:#fff;border-radius:7px;padding:0 11px}.directory-toolbar label svg{width:17px;color:#8490a0}.directory-toolbar input,.directory-toolbar select,.directory-toolbar+select{border:0;outline:0;padding:11px;background:transparent}.directory-toolbar select{border:1px solid #dce2e9;background:#fff;border-radius:7px}.directory-toolbar>span{color:var(--muted);font-size:13px}.directory-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.directory-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(130px,1fr) 70px 150px minmax(190px,auto);gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}.directory-row:first-child{border-top:0}.directory-row.approval-pending-row{background:#fffaf0}.directory-heading{background:#f5f7fa;color:#748093;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.directory-person{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:none}.directory-person>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:#1768c8}.directory-person svg{width:18px}.directory-person b{display:flex;flex-direction:column;color:var(--navy)}.directory-person small{color:var(--muted);font-weight:400}.directory-progress{display:flex;align-items:center;gap:9px}.directory-progress i{width:85px;height:6px;background:#e6ebf0;border-radius:9px;overflow:hidden}.directory-progress i b{display:block;height:100%;background:var(--green)}.status-active,.status-inactive,.status-pending{font-size:11px;font-weight:800;border-radius:99px;padding:5px 9px;width:max-content}.status-active{background:#e4f5ee;color:#238065}.status-inactive{background:#f0f1f3;color:#717987}.status-pending{background:#fff0c9;color:#94620a}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px}.row-actions button{border:0;background:none;color:#657083;padding:7px;border-radius:7px}.row-actions button:hover{background:#edf2f7;color:#34445b}.row-actions .directory-approve{display:inline-flex;align-items:center;gap:6px;margin-right:3px;padding:8px 11px;border:1px solid #8acbb5;background:#e7f7f1;color:#1f7158;font-size:12px;font-weight:900;white-space:nowrap}.row-actions .directory-approve:hover{background:#237c61;color:#fff;border-color:#237c61}.row-actions .directory-delete:hover{background:#fff0f0;color:#a43d3d}.row-actions svg{width:17px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.pagination button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px}.pagination svg{width:17px}
.participant-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.participant-facts span{display:flex;flex-direction:column;padding:20px;background:#f5f7fa;border-radius:10px;color:var(--muted)}.participant-facts b{font-size:28px;color:var(--navy)}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.detail-grid>article{border:1px solid var(--line);border-radius:10px;padding:20px}.detail-grid h2{font:700 20px Roboto;color:var(--navy);margin:0 0 14px}.detail-grid article>button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:14px 0}.detail-grid article>button span{display:flex;flex-direction:column}.detail-grid small{color:var(--muted)}.certificate-state{border-radius:99px;padding:5px 9px}.certificate-state.valid{background:#e4f5ee;color:#238065}.certificate-state.expired,.certificate-state.outdated{background:#fff0f0;color:#a33b3b}.timeline-event{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.timeline-event i{width:10px;height:10px;background:#43a4df;border-radius:50%;margin-top:5px}.timeline-event span{display:flex;flex-direction:column}
.audit-list{display:grid}.audit-list article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:15px;border-top:1px solid var(--line)}.audit-list article:first-child{border-top:0}.audit-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#eaf7f2;color:var(--green)}.audit-icon svg{width:19px}.audit-list article div{display:flex;flex-direction:column}.audit-list article p{margin:3px 0;color:var(--muted);font-size:12px}.audit-list code{color:#7a8492}
.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.path-grid>article{border:1px solid var(--line);border-radius:11px;padding:18px}.path-head{display:grid;grid-template-columns:30px 1fr 34px 34px;gap:7px;align-items:center}.path-head>svg{color:#7455b4}.path-head input,.path-grid textarea,.path-config{border:1px solid #dce2e9;border-radius:7px;padding:10px}.path-head input{font-weight:800}.path-head button{border:0;background:none;color:#6c7684}.path-grid textarea{width:100%;margin:12px 0;resize:vertical}.path-flow{display:grid;gap:7px}.path-flow>span{display:flex;align-items:center;gap:9px;background:#f5f7fa;border-radius:7px;padding:8px;font-size:12px}.path-flow i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#263071;color:#fff;font-style:normal}.path-config{display:grid;gap:7px;margin-top:12px;max-height:320px;overflow:auto}.path-config label{font-size:13px}.path-grid article footer{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid article{border:1px solid var(--line);border-radius:10px;padding:22px}.settings-grid h2{display:flex;align-items:center;gap:9px;color:var(--navy);font:700 20px Roboto}.settings-grid h2 svg{width:21px}.settings-grid label:not(.setting-toggle){display:block;font-weight:700;font-size:13px;margin-top:16px}.settings-grid input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid #dce2e9;border-radius:7px;margin-top:7px}.setting-toggle{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.setting-toggle input{width:19px;height:19px}.password-action{margin-top:20px}.settings-save{margin-top:20px}
.rich-editor{border:1px solid #dce2e9;border-radius:9px;overflow:hidden;margin:8px 0 14px 37px;width:calc(100% - 37px)}.rich-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:9px;background:#f5f7fa;border-bottom:1px solid var(--line)}.rich-toolbar button{display:flex;align-items:center;gap:4px;border:1px solid #dce2e9;background:#fff;border-radius:6px;padding:6px 8px;font-size:11px}.rich-toolbar svg{width:13px}.rich-block{display:grid;grid-template-columns:105px 1fr minmax(140px,.5fr) 34px;gap:7px;padding:9px;border-top:1px solid var(--line)}.rich-block:first-of-type{border-top:0}.rich-block select,.rich-block textarea,.rich-block input{border:1px solid #dce2e9;border-radius:6px;padding:8px;resize:vertical}.rich-block button{border:0;background:none;color:#b34a4a}.rich-block svg{width:17px}.rich-content{font-size:17px;line-height:1.75}.rich-content h2{font:700 25px Roboto;color:var(--navy);margin-top:35px}.rich-content aside{display:flex;gap:14px;background:#eaf7f2;border-left:4px solid var(--green);padding:18px;margin:22px 0}.rich-content aside svg{flex:none;color:var(--green)}.rich-content>a{display:flex;gap:8px;align-items:center;color:#1768c8}.rich-content figure{margin:25px 0}.rich-content img{max-width:100%;border-radius:10px}.rich-content figcaption{color:var(--muted);font-size:13px}
.course-survey{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;margin:25px 0}.course-survey h2{font:700 25px Roboto;color:var(--navy)}.rating-buttons{display:flex;gap:8px}.rating-buttons button{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;font-weight:900}.rating-buttons button.active{background:#1768c8;color:#fff}.course-survey textarea{display:block;width:100%;min-height:90px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:8px}.survey-thanks{display:flex;align-items:center;gap:9px;color:#238065}
.certificate-qr{display:flex;align-items:center;gap:10px;margin-top:12px}.certificate-qr img{width:78px;height:78px}.certificate-qr span{display:flex;flex-direction:column}.certificate-qr b{font:700 12px monospace}.certificate-qr small{color:var(--muted)}.verification-page{min-height:100vh;display:grid;place-items:center;background:#f4f6f9;padding:20px}.verification-page>section{width:min(620px,100%);background:#fff;border-radius:16px;padding:42px;box-shadow:var(--shadow);text-align:center}.verification-page>section>svg{width:72px;height:72px;color:var(--green)}.verification-page h1{font:800 34px Roboto;color:var(--navy)}.verification-page dl{text-align:left;border:1px solid var(--line);border-radius:10px;margin:24px 0}.verification-page dl div{display:grid;grid-template-columns:150px 1fr;padding:12px;border-top:1px solid var(--line)}.verification-page dl div:first-child{border-top:0}.verification-page dt{color:var(--muted)}.verification-page dd{font-weight:700;margin:0}
.certification-settings,.quiz-rules,.version-card,.survey-settings{border:1px solid #dce2e9;border-radius:10px;padding:18px;margin:18px 0}.certification-settings h3,.quiz-rules h3,.version-card h3,.survey-settings h3{margin:0 0 12px;color:var(--navy)}.settings-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-row label{font-size:12px;font-weight:700}.settings-row input,.settings-row select{display:block;width:100%;padding:10px;border:1px solid #dce2e9;border-radius:7px;margin-top:6px}
@media(max-width:800px){.enterprise-panel{padding:18px}.enterprise-page-head{flex-direction:column}.directory-toolbar{align-items:stretch;flex-direction:column}.directory-row{grid-template-columns:1fr auto}.directory-heading{display:none}.directory-row>*:nth-child(3),.directory-row>*:nth-child(4){display:none}.detail-grid,.settings-grid,.path-grid{grid-template-columns:1fr}.participant-facts{grid-template-columns:1fr 1fr}.rich-block{grid-template-columns:1fr}.rich-editor{margin-left:0;width:100%}.settings-row{grid-template-columns:1fr}.certificate-qr{align-items:flex-start}.verification-page>section{padding:26px}.verification-page dl div{grid-template-columns:1fr;gap:4px}}

/* Manual certificate administration */
.manual-certificate-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:6px 0 18px}
.manual-certificate-toolbar label{min-width:280px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#fff}
.manual-certificate-toolbar label svg{width:18px;color:#7d8998}
.manual-certificate-toolbar input{width:100%;height:42px;border:0;outline:0}
.manual-certificate-toolbar>span{color:var(--muted);font-size:12px;font-weight:800}
.manual-certificate-list{display:grid;gap:10px}
.manual-certificate-list>article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 18px;border:1px solid #dfe5ed;border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(26,39,75,.05)}
.manual-certificate-list>article.invalid{background:#fffafa;border-color:#ead6d6}
.manual-certificate-list-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#e6f5ef;color:#2d8c70}
.manual-certificate-list .invalid .manual-certificate-list-icon{background:#f7e7e7;color:#ad4a4a}
.manual-certificate-list-icon svg{width:22px}
.manual-certificate-list article>div:nth-child(2){min-width:0}
.manual-certificate-list-status{color:#278066;font-size:9px;font-weight:900;letter-spacing:1px}
.manual-certificate-list .invalid .manual-certificate-list-status{color:#aa4747}
.manual-certificate-list h3{overflow:hidden;margin:4px 0;color:var(--navy);font:700 17px Roboto;text-overflow:ellipsis;white-space:nowrap}
.manual-certificate-list p{margin:0 0 4px;color:#4f5c70}
.manual-certificate-list small{color:var(--muted);font-size:11px}
.manual-certificate-list-actions{display:flex;align-items:center;gap:6px}
.manual-certificate-list-actions button{display:flex;align-items:center;gap:5px;border:1px solid #dbe1e9;border-radius:8px;padding:8px 10px;background:#fff;color:#536075;font-weight:800;font-size:11px}
.manual-certificate-list-actions button:hover{border-color:#9dc8e5;color:#1768c8}
.manual-certificate-list-actions button.danger{color:#a74444}
.manual-certificate-list-actions svg{width:15px}
.manual-certificate-editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);align-items:start;gap:22px}
.manual-certificate-form{display:grid;gap:17px}
.manual-certificate-form>label{margin:0}
.manual-certificate-form select,.manual-certificate-form input,.manual-certificate-form textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #d8dee7;border-radius:8px;background:#fff;outline:0}
.manual-certificate-form select:focus,.manual-certificate-form input:focus,.manual-certificate-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(67,164,223,.13)}
.manual-certificate-form textarea{resize:vertical;line-height:1.55}
.manual-certificate-form-row{display:grid;grid-template-columns:1fr 1fr 120px;gap:12px}
.manual-certificate-form-row label{font-weight:800;color:#414b5d}
.manual-certificate-preview{position:sticky;top:24px;min-height:430px;padding:31px;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#fdfefe,#eef4fb);border:1px solid #d6e0ec;box-shadow:0 16px 42px rgba(26,39,75,.12)}
.manual-certificate-preview:before,.manual-certificate-preview:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(24,105,194,.12)}
.manual-certificate-preview:before{width:260px;height:260px;right:-155px;top:-120px;box-shadow:0 0 0 34px rgba(24,105,194,.035)}
.manual-certificate-preview:after{width:160px;height:160px;left:-105px;bottom:-90px}
.manual-preview-badge{width:56px;height:56px;display:grid;place-items:center;position:relative;z-index:1;border-radius:14px;background:linear-gradient(135deg,#263579,#1769c2);color:#fff;box-shadow:0 8px 20px rgba(34,65,135,.22)}
.manual-preview-badge svg{width:27px}
.manual-certificate-preview>p{position:relative;z-index:1;margin:24px 0 8px;color:#1768c8;font-size:10px;font-weight:900;letter-spacing:1.6px}
.manual-certificate-preview h2{position:relative;z-index:1;margin:0;color:var(--navy);font:800 25px/1.2 Roboto}
.manual-certificate-preview>small{display:block;position:relative;z-index:1;min-height:48px;margin:15px 0 8px;color:#59667a;line-height:1.55}
.manual-certificate-preview>strong{display:block;position:relative;z-index:1;margin:12px 0 24px;color:#293658;font:700 20px Roboto}
.manual-certificate-preview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;position:relative;z-index:1;padding-top:17px;border-top:1px solid #d6dee8}
.manual-certificate-preview>div span{display:flex;flex-direction:column;gap:4px;color:#4e5b70;font-size:11px}
.manual-certificate-preview>div b{color:#8791a1;font-size:8px;letter-spacing:.7px;text-transform:uppercase}
.manual-certificate-preview code{display:block;position:relative;z-index:1;margin-top:24px;color:#617087;font-size:10px}
.manual-certificate-revoked{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;border:1px solid #efc8c8;border-radius:9px;background:#fff2f2;color:#983e3e}
.manual-certificate-revoked svg{width:19px}
.manual-certificate-template-note{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding:15px 17px;border:1px solid #c9dff1;border-radius:10px;background:#f2f8fd;color:#40536b}
.manual-certificate-template-note>svg{flex:none;width:21px;color:#1768c8}
.manual-certificate-template-note span{display:flex;flex-direction:column;gap:3px;line-height:1.45}
.manual-certificate-template-note b{color:#263579}
.manual-certificate-form .setting-toggle{display:flex;align-items:center;gap:10px;margin:0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.manual-certificate-form .setting-toggle input{width:19px;margin:0}
.manual-certificate-editor .editor-preview:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1050px){.manual-certificate-editor-grid{grid-template-columns:1fr}.manual-certificate-preview{position:static;min-height:360px}}
@media(max-width:760px){.manual-certificate-toolbar{align-items:stretch;flex-direction:column}.manual-certificate-toolbar label{min-width:0}.manual-certificate-list>article{grid-template-columns:42px 1fr}.manual-certificate-list-actions{grid-column:2;flex-wrap:wrap}.manual-certificate-form-row{grid-template-columns:1fr}.manual-certificate-preview{padding:23px}.manual-certificate-preview>div{grid-template-columns:1fr}.manual-certificate-editor .editor-top{align-items:stretch}.manual-certificate-editor .editor-save{justify-content:center}}
.governance-card,.translation-editor{background:#fff;border:1px solid #dde3eb;border-radius:13px;padding:28px;box-shadow:0 8px 30px rgba(26,39,75,.06)}.governance-title,.translation-summary{display:flex;align-items:center;gap:14px}.governance-title>svg,.translation-summary>svg{width:42px;height:42px;padding:9px;border-radius:10px;background:#eef2ff;color:#5f55ad}.governance-title span,.translation-summary span{flex:1}.governance-title h2,.translation-summary h2{margin:0;color:var(--navy)}.workflow-status{border-radius:99px;padding:6px 10px;font-size:11px;text-transform:uppercase}.workflow-status.draft{background:#eff1f4;color:#687283}.workflow-status.review{background:#fff5d6;color:#8a6910}.workflow-status.approved{background:#e6f3ff;color:#1768c8}.workflow-status.published,.workflow-status.active{background:#e4f5ee;color:#238065}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:25px 0}.workflow-steps span{display:flex;align-items:center;gap:7px;padding:10px;background:#f5f7fa;border-radius:7px;color:#87909e;text-transform:capitalize}.workflow-steps i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#dfe4ea;font-style:normal}.workflow-steps span.complete{color:#238065;background:#eaf7f2}.workflow-steps span.complete i{color:#fff;background:#2f9a78}.governance-card>label{display:block;font-weight:700;margin:12px 0}.governance-card select,.governance-card textarea{display:block;width:100%;border:1px solid #dce2e9;border-radius:7px;padding:11px;margin-top:7px}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap}.approval-comments{margin-top:18px;border-top:1px solid var(--line)}.approval-comments article{display:grid;grid-template-columns:160px 1fr auto;gap:10px;padding:11px;border-bottom:1px solid var(--line);font-size:13px}.approval-comments small{color:var(--muted)}
.translation-summary strong{font-size:26px;color:#1768c8}.translation-list{display:grid;margin-top:20px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.translation-list article{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px;border-top:1px solid var(--line)}.translation-list article:first-child{border-top:0}.translation-list small{font-weight:900;color:#87909e}.translation-list p{margin:4px 0;line-height:1.45}.translation-list input,.translation-list textarea{width:100%;border:1px solid #dce2e9;border-radius:7px;padding:10px;resize:vertical}
.quiz-editor-head{display:flex;gap:16px;align-items:end}.quiz-editor-head>label{flex:1}.quiz-editor-head input{display:block;width:100%;padding:12px;border:1px solid #dce2e9;border-radius:7px;margin-top:6px}.question-bank-picker{border:1px solid #cfdceb;background:#f6f9fd;border-radius:10px;padding:12px;display:grid;gap:7px}.question-bank-picker button{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px}.question-bank-picker button span{display:flex;flex-direction:column}.question-bank-picker small{color:var(--muted)}.quiz-edit-card.advanced{display:grid;gap:10px}.quiz-edit-head select{margin-left:auto;border:1px solid var(--line);border-radius:6px;padding:7px}.quiz-edit-head button{border:0;background:none;color:#687385}.advanced-answer-list{display:grid;gap:7px}.advanced-answer-list>div{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center}.advanced-answer-list input[type=text],.advanced-answer-list input:not([type]){width:100%;padding:10px;border:1px solid var(--line);border-radius:7px}.advanced-answer-list span{display:flex}.advanced-answer-list button{border:0;background:none}.advanced-answer-list svg{width:16px}.question-type-buttons{display:flex;gap:7px;flex-wrap:wrap}.secondary.compact{padding:8px 12px;font-size:12px}.fill-answer{width:100%;padding:14px;border:1px solid var(--line);border-radius:8px}.ordering-answer{display:grid;gap:8px}.ordering-answer>div{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:7px;padding:11px}.ordering-answer span{display:flex}.ordering-answer button{border:0;background:none}.ordering-answer svg{width:17px}.scenario-question{border-left:4px solid #7455b4!important;background:#faf9ff}
.acknowledgement-gate{max-width:680px;margin:35px auto;background:#fff;border:1px solid #d8e2ea;border-radius:14px;padding:34px;box-shadow:var(--shadow)}.acknowledgement-gate>svg{width:54px;height:54px;color:#2f9a78}.acknowledgement-gate h2{font:800 28px Roboto;color:var(--navy)}.acknowledgement-gate p{line-height:1.6}.acknowledgement-gate>label:not(.ack-check){display:block;font-weight:700}.acknowledgement-gate input[type=text],.acknowledgement-gate>label>input:not([type]){display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;margin-top:7px}.ack-check{display:flex;gap:10px;align-items:center;padding:15px;background:#eef7f4;border-radius:8px;margin:16px 0}.ack-check input{width:20px;height:20px}.acknowledgement-gate small{display:block;color:var(--muted);margin-top:12px}
.campaign-grid{display:grid;gap:15px}.campaign-grid>article{border:1px solid var(--line);border-radius:11px;padding:18px}.campaign-head{display:grid;grid-template-columns:30px 1fr auto 36px;gap:8px;align-items:center}.campaign-head>svg{color:#7455b4}.campaign-head input{font-weight:800;border:0;font-size:17px}.campaign-head button{border:0;background:none}.campaign-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.campaign-metrics span{display:flex;flex-direction:column;padding:11px;background:#f5f7fa;border-radius:7px;color:var(--muted)}.campaign-metrics b{color:var(--navy)}.campaign-config{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:8px}.campaign-config>label:not(.setting-toggle){display:block;font-weight:700}.campaign-config input[type=date]{display:block;padding:9px;border:1px solid var(--line);border-radius:6px;margin-top:5px}.campaign-grid footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.bank-list,.announcement-admin-list{display:grid}.bank-list article{display:grid;grid-template-columns:110px 1fr 36px;gap:10px;align-items:center;padding:13px;border-top:1px solid var(--line)}.question-type{background:#eef2ff;color:#5f55ad;border-radius:99px;padding:6px 9px;text-align:center;font-size:11px;font-weight:800}.bank-list article div{display:flex;flex-direction:column}.bank-list input{border:0;font-weight:700}.bank-list button,.announcement-admin-list>article>button:last-child{border:0;background:none;color:#a43d3d}.announcement-admin-list article{display:grid;grid-template-columns:36px 1fr auto 36px;gap:12px;align-items:start;padding:16px;border-top:1px solid var(--line)}.announcement-admin-list article>svg{color:#d29621}.announcement-admin-list article>div{display:grid;gap:8px}.announcement-admin-list input,.announcement-admin-list textarea,.announcement-admin-list select{border:1px solid var(--line);border-radius:7px;padding:10px}.announcement-admin-list input{font-weight:800}.announcement-admin-list textarea{resize:vertical}
.learner-announcements{margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#eef6ff 0%,#f4f2ff 100%);border:1px solid #d5e4f5;border-radius:18px;box-shadow:0 12px 35px rgba(39,67,113,.08)}.learner-announcements-head{display:flex;align-items:center;gap:11px;margin-bottom:15px}.announcement-head-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;background:linear-gradient(135deg,#1769c2,#6255b5);color:#fff;box-shadow:0 7px 18px rgba(37,83,158,.22)}.announcement-head-icon svg{width:21px}.learner-announcements-head>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.learner-announcements-head small{color:#66748a;font-size:9px;font-weight:900;letter-spacing:1.4px}.learner-announcements-head b{color:var(--navy);font:800 19px Roboto}.learner-announcements-head em{min-width:24px;height:24px;display:grid;place-items:center;border-radius:99px;background:#fff;color:#1768c8;font-size:11px;font-style:normal;font-weight:900;box-shadow:0 2px 8px rgba(38,65,111,.1)}.learner-announcements-head>button{display:flex;align-items:center;gap:4px;margin-left:auto;border:0;background:transparent;color:#1768c8;font-weight:800}.learner-announcements-head>button svg{width:16px}.learner-announcement-list{display:grid;gap:10px}.learner-announcement-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:17px 18px;background:rgba(255,255,255,.76);border:1px solid rgba(207,220,239,.9);border-radius:13px}.announcement-card-copy>span{display:inline-block;margin-bottom:6px;color:#1768c8;font-size:9px;font-weight:900;letter-spacing:1.2px}.learner-announcement-list h3{margin:0;color:#27355f;font:800 17px Roboto}.learner-announcement-list p{max-width:680px;margin:6px 0 0;color:#536176;line-height:1.5}.announcement-card-actions{display:flex;align-items:center;gap:14px}.announcement-card-actions small{display:flex;align-items:center;gap:6px;color:#748197;font-size:11px;white-space:nowrap}.announcement-card-actions small svg{width:15px}.announcement-card-actions button{display:flex;align-items:center;gap:6px;border:0;border-radius:99px;padding:9px 13px;background:#1768c8;color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 13px rgba(23,104,200,.2)}.announcement-card-actions button:hover{background:#1259ad}.announcement-card-actions button svg{width:15px}
.announcement-recipients{max-height:190px;overflow:auto;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:#f8fafc}.announcement-recipients label{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--line)}.announcement-recipients label:first-child{border-top:0}.announcement-recipients label span{display:flex;flex-direction:column}.announcement-recipients label small{color:var(--muted)}.announcement-admin-list button:disabled{opacity:.5}
.announcement-archive>.back{margin-bottom:18px}.announcement-archive-hero{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:20px;padding:26px 28px;overflow:hidden;position:relative;border-radius:18px;background:linear-gradient(125deg,#252d6c 0%,#1769c2 68%,#378fca 100%);color:#fff;box-shadow:0 16px 38px rgba(31,58,114,.2)}.announcement-archive-hero:after{content:'';position:absolute;right:-55px;top:-80px;width:220px;height:220px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.04),0 0 0 68px rgba(255,255,255,.03)}.announcement-hero-icon{width:58px;height:58px;display:grid;place-items:center;position:relative;z-index:1;border-radius:16px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18)}.announcement-hero-icon svg{width:28px}.announcement-archive-hero>div:nth-child(2){position:relative;z-index:1}.announcement-archive-hero p{margin:0 0 5px;color:#bcdafa;font-size:10px;font-weight:900;letter-spacing:1.7px}.announcement-archive-hero h1{margin:0;font:800 30px Roboto}.announcement-archive-hero>div:nth-child(2)>span{display:block;margin-top:7px;color:#dbe9fa;font-size:13px}.announcement-archive-stats{display:grid!important;grid-template-columns:repeat(3,72px);gap:7px;position:relative;z-index:1}.announcement-archive-stats>span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:11px;background:rgba(255,255,255,.12);color:#dbe9fa;font-size:9px;text-transform:uppercase}.announcement-archive-stats b{color:#fff;font-size:20px}.announcement-history{display:grid;gap:11px;margin-top:18px}.announcement-history>article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 20px;border-radius:14px;background:#f8fafc;border:1px solid #dde5ef;box-shadow:0 7px 22px rgba(28,47,81,.05)}.announcement-history>article.pending{background:linear-gradient(100deg,#fffaf0,#fff);border-color:#ebdfc3}.announcement-history>article.confirmed{background:linear-gradient(100deg,#f2faf7,#f9fbfc);border-color:#d4e8e1}.announcement-history-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff1cb;color:#a9750f}.announcement-history .confirmed .announcement-history-icon{background:#dff3eb;color:#278066}.announcement-history-icon svg{width:20px}.announcement-history-copy>div{display:flex;align-items:center;gap:12px}.announcement-state{font-size:9px;font-weight:900;letter-spacing:1px;color:#a9750f}.confirmed .announcement-state{color:#278066}.announcement-history-copy small{display:flex;align-items:center;gap:5px;color:#7c8797;font-size:11px}.announcement-history-copy small svg{width:14px}.announcement-history h2{margin:6px 0 0;color:var(--navy);font:700 18px Roboto}.announcement-history p{margin:5px 0 0;color:#526075;line-height:1.5}.announcement-confirmed{display:flex;align-items:center;gap:8px;max-width:220px;padding:9px 12px;border-radius:10px;background:#e1f3ec;color:#238065;font-size:11px;font-weight:800}.announcement-confirmed>span{display:flex;flex-direction:column;gap:2px}.announcement-confirmed small{color:#488875;font-size:10px;font-weight:600}.announcement-confirmed svg{width:17px;flex:none}.announcement-confirm-button{display:flex;align-items:center;gap:6px;border:0;border-radius:99px;padding:10px 15px;background:#1768c8;color:#fff;font-weight:800;box-shadow:0 5px 14px rgba(23,104,200,.2)}.announcement-confirm-button svg{width:16px}.announcement-empty{display:flex;flex-direction:column;align-items:center;padding:46px 20px;border:1px dashed #cad5e3;border-radius:14px;background:rgba(255,255,255,.5);color:#7d899a;text-align:center}.announcement-empty>svg{width:42px;height:42px;padding:10px;border-radius:12px;background:#edf2f7;color:#6d7c91}.announcement-empty h2{margin:13px 0 4px;color:var(--navy);font:700 19px Roboto}.announcement-empty p{margin:0}
.media-pool-grid{display:grid;gap:10px}.media-pool-grid>article{display:grid;grid-template-columns:48px minmax(0,1fr) auto 38px;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:10px}.media-pool-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;background:#eaf4fd;color:#1768c8}.media-pool-grid article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.media-pool-grid h3{overflow:hidden;margin:0;color:var(--navy);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.media-pool-grid small,.media-pool-grid article>div>span{color:var(--muted);font-size:11px}.media-pool-grid article>a{display:flex;align-items:center;gap:6px;color:#1768c8;font-weight:800}.media-pool-grid article>a svg{width:17px}.media-pool-grid .danger-icon{border:0;background:none;color:#a43d3d}.media-pool-grid .danger-icon:disabled{color:#bac0c8;cursor:not-allowed}
.badge-admin-grid,.badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.badge-admin-grid>article,.badge-grid>article{border:1px solid var(--line);border-radius:11px;padding:19px}.badge-admin-grid>article>svg,.badge-grid>article>svg{width:46px;height:46px;padding:10px;border-radius:50%;background:#fff5d6;color:#c58d19}.badge-admin-grid input,.badge-admin-grid textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;margin:8px 0}.badge-admin-grid>article>input{font-weight:800;font-size:16px}.badge-admin-grid footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:10px}.badge-admin-grid footer button{border:0;background:none;color:#a43d3d}.badge-grid h2{color:var(--navy)}.badge-grid p{color:var(--muted)}
.notification-list{display:grid}.notification-list>button{display:grid;grid-template-columns:42px 1fr 24px;gap:12px;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);background:#fff;padding:15px}.notification-list>button.unread{background:#f2f8fd}.notification-list>button>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8f2fb;color:#1768c8}.notification-list>button div{display:flex;flex-direction:column}.notification-list p{margin:4px 0;color:#596477}.notification-list small{color:var(--muted)}.notification-bell{position:relative;border:0;background:none;color:inherit}.notification-bell i{position:absolute;right:1px;top:0;min-width:16px;height:16px;border-radius:9px;background:#e04a4a;color:#fff;font:700 10px/16px sans-serif}.privacy-center .settings-grid article{display:flex;flex-direction:column;gap:8px}.privacy-user{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px}.privacy-user span{display:flex;flex-direction:column}.privacy-user small{color:var(--muted)}
@media(max-width:800px){.workflow-steps{grid-template-columns:1fr 1fr}.translation-list article{grid-template-columns:1fr}.approval-comments article{grid-template-columns:1fr}.quiz-editor-head{align-items:stretch;flex-direction:column}.campaign-metrics{grid-template-columns:1fr}.campaign-head{grid-template-columns:26px 1fr auto}.campaign-head .workflow-status{grid-column:2}.announcement-admin-list article{grid-template-columns:28px 1fr}.announcement-admin-list article>button{grid-column:2}.badge-admin-grid,.badge-grid{grid-template-columns:1fr}.learner-announcement-list article{grid-template-columns:1fr}.announcement-card-actions{justify-content:space-between}.announcement-archive-hero{grid-template-columns:52px 1fr;padding:22px}.announcement-archive-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr)!important}.announcement-history>article,.media-pool-grid>article{grid-template-columns:40px 1fr}.announcement-history>article>.announcement-confirm-button,.announcement-history>article>.announcement-confirmed,.media-pool-grid>article>a,.media-pool-grid>article>.danger-icon{grid-column:2;justify-self:start}}
@media(max-width:560px){.learner-announcements{padding:15px;border-radius:15px}.learner-announcements-head>button{font-size:0}.learner-announcements-head>button svg{width:20px}.learner-announcement-list article{padding:15px}.announcement-card-actions{align-items:flex-start;flex-direction:column}.announcement-archive-hero{grid-template-columns:44px 1fr;gap:13px;padding:19px 17px}.announcement-hero-icon{width:44px;height:44px;border-radius:12px}.announcement-hero-icon svg{width:22px}.announcement-archive-hero h1{font-size:25px}.announcement-archive-hero>div:nth-child(2)>span{font-size:12px}.announcement-archive-stats{gap:5px}.announcement-history>article{padding:15px}.announcement-history-copy>div{align-items:flex-start;flex-direction:column;gap:4px}.announcement-confirmed{max-width:100%}}