:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-surface-variant:#eef1f6;--color-text:#0b1220;--color-text-secondary:#5b6472;--color-border:#dde3ee;--color-primary:#2f6bff;--color-primary-strong:#1557f3;--color-primary-soft:#eef3ff;--color-accent:#00c2ff;--color-purple:#6846f6;--color-purple-soft:#f2ecff;--color-purple-stroke:#d9c8ff;--color-success:#19b37a;--color-success-soft:#e7f8ee;--color-warning:#f4b400;--color-warning-soft:#fff7de;--color-error:#e53935;--color-error-soft:#ffeceb;--color-icon-soft:#f3f0ff;--radius-card:20px;--radius-input:16px;--radius-button:16px;--radius-chip:999px;--radius-nav:28px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--shadow-card:0 10px 28px #0b122014, 0 2px 6px #0b12200d;--shadow-soft:0 8px 20px #2f6bff1f;--shadow-nav:0 -8px 28px #0b122017;--bottom-nav-height:80px;--sidebar-width:276px;--content-max-width:1180px;--mobile-padding:16px;--desktop-padding:32px;--font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-caption:12px;--text-body:16px;--text-subtitle:16px;--text-title:20px;--text-display:28px;--line-compact:1.18;--line-body:1.45;--motion-fast:.16s ease;--motion-standard:.22s ease}*{box-sizing:border-box}html{background:var(--color-bg);min-width:0;overflow-x:clip}body{min-width:0;min-height:100vh;font-family:var(--font-family);font-size:var(--text-body);line-height:var(--line-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:clip}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:var(--text-display);font-weight:650;line-height:var(--line-compact)}h2{font-size:var(--text-title);font-weight:650;line-height:var(--line-compact)}h3{font-size:var(--text-subtitle);font-weight:650;line-height:var(--line-compact)}p{color:var(--color-text-secondary)}#root{min-width:0;min-height:100vh}.mobile-only{display:none!important}.desktop-only{display:inline-flex!important}.button{border-radius:var(--radius-button);max-width:100%;min-height:44px;transition:transform var(--motion-fast), box-shadow var(--motion-fast), background var(--motion-fast);white-space:normal;border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:650;line-height:1.15;display:inline-flex}.button:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}button:disabled{cursor:not-allowed}.button--primary{color:#fff;background:var(--color-primary);box-shadow:var(--shadow-soft)}.button--primary:hover{background:var(--color-primary-strong)}.button--secondary{color:var(--color-primary);background:var(--color-primary-soft)}.button--ghost{color:var(--color-primary);background:0 0}.button--danger{color:#fff;background:var(--color-error);box-shadow:var(--shadow-soft)}.button--danger:hover{background:#c43838}.icon-button,.icon-text-button{border:1px solid var(--color-border);border-radius:var(--radius-button);min-width:44px;min-height:44px;color:var(--color-text);background:var(--color-surface);transition:background var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast);justify-content:center;align-items:center;display:inline-flex}.icon-button:hover,.icon-text-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.icon-text-button{gap:8px;max-width:100%;padding:0 14px;font-size:14px;font-weight:650}.status-chip{border-radius:var(--radius-chip);white-space:nowrap;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:650;line-height:1;display:inline-flex}.status-chip--blue{color:var(--color-primary);background:var(--color-primary-soft)}.status-chip--green{color:var(--color-success);background:var(--color-success-soft)}.status-chip--red{color:var(--color-error);background:var(--color-error-soft)}.status-chip--yellow{color:#997000;background:var(--color-warning-soft)}.status-chip--purple{color:var(--color-purple);background:var(--color-purple-soft)}.status-chip--gray{color:var(--color-text-secondary);background:var(--color-surface-variant)}.app-shell{background:var(--color-bg);min-width:0;min-height:100dvh}.sidebar{z-index:20;width:var(--sidebar-width);border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;flex-direction:column;gap:24px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__brand{align-items:center;gap:12px;padding:8px 10px 18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.sidebar__brand strong{font-size:20px;line-height:1.1;display:block}.sidebar__brand span,.sidebar__section>span{color:var(--color-text-secondary);font-size:12px;font-weight:650}.sidebar__nav{gap:6px;display:grid}.sidebar__link{min-height:48px;color:var(--color-text-secondary);border-radius:16px;align-items:center;gap:12px;padding:0 14px;font-size:15px;font-weight:650;display:flex}.sidebar__link:hover,.sidebar__link.is-active{color:var(--color-primary);background:var(--color-primary-soft)}.sidebar__section{gap:10px;display:grid}.app-shell__main{min-width:0;min-height:100dvh;padding-left:var(--sidebar-width)}.topbar{z-index:10;min-height:78px;padding:14px var(--desktop-padding);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f8fae0;border-bottom:1px solid #dde3eec7;justify-content:space-between;align-items:center;gap:18px;display:flex;position:sticky;top:0}.topbar>div{min-width:0}.topbar__eyebrow{color:var(--color-text-secondary);margin-bottom:3px;font-size:12px;font-weight:650;display:block}.topbar__actions{align-items:center;gap:10px;display:flex}.content-shell{width:min(100%, var(--content-max-width));min-width:0;padding:28px var(--desktop-padding) 48px;margin:0 auto}.bottom-nav,.mobile-session-badge{display:none}.page-stack{gap:18px;display:grid}.section-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-header>div{min-width:0}.section-header p{max-width:680px;margin-top:6px}.section-header__action{flex-shrink:0}.tabs{background:var(--color-surface);max-width:100%;box-shadow:0 1px 0 var(--color-border);scrollbar-width:none;border-radius:18px;gap:6px;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs__item{min-height:40px;color:var(--color-text-secondary);background:0 0;border:0;border-radius:14px;flex:none;padding:0 16px;font-size:14px;font-weight:650}.tabs__item.is-active{color:var(--color-primary);background:var(--color-primary-soft)}.tabs--compact{box-shadow:none;background:0 0;padding:0}.tabs--compact .tabs__item{border:1px solid var(--color-purple-stroke);color:var(--color-purple);background:var(--color-surface)}.tabs--compact .tabs__item.is-active{border-color:var(--color-purple-soft);background:var(--color-purple-soft)}.search-field{border:1px solid var(--color-border);border-radius:var(--radius-input);min-height:58px;color:var(--color-text-secondary);background:var(--color-surface);align-items:center;gap:12px;padding:0 16px;display:flex}.search-field input{width:100%;color:var(--color-text);background:0 0;border:0;outline:0}.select-field{min-width:min(220px,100%);color:var(--color-text-secondary);gap:6px;font-size:12px;font-weight:650;display:grid}.select-field select{border:1px solid var(--color-border);min-height:46px;color:var(--color-text);background:var(--color-surface);border-radius:14px;padding:0 14px}.state-view{border-radius:var(--radius-card);min-height:220px;color:var(--color-text-secondary);text-align:center;background:var(--color-surface);box-shadow:var(--shadow-card);place-items:center;gap:10px;padding:24px;display:grid}.state-view strong{color:var(--color-text)}.state-view__icon{color:var(--color-primary)}.state-view__icon--spin{animation:1.1s linear infinite spin}.state-view--error .state-view__icon{color:var(--color-error)}.state-view--empty .state-view__icon{color:var(--color-purple)}.role-switch{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;padding:4px;display:inline-flex}.role-switch button{min-height:36px;color:var(--color-text-secondary);background:0 0;border:0;border-radius:12px;padding:0 12px;font-size:12px;font-weight:700}.role-switch button.is-active{color:var(--color-primary);background:var(--color-primary-soft)}.fab{right:22px;bottom:calc(var(--bottom-nav-height) + 18px);z-index:15;color:#fff;background:var(--color-primary);width:58px;height:58px;box-shadow:var(--shadow-soft);border:0;border-radius:20px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:fixed}.fab svg{flex:none;display:block}.auth-page{background:var(--color-bg);place-items:center;min-height:100vh;padding:28px 16px;display:grid}.auth-panel{gap:22px;width:min(100%,480px);min-width:0;display:grid}.auth-logo{color:#fff;justify-self:center;place-items:center;width:128px;height:128px;display:grid}.auth-logo div{background:var(--color-primary);width:104px;height:104px}.auth-logo span{background:var(--color-accent);width:58px;height:58px;position:absolute}.auth-panel>h1{text-align:center}.auth-panel>p{text-align:left;font-size:22px}.auth-section{gap:12px;display:grid}.auth-section h2{color:var(--color-text-secondary)}.auth-choice-card{min-height:122px;color:var(--color-text);text-align:left;background:var(--color-surface);box-shadow:var(--shadow-card);border:0;border-radius:24px;grid-template-columns:68px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:18px 20px;display:grid}.auth-choice-card>svg:first-child{color:var(--color-primary)}.auth-choice-card strong,.auth-choice-card small{display:block}.auth-choice-card span{min-width:0}.auth-choice-card strong{overflow-wrap:anywhere;font-size:24px;line-height:1.14}.auth-choice-card small{color:var(--color-text-secondary);overflow-wrap:anywhere;margin-top:6px;font-size:15px;font-weight:600;line-height:1.3}.auth-inn-field{color:var(--color-text-secondary);gap:6px;font-size:13px;font-weight:650;display:grid}.auth-inn-field input{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;min-height:50px;padding:0 16px}.auth-form{gap:14px;display:grid}.auth-form h2{margin:0}.auth-back{width:fit-content}.auth-success{color:var(--color-success);background:var(--color-success-soft);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex}.auth-success strong,.auth-success span{display:block}.auth-success span{color:var(--color-text-secondary);font-size:13px}.task-list,.employee-list,.material-block-list{gap:12px;min-width:0;display:grid}.task-card,.employee-card,.profile-card,.material-card,.test-card,.question-card,.settings-card,.stat-summary-card,.profile-side,.settings-side,.employee-detail,.chart-card{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);border:1px solid #dde3eeb8}.task-card{padding:16px}.task-card--done{box-shadow:inset 4px 0 0 var(--color-success), var(--shadow-card);border-color:#19b37a73}.task-card__main{grid-template-columns:28px minmax(0,1fr) auto;align-items:flex-start;gap:10px;display:grid}.task-card__icon{color:var(--color-text-secondary)}.task-card__icon.success{color:var(--color-success)}.task-card h3,.employee-card h3,.material-card h3,.test-card h3{overflow-wrap:anywhere}.task-card p{margin-top:5px;font-size:14px}.task-card__meta{color:var(--color-text-secondary);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:12px;font-weight:650;display:flex}.task-card__meta span{align-items:center;gap:5px;display:inline-flex}.materials-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px;min-width:0;display:grid}.material-card{transition:transform var(--motion-fast), box-shadow var(--motion-fast);display:grid;overflow:hidden}.material-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0b12201a}.material-card__media{aspect-ratio:1.35;color:#20242d;background:var(--color-surface-variant);place-items:center;display:grid}.material-card__media--image{color:var(--color-purple);background:var(--color-purple-soft)}.material-card__media--video{color:var(--color-error);background:var(--color-error-soft)}.material-card__media--file{color:var(--color-primary);background:var(--color-primary-soft)}.material-card__body{gap:8px;padding:16px;display:grid}.material-card p{min-height:42px;font-size:14px}.material-card__meta{min-width:0;color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:650;display:flex}.back-link{width:max-content;min-height:40px;color:var(--color-primary);align-items:center;gap:8px;font-weight:650;display:inline-flex}.detail-meta-row{flex-wrap:wrap;gap:8px;display:flex}.material-block{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);align-items:center;gap:12px;padding:16px;display:flex}.material-block--text{display:block}.material-block--text p{color:var(--color-text)}.material-block__icon{width:48px;height:48px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:16px;flex:0 0 48px;place-items:center;display:grid}.material-block span{color:var(--color-text-secondary);margin-top:2px;font-size:13px;display:block}.ai-page{grid-template-rows:auto minmax(420px,1fr);gap:18px;min-height:calc(100vh - 154px);display:grid}.ai-context-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ai-context-row p{margin-top:6px}.chat-panel{background:var(--color-surface-variant);border-radius:28px;grid-template-rows:minmax(0,1fr) auto;min-height:clamp(420px,100vh - 260px,560px);display:grid;overflow:hidden}.chat-feed{align-content:end;gap:14px;padding:18px;display:grid;overflow-y:auto}.chat-message{align-items:flex-end;gap:8px;display:flex}.chat-message--user{justify-content:flex-end}.chat-message__avatar{color:#fff;background:var(--color-primary);border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.chat-message__bubble{overflow-wrap:anywhere;background:var(--color-surface);border-radius:20px;max-width:min(72%,620px);padding:14px 16px;box-shadow:0 2px 10px #0b12200d}.chat-message--user .chat-message__bubble{color:#fff;background:var(--color-primary)}.chat-message__bubble p{color:inherit}.chat-message__sources{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.ai-input-dock{border:1px solid var(--color-border);background:var(--color-surface);border-radius:28px;grid-template-columns:minmax(0,1fr) 48px 56px;align-items:center;gap:8px;margin:0 16px 16px;padding:10px;display:grid}.ai-voice-notice{color:var(--color-text-secondary);grid-column:1/-1;padding:0 8px 2px;font-size:12px;line-height:1.3}.ai-input-dock input{min-width:0;min-height:48px;color:var(--color-text);background:0 0;border:0;outline:0;padding:0 8px;font-size:16px}.ai-input-dock__action,.ai-input-dock__send{border:0;place-items:center;display:grid}.ai-input-dock__action{width:48px;height:48px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:17px}.ai-input-dock__send{color:#fff;background:var(--color-primary);border-radius:20px;width:56px;height:56px}.tests-grid{gap:12px;display:grid}.test-card{grid-template-columns:6px minmax(0,1fr);display:grid;overflow:hidden}.test-card__strip{background:var(--color-primary)}.test-card__body{gap:10px;padding:16px;display:grid}.test-card__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.test-card__stats{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px;font-size:13px;font-weight:650;display:flex}.test-card small{color:var(--color-text-secondary);font-weight:650}.question-bank{gap:12px;display:grid}.admin-test-actions{flex-wrap:wrap;gap:10px;display:flex}.question-card{gap:6px;padding:16px;display:grid}.question-card span{color:var(--color-text-secondary);font-size:13px}.tests-page{padding-bottom:calc(var(--bottom-nav-height,0px) + 28px)}.tests-form{gap:14px;display:grid}.bank-position-filter{max-width:320px}.question-count-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.delivery-scope-tabs,.weekday-picker{flex-wrap:wrap;gap:8px;display:flex}.delivery-scope-tabs button,.weekday-picker button{border:1px solid var(--color-border);background:var(--color-surface);min-height:38px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:750;display:inline-flex}.delivery-scope-tabs button span{color:var(--color-text-secondary);font-size:11px;font-weight:650}.delivery-scope-tabs button.is-active,.weekday-picker button.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.rule-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:16px 18px;display:grid;position:relative}.rule-toggle:hover{border-color:var(--color-primary)}.rule-toggle:focus-within{border-color:var(--color-primary);outline:3px solid var(--color-primary-soft)}.rule-toggle__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.rule-toggle__copy{gap:5px;min-width:0;display:grid}.rule-toggle__copy strong{color:var(--color-text);font-size:14px}.rule-toggle__status{min-width:0;color:var(--color-text-secondary);align-items:center;gap:7px;font-size:12px;display:inline-flex}.rule-toggle__status-dot{background:var(--color-text-secondary);border-radius:50%;flex:none;width:7px;height:7px}.rule-toggle__switch{background:var(--color-border);border-radius:999px;flex:none;align-items:center;width:46px;height:26px;padding:3px;transition:background-color .16s;display:flex}.rule-toggle__thumb{background:var(--color-surface);border-radius:50%;width:20px;height:20px;transition:transform .16s;box-shadow:0 1px 3px #1620332e}.rule-toggle.is-enabled .rule-toggle__status-dot{background:var(--color-success)}.rule-toggle.is-enabled .rule-toggle__switch{background:var(--color-primary)}.rule-toggle.is-enabled .rule-toggle__thumb{transform:translate(20px)}.question-picker{gap:8px;display:grid}.question-picker__item{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:10px 12px;display:grid}.question-picker__item input{margin-top:3px}.question-picker__item span{overflow-wrap:anywhere;min-width:0}.test-option-preview{flex-wrap:wrap;gap:6px;display:flex}@media (width<=720px){.question-count-grid{grid-template-columns:1fr}.delivery-scope-tabs{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.delivery-scope-tabs button{flex:none}}.auth-success--inline{flex-direction:row;justify-content:flex-start;padding:12px 14px}.settings-card{gap:16px;padding:18px;display:grid}.settings-card__head{align-items:center;gap:12px;display:flex}.settings-card__icon{width:48px;height:48px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:16px;place-items:center;display:grid}.settings-fields{border-top:1px solid var(--color-border);display:grid}.settings-field-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(120px,150px) minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;display:grid}.settings-field-row span{color:var(--color-text-secondary);font-size:14px}.settings-field-row strong{overflow-wrap:anywhere}.settings-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;display:flex}.positions-card{gap:18px}.positions-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.positions-list{gap:10px;display:grid}.position-row{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;padding:12px 0;display:grid}.position-row>div{gap:3px;min-width:0;display:grid}.position-row span{color:var(--color-text-secondary);font-size:13px}.settings-layout,.profile-layout,.employees-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.settings-main,.profile-main,.employees-main{gap:18px;min-width:0;display:grid}.settings-side,.profile-side,.employee-detail{gap:14px;padding:18px;display:grid}.settings-side strong{font-size:28px}.account-layout{grid-template-columns:minmax(0,1fr)}.settings-side__mail{color:var(--color-text-secondary);overflow-wrap:anywhere;align-items:center;gap:8px;font-size:13px;display:flex}.account-card{gap:18px}.account-logo{width:64px;height:64px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:20px;place-items:center;display:grid;overflow:hidden}.account-logo img,.profile-avatar img{object-fit:cover;width:100%;height:100%}.account-help-card strong{font-size:inherit}.account-embedded{gap:18px;display:grid}.visually-hidden-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.profile-card{grid-template-columns:64px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:16px;display:grid}.profile-card>div:not(.profile-avatar){min-width:0}.profile-card--clickable{transition:border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast)}.profile-card--clickable:hover,.profile-card--clickable:focus-visible{border-color:#2f6bff6b;outline:0;transform:translateY(-1px);box-shadow:0 16px 36px #2f6bff1f}.profile-card--desktop-hero{grid-template-columns:76px minmax(0,1fr) 28px;min-height:138px;padding:24px}.profile-card--desktop-hero .profile-avatar{border-radius:24px;width:76px;height:76px}.profile-card__label{color:var(--color-text-secondary);margin-bottom:5px;font-size:13px;font-weight:700;display:block}.profile-avatar,.employee-card__avatar,.employee-detail__avatar,.menu-row__icon{color:var(--color-primary);background:var(--color-primary-soft);place-items:center;display:grid}.profile-avatar{border-radius:20px;width:64px;height:64px}.profile-card p{margin-top:4px}.profile-card__chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.profile-card__arrow{color:var(--color-text-secondary)}.profile-desktop-profile{gap:18px;display:grid}.profile-mobile-profile{display:none}.profile-desktop-grid,.notifications-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.broadcast-list{gap:12px;display:grid}.broadcast-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:14px;padding:18px;display:grid}.broadcast-card h3{margin:0 0 8px}.broadcast-card p{color:var(--color-text-secondary);margin:0 0 10px}.broadcast-card span{color:var(--color-text-secondary);font-size:13px}.profile-desktop-grid--single{grid-template-columns:minmax(0,1fr)}.profile-quick-grid{gap:10px;display:grid}.employee-profile-card{gap:18px}.employee-profile-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.employee-profile-meta div{background:#f7f9fcc7;border:1px solid #dde3eeb8;border-radius:18px;gap:4px;padding:14px;display:grid}.employee-profile-meta span{color:var(--color-text-secondary);font-size:13px;font-weight:700}.employee-profile-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.employee-profile-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.menu-list{gap:10px;display:grid}.menu-row{border-radius:var(--radius-card);min-height:64px;color:var(--color-text);text-align:left;background:var(--color-surface);box-shadow:var(--shadow-card);border:1px solid #dde3eeb8;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px;display:grid}.menu-row strong{overflow-wrap:anywhere;min-width:0}.menu-row__icon{border-radius:15px;width:44px;height:44px}.menu-row__badge{color:#fff;background:var(--color-error);border-radius:12px;place-items:center;min-width:24px;height:24px;font-size:13px;font-weight:700;display:grid}.profile-side__stats{grid-template-columns:1fr auto;gap:8px 14px;display:grid}.profile-side__stats span{color:var(--color-text-secondary)}.modal-backdrop{z-index:120;background:#0b12206b;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:24px;gap:16px;width:min(100%,460px);max-height:calc(100vh - 48px);padding:22px;display:grid;overflow-y:auto;box-shadow:0 24px 72px #0b122038}.modal-card--wide{width:min(100%,620px)}.modal-card h2{margin:0}.form-field{color:var(--color-text-secondary);gap:7px;font-size:13px;font-weight:650;display:grid}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-border);border-radius:var(--radius-input);min-height:50px;color:var(--color-text);background:var(--color-surface);font:inherit;padding:0 14px}.form-field textarea{resize:vertical;min-height:110px;padding:12px 14px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);outline:3px solid var(--color-primary-soft)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.checkbox-group{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:14px}.checkbox-group legend{padding:0 6px}.checkbox-group label,.option-row label{color:var(--color-text);align-items:center;gap:8px;font-size:14px;display:inline-flex}.file-meta{color:var(--color-primary);background:var(--color-primary-soft);border-radius:14px;padding:10px 12px;font-size:13px;font-weight:700}.option-list{gap:10px;display:grid}.option-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.option-row>input{border:1px solid var(--color-border);border-radius:var(--radius-input);min-height:46px;color:var(--color-text);background:var(--color-surface);padding:0 12px}.confirm-dialog{max-width:440px}.confirm-dialog__body{color:var(--color-text-secondary);line-height:1.5}.date-confirm-field{gap:8px}.date-confirm-field__actions{flex-wrap:wrap;gap:8px;display:flex}.date-confirm-field__actions .button{min-height:36px;padding:0 14px}.generated-preview{margin-top:16px}.generated-preview__card{gap:12px;display:grid}.file-upload{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.file-upload__button{align-items:center;gap:8px;display:inline-flex}.file-chip-list{gap:8px;display:grid}.file-chip{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.file-chip__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-chip__remove{width:28px;height:28px;color:var(--color-text-secondary);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.file-chip__remove:hover,.file-chip__remove:focus-visible{color:var(--color-text);background:#16203314}.form-error{color:var(--color-error);font-size:14px;font-weight:650}.form-success{color:var(--color-success);font-size:14px;font-weight:650}.form-hint{font-size:13px}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.employees-layout{grid-template-columns:minmax(0,1fr) 320px}.employee-card{text-align:left;grid-template-columns:52px minmax(0,1fr) 44px;align-items:flex-start;gap:12px;padding:14px;display:grid}.employee-card.is-selected{box-shadow:inset 4px 0 0 var(--color-primary), var(--shadow-card);border-color:#2f6bff6b}.employee-card__avatar{border-radius:18px;width:52px;height:52px;font-weight:750}.employee-card__body{gap:8px;min-width:0;display:grid}.employee-card__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.employee-card__head h3{min-width:0}.employee-card__meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.employee-card__actions{flex-wrap:wrap;gap:8px;display:flex}.invite-notice{background:#2f6bff12;border:1px solid #2f6bff38;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.invite-notice>div{gap:5px;min-width:0;display:grid}.invite-notice span{color:var(--color-text-secondary);font-size:13px}.invite-notice code{color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.employee-detail{position:sticky;top:104px}.employee-detail__avatar{border-radius:20px;width:62px;height:62px}.employee-detail__rows{color:var(--color-text-secondary);gap:10px;font-size:14px;display:grid}.employee-detail__rows span{overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}.stats-controls{gap:12px;display:grid}.stats-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat-summary-card{gap:8px;padding:16px;display:grid}.stat-summary-card span{color:var(--color-text-secondary);font-size:13px;font-weight:650}.stat-summary-card strong{font-size:24px}.chart-card{padding:14px;overflow:hidden}.line-chart{width:100%;height:auto;display:block}.line-chart__grid{stroke:var(--color-border);stroke-width:1px}.line-chart__axis,.line-chart__label{fill:var(--color-text-secondary);font-size:12px;font-weight:650}.line-chart__area{fill:#2f6bff1a}.line-chart__line{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.line-chart__dot{fill:var(--color-surface);stroke:var(--color-primary);stroke-width:4px}.training-overlay{z-index:100;background:#0b12209e;place-items:end center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.training-overlay__close{color:#fff;background:#ffffff29;border:0;border-radius:18px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:22px;right:22px}.training-overlay__hint{color:#ead9ff;filter:drop-shadow(0 0 12px #ead9ffe6);position:absolute}.training-overlay__hint--nav-tasks{bottom:94px;left:16%}.training-overlay__hint--nav-materials{bottom:94px;left:35%}.training-overlay__hint--nav-ai{bottom:94px;left:53%}.training-card{border:1px solid var(--color-purple-stroke);background:var(--color-surface);border-radius:28px;width:min(100%,520px);max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;box-shadow:0 20px 58px #0000002e}.training-card__counter{color:var(--color-purple);font-weight:750}.training-card h2{margin-top:10px;font-size:32px}.training-card p{margin-top:12px;font-size:20px}.training-card__actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;display:grid}@media (width>=1200px){.training-overlay--desktop{padding:110px 40px 40px calc(var(--sidebar-width) + 42px);background:#0b12208c;place-items:start}.training-overlay--desktop .training-overlay__hint{display:none}.training-overlay--desktop .training-card{width:min(520px, calc(100vw - var(--sidebar-width) - 96px));border-color:#2f6bff57;box-shadow:0 22px 68px #0b122033}.training-overlay--desktop .training-card h2{font-size:28px}.training-overlay--desktop .training-card p{font-size:17px}.training-desktop-highlight{pointer-events:none;background:#ffffff1a;border:2px solid #fffffff5;border-radius:18px;position:fixed;box-shadow:0 0 0 9999px #0b12200a,0 0 28px #2f6bff6b}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-listen{0%{box-shadow:0 0 #dc262673}60%{box-shadow:0 0 0 7px #dc262600}to{box-shadow:0 0 #dc262600}}.ai-input-dock__action--listening{animation:1.4s ease-out infinite pulse-listen;color:#dc2626!important;background-color:#dc262614!important;border-color:#dc2626!important}.ai-voice-notice{color:var(--color-text-secondary);grid-column:1/-1;margin:0;font-size:13px}.ai-voice-notice--error{color:var(--color-error,#dc2626)}@media (width<=1199px){.sidebar{display:none}.app-shell__main{padding-left:0}.content-shell{padding-inline:24px;padding-bottom:calc(var(--bottom-nav-height) + 28px)}.settings-layout,.profile-layout,.employees-layout{grid-template-columns:1fr}.profile-desktop-profile{display:none}.profile-mobile-profile{display:grid}.employee-detail{position:static}.stats-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}:root.force-mobile-layout{--bottom-nav-height:68px;--mobile-padding:12px;--text-body:15px;--text-title:19px;--text-display:24px}:root.force-mobile-layout,:root.force-mobile-layout body,:root.force-mobile-layout #root{width:100%;min-width:0;max-width:100%;min-height:100dvh;min-height:var(--app-height,100dvh);overflow-x:hidden}:root.force-mobile-layout .sidebar,:root.force-mobile-layout .topbar,:root.force-mobile-layout .topbar .icon-button,:root.force-mobile-layout .profile-desktop-profile,:root.force-mobile-layout .desktop-only{display:none!important}:root.force-mobile-layout .mobile-only{display:inline-grid!important}:root.force-mobile-layout .app-shell{width:100%;height:100dvh;height:var(--app-height,100dvh);min-height:100dvh;min-height:var(--app-height,100dvh);flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}:root.force-mobile-layout .app-shell__main{flex-direction:column;flex:auto;min-width:0;min-height:0;padding-left:0;display:flex;overflow:hidden}:root.force-mobile-layout .content-shell{width:100%;min-width:0;max-width:100%;min-height:0;padding:16px var(--mobile-padding) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 18px);-webkit-overflow-scrolling:touch;flex:auto;overflow:hidden auto}:root.force-mobile-layout .content-shell:has(.ai-page){padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}:root.force-mobile-layout .bottom-nav{z-index:30;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-nav);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}:root.force-mobile-layout .bottom-nav__item{min-width:0;color:var(--color-text-secondary);align-content:center;place-items:center;gap:4px;font-size:11px;font-weight:650;display:grid}:root.force-mobile-layout .bottom-nav__item svg{width:22px;height:22px}:root.force-mobile-layout .bottom-nav__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}:root.force-mobile-layout .bottom-nav__item.is-active{color:var(--color-primary)}:root.force-mobile-layout .bottom-nav__item.is-active svg{background:var(--color-purple-soft);border-radius:15px;width:52px;height:30px;padding:5px 14px}:root.force-mobile-layout .profile-mobile-profile{display:grid}:root.force-mobile-layout .settings-layout,:root.force-mobile-layout .profile-layout,:root.force-mobile-layout .employees-layout,:root.force-mobile-layout .form-grid,:root.force-mobile-layout .option-row,:root.force-mobile-layout .broadcast-card,:root.force-mobile-layout .materials-grid,:root.force-mobile-layout .notifications-grid,:root.force-mobile-layout .stats-summary-grid,:root.force-mobile-layout .tests-admin-grid,:root.force-mobile-layout .question-list,:root.force-mobile-layout .assignment-list,:root.force-mobile-layout .distribution-list{grid-template-columns:1fr}:root.force-mobile-layout .section-header p,:root.force-mobile-layout .ai-context-row p{display:none}@media (width>=768px) and (width<=1199px){.content-shell{width:min(100%,980px)}.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-field-row{grid-template-columns:minmax(120px,150px) minmax(0,1fr)}.settings-field-row .settings-row-actions,.settings-field-row .icon-text-button{justify-self:start}.employee-profile-meta,.employee-profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{padding-bottom:var(--bottom-nav-height)}.bottom-nav{z-index:30;height:var(--bottom-nav-height);border-top:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-nav);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav__item{min-width:0;color:var(--color-text-secondary);align-content:center;place-items:center;gap:4px;font-size:12px;font-weight:650;display:grid}.bottom-nav__item svg{width:24px;height:24px}.bottom-nav__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav__item.is-active{color:var(--color-primary)}.bottom-nav__item.is-active svg{background:var(--color-purple-soft);border-radius:17px;width:58px;height:34px;padding:6px 16px}}@media (width<=767px){:root{--bottom-nav-height:68px;--mobile-padding:12px;--text-body:15px;--text-title:19px;--text-display:24px}.form-grid,.option-row,.broadcast-card{grid-template-columns:1fr}.mobile-only{display:inline-grid!important}.desktop-only{display:none!important}body{min-height:100dvh;min-height:var(--app-height,100dvh);font-size:15px}html,#root{height:100%;min-height:100dvh;min-height:var(--app-height,100dvh)}h1{font-size:24px}h2{font-size:20px}.app-shell{height:100dvh;height:var(--app-height,100dvh);min-height:100dvh;min-height:var(--app-height,100dvh);flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.app-shell__main{flex-direction:column;flex:auto;min-height:0;padding-left:0;display:flex;overflow:hidden}.topbar{display:none}.topbar__actions{gap:6px}.topbar .icon-button{display:none}.role-switch button{min-width:74px}.content-shell{width:100%;min-height:0;padding:16px var(--mobile-padding) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 18px);-webkit-overflow-scrolling:touch;flex:auto;overflow:hidden auto}.content-shell:has(.ai-page){padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.bottom-nav{z-index:30;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-nav);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav__item{min-width:0;color:var(--color-text-secondary);align-content:center;place-items:center;gap:4px;font-size:11px;font-weight:650;display:grid}.bottom-nav__item svg{width:22px;height:22px}.bottom-nav__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav__item.is-active{color:var(--color-primary)}.bottom-nav__item.is-active svg{background:var(--color-purple-soft);border-radius:15px;width:52px;height:30px;padding:5px 14px}.mobile-session-badge{z-index:31;display:none;position:fixed;top:9px;right:160px}.section-header{gap:8px;display:grid}.section-header p,.ai-context-row p{display:none}.section-header__action,.section-header__action .button{width:100%}.page-stack,.settings-main,.profile-main,.employees-main,.account-embedded{gap:12px}.notifications-page{padding-bottom:calc(var(--bottom-nav-height) + 14px)}.notifications-grid{grid-template-columns:1fr;gap:12px}.notifications-grid .settings-card,.broadcast-card{width:100%;min-width:0}.notifications-grid .settings-card__head{align-items:flex-start}.notifications-grid p,.broadcast-card p,.broadcast-card h3,.broadcast-card span{overflow-wrap:anywhere}.tabs{margin-inline:calc(var(--mobile-padding) * -1);padding-inline:var(--mobile-padding);scroll-padding-inline:var(--mobile-padding);border-radius:0}.tabs--compact{margin-inline:0;padding-inline:0}.tabs__item{min-height:42px}.task-card,.employee-card,.profile-card,.material-card,.test-card,.question-card,.settings-card,.stat-summary-card,.profile-side,.settings-side,.employee-detail,.chart-card{border-radius:20px}.settings-card,.task-card,.question-card,.stat-summary-card,.employee-card,.test-card__body{padding:14px}.task-card__main{grid-template-columns:28px minmax(0,1fr)}.task-card__main .status-chip{grid-column:2;justify-self:start}.task-card__meta{justify-content:flex-start}.materials-grid{grid-template-columns:1fr}.material-card__media{aspect-ratio:1.6}.ai-page{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow:hidden}.ai-context-row{flex:none;display:grid}.chat-panel{min-height:0;margin-inline:calc(var(--mobile-padding) * -1);border-radius:0;flex-direction:column;flex:auto;display:flex}.chat-feed{min-height:0;padding:14px var(--mobile-padding);flex:auto;align-content:start}.chat-message__bubble{max-width:84%}.ai-input-dock{margin:0 var(--mobile-padding) 12px;border-radius:24px;flex:none;grid-template-columns:minmax(0,1fr) 44px 50px;padding:8px}.ai-voice-notice{font-size:11px}.ai-input-dock__action{width:44px;height:44px}.ai-input-dock__send{width:50px;height:50px}.settings-field-row{grid-template-columns:1fr;gap:4px;padding:12px 0}.settings-field-row .icon-text-button{width:fit-content;max-width:100%}.settings-actions,.admin-test-actions,.employee-card__actions{grid-template-columns:1fr 1fr;display:grid}.positions-form,.invite-notice{grid-template-columns:1fr}.profile-card{grid-template-columns:56px minmax(0,1fr)}.profile-card__arrow{display:none}.profile-avatar{width:56px;height:56px}.employee-card{grid-template-columns:50px minmax(0,1fr)}.employee-card>.icon-button{display:none}.employee-card__head{justify-items:start;display:grid}.stats-summary-grid{grid-template-columns:1fr}.line-chart__axis,.line-chart__label{font-size:14px}.auth-page{padding:32px var(--mobile-padding) 22px;place-items:start center;display:block;overflow-x:hidden}.auth-panel{width:min(100%, calc(100vw - (var(--mobile-padding) * 2)));justify-self:center;gap:18px;max-width:480px;margin-inline:auto}.auth-logo{width:104px;height:104px}.auth-logo div{width:86px;height:86px}.auth-logo span{width:48px;height:48px}.auth-panel>h1{overflow-wrap:normal;justify-self:center;width:100%;max-width:340px;font-size:26px}.auth-panel>p{font-size:19px}.auth-choice-card{grid-template-columns:58px 1fr 24px;width:100%;min-width:0;min-height:108px;padding:16px}.auth-choice-card strong{font-size:22px}.training-overlay{padding:14px var(--mobile-padding) calc(var(--bottom-nav-height) + 12px);place-items:end center}.training-overlay__hint{display:none}.training-card{border-radius:22px;padding:18px}.training-card h2{font-size:22px}.training-card p{font-size:15px}.training-card__actions{grid-template-columns:1fr 1fr;margin-top:18px}}@media (width<=420px){.topbar{align-items:flex-start}.topbar__actions{flex-direction:column;align-items:flex-end}.role-switch button{min-width:66px;padding-inline:8px}.bottom-nav__item{font-size:10px}.bottom-nav__item.is-active svg{width:52px}.button{padding-inline:14px}.settings-actions,.admin-test-actions,.employee-card__actions{grid-template-columns:1fr}.auth-choice-card{grid-template-columns:48px 1fr 20px;gap:10px}.auth-panel>h1{max-width:320px}.auth-choice-card strong{font-size:20px}.auth-choice-card small{font-size:14px}}@media (width<=380px){.auth-choice-card{grid-template-columns:42px minmax(0,1fr) 18px;min-height:98px;padding:14px}.auth-choice-card>svg:first-child{width:38px;height:38px}.auth-choice-card strong{font-size:19px}.auth-choice-card small{font-size:13px}.bottom-nav__item span{display:none}}@media (height<=430px) and (width<=932px){.topbar{min-height:56px;padding-block:8px}.content-shell{padding-top:12px}.bottom-nav{height:66px}.fab{bottom:80px}.auth-page{padding-top:18px}.auth-logo{width:72px;height:72px}.auth-logo div{width:60px;height:60px}.auth-logo span{width:34px;height:34px}.auth-panel{gap:12px}.auth-choice-card{min-height:82px;padding-block:12px}}@media (width>=1200px) and (height<=900px){.sidebar{gap:18px;padding-block:18px}.sidebar__brand{padding-bottom:12px}.topbar{min-height:68px;padding-block:10px}.content-shell{padding-top:20px;padding-bottom:32px}.page-stack,.settings-main,.profile-desktop-profile,.account-embedded{gap:14px}.settings-card,.task-card,.test-card__body,.stat-summary-card{padding:14px}.profile-card--desktop-hero{min-height:112px;padding:18px}.profile-card--desktop-hero .profile-avatar{border-radius:20px;width:64px;height:64px}.auth-page{align-items:start;padding-top:22px;padding-bottom:22px}.auth-panel{gap:14px}.auth-logo{width:92px;height:92px}.auth-logo div{width:76px;height:76px}.auth-logo span{width:42px;height:42px}.auth-panel>p{font-size:18px}.auth-choice-card{min-height:94px;padding-block:14px}.auth-choice-card strong{font-size:21px}.auth-choice-card small{font-size:14px}}@media (width>=1200px) and (height<=820px){:root{--desktop-padding:24px}.sidebar__link{min-height:44px}.content-shell{padding-top:16px;padding-bottom:24px}.chat-panel{min-height:390px}.state-view{min-height:180px}.settings-field-row{min-height:54px}}@media (width>=1200px) and (height<=760px){.topbar{min-height:60px}.sidebar{gap:12px;padding-block:14px}.sidebar__link{min-height:40px}.brand-mark{border-radius:14px;width:42px;height:42px}.chat-panel{min-height:340px}.auth-choice-card{min-height:84px}}
