@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap";:root{--bg:#08111c;--bg-elev:#101a28;--bg-panel:#152033;--line:#243247;--text:#e8eef7;--muted:#8b9bb4;--accent:#38bdf8;--accent-2:#1d4ed8;--ok:#10b981;--warn:#f59e0b;--danger:#f43f5e;--radius:12px;color:var(--text);background:var(--bg);font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #123055 0%, var(--bg) 42%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2{margin:0 0 .4rem}h1{font-size:1.7rem}h2{font-size:1.1rem}p{margin:0 0 .8rem}button,.button{background:var(--accent-2);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{filter:brightness(1.08);text-decoration:none}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#243247}button.linkish,.linkish{color:var(--accent);background:0 0;padding:0;font-weight:500}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0c1522;border-radius:8px;margin-top:.3rem;padding:.6rem .7rem}label{color:var(--muted);margin:.7rem 0;font-size:.92rem;display:block}select[multiple]{min-height:140px}.muted{color:var(--muted)}.warn-text{color:var(--warn)}.admin-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0b1524;flex-direction:column;gap:1.2rem;padding:1.2rem 1rem;display:flex}.brand{align-items:center;gap:.7rem;display:flex}.brand span{color:var(--muted);font-size:.78rem;display:block}.sidebar nav{flex-direction:column;gap:.25rem;display:flex}.sidebar nav a{color:var(--text);border-radius:8px;padding:.55rem .7rem;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{background:#1a2b44}.sidebar-foot{color:var(--muted);flex-direction:column;gap:.4rem;margin-top:auto;font-size:.8rem;display:flex}.admin-main{max-width:1200px;padding:1.5rem 1.8rem 3rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.crumb{color:var(--muted);margin-bottom:.3rem;font-size:.85rem}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1.1rem 1.2rem}.split{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:.6rem 1rem;display:grid}.inline-form{flex-wrap:wrap;align-items:end;gap:.6rem;margin:.6rem 0 1rem;display:flex}.inline-form input,.inline-form select{min-width:160px;margin:0}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.kpi{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem}.kpi span{color:var(--muted);font-size:.8rem;display:block}.kpi strong{font-size:1.6rem}.kpi.ok strong{color:var(--ok)}.kpi.warn strong{color:var(--warn)}.kpi.danger strong{color:var(--danger)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem .4rem}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.plain-list span{display:block}.banner{border-radius:8px;margin-bottom:1rem;padding:.7rem .85rem}.banner.error{color:#fecdd3;background:#3f1520}.banner.ok{color:#bbf7d0;background:#103226}.pill{text-transform:capitalize;background:#243247;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.pill.completed,.pill.ok{background:#134e4a}.pill.sending,.pill.scheduled,.pill.in_progress{color:#fde68a;background:#3b2f12}.pill.overdue{background:#4c0519}.check{color:var(--text);align-items:center;gap:.55rem;display:flex}.check input{width:auto;margin:0}.preview-frame{background:#fff;border:0;border-radius:8px;width:100%;min-height:280px}.logo-preview{max-height:48px;margin:.5rem 0}.bar-chart{flex-direction:column;gap:.8rem;display:flex}.bar-row small{color:var(--muted);display:block}.bars{gap:4px;height:10px;margin:.3rem 0;display:flex}.bar{border-radius:99px;height:100%;display:block}.bar.click{background:var(--warn)}.bar.submit{background:var(--danger)}.login-page,.public-wrap{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card,.awareness-card,.train-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:16px;width:min(720px,100%);padding:1.6rem}.login-card{text-align:center;width:min(400px,100%)}.login-card label{text-align:left}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.75rem}.lesson-html{background:#0c1522;border-radius:8px;margin:1rem 0;padding:1rem}.quiz-q{border:1px solid var(--line);border-radius:8px;margin:.8rem 0;padding:.8rem}.training-media{flex-direction:column;gap:.75rem;margin:.6rem 0 1rem;display:flex}.training-media-item{margin:0}.training-media-item img,.training-media-item video{object-fit:contain;background:#0c1522;border-radius:8px;width:100%;max-width:100%;height:auto;max-height:360px;display:block}.training-media-add{margin-top:.4rem}h3{margin:1rem 0 .4rem;font-size:1rem}.ad-page{color:#1b1b1b;background:#f2f2f2;place-items:center;min-height:100vh;padding:1.5rem;font-family:Segoe UI,Tahoma,sans-serif;display:grid}.ad-card{background:#fff;width:min(440px,100%);padding:2.4rem 2.2rem 2rem;box-shadow:0 2px 6px #0000001f}.ad-logo{grid-template-columns:12px 12px;gap:2px;margin-bottom:1.2rem;display:grid}.ad-logo span{width:12px;height:12px}.ad-logo span:first-child{background:#f35325}.ad-logo span:nth-child(2){background:#81bc06}.ad-logo span:nth-child(3){background:#05a6f0}.ad-logo span:nth-child(4){background:#ffba08}.ad-card h1{margin-bottom:.4rem;font-size:1.5rem;font-weight:600}.ad-card p{color:#605e5c}.ad-card input{color:#1b1b1b;background:#fff;border:0;border-bottom:1px solid #8a8886;border-radius:0;padding:.55rem 0}.ad-card button{background:#0067b8;min-width:108px;margin-top:1.2rem}.ad-back{color:#0067b8;background:0 0;margin:0 0 .8rem;padding:0}.ad-help{color:#0067b8;margin-top:1.4rem;font-size:.92rem}.ad-error{color:#a4262c;background:#fde7e9;margin-bottom:.8rem;padding:.6rem .7rem}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{flex-flow:wrap}.split,.grid-2{grid-template-columns:1fr}.admin-main{padding:1rem}}