@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#050508;--bg-secondary:#0c0c12;--bg-tertiary:#111118;--bg-card:#0e0e16;--bg-hover:#16161f;--bg-input:#0a0a10;--glass:#ffffff08;--glass-border:#ffffff0f;--glass-hover:#ffffff0d;--border:#ffffff14;--border-focus:#00d4aa;--border-subtle:#ffffff0a;--text-primary:#f0f0f5;--text-secondary:#9494b0;--text-muted:#55556e;--accent:#00d4aa;--accent-hover:#00e8bc;--accent-dim:#00d4aa1f;--accent-glow:#00d4aa33;--accent-strong-glow:0 0 20px #00d4aa4d, 0 0 40px #00d4aa1a;--accent2:#4a7cff;--accent2-dim:#4a7cff1f;--success:#00e68a;--success-dim:#00e68a1f;--warning:#ffb800;--warning-dim:#ffb8001f;--danger:#ff4757;--danger-dim:#ff47571f;--info:#4a7cff;--info-dim:#4a7cff1f;--gradient-accent:linear-gradient(135deg, #00d4aa, #00b894);--gradient-card:linear-gradient(180deg, #ffffff08 0%, #fff0 100%);--gradient-glow:radial-gradient(ellipse at 50% 0%, #00d4aa14 0%, transparent 70%)}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover);text-shadow:0 0 8px var(--accent-dim)}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .25s}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-dim), 0 0 12px var(--accent-dim)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-secondary);color:var(--text-primary)}button{cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s}.btn-primary{background:var(--gradient-accent);color:#050508;box-shadow:0 0 15px var(--accent-dim);font-weight:700}.btn-primary:hover{box-shadow:var(--accent-strong-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--glass);color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--glass-hover);border-color:#ffffff1f}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 0 12px var(--danger-dim)}.btn-danger:hover{box-shadow:0 0 20px #ff47574d}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{color:var(--text-muted);background:0 0;border:none;align-items:center;padding:6px;display:inline-flex}.btn-icon:hover{color:var(--accent)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:12px 16px}th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-secondary);font-size:11px;font-weight:600;position:sticky;top:0}tr:hover td{background:var(--bg-hover)}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-new{background:var(--info-dim);color:#6b9fff;border:1px solid #4a7cff33}.badge-active{background:var(--success-dim);color:var(--success);border:1px solid #00e68a33}.badge-won{background:var(--success-dim);color:var(--success);border:1px solid #00e68a40}.badge-lost{background:var(--danger-dim);color:#ff6b7a;border:1px solid #ff475733}.badge-contacted{background:var(--warning-dim);color:var(--warning);border:1px solid #ffb80033}.card{background:var(--bg-card);background-image:var(--gradient-card);border:1px solid var(--border);border-radius:12px;padding:24px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:-.02em;font-size:24px;font-weight:800}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{width:100%}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);background-image:var(--gradient-card);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.stat-card:hover{border-color:#ffffff1f;box-shadow:0 4px 24px #0000004d}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:600}.stat-card .value{letter-spacing:-.02em;background:linear-gradient(#fff 0%,#a0a0b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:18px}.search-bar{gap:12px;margin-bottom:20px;display:flex}.search-bar input{flex:1}.search-bar select{width:160px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;max-height:90vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0009,0 0 40px #00d4aa0d}.modal:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-dim), transparent);height:1px;position:absolute;top:0;left:0;right:0}.modal h2{letter-spacing:-.01em;margin-bottom:20px;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.toast{background:var(--bg-card);border:1px solid var(--border);z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:14px 20px;font-size:14px;animation:.3s slideIn;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0006}.toast.success{border-left:3px solid var(--success);box-shadow:0 8px 32px #0006, 0 0 12px var(--success-dim)}.toast.error{border-left:3px solid var(--danger);box-shadow:0 8px 32px #0006, 0 0 12px var(--danger-dim)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}::selection{background:var(--accent-dim);color:var(--text-primary)}@media (width<=700px){.grid-resp-2{grid-template-columns:repeat(2,1fr)!important}.grid-resp-1{grid-template-columns:1fr!important}.stat-card .value{font-size:22px!important}.content{padding:16px 12px!important}}.training-admin{max-width:1400px;color:var(--text-primary);margin:0 auto;padding:24px}.training-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.training-header h1{margin:2px 0 6px;font-size:28px}.training-header p{color:var(--text-secondary);margin:0}.training-eyebrow{letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--accent)!important}.training-link-btn,.training-primary{background:var(--accent);color:#04130f;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:750;text-decoration:none}.training-link-btn{white-space:nowrap}.training-primary:disabled{opacity:.55;cursor:not-allowed}.training-header-actions{flex-wrap:wrap;gap:9px;display:flex}.training-secondary{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 14px;font-weight:700}.training-secondary:disabled{opacity:.55}.training-install-notice{margin-bottom:14px}.training-tabs{border-bottom:1px solid var(--border);margin-bottom:20px;display:flex;overflow-x:auto}.training-tabs button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 16px;font-weight:650}.training-tabs button.active{border-color:var(--accent);color:var(--accent)}.training-grid-2{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.training-stack{gap:16px;display:grid}.training-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:18px}.training-panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.training-panel h2{margin:0 0 4px;font-size:18px}.training-panel-heading p{color:var(--text-muted);margin:0;font-size:13px}.training-panel label{color:var(--text-secondary);gap:6px;margin:0 0 12px;font-size:12px;font-weight:650;display:grid}.training-panel input,.training-panel select,.training-panel textarea{box-sizing:border-box;background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);font:inherit;border-radius:8px;padding:10px}.training-panel textarea{resize:vertical;min-height:88px}.training-panel input:focus,.training-panel select:focus,.training-panel textarea:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}.training-fields-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.training-help{color:var(--text-muted);margin:-4px 0 14px;font-size:12px}.training-notice{border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;padding:10px 12px}.training-notice.ok{color:#70e7c9;background:#00d4aa14;border-color:#00d4aa4d}.training-notice.error{color:#fca5a5;background:#ef444414;border-color:#ef44444d}.training-empty{color:var(--text-muted);text-align:center;padding:20px}.training-warning{color:#f9c56d;background:#f59e0b17;border:1px solid #f59e0b4d;border-radius:8px;margin-bottom:12px;padding:10px 12px}.training-assignment{border-top:1px solid var(--border);padding:16px 0}.training-assignment:first-of-type{border-top:0;padding-top:0}.training-assignment-top{justify-content:space-between;gap:12px;display:flex}.training-assignment-top div{gap:3px;display:grid}.training-assignment-top span{color:var(--text-muted);font-size:13px}.training-status{color:#91adff;white-space:nowrap;background:#4a7cff1a;border:1px solid #4a7cff40;border-radius:999px;padding:4px 8px;font-weight:750;font-size:11px!important}.training-status.passed{color:#70e7c9;background:#00d4aa17;border-color:#00d4aa4d}.training-progress{background:var(--bg-primary);border-radius:999px;height:7px;margin:13px 0 8px;overflow:hidden}.training-progress span{background:var(--accent);height:100%;display:block}.training-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.training-danger-link{color:#f87171;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-size:12px}.training-danger-link:hover{text-decoration:underline}.training-lesson-list{gap:7px;display:grid}.training-lesson-list button{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:11px;display:flex}.training-lesson-list button.active{border-color:var(--accent);color:var(--text-primary)}.training-lesson-list small{color:var(--text-muted)}.training-question{border-top:1px solid var(--border);padding:14px 0}.training-question>div{align-items:flex-start;gap:9px;display:flex}.training-question p{color:var(--text-muted);margin:8px 0;font-size:12px}.training-question button,.training-actions button:not(.training-primary){border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px}.training-question button.danger{color:#f87171}.training-question-number{color:var(--accent);background:#00d4aa1a;border-radius:999px;flex:0 0 24px;justify-content:center;align-items:center;height:24px;font-size:11px;font-weight:800;display:inline-flex}.training-option-editor{align-items:center;grid-template-columns:auto 1fr!important;gap:8px!important;display:flex!important}.training-option-editor>input[type=radio]{accent-color:var(--accent);flex:none;width:auto}.training-actions{gap:8px;display:flex}.training-summary{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.training-summary>div{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;gap:5px;padding:16px;display:grid}.training-summary span{color:var(--text-muted);font-size:12px}.training-summary strong{font-size:24px}.report-heading{align-items:end}.training-search{min-width:220px;margin:0!important}.training-table-wrap{overflow-x:auto}.training-table{border-collapse:collapse;width:100%}.training-table th,.training-table td{border-bottom:1px solid var(--border);text-align:left;padding:12px 10px}.training-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.training-table td{color:var(--text-secondary);font-size:13px}.training-table td:first-child{color:var(--text-primary)}.training-table td small{color:var(--text-muted);margin-top:3px;display:block}@media (width<=900px){.training-grid-2{grid-template-columns:1fr}.training-header{flex-direction:column;align-items:stretch}.training-link-btn{align-self:flex-start}.training-summary{grid-template-columns:1fr}.report-heading{flex-direction:column;align-items:stretch}.training-search{width:100%}}@media (width<=520px){.training-admin{padding:16px 12px}.training-fields-2{grid-template-columns:1fr}.training-tabs button{padding:10px}.training-assignment-top{flex-direction:column;align-items:flex-start}}.hub-root{--bg:#f5f6fb;--surface:#fff;--border:#e7e9f3;--text:#1b2031;--muted:#6b7280;--accent:#6d5df0;--accent-d:#574bd6;--tint:#eef0ff;--ok:#0f8a4d;--ok-bg:#e9f7ef;--ok-bd:#c5e9d4;--warn:#9a6b00;--warn-bg:#fdf4e3;--warn-bd:#f0dcae;--danger:#c23b3b;--danger-bg:#fdeceb;--danger-bd:#f2c9c7;--shadow:0 1px 2px #1018280a, 0 6px 16px #1018280f;--radius:14px;background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;display:flex}.hub-side{background:var(--surface);border-right:1px solid var(--border);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:248px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.hub-brand{letter-spacing:-.01em;color:var(--text);padding:6px 10px 18px;font-size:18px;font-weight:800}.hub-nav{flex-direction:column;gap:2px;display:flex}.hub-nav .nav-section{margin-top:16px}.hub-nav .nav-section:first-child{margin-top:0}.hub-nav .nav-label{letter-spacing:.06em;color:#9aa1b2;text-transform:uppercase;padding:0 12px 6px;font-size:11px;font-weight:700}.hub-nav a{color:#4b5563;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex}.hub-nav a:hover{background:#f3f4fb}.hub-nav a.active{background:var(--tint);color:var(--accent-d)}.hub-nav .ic{text-align:center;width:20px;font-size:16px}.training-nav-toggle{color:#4b5563;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:14.5px;font-weight:600;display:flex}.training-nav-toggle:hover{background:#f3f4fb}.training-nav-toggle.active{background:var(--tint);color:var(--accent-d)}.training-nav-toggle:focus-visible,.training-nav-dropdown a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.training-nav-chevron{margin-left:auto;font-size:12px}.training-nav-dropdown{border-left:1px solid var(--border);max-height:calc(100vh - 300px);margin:5px 0 0 21px;padding-left:8px;overflow-y:auto}.hub-nav .training-nav-dropdown a{border-radius:7px;gap:8px;padding:7px 9px;font-size:12.5px;line-height:1.3}.hub-nav .training-nav-overview{font-weight:700}.training-nav-course{border-top:1px solid var(--border);margin-top:5px;padding-top:5px}.hub-nav .training-nav-course-link{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.hub-nav .training-nav-module{align-items:flex-start;font-weight:600}.training-nav-state{color:#9aa1b2;flex:0 0 15px;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.training-nav-state.passed{color:var(--ok);font-weight:900}.training-nav-status{color:var(--muted);padding:8px 9px;font-size:12px;line-height:1.4;display:block}.hub-userbox{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.hub-userbox .who{color:var(--muted);word-break:break-all;margin-bottom:10px;font-size:13px}.hub-main{flex-direction:column;flex:1;min-width:0;display:flex}.hub-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.hub-topbar .title{color:var(--text);font-size:15px;font-weight:700}.hub-container{box-sizing:border-box;width:100%;max-width:880px;margin:0 auto;padding:28px 24px 48px}.hub-h1{letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:800}.hub-sub{color:var(--muted);margin:0 0 20px;font-size:14.5px}.hub-h3{margin:0 0 10px;font-size:16px;font-weight:700}.hub-muted{color:var(--muted)}.hub-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:20px}.hub-card.pad-sm{padding:14px 16px}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.hub-tile{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:block}.hub-tile:hover{border-color:#d7daee;transform:translateY(-2px);box-shadow:0 8px 22px #1018281a}.hub-tile .ico{font-size:22px}.hub-tile .t{margin:8px 0 4px;font-weight:700}.hub-tile .d{color:var(--muted);font-size:13.5px;line-height:1.5}.hub-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .12s,opacity .12s}.hub-btn:disabled{cursor:default;opacity:.6}.hub-btn-primary{background:var(--accent);color:#fff}.hub-btn-primary:hover:not(:disabled){background:var(--accent-d)}.hub-btn-ghost{background:var(--surface);color:#4b5563;border:1px solid var(--border)}.hub-btn-ghost:hover:not(:disabled){background:#f3f4fb}.hub-input,.hub-textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:14px}.hub-input::placeholder,.hub-textarea::placeholder{color:#9aa1b2}.hub-input:focus,.hub-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint);outline:none}.hub-textarea{resize:vertical;min-height:74px}.hub-chip{border:1px solid var(--border);background:var(--surface);color:#4b5563;cursor:pointer;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:13.5px;font-weight:600}.hub-chip:hover{background:#f3f4fb}.hub-chip.active{background:var(--tint);color:var(--accent-d);border-color:#0000}.hub-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.hub-badge-ok{background:var(--ok-bg);color:var(--ok)}.hub-badge-warn{background:var(--warn-bg);color:var(--warn)}.hub-badge-accent{background:var(--tint);color:var(--accent-d)}.hub-banner{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);margin-bottom:14px;padding:14px 16px;font-size:14px}.hub-banner-ok{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok)}.hub-banner-warn{background:var(--warn-bg);border-color:var(--warn-bd);color:var(--warn)}.hub-banner-danger{background:var(--danger-bg);border-color:var(--danger-bd);color:var(--danger)}.hub-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:11px 0;font-size:14.5px;display:flex}.hub-row:last-of-type{border-bottom:none}.hub-row .k{color:var(--muted)}.hub-post-meta{color:#8a92a6;margin-bottom:6px;font-size:12.5px}.hub-post-body{white-space:pre-wrap;line-height:1.55}.hub-react{background:var(--surface);color:#4b5563;border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:13px;font-weight:600}.hub-react:hover{background:#f3f4fb}.hub-auth{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.hub-auth-card{background:var(--surface);border:1px solid var(--border);width:360px;max-width:100%;box-shadow:var(--shadow);box-sizing:border-box;border-radius:16px;padding:30px}.hub-link{color:var(--accent-d);font-weight:600;text-decoration:none}.hub-link:hover{text-decoration:underline}@media (width<=760px){.hub-root{flex-direction:column}.hub-side{z-index:10;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:6px;width:auto;height:auto;padding:10px 14px;position:sticky;top:0;overflow-x:auto}.hub-brand{white-space:nowrap;padding:0 10px 0 4px}.hub-nav{flex-direction:row;gap:2px}.hub-nav .nav-section{display:contents}.hub-nav .nav-label{display:none}.hub-nav a{white-space:nowrap;padding:8px 10px}.hub-nav .label{display:none}.hub-nav .ic{width:auto}.hub-nav .training-nav-section{margin:0;display:block;position:static}.training-nav-toggle{width:auto;padding:8px 10px}.training-nav-chevron{margin-left:2px}.training-nav-dropdown{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:20;border-radius:12px;max-height:calc(100vh - 84px);margin:0;padding:8px;position:fixed;top:58px;left:12px;right:12px;overflow-y:auto}.hub-nav .training-nav-dropdown a{white-space:normal}.hub-nav .training-nav-course-link{display:flex}.hub-userbox{border-top:none;align-items:center;gap:8px;margin:0 0 0 auto;padding-top:0;display:flex}.hub-userbox .who{display:none}.hub-container{padding:20px 16px 40px}}.learner-training{gap:18px;max-width:980px;margin:0 auto;display:grid}.learner-heading{border-left:4px solid var(--accent);background:#12243a;border-radius:10px;padding:24px}.learner-heading p,.learner-course-heading p,.learner-lesson-heading p,.learner-quiz header p{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}.learner-heading h1,.learner-course-heading h1,.learner-lesson-heading h1{margin:0 0 8px;font-size:28px}.learner-heading span,.learner-course-heading span,.learner-lesson-heading span,.learner-quiz header span{color:var(--text-muted)}.learner-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.learner-course{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto 1fr;gap:14px;padding:18px;display:grid}.learner-course-icon{background:#eef7f4;border-radius:9px;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex}.learner-course-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.learner-course-top>span{color:var(--accent-d);text-transform:uppercase;font-size:11px;font-weight:800}.learner-course-top small{color:var(--muted)}.learner-course h2{margin:7px 0 5px;font-size:18px}.learner-course p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.learner-progress{background:#e7ecf0;border-radius:999px;height:7px;overflow:hidden}.learner-progress span{background:var(--accent);height:100%;display:block}.learner-course>.learner-progress,.learner-course-footer{grid-column:1/-1}.learner-course-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.learner-course-footer>span{color:var(--muted);font-size:12px}.learner-course-footer .hub-btn{text-decoration:none}.learner-empty{text-align:center;gap:6px;padding:28px;display:grid}.learner-empty span{color:var(--muted)}.learner-alert{border-radius:8px;padding:12px 14px}.learner-alert.error{color:#b91c1c;background:#fff1f1;border:1px solid #fecaca}.learner-alert.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.learner-back{color:var(--accent-d);font-size:13px;font-weight:700;text-decoration:none}.learner-back:hover{text-decoration:underline}.learner-course-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.learner-course-heading>div:first-child{max-width:680px}.learner-score-rule{background:var(--surface);border:1px solid var(--border);border-radius:9px;min-width:150px;padding:12px;display:grid}.learner-score-rule strong{color:var(--accent-d);font-size:24px}.learner-score-rule span{font-size:11px}.learner-progress-card{gap:12px;display:grid}.learner-progress-card>div:first-child{justify-content:space-between;gap:12px;display:flex}.learner-progress-card span{color:var(--muted);font-size:13px}.learner-lessons{gap:8px;display:grid}.learner-lesson-row{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:9px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:14px;text-decoration:none;display:grid}.learner-lesson-row:hover{border-color:var(--accent)}.learner-lesson-number{color:var(--muted);background:#edf1f5;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex}.learner-lesson-number.passed{background:var(--ok-bg);color:var(--ok)}.learner-lesson-name{gap:3px;display:grid}.learner-lesson-name small{color:var(--muted)}.learner-result{color:var(--muted);background:#f2f4f7;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750}.learner-result.passed{background:var(--ok-bg);color:var(--ok)}.learner-lesson-heading{margin-top:4px}.learner-lesson-content{gap:14px;display:grid}.learner-lesson-content .hub-btn{justify-self:start;text-decoration:none}.learner-resource{color:var(--accent-d);font-size:13px}.learner-body{white-space:pre-wrap;font-size:15px;line-height:1.75}.learner-walkthrough{border-top:1px solid var(--border);gap:14px;margin-top:8px;padding-top:20px;display:grid}.learner-walkthrough header p{color:var(--accent-d);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}.learner-walkthrough h2{margin:0;font-size:20px}.learner-walkthrough ol{gap:18px;margin:0;padding:0;list-style:none;display:grid}.learner-walkthrough figure{border:1px solid var(--border);background:#f7f9fa;border-radius:10px;margin:0;overflow:hidden}.learner-walkthrough a{display:block}.learner-walkthrough img,.learner-walkthrough video{object-fit:contain;background:#e7ecf0;width:100%;height:auto;max-height:580px;display:block}.learner-walkthrough a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.learner-walkthrough figcaption{color:var(--text);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.learner-walkthrough figcaption span{background:var(--accent);color:#fff;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 7px;font-size:10px;font-weight:800}.learner-quiz{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.learner-quiz header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.learner-quiz h2{margin:0 0 5px}.learner-quiz fieldset{border:0;border-bottom:1px solid var(--border);margin:0 0 20px;padding:0 0 20px}.learner-quiz legend{align-items:flex-start;gap:10px;margin-bottom:12px;font-size:15px;font-weight:750;display:flex}.learner-quiz legend>span{color:var(--muted);background:#edf1f5;border-radius:999px;flex:0 0 25px;justify-content:center;align-items:center;height:25px;font-size:11px;display:flex}.learner-quiz fieldset>label{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin:8px 0;padding:11px 12px;display:flex}.learner-quiz fieldset>label.selected{border-color:var(--accent);color:#124c42;background:#edf9f6}.learner-quiz input{accent-color:var(--accent)}.learner-submit{padding:11px 16px;font-size:14px}.learner-submit:disabled{cursor:not-allowed;opacity:.5}.learner-result-banner{border-radius:10px;padding:16px 18px}.learner-result-banner.passed{background:var(--ok-bg);color:#145a4b;border:1px solid #b7ebdc}.learner-result-banner.failed{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.learner-result-banner>div{justify-content:space-between;align-items:center;display:flex}.learner-result-banner span{font-weight:750}.learner-result-banner strong{font-size:30px}.learner-result-banner p{margin:6px 0 0}.learner-attempts h2{margin:0 0 10px;font-size:16px}.learner-attempts>div{border-top:1px solid var(--border);justify-content:space-between;padding:10px 0;display:flex}.learner-attempts span{color:var(--muted);font-size:12px}.learner-attempts strong{color:#b45309;font-size:12px}.learner-attempts strong.passed{color:var(--ok)}@media (width<=760px){.learner-course-grid{grid-template-columns:1fr}.learner-course-heading{flex-direction:column;align-items:stretch}.learner-score-rule{min-width:0}.learner-lesson-row{grid-template-columns:auto 1fr auto}.learner-result{grid-column:2}.learner-lesson-row>span:last-child{grid-area:1/3/3}.learner-progress-card>div:first-child{flex-direction:column}}@media (width<=440px){.learner-heading{padding:18px}.learner-heading h1,.learner-course-heading h1,.learner-lesson-heading h1{font-size:23px}.learner-course{grid-template-columns:1fr}.learner-course-icon{display:none}.learner-course-footer{flex-direction:column;align-items:stretch}.learner-course-footer .hub-btn{text-align:center}.learner-quiz{padding:16px}.learner-attempts>div{gap:4px;display:grid}}