@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";html,body,#root{min-height:100%}button,input,select{font:inherit}.app-recovery{min-height:100vh;display:grid;place-content:center;gap:12px;padding:32px;text-align:center;background:#f0f3f6;color:#12233b}.app-recovery img{width:min(220px,70vw);margin:0 auto 10px}.app-recovery p{margin:0;color:#7a8aa1;font-size:14px}.app-recovery h1{margin:0;font-family:Georgia,serif;font-size:34px}.app-recovery span{max-width:520px;color:#445773}.app-recovery button{justify-self:center;margin-top:10px;border:0;border-radius:8px;padding:11px 17px;background:#000e35;color:#fff;font-weight:700;cursor:pointer}.app-recovery small{max-width:680px;color:#8b5960;overflow-wrap:anywhere}:root{font-family:Inter,Arial,sans-serif;color:#12233b;background:#f0f3f6}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}aside{width:252px;background:#12233b;padding:25px 16px;color:#fff}.brand{display:flex;align-items:center;gap:10px;margin:0 9px 26px}.brand svg{color:#e4c569}.brand b{font:700 26px Georgia}.brand span{display:block;font-size:12px;color:#d4deee}.roles{display:block;margin:0 8px 20px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#b9c8df}.roles select{margin-top:7px;width:100%;padding:9px;background:#2b405f;color:#fff;border:1px solid #526682;border-radius:7px}nav{display:grid;gap:4px}nav button{display:flex;gap:11px;align-items:center;text-align:left;border:0;border-radius:8px;padding:11px;background:transparent;color:#dce7f7;font-weight:700;cursor:pointer}nav .active,nav button:hover{background:#344b6b}main{flex:1;padding:0 28px 35px;min-width:0}main>header{height:82px;display:flex;align-items:center;justify-content:space-between}main>header p,.pagehead p{margin:0;color:#8394aa;font-size:11px;font-weight:800;letter-spacing:.12em}main>header h2{margin:3px 0;font-size:18px}.avatar{background:#e4c569;width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.hero{background:linear-gradient(120deg,#12233b,#294668);border-radius:15px;color:#fff;padding:27px 31px;margin-bottom:21px}.hero span{color:#e4c569;font-weight:700}.hero h1{font:700 29px Georgia;margin:6px 0}.hero p{margin:0;color:#d5e0ee}.panel{background:#fff;border:1px solid #e0e6ed;border-radius:15px;padding:22px;box-shadow:0 6px 18px #12233b12}.paneltop,.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.panel h2,.pagehead h1{font-family:Georgia;margin:0}.paneltop span{font-size:11px;color:#8292a9;font-weight:800;letter-spacing:.1em}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:18px}.quick button{background:#fff;border:1px solid #dce4ed;border-radius:9px;padding:14px;min-height:95px;text-align:left;color:#12233b;display:grid;gap:11px;cursor:pointer}.quick svg{color:#2f69ab}.quick button:hover{border-color:#e4c569;background:#fffcf4}.primary,.secondary,.draft,.text{border:0;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:750;display:inline-flex;align-items:center;gap:6px}.primary{background:#12233b;color:#fff}.secondary{background:#edf1f6;color:#344660}.draft{background:#fff2d2;color:#916b16}.pagehead{margin:2px 0 22px}.pagehead h1{font-size:33px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.record{border:1px solid #dfe6ee;border-radius:10px;padding:17px;min-height:145px;display:flex;flex-direction:column;justify-content:space-between}.record h3{margin:9px 0 6px}.record p{color:#6d7fa1;margin:0;font-size:13px}.badge{background:#e9f6ef;color:#207249;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:800}.draftbadge{background:#fff2d3;color:#956e16}.recordActions{display:flex;gap:7px;align-items:center}.icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce4ed;background:#fff;border-radius:7px;color:#234562;cursor:pointer}.danger{color:#b33e3e}.mini{font-size:12px;padding:8px 10px}.empty{padding:50px;text-align:center;color:#6f8098}.empty svg{color:#e4c569}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12233bb8;display:grid;place-items:center;padding:18px;z-index:20}.modal{width:min(860px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:17px;padding:23px}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal h2{font-family:Georgia;margin:0}.top{display:flex;justify-content:flex-end;margin:-4px 0 12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:grid;gap:6px;font-size:13px;font-weight:700;color:#344760}.full{grid-column:1/-1}.field input,.field select,.inline input{padding:10px;border:1px solid #d9e1ea;border-radius:7px;background:#fff}.field small{font-weight:400;color:#73839a}.editor{border:1px solid #d9e1ea;border-radius:7px;overflow:hidden}.editor>div:first-child{padding:5px;background:#f4f6f9;border-bottom:1px solid #e3e8ee}.editor button{border:0;background:transparent;padding:3px 8px;color:#274965}.editable{min-height:88px;padding:10px;font-weight:400;outline:0}.editable:empty:before{content:attr(data-placeholder);color:#93a1b0}h4{margin:20px 0 8px;font-size:13px}.checks{display:flex;flex-wrap:wrap;gap:8px}.checks label{display:flex;gap:6px;align-items:center;padding:9px;border:1px solid #dde4ed;border-radius:7px;font-size:13px}.days label{background:#f7f9fb;flex-wrap:wrap}.days input[type=time]{border:0;width:94px;padding:4px}.inline{display:flex;gap:8px;margin-top:10px}.question{border:1px solid #dce4ed;border-radius:9px;padding:13px;margin:11px 0}.options{display:grid;gap:7px;margin-top:10px}.options label{display:grid;grid-template-columns:18px 1fr 70px;gap:7px;align-items:center;font-size:12px;color:#287050}.options input:not([type]){padding:8px;border:1px solid #d9e1ea;border-radius:6px}.hint{font-size:13px;color:#6d7fa1}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.confirmation{text-align:center}.confirmation>div{margin:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#277c4c;background:#e7f5ed}.confirmation h3{margin-bottom:5px}.confirmation p{color:#6e7f97}.detail>div{padding:11px 0;border-bottom:1px solid #e4e9ef;display:grid;gap:5px;font-size:14px}.detail b{color:#657792}.stats{display:flex;gap:13px;margin-top:17px}.stats b{flex:1;border:1px solid #e0e6ed;border-radius:9px;padding:18px;font-size:28px}.stats span{font-size:13px;color:#6d7fa1;display:block;font-weight:400}.toast{position:fixed;right:24px;bottom:23px;background:#1c6947;color:#fff;padding:11px 14px;border-radius:8px;display:flex;gap:7px;align-items:center;font-weight:700;font-size:13px;z-index:30}@media (max-width:850px){aside{width:210px}.quick,.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.app{display:block}aside{width:auto;padding:12px}.brand,.roles{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap}main{padding:0 13px 25px}.hero{padding:21px}.hero h1{font-size:24px}.quick,.cards,.grid{grid-template-columns:1fr}.modal{padding:16px}.days{display:grid;grid-template-columns:1fr 1fr}.modal footer button{flex:1;justify-content:center}.panel{padding:16px}}.upload-box{border:1px dashed #aebdce;border-radius:8px;padding:12px;display:grid;gap:8px;background:#f8fafc}.upload-box b{font-size:13px}.upload-box span,.upload-box small{font-size:12px;color:#687b96}.upload-box input{padding:9px;border:1px solid #d9e1ea;border-radius:7px;background:#fff}.course-cover{width:100%;height:112px;object-fit:cover;border-radius:7px;margin-bottom:12px;background:#f0f3f6}.users-list{display:grid;grid-template-columns:1fr;gap:8px}.user-row{min-height:0;flex-direction:row;align-items:center}.user-row>div:first-child{flex:1}.user-row h3{margin:5px 0}.user-row .recordActions{margin-left:auto}@media (max-width:600px){.user-row{align-items:flex-start;flex-direction:column}.user-row .recordActions{margin-left:0}}:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#131724;background:#f5f7fa;letter-spacing:.005em}aside{background:#000e35;padding-top:22px}.side-title{display:flex;gap:9px;align-items:center;margin:0 9px 26px;color:#dce8ff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.side-title svg{color:#e3c568}nav .active,nav button:hover{background:#17285e}main{padding:0 32px 40px}.topbar{height:92px!important;margin:0 -32px 25px;padding:12px 32px;background:#fff;border-bottom:1px solid #e5e9f0;box-shadow:0 2px 8px #000e3508;display:flex;align-items:center!important}.header-logo{height:66px;width:auto;max-width:330px;object-fit:contain;object-position:left center}.greeting{margin-left:22px;border-left:1px solid #e5e9f0;padding-left:22px}.greeting p{margin:0!important;color:#131724!important;font-weight:650!important;font-size:16px!important;letter-spacing:0!important;text-transform:none!important}.greeting span{color:#68748a;font-size:12px}.avatar{margin-left:auto;background:#e3c568;color:#000e35}.hero{background:linear-gradient(120deg,#000e35,#131724)}.hero span{color:#e3c568}.primary{background:#000e35}.primary:hover{background:#0080ff}.quick svg{color:#0080ff}.quick button:hover{border-color:#e3c568}.panel h2,.pagehead h1,.modal h2{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:650;letter-spacing:-.02em}.record h3{font-weight:650}.course-cover{height:138px;margin:-2px -2px 13px;width:calc(100% + 4px)}@media (max-width:600px){main{padding:0 14px 28px}.topbar{height:74px!important;margin:0 -14px 18px;padding:8px 14px}.header-logo{height:50px;max-width:190px}.greeting{margin-left:12px;padding-left:12px}.greeting p{font-size:14px!important}.greeting span{display:none}}@media (min-width:601px){.topbar{position:fixed;top:0;left:0;width:100vw;margin:0!important;z-index:15;padding:12px 32px!important}.app aside{padding-top:114px}.app main{padding-top:117px}.app main>.topbar+*{margin-top:0}}@media (max-width:600px){.topbar{position:fixed;top:0;left:0;width:100vw;margin:0!important;z-index:15}.app aside{padding-top:86px}.app main{padding-top:92px}}.form-fields{margin-top:24px;border-top:1px solid #e5e9ef;padding-top:18px}.field-title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px}.field-title h3{margin:0;color:#131724}.field-title p{margin:4px 0 0;color:#71809a;font-size:13px}.compact{padding:26px}.builder-field{position:relative;border:1px solid #dfe6ee;border-radius:10px;padding:16px 52px 16px 48px;margin-top:12px;background:#fbfcfe}.builder-number{position:absolute;left:15px;top:18px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e6f1ff;color:#006bd6;font-size:12px;font-weight:800}.builder-field>.icon{position:absolute;right:12px;top:13px}.builder-field textarea{min-height:70px;padding:10px;border:1px solid #d9e1ea;border-radius:7px;resize:vertical;font:inherit}.toggle{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:650;color:#344760}@media (max-width:600px){.field-title{display:block}.field-title .secondary{margin-top:12px}.builder-field{padding:48px 14px 14px}.builder-number{top:14px}.builder-field>.icon{top:9px}}.records-list{display:grid;grid-template-columns:1fr;gap:9px}.list-row{min-height:0;flex-direction:row;align-items:center;gap:18px;padding:14px 16px}.list-row>div:first-child{flex:1}.list-row h3{margin:4px 0}.download{text-decoration:none;font-size:12px}.recordActions{flex-wrap:wrap;justify-content:flex-end}@media (max-width:700px){.list-row{align-items:flex-start;flex-direction:column}.recordActions{justify-content:flex-start}.list-row .recordActions{margin-left:0}}.sortable-lessons{padding:16px 0;border-bottom:1px solid #e4e9ef;display:grid;gap:10px}.sortable-lessons>div{display:grid;gap:3px}.sortable-lessons>div span,.sortable-lessons p{margin:0;color:#71809a;font-size:12px}.sortable-lessons ol{list-style:none;padding:0;margin:0;display:grid;gap:7px}.sortable-lessons li{cursor:grab;border:1px solid #dce4ed;border-radius:7px;background:#fbfcfe;padding:10px;display:flex;gap:9px;align-items:center;font-size:14px}.sortable-lessons li.dragging{opacity:.45;border-style:dashed}.drag-handle{color:#0080ff;font-size:19px;line-height:1}.filters{display:flex;gap:10px;margin:-5px 0 18px}.filters input,.filters select{padding:10px 12px;border:1px solid #d9e1ea;border-radius:8px;background:#fff;color:#33465f;font:inherit}.filters input{flex:1}.filters select{min-width:175px}@media (max-width:600px){.filters{flex-direction:column}.filters select{min-width:0}}.question{position:relative}.remove-question{position:absolute;right:12px;top:12px}.options label{grid-template-columns:18px 1fr 70px 32px}.remove-option{width:30px;height:30px}@media (max-width:600px){.options label{grid-template-columns:18px 1fr 32px}.options label span{grid-column:2}.remove-option{grid-column:3;grid-row:1}}.cards .recordActions{justify-content:flex-start}.cards .recordActions{margin-top:14px}.cards .record p{margin-bottom:8px}.teacher-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin:20px 0}.today-list{display:grid;gap:9px;margin-top:13px}.today-list article{border:1px solid #dde5ee;border-radius:9px;padding:12px;display:flex;gap:10px;align-items:center}.today-list article b{flex:1}.today-list article span{font-size:12px;color:#6d7d96}.alerts{display:grid;gap:10px;margin-top:14px}.alerts div{padding:12px;border-radius:8px;background:#f6f8fb;display:flex;gap:9px;align-items:center}.alerts b{color:#0080ff;font-size:24px}.alerts span{font-size:13px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:14px}.week>div{min-height:100px;padding:10px;border:1px solid #e0e6ef;border-radius:8px;background:#fbfcfe;display:grid;align-content:start;gap:7px}.week b{font-size:12px;color:#667894;text-transform:uppercase}.week span{font-size:11px;color:#12233b;border-left:2px solid #0080FF;padding-left:5px}.teacher-course-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.teacher-course-links button{background:#fbfcfe;border:1px solid #dce4ed;border-radius:8px;padding:12px;text-align:left;color:#12233b;font-weight:700;cursor:pointer}.teacher-course-links span{display:block;color:#728199;font-size:12px;font-weight:400;margin-top:4px}.muted{color:#728199;font-size:13px}@media (max-width:850px){.teacher-grid{grid-template-columns:1fr}.week{grid-template-columns:repeat(4,1fr)}.teacher-course-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.today-list article{align-items:flex-start;flex-direction:column}.week{grid-template-columns:repeat(2,1fr)}}:root,button,input,select,textarea{font-family:Ubuntu,Arial,sans-serif!important}.hero h1{font-family:Ubuntu,Arial,sans-serif!important;font-weight:700}.student-hero{background:linear-gradient(120deg,#000e35,#173b72)}.student-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.student-stats>div{background:#fff;border:1px solid #e0e6ef;border-radius:12px;padding:17px;display:grid;grid-template-columns:32px 1fr;gap:4px 10px}.student-stats svg{grid-row:span 2;color:#0080ff}.student-stats b{font-size:22px}.student-stats span{font-size:12px;color:#71809a}.student-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:20px}.requested-list,.student-reminders{display:grid;gap:10px;margin-top:15px}.requested-list>div,.student-reminders>div{display:flex;gap:10px;align-items:center;padding:11px;border-radius:8px;background:#f7f9fc}.requested-list span,.student-reminders span{display:grid;gap:2px;flex:1}.requested-list small,.student-reminders small{color:#71809a;font-size:12px}.student-intro{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #cae1ff;background:#f3f8ff;border-radius:8px;color:#315579;font-size:13px;margin-bottom:18px}.student-intro svg{color:#0080ff}.student-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.student-course{border:1px solid #dfe6ee;border-radius:11px;overflow:hidden;background:#fff}.student-course>img,.course-placeholder{width:100%;height:130px;object-fit:cover;background:#edf2f8}.course-placeholder{display:grid;place-items:center;color:#0080ff}.locked-title{padding:8px 13px;background:#f5f7fa;color:#6c7a90;font-size:11px;font-weight:700}.student-course-body{padding:14px}.student-course-body h3{margin:0 0 7px}.course-summary{color:#687992;font-size:13px;min-height:38px}.course-meta{display:flex;gap:8px;margin:13px 0;color:#687992;font-size:11px}.course-meta span{padding:4px 6px;border-radius:4px;background:#f1f4f8}.full-button{width:100%;justify-content:center}.learning-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.learning-paths button{border:1px solid #dce4ed;border-radius:9px;background:#fff;padding:13px;display:flex;align-items:center;gap:9px;text-align:left;color:#12233b;cursor:pointer}.learning-paths button>span:nth-child(2){flex:1;font-weight:700}.learning-paths small{display:block;font-size:11px;color:#71809a;font-weight:400;margin-top:3px}@media (max-width:850px){.student-course-grid{grid-template-columns:repeat(2,1fr)}.student-grid{grid-template-columns:1fr}.learning-paths{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.student-stats,.student-course-grid,.learning-paths{grid-template-columns:1fr}}.requests-list{display:grid;gap:10px}.request-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dfe5ef;border-radius:12px;padding:16px 18px;background:#fff}.request-row h3{margin:7px 0 4px;font-size:15px}.request-row p{margin:0;color:#63718a;font-size:13px}.request-row .badge{display:inline-flex;background:#edf3fb;color:#31537d;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.request-row .badge.gold{background:#fff4d8;color:#966d13}@media (max-width:620px){.request-row{align-items:flex-start;flex-direction:column}.request-row .mini{width:100%}}.classroom{display:grid;gap:18px}.back{justify-self:start}.classroom-head{background:linear-gradient(115deg,#000e35,#131724);border-radius:16px;padding:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.classroom-head span,.lesson-label{font-size:11px;letter-spacing:.12em;color:#e3c568;font-weight:700}.classroom-head h1{margin:7px 0 14px;font-size:27px}.classroom-head small{color:#dbe5f7}.classroom-head img{width:155px;height:92px;border-radius:10px;object-fit:cover}.progress{height:7px;width:min(430px,100%);background:#38425e;border-radius:99px;overflow:hidden;margin-bottom:8px}.progress i{display:block;height:100%;background:#e3c568;border-radius:99px}.classroom-layout{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #dfe5ef;border-radius:14px;overflow:hidden;background:#fff}.lesson-list{padding:18px;border-right:1px solid #e5e9f0;display:grid;align-content:start;gap:8px}.lesson-list>b{font-size:14px;margin-bottom:7px}.lesson-list button{display:flex;text-align:left;align-items:center;gap:10px;border:0;background:transparent;padding:10px 8px;border-radius:8px;color:#263c60;cursor:pointer;font-family:inherit}.lesson-list button.selected{background:#edf4ff;color:#000e35;font-weight:700}.lesson-list button>span{width:23px;height:23px;border:1px solid #b9c4d5;border-radius:50%;display:grid;place-items:center;font-size:11px;flex:0 0 auto}.lesson-list button>span.done{background:#0080ff;color:#fff;border-color:#0080ff}.lesson-list em{font-style:normal;font-size:13px}.lesson-view{padding:28px;min-width:0}.lesson-view h2{margin:7px 0 18px;font-size:24px}.video-placeholder{min-height:205px;border-radius:12px;background:#000e35;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-decoration:none;margin-bottom:22px}.video-placeholder small{color:#cbd8ec}.muted-video{background:#edf2f8;color:#52637d}.lesson-content{line-height:1.65;color:#34435c;margin-bottom:18px}.lesson-view footer{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.student-course.unlocked .locked-title{background:#e8f7ef;color:#17643e}.student-course.unlocked{border-color:#bde7ce}@media (max-width:760px){.classroom-layout{grid-template-columns:1fr}.lesson-list{border-right:0;border-bottom:1px solid #e5e9f0}.classroom-head{align-items:flex-start;flex-direction:column}.classroom-head img{width:100%;height:130px}.lesson-view{padding:20px}.lesson-view footer{flex-direction:column-reverse}.lesson-view footer button{width:100%}}.lesson-list{background:#000e35;border-color:#203456}.lesson-list>b{color:#fff}.lesson-list button{color:#fff}.lesson-list button.selected{background:#fff;color:#000e35}.lesson-list button>span{border-color:#8da0c2;color:#fff}.lesson-list button.selected>span{border-color:#9aabc5;color:#000e35}.video-player,.native-video{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#000e35;display:block;margin-bottom:22px;overflow:hidden}.video-player iframe{width:100%;height:100%;border:0}.course-activities{margin-top:26px;border-top:1px solid #e3e8f0;padding-top:20px}.course-activities h3{font-size:16px;margin:0 0 12px}.course-activities>p{color:#6e7a8e;font-size:13px}.course-activities>div{display:grid;gap:8px}.course-activities article{display:flex;align-items:center;gap:11px;border:1px solid #e2e7ef;border-radius:10px;padding:11px 12px;color:#17345c}.course-activities article>span{display:grid;gap:2px;flex:1}.course-activities article small{color:#738098;font-size:12px}.live-session{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:15px 16px;border:1px solid #d9c073;border-radius:11px;background:#fff9e9}.live-session>div{display:grid;gap:4px}.live-session span{font-size:11px;letter-spacing:.11em;color:#96731c;font-weight:700}.live-session b{font-size:14px;color:#1c3151}.live-session small{color:#778397}@media (max-width:620px){.live-session{align-items:flex-start;flex-direction:column}.live-session .primary{width:100%}}.course-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 10px;margin:13px 0 2px;font-size:11px;font-weight:700;color:#53647d}.course-progress:before{content:"";grid-column:1/3;grid-row:1;height:6px;border-radius:99px;background:#e2e8f0}.course-progress i{grid-column:1/3;grid-row:1;height:6px;border-radius:99px;background:#0080ff;position:relative;z-index:1}.course-progress span{grid-column:2;text-align:right}.student-task-action{display:flex;align-items:center;gap:8px}.task-delivery{display:grid;gap:14px}.task-delivery h3{margin:0}.task-delivery>p{margin:0;color:#718099;font-size:13px}.certificate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.certificate-grid article{border:1px solid #e3c568;border-radius:14px;padding:22px;background:linear-gradient(135deg,#fffdf5,#fff);display:grid;gap:9px}.certificate-grid svg{color:#b68b22}.certificate-grid span{font-size:10px;letter-spacing:.1em;font-weight:700;color:#92701b}.certificate-grid h3{margin:0;color:#000e35}.certificate-grid p{font-size:13px;color:#687792;margin:0 0 7px}.task-instructions,.topic-description{border-left:3px solid #e3c568;padding:10px 13px;background:#fffdf5;color:#394861;font-size:14px;line-height:1.55}.exam-player,.topic-viewer{display:grid;gap:14px}.exam-player>h3,.topic-viewer h3{margin:0;color:#000e35}.exam-player>p{margin:0;color:#6e7c93;font-size:13px}.student-question{border:1px solid #e0e6ef;border-radius:10px;padding:15px;display:grid;gap:10px}.student-question>b{color:#162c50}.student-question>small{color:#8a701f;font-weight:700}.student-question>div{display:grid;gap:8px}.student-question label{display:flex;align-items:center;gap:9px;font-size:14px;color:#43536c}.student-question textarea,.topic-compose textarea{width:100%;min-height:95px;padding:10px;border:1px solid #d8e0ec;border-radius:8px;font:inherit;resize:vertical}.exam-player footer,.task-delivery footer{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.exam-result{text-align:center;display:grid;justify-items:center;gap:13px;padding:12px}.exam-result svg{color:#b5871b}.exam-result h3,.exam-result p{margin:0}.exam-result>b{font-size:24px;color:#000e35}.exam-result p{color:#687792}.topic-replies{display:grid;gap:9px;border-top:1px solid #e1e6ee;padding-top:14px}.topic-replies>p{color:#758199;font-size:13px;margin:0}.topic-replies article{padding:11px 13px;border-radius:9px;background:#f3f6fa}.topic-replies article span{font-weight:700;font-size:12px;color:#1d477d}.topic-replies article p{margin:5px 0 0;color:#43536d;font-size:14px}.topic-compose{display:grid;gap:9px}.topic-compose button{justify-self:end}@media (max-width:620px){.exam-player footer,.task-delivery footer{flex-direction:column-reverse}.exam-player footer button,.task-delivery footer button,.topic-compose button{width:100%}}.result-label{font-weight:700;font-size:13px;letter-spacing:.08em;color:#65728a}.result-label.pass{color:#14804a}.result-label.fail{color:#b42318}.exam-result footer,.grading footer{display:flex;justify-content:center;gap:10px}.grading{display:grid;gap:14px}.grading h3,.grading p{margin:0}.submitted-work{padding:13px;background:#f3f6fa;border-radius:9px;display:grid;gap:6px}.submitted-work p{color:#43536d}.submitted-work small{color:#6f7c92}@media (max-width:620px){.exam-result footer,.grading footer{flex-direction:column-reverse}.exam-result footer button,.grading footer button{width:100%}}.group-members{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.group-members span{display:grid;gap:2px;background:#edf4ff;color:#164279;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:700}.group-members small{font-size:10px;font-weight:400;color:#64738b}.group-members em{font-style:normal;font-size:12px;color:#7a879a}.lesson-list button.locked{opacity:.72}.availability-preview{margin:12px 0 22px;padding:20px;border:1px dashed #d7bd70;border-radius:12px;background:#fffaf0}.availability-preview span{font-size:11px;letter-spacing:.1em;color:#9b7518;font-weight:700}.availability-preview h3{margin:7px 0;color:#1d3151}.availability-preview p{margin:0;color:#617088;line-height:1.5}.lesson-view .primary:disabled{background:#9aa6b7;cursor:not-allowed}.lesson-footer{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}.lesson-footer>button:last-child,.lesson-footer>.course-end{text-align:right;justify-self:end}.completion-control{display:grid;justify-items:center;gap:5px}.completion-control small{font-size:11px;color:#8a6c1b;text-align:center}.course-end{font-size:12px;color:#64738b}.returned-note{color:#a5421a!important;font-size:12px;font-weight:700}@media (max-width:760px){.lesson-footer{grid-template-columns:1fr!important}.lesson-footer>button,.lesson-footer>button:last-child,.lesson-footer>.course-end{width:100%;justify-self:stretch;text-align:center}.completion-control{order:-1}.lesson-footer .completion-control .primary{width:100%}}.course-activities .activity-status{font-weight:700;color:#a37717;margin-top:1px}.course-activities .activity-status.approved{color:#17804b}.course-activities .activity-status.rejected{color:#b42318}.certificate-sections{display:grid;gap:10px;margin:18px 0}.certificate-sections h3,.certificate-sections p{margin:0}.certificate-sections p{font-size:13px;color:#6b7890}.certificate-sections>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px;border:1px solid #e1e6ee;border-radius:8px}.certificate-sections label{display:flex;align-items:center;gap:8px;font-size:14px}.certificate-sections select{max-width:125px}.certificate-preview{min-height:185px;border:1px dashed #d4b861;border-radius:12px;background:#fffaf0 center/cover;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;padding:20px}.certificate-preview>span{font-size:10px;letter-spacing:.1em;color:#8b6c19;font-weight:700}.certificate-preview b{font-size:24px;color:#000e35}.certificate-preview em{font-style:normal;color:#334760}.certificate-preview small{color:#586b85}.certificate-thumb{width:112px;height:70px;object-fit:cover;border-radius:7px}.student-certificate{background:#fffaf0 center/cover;min-height:250px;align-content:center;text-align:center}.student-certificate h3{font-size:22px}.student-certificate small{color:#384a67}@media (max-width:620px){.certificate-sections>div{align-items:flex-start;flex-direction:column}.certificate-sections select{max-width:none;width:100%}}.full-template{position:relative;overflow:hidden;aspect-ratio:1.78/1;background:#f8fafc;border:1px dashed #d4b861;border-radius:12px}.full-template>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#fff}.template-empty{height:100%;display:grid;place-items:center;padding:20px;text-align:center;color:#768399;font-size:13px}.preview-label{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2;font-size:10px!important;letter-spacing:.1em!important;color:#8b6c19!important;font-weight:700;background:#fff8d9;padding:3px 6px;border-radius:4px}.certificate-overlay{position:absolute;z-index:2;margin:0!important;max-width:70%;text-align:center;color:#000e35;text-shadow:0 1px 5px rgba(255,255,255,.85)}.certificate-overlay.top-left{top:12%;left:8%;transform:translate(-0,-50%)}.certificate-overlay.top-center{top:12%;left:50%;transform:translate(-50%,-50%)}.certificate-overlay.top-right{top:12%;right:8%;transform:translateY(-50%)}.certificate-overlay.center-left{top:50%;left:8%;transform:translateY(-50%)}.certificate-overlay.center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.certificate-overlay.center-right{top:50%;right:8%;transform:translateY(-50%)}.certificate-overlay.bottom-left{bottom:12%;left:8%;transform:translateY(50%)}.certificate-overlay.bottom-center{bottom:12%;left:50%;transform:translate(-50%,50%)}.certificate-overlay.bottom-right{bottom:12%;right:8%;transform:translateY(50%)}.certificate-preview.full-template{min-height:0;padding:0;display:block}.certificate-preview .certificate-overlay{font-size:15px}.certificate-preview b.certificate-overlay{font-size:24px}.student-certificate{padding:0!important;display:block!important;min-height:220px}.student-certificate .certificate-overlay{font-size:13px}.student-certificate h3.certificate-overlay{font-size:18px}.certificate-mark{position:absolute;z-index:2;top:10px;left:12px;color:#b5871b}.certificate-download{position:absolute;z-index:3;right:12px;bottom:10px}.certificate-sections>div small{color:#7b8799;font-size:12px}.certificate-overlay{transform:translate(-50%,-50%)!important;color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.8)!important;white-space:nowrap;cursor:default}.draggable-overlay{cursor:grab!important;padding:6px 10px;border:1px dashed rgba(255,255,255,.75);border-radius:5px;-webkit-user-select:none;user-select:none}.draggable-overlay:active{cursor:grabbing!important}.certificate-overlay.student{font-size:clamp(18px,3vw,32px)!important;font-weight:700!important}.certificate-overlay.course,.certificate-overlay.date{font-size:clamp(11px,1.5vw,15px)!important;font-weight:700!important}.student-certificate .certificate-overlay.student{font-size:clamp(15px,2.2vw,25px)!important}.student-certificate .certificate-overlay.course,.student-certificate .certificate-overlay.date{font-size:clamp(9px,1.2vw,12px)!important}.certificate-preview .certificate-overlay.student{font-size:clamp(16px,2.7vw,29px)!important}.certificate-preview .certificate-overlay.course,.certificate-preview .certificate-overlay.date{font-size:clamp(10px,1.35vw,14px)!important}.certificate-overlay.course{font-size:clamp(9px,1.15vw,12px)!important}.student-certificate .certificate-overlay.course{font-size:clamp(8px,1vw,10px)!important}.certificate-preview .certificate-overlay.course{font-size:clamp(9px,1.05vw,11px)!important}.role-badge{width:38px;height:38px;object-fit:contain;border-radius:50%;display:block;filter:drop-shadow(0 2px 3px rgba(0,14,53,.18))}.profile-role{display:flex;align-items:center;gap:9px}.profile-role .role-badge{width:38px;height:38px}@media (min-width:601px){.topbar .greeting{position:absolute;left:284px;margin-left:0}.topbar .profile-role{margin-left:auto}}@media (max-width:600px){.topbar .greeting{position:static}}.lesson-footer{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.lesson-footer>button,.lesson-footer>.completion-control,.lesson-footer>.course-end{width:100%!important;justify-self:stretch!important}.lesson-footer>button:last-child,.lesson-footer>.course-end{text-align:center!important}.lesson-footer .completion-control .primary{width:100%;justify-content:center}.lesson-footer>button{justify-content:center}.lesson-footer .secondary:disabled,.lesson-footer .primary:disabled{opacity:.55;cursor:not-allowed}.avatar-preview{width:66px;height:66px;border-radius:50%;object-fit:cover;margin-top:7px}.teacher-profile-fields{display:grid;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #e1e6ee}.teacher-profile-fields h3{margin:0}.repeater{display:grid;gap:8px;border:1px solid #e0e6ef;border-radius:9px;padding:12px}.repeater>div:first-child{display:flex;justify-content:space-between;align-items:center}.repeater article{position:relative;padding:5px 42px 5px 0}.repeater article .icon{position:absolute;right:0;top:5px}.repeater input,.repeater textarea{width:100%;padding:9px;border:1px solid #d9e1ea;border-radius:7px;font:inherit}.teacher-link{padding:0;border:0;background:transparent;color:#1760aa;text-align:left;font:inherit;font-size:12px;font-weight:700;cursor:pointer;margin-top:5px}.teacher-public-profile{display:grid;gap:11px}.teacher-public-profile>img{width:82px;height:82px;border-radius:50%;object-fit:cover}.teacher-public-profile h3,.teacher-public-profile p{margin:0}.teacher-public-profile>div{border-top:1px solid #e4e9ef;padding-top:9px}.teacher-public-profile>div p{font-size:13px;color:#61718a;margin-top:5px}.status-danger{border-color:#db4c4c!important}.status-good{border-color:#3b9b63!important}.status-warn{border-color:#d8ae2e!important}.movement-list{display:grid;gap:7px}.movement-list button{display:flex;justify-content:space-between;gap:12px;text-align:left;border:1px solid #e1e6ee;border-radius:8px;background:#fff;padding:10px;font:inherit;cursor:pointer}.movement-list small{color:#6c7a91}.student-stats>div{border:1px solid #e0e6ed;border-radius:10px;padding:14px}.student-stats{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px}.student-stats>div svg{color:#0080ff}.teacher-public-profile{font-size:14px}.announcement-popup{display:grid;gap:15px}.announcement-popup h2,.announcement-popup p{margin:0}.announcement-popup p{color:#62718a}.announcement-popup>button{justify-self:end}@media print{body *{visibility:hidden}.student-certificate,.student-certificate *{visibility:visible}.student-certificate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.certificate-download{display:none!important}}.teacher-tasks{display:grid;gap:20px}.topic-child{margin:9px 0 0 24px!important;border-left:3px solid #d6e2f2!important;background:#fafcff!important}.replying-to{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;background:#fff6dc;border-radius:6px;font-size:12px;color:#715818}.add-field-bottom{display:flex;justify-content:flex-start;margin-top:16px;padding-top:16px;border-top:1px solid #e4e9f1}.special-question{margin-top:14px;padding:14px;border:1px solid #dbe3ef;border-radius:10px;background:#f8fafd}.option-editor,.matching-row{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:8px;align-items:center;margin:8px 0}.option-editor>b{color:#0080ff}.parts-editor{display:flex;flex-wrap:wrap;gap:10px}.parts-editor .part{position:relative;min-width:190px;flex:1}.parts-editor .part span{display:block;font-size:12px;font-weight:700;color:#53627c;margin-bottom:4px}.parts-editor .part input{width:100%;padding:10px 36px 10px 10px;border:1px solid #cfd9e8;border-radius:7px}.parts-editor .part button{position:absolute;right:2px;bottom:2px}.matching-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px}.matching-editor>b{font-size:13px;color:#000e35}.matching-row{grid-column:1/3;grid-template-columns:1fr 1fr 32px}.signature-box{border:1px dashed #b7c5d8;border-radius:9px;padding:8px;background:#fff}.signature-box canvas{width:100%;height:150px;display:block;touch-action:none;cursor:crosshair}.answer-options{display:flex;flex-direction:column;gap:8px;padding:4px 0}.answer-options label,.single-check{display:flex;align-items:center;gap:8px;font-weight:500}.yes-no,.rating-buttons{display:flex;flex-wrap:wrap;gap:8px}.yes-no button,.rating-buttons button{border:1px solid #c9d5e5;background:#fff;border-radius:7px;color:#000e35;font-weight:700;padding:8px 14px}.yes-no button.selected,.rating-buttons button.selected{background:#0080ff;color:#fff;border-color:#0080ff}.sortable-answer>div,.match-left,.match-right{border:1px solid #d7e0ec;background:#fff;border-radius:8px;padding:10px;margin:7px 0;cursor:grab}.sortable-answer span{color:#7888a3;margin-right:8px}.fill-answer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 0}.fill-answer input{max-width:180px;border:0;border-bottom:2px solid #0080ff;padding:7px;background:#f5f9ff}.matching-answer{display:grid;grid-template-columns:1fr 1fr;gap:18px}.matching-answer p{grid-column:1/3;margin:0;color:#53627c}.match-right{background:#f7faff;min-height:40px}@media (max-width:600px){.matching-editor,.matching-answer{grid-template-columns:1fr}.matching-row{grid-column:1;grid-template-columns:1fr 1fr 30px}.matching-answer p{grid-column:1}.parts-editor{display:block}.parts-editor .part{margin:8px 0}}.form-info-text{white-space:pre-wrap;background:#f3f7fc;border-left:4px solid #0080ff;padding:14px 16px;border-radius:0 8px 8px 0;color:#142443;line-height:1.55}.sectioned-nav{display:flex;flex-direction:column;gap:17px}.nav-section{display:flex;flex-direction:column;gap:3px}.nav-section-title{padding:0 12px 5px;color:#8fa4d0;font-size:10px;font-weight:800;letter-spacing:1.05px;text-transform:uppercase}.sectioned-nav button{margin:0}.sectioned-nav .nav-section:first-child .nav-section-title{display:none}.sectioned-nav .nav-section:first-child{margin-bottom:2px}.sectioned-nav .nav-section:not(:first-child){padding-top:13px;border-top:1px solid rgba(255,255,255,.12)}.course-stats h2{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.stats-grid>div{border:1px solid #dbe3ef;border-radius:10px;padding:14px;background:#f8fafd;display:flex;flex-direction:column;gap:4px}.stats-grid b{font-size:24px;color:#000e35}.stats-grid span{font-size:12px;color:#54637d}.stats-lists{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats-lists section{border-top:1px solid #dce4ef;padding-top:10px}.stats-lists h3{font-size:14px}.stats-names{display:flex;flex-direction:column;gap:7px}.stats-names span{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:#f3f7fc;border-radius:7px;font-size:13px}.stats-names small{color:#687995}.stats-names em{font-size:13px;color:#687995;font-style:normal}@media (max-width:650px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-lists{grid-template-columns:1fr}}.pending-dot{width:9px;height:9px;border-radius:50%;background:#ed3d3d;margin-left:auto;box-shadow:0 0 0 2px #ed3d3d2e;animation:pendingPulse 1.25s ease-in-out infinite}@keyframes pendingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}.answer-review{padding:11px 0;border-bottom:1px solid #e0e7f0}.answer-review:last-child{border-bottom:0}.answer-review p{margin:5px 0;color:#273c5e}.answer-review small{display:inline-block;font-weight:800}.answer-correct{color:#078b4c}.answer-wrong{color:#c62424}.answer-reviewing{color:#a27500}.review-signature{display:block;max-width:100%;height:110px;object-fit:contain;border:1px solid #dce5ef;border-radius:7px;background:#fff;margin-top:7px}.topic-new{border-color:#e85656!important;box-shadow:0 0 0 1px #e856561f;background:#fffafb}.topic-statuses{display:flex;gap:7px;align-items:center;margin-bottom:5px}.topic-new .draftbadge{background:#fff0f0;color:#c62424}.teacher-dashboard-top{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.teacher-quick-panel .quick{grid-template-columns:1fr;gap:7px}.teacher-quick-panel .quick button{min-height:0;padding:10px 12px;flex-direction:row;align-items:center}.teacher-quick-panel .quick b{font-size:13px}.teacher-calendar{margin-bottom:20px}.teacher-pending-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.pending-panel{min-height:200px}.pending-panel h2{font-size:16px}.teacher-courses-dashboard{margin-bottom:20px}.teacher-course-cards{grid-template-columns:repeat(3,1fr)}@media (max-width:980px){.teacher-dashboard-top,.teacher-pending-grid{grid-template-columns:1fr}.teacher-quick-panel .quick,.teacher-course-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.teacher-quick-panel .quick,.teacher-course-cards{grid-template-columns:1fr}}.header-classes{margin-left:auto;margin-right:28px;max-width:430px;min-width:240px;border-left:1px solid #dbe3ef;padding-left:22px;color:#40516f}.header-classes small{display:block;color:#0080ff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px}.header-classes div{display:flex;flex-wrap:wrap;gap:3px 10px}.header-classes span{display:block;font-size:12px;white-space:nowrap}.header-classes b{color:#000e35}@media (max-width:1000px){.header-classes{display:none}}.course-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.teacher-dashboard-top{grid-template-columns:1fr}.teacher-quick-panel .quick{grid-template-columns:repeat(4,minmax(0,1fr))}.teacher-quick-panel .quick button{min-height:82px;flex-direction:column;align-items:flex-start}@media (max-width:980px){.teacher-quick-panel .quick{grid-template-columns:repeat(2,1fr)}}.profile-role{border:0;background:transparent;cursor:pointer}.profile-editor .muted{display:block;margin-top:8px}.student-stats>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:18px 20px;min-height:116px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:11px;align-content:center;text-align:left;cursor:pointer;font-family:inherit;color:#000e35;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.student-stats>button:hover{transform:translateY(-2px);box-shadow:0 9px 18px #000e3514;border-color:#0080ff}.student-stats>button svg{grid-row:1/3;align-self:center;color:#0080ff}.student-stats>button b{font-size:27px;line-height:1.1;color:#000e35}.student-stats>button span{font-size:13px;color:#65738b}.student-stats>button.status-danger{border-color:#e75b5b;background:snow}.student-stats>button.status-good{border-color:#2dbf79;background:#fafffc}.student-stats>button.status-warn{border-color:#e3c568;background:#fffdf5}@media (max-width:700px){.student-stats>button{min-height:92px;padding:14px}.student-stats>button b{font-size:22px}}.certificate-builder{max-width:100%}.certificate-designer{width:100%;min-height:0;aspect-ratio:1.78/1;margin:14px 0 4px;touch-action:none}.certificate-designer.is-dragging{cursor:grabbing}.certificate-designer .draggable-overlay{touch-action:none}.designer-help{display:flex;flex-direction:column;gap:3px;margin:16px 0 10px;padding:12px 14px;border-radius:9px;background:#eef5ff;border:1px solid #cfe0f8;color:#23436e}.designer-help b{font-size:14px}.designer-help span{font-size:13px;color:#5c7291}@media (max-width:620px){.certificate-designer{aspect-ratio:1.42/1}.certificate-overlay{white-space:normal;max-width:58%}}.delivery-file{display:grid;gap:10px;margin-top:9px}.delivery-file-actions{display:flex;gap:8px;align-items:center}.delivery-preview-image{max-width:100%;max-height:330px;object-fit:contain;border:1px solid #dce4f0;border-radius:8px;background:#fff}.delivery-preview-pdf{width:100%;height:380px;border:1px solid #dce4f0;border-radius:8px;background:#fff}.delivery-file small{color:#6d7e96}@media (max-width:620px){.delivery-preview-pdf{height:260px}}.header-mail{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #dbe3ee;border-radius:50%;background:#fff;color:#000e35}.header-mail:hover{border-color:#0080ff;color:#0080ff}.mail-dot{position:absolute;top:3px;right:2px;width:8px;height:8px;border-radius:50%;background:#e34040;box-shadow:0 0 0 2px #fff;animation:pulse 1.25s infinite}.task-review{margin:12px 0}.task-review.needs-review{border-left:4px solid #e3a22b;background:#fff9ed}.review-label{display:inline-flex;margin:7px 0 0;padding:3px 8px;border-radius:999px;background:#fff0ca;color:#9a6700;font-weight:700;font-size:12px}.message-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.message-toolbar h3,.message-toolbar span{margin:0}.message-toolbar span{font-size:13px;color:#637590}.message-compose{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid #dce5f0;border-radius:10px;background:#f8fbff;margin-bottom:16px}.message-compose .full{grid-column:1/-1}.message-compose textarea{min-height:95px}.message-compose .primary{justify-self:end}.message-list{display:grid;gap:10px}.message-list h4{margin:6px 0 0}.message-item{display:grid;gap:4px;padding:12px 14px;border:1px solid #dfe7f1;border-radius:9px;background:#fff}.message-item.sent{background:#f7fbff}.message-item b{color:#000e35}.message-item span{font-size:12px;color:#637590}.message-item p{margin:3px 0 0;white-space:pre-wrap}@media (max-width:620px){.message-compose{grid-template-columns:1fr}.message-compose .primary{justify-self:stretch}.message-toolbar{align-items:flex-start;flex-direction:column}}.greeting-wrap{display:flex;align-items:center;gap:12px}.student-header-mail{width:34px;height:34px;flex:0 0 34px}.greeting-wrap .greeting{margin-right:0}@media (max-width:620px){.greeting-wrap{gap:8px}.student-header-mail{width:31px;height:31px;flex-basis:31px}}.confirmation-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.confirmation-actions .primary,.confirmation-actions .secondary{margin:0}.modal:has(.confirmation-actions){width:min(1160px,calc(100vw - 48px))}.confirmation-actions{flex-wrap:nowrap;align-items:center;gap:10px}.confirmation-actions button{flex:0 0 auto;white-space:nowrap}@media (max-width:900px){.confirmation-actions{flex-wrap:wrap}.modal:has(.confirmation-actions){width:min(860px,calc(100vw - 32px))}}@media (max-width:620px){.confirmation-actions{display:grid;grid-template-columns:1fr}.confirmation-actions button{width:100%}}.editor{position:relative}.editor-required-input{position:absolute;left:8px;bottom:8px;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;margin:0!important;opacity:0;pointer-events:none;border:0!important}.modal footer.confirmation-actions{justify-content:center!important}.modal footer.confirmation-actions button{flex:0 0 auto!important}.confirmation-actions{width:100%;margin-left:auto;margin-right:auto}.header-alert-actions{display:flex;align-items:center;gap:8px}.header-count{position:absolute;top:-4px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#e34040;color:#fff;font-size:10px;font-weight:800;line-height:1;animation:pulse 1.25s infinite}.modal:has(.chat-center){width:min(1050px,calc(100vw - 36px));padding:0;overflow:hidden}.modal:has(.chat-center)>header{padding:22px 23px 15px;margin:0;border-bottom:1px solid #e2e8f0}.chat-center{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:560px;max-height:72vh}.chat-contacts{padding:16px;border-right:1px solid #e2e8f0;background:#f8faff;overflow:auto}.chat-search{display:grid;gap:6px;font-size:12px;font-weight:750;color:#344760}.chat-search input{width:100%;padding:10px;border:1px solid #d8e2ee;border-radius:8px;background:#fff;font:inherit}.chat-contact-list{display:grid;gap:5px;margin-top:14px}.chat-result-label{margin:10px 4px 4px;color:#71819a;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.chat-contact-list button{position:relative;width:100%;display:flex;align-items:center;gap:9px;padding:10px;border:0;border-radius:9px;background:transparent;color:#17223b;text-align:left;cursor:pointer}.chat-contact-list button:hover,.chat-contact-list button.selected{background:#e7f1ff}.chat-contact-list button>span:nth-child(2){display:grid;gap:2px;min-width:0}.chat-contact-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.chat-contact-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6a7b94;font-size:11px}.chat-contact-list i{margin-left:auto;min-width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e34040;color:#fff;font-size:10px;font-style:normal;font-weight:800}.chat-avatar{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%;background:#dce8f8;color:#173a65;font-size:11px;font-weight:800}.chat-thread{min-width:0;display:flex;flex-direction:column;background:#fff}.chat-thread>header{display:flex;align-items:center;min-height:66px;padding:14px 20px;border-bottom:1px solid #e5ebf2}.chat-thread>header div{display:grid;gap:3px}.chat-thread>header b{color:#000e35}.chat-thread>header small{color:#6b7c94;font-size:12px}.chat-messages{flex:1;display:flex;flex-direction:column;gap:9px;padding:18px 20px;overflow:auto;background:linear-gradient(#fbfdff,#f5f8fc)}.chat-messages article{max-width:72%;padding:10px 12px;border-radius:11px;background:#fff;border:1px solid #e0e7f0;box-shadow:0 2px 5px #0b1d3910}.chat-messages article.outgoing{align-self:flex-end;border-color:#000e35;background:#000e35;color:#fff}.chat-messages p{margin:0;white-space:pre-wrap;font-size:13px;line-height:1.4}.chat-messages small{display:block;margin-top:5px;color:#718198;font-size:10px}.chat-messages .outgoing small{color:#cdd9ec}.chat-compose{display:flex;align-items:flex-end;gap:9px;padding:13px 16px;border-top:1px solid #e2e8f0;background:#fff}.chat-compose textarea{flex:1;min-height:42px;max-height:120px;resize:vertical;padding:10px;border:1px solid #d6e0ec;border-radius:8px;font:inherit}.chat-empty{flex:1;display:grid;place-content:center;justify-items:center;gap:10px;color:#708099}.chat-empty p{margin:0}.notification-center{min-width:min(650px,calc(100vw - 76px))}.notification-center>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px}.notification-center h3,.notification-center p{margin:0}.notification-center h3{font-size:16px}.notification-center p{margin-top:4px;color:#708099;font-size:12px}.notification-center>header>div:last-child{display:flex;gap:8px;align-items:center}.notification-center .text{padding:7px;color:#41516a;background:transparent}.notification-center .text:disabled,.notification-center .secondary:disabled{opacity:.45;cursor:not-allowed}.notification-list{display:grid;gap:8px}.notification-list button{display:flex;align-items:flex-start;gap:11px;width:100%;padding:13px;border:1px solid #dfe7f0;border-radius:10px;background:#fff;color:#142640;text-align:left;cursor:pointer}.notification-list button:hover{border-color:#0080ff;background:#f6faff}.notification-list button.unread{background:#f5f9ff;border-color:#bcd5f2}.notification-list button>svg{flex:0 0 auto;margin-top:2px;color:#1878df}.notification-list button>span{display:grid;gap:4px;min-width:0}.notification-list b{font-size:13px}.notification-list small{color:#687a94;font-size:12px;line-height:1.35}.notification-list i{width:8px;height:8px;flex:0 0 8px;margin:5px 0 0 auto;border-radius:50%;background:#e34040;animation:pulse 1.25s infinite}.notification-empty{display:grid;place-items:center;gap:7px;padding:46px 20px;color:#73829a}.notification-empty p{margin:0}@media (max-width:720px){.modal:has(.chat-center){width:calc(100vw - 24px)}.chat-center{grid-template-columns:1fr;min-height:0;max-height:76vh}.chat-contacts{max-height:220px;border-right:0;border-bottom:1px solid #e2e8f0}.chat-thread{min-height:390px}.notification-center{min-width:0}.notification-center>header{align-items:flex-start;flex-direction:column}.chat-messages article{max-width:86%}}@media (max-width:600px){.header-alert-actions{gap:5px}.header-alert-actions .header-mail{width:31px;height:31px}.topbar .greeting-wrap{gap:7px}}.auth-page{min-height:100vh!important;padding:46px 22px!important;display:grid;grid-template-columns:minmax(280px,440px) minmax(340px,470px);justify-content:center;align-items:center;gap:72px;background:linear-gradient(135deg,#000e35,#10265a 52%,#edf3f9 52%)}.auth-brand{color:#fff;display:grid;gap:22px}.auth-brand img{width:min(360px,100%);max-height:100px;object-fit:contain;object-position:left center;background:#fff;border-radius:9px;padding:9px}.auth-brand div{display:grid;gap:8px}.auth-brand b{font-size:22px;line-height:1.25}.auth-brand span{color:#d5e2f5;line-height:1.5}.auth-card{padding:30px;border-radius:16px;background:#fff;border:1px solid #dfe7f0;box-shadow:0 18px 50px #000e3540}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:-4px -4px 24px;border-bottom:1px solid #dfe7ef}.auth-tabs button{padding:11px;border:0;border-bottom:3px solid transparent;background:transparent;color:#667892;font:inherit;font-weight:750;cursor:pointer}.auth-tabs button.active{border-color:#0080ff;color:#000e35}.auth-card h1{margin:0;color:#000e35;font-size:25px}.auth-card>p{margin:8px 0 18px;color:#687a94;font-size:13px;line-height:1.45}.auth-role-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:17px}.auth-role-switch button{padding:10px;border:1px solid #d6e1ef;border-radius:8px;background:#fff;color:#37506c;font:inherit;font-weight:700;cursor:pointer}.auth-role-switch button.selected{border-color:#0080ff;background:#edf6ff;color:#000e35}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;color:#334b66;font-size:12px;font-weight:750}.auth-form input{padding:11px;border:1px solid #d7e1ec;border-radius:8px;font:inherit}.auth-submit{justify-content:center;margin-top:4px}.auth-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:10px 12px;border-radius:8px;background:#fff8e8;color:#845f13;font-size:12px;line-height:1.4}.auth-notice .text{padding:4px 0;color:#174f8e;white-space:nowrap}.google-button,.auth-admin{width:100%;margin-top:12px;padding:11px;border:1px solid #d6e1ec;border-radius:8px;background:#fff;color:#243b59;font:inherit;font-weight:700;cursor:pointer}.google-button:hover,.auth-admin:hover{border-color:#0080ff;background:#f5f9ff}.google-button small{margin-left:7px;color:#718198;font-weight:500}.auth-admin{margin-top:9px;border:0;background:transparent;color:#62748e;font-size:12px;text-decoration:underline}@media (max-width:850px){.auth-page{grid-template-columns:minmax(300px,470px);gap:25px;background:linear-gradient(160deg,#000e35,#10265a 35%,#edf3f9 35%)}.auth-brand{text-align:center;justify-items:center}.auth-brand img{object-position:center}.auth-brand b{font-size:18px}}@media (max-width:520px){.auth-page{padding:24px 14px!important}.auth-card{padding:22px 18px}.auth-brand{gap:12px}.auth-brand span{font-size:13px}}.auth-page{display:grid!important;grid-template-columns:minmax(300px,410px)!important;place-content:center!important;min-height:100vh!important;padding:32px 18px!important;background:#000e35!important}.auth-card{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.auth-logo{display:block;width:190px;max-height:220px;object-fit:contain;margin:0 auto 34px}.auth-tabs{margin:0 0 16px!important;border-bottom:1px solid #496080!important}.auth-tabs button{color:#9fb4d2!important}.auth-tabs button.active{border-color:#e3c568!important;color:#fff!important}.auth-role-switch{margin-bottom:14px!important}.auth-role-switch button{border-color:#385171!important;background:transparent!important;color:#b8c9df!important}.auth-role-switch button.selected{border-color:#e3c568!important;background:#172b57!important;color:#fff!important}.auth-role-switch .auth-admin-choice{position:fixed!important;z-index:3;top:16px;right:18px;display:block;min-width:auto;padding:5px 9px!important;border-color:#27436d!important;color:#7890af!important;font-size:10px;line-height:1.1;opacity:.72}.auth-role-switch .auth-admin-choice:hover,.auth-role-switch .auth-admin-choice.selected{opacity:1}.auth-form{gap:10px!important}.auth-form input{padding:13px 14px!important;border:1px solid #466080!important;border-radius:7px!important;background:#fff!important;color:#000e35!important}.auth-submit{width:100%;padding:13px!important;border:0!important;border-radius:7px!important;background:#e3c568!important;color:#000e35!important;font:700 14px Inter,Arial,sans-serif!important;cursor:pointer}.auth-submit:hover{background:#f1d77e!important}.auth-notice{background:#182c56!important;color:#e8eef7!important}.auth-notice .text{color:#e3c568!important}.google-button{border-color:#486281!important;background:transparent!important;color:#fff!important}.google-button:hover{border-color:#e3c568!important;background:#172b57!important}.auth-admin{color:#aebfd5!important}.auth-card h1,.auth-card>p,.auth-brand{display:none!important}.message-center-simple{display:grid;gap:13px}.message-center-simple .field input,.message-center-simple .field select{width:100%;font:inherit}.message-search-results{display:grid;gap:6px;max-height:150px;overflow:auto;padding:8px;border:1px solid #dce5f0;border-radius:9px;background:#f8fbff}.message-search-results button{display:grid;gap:3px;padding:9px 10px;border:0;border-radius:7px;background:#fff;color:#142640;text-align:left;cursor:pointer}.message-search-results button:hover{background:#eaf3ff}.message-search-results small{font-size:11px;color:#6c7d94}.simple-thread{display:flex;flex-direction:column;gap:8px;min-height:210px;max-height:330px;overflow:auto;padding:13px;border:1px solid #dce5f0;border-radius:10px;background:#f7faff}.simple-thread article{max-width:78%;padding:9px 11px;border:1px solid #dce5ef;border-radius:10px;background:#fff}.simple-thread article.mine{align-self:flex-end;background:#000e35;color:#fff;border-color:#000e35}.simple-thread p{margin:0;white-space:pre-wrap;font-size:13px;line-height:1.4}.simple-thread small{display:block;margin-top:5px;font-size:10px;color:#718198}.simple-thread article.mine small{color:#cfdaeb}.simple-compose{display:flex;gap:9px;align-items:flex-end}.simple-compose textarea{flex:1;min-height:66px;padding:10px;border:1px solid #d6e0ec;border-radius:8px;resize:vertical;font:inherit}.simple-compose .primary{min-height:44px}@media (max-width:600px){.simple-compose{display:grid}.simple-compose .primary{width:100%;justify-content:center}}.enroll-student{display:grid;grid-template-columns:1fr minmax(190px,280px) auto;align-items:end;gap:12px;padding:14px;margin:14px 0 18px;border:1px solid #cfe0f6;border-radius:10px;background:#f6faff}.enroll-student>div{display:grid;gap:3px}.enroll-student span{font-size:12px;color:#65738b}@media (max-width:680px){.enroll-student{grid-template-columns:1fr}.enroll-student .primary{width:100%}}@media (min-width:601px){.topbar .greeting-wrap{position:absolute;left:284px;display:flex;align-items:center;gap:12px}.topbar .greeting-wrap .greeting{position:static;left:auto;margin-left:0}.topbar .greeting-wrap .student-header-mail{display:grid;visibility:visible;opacity:1}}.exam-result .result-label.fail{font-size:16px;padding:7px 13px;border-radius:999px;background:#fff0ef;color:#b42318}.exam-result-name{font-size:14px;color:#687792;font-weight:500}.full-template .certificate-overlay{transform:none!important;text-align:left!important;padding:0!important;margin:0!important;max-width:92%;line-height:1.12}.certificate-designer .draggable-overlay{border-radius:0;background:transparent}.certificate-overlay.student{font-size:var(--certificate-font-size,32px)!important}.certificate-overlay.course,.certificate-overlay.date{font-size:var(--certificate-font-size,15px)!important}.student-certificate .certificate-overlay.student{font-size:var(--certificate-font-size,25px)!important}.student-certificate .certificate-overlay.course,.student-certificate .certificate-overlay.date{font-size:var(--certificate-font-size,12px)!important}.certificate-preview .certificate-overlay.student{font-size:var(--certificate-font-size,29px)!important}.certificate-preview .certificate-overlay.course,.certificate-preview .certificate-overlay.date{font-size:var(--certificate-font-size,14px)!important}.certificate-size-control{display:flex;align-items:center;gap:7px;margin-left:auto}.certificate-size-control button{width:28px;height:28px;padding:0;border:1px solid #cbd8e7;border-radius:5px;background:#fff;color:#000e35;font-size:18px;line-height:1}.certificate-size-control input{width:100px}.certificate-size-control small{min-width:130px;text-align:left}@media (max-width:700px){.certificate-sections>div{align-items:flex-start}.certificate-size-control{width:100%;margin-left:0;flex-wrap:wrap}.certificate-size-control input{flex:1}.certificate-size-control small{min-width:0;width:100%}}.full-template:has(>img){aspect-ratio:auto;height:auto;min-height:0}.full-template:has(>img)>img{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:initial;background:transparent}.certificate-designer:has(>img){aspect-ratio:auto}.student-certificate .certificate-download{position:static;display:flex;width:max-content;margin:10px 0 0 auto}.full-template{container-type:inline-size}@media print{@page{size:landscape;margin:0}body.printing-certificate *{visibility:hidden!important}body.printing-certificate .student-certificate.print-target,body.printing-certificate .student-certificate.print-target *{visibility:visible!important}body.printing-certificate .student-certificate.print-target{position:fixed!important;left:0!important;top:0!important;width:100vw!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;overflow:visible!important}body.printing-certificate .student-certificate.print-target .certificate-download{display:none!important}}.certificate-summary{min-height:250px!important;padding:28px!important;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:9px;background:linear-gradient(135deg,#000e35,#173c73)!important;border:1px solid #e3c568!important;color:#fff!important;text-align:left!important}.certificate-summary svg{color:#e3c568}.certificate-summary>span{font-size:11px;font-weight:700;letter-spacing:.12em;color:#e3c568}.certificate-summary h3{margin:4px 0 0;color:#fff;font-size:22px;line-height:1.18}.certificate-summary p,.certificate-summary small{margin:0;color:#dce8ff}.certificate-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.certificate-card-actions .secondary{background:#fff;color:#000e35;border-color:#fff}.certificate-card-actions .primary{background:#0080ff}.certificate-document{width:min(100%,920px);min-height:500px;margin:0 auto;padding:62px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#000e35,#173c73);border:10px solid #e3c568;color:#fff;text-align:left;box-sizing:border-box}.certificate-document>span{font-size:12px;font-weight:700;letter-spacing:.16em;color:#e3c568}.certificate-document h2{margin:18px 0 22px;color:#fff;font-size:clamp(28px,4vw,48px);max-width:780px}.certificate-document p{margin:4px 0;color:#dce8ff;font-size:16px}.certificate-document h3{margin:8px 0;color:#fff;font-size:clamp(32px,5vw,58px);line-height:1.05}.certificate-document small{margin-top:24px;color:#e3c568;font-weight:700}.certificate-rule{width:80px;height:4px;margin-bottom:22px;background:#e3c568}@media print{body.printing-certificate .certificate-document.print-target,body.printing-certificate .certificate-document.print-target *{visibility:visible!important}body.printing-certificate .certificate-document.print-target{position:fixed!important;left:0!important;top:0!important;width:100vw!important;height:100vh!important;min-height:0!important;max-width:none!important;margin:0!important;border-width:12px!important;box-shadow:none!important}}body:not(.printing-certificate) .certificate-document.print-target{display:none}@media print{body.printing-certificate .certificate-document.print-target{display:flex!important}}.certificate-card{overflow:hidden;border:1px solid #d9e3ef;border-radius:12px;background:#fff}.certificate-template{position:relative;container-type:inline-size;overflow:hidden;background:#f8fafc}.certificate-template>img{position:relative!important;inset:auto!important;display:block;width:100%!important;height:auto!important;object-fit:initial!important}.certificate-template .certificate-overlay{transform:none!important;margin:0!important;padding:0!important;max-width:90%;text-align:left!important;line-height:1.1;color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.8)!important;white-space:nowrap}.certificate-template .certificate-overlay.student{font-size:var(--certificate-font-size,4cqw)!important;font-weight:700!important}.certificate-template .certificate-overlay.course,.certificate-template .certificate-overlay.date{font-size:var(--certificate-font-size,1.8cqw)!important;font-weight:700!important}.certificate-card-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.certificate-card-info b{color:#000e35}.certificate-card-info>div{display:flex;gap:8px;flex-wrap:wrap}.modal:has(.certificate-template){width:min(1120px,calc(100vw - 38px))}.modal .certificate-template{width:100%}body:not(.printing-certificate) .certificate-template.print-target{display:none}@media print{body.printing-certificate .certificate-template.print-target,body.printing-certificate .certificate-template.print-target *{visibility:visible!important}body.printing-certificate .certificate-template.print-target{display:block!important;position:fixed!important;left:0!important;top:0!important;width:100vw!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}}@media (max-width:620px){.certificate-card-info{align-items:flex-start;flex-direction:column}.certificate-template .certificate-overlay{white-space:normal}}.certificate-card-info{display:grid!important;grid-template-columns:1fr!important;justify-content:stretch!important;align-items:start!important;gap:12px!important}.certificate-card-info b{font-size:16px;line-height:1.3;overflow-wrap:anywhere}.certificate-card-info>div{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:8px}.certificate-card-info>div button{width:100%;min-height:42px;justify-content:center}@media print{.certificate-template,.certificate-template *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.certificate-template .certificate-overlay,.certificate-template .certificate-overlay.student,.certificate-template .certificate-overlay.course,.certificate-template .certificate-overlay.date{color:#fff!important;opacity:1!important;text-shadow:0 2px 5px rgba(0,0,0,.8)!important}}@media print{body.printing-certificate .certificate-template.print-target{left:50%!important;top:0!important;transform:translate(-50%)!important;width:fit-content!important;height:100vh!important;max-width:100vw!important}body.printing-certificate .certificate-template.print-target>img{display:block!important;width:auto!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;object-fit:contain!important}}@media print{body.printing-certificate .certificate-template.print-target{left:50%!important;top:0!important;transform:translate(-50%)!important;width:min(100vw,calc(100vh * var(--certificate-print-ratio,1.35)))!important;height:auto!important;max-width:none!important}body.printing-certificate .certificate-template.print-target>img{width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:initial!important}}.certificate-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.certificate-grid .certificate-card{padding:0!important;gap:0!important;display:block!important}.certificate-card-info>div{grid-template-columns:1fr!important}.certificate-card-info>div button{min-height:44px}@media (max-width:520px){.certificate-grid{grid-template-columns:1fr}}.certificate-template.preview-template .certificate-overlay.student{font-size:max(16px,var(--certificate-font-size))!important}.certificate-template.preview-template .certificate-overlay.course,.certificate-template.preview-template .certificate-overlay.date{font-size:max(10px,var(--certificate-font-size))!important}.certificate-template.preview-template .certificate-overlay.date{bottom:auto!important}@media print{body.printing-certificate .app>aside,body.printing-certificate .app>main{display:none!important}body.printing-certificate .app{display:block!important;min-height:0!important;height:0!important;overflow:visible!important}}.certificate-template.preview-template .certificate-overlay{display:none!important}.certificate-card-info small{display:block;color:#687792;margin-top:-5px}.certificate-card-meta{display:grid!important;gap:5px!important}.certificate-card-meta small{line-height:1.35}.certificate-card-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}.certificate-template.preview-template .certificate-overlay{display:block!important}.certificate-template.preview-template .certificate-overlay.course,.certificate-template.preview-template .certificate-overlay.date{font-size:max(11px,var(--certificate-font-size))!important}.certificate-grid .certificate-template{padding:0!important;gap:0!important;display:block!important;border:0!important;border-radius:0!important;background:#f8fafc!important}@media print{body.printing-certificate .app>main{display:block!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important;overflow:visible!important}body.printing-certificate .certificate-print-host{display:block!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;height:0!important;min-height:0!important;overflow:visible!important}body.printing-certificate .certificate-print-host>:not(.certificate-template.print-target){display:none!important}}.certificate-card{position:relative}.certificate-preview-eye{position:absolute;z-index:4;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #d9e3ef;border-radius:50%;background:#fff;color:#000e35;box-shadow:0 2px 8px #000e352e}.certificate-preview-eye:hover{color:#0080ff;border-color:#0080ff}.certificate-card-actions{grid-template-columns:1fr!important}.certificate-card-actions .primary{width:100%}