/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--blue:#075ae6;--deep:#061744;--line:#dfe8f4;--pale:#f3f8ff;--bg:#f8fbff;--muted:#67738d;--green:#00a66a;--orange:#ff9500;--purple:#8a2be2}*{box-sizing:border-box}body{background:var(--bg);font-family:Arial,var(--font-geist-sans),sans-serif;color:var(--deep);margin:0;font-size:13px}button,input{font:inherit}button{cursor:pointer}.portal{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:64px;padding:0 2.25%;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #1c4e8b0a}.logo{color:var(--blue);font-size:17px;font-weight:800}.header-actions{align-items:center;gap:30px;margin-left:auto;display:flex}.header-actions button{color:var(--deep);background:0 0;border:0;font-size:12px;font-weight:600}.notification{position:relative}.notification i{color:#fff;background:#ea3c3c;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-6px;left:14px}.notification span{margin-left:6px}.profile-button>span{color:#0754ad;background:#d7e8ff;border-radius:50%;place-items:center;width:29px;height:29px;margin-right:7px;display:inline-grid}.dashboard-page,.lesson-page,.admin-page{max-width:1600px;margin:auto;padding:16px 1.2% 24px}.panel{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 2px 8px #163f7110}.welcome-card{grid-template-columns:1.05fr .88fr 1.37fr;align-items:center;min-height:125px;padding:16px 20px;display:grid}.employee{align-items:center;gap:15px;display:flex}.employee-avatar{background:#e7f1ff;border-radius:50%;place-items:center;width:70px;height:70px;font-size:42px;display:grid;overflow:hidden}.employee h2{margin:0 0 13px;font-size:17px}.employee p,.employee-info p{color:#344364;margin:8px 0;font-size:11px}.employee-info{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:4px 32px}.employee-info span{color:var(--blue);font-size:16px}.overall>div{align-items:center;gap:14px;margin-top:17px;display:flex}.progress{background:#ebeff5;border-radius:10px;flex:1;height:9px;overflow:hidden}.progress i{background:var(--blue);border-radius:10px;height:100%;display:block}.overall strong{color:var(--blue);font-size:16px}.continue-panel{margin-top:14px;padding:13px 18px}.panel h3{margin:0 0 11px;font-size:13px}.continue-strip{background:#f2f7ff;border:1px solid #cfe0fa;border-radius:6px;align-items:center;gap:14px;min-height:70px;padding:10px 15px;display:flex}.play-small{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;padding-left:3px;display:grid}.continue-copy{flex:1}.continue-copy>b{font-size:12px}.continue-copy>div{align-items:center;gap:12px;margin-top:10px;display:flex}.continue-copy>div span{font-size:10px}.continue-copy .progress{max-width:390px;height:7px}.blue-btn{background:var(--blue);color:#fff;border:0;border-radius:5px;padding:11px 24px;font-weight:700;box-shadow:0 2px 4px #075ae633}.blue-btn:disabled{opacity:.45}.dashboard-grid{grid-template-columns:minmax(620px,1.55fr) minmax(360px,.95fr);gap:14px;margin-top:14px;display:grid}.modules-card{padding:13px}.training-table{border:1px solid var(--line);border-radius:6px;overflow:hidden}.training-row{border-top:1px solid #edf2f7;grid-template-columns:45px 2fr .85fr .9fr .65fr;align-items:center;min-height:34px;padding:0 12px;font-size:10px;display:grid}.training-row:first-child{border-top:0}.training-row.head{background:linear-gradient(90deg,#edf5ff,#f5f9ff);min-height:36px;font-weight:700}.training-row b,.training-status{font-weight:600}.training-status.done{color:var(--green)}.training-status.ongoing{color:var(--orange)}.training-status.locked{color:#747e92}.test-btn{color:var(--blue);background:#fff;border:1px solid #7faef9;border-radius:4px;padding:5px 10px;font-size:10px}.legend{word-spacing:2px;color:#64718b;padding:12px 1px 3px;font-size:8px}.legend span:not(:first-child){margin-left:12px}.done{color:var(--green)}.ongoing{color:var(--orange)}.locked{color:#758198}.test-icon{color:var(--blue)}.side-stack{align-content:start;gap:14px;display:grid}.statistics{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{border:1px solid var(--line);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:115px;display:flex}.stat>span{font-size:25px}.stat>span.blue{color:var(--blue)}.stat>span.green{color:var(--green)}.stat>span.orange{color:var(--orange)}.stat>span.purple{color:var(--purple)}.stat>small{font-size:9px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.panel-heading h3{margin:0}.panel-heading button{color:var(--blue);background:0 0;border:0;font-size:10px;font-weight:700}.announcement{border-bottom:1px solid #edf2f7;grid-template-columns:13px 1fr auto;align-items:center;height:42px;font-size:10px;display:grid}.announcement>span{color:var(--blue);font-size:8px}.announcement small{color:#66748d;font-size:9px}.download{border-bottom:1px solid #edf2f7;grid-template-columns:34px 1fr 40px;align-items:center;height:46px;font-size:10px;display:grid}.download>span{color:#fff;border-radius:3px;place-items:center;width:25px;height:26px;font-size:7px;font-weight:800;display:grid}.download .red{background:#ef3737}.download .orange{background:#f09a17}.download .green{background:#08a46a}.download .purple{background:#8e34cf}.download button{color:var(--blue);background:#fff;border:1px solid #79aafa;border-radius:4px;padding:4px}.download-note{color:#007c4e;background:#e7f8f0;border-radius:4px;margin-top:8px;padding:8px;font-size:9px}footer{text-align:center;color:#63708a;padding:10px;font-size:10px}.breadcrumb{color:#758198;margin:15px 0;font-size:11px}.text-btn{color:var(--blue);background:0 0;border:0;padding:5px 0;font-weight:700}.lesson-grid{grid-template-columns:1.1fr .9fr;gap:14px;display:grid}.lesson-panel,.quiz-panel{padding:20px}.panel-title{color:var(--blue);border-bottom:1px solid var(--line);padding-bottom:12px;font-weight:800}.panel-title em{float:right;color:#68748c;font-size:10px;font-style:normal}.lesson-panel h1{margin:20px 0 7px;font-size:22px}.lesson-panel>p{color:var(--muted);font-size:11px}.video-box{aspect-ratio:16/9;color:#fff;text-align:center;background:linear-gradient(135deg,#071c55,#075ae6);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin-top:18px;display:flex}.play-circle,.video-check{width:60px;height:60px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;margin-bottom:8px;font-size:25px;display:grid}.video-box h2{margin:7px}.video-box p{opacity:.8;margin:0 0 15px}.video-box .blue-btn{color:var(--blue);background:#fff}.completed-video{background:linear-gradient(135deg,#007e5a,#03b87d)}.completed-video .video-check{color:var(--green)}.video-note{color:#3f5577;background:#f2f7ff;border:1px solid #d6e6ff;margin-top:12px;padding:10px;font-size:10px}.quiz-lock{text-align:center;padding:100px 20px}.quiz-lock>span{font-size:42px}.quiz-lock p,.quiz-result p{color:var(--muted)}.question-list fieldset{border:0;margin:18px 0;padding:0}.question-list legend{justify-content:space-between;width:100%;margin-bottom:9px;font-size:11px;display:flex}.question-list legend span{color:var(--blue);font-size:9px}.answer{border:1px solid var(--line);border-radius:5px;align-items:center;gap:9px;margin:6px 0;padding:9px;font-size:10px;display:flex}.answer>span{width:22px;height:22px;color:var(--blue);background:#edf4ff;border-radius:50%;place-items:center;font-weight:700;display:grid}.answer.picked{border-color:var(--blue);background:#f1f6ff}.full{width:100%}.quiz-result{text-align:center;padding:45px 10px}.result-circle{width:110px;height:110px;color:var(--blue);border:10px solid #dceaff;border-radius:50%;place-items:center;margin:auto;font-size:26px;font-weight:800;display:grid}.result-items{grid-template-columns:1fr 1fr;gap:7px;margin:20px 0;display:grid}.result-items span{border-radius:5px;padding:9px;font-size:10px}.right{color:#008d59;background:#e6f8ef}.wrong{color:#cf4439;background:#ffefed}.outline-btn{border:1px solid var(--blue);color:var(--blue);background:#fff;border-radius:5px;padding:10px;font-weight:700}.admin-page{padding-top:20px}.admin-header{justify-content:space-between;align-items:center;margin-top:12px;padding:22px;display:flex}.admin-header>div>span{color:var(--blue);font-size:9px;font-weight:800}.admin-header h1{margin:6px 0;font-size:24px}.admin-header p{color:var(--muted);margin:0}.admin-panel{margin-top:14px;overflow:hidden}.admin-tabs{border-bottom:1px solid var(--line);padding:0 14px;display:flex;overflow:auto}.admin-tabs button{color:var(--muted);background:0 0;border:0;padding:15px;font-size:11px}.admin-tabs .active{color:var(--blue);border-bottom:2px solid var(--blue);font-weight:800}.admin-tools{justify-content:space-between;align-items:center;padding:18px;display:flex}.admin-tools h2{margin:0;font-size:17px}.admin-tools p{color:var(--muted);margin:5px 0 0;font-size:10px}.admin-tools input{border:1px solid var(--line);border-radius:5px;padding:9px 12px}.admin-table{overflow:auto}.admin-row{border-top:1px solid var(--line);grid-template-columns:1.5fr 1fr .7fr .7fr .7fr .7fr;align-items:center;min-width:760px;padding:12px 18px;font-size:10px;display:grid}.admin-row>span:first-child{display:grid}.admin-row small{color:var(--muted);margin-top:3px}.admin-head-row{background:#eef5ff;font-weight:700}.admin-row i{color:#008555;background:#e7f8f0;border-radius:10px;padding:5px 8px;font-style:normal}@media (width<=1000px){.dashboard-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.side-stack>.panel:first-child{grid-column:1/-1}.lesson-grid{grid-template-columns:1fr}.welcome-card{grid-template-columns:1fr 1fr}.overall{border-top:1px solid var(--line);grid-column:1/-1;margin-top:10px;padding:18px 0 0}}@media (width<=680px){.topbar{padding:0 16px}.notification span,.profile-button{font-size:0}.profile-button>span{margin:0}.dashboard-page,.lesson-page,.admin-page{padding:12px}.welcome-card{grid-template-columns:1fr;padding:15px}.employee-info{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px;padding:12px 0}.overall{grid-column:auto}.continue-strip{flex-wrap:wrap;align-items:flex-start}.continue-copy{min-width:70%}.continue-strip>.blue-btn{width:100%}.dashboard-grid{display:block}.side-stack{grid-template-columns:1fr;margin-top:12px;display:grid}.training-table{overflow-x:auto}.training-row{min-width:660px}.statistics{grid-template-columns:1fr 1fr}.lesson-panel,.quiz-panel{padding:15px}.result-items{grid-template-columns:1fr}.admin-header{align-items:flex-start;gap:12px}.admin-header h1{font-size:19px}.admin-tools{align-items:flex-start;gap:10px}.admin-tools input{width:145px}}body{color:#061642;font-size:14px}.panel h3{color:#071842;font-size:14px;font-weight:700}.training-row{color:#061642;min-height:39px;font-size:11px}.training-row.head{color:#071842;min-height:40px;font-size:11px}.training-row.head span:nth-child(2){font-weight:800}.clickable-row{cursor:pointer;transition:background-color .15s,box-shadow .15s}.clickable-row:hover{box-shadow:inset 3px 0 0 var(--blue);background:#f3f7ff}.clickable-row:focus-within{box-shadow:inset 3px 0 0 var(--blue);background:#edf4ff}.module-link{color:#061642;text-align:left;background:0 0;border:0;padding:7px 0;font-size:11px;font-weight:700;line-height:1.25}.module-link:hover,.module-link:focus-visible{color:var(--blue);outline:0;text-decoration:underline}.training-status{align-items:center;gap:6px;font-size:10px;display:flex}.status-icon{color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-style:normal;display:inline-grid}.training-status.done .status-icon{background:var(--green)}.training-status.ongoing .status-icon{background:var(--orange);font-size:7px}.training-status.locked .status-icon{background:#7d879b;border-radius:3px;font-size:8px}.test-btn{min-width:58px;font-size:10px;font-weight:600}.open-icon{color:#7b879d;background:0 0;border:0;border-radius:5px;width:30px;height:30px;font-size:20px}.open-icon:hover{color:var(--blue);background:#e8f1ff}.bell-icon{width:25px;height:25px;color:var(--blue);place-items:center;font-size:25px;line-height:1;display:inline-grid;transform:rotate(180deg);margin:0!important}.notification i{top:-5px;left:17px}.person-icon{font-size:0;position:relative}.person-icon:before{content:"";background:#0754ad;border-radius:50%;width:8px;height:8px;position:absolute;top:6px}.person-icon:after{content:"";background:#0754ad;border-radius:8px 8px 5px 5px;width:15px;height:8px;position:absolute;bottom:5px}.profile-button b{color:#64718b;font-size:13px}.employee p,.employee-info p{color:#26395f;font-size:11px}.continue-copy>b{color:#071842;font-size:12px}.announcement b,.download b{color:#102650;font-size:10px}.legend{color:#53627e;font-size:9px}@media (width<=680px){.training-row,.module-link{font-size:11px}.notification span:not(.bell-icon){display:none}}.panel{border-color:#e1e8f2;border-radius:8px;box-shadow:0 3px 10px #2a4a7612}.welcome-card{grid-template-columns:1.05fr .8fr 1.25fr;min-height:108px;padding:14px 20px}.employee-avatar{background:#eaf2fc;width:64px;height:64px;position:relative}.avatar-head{z-index:2;background:#f2bd91;border-radius:45% 45% 48% 48%;width:19px;height:24px;position:absolute;top:15px;left:23px}.avatar-hair{z-index:3;background:#101e39;border-radius:50% 55% 25% 20%;width:23px;height:17px;position:absolute;top:10px;left:21px}.avatar-hair:after{content:"";background:#101e39;border-radius:4px;width:5px;height:13px;position:absolute;top:8px;right:-2px}.avatar-body{background:#0756a8;border-radius:50% 50% 8px 8px;width:42px;height:32px;position:absolute;bottom:-7px;left:12px}.employee h2{margin-bottom:10px;font-size:15px}.employee p,.employee-info p{align-items:center;gap:7px;margin:7px 0;font-size:10px;display:flex}.employee p svg,.employee-info svg{color:#0754ad;stroke-width:2.25px;flex:none}.employee-info{padding:2px 28px}.overall{padding-left:30px}.overall>b{font-size:12px}.overall>div{margin-top:14px}.overall .progress{height:8px}.overall strong{font-size:14px}.overall span{font-size:9px}.side-stack{gap:10px}.side-stack>.panel{padding:12px}.side-stack .panel>h3{margin-bottom:10px;font-size:12px}.statistics{gap:7px}.stat{border-color:#e2e8f1;gap:5px;height:92px}.stat>span{place-items:center;height:25px;display:grid}.stat>span svg{stroke-width:2px}.stat>b{font-size:18px}.stat>small{color:#071842;font-size:8px}.panel-heading{padding-bottom:8px}.panel-heading h3{align-items:center;gap:7px;font-size:11px;display:flex}.panel-heading h3 svg{color:var(--blue);stroke-width:2.2px}.panel-heading button{font-size:9px}.announcement{grid-template-columns:12px 1fr auto;height:34px;font-size:9px}.announcement small{font-size:8px}.download{grid-template-columns:29px 1fr 38px;height:38px;font-size:9px}.download>span{border-radius:3px;width:22px;height:23px}.download>span svg{stroke-width:2.2px}.download button{border-color:#76a7f8;place-items:center;height:24px;padding:0;display:grid}.download button svg{stroke-width:2px}.bell-icon{transform:none}.person-icon:before,.person-icon:after{display:none}.person-icon svg{color:#0754ad;stroke-width:2.4px;display:block}.profile-button>span{background:#e1edfc}.header-actions{gap:24px}.header-actions button{font-size:11px}@media (width<=1000px){.welcome-card{grid-template-columns:1fr 1fr}.side-stack{gap:10px}.statistics{grid-template-columns:repeat(4,1fr)}}@media (width<=680px){.welcome-card{grid-template-columns:1fr}.statistics{grid-template-columns:1fr 1fr}.stat{height:90px}.employee-avatar{width:58px;height:58px}.employee-info{padding:12px 0}}.portal .welcome-card .employee p,.portal .welcome-card .employee-info p{align-items:center;gap:7px;margin:7px 0;display:flex;font-size:14px!important}.portal .welcome-card .employee h2{margin-bottom:10px;font-size:20px!important}.portal .modules-card .module-link{color:#061642;text-align:left;background:0 0;border:0;padding:7px 0;font-weight:700;line-height:1.25;font-size:13px!important}.portal .statistics .stat>small{color:#071842;font-size:11px!important}.portal .side-stack .panel-heading h3{align-items:center;gap:7px;display:flex;font-size:16px!important}.portal .admin-tabs button{font-size:13px!important}.portal .admin-tools h2{font-size:20px!important}.portal .admin-tools p{font-size:12px!important}.portal .admin-tools input{font-size:14px!important}.portal .admin-head-row{font-size:11px!important}.portal .admin-row{font-size:12px!important}.portal .admin-row>span:first-child b{font-size:13px!important}.portal .admin-row>span:first-child small{font-size:9px!important}.portal .admin-row i,.portal .admin-row .test-btn{font-size:11px!important}.portal .admin-row *{font-size:14px!important}.training-row.progress-row{grid-template-columns:42px 1.65fr .65fr .75fr .7fr .55fr .8fr .7fr;min-width:900px}.locked-row{color:#8791a5;cursor:not-allowed;background:#fafbfc}.locked-row .module-link{color:#8791a5;cursor:not-allowed}.completion{color:#8490a5;font-size:10px}.completion.yes{color:#009b63;font-weight:700}.score-cell{color:#173565;font-weight:800}.video-link{color:#fff;margin:0 0 12px;text-decoration:underline;display:block}.locked-action:disabled{opacity:.7;cursor:not-allowed}.module-admin-layout{border-top:1px solid var(--line);grid-template-columns:310px 1fr;min-height:560px;display:grid}.module-admin-list{border-right:1px solid var(--line);max-height:610px;overflow:auto}.module-admin-list>button{text-align:left;border:0;border-bottom:1px solid var(--line);color:#172a4d;background:#fff;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;width:100%;padding:13px 15px;display:grid}.module-admin-list>button.selected{box-shadow:inset 3px 0 0 var(--blue);color:var(--blue);background:#edf4ff}.module-admin-list b{font-size:12px}.module-admin-list small{color:#72809a;font-size:9px}.module-editor{max-width:780px;padding:24px}.editor-title{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.editor-title h2{margin:0 0 5px;font-size:20px}.editor-title p{color:var(--muted);margin:0;font-size:11px}.editor-title>span{color:#008b59;background:#e5f8ef;border-radius:16px;padding:7px 10px;font-size:11px}.module-editor label{color:#24385e;gap:7px;margin-bottom:15px;font-size:12px;font-weight:700;display:grid}.module-editor input,.module-editor textarea{color:#071842;background:#fff;border:1px solid #cfdbeb;border-radius:6px;width:100%;padding:11px 12px;font-size:13px;font-weight:400}.module-editor textarea{resize:vertical;min-height:75px}.editor-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.question-editor{background:#f7faff;border:1px solid #dfe9f7;border-radius:8px;margin:8px 0 18px;padding:16px}.question-editor>div:first-child{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}@media (width<=800px){.module-admin-layout{grid-template-columns:1fr}.module-admin-list{border-right:0;max-height:260px}.module-editor{padding:18px}.editor-grid{grid-template-columns:1fr}.training-row.progress-row{min-width:950px}}.auth-loading{min-height:100vh;color:var(--blue);background:#f5f9ff;place-items:center;font-weight:800;display:grid}.login-page{background:#fff;grid-template-columns:minmax(420px,1.05fr) minmax(460px,.95fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#061744 0%,#075ae6 70%,#2782ff 100%);flex-direction:column;justify-content:center;padding:9vh 9%;display:flex;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";border:1px solid #ffffff21;border-radius:50%;position:absolute}.login-brand:before{width:520px;height:520px;top:-170px;right:-270px}.login-brand:after{width:360px;height:360px;bottom:-170px;left:-180px}.login-brand-mark{background:#ffffff24;border:1px solid #ffffff38;border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:18px;display:grid}.login-brand>span{letter-spacing:1.6px;font-size:13px;font-weight:800}.login-brand h1{letter-spacing:-2px;max-width:610px;margin:22px 0 18px;font-size:clamp(36px,4.3vw,64px);line-height:1.08}.login-brand>p{color:#dbe9ff;max-width:530px;margin:0;font-size:16px;line-height:1.7}.login-benefits{gap:14px;margin-top:38px;display:grid}.login-benefits span{align-items:center;gap:11px;font-size:14px;font-weight:600;display:flex}.login-benefits svg{color:#79f1ba}.login-card-wrap{background:linear-gradient(160deg,#fff,#f5f9ff);place-items:center;padding:40px;display:grid}.login-card{background:#fff;border:1px solid #dfe8f4;border-radius:16px;width:min(100%,440px);padding:42px;box-shadow:0 24px 70px #1032621f}.login-icon{width:52px;height:52px;color:var(--blue);background:#eaf2ff;border-radius:13px;place-items:center;display:grid}.login-card h2{margin:20px 0 7px;font-size:28px}.login-card>p{color:#66738c;margin:0 0 28px;font-size:14px}.login-card label{color:#24385e;gap:8px;margin-top:17px;font-size:13px;font-weight:700;display:grid}.login-card input{color:#071842;background:#fff;border:1px solid #cad8ea;border-radius:7px;outline:none;width:100%;height:48px;padding:0 14px}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #075ae61a}.password-field{position:relative}.password-field input{padding-right:60px}.password-field button{height:34px;color:var(--blue);background:0 0;border:0;font-size:11px;font-weight:800;position:absolute;top:7px;right:8px}.login-error{color:#b9362f;background:#fff0ee;border-radius:6px;margin-top:14px;padding:10px 12px;font-size:12px}.login-submit{width:100%;height:48px;margin-top:20px;font-size:14px}.demo-access{color:#52617a;background:#f3f7fd;border-radius:7px;gap:5px;margin-top:22px;padding:13px;font-size:11px;display:grid}.demo-access b{color:#173565;margin-bottom:2px}.logout-button{color:#425474!important;border:1px solid #cbd9eb!important;border-radius:5px!important;padding:8px 13px!important}.logout-button:hover{border-color:var(--blue)!important;color:var(--blue)!important}.admin-shortcut{color:var(--blue)!important}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-brand{padding:55px 8%}.login-brand h1{font-size:40px}.login-benefits{display:none}.login-card-wrap{padding:35px 18px}.login-card{padding:30px}}@media (width<=680px){.login-brand{padding:38px 24px}.login-brand h1{letter-spacing:-1px;margin:16px 0 12px;font-size:32px}.login-brand>p{font-size:13px}.login-brand-mark{width:45px;height:45px;margin-bottom:12px}.login-card{padding:25px}.logout-button{padding:7px!important;font-size:10px!important}.admin-shortcut{display:none}.header-actions{gap:9px}}.login-card-wrap{overflow:auto}.login-card:has(.signup-grid){margin:30px 0}.signup-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-switch{color:#65728a;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:12px;display:flex}.auth-switch button{color:var(--blue);background:0 0;border:0;padding:3px;font-weight:800}.signup-success{width:66px;height:66px;color:var(--green);background:#e5f8ef;border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.approval-panel{margin-top:14px;overflow:hidden}.approval-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:25px;display:flex}.approval-heading span{color:var(--blue);font-size:10px;font-weight:800}.approval-heading h1{margin:6px 0;font-size:24px}.approval-heading p{color:var(--muted);margin:0}.approval-heading>strong{color:#b96a00;background:#fff4df;border-radius:18px;padding:9px 14px}.empty-approvals{text-align:center;color:#697790;padding:80px 20px}.empty-approvals svg{color:#91a2bb}.empty-approvals h2{color:#172a4d}.approval-list{display:grid}.approval-row{border-bottom:1px solid var(--line);grid-template-columns:46px 1.4fr 1fr .65fr auto;align-items:center;gap:13px;padding:16px 22px;display:grid}.approval-row>div:nth-child(2),.approval-row>div:nth-child(3){gap:4px;display:grid}.approval-row span{color:#6e7b92;font-size:11px}.approval-avatar{width:38px;height:38px;color:var(--blue);background:#e7f0ff;border-radius:50%;place-items:center;font-weight:800;display:grid}.approval-status{text-transform:capitalize;border-radius:14px;justify-self:start;padding:6px 10px;font-weight:800}.approval-status.pending{color:#b96a00;background:#fff4df}.approval-status.approved{color:#008a57;background:#e5f8ef}.approval-status.rejected{color:#bd3f37;background:#ffefed}.approval-actions{gap:7px;display:flex}.approval-actions button{border-radius:5px;padding:7px 12px;font-weight:700}.approve-btn{border:1px solid var(--green);background:var(--green);color:#fff}.reject-btn{color:#bd3f37;background:#fff;border:1px solid #e27b73}.reset-btn{color:#53627b;background:#fff;border:1px solid #9badc5}@media (width<=760px){.signup-grid{grid-template-columns:1fr}.approval-heading{align-items:flex-start;gap:15px}.approval-row{grid-template-columns:40px 1fr auto}.approval-row>div:nth-child(3){grid-column:2}.approval-status{grid-area:1/3}.approval-actions{grid-column:2/-1}.approval-actions button{flex:1}.approval-heading h1{font-size:20px}}.report-link{width:100%;color:var(--blue);background:#f5f9ff;border:1px solid #cfe0f7;border-radius:5px;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:9px;font-size:11px;font-weight:800;display:flex}.report-page{max-width:1200px;margin:auto;padding:20px}.report-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.print-report{align-items:center;gap:7px;display:flex}.report-sheet{padding:28px}.report-title{border-bottom:2px solid #e4ebf5;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;display:flex}.report-title span{color:var(--blue);letter-spacing:1.3px;font-size:10px;font-weight:900}.report-title h1{margin:7px 0;font-size:28px}.report-title p{color:var(--muted);margin:0}.report-badge{color:#ad6503;background:#fff4df;border-radius:16px;padding:9px 13px;font-size:11px;font-weight:800}.report-badge.complete{color:#008958;background:#e5f8ef}.report-employee{grid-template-columns:1.4fr repeat(3,1fr);gap:12px;padding:20px 0;display:grid}.report-employee>div{border:1px solid var(--line);background:#fafcff;border-radius:7px;gap:5px;padding:14px;display:grid}.report-employee small{color:#718099;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.report-employee b{font-size:17px}.report-employee span{color:#718099;font-size:10px}.report-table{border:1px solid var(--line);border-radius:7px;overflow:auto}.report-row{border-top:1px solid #e9eff6;grid-template-columns:45px 1.8fr .75fr .8fr .55fr .9fr;align-items:center;min-width:800px;min-height:46px;padding:7px 13px;font-size:11px;display:grid}.report-row:first-child{border-top:0}.report-head{background:#edf5ff;min-height:40px;font-weight:800}.report-row>span:nth-child(2){gap:3px;display:grid}.report-row small{color:#7a879c;font-size:8px}.report-good{color:#00965f;font-weight:800}.report-bad{color:#c54b42;font-weight:800}.report-summary{background:#f1f6ff;border-radius:8px;justify-content:space-between;align-items:center;gap:25px;margin-top:18px;padding:18px 20px;display:flex}.report-summary h3{margin:0 0 6px;font-size:15px}.report-summary p{color:#60708a;margin:0;font-size:11px}.summary-score{text-align:center;display:grid}.summary-score span{color:#687892;text-transform:uppercase;font-size:9px}.summary-score strong{color:var(--blue);font-size:28px}.report-footer{border-top:1px solid var(--line);margin-top:22px;padding:15px 0 0;font-size:9px}@media (width<=720px){.report-page{padding:12px}.report-sheet{padding:17px}.report-title,.report-toolbar{gap:12px}.report-title h1{font-size:21px}.report-employee{grid-template-columns:1fr 1fr}.report-badge{text-align:center;max-width:120px}.report-summary{align-items:flex-start}.print-report{font-size:10px}}@media print{body{background:#fff}.topbar,.report-toolbar{display:none!important}.report-page{padding:0}.report-sheet{box-shadow:none;border:0;padding:0}.report-row{min-width:0}.report-footer{display:block}}.embedded-video{aspect-ratio:16/9;background:#071c55;border-radius:8px;margin-top:18px;position:relative;overflow:hidden;box-shadow:0 8px 24px #071c5529}.embedded-video iframe,.embedded-video video{background:#000;border:0;width:100%;height:100%;display:block}.video-unavailable{aspect-ratio:16/9;text-align:center;color:#63738d;background:#f4f8fd;border:1px dashed #b9cae1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin-top:18px;display:flex}.video-unavailable svg{color:#8ba3c4}.video-unavailable h2{color:#18345f;margin:12px 0 5px}.video-unavailable p{margin:0 20px}.video-note{line-height:1.5}.thumbnail-editor{background:#f7faff;border:1px solid #dfe9f7;border-radius:8px;grid-template-columns:1fr 230px;gap:18px;margin:2px 0 18px;padding:16px;display:grid}.thumbnail-fields small{color:#76849a;margin-top:-7px;font-size:9px;display:block}.thumbnail-upload{cursor:pointer;background:#fff;border:1px solid #79aafa;border-radius:5px;width:max-content;padding:9px 13px;color:var(--blue)!important;display:block!important}.thumbnail-upload input{display:none}.thumbnail-preview{aspect-ratio:16/9;color:#71819a;background:#edf3fb;border:1px dashed #b9cae1;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex;position:relative;overflow:hidden}.thumbnail-preview img{object-fit:cover;width:100%;height:100%}.thumbnail-preview button{color:#fff;background:#061744d1;border:0;border-radius:4px;padding:5px 8px;font-size:9px;position:absolute;top:7px;right:7px}.video-thumbnail{aspect-ratio:16/9;background-color:#071c55;background-position:50%;background-size:cover;border-radius:8px;margin-top:18px;position:relative;overflow:hidden;box-shadow:0 8px 24px #071c5529}.video-thumbnail:after{content:"";background:linear-gradient(#04123614,#041236c7);position:absolute;inset:0}.video-thumbnail>div{z-index:1;color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-thumbnail button{width:64px;height:64px;color:var(--blue);background:#fff;border:0;border-radius:50%;place-items:center;padding-left:4px;display:grid;box-shadow:0 8px 24px #00000040}.video-thumbnail h2{margin:13px 0 4px}.video-thumbnail p{color:#e3edff;margin:0}@media (width<=680px){.thumbnail-editor{grid-template-columns:1fr}.thumbnail-preview{max-width:280px}}.module-editor-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.delete-module-btn{color:#b63830;background:#fff;border:1px solid #dc746c;border-radius:5px;padding:10px 15px;font-weight:800}.delete-module-btn:disabled{opacity:.4;cursor:not-allowed}.video-admin-grid{border-top:1px solid var(--line);background:#f8fbff;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px;padding:18px;display:grid}.video-admin-card{background:#fff;border:1px solid #dce5f1;border-radius:9px;overflow:hidden;box-shadow:0 3px 10px #1e3e6812}.video-admin-thumb{aspect-ratio:16/9;color:#8295af;background:#e9f1fb;place-items:center;display:grid;position:relative;overflow:hidden}.video-admin-thumb img{object-fit:cover;width:100%;height:100%}.video-admin-thumb>span{color:#fff;background:#051437d1;border-radius:4px;padding:4px 7px;font-size:9px;position:absolute;bottom:8px;right:8px}.video-admin-copy{padding:14px}.video-admin-copy small{color:var(--blue);letter-spacing:.8px;font-size:8px;font-weight:900}.video-admin-copy h3{margin:6px 0!important;font-size:14px!important}.video-admin-copy p{color:#6c7a91;margin:0 0 12px;font-size:10px}.video-admin-copy .test-btn{width:100%;height:32px}.admin-tabs button{text-align:center;min-width:95px}.admin-tabs{gap:4px}@media (width<=680px){.module-editor-actions{flex-direction:column-reverse;align-items:stretch}.module-editor-actions button{width:100%}.video-admin-grid{grid-template-columns:1fr;padding:12px}}.question-editor>div:first-child>div{gap:4px;display:grid}.question-editor>div:first-child small{color:#73829a;font-size:9px}.question-block{background:#fff;border:1px solid #d5e1f0;border-radius:8px;margin-top:14px;padding:16px}.question-number{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.question-number button{color:#bd3f37;background:0 0;border:0;font-size:10px;font-weight:800}.option-editor{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.module-editor .option-editor label{background:#fafcff;border:1px solid #dce5f1;border-radius:6px;grid-template-columns:18px 58px 1fr;align-items:center;gap:7px;margin:0;padding:8px;display:grid}.module-editor .option-editor label.correct-option{background:#effbf6;border-color:#65c79f}.module-editor .option-editor input[type=radio]{accent-color:#009b63;width:15px;height:15px;padding:0}.module-editor .option-editor span{font-size:10px}.module-editor .option-editor input[type=text]{padding:9px}.question-weight{max-width:180px}.correct-help{color:#60708a;font-size:9px;display:block}.empty-questions{text-align:center;color:#6d7d95;border:1px dashed #c7d6e9;border-radius:7px;padding:28px;justify-content:center!important;gap:5px!important;display:grid!important}.empty-questions b{color:#263b60}.empty-questions span{font-size:10px}@media (width<=800px){.option-editor{grid-template-columns:1fr}}
