:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#202124;background:#f7f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--background: #f7f7f5;--surface: #ffffff;--surface-muted: #f0f1ef;--text: #202124;--text-secondary: #5f6368;--border: #dfe1e1;--brand: #f4b625;--brand-hover: #d99a0b;--brand-soft: #fff3ce;--success: #287a52;--success-soft: #e5f4eb;--warning: #a55b00;--warning-soft: #fff0d8;--danger: #b42318;--danger-soft: #fdecea;--info: #3568a8;--focus: #5b5fc7;--sidebar: #202124}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 45%,transparent);outline-offset:2px}.app-shell{min-height:100vh;display:flex;background:var(--background);color:var(--text)}.app-shell[data-theme=light]{--background: #f7f7f5;--surface: #ffffff;--surface-muted: #f0f1ef;--text: #202124;--text-secondary: #5f6368;--border: #dfe1e1;--brand: #f4b625;--brand-hover: #d99a0b;--brand-soft: #fff3ce;--success: #287a52;--success-soft: #e5f4eb;--warning: #a55b00;--warning-soft: #fff0d8;--danger: #b42318;--danger-soft: #fdecea;--info: #3568a8;--focus: #5b5fc7;--sidebar: #202124}.app-shell[data-theme=dark]{--background: #181818;--surface: #242424;--surface-muted: #2d2d2d;--text: #f5f5f5;--text-secondary: #c7c7c7;--border: #414141;--brand: #ffc83d;--brand-hover: #ffd66b;--brand-soft: #493a12;--success: #67c995;--success-soft: #243b30;--warning: #f4b860;--warning-soft: #46331d;--danger: #ff8a80;--danger-soft: #472725;--info: #82b8f0;--focus: #a6a7dc;--sidebar: #111111}.sidebar{width:248px;background:var(--sidebar);color:#fff;padding:20px 14px 16px;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column}.brand-block{display:flex;align-items:center;gap:11px;padding:2px 8px 20px;border-bottom:1px solid #383a3d}.brand-block strong,.brand-block span{display:block;line-height:1.1}.brand-block strong{font-size:17px;letter-spacing:.02em}.brand-block span{font-size:13px;color:#c5c7ca;margin-top:4px}.brand-mark{width:42px;height:42px;border-radius:10px;background:var(--brand);overflow:hidden;display:grid;place-items:center;flex:0 0 auto}.brand-mark img{width:57px;height:57px;object-fit:contain;transform:translateY(4px)}.primary-nav{display:grid;gap:6px;margin-top:20px}.primary-nav button,.sidebar-bottom>button{border:0;background:transparent;color:#d7d9dc;min-height:44px;border-radius:8px;padding:0 13px;display:flex;align-items:center;gap:12px;text-align:left;transition:background .18s ease,color .18s ease}.primary-nav button:hover,.sidebar-bottom>button:hover{background:#303236;color:#fff}.primary-nav button.active{color:#fff;background:#36383c;box-shadow:inset 3px 0 var(--brand)}.sidebar-bottom{margin-top:auto;display:grid;gap:14px}.user-card{border-top:1px solid #383a3d;padding:16px 5px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.user-card strong,.user-card span{display:block}.user-card strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card span{font-size:11px;color:#aeb1b6;margin-top:3px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:#6f4b00;font-size:12px;font-weight:700;flex:0 0 auto}.avatar.small{width:34px;height:34px}.main-area{margin-left:248px;width:calc(100% - 248px);min-height:100vh}.topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20}.teams-context{color:var(--text-secondary);font-size:13px;display:flex;align-items:center;gap:8px}.context-dot{width:9px;height:9px;border-radius:50%;background:#5b5fc7;box-shadow:0 0 0 3px #e8e8fb}.topbar-actions{display:flex;align-items:center;gap:12px}.compact-select{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.compact-select select,.language-button{height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:0 10px}.compact-user-lock{min-height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:5px 10px;display:grid;align-content:center;gap:1px;min-width:170px}.compact-user-lock span{color:var(--text-secondary);font-size:11px;line-height:1}.compact-user-lock strong{color:var(--text);font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-button{display:flex;align-items:center;gap:7px;font-weight:600}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:0;border-radius:8px;background:transparent;color:inherit}.icon-button:hover{background:var(--surface-muted)}.menu-button,.sidebar-close{display:none}.page-container{max-width:1280px;margin:0 auto;padding:32px}.hero-card{min-height:265px;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;position:relative;display:flex;align-items:center;padding:44px 42px}.hero-card:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--brand-soft);right:-100px;top:-180px}.hero-copy{max-width:610px;position:relative;z-index:2}.eyebrow,.section-kicker{color:var(--warning);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:7px}h1,h2,h3,p{margin-top:0}.hero-copy h1{font-size:clamp(29px,3vw,40px);line-height:1.15;margin:14px 0 10px;letter-spacing:-.025em}.hero-copy p{color:var(--text-secondary);font-size:16px;line-height:1.55;margin-bottom:25px}.hero-character{position:absolute;z-index:2;right:18px;bottom:-62px;width:285px;height:285px;object-fit:contain}.primary-button,.secondary-button,.text-button,.back-button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:0}.primary-button{background:var(--brand);color:#202124;padding:0 18px}.primary-button:hover{background:var(--brand-hover)}.primary-button.wide{width:100%;min-height:48px}.secondary-button{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:0 14px}.secondary-button:hover{background:var(--surface-muted)}.text-button,.back-button{color:var(--text-secondary);background:transparent;padding:0}.text-button:hover,.back-button:hover{color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 36px}.stat-card{min-height:106px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:20px;display:flex;align-items:center;gap:14px}.stat-card>div{min-width:0;flex:1}.stat-card span,.stat-card strong{display:block}.stat-card span{color:var(--text-secondary);font-size:13px;margin-bottom:6px}.stat-card strong{font-size:25px;line-height:1}.stat-icon{width:42px;height:42px;border-radius:10px;display:grid!important;place-items:center;margin:0!important}.stat-icon.yellow{background:var(--brand-soft);color:#8a5a00}.stat-icon.green{background:var(--success-soft);color:var(--success)}.stat-icon.orange{background:var(--warning-soft);color:var(--warning)}.stat-icon.red{background:var(--danger-soft);color:var(--danger)}.stat-icon.blue{background:#e8f0fb;color:var(--info)}.progress-stat{display:block}.progress-stat>div{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.progress-track{height:7px;width:100%;border-radius:100px;background:var(--surface-muted);overflow:hidden}.progress-track span{height:100%;display:block;background:var(--brand);border-radius:inherit}.section-block{margin-top:32px}.section-block.compact{margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-heading h2{font-size:21px;margin:3px 0 0}.featured-course{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:24px}.course-visual{height:118px;border-radius:10px;background:#282a2e;color:var(--brand);display:grid;place-items:center;position:relative;overflow:hidden}.course-visual:before{content:"";position:absolute;width:95px;height:95px;border:18px solid #3b3e43;transform:rotate(45deg)}.course-visual svg{position:relative;z-index:2}.course-visual span,.course-card-cover span{position:absolute;right:10px;top:8px;font-size:11px;opacity:.65}.badge-row{display:flex;align-items:center;gap:10px}.badge{display:inline-flex;align-items:center;width:fit-content;padding:5px 9px;border-radius:100px;font-size:11px;font-weight:700}.badge.required{background:var(--warning-soft);color:var(--warning)}.badge.optional{background:#e8f0fb;color:var(--info)}.badge.completed,.badge.published{background:var(--success-soft);color:var(--success)}.badge.draft{background:var(--surface-muted);color:var(--text-secondary)}.badge.overdue{background:var(--danger-soft);color:var(--danger)}.muted{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:12px}.featured-content h3{font-size:19px;margin:10px 0 6px}.featured-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:15px}.course-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:12px;font-weight:700}.two-column{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;margin-top:30px}.deadline-list,.attention-list,.activity-list{display:grid}.deadline-list{background:var(--surface);border:1px solid var(--border);border-radius:10px}.deadline-list button{min-height:72px;background:transparent;border:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;text-align:left;padding:12px 16px;color:var(--text)}.deadline-list button:last-child{border-bottom:0}.deadline-list button:hover{background:var(--surface-muted)}.deadline-list strong,.deadline-list small{display:block}.deadline-list strong{font-size:14px}.deadline-list small{color:var(--text-secondary);margin-top:5px}.notification-card{margin-top:20px}.notification-list{display:grid;gap:10px}.notification-list button{border:1px solid var(--border);border-radius:12px;min-height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;background:var(--surface);color:var(--text);text-align:left}.notification-list small{display:block;color:var(--text-secondary);margin-top:3px}.employee-admin-card{display:grid;gap:18px}.employee-tools{align-items:start}.employee-add-form{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(150px,.9fr) minmax(140px,.8fr) minmax(180px,1fr) minmax(180px,1fr) auto auto;gap:10px}.employee-add-form input,.employee-add-form select,.mini-field select{min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:0 10px}.employee-directory-list{display:grid;gap:10px}.employee-admin-row{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;grid-template-columns:auto minmax(170px,1fr) minmax(110px,.55fr) minmax(170px,.85fr) minmax(170px,.85fr) auto auto auto;gap:12px;align-items:center;background:var(--surface)}.employee-admin-row.inactive{opacity:.62}.employee-main strong,.employee-main span,.mini-field span{display:block}.employee-main span,.mini-field span{color:var(--text-secondary);font-size:12px;margin-top:3px}.mini-field{display:grid;gap:5px}.active-switch{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;white-space:nowrap}.active-switch input{width:17px;height:17px;accent-color:var(--brand)}.technician-switch{min-height:40px}.icon-danger-button{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;display:inline-grid;place-items:center;color:var(--danger);background:var(--surface);cursor:pointer}.icon-danger-button:hover{border-color:var(--danger);background:var(--danger-soft)}.icon-danger-button.confirming{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.date-box{width:44px;height:46px;border-radius:8px;background:var(--warning-soft);color:var(--warning);display:grid;place-content:center;text-align:center}.date-box strong{font-size:17px;line-height:1}.date-box small{font-size:9px;margin-top:3px}.goal-card{background:#282a2e;color:#fff;border-radius:12px;padding:22px;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:14px}.goal-icon{width:46px;height:46px;border-radius:10px;background:var(--brand);color:#282a2e;display:grid;place-items:center}.goal-card span,.goal-card strong{display:block}.goal-card span{color:#c5c7ca;font-size:12px}.goal-card strong{font-size:23px;margin-top:3px}.goal-card p{grid-column:1 / -1;color:#d7d9dc;font-size:13px;line-height:1.45;margin:6px 0 2px}.goal-card .progress-track{grid-column:1 / -1;background:#43464b}.page-heading{margin:4px 0 28px}.page-heading h1{font-size:30px;letter-spacing:-.025em;margin-bottom:7px}.page-heading p{color:var(--text-secondary);margin:0}.page-heading.with-action{display:flex;justify-content:space-between;align-items:center;gap:20px}.filter-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto}.filter{min-height:40px;border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);border-radius:100px;padding:0 14px;white-space:nowrap}.filter span{margin-left:5px;color:inherit}.filter.active{border-color:var(--brand);background:var(--brand-soft);color:#704d00}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.course-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.course-card-cover{height:150px;background:#282a2e;color:var(--brand);display:grid;place-items:center;position:relative}.course-card-cover svg{width:45px;height:45px}.cover-2{background:#29313a;color:#88b9e8}.cover-3{background:#27342e;color:#79c49e}.cover-4{background:#312d3a;color:#b2a8e8}.course-card-body{padding:18px}.course-card-body h2{font-size:18px;line-height:1.35;margin:12px 0;min-height:49px}.course-meta{display:flex;flex-wrap:wrap;gap:15px;color:var(--text-secondary);font-size:12px}.course-meta span{display:flex;align-items:center;gap:6px}.course-card-body>.progress-track{margin-top:18px}.course-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:11px;font-size:12px}.course-card-footer button{border:0;background:transparent;display:flex;align-items:center;gap:4px;color:var(--text);font-weight:600}.back-button{margin-bottom:20px}.course-detail-hero{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:26px;display:grid;grid-template-columns:auto 1fr 180px;align-items:center;gap:24px}.course-detail-icon{width:105px;height:105px;display:grid;place-items:center;border-radius:12px;background:#282a2e;color:var(--brand)}.course-detail-hero h1{font-size:27px;margin:10px 0 8px}.course-detail-hero p{color:var(--text-secondary);line-height:1.5;max-width:720px}.detail-progress{border-left:1px solid var(--border);padding-left:24px}.detail-progress strong,.detail-progress>span{display:block}.detail-progress strong{font-size:31px}.detail-progress>span{font-size:12px;color:var(--text-secondary);margin:4px 0 15px}.course-detail-layout,.course-overview-layout{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-top:20px}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px}.content-card>h2{font-size:20px}.course-contents-card{padding:26px}.course-chapter-list{display:grid;gap:12px;margin-top:18px}.course-module-group{display:grid;gap:9px}.course-module-group h3{margin:8px 0 2px;color:var(--warning);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.course-chapter-list button{min-height:82px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px;text-align:left}.course-chapter-list button:hover{border-color:var(--brand);background:var(--brand-soft)}.course-chapter-list button.locked{cursor:not-allowed;opacity:.58}.course-chapter-list button.done{border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.course-chapter-list strong,.course-chapter-list small{display:block}.course-chapter-list small{color:var(--text-secondary);margin-top:5px}.chapter-number{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--surface-muted);font-weight:800;color:var(--text)}.chapter-number.done{background:var(--success-soft);color:var(--success)}.lesson-page-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}.lesson-page-nav{position:sticky;top:18px}.lesson-page-nav h3{font-size:16px;margin-bottom:14px}.compact-lesson-list{display:grid;gap:7px}.compact-lesson-list button{min-height:42px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;padding:8px;text-align:left;font-size:12px}.compact-lesson-list button.current{background:var(--brand-soft);border-color:var(--brand);font-weight:700}.compact-lesson-list button.done span{background:var(--success-soft);color:var(--success)}.compact-lesson-list button span{width:24px;height:24px;border-radius:50%;background:var(--surface-muted);display:grid;place-items:center;font-size:11px;font-weight:800}.lesson-reading-card{padding:34px;min-height:640px}.lesson-reading-header{border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:24px}.lesson-reading-header h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.03em;margin:8px 0}.lesson-reading-header p{color:var(--text-secondary);margin:0}.lesson-list{display:grid;border-top:1px solid var(--border)}.lesson-list button{border:0;border-bottom:1px solid var(--border);background:transparent;min-height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;text-align:left;color:var(--text);padding:8px 10px}.lesson-list button.current{background:var(--brand-soft)}.lesson-list button:hover{background:var(--surface-muted)}.lesson-list button.locked{cursor:not-allowed;opacity:.58}.lesson-list strong,.lesson-list small{display:block}.lesson-list strong{font-size:14px}.lesson-list small{color:var(--text-secondary);margin-top:4px}.lesson-status{width:31px;height:31px;border-radius:50%;background:var(--surface-muted);display:grid;place-items:center;font-size:12px;font-weight:700}.lesson-status.done{background:var(--success-soft);color:var(--success)}.lesson-preview{margin-top:20px;border:1px solid var(--border);border-radius:10px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;background:var(--surface-muted)}.lesson-preview-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;color:#202124;background:var(--brand)}.lesson-preview span{color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.lesson-preview h3{margin:4px 0 6px;font-size:16px}.lesson-preview p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.quiz-runner{margin-top:16px;border:1px solid var(--border);border-radius:10px;padding:18px;background:var(--surface)}.quiz-runner h3{font-size:17px;margin-bottom:14px}.lesson-workspace{margin-top:16px;border:1px solid var(--border);border-radius:16px;padding:22px;background:var(--surface)}.lesson-material{display:grid;gap:12px}.lesson-material h3{margin:10px 0 0;font-size:22px}.lesson-material h4{margin:8px 0 0;font-size:18px}.lesson-material p{margin:0;color:var(--text);line-height:1.85;font-size:16px}.lesson-bullet-list{margin:0;padding-left:22px;display:grid;gap:7px;line-height:1.7}.lesson-media-block{margin:12px 0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface-muted)}.lesson-media-block img,.lesson-media-block video{display:block;width:100%;max-height:560px;object-fit:contain;background:#111}.lesson-media-block figcaption{padding:10px 12px;color:var(--text-secondary);font-size:12px}.lesson-preview p+p{display:none}.lesson-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}.quiz-answer-list{display:grid;gap:9px}.quiz-answer-list button{min-height:48px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);display:flex;align-items:center;gap:10px;padding:9px 12px;text-align:left}.quiz-answer-list button span{width:28px;height:28px;border-radius:50%;background:var(--surface-muted);display:grid;place-items:center;font-weight:800;font-size:12px}.quiz-answer-list button.correct{border-color:var(--success);background:var(--success-soft)}.quiz-answer-list button.wrong{border-color:var(--danger);background:var(--danger-soft)}.answer-explanation{margin-top:12px;border-radius:9px;padding:12px;display:flex;gap:10px;color:var(--danger);background:var(--danger-soft)}.answer-explanation.correct{color:var(--success);background:var(--success-soft)}.answer-explanation .secondary-button{margin-left:auto;align-self:center}.answer-explanation p{margin:0;color:inherit;font-size:13px;line-height:1.45}.course-aside{display:grid;align-content:start;gap:14px}.course-aside h3{font-size:17px}.course-aside dl{margin:0}.course-aside dl div{border-top:1px solid var(--border);padding:13px 0}.course-aside dt{font-size:11px;color:var(--text-secondary);margin-bottom:5px}.course-aside dd{margin:0;font-weight:600;font-size:14px}.certificate-card{min-height:210px;background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--brand);border-radius:12px;padding:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.certificate-mark{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:#8a5a00}.certificate-card span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--warning)}.certificate-card h2{font-size:23px;margin:8px 0}.certificate-card p{color:var(--text-secondary);margin:0}.admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin:20px 0}.trend{color:var(--success);background:var(--success-soft);border-radius:100px;padding:5px 8px;font-size:12px;font-weight:700}.department-progress{margin-top:18px}.department-progress>div{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.danger-count{min-width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--danger);background:var(--danger-soft);font-weight:700}.attention-list>div,.activity-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border-top:1px solid var(--border);padding:12px 0}.attention-list strong,.attention-list small,.activity-list strong,.activity-list small{display:block}.attention-list strong,.activity-list strong{font-size:13px}.attention-list small,.activity-list small{color:var(--text-secondary);margin-top:4px;font-size:11px}.attention-list button{border:0;background:transparent;color:var(--text-secondary)}.activity-card{margin-top:20px}.activity-list b{color:var(--success);font-size:13px}.table-card{padding:0;overflow:hidden}.table-tools{min-height:72px;padding:14px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.search-field{height:42px;width:min(360px,100%);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--text-secondary)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.data-table{width:100%}.table-row{min-height:65px;display:grid;grid-template-columns:minmax(230px,1.6fr) repeat(3,minmax(110px,.8fr)) 100px;align-items:center;border-bottom:1px solid var(--border);padding:0 18px;gap:12px;font-size:13px}.table-row:last-child{border-bottom:0}.empty-table-row{grid-template-columns:1fr;color:var(--text-secondary)}.table-head{min-height:44px;color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-muted)}.course-name,.employee-cell{display:flex;align-items:center;gap:11px}.mini-course-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--brand-soft);color:#8a5a00}.editor-heading{margin-bottom:18px}.button-group{display:flex;gap:8px}.editor-layout{display:grid;grid-template-columns:1fr 260px;gap:20px}.form-card{padding:26px}.language-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px}.language-tabs button{border:0;background:transparent;min-height:43px;padding:0 13px;color:var(--text-secondary)}.language-tabs button.active{color:var(--text);font-weight:700;box-shadow:inset 0 -3px var(--brand)}.form-field{display:grid;gap:8px;margin-top:18px;color:var(--text);font-size:13px;font-weight:600}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);padding:11px 12px;font-weight:400}.form-field textarea{resize:vertical;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-description{margin:5px 0 0;color:var(--text-secondary);font-size:13px}.step-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.source-language-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:4px 0 16px;color:var(--text-secondary);font-size:13px}.source-language-row button{min-height:34px;border:1px solid var(--border);border-radius:100px;padding:0 12px;color:var(--text-secondary);background:var(--surface)}.source-language-row button.active{color:#704d00;background:var(--brand-soft);border-color:var(--brand);font-weight:700}.lesson-readiness-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:2px 0 14px}.lesson-readiness-row span{border-radius:100px;padding:6px 10px;font-size:12px;font-weight:800}.lesson-readiness-row .ready{color:var(--success);background:var(--success-soft)}.lesson-readiness-row .missing{color:var(--warning);background:var(--warning-soft)}.upload-zone{width:100%;min-height:155px;border:2px dashed var(--border);border-radius:12px;background:var(--surface-muted);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px}.upload-zone:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--text)}.upload-zone strong{color:var(--text);font-size:15px}.upload-zone span{font-size:12px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.import-status{margin-top:14px;border:1px solid var(--border);border-radius:10px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.import-status.ready{border-color:color-mix(in srgb,var(--success) 45%,var(--border));background:var(--success-soft)}.import-status.demo{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:var(--warning-soft)}.import-status.error{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:var(--danger-soft)}.import-status-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:var(--warning);background:var(--surface)}.import-status.ready .import-status-icon{color:var(--success)}.import-status.error .import-status-icon{color:var(--danger)}.import-status strong{font-size:13px}.import-status p{margin:4px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}.translation-review-card{margin-top:14px;border:1px solid color-mix(in srgb,var(--warning) 45%,var(--border));border-radius:10px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;background:var(--warning-soft);cursor:pointer}.translation-review-card input{width:19px;height:19px;accent-color:var(--brand-hover)}.translation-review-card strong,.translation-review-card small{display:block}.translation-review-card small{margin-top:4px;color:var(--text-secondary);line-height:1.45}.imported-lessons{display:grid;gap:12px;margin-top:18px}.module-editor-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-muted);padding:14px;display:grid;gap:12px}.module-editor-header{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:10px}.module-editor-header>span{color:var(--warning);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.module-editor-header input{width:100%;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);padding:10px 12px;font-weight:800}.module-lesson-list{display:grid;gap:10px}.imported-lessons article{border:1px solid var(--border);border-radius:10px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px}.module-editor-card .imported-lessons article,.module-editor-card article{background:var(--surface)}.imported-lessons article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--warning);font-size:12px;font-weight:800}.imported-lessons article>div{display:grid;gap:8px}.imported-lessons input,.imported-lessons textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);padding:9px 10px}.imported-lessons input{font-weight:700}.imported-lessons textarea{resize:vertical;line-height:1.45}.lesson-editor-grid{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(220px,1fr);gap:8px}.lesson-editor-grid.single{grid-template-columns:1fr}.lesson-editor-grid label{display:grid;gap:5px}.lesson-editor-grid small,.editor-help-text{color:var(--text-secondary);font-size:11px;font-weight:600}.lesson-format-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface-muted)}.lesson-format-toolbar button,.toolbar-file-button{min-height:32px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);padding:0 9px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer}.lesson-format-toolbar button:hover,.toolbar-file-button:hover{border-color:var(--brand);background:var(--brand-soft)}.toolbar-file-button input{display:none}.media-url-panel{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.75fr) auto auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-muted)}.media-url-panel label{display:block;margin-bottom:5px;color:var(--text-secondary);font-size:11px;font-weight:800}.media-url-panel input{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:9px 10px}.media-url-panel button{min-height:36px;border:1px solid var(--brand);border-radius:8px;background:var(--brand);color:#111827;padding:0 12px;font-size:12px;font-weight:900;cursor:pointer}.media-url-panel .ghost-button{background:transparent;color:var(--text);border-color:var(--border)}.rich-editor-shell{display:grid;gap:8px}.rich-lesson-editor{min-height:230px;max-height:620px;overflow:auto;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);padding:16px;line-height:1.65;white-space:pre-wrap}.rich-lesson-editor:empty:before{content:"Начните писать текст урока...";color:var(--text-secondary)}.rich-lesson-editor:focus{outline:3px solid color-mix(in srgb,var(--focus) 35%,transparent);outline-offset:2px}.rich-lesson-editor p,.lesson-rich-content p{margin:0 0 12px}.rich-lesson-editor h3,.lesson-rich-content h3{margin:16px 0 8px;font-size:22px}.rich-lesson-editor h4,.lesson-rich-content h4{margin:14px 0 8px;font-size:18px}.rich-lesson-editor ul,.lesson-rich-content ul{margin:0 0 12px;padding-left:22px}.rich-lesson-editor li,.lesson-rich-content li{margin:4px 0}.rich-lesson-editor img,.rich-lesson-editor video{max-width:100%;border-radius:10px}.lesson-rich-content{display:block}.danger-button{color:var(--danger)}.danger-button.confirming{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.empty-lessons{min-height:110px;border:1px solid var(--border);border-radius:10px;display:grid;place-content:center;justify-items:center;color:var(--text-secondary);text-align:center;padding:18px}.empty-lessons p{margin:8px 0 0;font-size:13px}.toggle-row{border:1px solid var(--border);border-radius:10px;padding:17px;display:flex;align-items:flex-start;gap:12px;cursor:pointer}.toggle-row input{width:20px;height:20px;accent-color:var(--brand-hover)}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{margin-top:5px;color:var(--text-secondary)}.quiz-builder{display:grid;gap:14px;margin:18px 0}.quiz-question-card{border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--surface)}.quiz-question-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-question-header>span{font-size:12px;font-weight:800;color:var(--warning);text-transform:uppercase;letter-spacing:.06em}.answer-options{display:grid;gap:8px;margin-top:14px}.answer-options label{min-height:48px;border:1px solid var(--border);border-radius:9px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px 10px}.answer-options label.correct{border-color:var(--success);background:var(--success-soft)}.answer-options input[type=radio]{width:18px;height:18px;accent-color:var(--success)}.answer-options input[type=text],.answer-options input:not([type]){width:100%;border:0;outline:0;background:transparent;color:var(--text)}.audience-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.audience-options label{border:1px solid var(--border);border-radius:10px;min-height:84px;padding:14px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;cursor:pointer}.audience-options label.selected{border-color:var(--brand);background:var(--brand-soft)}.audience-options input{accent-color:var(--brand-hover)}.audience-options strong,.audience-options small{display:block}.audience-options small{color:var(--text-secondary);margin-top:3px}.job-picker{margin-top:22px;border-top:1px solid var(--border);padding-top:18px}.compact-heading{margin-bottom:12px}.compact-heading h3{margin:0;font-size:16px}.job-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.job-options label{border:1px solid var(--border);border-radius:10px;min-height:68px;padding:12px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;cursor:pointer;background:var(--surface)}.job-options label.selected{border-color:var(--brand);background:var(--brand-soft)}.job-options input{accent-color:var(--brand-hover)}.job-options strong,.job-options small{display:block}.job-options small{color:var(--text-secondary);margin-top:3px}.manual-assignment-card{margin-top:18px;border-top:1px solid var(--border);padding-top:18px;display:grid;gap:12px}.employee-picker-list{max-height:280px;overflow:auto;display:grid;gap:8px;padding-right:4px}.employee-picker-list label{border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;cursor:pointer;background:var(--surface)}.employee-picker-list label.selected{border-color:var(--brand);background:var(--brand-soft)}.employee-picker-list input{accent-color:var(--brand-hover)}.employee-picker-list strong,.employee-picker-list small{display:block}.employee-picker-list small{color:var(--text-secondary);margin-top:3px;font-size:11px}.editor-steps{display:grid;align-content:start;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.editor-steps button{min-height:58px;background:transparent;border:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;padding:0 15px;color:var(--text-secondary)}.editor-steps button>span{width:27px;height:27px;border-radius:50%;background:var(--surface-muted);display:grid;place-items:center;font-size:11px;font-weight:700}.editor-steps button.active{color:var(--text);background:var(--brand-soft);font-weight:700}.editor-steps button.active>span{background:var(--brand);color:#202124}.report-table .table-row{grid-template-columns:minmax(210px,1.35fr) minmax(160px,1fr) repeat(3,minmax(82px,.5fr)) minmax(115px,.7fr) minmax(90px,.5fr)}.assignments-table .table-row{grid-template-columns:minmax(230px,1.5fr) minmax(130px,.8fr) minmax(160px,.9fr) minmax(100px,.7fr) minmax(110px,.7fr) 72px}.assignments-table .orphan-row{background:color-mix(in srgb,var(--danger-soft) 34%,transparent)}.course-name small{display:block;color:var(--danger);font-size:11px;margin-top:3px}.assignment-progress{display:grid;gap:7px}.assignment-progress strong{font-size:12px}.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.report-filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.report-filter-row button{min-height:34px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);padding:0 12px}.report-filter-row button.active{border-color:var(--brand);background:var(--brand-soft);color:#704d00;font-weight:700}.settings-grid{display:grid;gap:18px;max-width:860px}.setting-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.setting-card h2{font-size:19px;margin-bottom:5px}.setting-card p{margin:0;color:var(--text-secondary);font-size:14px}.setting-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--warning)}.teams-access-card{grid-template-columns:auto 1fr;align-items:start}.access-summary{margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.access-summary span:first-child{color:var(--text-secondary);font-size:13px}.teams-group-list{margin-top:16px;display:grid;gap:10px}.teams-group-row{border:1px solid var(--border);border-radius:10px;padding:12px;display:grid;gap:5px;background:var(--surface-muted)}.teams-group-row code{color:var(--brand);font-size:13px}.teams-group-row span{color:var(--text-secondary);font-size:13px}.teams-readiness-list{margin-top:16px;display:grid;gap:10px}.teams-readiness-list div{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--surface-muted);display:grid;gap:5px}.teams-readiness-list div.ready{border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.teams-readiness-list div.pending{border-color:color-mix(in srgb,var(--warning) 45%,var(--border))}.teams-readiness-list span{width:max-content;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;background:var(--brand-soft);color:#6f4b00}.teams-readiness-list div.ready span{background:var(--success-soft);color:var(--success)}.teams-readiness-list strong{font-size:14px}.teams-readiness-list small{color:var(--text-secondary);line-height:1.45}.storage-readiness-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.storage-readiness-grid div{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--surface-muted)}.storage-readiness-grid span,.storage-readiness-grid strong{display:block}.storage-readiness-grid span{color:var(--text-secondary);font-size:12px;margin-bottom:6px}.storage-readiness-grid strong{font-size:14px}.backup-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.backup-status{color:var(--text-secondary);font-size:13px;margin:10px 0 0}.theme-switch{border:1px solid var(--border);border-radius:10px;padding:4px;display:flex;gap:4px;background:var(--surface-muted)}.theme-switch button{min-height:38px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);padding:0 12px;display:inline-flex;align-items:center;gap:7px;font-weight:700}.theme-switch button.active{background:var(--brand);color:#202124}.toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:min(390px,calc(100vw - 32px));min-height:48px;border-radius:9px;padding:12px 16px;display:flex;align-items:center;gap:10px;background:#202124;color:#fff;box-shadow:0 12px 32px #0000003d;font-size:13px;font-weight:600}.user-more{color:#c5c7ca}.mobile-scrim{display:none}@media(prefers-color-scheme:dark){:root{color:#f5f5f5;background:#181818;--background: #181818;--surface: #242424;--surface-muted: #2d2d2d;--text: #f5f5f5;--text-secondary: #c7c7c7;--border: #414141;--brand: #ffc83d;--brand-hover: #ffd66b;--brand-soft: #493a12;--success: #67c995;--success-soft: #243b30;--warning: #f4b860;--warning-soft: #46331d;--danger: #ff8a80;--danger-soft: #472725;--info: #82b8f0;--focus: #a6a7dc;--sidebar: #111111}.filter.active,.avatar,.badge.required,.mini-course-icon,.certificate-mark,.stat-icon.yellow{color:#ffd66b}.stat-icon.blue{background:#233548}.context-dot{box-shadow:0 0 0 3px #36364b}}.app-shell[data-theme=dark] .filter.active,.app-shell[data-theme=dark] .avatar,.app-shell[data-theme=dark] .badge.required,.app-shell[data-theme=dark] .mini-course-icon,.app-shell[data-theme=dark] .certificate-mark{color:#ffd66b}.app-shell[data-theme=dark] .stat-icon.blue{background:#233548}.app-shell[data-theme=dark] .context-dot{box-shadow:0 0 0 3px #36364b}@media(max-width:1020px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-character{opacity:.4;right:-25px}.featured-course{grid-template-columns:110px 1fr}.featured-course>.primary-button{grid-column:2;justify-self:start}.two-column,.admin-grid{grid-template-columns:1fr}.course-detail-hero{grid-template-columns:auto 1fr}.detail-progress{grid-column:1 / -1;border-left:0;border-top:1px solid var(--border);padding:18px 0 0}.course-detail-layout,.course-overview-layout,.lesson-page-layout,.editor-layout{grid-template-columns:1fr}.lesson-page-nav{position:static}.editor-steps{grid-row:1;grid-template-columns:repeat(4,1fr)}.editor-steps button{border-bottom:0;border-right:1px solid var(--border)}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s ease;box-shadow:12px 0 30px #00000038}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:grid;margin-left:auto;color:#fff}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#0000007a}.main-area{margin-left:0;width:100%}.topbar{padding:0 16px}.menu-button{display:grid}.teams-context{display:none}.compact-select>span{display:none}.page-container{padding:22px 16px 40px}.hero-card{padding:30px 24px}.hero-character{width:220px;height:220px;opacity:.18;right:-35px}.stats-grid,.course-grid,.featured-course{grid-template-columns:1fr}.course-visual{height:145px}.featured-course>.primary-button{grid-column:auto;justify-self:stretch}.page-heading.with-action{align-items:flex-start;flex-direction:column}.page-heading.with-action>.primary-button{width:100%}.course-detail-hero{grid-template-columns:1fr}.course-detail-icon{width:100%}.course-contents-card,.lesson-reading-card{padding:20px}.media-url-panel{grid-template-columns:1fr}.course-chapter-list button{grid-template-columns:auto 1fr}.course-chapter-list button>svg{display:none}.lesson-material p{font-size:15px}.certificate-card{grid-template-columns:1fr;text-align:center}.certificate-mark{margin:auto}.data-table{overflow-x:auto}.table-row{min-width:840px}.report-table .table-row{min-width:760px}.editor-steps{grid-template-columns:1fr 1fr}.editor-steps button{border-bottom:1px solid var(--border)}.form-grid,.audience-options,.job-options,.setting-card,.employee-add-form,.employee-admin-row,.storage-readiness-grid,.report-summary-grid{grid-template-columns:1fr}.report-filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.table-tools{align-items:stretch;flex-direction:column}.search-field{width:100%}.active-switch{justify-content:flex-start}.theme-switch{width:100%}.theme-switch button{flex:1;justify-content:center}.import-status{grid-template-columns:auto 1fr}.import-status>button{grid-column:1 / -1}}@media(max-width:460px){.compact-select select{max-width:140px}.compact-user-lock{min-width:128px;max-width:150px}.topbar-actions{gap:6px}.language-button{padding:0 9px}.stats-grid{gap:10px}.stat-card{min-height:92px;padding:15px}.section-heading{align-items:flex-end}.featured-course{padding:14px}.button-group{width:100%}.button-group button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}