:root{--bg:#05080d;--panel:#0b1320;--panel2:#101b2c;--blue:#00a9ff;--blue2:#0a62ff;--silver:#dbe7f1;--muted:#9cb1c7;--ok:#31d0aa;--warn:#ffca68;--danger:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#102a55 0,#05080d 32%,#010307 100%);color:var(--silver);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:rgba(1,3,7,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,169,255,.35);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.brand small{font-size:.7rem;color:var(--muted);letter-spacing:.18em}.brand-mark{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#e9f3ff,#0075ff);color:#06111f;font-weight:1000;box-shadow:0 0 28px rgba(0,169,255,.55)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:var(--silver);text-decoration:none;font-weight:700;font-size:.92rem}nav a:hover{color:var(--blue)}.page{padding:34px 5vw 70px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:420px}.hero-card,.panel{background:linear-gradient(145deg,rgba(13,25,43,.88),rgba(4,9,16,.92));border:1px solid rgba(0,169,255,.28);border-radius:28px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.hero h1{font-size:clamp(2.1rem,5vw,4.8rem);line-height:.98;margin:0 0 18px;text-transform:uppercase}.blue{color:var(--blue)}.lead{font-size:1.15rem;color:#c7d7e8;line-height:1.65}.hero-img{width:100%;border-radius:28px;box-shadow:0 0 50px rgba(0,169,255,.24);border:1px solid rgba(219,231,241,.18)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;font-weight:900;text-decoration:none;padding:12px 20px;cursor:pointer}.btn.secondary{background:#121f34;border:1px solid rgba(0,169,255,.35)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:26px}.module-card{position:relative;overflow:hidden;min-height:250px}.module-card img{width:100%;height:155px;object-fit:cover;border-radius:20px;margin-bottom:16px}.badge{display:inline-block;background:rgba(0,169,255,.14);border:1px solid rgba(0,169,255,.35);color:#bfe9ff;border-radius:999px;padding:6px 12px;font-weight:800;font-size:.8rem}.progress{height:10px;background:#06101b;border-radius:99px;overflow:hidden;margin:15px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--ok))}.lesson-slide{display:none;min-height:520px;padding:40px;border-radius:28px;background:linear-gradient(135deg,#06101b,#0e2037);border:1px solid rgba(0,169,255,.3)}.lesson-slide.active{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.lesson-slide img{width:100%;border-radius:22px}.lesson-slide h2{font-size:2.2rem;margin:0 0 16px}.lesson-slide li{margin:12px 0;line-height:1.45}.slide-controls{display:flex;justify-content:space-between;margin-top:18px}.form{max-width:560px;margin:30px auto}.input,textarea,select{width:100%;background:#08111e;border:1px solid rgba(0,169,255,.32);border-radius:14px;color:white;padding:13px 14px;margin:8px 0 16px}label{font-weight:800}.table{width:100%;border-collapse:collapse;background:rgba(7,14,24,.82);border-radius:18px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.callout{border-left:5px solid var(--blue);padding:18px 20px;background:rgba(0,169,255,.09);border-radius:14px;margin:18px 0}.scenario-step{display:none}.scenario-step.active{display:block}.choice{display:block;text-align:left;width:100%;margin:10px 0;padding:16px;border-radius:16px;background:#0d1a2d;color:#fff;border:1px solid rgba(0,169,255,.25);cursor:pointer}.choice:hover{border-color:var(--blue)}.score{font-size:2rem;font-weight:1000}.footer{padding:26px 5vw;color:var(--muted);border-top:1px solid rgba(0,169,255,.18);background:#02050a}@media(max-width:900px){.hero,.lesson-slide.active{grid-template-columns:1fr}.topbar{display:block}.topbar nav{margin-top:16px}.page{padding:24px 4vw}} 


/* v3 LMS additions */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}.kpi{background:linear-gradient(135deg,rgba(0,169,255,.13),rgba(10,98,255,.09));border:1px solid rgba(0,169,255,.28);border-radius:20px;padding:18px}.kpi strong{display:block;font-size:2rem;color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.manual-toc{columns:2;column-gap:34px}.manual-toc a{display:block;color:#cdeaff;text-decoration:none;margin:8px 0;padding:8px 10px;border-left:3px solid rgba(0,169,255,.45);background:rgba(0,169,255,.05);break-inside:avoid}.manual-section{scroll-margin-top:110px;margin:22px 0;padding:24px;border-radius:22px;background:rgba(9,20,35,.78);border:1px solid rgba(0,169,255,.18)}.manual-section h2{margin-top:0}.checklist li{margin:9px 0}.danger-zone{border-left:5px solid var(--danger);background:rgba(255,107,107,.08)}.success-zone{border-left:5px solid var(--ok);background:rgba(49,208,170,.08)}.certificate{background:#f8fbff;color:#05101b;border:10px solid #0a62ff;border-radius:20px;padding:54px;text-align:center;max-width:980px;margin:30px auto}.certificate h1{font-size:3rem;margin:0;color:#06111f}.certificate .name{font-size:2.4rem;color:#0a62ff;font-weight:1000;margin:24px 0}.certificate p{font-size:1.1rem}.admin-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.admin-nav a{padding:10px 14px;border:1px solid rgba(0,169,255,.35);border-radius:999px;color:#dbe7f1;text-decoration:none;background:#08111e}.resource-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.resource-card{border:1px solid rgba(0,169,255,.25);background:#07101c;border-radius:20px;padding:20px}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.pill{border:1px solid rgba(0,169,255,.3);background:rgba(0,169,255,.08);border-radius:99px;padding:7px 10px;color:#cdeaff;font-weight:800;font-size:.82rem}.lab-step{border-left:4px solid var(--blue);padding:12px 15px;margin:12px 0;background:rgba(0,169,255,.07);border-radius:10px}.print-only{display:none}@media print{body{background:white;color:#111}.topbar,.footer,.actions,.slide-controls{display:none}.page{padding:0}.panel,.hero-card,.manual-section{box-shadow:none;border:1px solid #ddd;background:white;color:#111}.print-only{display:block}.certificate{box-shadow:none}}
@media(max-width:900px){.split{grid-template-columns:1fr}.manual-toc{columns:1}}

/* v4 visual CBT updates */
.cbt-menu{margin-bottom:28px}.scenario{margin:28px 0}.scenario-header{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:center;margin-bottom:20px}.scenario-header img{width:100%;height:160px;object-fit:cover;border-radius:20px;border:1px solid rgba(0,169,255,.25);box-shadow:0 0 34px rgba(0,169,255,.16)}.visual-scenario .scenario-step{display:none;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:24px;align-items:center}.visual-scenario .scenario-step.active{display:grid}.visual-scenario .scenario-step>img{width:100%;height:310px;object-fit:cover;border-radius:22px;border:1px solid rgba(219,231,241,.15);box-shadow:0 0 40px rgba(0,169,255,.18)}.visual-scenario h3{font-size:1.7rem;margin:0 0 16px}.visual-scenario .finished .score{color:#fff}.choice[data-correct="1"]:focus{outline:2px solid var(--ok)}@media(max-width:900px){.scenario-header,.visual-scenario .scenario-step.active{grid-template-columns:1fr}.scenario-header img,.visual-scenario .scenario-step>img{height:auto}}


/* v5 admin theme and user management */
.admin-page{background:radial-gradient(circle at top right,rgba(0,169,255,.13),transparent 36%)}
.admin-topbar{box-shadow:0 14px 40px rgba(0,0,0,.35)}
.admin-link{color:#fff!important;border:1px solid rgba(0,169,255,.5);background:rgba(0,169,255,.12);border-radius:999px;padding:8px 12px;margin-top:-8px}
.admin-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;position:relative;overflow:hidden}
.admin-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,169,255,.12),transparent 46%,rgba(219,231,241,.04));pointer-events:none}
.admin-hero>*{position:relative}.admin-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:14px 0;text-transform:uppercase}.admin-hero.compact{grid-template-columns:1fr auto}.admin-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:14px}.admin-tile{min-height:116px;padding:18px;border-radius:20px;text-decoration:none;color:#fff;background:linear-gradient(145deg,rgba(0,169,255,.14),rgba(10,98,255,.08));border:1px solid rgba(0,169,255,.32);box-shadow:inset 0 0 30px rgba(0,169,255,.04)}.admin-tile:hover{border-color:var(--blue);transform:translateY(-1px)}.admin-tile strong{display:block;font-size:1.25rem;margin-bottom:8px}.admin-tile span{color:var(--muted);line-height:1.35}.admin-nav.vertical{display:grid;gap:10px;min-width:210px}.styled-form .btn{margin-top:8px}.admin-table td{vertical-align:top}.status-ok{color:var(--ok);font-weight:900}.status-off{color:var(--danger);font-weight:900}.action-cell{min-width:300px}.inline-form{display:inline-flex;align-items:center;gap:8px;margin:3px 4px 3px 0}.reset-form{display:flex;margin-top:8px}.btn.small{padding:9px 12px;font-size:.82rem}.input.mini{max-width:150px;margin:0;padding:9px 10px}.table a{color:#bfe9ff}.table .btn{color:#fff}.panel h2{margin-top:0}@media(max-width:900px){.admin-hero,.admin-hero.compact{grid-template-columns:1fr}.admin-quick-grid{grid-template-columns:1fr}.action-cell,.inline-form,.reset-form{display:block;min-width:0}.input.mini{max-width:100%;margin:7px 0}}


/* v6 mobile-compatible option */
.mobile-menu-toggle,.mobile-mode-toggle{display:none;border:1px solid rgba(0,169,255,.45);background:rgba(0,169,255,.12);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.mobile-mode-toggle{display:inline-flex}.topbar{gap:14px}.topbar nav.open{display:flex}.mobile-app-banner{display:none}.touch-target{min-height:44px}.mobile-card-stack .panel{margin-bottom:16px}
@media(max-width:760px){body{font-size:16px}.topbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:12px 14px}.brand{gap:10px;font-size:.82rem}.brand-mark{width:44px;height:44px}.mobile-menu-toggle{display:inline-flex}.mobile-mode-toggle{display:inline-flex;font-size:.78rem;padding:10px 12px}.topbar nav{display:none;grid-column:1/-1;flex-direction:column;gap:8px;margin-top:12px}.topbar nav a{display:block;width:100%;padding:12px 14px;border:1px solid rgba(0,169,255,.2);border-radius:14px;background:rgba(8,17,30,.8)}.page{padding:18px 14px 92px}.hero-card,.panel{padding:20px;border-radius:20px}.hero{min-height:auto;gap:18px}.hero h1{font-size:2rem}.lead{font-size:1rem}.grid,.kpi-grid,.resource-list{grid-template-columns:1fr!important}.module-card{min-height:unset}.module-card img{height:190px}.lesson-slide{min-height:auto;padding:18px;border-radius:20px}.lesson-slide.active{grid-template-columns:1fr}.lesson-slide h2{font-size:1.55rem}.slide-controls{position:sticky;bottom:0;background:rgba(2,5,10,.92);padding:12px;border:1px solid rgba(0,169,255,.2);border-radius:18px;z-index:5}.btn,.choice{width:100%;min-height:48px}.table{display:block;overflow-x:auto;white-space:nowrap}.table th,.table td{padding:12px}.certificate{padding:24px;border-width:6px}.certificate h1{font-size:2rem}.certificate .name{font-size:1.6rem}.scenario-header img,.visual-scenario .scenario-step>img{height:auto;max-height:260px}.footer{padding:18px 14px 88px}.admin-nav{display:grid;grid-template-columns:1fr}.admin-nav a{text-align:center}.action-cell .btn,.inline-form .btn,.reset-form .btn{width:100%;margin-top:6px}}
body.mobile-mode{font-size:17px}body.mobile-mode .topbar{position:sticky;bottom:auto}body.mobile-mode .page{max-width:520px;margin:0 auto;padding:16px 12px 96px}body.mobile-mode .hero,body.mobile-mode .split,body.mobile-mode .lesson-slide.active,body.mobile-mode .scenario-header,body.mobile-mode .visual-scenario .scenario-step.active,body.mobile-mode .admin-hero,body.mobile-mode .admin-hero.compact{grid-template-columns:1fr!important}body.mobile-mode .grid,body.mobile-mode .kpi-grid,body.mobile-mode .resource-list,body.mobile-mode .admin-quick-grid{grid-template-columns:1fr!important}body.mobile-mode .panel,body.mobile-mode .hero-card{border-radius:18px;padding:18px}body.mobile-mode .btn,body.mobile-mode .choice,body.mobile-mode .input,body.mobile-mode textarea,body.mobile-mode select{min-height:50px;font-size:1rem}body.mobile-mode .table{display:block;overflow-x:auto}body.mobile-mode .mobile-mode-toggle{background:linear-gradient(135deg,var(--blue),var(--blue2))}body.mobile-mode .footer{padding-bottom:100px}body.mobile-mode:after{content:"Mobile training mode enabled";position:fixed;left:12px;right:12px;bottom:12px;background:rgba(5,8,13,.94);border:1px solid rgba(0,169,255,.4);border-radius:16px;color:#dbe7f1;text-align:center;padding:10px;font-weight:900;z-index:30;box-shadow:0 18px 50px rgba(0,0,0,.4)}