:root{--bg:#05080b;--bg2:#091016;--panel:#0c141a;--panel2:#101b22;--line:#1b3542;--line2:#244c5e;--text:#f5f7f8;--muted:#8ea3ad;--blue:#18bdf4;--blue2:#55d9ff;--green:#5bd19a;--amber:#f3c96b;--red:#ff7d88;--shadow:0 20px 50px rgba(0,0,0,.28);--radius:12px;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 85% 0,rgba(24,189,244,.12),transparent 26%),repeating-linear-gradient(125deg,transparent 0 41px,rgba(255,255,255,.012) 42px,transparent 43px 84px),linear-gradient(135deg,#050708,#091017 58%,#050708);color:var(--text)}body{font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:255px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;background:linear-gradient(180deg,#050708,#081017);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:block;padding:8px 10px 25px}.brand span{font-family:"Arial Narrow",Impact,sans-serif;font-weight:900;font-size:25px;letter-spacing:.02em;color:#fff}.brand b{font-family:"Arial Narrow",Impact,sans-serif;font-size:25px;letter-spacing:.08em;color:var(--blue);margin-left:7px}.brand small{display:block;color:#708895;font-size:7px;letter-spacing:.16em;margin-top:6px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;color:#9db0b9;font-size:12px;font-weight:700}.sidebar nav a:hover,.sidebar nav a.active{background:#0f2029;color:#fff;border:1px solid #193c4b;padding:9px 11px}.sidebar nav a.active span{color:var(--blue)}.nav-label{font-size:8px;color:#526c78;letter-spacing:.17em;padding:18px 12px 6px;font-weight:900}.sidebar-footer{margin-top:auto;padding:15px 10px;border-top:1px solid #122833;display:grid;gap:3px}.sidebar-footer span{font-size:9px;color:#78919b}.sidebar-footer b{color:#fff}.sidebar-footer small{color:var(--blue);font-size:8px}.main{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);background:rgba(5,10,13,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:15;display:flex;align-items:center;padding:0 24px;gap:16px}.topbar-title{font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-family:"Arial Narrow",Impact,sans-serif;font-size:15px}.menu-btn{display:none;border:1px solid var(--line2);background:#0d1b22;color:#fff;border-radius:8px;padding:8px 10px}.user-chip{margin-left:auto;display:flex;align-items:center;gap:9px}.user-chip>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#102c38;color:var(--blue2);font-weight:900;border:1px solid #245064}.user-chip>div{display:grid;line-height:1.25}.user-chip b{font-size:11px}.user-chip small{font-size:8px;color:var(--muted);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip>a{color:#7f99a5;font-size:17px;padding:5px}.content{padding:26px;max-width:1500px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:0;font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:32px;letter-spacing:-.02em}.page-head p{margin:7px 0 0;color:var(--muted);max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.2em;font-weight:900;color:#dce7eb;text-transform:uppercase;margin-bottom:7px}.eyebrow:before{content:"";width:30px;height:2px;background:var(--blue)}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border-radius:8px;border:1px solid #2a5f74;background:#0e2632;color:#eafaff;font-weight:800;font-size:11px;cursor:pointer}.btn:hover{border-color:var(--blue);background:#113241}.btn.primary{background:var(--blue);border-color:var(--blue);color:#001018}.btn.secondary{background:#111b20;border-color:#2b3e47;color:#d6e0e4}.btn.danger{background:#2a1519;border-color:#66333c;color:#ffabb2}.btn.small{min-height:31px;padding:6px 10px;font-size:9px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(14,24,31,.96),rgba(9,17,22,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h2,.card h3{margin:0 0 12px}.card h2{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}.card p{color:#afc0c7;line-height:1.6}.kpi{min-height:132px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-28px;top:-35px;width:100px;height:100px;border:1px solid rgba(24,189,244,.14);transform:rotate(35deg)}.kpi small{display:block;color:#7f98a4;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.kpi strong{font-size:35px;font-family:"Arial Narrow",Impact,sans-serif;margin-top:15px;display:block}.kpi em{font-style:normal;color:var(--blue);font-size:9px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.table{width:100%;border-collapse:collapse;min-width:720px;background:#091117}.table th{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#78919c;text-align:left;padding:11px 13px;background:#081017;border-bottom:1px solid var(--line)}.table td{padding:12px 13px;border-bottom:1px solid #142933;color:#dbe4e8;vertical-align:top}.table tr:last-child td{border-bottom:0}.table td small{display:block;color:var(--muted);margin-top:3px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;border:1px solid #285065;background:#0d2029;color:#a9dff0;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.pill.green{border-color:#295b47;background:#0e2b20;color:#8ce7b8}.pill.amber{border-color:#6b5626;background:#2a2413;color:#f4d47b}.pill.red{border-color:#67333b;background:#2a171a;color:#ff9ba4}.pill.grey{border-color:#34434a;background:#151c20;color:#9eabb0}.stack{display:grid;gap:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:6px;font-size:9px;color:#8097a2;text-transform:uppercase;letter-spacing:.06em;font-weight:800}input,select,textarea{width:100%;border:1px solid #254653;background:#081219;color:#f2f6f7;border-radius:8px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(24,189,244,.09)}textarea{min-height:110px;resize:vertical}.help{font-size:9px;color:#6e8691;line-height:1.5;text-transform:none;letter-spacing:0}.alert{padding:12px 14px;border-radius:9px;margin-bottom:16px;border:1px solid}.alert.success{background:#0c2a20;border-color:#28634a;color:#9ef0c4}.alert.error{background:#2a1519;border-color:#66333c;color:#ffabb2}.alert.info{background:#0c2230;border-color:#255d78;color:#b8eaff}.empty{padding:36px;text-align:center;color:#76909b;border:1px dashed #284552;border-radius:10px}.course-card{display:grid;gap:11px;position:relative}.course-card .course-code{font-size:8px;color:var(--blue);letter-spacing:.13em;font-weight:900}.course-card h3{font-size:19px}.course-card .meta{display:flex;gap:6px;flex-wrap:wrap}.progress{height:7px;background:#13232b;border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--blue2))}.module{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#091219}.module-head{padding:13px 15px;display:flex;align-items:center;gap:12px;background:#0c181f;border-bottom:1px solid var(--line)}.module-head .num{width:28px;height:28px;border:1px solid #2a596c;border-radius:6px;display:grid;place-items:center;color:var(--blue);font-weight:900}.module-head>div{flex:1}.module-head h3{margin:0;font-size:14px}.module-head small{color:var(--muted)}.lesson-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 15px;border-bottom:1px solid #132932}.lesson-row:last-child{border-bottom:0}.lesson-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#102631;color:var(--blue);font-size:9px}.lesson-row small{display:block;color:#7f96a0}.block{border:1px solid #1b3743;border-radius:9px;padding:14px;background:#0a151b}.block-heading{border-left:3px solid var(--blue)}.block-callout{background:#0d2430;border-color:#27596d}.lesson-content{max-width:920px}.lesson-content h1,.lesson-content h2,.lesson-content h3{font-family:"Arial Narrow",Impact,sans-serif}.lesson-content p{line-height:1.7;color:#c6d1d5}.protected-video{width:100%;max-height:560px;background:#000;border-radius:10px;border:1px solid #233b45}.media-note{margin-top:8px;color:#6f8994;font-size:9px}.app-footer{padding:18px 26px;border-top:1px solid var(--line);color:#637c87;display:flex;justify-content:space-between;font-size:8px}.login-page{display:grid;place-items:center;min-height:100vh;padding:25px}.login-shell{width:min(980px,100%);display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#081017}.login-brand{padding:55px;background:radial-gradient(circle at 20% 10%,rgba(24,189,244,.18),transparent 30%),linear-gradient(145deg,#050708,#0b151b);display:flex;flex-direction:column;justify-content:space-between;min-height:560px}.login-brand .wordmark span{font-family:"Arial Narrow",Impact,sans-serif;font-size:49px;font-weight:900}.login-brand .wordmark b{font-family:"Arial Narrow",Impact,sans-serif;font-size:49px;color:var(--blue);margin-left:10px;letter-spacing:.06em}.login-brand h1{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:40px;line-height:.95;margin:0;max-width:450px}.login-brand p{max-width:440px;color:#91a6af;line-height:1.7}.login-card{padding:52px 42px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:27px;margin:0 0 7px}.login-card>p{color:var(--muted);margin:0 0 25px}.install-shell{width:min(900px,100%);margin:40px auto;padding:0 20px}.install-brand{text-align:center;margin-bottom:25px}.install-brand span{font-family:"Arial Narrow",Impact,sans-serif;font-weight:900;font-size:32px}.install-brand b{font-family:"Arial Narrow",Impact,sans-serif;font-size:32px;color:var(--blue);margin-left:7px}.split-note{padding:11px 13px;border-radius:8px;background:#091a22;border:1px solid #1e4251;color:#93aeb9;font-size:10px;line-height:1.55}.danger-zone{border-color:#5d3037}.danger-zone h3{color:#ff98a2}.muted{color:var(--muted)}.right{text-align:right}.nowrap{white-space:nowrap}@media(max-width:1050px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:-275px;width:255px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 60px rgba(0,0,0,.5)}.menu-btn{display:block}.user-chip>div{display:none}.content{padding:20px}.page-head{align-items:flex-start;flex-direction:column}.grid.two,.grid.three,.grid.four,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login-shell{grid-template-columns:1fr}.login-brand{min-height:280px;padding:34px}.login-brand .wordmark span,.login-brand .wordmark b{font-size:35px}.login-brand h1{font-size:31px}.login-card{padding:34px}.app-footer{flex-direction:column;gap:4px}.topbar{padding:0 16px}}@media(max-width:520px){.grid.four{grid-template-columns:1fr}.content{padding:15px}.login-brand{display:none}.login-shell{border-radius:12px}.login-card{padding:28px 22px}.page-head h1{font-size:27px}}
.learning-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px}.curriculum-panel{align-self:start;position:sticky;top:78px}.lesson-row.locked{opacity:.48;cursor:not-allowed}.lesson-row.completed .lesson-icon{background:#103225;color:#8ce7b8}.lesson-completion-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timeline{display:grid;gap:0}.timeline-item{position:relative;padding:4px 0 17px 22px;border-left:1px solid #244654;margin-left:5px}.timeline-item:before{content:"";position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #0b171d}.timeline-item:last-child{border-left-color:transparent}.timeline-item b{display:block}.timeline-item small{display:block;color:var(--muted);margin-top:3px}@media(max-width:900px){.learning-layout{grid-template-columns:1fr}.curriculum-panel{position:static}}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-card{display:flex;grid-template-columns:none;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#091219;text-transform:none;letter-spacing:0}.check-card input{width:auto;margin-top:3px}.check-card span{display:grid;gap:2px}.check-card small{color:var(--muted)}@media(max-width:700px){.check-grid{grid-template-columns:1fr}}