:root{--text:#475467;--text-h:#101828;--muted:#667085;--bg:#eef6f4;--surface:#ffffffeb;--soft-surface:#f8fbfa;--input-bg:#fff;--border:#d8e5e1;--accent:#056ac6;--notice:#fff8e5;--notice-border:#f2d06b;--shadow:#10182814 0 20px 40px -24px, #1018280f 0 4px 12px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/150% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{min-height:100vh}body{background:radial-gradient(circle at top left, #056ac62e, transparent 34rem), radial-gradient(circle at bottom right, #2ecc7129, transparent 30rem), var(--bg);min-width:320px;margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:800}h1{letter-spacing:-.06em;margin:0 0 14px;font-size:clamp(2rem,5vw,4rem);line-height:1}h2{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(1.4rem,3vw,2rem);line-height:1.12}h3,p{margin:0}strong{color:var(--text-h)}.loading-screen,.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.loading-screen{gap:16px}.loader{border:4px solid var(--border);border-top-color:var(--accent);border-radius:999px;width:42px;height:42px;animation:.9s linear infinite spin}.auth-card,.app-shell{width:min(1180px,100%)}.auth-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;padding:40px;display:grid}.brand-lockup{justify-items:start;gap:14px;margin-bottom:16px;display:grid}.brand-lockup img{object-fit:contain;border-radius:999px;width:96px;height:96px}.auth-forms{gap:16px;display:grid}.blocked-card{grid-template-columns:1fr;max-width:760px}.app-shell{margin:0 auto;padding:24px}.topbar,.search-panel,.workspace,.admin-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.topbar{border-radius:28px;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px;display:flex}.topbar>div:last-child{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.topbar-brand{align-items:flex-start;gap:16px;display:flex}.topbar-brand img{object-fit:contain;border-radius:999px;flex:none;width:58px;height:58px}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:800;display:inline-flex}.search-panel{border-radius:24px;margin-top:18px;padding:22px}.search-panel label{font-weight:700}.category-list{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.category-list button,.admin-tabs button,.secondary-button{color:var(--text-h);background:var(--soft-surface);border:1px solid var(--border)}.category-list button.active,.admin-tabs button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.workspace{border-radius:28px;grid-template-columns:340px minmax(0,1fr);gap:20px;margin-top:18px;padding:18px;display:grid}.course-catalog,.training-player-page{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:28px;margin-top:18px;padding:22px}.course-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:18px;display:grid}.course-card{color:var(--text);text-align:left;background:var(--soft-surface);border:1px solid var(--border);border-radius:18px;gap:10px;padding:10px;display:grid}.course-card:hover{border-color:var(--accent);transform:translateY(-2px)}.course-card strong{color:var(--text-h);padding:0 6px}.course-card>span,.course-card small{color:var(--muted);padding:0 6px 6px}.back-button{margin-bottom:16px}.training-list{flex-direction:column;gap:12px;display:flex}.section-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.training-card{text-align:left;color:var(--text);background:var(--soft-surface);border:1px solid var(--border);border-radius:18px;gap:8px;padding:10px;display:grid}.training-card.active,.training-card:hover{border-color:var(--accent);transform:translateY(-1px)}.training-card span,.detail-header span{color:var(--accent);text-transform:uppercase;font-size:.78rem;font-weight:800}.training-card strong{color:var(--text-h);font-size:1rem}.training-card small{color:var(--muted);padding:0 6px 6px}.training-card>span,.training-card>strong{padding:0 6px}.training-cover{aspect-ratio:16/9;color:#fff;background:linear-gradient(135deg, #056ac6e0, #12805ccc), var(--accent);border-radius:14px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.training-cover img{object-fit:cover;width:100%;height:100%}.training-cover span{text-align:center;padding:12px;color:#fff!important}.form-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-title-row .secondary-button{padding:9px 12px}.training-detail{min-width:0}.video-frame{min-height:330px;color:var(--muted);text-align:center;background:linear-gradient(135deg, #056ac633, #2ecc7124), var(--soft-surface);border:1px solid var(--border);border-radius:24px;place-items:center;display:grid;overflow:hidden}.video-frame iframe{border:0;width:100%;min-height:330px}.video-frame video{width:100%;max-height:520px}.video-preview-button{background:#101828;border-radius:24px;width:100%;min-height:330px;padding:0;position:relative;overflow:hidden}.video-preview-button img{object-fit:cover;width:100%;height:100%;min-height:330px;transition:transform .25s;display:block}.video-preview-button:after{content:"";background:linear-gradient(#0000,#1018286b);position:absolute;inset:0}.video-preview-button:hover img{transform:scale(1.03)}.play-badge{z-index:1;background:#056ac6f0;border:4px solid #ffffffbf;border-radius:999px;justify-content:center;align-items:center;min-width:92px;height:92px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #10182847}.play-badge:before{content:"";border-top:18px solid #0000;border-bottom:18px solid #0000;border-left:28px solid #fff;width:0;height:0;margin-left:7px}.detail-header,.steps-card,.admin-card{background:var(--soft-surface);border:1px solid var(--border);border-radius:22px;margin-top:16px;padding:22px}.detail-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.training-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.share-menu-wrapper{position:relative}.share-menu{z-index:3;background:var(--surface);border:1px solid var(--border);min-width:230px;box-shadow:var(--shadow);border-radius:16px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.share-menu button{color:var(--text-h);text-align:left;background:0 0;padding:10px 12px}.share-menu button:hover{background:var(--soft-surface)}.steps-card ol{gap:12px;margin:14px 0 0;padding-left:22px;display:grid}.steps-card li{padding-left:6px}.resource-card{background:var(--soft-surface);border:1px solid var(--border);border-radius:22px;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:22px;display:flex}.resource-card p{color:var(--muted)}.resource-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.resource-actions a{color:#fff;background:var(--accent);border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-weight:800;text-decoration:none;display:inline-flex}.resource-actions a:last-child{color:var(--text-h);background:var(--input-bg);border:1px solid var(--border)}.admin-panel{border-radius:28px;margin-top:18px;padding:24px}.admin-panel.full-page{gap:18px;display:grid}.admin-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-grid{grid-template-columns:.8fr 1.2fr;gap:18px;display:grid}.admin-tabs{flex-wrap:wrap;gap:10px;display:flex}.user-management{align-content:start;gap:16px;display:grid}.progress-panel{gap:18px;display:grid}.progress-panel p{color:var(--muted)}.progress-list{gap:10px;display:grid}.progress-row{background:var(--input-bg);border:1px solid var(--border);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.progress-row>div{gap:3px;min-width:0;display:grid}.progress-row span{color:var(--muted);overflow-wrap:anywhere}.user-list{gap:10px;display:grid}.user-row{background:var(--input-bg);border:1px solid var(--border);border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;display:grid}.user-row>div{min-width:0;display:grid}.user-row span{color:var(--muted);overflow-wrap:anywhere}.role-pill{text-transform:uppercase;background:#056ac61a;border-radius:999px;justify-self:start;padding:6px 10px;font-size:.8rem;font-weight:800;color:var(--accent)!important}.danger-button{color:#b42318;background:#fff1f0;border:1px solid #fecdca}.danger-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.upload-timeline{background:var(--input-bg);border:1px solid var(--border);border-radius:16px;gap:12px;padding:14px;display:grid}.upload-timeline>strong{display:block}.upload-progress{gap:8px;display:grid}.upload-progress>div{justify-content:space-between;gap:12px;display:flex}.upload-progress span{color:var(--accent);font-weight:800}.upload-progress progress{width:100%;height:12px;accent-color:var(--accent);overflow:hidden}.settings-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.settings-stack{gap:18px;display:grid}.settings-card p{max-width:720px;color:var(--muted)}.categories-manager{gap:18px;display:grid}.categories-manager p{color:var(--muted)}.category-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px;display:grid}.category-form label{color:var(--text-h);gap:8px;font-weight:700;display:grid}.category-admin-list{gap:10px;display:grid}.category-admin-row{background:var(--input-bg);border:1px solid var(--border);border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;display:grid}.category-admin-row>div{min-width:0;display:grid}.category-admin-row span{color:var(--muted)}.switch-button{min-width:132px;color:var(--text-h);background:var(--soft-surface);border:1px solid var(--border);justify-content:center;align-items:center;gap:10px;display:inline-flex}.switch-button span{background:#98a2b3;border-radius:999px;width:34px;height:20px;position:relative}.switch-button span:after{content:"";background:#fff;border-radius:999px;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch-button.on{color:#fff;background:#12805c;border-color:#12805c}.switch-button.on span{background:#ffffff59}.switch-button.on span:after{transform:translate(14px)}.form{gap:14px;display:grid}.form label{color:var(--text-h);gap:8px;font-weight:700;display:grid}.field-hint{color:var(--muted);font-size:.88rem;font-weight:500}input,select,textarea{box-sizing:border-box;width:100%;color:var(--text-h);background:var(--input-bg);border:1px solid var(--border);font:inherit;border-radius:14px;padding:13px 14px}textarea{resize:vertical}button{cursor:pointer;color:#fff;background:var(--accent);font:inherit;border:0;border-radius:14px;padding:12px 16px;font-weight:800;transition:transform .2s,border-color .2s,background .2s}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.feedback{color:var(--text-h);background:var(--notice);border:1px solid var(--notice-border);border-radius:16px;margin-top:16px;padding:14px 16px}.empty-state{color:var(--muted);text-align:left;background:var(--soft-surface);border:1px dashed var(--border);border-radius:18px;gap:8px;padding:18px;display:grid}.empty-state.large{text-align:center;place-content:center;min-height:420px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=920px){.auth-card,.workspace,.admin-grid,.category-form,.category-admin-row{grid-template-columns:1fr}.topbar,.admin-header,.resource-card,.topbar-brand,.settings-card{flex-direction:column}.user-row,.progress-row{grid-template-columns:1fr}}@media (width<=640px){.app-shell,.auth-page{padding:14px}.auth-card,.topbar,.search-panel,.workspace,.admin-panel{border-radius:20px;padding:18px}.video-frame,.video-frame iframe,.video-preview-button,.video-preview-button img{min-height:220px}.play-badge{min-width:72px;height:72px}.play-badge:before{border-top-width:14px;border-bottom-width:14px;border-left-width:22px}.brand-lockup img{width:82px;height:82px}}