@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--card-height: 60vh;--screen-mobile: 800px;--screen-tablet: 900px;--screen-laptop: 1192px;--screen-desktop: 1800px;--dir: rtl}@media screen and (min-width: 800px){:root{--card-height: 55vh}}@media screen and (min-width: 900px){:root{--card-height: 60vh}}@media screen and (min-width: 1192px){:root{--card-height: 70vh}}@media screen and (min-width: 1800px){:root{--card-height: 74vh}}:root{--dir: rtl}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:border-box;direction:var(--dir);font-family:Heebo,sans-serif}html{background-color:#faf3e6;height:auto;overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;height:auto;margin:0;padding:0;font-family:Heebo,sans-serif;direction:var(--dir);background-color:#faf3e6;overflow-x:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{font-family:inherit!important}@font-face{font-family:Drogowskaz;src:url(assets/fonts/DROGB.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Drogowskaz;src:url(assets/fonts/DROGM.TTF) format("truetype");font-weight:medium;font-style:normal;font-display:swap}@font-face{font-family:OpenFrank;src:url(assets/fonts/oprFrank-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OpenFrank;src:url(assets/fonts/oprFrank-Normal.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ezra SIL SR;src:url("assets/fonts/Ezra SIL SR Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}h1{font-size:46px;font-weight:900;margin-block:20px}@media (max-width: 799px){h1{font-size:28px;width:max-content}}h2{font-size:40px;font-weight:400;line-height:1;letter-spacing:.8px}@media (max-width: 799px){h2{font-size:24px}}h3{font-size:30px!important;font-weight:600}@media (max-width: 799px){h3{font-size:20px!important}}h4{font-size:22px;font-weight:300;line-height:1}@media (max-width: 799px){h4{font-size:18px}}h5{font-size:20px;font-weight:500;line-height:1.4}@media (max-width: 799px){h5{font-size:16px}}p{font-size:20px;font-weight:400;text-align:justify;line-height:1.4}@media (max-width: 799px){p{font-size:16px}}button{font-size:28px;font-weight:600}@media (max-width: 799px){button{font-size:20px}}@media (max-width: 799px){.headers h1{font-size:24px}.headers h2{font-size:20px}.headers h4{font-size:16px}}@media (min-width: 800px){.headers h1{font-size:32px}.headers h2{font-size:28px}}.OpenFrank,.OpenFrank *,.MuiDialogTitle-root *{font-family:OpenFrank!important}.OpenFrank * *{font-family:OpenFrank}.Drogowskaz,.Drogowskaz *,.Drogowskaz * *{font-family:Drogowskaz!important}.Ezra,.Ezra *{font-family:Ezra SIL SR!important}.x-25,.x-25 span{font-family:Drogowskaz!important}.original-text h2,.original-text p,.original-text h3,.original-text .text-wrapper h2,.original-text .text-wrapper p,.original-text .text-wrapper h3,.recorded-text h2,.recorded-text p,.recorded-text h3{font-size:22px;text-align:justify;direction:rtl;line-height:1.85;letter-spacing:.2px;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 799px){.original-text h2,.original-text p,.original-text h3,.original-text .text-wrapper h2,.original-text .text-wrapper p,.original-text .text-wrapper h3,.recorded-text h2,.recorded-text p,.recorded-text h3{font-size:18px;line-height:30px;letter-spacing:.3px}}.original-text .text-wrapper.OpenFrank.OpenFrank p,.original-text .text-wrapper.OpenFrank.OpenFrank h2,.original-text .text-wrapper.OpenFrank.OpenFrank h4,.original-text .text-wrapper.OpenFrank.OpenFrank h5,.original-text .text-wrapper.OpenFrank.OpenFrank h6,.original-text .text-wrapper.OpenFrank.OpenFrank .word-element,.recorded-text .text-wrapper.OpenFrank.OpenFrank p,.recorded-text .text-wrapper.OpenFrank.OpenFrank h2,.recorded-text .text-wrapper.OpenFrank.OpenFrank h4,.recorded-text .text-wrapper.OpenFrank.OpenFrank h5,.recorded-text .text-wrapper.OpenFrank.OpenFrank h6,.recorded-text .text-wrapper.OpenFrank.OpenFrank .word-element,.text-wrapper.OpenFrank p,.text-wrapper.OpenFrank h2,.text-wrapper.OpenFrank h4,.text-wrapper.OpenFrank h5,.text-wrapper.OpenFrank h6,.text-wrapper.OpenFrank .word-element{font-size:32px;line-height:40px;letter-spacing:.3px;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility}@media (max-width: 799px){.original-text .text-wrapper.OpenFrank.OpenFrank p,.original-text .text-wrapper.OpenFrank.OpenFrank h2,.original-text .text-wrapper.OpenFrank.OpenFrank h4,.original-text .text-wrapper.OpenFrank.OpenFrank h5,.original-text .text-wrapper.OpenFrank.OpenFrank h6,.original-text .text-wrapper.OpenFrank.OpenFrank .word-element,.recorded-text .text-wrapper.OpenFrank.OpenFrank p,.recorded-text .text-wrapper.OpenFrank.OpenFrank h2,.recorded-text .text-wrapper.OpenFrank.OpenFrank h4,.recorded-text .text-wrapper.OpenFrank.OpenFrank h5,.recorded-text .text-wrapper.OpenFrank.OpenFrank h6,.recorded-text .text-wrapper.OpenFrank.OpenFrank .word-element,.text-wrapper.OpenFrank p,.text-wrapper.OpenFrank h2,.text-wrapper.OpenFrank h4,.text-wrapper.OpenFrank h5,.text-wrapper.OpenFrank h6,.text-wrapper.OpenFrank .word-element{font-size:22px;text-align:start;letter-spacing:.2px}}.original-text .text-wrapper.OpenFrank.Ezra p,.original-text .text-wrapper.OpenFrank.Ezra h2,.original-text .text-wrapper.OpenFrank.Ezra h4,.original-text .text-wrapper.OpenFrank.Ezra h5,.original-text .text-wrapper.OpenFrank.Ezra h6,.original-text .text-wrapper.OpenFrank.Ezra .word-element,.recorded-text .text-wrapper.OpenFrank.Ezra p,.recorded-text .text-wrapper.OpenFrank.Ezra h2,.recorded-text .text-wrapper.OpenFrank.Ezra h4,.recorded-text .text-wrapper.OpenFrank.Ezra h5,.recorded-text .text-wrapper.OpenFrank.Ezra h6,.recorded-text .text-wrapper.OpenFrank.Ezra .word-element,.text-wrapper.Ezra p,.text-wrapper.Ezra h2,.text-wrapper.Ezra h4,.text-wrapper.Ezra h5,.text-wrapper.Ezra h6,.text-wrapper.Ezra .word-element{font-size:24px;line-height:1.6;letter-spacing:.2px;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility}@media (max-width: 799px){.original-text .text-wrapper.OpenFrank.Ezra p,.original-text .text-wrapper.OpenFrank.Ezra h2,.original-text .text-wrapper.OpenFrank.Ezra h4,.original-text .text-wrapper.OpenFrank.Ezra h5,.original-text .text-wrapper.OpenFrank.Ezra h6,.original-text .text-wrapper.OpenFrank.Ezra .word-element,.recorded-text .text-wrapper.OpenFrank.Ezra p,.recorded-text .text-wrapper.OpenFrank.Ezra h2,.recorded-text .text-wrapper.OpenFrank.Ezra h4,.recorded-text .text-wrapper.OpenFrank.Ezra h5,.recorded-text .text-wrapper.OpenFrank.Ezra h6,.recorded-text .text-wrapper.OpenFrank.Ezra .word-element,.text-wrapper.Ezra p,.text-wrapper.Ezra h2,.text-wrapper.Ezra h4,.text-wrapper.Ezra h5,.text-wrapper.Ezra h6,.text-wrapper.Ezra .word-element{font-size:18px;text-align:start;line-height:1.85;letter-spacing:.3px}}.original-text .text-wrapper.OpenFrank.Drogowskaz p,.original-text .text-wrapper.OpenFrank.Drogowskaz h2,.original-text .text-wrapper.OpenFrank.Drogowskaz h4,.original-text .text-wrapper.OpenFrank.Drogowskaz h5,.original-text .text-wrapper.OpenFrank.Drogowskaz h6,.original-text .text-wrapper.OpenFrank.Drogowskaz .word-element,.recorded-text .text-wrapper.OpenFrank.Drogowskaz p,.recorded-text .text-wrapper.OpenFrank.Drogowskaz h2,.recorded-text .text-wrapper.OpenFrank.Drogowskaz h4,.recorded-text .text-wrapper.OpenFrank.Drogowskaz h5,.recorded-text .text-wrapper.OpenFrank.Drogowskaz h6,.recorded-text .text-wrapper.OpenFrank.Drogowskaz .word-element,.text-wrapper.Drogowskaz p,.text-wrapper.Drogowskaz h2,.text-wrapper.Drogowskaz h4,.text-wrapper.Drogowskaz h5,.text-wrapper.Drogowskaz h6,.text-wrapper.Drogowskaz .word-element{font-size:26px;letter-spacing:.25px;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility}@media (max-width: 799px){.original-text .text-wrapper.OpenFrank.Drogowskaz p,.original-text .text-wrapper.OpenFrank.Drogowskaz h2,.original-text .text-wrapper.OpenFrank.Drogowskaz h4,.original-text .text-wrapper.OpenFrank.Drogowskaz h5,.original-text .text-wrapper.OpenFrank.Drogowskaz h6,.original-text .text-wrapper.OpenFrank.Drogowskaz .word-element,.recorded-text .text-wrapper.OpenFrank.Drogowskaz p,.recorded-text .text-wrapper.OpenFrank.Drogowskaz h2,.recorded-text .text-wrapper.OpenFrank.Drogowskaz h4,.recorded-text .text-wrapper.OpenFrank.Drogowskaz h5,.recorded-text .text-wrapper.OpenFrank.Drogowskaz h6,.recorded-text .text-wrapper.OpenFrank.Drogowskaz .word-element,.text-wrapper.Drogowskaz p,.text-wrapper.Drogowskaz h2,.text-wrapper.Drogowskaz h4,.text-wrapper.Drogowskaz h5,.text-wrapper.Drogowskaz h6,.text-wrapper.Drogowskaz .word-element{font-size:20px;text-align:start;line-height:30px;letter-spacing:.3px}}.original-text .text-wrapper.OpenFrank .line-element.Ezra,.recorded-text .text-wrapper.OpenFrank .line-element.Ezra,.text-wrapper .line-element.Ezra{margin-block-end:6px}.original-text .text-wrapper.OpenFrank .line-element.Drogowskaz,.recorded-text .text-wrapper.OpenFrank .line-element.Drogowskaz,.text-wrapper .line-element.Drogowskaz{margin-block-end:8px}.original-text .text-wrapper.OpenFrank .x-25,.recorded-text .text-wrapper.OpenFrank .x-25,.text-wrapper .x-25{font-weight:400!important;color:#444;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility}@media (min-width: 800px){.original-text .text-wrapper.OpenFrank .x-25,.recorded-text .text-wrapper.OpenFrank .x-25,.text-wrapper .x-25{font-size:25px!important}}@media (max-width: 799px){.original-text .text-wrapper.OpenFrank .x-25,.recorded-text .text-wrapper.OpenFrank .x-25,.text-wrapper .x-25{font-size:16px!important}}.x-23{font-weight:600}.word-element,.word,span[data-word-index]{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"mark" 1,"mkmk" 1;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;unicode-bidi:isolate}@media (max-width: 799px){p.end-paragraph{margin-block-end:16px}}@media (min-width: 800px) and (max-width: 899px){p.end-paragraph{margin-block-end:20px}}@media (min-width: 900px){p.end-paragraph{margin-block-end:26px}}*:focus,*:focus-visible{outline:3px solid #C98B1E;outline-offset:2px}*:focus:not(:focus-visible){outline:none}@media (max-width: 799px){html{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:0}}*,.mui-rtl-bdhsul-MuiTypography-root-MuiDialogTitle-root{font-family:Heebo,sans-serif}.MuiTypography-root{font-family:Heebo,sans-serif!important}#root{height:100vh;width:100vw;overflow-x:hidden}.speakpipe-button{height:fit-content}.app-container{position:relative;z-index:1;background-color:#faf3e6;height:calc(100vh - 190px)}.app-container .background-image{position:absolute;width:100%;height:100%}@media (max-width: 799px){.app-container .background-image{top:-76px}}@media (max-width: 799px){.app-container .body:not(.auth-page){margin-block:96px 60px;height:auto}}@media (min-width: 800px){.app-container .body:not(.auth-page){margin-block:80px 100px}}.MuiAutocomplete-root input,.MuiAutocomplete-root label{font-family:heebo}.MuiAutocomplete-root input~fieldset{border-width:0}.MuiAutocomplete-root label.MuiFormLabel-root{right:5px;font-size:16px;font-weight:600}.MuiButton-startIcon{margin:0!important}.MuiButton-root{text-transform:none!important}.MuiOutlinedInput-root{padding:3px 6px!important}.muirtl-1h51icj-MuiAutocomplete-root .MuiOutlinedInput-root{padding:5px}.MuiMenu-paper,.MuiSkeleton-root{border-radius:12px!important}aside{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;float:left;width:30vw;height:100vh;background-color:#fff;text-align:center;box-shadow:0 0 18px #0000001a;padding:32px}br{margin-bottom:6px;content:"";display:block}button.circle{font-size:x-large}.fade-in{opacity:1}.fade-out{opacity:0}.confetti-explosion-container-0-2-208{position:absolute;top:0}::-webkit-scrollbar{width:16px}@media (max-width: 799px){::-webkit-scrollbar{width:8px}}::-webkit-scrollbar-thumb{width:20px;background-color:#8fb7f8;border-radius:16px}@media (max-width: 799px){::-webkit-scrollbar-thumb{width:8px}}.navigate svg{width:32px!important;height:32px!important}@media (max-width: 799px){.navigate{position:absolute;inset-inline-start:6%;z-index:2}.navigate svg{width:26px!important;height:26px!important}}@media (max-width: 799px){a#-speakpipe-widget-side-button.speakpipe-button.speakpipe-btn-middle-right[href="#"]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;font-size:12px!important;padding:2px 6px!important;height:24px!important;line-height:20px!important;z-index:100!important}a#-speakpipe-widget-side-button.speakpipe-button.speakpipe-btn-middle-right[href="#"] img{height:16px!important}}[dir=rtl] #-speakpipe-widget-side-button.speakpipe-btn-middle-right{left:0!important;right:auto!important;transform:rotate(90deg) translate(-50%)!important;transform-origin:bottom left!important;z-index:100!important}[dir=ltr] #-speakpipe-widget-side-button.speakpipe-button{right:0;left:auto!important;transform:rotate(-90deg) translate(50%)!important;transform-origin:bottom right!important;z-index:100!important}[dir=ltr] .navigate svg{transform:rotate(180deg)}[dir=ltr] .reading-page .card .reading-mode .content .column{align-items:end}[dir=ltr] .card,[dir=ltr] .card *{direction:ltr}[dir=rtl] .card,[dir=rtl] .card *{direction:rtl}.word-element,.word-element *,.word,.x-23,.x-25,.line-element,.text-element,.text-wrapper,.original-text,.original-text *,.original-text-area,.original-text-area *,.recorded-text,.recorded-text *,[class*=mui-ltr] .word-element,[class*=mui-ltr] .word-element *,[class*=mui-ltr] .word,[class*=mui-ltr] .x-23,[class*=mui-ltr] .x-25,[class*=mui-ltr] .line-element,[class*=mui-ltr] .text-element,[class*=mui-ltr] .text-wrapper,[class*=mui-ltr] .original-text,[class*=mui-ltr] .original-text *,[class*=mui-ltr] .original-text-area,[class*=mui-ltr] .original-text-area *,[class*=mui-ltr] .recorded-text,[class*=mui-ltr] .recorded-text *{direction:rtl!important}.word-element.correct .word,.word-element.correct .word span{color:#1d994f}.word-element.incorrect .word,.word-element.incorrect .word span{color:#f24756}.word-element.pending .word,.word-element.pending .word span{color:#2a2a2a!important}.word-element.skipped .word,.word-element.skipped .word span{color:#d8d8d8}.word-element.misplaced .word,.word-element.misplaced .word span{color:#ff8e50}.animated-text{opacity:0;transform:translateY(-20px);animation:fadeInUp .5s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;box-shadow:0 0 10px #0000001a;transition:all .5s ease-in-out;background-color:#fff}.card.no-classes-message{background-color:#b689e3;color:#fff;border-radius:20px;padding:26px 32px 16px;position:relative;text-align:center;box-shadow:0 4px 20px #00000026;max-width:400px;margin-inline:auto;width:fit-content}.card.no-classes-message h3{line-height:1.2}.card.no-classes-message p{margin:0}.card.no-classes-message p+p{margin-top:6px}.card.no-classes-message .icon{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:40px;color:#fff;background-color:#b689e3;border-radius:50%;box-shadow:0 2px 8px #0000001a}.card.no-text-message{background-color:#b689e3;color:#fff;border-radius:20px;padding:26px 32px 16px;position:relative;text-align:center;box-shadow:0 4px 20px #00000026;max-width:400px;margin:30px auto;width:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center}.card.no-text-message h3{line-height:1.2;margin-bottom:8px;text-align:center}.card.no-text-message p{margin:0;opacity:.9;text-align:center}.card.no-text-message .icon{position:absolute;top:-26px;left:50%;transform:translate(-50%);font-size:40px;color:#fff;background-color:#b689e3;border-radius:50%;padding:8px}.card .container{display:flex;flex-direction:column;justify-content:flex-start;gap:0;transition:all .3s ease-in-out;height:100%;width:100%}.card .container .card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;height:50px;width:100%;padding-inline:40px;color:#fff}.card .container .card-header .column{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.card .container .content{padding:16px 32px;height:calc(100% - 50px);max-height:100%}@media (max-width: 799px){.card{border-radius:20px;height:fit-content;max-height:140vh}.card.no-classes-message,.card.no-text-message{padding-inline:12px;max-width:76%}.card.no-classes-message .icon,.card.no-text-message .icon{font-size:32px;top:-16px}.card .container{border-radius:20px}.card .container .card-header{border-radius:20px 20px 0 0;padding-inline:12px;height:40px}.card .container .card-header img{height:18px;width:20px}.card .container .card-header .column{gap:10px!important;justify-content:flex-start}.card .container .card-header .column h4{font-size:12px!important}.card .container .card-header .column .MuiRating-icon svg{height:18px!important;width:18px!important}.card .container .content{padding:8px 16px}}@media (min-width: 1192px){.card.no-classes-message{margin-top:25%;inset-inline-end:40%}.card.no-text-message{margin-top:10%}}@media (min-width: 800px){.card{max-width:90vw;border-radius:40px}.card .container{border-radius:40px}.card .container .card-header{border-radius:40px 40px 0 0;padding-inline:40px;height:50px}.card .container .card-header .column{gap:20px}.card .container .card-header .column img{height:42px}.card .container .content{padding:16px 32px}}.card.score{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;box-shadow:0 0 10px #0000001a;border-radius:30px;position:relative;height:160px;background-color:#fff;width:260px;padding:20px}.card.score .star-behind{position:absolute;z-index:0;width:120px}.card.score h3{z-index:1}.card.score .score-value{font-size:48px;font-weight:700;margin-bottom:8px;color:#ffb817}.card.score .score-label{font-size:16px;color:#d8d8d8;margin-bottom:16px}.card.score .score-details{font-size:14px;color:#2a2a2a;line-height:1.5}.card.bookmark{position:relative;padding:20px;border-radius:200px;box-shadow:0 0 18px #0000001a;background-color:#fff;transition:transform .2s ease}.card.bookmark:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card.bookmark .bookmark-content{margin-bottom:16px}.card.bookmark .bookmark-content .title{font-weight:600;margin-bottom:8px;color:#2a2a2a}.card.bookmark .bookmark-content .excerpt{font-size:14px;color:#d8d8d8;line-height:1.5}.card.bookmark .bookmark-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.card.bookmark .bookmark-actions .bookmark-button{width:140px;height:140px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.card.bookmark .bookmark-actions .bookmark-button:hover{background-color:#296938;filter:brightness(90%)}.card.bookmark .bookmark-actions .bookmark-button:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.card.bookmark .bookmark-actions .bookmark-button:active{transform:translateY(2px)}.card.bookmark .bookmark-actions .bookmark-button{font-size:16px;font-weight:600}.card.reading-part-selection{width:100%}.card.reading-part-selection .card-header{background-color:#4285f4}.card.reading-part-selection .content{width:100%;padding:0;position:relative}.card.reading-part-selection .content .column{width:100%;height:-webkit-fill-available;box-sizing:border-box}.card.reading-part-selection .content .column:first-child{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:8px;padding-block:32px;position:relative;background-color:#c9dcfc}.card.reading-part-selection .content .column:last-child{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;padding:16px}.card.reading-part-selection .content .column:last-child button.circle{align-self:flex-end}.card.reading-part-selection .content .column .selectors-container{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:8px;width:100%}@media (max-width: 799px){.card.reading-part-selection .content .column .selectors-container{margin-inline:16px}}@media (min-width: 800px){.card.reading-part-selection .content .column .selectors-container{margin-inline:32px}}.card.reading-part-selection .content .selectors-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;width:100%}@media (max-width: 799px){.card.reading-part-selection{width:100%}.card.reading-part-selection .content{display:flex;flex-direction:column;justify-content:space-between;align-items:start;gap:8px}.card.reading-part-selection .content .column:first-child{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px}.card.reading-part-selection .content .column:last-child{padding-top:0}.card.reading-part-selection .selectors-group>*{width:48.6%}.card.reading-part-selection button.circle{width:64px;height:64px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.card.reading-part-selection button.circle:hover{background-color:#296938;filter:brightness(90%)}.card.reading-part-selection button.circle:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.card.reading-part-selection button.circle:active{transform:translateY(2px)}.card.reading-part-selection button.circle{font-size:16px}}@media (min-width: 800px){.card.reading-part-selection{max-height:80vh;width:800px}.card.reading-part-selection .content{display:flex;flex-direction:row;justify-content:space-between;align-items:start;gap:8px}.card.reading-part-selection .content .column:first-child{width:276px;padding-inline:12px;padding-block:24px;border-end-start-radius:30px}.card.reading-part-selection .content .column:first-child .selectors-group>*{width:100%}.card.reading-part-selection .content button.circle{width:100px;height:100px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.card.reading-part-selection .content button.circle:hover{background-color:#296938;filter:brightness(90%)}.card.reading-part-selection .content button.circle:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.card.reading-part-selection .content button.circle:active{transform:translateY(2px)}}.MuiAutocomplete-root .MuiAutocomplete-inputRoot{background-color:#fff;border-radius:32px}.original-text-area{width:100%;height:calc(100% - 108px);display:flex;flex-direction:column;justify-content:start;align-items:start;gap:8px}.original-text-area .navigation{justify-content:space-between;width:100%}@media (min-width: 800px){.original-text-area .navigation{margin-bottom:12px}}.original-text-area .text-container{width:100%;overflow-y:auto;padding-inline-end:12px}.card.history-piece{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 0 10px #0000001a;border-radius:200px;padding:16px 24px;background-color:#fff;margin-bottom:16px;transition:transform .2s ease}.card.history-piece:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card.history-piece .content{flex:1}.card.history-piece .content .title{font-weight:600;margin-bottom:8px;color:#2a2a2a}.card.history-piece .content .details{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;font-size:14px;color:#d8d8d8}.card.history-piece .actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.card.history-piece .actions .view-button{transform:translate(50%);width:140px;height:140px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.card.history-piece .actions .view-button:hover{background-color:#904bd4;filter:brightness(90%)}.card.history-piece .actions .view-button:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.card.history-piece .actions .view-button:active{transform:translateY(2px)}.card.history-piece .actions .view-button{font-size:16px;font-weight:600}.mic-indicator{border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .01s ease-in-out}.mic-indicator img{height:32px;width:32px}.mic-indicator.on{opacity:1;animation:blink-and-scale 2s infinite}.mic-indicator.off{opacity:0;pointer-events:none}@keyframes blink-and-scale{0%,80%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(.9)}}.count-down{text-align:center;padding:20px}.count-down .count-number{font-size:72px;font-weight:700;color:#ffb817;margin-bottom:16px;animation:pulse 1s infinite}.count-down .count-label{font-size:18px;color:#2a2a2a;font-weight:500}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.MuiDialog-root .close-button{color:#fff;position:absolute;top:8px;inset-inline-end:8px}.MuiDialog-root.logout-dialog .MuiPaper-root{background-position:50% -100px;background-size:600px;width:300px;border-radius:20px}@media (min-width: 800px){.MuiDialog-root.logout-dialog .MuiPaper-root{background-size:800px;background-position:50% -160px}}.MuiDialog-root.logout-dialog .MuiPaper-root .MuiDialogTitle-root{font-size:26px;padding-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.MuiDialog-root.logout-dialog .MuiPaper-root .MuiDialogTitle-root .logout-icon{border:4px solid #b689e3;color:#b689e3;font-size:40px;background-color:#fff;border-radius:50%;padding:5px}.MuiDialog-root.logout-dialog .MuiPaper-root .MuiDialogContent-root{text-align:center;padding-bottom:16px}.MuiDialog-root.logout-dialog .MuiPaper-root .MuiDialogActions-root{text-align:center}.MuiDialog-root .MuiPaper-root{background-image:url("data:image/svg+xml,%3csvg%20width='1548'%20height='508'%20viewBox='0%200%201548%20508'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M775%20453.5C1170.84%20453.5%201492.04%20253.756%201492.04%200H58.5771C58.5771%20256%20379.159%20453.5%20775%20453.5Z'%20fill='%23B689E3'/%3e%3cpath%20d='M1534%200C1534%20272.829%201193.74%20494%20774%20494C354.264%20494%2014%20272.829%2014%200'%20stroke='%23B689E3'%20stroke-width='28'/%3e%3c/svg%3e");position:relative;overflow:visible;background-repeat:no-repeat}@media (max-width: 799px){.MuiDialog-root .MuiPaper-root{background-size:600px;background-position:50% -72px;border-radius:20px}}@media (min-width: 800px) and (max-width: 899px){.MuiDialog-root .MuiPaper-root{background-size:900px;background-position:50% -84px;border-radius:20px;margin-inline:16px;width:calc(100% - 50px)}}@media (min-width: 800px){.MuiDialog-root .MuiPaper-root{border-radius:30px;background-size:1000px;background-position:50% -164px}}.MuiDialog-root .MuiPaper-root .background{position:absolute;top:-134px;left:50%;z-index:0;transform:translate(-50%);height:300px!important}.MuiDialog-root .MuiPaper-root .MuiDialogTitle-root{font-family:Heebo;max-height:180px;text-align:center;font-weight:900;line-height:1;color:#fff;z-index:1;font-size:40px}@media (max-width: 799px){.MuiDialog-root .MuiPaper-root .MuiDialogTitle-root{padding-block:20px 48px;font-size:26px}}@media (min-width: 800px){.MuiDialog-root .MuiPaper-root .MuiDialogTitle-root{padding-block:32px 8px}}.MuiDialog-root .MuiPaper-root img.icon{z-index:0}@media (max-width: 799px){.MuiDialog-root .MuiPaper-root img.icon{height:78px}}@media (min-width: 800px){.MuiDialog-root .MuiPaper-root img.icon{height:92px}}.MuiDialog-root .MuiPaper-root .MuiDialogActions-root{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;margin-bottom:-28px}.MuiDialog-root .MuiPaper-root .MuiDialogActions-root button{background-color:#fff;color:#b689e3;border-radius:30px;border:2px solid #b689e3;transition:all .3s ease;height:48px;font-weight:600}@media (min-width: 800px){.MuiDialog-root .MuiPaper-root .MuiDialogActions-root button{padding-inline:26px}}.MuiDialog-root .MuiPaper-root .MuiDialogActions-root button:hover{background-color:#b689e3;color:#fff;border:2px solid #b689e3;box-sizing:border-box}.MuiInputBase-root{border-radius:12px!important}.message-modal .MuiPaper-root{background-position:50% -172px;padding-inline:32px}.message-modal .MuiPaper-root .MuiDialogTitle-root{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;height:194px;margin-top:-26px;padding:0!important}.message-modal .MuiDialogContent-root p{font-size:18px;line-height:24px}.school-register-modal .MuiDialogContentText-root{text-align:justify}@media (max-width: 799px){.school-register-modal .MuiDialogTitle-root{margin-bottom:48px}.school-register-modal .MuiDialogContent-root{margin-inline:8px}.school-register-modal .MuiDialogContent-root input,.school-register-modal .MuiDialogContent-root *{font-family:Heebo!important}}@media (min-width: 800px){.school-register-modal .MuiDialogTitle-root{margin-bottom:48px}.school-register-modal .MuiDialogContent-root{margin-inline:32px;margin-block:0 16px}}@media (max-width: 799px){.profile-avatar{margin-top:-25px}}@media (min-width: 800px){.profile-avatar{margin-top:16px}}.score-modal{height:90vh;margin:auto}.score-modal .MuiDialogTitle-root{padding-inline:12%;padding-block:20px 0;line-height:1.2;transform:scale(1)}.score-modal .MuiDialogTitle-root span{font-weight:200}@media (max-width: 799px){.score-modal .MuiDialogTitle-root{height:78px}.score-modal .MuiDialogTitle-root span{font-size:10px;display:block}}@media (min-width: 800px){.score-modal .MuiDialogTitle-root{height:108px}.score-modal .MuiDialogTitle-root span{font-size:20px;margin-inline-start:4px}}.score-modal .MuiDialogContent-root{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;padding:26px 32px 16px;min-width:300px;min-height:300px;text-align:center;border:0!important}.score-modal .MuiDialogActions-root{padding:8px}.score-modal .MuiRating-root{border:4px solid #b689e3;padding:8px 10px;background-color:#fff;border-radius:30px;margin:auto}.score-modal .reading-result *{direction:rtl!important}.score-modal .reading-result .navigation{display:none}.score-modal .reading-result .arrow-indicator{display:none!important}.score-modal .reading-result .word-element{background-color:transparent!important}.score-modal .column{width:50%!important}.score-modal .original-text,.score-modal .recorded-text{max-height:calc(var(--card-height) - 9vh);overflow-y:auto;padding-inline-end:12px}.score-modal .original-text *,.score-modal .recorded-text *{font-size:18px!important;line-height:20px!important;text-align:justify}.original-text-area .word-element{background-color:transparent!important}.modal-add-class .MuiPaper-root{background-image:url("data:image/svg+xml,%3csvg%20width='1548'%20height='508'%20viewBox='0%200%201548%20508'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M775%20453.5C1170.84%20453.5%201492.04%20253.756%201492.04%200H58.5771C58.5771%20256%20379.159%20453.5%20775%20453.5Z'%20fill='%23B689E3'/%3e%3cpath%20d='M1534%200C1534%20272.829%201193.74%20494%20774%20494C354.264%20494%2014%20272.829%2014%200'%20stroke='%23B689E3'%20stroke-width='28'/%3e%3c/svg%3e");width:546px}.modal-add-class .MuiDialogTitle-root{padding-block-end:20px!important}.modal-add-class .MuiDialog-root .MuiDialogActions-root{margin-bottom:0}.modal-add-class .title{font-size:26px;font-weight:700;text-align:center}.modal-add-class .fields-container{display:flex;flex-direction:row;justify-content:center;gap:16px;width:100%;margin-bottom:16px}.modal-add-class .fields-container .MuiTextField-root{width:200p;max-width:300px}.modal-add-class .toggle-button-wrapper{margin-inline:auto;position:relative;bottom:26px;height:0;width:fit-content;padding-top:16px;z-index:2}.modal-add-class .toggle-button-group{background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;margin-inline:auto;padding:6px;border:2px solid #b689e3;border-radius:200px;transition:all .3s ease-in-out}.modal-add-class .toggle-button-group .MuiToggleButton-root{transition:all .3s ease-in-out;border-radius:200px;border:none;padding:8px}.modal-add-class .toggle-button-group .MuiToggleButton-root svg{height:26px;width:26px}.modal-add-class .toggle-button-group .MuiToggleButton-root.Mui-selected{background-color:#b689e3}.modal-add-class .toggle-button-group .MuiToggleButton-root:not(.Mui-selected):hover{background-color:#e9dbf7}.modal-add-class .toggle-button-group .MuiToggleButton-root:not(.Mui-selected):hover[aria-label="manual entry"] svg path{fill:#fff}.modal-add-class .toggle-button-group .MuiToggleButton-root:not(.Mui-selected):hover[aria-label="excel upload"] svg path{stroke:#fff}.modal-add-class .toggle-button-group .MuiToggleButton-root:hover{background-color:#e9dbf7}.modal-add-class .student-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:2px solid rgb(233,219.4383561644,246.5616438356);border-radius:32px;margin-top:0;overflow:auto;min-height:150px;min-width:300px;width:100%;text-align:center}.modal-add-class .student-container::-webkit-scrollbar{width:8px}.modal-add-class .student-container::-webkit-scrollbar-track{margin-block:32px;background:#f1f1f1;border-radius:4px}.modal-add-class .student-container::-webkit-scrollbar-thumb{background:#e9dbf7;border-radius:4px}.modal-add-class .student-container::-webkit-scrollbar-thumb:hover{background:#b689e3}.modal-add-class .student-container .MuiTable-root{margin-block:36px 0;overflow:hidden;max-height:calc(100% - 50px);position:relative}.modal-add-class .student-container .MuiTable-root::-webkit-scrollbar{width:8px}.modal-add-class .student-container .MuiTable-root::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-add-class .student-container .MuiTable-root::-webkit-scrollbar-thumb{background:#e9dbf7;border-radius:4px}.modal-add-class .student-container .MuiTable-root::-webkit-scrollbar-thumb:hover{background:#b689e3}.modal-add-class .student-container .MuiTable-root tr:nth-child(2n):not(:last-child){background-color:#f5f5f5}.modal-add-class .student-container .MuiTable-root tr:first-child{border-top:1px solid #e9dbf7}.modal-add-class .student-container .MuiTable-root tr:last-child{border-bottom:0px}.modal-add-class .student-container .MuiTable-root tr:last-child{position:sticky;bottom:0;background-color:#fff;z-index:1}.modal-add-class .student-container .MuiTable-root td{padding-block:4px;padding-inline:12px;border-inline-end:1px solid #e9dbf7}.modal-add-class .student-container .MuiTable-root .MuiOutlinedInput-root{height:36px;margin-inline:auto}.modal-add-class .student-container .MuiTable-root .MuiOutlinedInput-root fieldset{border-color:#e0e0e0}.modal-add-class .student-container .MuiTable-root .MuiOutlinedInput-root:hover fieldset,.modal-add-class .student-container .MuiTable-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#b689e3}.modal-add-class .student-container .MuiTable-root .MuiInputLabel-root{transform-origin:top center;color:#66666680}.modal-add-class .student-container .MuiTable-root .MuiInputLabel-root[data-shrink=false]{right:50%;top:50%;transform:translate(50%,-50%)}.modal-add-class .student-container .MuiTable-root .MuiInputLabel-root.Mui-focused{color:#b689e3}.modal-add-class .MuiDialogContent-root{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.modal-add-class .MuiDialogActions-root{display:flex;flex-direction:row;justify-content:center;gap:12px;position:absolute;bottom:28px;transform:translateY(50%);width:100%;z-index:3}.modal-add-class .MuiDialogActions-root button{margin-bottom:0;border-radius:30px}.modal-add-class .MuiDialogActions-root .cancel-button{border:3px solid #b689e3;background-color:#fff;color:#b689e3;font-weight:700;font-size:24px}.modal-add-class .MuiDialogActions-root .cancel-button:hover{color:#fff;background-color:#b689e3}.modal-add-class .MuiDialogActions-root .add-class-button,.modal-add-class .MuiDialogActions-root .import-button{color:#fff;background-color:#b689e3;font-weight:700;font-size:24px}.modal-add-class .MuiDialogActions-root .add-class-button:hover,.modal-add-class .MuiDialogActions-root .import-button:hover{color:#b689e3;background-color:#fff;border:3px solid #b689e3}.modal-add-class .MuiDialogActions-root .add-class-button:disabled,.modal-add-class .MuiDialogActions-root .import-button:disabled{cursor:not-allowed!important;opacity:.9;background-color:#d5baef}.upload-file-area{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;border-radius:32px;position:relative}.upload-file-area *{transition:all .3s ease;text-align:center}.upload-file-area:active p{transform:scale(.98)}.upload-file-area:active{border-color:#7b3eb7;background-color:#b689e326}.upload-file-area.dragging{border-color:#8b4dc7!important;background-color:#b689e31a!important}.upload-file-area p{margin:8px 0 6px;color:#666666d2;font-size:18px}.upload-file-area button{color:#b689e3;font-weight:700;font-size:18px;text-decoration:underline;background-color:transparent;border:none;transition:transform .2s ease;padding:0}.upload-file-area button:hover{background-color:transparent;text-decoration:underline;transform:scale(1.04)}.upload-file-area .MuiSvgIcon-root{font-size:40px}.table-container{scroll-behavior:smooth}.avatar-tooltip{padding:26px 8px 46px;border-radius:20px!important;box-shadow:0 0 18px #0000001a!important;margin-top:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px;position:relative}.avatar-tooltip .MuiPaper-root>*{background-color:#ffc84a}.avatar-tooltip .close-button{position:absolute;top:12px;left:12px}.avatar-tooltip-list-row{display:flex;flex-direction:row;align-items:center;justify-content:center;width:87%;gap:0;margin-bottom:8px}.avatar-tooltip-list{display:flex;flex-direction:row;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden;padding:8px 0;margin-top:12px;max-width:420px;min-height:80px;background:transparent;scrollbar-width:none;-ms-overflow-style:none}.avatar-tooltip-list::-webkit-scrollbar{display:none}.avatar-tooltip-avatar{width:90px;height:90px;cursor:pointer;border:2.5px solid transparent;transition:border .2s,box-shadow .2s,transform .18s;flex:0 0 auto;width:70px;height:70px;border-radius:50%;background:#f3f6fa}.avatar-tooltip-avatar:hover{transform:scale(1.1);border-color:#5898ff;box-shadow:0 0 0 2px #b3d4fc}.avatar-tooltip-avatar.selected{border-color:#5898ff;box-shadow:0 0 0 4px #b3d4fc,0 2px 8px #b3d4fc33;background:#eaf3ff}.avatar-tooltip-actions{position:absolute;bottom:12px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%}.avatar-tooltip-actions .MuiIconButton-root{font-size:1.3rem}.avatar-tooltip-dialog .MuiPaper-root{box-shadow:0 2px 8px #0000001f;background:#fff}.breadcrumbs-container{z-index:10}@media (min-width: 900px){.breadcrumbs-container{position:relative;top:86px}}@media (max-width: 899px){.breadcrumbs-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;position:absolute;top:-24px;left:50%;transform:translate(-50%);z-index:4;width:max-content;height:fit-content}}@media (min-width: 1800px){.breadcrumbs-container{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:0}}@media (max-width: 1191px){.breadcrumbs-container nav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}}.breadcrumbs-container .MuiBreadcrumbs-root{margin-inline:64px}.breadcrumbs-container .MuiBreadcrumbs-root *{font-family:Heebo,sans-serif!important}.breadcrumbs-container .MuiBreadcrumbs-root a{color:#093d94;text-decoration:none;transition:color .3s ease;font-weight:500}.breadcrumbs-container .MuiBreadcrumbs-root a:hover{color:#4285f4;text-decoration:underline}.breadcrumbs-container .MuiBreadcrumbs-root .MuiBreadcrumbs-separator{margin:0 .5rem}.breadcrumbs-container .MuiBreadcrumbs-root p.MuiTypography-root{font-weight:600}.statCard{background:linear-gradient(135deg,#ffb817,#e6a614);border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:95px;display:flex;flex-direction:column;justify-content:space-between;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-shadow:0 4px 12px #00000026,0 20px 25px -5px #0000001a,inset 0 1px #fff3}.statCard:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:.4}.statCard:hover{transform:translateY(-8px) scale(1.02);filter:brightness(1.1);box-shadow:0 8px 25px #0003,0 25px 35px -5px #00000026,inset 0 1px #ffffff4d}.statCard:hover:before{opacity:.7}.statCard:hover .cardIcon{transform:scale(1.1) rotate(5deg);background:#ffffff40!important}.statCard .cardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.statCard .cardHeader .cardIcon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.statCard .cardHeader .cardIcon:after{content:"";position:absolute;inset:-2px;background:#ffffff1a;border-radius:inherit;opacity:.5;filter:blur(8px);z-index:-1}.statCard .cardHeader .cardIcon svg{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.statCard .cardTitle{color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;line-height:1.2;opacity:.95;text-shadow:0 2px 4px rgba(0,0,0,.2)}.statCard .cardValue{font-size:24px;font-weight:800;color:#fff;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.3);position:relative;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.statCard.loading .cardValue,.statCard.loading .cardTitle{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:6px;color:transparent;position:relative}.statCard.loading .cardValue:before,.statCard.loading .cardTitle:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);border-radius:inherit;z-index:-1}.statCard.loading .cardValue{height:28px;width:80%}.statCard.loading .cardTitle{height:16px;width:60%}.statCard.loading .cardIcon{background:#ffffff1a!important}.statCard.loading .cardIcon svg{opacity:.3}.statCard.primary{background:linear-gradient(135deg,#ffb817,#e6a614)!important}.statCard.secondary{background:linear-gradient(135deg,#4285f4,#3367d6)!important}.statCard.success{background:linear-gradient(135deg,#3ea055,#2d7a44)!important}.statCard.purple{background:linear-gradient(135deg,#b689e3,#9c6fdb)!important}.statCard.orange{background:linear-gradient(135deg,#ff8e50,#e6743a)!important}.statCard.red{background:linear-gradient(135deg,#fb4d35,#e13c2a)!important}.statCard.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)!important}.statCard.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media screen and (max-width: 800px){.statCard{padding:16px;min-height:100px}.statCard .cardValue{font-size:24px}.statCard .cardHeader .cardIcon{width:40px;height:40px}.statCard .cardHeader .cardIcon svg{font-size:20px}.statCard .cardTitle{font-size:10px}}[dir=rtl] .statCard .cardHeader{flex-direction:row-reverse}[dir=rtl] .statCard .cardTitle{text-align:right}@media (prefers-reduced-motion: no-preference){.statCard{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-panel-sidebar__main-container{display:flex;min-height:100vh}.admin-panel-sidebar__main-container.admin-panel-sidebar--rtl{direction:rtl}.admin-panel-sidebar__main-container.admin-panel-sidebar--rtl .MuiDrawer-anchorRight,.admin-panel-sidebar__main-container.admin-panel-sidebar--rtl .MuiDrawer-paperAnchorRight{right:0!important;left:auto!important}.admin-panel-sidebar__main-container:not(.admin-panel-sidebar--rtl){direction:ltr}.admin-panel-sidebar__main-container:not(.admin-panel-sidebar--rtl) .MuiDrawer-anchorLeft{left:0!important;right:auto!important}.admin-panel-sidebar__main-container:not(.admin-panel-sidebar--rtl) .MuiDrawer-paperAnchorLeft{left:0!important;right:auto!important}.admin-panel-sidebar__drawer{flex-shrink:0}.admin-panel-sidebar__drawer.admin-panel-sidebar__drawer--expanded{width:240px}.admin-panel-sidebar__drawer.admin-panel-sidebar__drawer--collapsed{width:70px}.admin-panel-sidebar__drawer-paper{box-sizing:border-box;background-color:#4285f4!important;color:#fff!important;transition:width .3s cubic-bezier(.4,0,.2,1)!important;overflow-x:hidden!important;position:fixed!important;height:100vh!important;z-index:1200!important}.admin-panel-sidebar__drawer-paper.admin-panel-sidebar__drawer-paper--expanded{width:240px!important}.admin-panel-sidebar__drawer-paper.admin-panel-sidebar__drawer-paper--collapsed{width:70px!important}.admin-panel-sidebar__drawer-paper .MuiTypography-root,.admin-panel-sidebar__drawer-paper .MuiListItemText-root span,.admin-panel-sidebar__drawer-paper .MuiSvgIcon-root{color:#fff!important}.admin-panel-sidebar__drawer-paper .MuiListItemButton-root.Mui-selected{background-color:#ffffff1a!important}.admin-panel-sidebar__drawer-paper .MuiListItemButton-root.Mui-selected:hover{background-color:#ffffff26!important}.admin-panel-sidebar__drawer-paper .MuiListItemButton-root:hover{background-color:#ffffff0d!important}.admin-panel-sidebar__drawer-paper .MuiFormControl-root .MuiOutlinedInput-root{color:#fff!important}.admin-panel-sidebar__drawer-paper .MuiFormControl-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d!important}.admin-panel-sidebar__drawer-paper .MuiFormControl-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ffffff80!important}.admin-panel-sidebar__drawer-paper .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ffffffb3!important}.admin-panel-sidebar__drawer-paper .MuiFormControl-root .MuiSelect-select,.admin-panel-sidebar__drawer-paper .MuiFormControl-root .MuiSelect-icon{color:#fff!important}.admin-panel-sidebar__drawer-paper .toggle-language-button{background-color:#ffffff1a!important;color:#fff!important}.admin-panel-sidebar__drawer-paper .toggle-language-button:hover{background-color:#fff3!important}.admin-panel-sidebar__drawer-paper .MuiAvatar-root{border:2px solid rgba(255,255,255,.2)}.admin-panel-sidebar__content-area{flex-grow:1;min-height:100vh;overflow:auto}.admin-panel-sidebar__drawer--collapsed~.admin-panel-sidebar__content-area{margin-inline-start:70px}.admin-panel-sidebar__avatar-menu-icon{color:#4285f4!important}.admin-panel-sidebar__mobile-menu-paper{margin-top:8px!important;min-width:200px!important;border-radius:16px!important;box-shadow:0 4px 20px #00000026!important}.admin-panel-sidebar__mobile-school-selector-container{flex-direction:column!important;align-items:stretch!important;padding:16px!important}.admin-panel-sidebar__mobile-school-selector-single-display{text-align:center!important;padding:8px 0!important}.admin-panel-sidebar__mobile-school-selector-label{margin-bottom:8px!important}.admin-panel-sidebar__mobile-school-selector-name{font-weight:700!important;font-size:1.1rem!important}.admin-panel-sidebar__mobile-school-selector-form-label{font-size:1rem!important}.admin-panel-sidebar__mobile-school-selector-select .MuiSelect-select{font-weight:700!important;font-size:1.1rem!important;padding:8px 0!important}.admin-panel-sidebar__mobile-school-selector-select .MuiSelect-icon{display:none!important}.admin-panel-sidebar__mobile-school-selector-all-option{font-size:1rem!important;font-weight:700!important;font-style:italic!important}.admin-panel-sidebar__mobile-school-selector-option{font-size:1rem!important;font-weight:700!important}.admin-panel-sidebar__mobile-nav-menu-item.Mui-selected{background-color:#5898ff1a!important;color:#4285f4!important}.admin-panel-sidebar__mobile-nav-menu-item.Mui-selected:hover{background-color:#5898ff33!important}.admin-panel-sidebar__mobile-nav-menu-item:hover{background-color:#5898ff0d!important}.admin-panel-sidebar__mobile-nav-menu-icon{color:inherit!important}.sidebar-transition{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-shadow{box-shadow:2px 0 8px #0000001a!important}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.admin-panel-sidebar__drawer{display:none!important}.admin-panel-sidebar__content-area{margin-inline:0!important}}.admin-panel-sidebar__drawer-paper:focus-within{outline:2px solid rgba(255,255,255,.3);outline-offset:-2px}@media (prefers-contrast: high){.admin-panel-sidebar__drawer-paper{border:2px solid #ffffff!important}.admin-panel-sidebar__drawer-paper .admin-panel-sidebar__avatar-menu-icon{color:#000!important}}@media (prefers-reduced-motion: reduce){.admin-panel-sidebar__drawer-paper,.admin-panel-sidebar__drawer-paper .sidebar-transition{transition:none!important}}.foreign-key-error-content .main-message{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:#333}.foreign-key-error-content .info-section{margin:1.5rem 0;padding:1rem;background-color:#e3f2fd;border-radius:8px;border:1px solid #bbdefb}.foreign-key-error-content .info-section .info-header{color:#1976d2;font-weight:500;font-size:1rem;margin-bottom:.5rem}.foreign-key-error-content .info-section .info-text{color:#1976d2;line-height:1.5;font-size:.9rem}.foreign-key-error-content .warning-section{margin-top:1rem;padding:1.5rem;background-color:#ffebee;border-radius:8px;border:1px solid #ffcdd2}.foreign-key-error-content .warning-section .warning-header{color:#d32f2f;font-weight:600;font-size:1.1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.foreign-key-error-content .warning-section .warning-text{color:#d32f2f;line-height:1.5;margin-bottom:1rem;font-size:.95rem}.foreign-key-error-content .warning-section .related-data{margin-top:1rem}.foreign-key-error-content .warning-section .related-data .data-summary{font-weight:600;color:#d32f2f;margin-bottom:1rem;font-size:.95rem}.foreign-key-error-content .warning-section .related-data .data-list{display:flex;flex-direction:column;gap:1rem}.foreign-key-error-content .warning-section .related-data .data-item{background-color:#ffffffb3;border:1px solid #ffcdd2;border-radius:6px;padding:.75rem}.foreign-key-error-content .warning-section .related-data .data-item .data-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.foreign-key-error-content .warning-section .related-data .data-item .data-header .data-icon{font-size:1.2rem}.foreign-key-error-content .warning-section .related-data .data-item .data-header .data-name{font-weight:600;color:#d32f2f;font-size:.9rem}.foreign-key-error-content .warning-section .related-data .data-item .data-count{color:#666;font-size:.8rem;margin-bottom:.5rem}.foreign-key-error-content .warning-section .related-data .data-item .data-examples .examples-label{font-size:.75rem;color:#888;margin-bottom:.25rem;font-weight:600}.foreign-key-error-content .warning-section .related-data .data-item .data-examples .examples-list{display:flex;flex-wrap:wrap;gap:.25rem}.foreign-key-error-content .warning-section .related-data .data-item .data-examples .example-item{background-color:#fff3e0;color:#e65100;padding:.125rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;border:1px solid #ffcc02}.foreign-key-error-content .warning-section .final-warning{margin-top:1rem;padding:.75rem;background-color:#f443361a;border:2px solid #f44336;border-radius:6px;color:#d32f2f;font-weight:600;text-align:center;font-size:.9rem}@media (max-width: 768px){.foreign-key-error-content .related-data .data-item{padding:.5rem}.foreign-key-error-content .related-data .data-item .data-examples .examples-list{flex-direction:column}.foreign-key-error-content .related-data .data-item .data-examples .example-item{text-align:center}}.import-students-content{display:flex;flex-direction:column;gap:1.5rem}.import-students-content .instructions-section{padding:.75rem;background-color:#e3f2fd;border-radius:6px;border:1px solid #bbdefb}.import-students-content .instructions-section .instruction-header{color:#1976d2;font-weight:600;font-size:.8rem;margin-bottom:.25rem}.import-students-content .instructions-section .instruction-text{color:#1976d2;font-size:.75rem}.import-students-content .file-upload-section .section-label{margin-bottom:.5rem;font-weight:600;font-size:.8rem}.import-students-content .file-upload-section .file-drop-zone{border:2px dashed #e0e0e0;border-radius:6px;padding:1rem;text-align:center;background-color:#fafafa;cursor:pointer;transition:all .3s ease}.import-students-content .file-upload-section .file-drop-zone.has-file{background-color:#f0f8ff;border-color:#2196f3}.import-students-content .file-upload-section .file-drop-zone:hover{border-color:#90caf9;background-color:#f8f9fa}.import-students-content .file-upload-section .file-drop-zone .file-selected .upload-icon{font-size:1.5rem;color:#2196f3;margin-bottom:.25rem}.import-students-content .file-upload-section .file-drop-zone .file-selected .file-name{font-weight:600;font-size:.8rem;color:#2196f3;margin-bottom:.125rem}.import-students-content .file-upload-section .file-drop-zone .file-selected .file-change-hint{font-size:.7rem;color:#666}.import-students-content .file-upload-section .file-drop-zone .file-empty .upload-icon-empty{font-size:1.5rem;color:#bbb;margin-bottom:.25rem}.import-students-content .file-upload-section .file-drop-zone .file-empty .file-prompt{font-weight:600;font-size:.8rem;color:#333;margin-bottom:.125rem}.import-students-content .file-upload-section .file-drop-zone .file-empty .drag-hint{font-size:.7rem;color:#666}.import-students-content .class-selection-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.import-students-content .class-selection-section .section-label{margin-bottom:.5rem;font-weight:600;font-size:.8rem}.import-students-content .class-selection-section .class-options{display:flex;flex-direction:column;gap:1rem;flex:1;overflow:hidden}.import-students-content .class-selection-section .class-option{padding:1rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden}.import-students-content .class-selection-section .class-option.selected{border-color:#2196f3;background-color:#2196f30d}.import-students-content .class-selection-section .class-option .option-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.import-students-content .class-selection-section .class-option .option-header .radio-button{width:16px;height:16px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center}.import-students-content .class-selection-section .class-option .option-header .radio-button.selected{border-color:#2196f3}.import-students-content .class-selection-section .class-option .option-header .radio-button.selected .radio-dot{width:8px;height:8px;border-radius:50%;background-color:#2196f3}.import-students-content .class-selection-section .class-option .option-header .option-title{font-weight:600;font-size:.8rem}.import-students-content .class-selection-section .class-option .option-content{flex:1;overflow:hidden}.import-students-content .class-selection-section .class-option .option-content .no-classes-warning{padding:1rem;text-align:center;background-color:#fff3cd;border-radius:8px;border:1px solid #ffc107}.import-students-content .class-selection-section .class-option .option-content .no-classes-warning .warning-icon{font-size:2.5rem;color:#ff9800;margin-bottom:.5rem}.import-students-content .class-selection-section .class-option .option-content .no-classes-warning .warning-title{font-weight:600;font-size:.8rem;color:#856404;margin-bottom:.25rem}.import-students-content .class-selection-section .class-option .option-content .no-classes-warning .warning-text{font-size:.7rem;color:#ff9800}.import-students-content .class-selection-section .class-option .option-content .grades-list{border:1px solid #e0e0e0;border-radius:6px;background-color:#fafafa;max-height:200px;overflow-y:auto}.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item{padding:.75rem;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .2s ease}.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item:last-child{border-bottom:none}.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item:hover{background-color:#f0f0f0}.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item.selected{background-color:#2196f31a}.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item.selected:hover{background-color:#2196f326}.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item.selected .grade-name{font-weight:600;color:#1976d2}.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item .grade-name{font-size:.8rem;font-weight:500;margin-bottom:.25rem}.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item .grade-details{display:flex;flex-direction:column;gap:.125rem}.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item .grade-details .school-name,.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item .grade-details .teacher-name{font-size:.7rem;color:#666}.import-students-content .class-selection-section .class-option .option-content .grades-list .grade-item .grade-details .teacher-name{font-style:italic}@media (max-width: 768px){.import-students-content .class-selection-section .class-options .class-option{padding:.75rem}.import-students-content .class-selection-section .class-options .class-option .option-content .grades-list{max-height:150px}.import-students-content .class-selection-section .class-options .class-option .option-content .grades-list .grade-item{padding:.5rem}}.user-form-modal .modal-paper{border-radius:12px;position:relative}.user-form-modal .modal-paper.mobile{border-radius:0}.user-form-modal .close-button{position:absolute;right:8px;top:8px;z-index:1;color:#666}.user-form-modal .close-button:hover{background-color:#0000000a}.user-form-modal .modal-title{text-align:center;padding-bottom:16px;padding-top:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.user-form-modal .modal-title .modal-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #667eea4d}.user-form-modal .modal-title .modal-icon svg{color:#fff;font-size:32px}.user-form-modal .modal-title h2{margin:0;font-weight:600;color:#2c3e50}.user-form-modal .modal-content{padding:8px 24px 16px}.user-form-modal .modal-content .form-container{display:flex;flex-direction:column;gap:8px}.user-form-modal .modal-content .form-container .MuiTextField-root,.user-form-modal .modal-content .form-container .MuiFormControl-root{margin-top:16px;margin-bottom:8px}.user-form-modal .modal-actions{padding-left:24px;padding-right:24px;padding-bottom:24px;gap:8px;justify-content:flex-end}.user-form-modal .modal-actions .cancel-button{min-width:100px;border-color:#bdc3c7;color:#7f8c8d}.user-form-modal .modal-actions .cancel-button:hover{border-color:#95a5a6;background-color:#ecf0f1}.user-form-modal .modal-actions .submit-button{min-width:100px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.user-form-modal .modal-actions .submit-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 16px #667eea66}.user-form-modal .modal-actions .submit-button:disabled{background:#bdc3c7;box-shadow:none}.user-form-modal .modal-actions .submit-button .loading-spinner{margin-right:8px}.user-form-modal .loading-overlay{position:absolute;inset:0;background-color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;border-radius:12px}.user-form-modal .loading-overlay.mobile{border-radius:0}.user-form-modal .loading-overlay .loading-spinner{margin-bottom:16px;color:#667eea}.user-form-modal .loading-overlay .loading-text{font-size:18px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:8px}@media (max-width: 768px){.user-form-modal .modal-content{padding-left:16px;padding-right:16px}.user-form-modal .modal-actions{padding-left:16px;padding-right:16px;flex-direction:column}.user-form-modal .modal-actions .cancel-button,.user-form-modal .modal-actions .submit-button{width:100%;min-width:unset}}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;position:fixed;top:0;left:0;right:0;z-index:5;width:100%;padding-inline:32px;color:#fff;box-shadow:0 0 10px #00000052;background-color:#4285f4;transition:transform .3s ease;transform:translateY(0)}.header .column{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.header .column .brand-container{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:16px}.header .column .brand-container img{border-radius:50%}.header .column .score-tag{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;border-radius:40px;background-color:#0006;padding-inline:16px 20px;padding-block:8px}.header .column .score-tag h3{font-size:24px}.header .classes-management-button{width:54px;height:54px;border-radius:50%;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.header .classes-management-button:hover{filter:brightness(90%)}.header .classes-management-button:focus{outline:none}.header .classes-management-button:active{transform:translateY(2px)}.header .classes-management-button{box-shadow:0 0 10px #ffffffb3}.header .classes-management-button img{margin-top:7px;margin-left:6px;width:36px}.header--hidden{transform:translateY(-100%)}.main-bg{position:fixed;top:-40px;left:0;width:100%;z-index:-1}@media (max-width: 799px){.header{height:60px;padding-inline:6px 16px;gap:6px!important}.header .column .score-tag h3{font-size:18px}.header img{height:38px;border-radius:50%}.header .brand-container{height:auto}.header .toggle-language-button{font-size:16px!important}.header .column:nth-child(1){width:auto;gap:0px!important}.header .column:nth-child(1) .brand-container{gap:6px!important}.header .column:nth-child(1) .brand-container h3,.header .column:nth-child(1) .brand-container p{display:none}.header .column:nth-child(2){gap:8px!important}.header .column:nth-child(2) .MuiAvatar-root{width:40px;height:40px}.header .column:nth-child(2) .score-tag{order:-1}.header .column:nth-child(2) .score-tag h3{font-size:16px}.header .column:nth-child(2) .score-tag{padding-inline:12px 16px;padding-block:5px}}@media (min-width: 800px){.header{height:80px;padding-inline:32px}.header .column .score-tag h3{font-size:24px}.header .classes-management-button{width:60px;height:60px;border-radius:50%;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.header .classes-management-button:hover{filter:brightness(90%)}.header .classes-management-button:focus{outline:none}.header .classes-management-button:active{transform:translateY(2px)}.header .classes-management-button img{width:40px}}.body{flex-wrap:wrap;position:relative;box-sizing:border-box;height:calc(100vh - 90px);overflow-x:hidden;color:#2a2a2a;transition:padding-top .3s ease;z-index:0}@media (max-width: 799px){.body{margin-inline:16px;padding-bottom:16px}}@media (min-width: 1192px) and (max-width: 1799px){.body{margin-inline:64px;padding-bottom:64px}}@media (min-width: 1800px){.body{display:flex;flex-direction:row;align-items:start;gap:16px;margin-inline:auto;max-width:1420px;padding-bottom:64px}}.body::-webkit-scrollbar{width:0!important}@media (min-width: 800px) and (max-width: 1191px){.body section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}}@media (min-width: 1192px){.body section{display:flex;flex-direction:column;align-items:flex-end;gap:0;float:inline-end}}.head-section{display:flex;flex-direction:row;justify-content:space-between;align-items:start;gap:16px;background-color:#fff;box-shadow:0 0 14px #0000001a;color:#2a2a2a;margin:12px}@media (max-width: 799px){.head-section{border-radius:20px;padding:32px 20px;gap:0;align-items:center;margin-bottom:-20px;width:72%;margin-inline:auto}}@media (min-width: 800px){.head-section{border-radius:30px;padding:36px 32px 32px;width:50%;margin-inline:auto}}@media (min-width: 900px) and (max-width: 1191px){.head-section{margin-bottom:-60px;padding-bottom:100px;flex-direction:column}}@media (min-width: 1192px){.head-section{position:absolute;width:74%;inset-inline-start:0;padding-inline-end:100px;padding-bottom:64px;margin-top:34px}}.head-section .navigate{z-index:6}.head-section .navigate img{color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.head-section .navigate img:hover{filter:brightness(90%)}.head-section .navigate img:focus{outline:none}.head-section .navigate img:active{transform:translateY(2px)}.admin-panel-layout__main-container{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:fixed;inset:0}.admin-panel-layout__background-container{position:absolute;top:0;left:0;right:0;z-index:0;pointer-events:none}.admin-panel-layout__content-wrapper{z-index:1;position:relative;flex:1;overflow:hidden}.admin-panel-layout__main-content{flex-grow:1;width:100%;height:100vh;position:relative;z-index:1;overflow:auto;background-color:transparent;min-height:100%;box-sizing:border-box}.admin-panel-layout__main-content--mobile{padding:8px}.admin-panel-layout__main-content--desktop{padding:24px}.admin-panel-layout__main-content--rtl{direction:rtl}.admin-panel-layout__main-content--ltr{direction:ltr}.home-page{box-sizing:border-box}@media (max-width: 799px){.home-page{height:auto}}@media (min-width: 1192px){.home-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:0}}.home-page>h1{width:100%;text-align:center;grid-column-start:1;grid-column-end:3}.home-page section{padding:0}.home-page .head-section{flex-direction:column;z-index:-1}@media (min-width: 800px) and (max-width: 1191px){.home-page .head-section{align-items:center}}@media (min-width: 800px){.home-page .head-section{padding-bottom:100px}}.home-page .head-section h1{margin-block:12px}.home-page .head-section .user-details{margin-top:8px;align-self:flex-start}.home-page .head-section .user-details .detail-row{display:flex;align-items:center;padding-bottom:4px}.home-page .head-section .user-details .detail-row .icon-circle{display:flex;align-items:center;justify-content:center;border:1px solid #4285f4;border-radius:50%;width:32px;height:32px;margin-inline-end:6px}.home-page .head-section .user-details .detail-row .icon-circle svg{width:18px;height:18px;color:#4285f4}.home-page .head-section .user-details .detail-row .detail-text{font-size:.9rem}.home-page .head-section .user-details .detail-row .detail-text .value{color:#333}.home-page .search-input{border:1px solid #4285f4}.home-page .search-input:focus{outline:none;border-color:#4285f4;color:#4285f4}.reading-page{flex-direction:row}.reading-page .head-section{text-align:start}.reading-page .head-section h1{margin-block:0px 2px;margin-inline-start:-3px}.reading-page section{justify-content:start;margin-inline:revert}.reading-page .stats-container{margin-inline-start:32px;gap:32px}.reading-page .card{padding:0!important;position:relative;justify-content:flex-start}.reading-page .card .original-text-area{height:calc(100% - 150px)}.reading-page .card .original-text-area .text-container{max-height:38vh}@media (min-width: 900px) and (max-width: 1799px){.reading-page .card{width:70vw;max-width:800px}}@media (min-width: 1800px){.reading-page .card{width:50vw;max-width:800px}}.reading-page .card .text-source{line-height:1.6;text-align:justify}.reading-page .card .buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:46px;padding-top:16px}.reading-page .card .buttons button{display:flex;flex-direction:column;justify-content:center;gap:0;font-size:18px;font-weight:600;line-height:1}.reading-page .card .preview-mode{display:flex;flex-direction:column;justify-content:space-between;align-items:revert;gap:0}.reading-page .card .preview-mode .card-header{background-color:#ffb817}.reading-page .card .preview-mode .content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0px;padding:16px 32px 32px;width:100%}.reading-page .card .preview-mode .content .column{height:100%}.reading-page .card .preview-mode .content .column .original-text{padding-inline:36px 16px}.reading-page .card .preview-mode .content .original-text-area .original-text{height:100%}.reading-page .card .reading-mode{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0;height:calc(var(--card-height) - 0px);width:100%}.reading-page .card .reading-mode.type-reading .card-header{background-color:#3ea055}.reading-page .card .reading-mode.type-reading .navigation{display:none}.reading-page .card .reading-mode.type-reading .recorded-text{text-align:justify}.reading-page .card .reading-mode.type-byHeart .card-header{background-color:#b689e3}.reading-page .card .reading-mode.type-byHeart .button-end{width:100px;height:100px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .reading-mode.type-byHeart .button-end:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .card .reading-mode.type-byHeart .button-end:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .card .reading-mode.type-byHeart .button-end:active{transform:translateY(2px)}.reading-page .card .reading-mode.type-byHeart .original-text .word.skipped{filter:blur(8px);-webkit-user-select:none;user-select:none}.reading-page .card .reading-mode.type-byHeart .original-text .word.skipped:hover{filter:blur(8px)}.reading-page .card .reading-mode .content{padding-top:12px;height:calc(100% - 6.9vh);width:100%;position:relative}@media (min-width: 800px){.reading-page .card .reading-mode .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;gap:0;padding-bottom:132px}}@media (max-width: 799px){.reading-page .card .reading-mode .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;gap:8px;padding-bottom:114px}}.reading-page .card .reading-mode .content .text-wrapper{padding-top:12px;overflow-y:auto;overflow-x:hidden;width:100%;max-height:calc(var(--card-height) - 204px)}.reading-page .card .reading-mode .content .text-wrapper *{direction:rtl!important}.reading-page .card .reading-mode .content .control-panel{line-height:1;width:100%}@media (max-width: 799px){.reading-page .card .reading-mode .content .control-panel .action-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}}@media (min-width: 800px){.reading-page .card .reading-mode .content .control-panel .action-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px}}.reading-page .card .reading-mode .content .control-panel .action-buttons button{padding:0 10px 0 6px}@media (max-width: 799px){.reading-page .card .reading-mode .content .control-panel .action-buttons button{font-size:12px;line-height:1;width:30%}}.reading-page .card .reading-mode .content .recording-mark{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%);margin-bottom:16px}.reading-page .card .reading-mode .content .recording-mark .timer{color:#d8d8d8;font-weight:500}@media (max-width: 799px){.reading-page .card .reading-mode .content .recording-mark .timer{font-size:16px}}@media (min-width: 800px){.reading-page .card .reading-mode .content .recording-mark .timer{font-size:24px}}.reading-page .card .reading-mode .content .button-end{position:absolute;z-index:3}.reading-page .card .reading-mode .content .button-end:disabled{background-color:#6f6f6f}@media (max-width: 799px){.reading-page .card .reading-mode .content .button-end{width:64px;height:64px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .reading-mode .content .button-end:hover{background-color:#296938;filter:brightness(90%)}.reading-page .card .reading-mode .content .button-end:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.reading-page .card .reading-mode .content .button-end:active{transform:translateY(2px)}.reading-page .card .reading-mode .content .button-end{font-size:14px!important;bottom:42px!important;inset-inline-end:16px!important}}@media (min-width: 800px){.reading-page .card .reading-mode .content .button-end{width:100px;height:100px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .reading-mode .content .button-end:hover{background-color:#296938;filter:brightness(90%)}.reading-page .card .reading-mode .content .button-end:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.reading-page .card .reading-mode .content .button-end:active{transform:translateY(2px)}.reading-page .card .reading-mode .content .button-end{bottom:24px;inset-inline-end:24px;font-size:20px}}.reading-page .card .reading-mode .content .column:first-child{background-color:#ffb817}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.in_writing{background-color:#3ea055}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.by_heart{background-color:#b689e3}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.by_heart button.circle{width:100px;height:100px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.by_heart button.circle:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.by_heart button.circle:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.by_heart button.circle:active{transform:translateY(2px)}.reading-page .card .recording-mode .mic-button.recording{background-color:#6f6f6f}@media (max-width: 799px){.reading-page .card .recording-mode .mic-button.recording{width:64px;height:64px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .recording-mode .mic-button.recording:hover{background-color:#296938;filter:brightness(90%)}.reading-page .card .recording-mode .mic-button.recording:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.reading-page .card .recording-mode .mic-button.recording:active{transform:translateY(2px)}}@media (min-width: 800px){.reading-page .card .recording-mode .mic-button.recording{width:100px;height:100px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .recording-mode .mic-button.recording:hover{background-color:#296938;filter:brightness(90%)}.reading-page .card .recording-mode .mic-button.recording:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.reading-page .card .recording-mode .mic-button.recording:active{transform:translateY(2px)}}.reading-page .card .recording-mode .timer{color:#d8d8d8;font-weight:500}@media (max-width: 799px){.reading-page .card .recording-mode .timer{font-size:16px}}@media (min-width: 800px){.reading-page .card .recording-mode .timer{font-size:24px}}.reading-page .card .results-mode .buttons .try-again-button{width:90px;height:90px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .results-mode .buttons .try-again-button:hover{background-color:#296938;filter:brightness(90%)}.reading-page .card .results-mode .buttons .try-again-button:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.reading-page .card .results-mode .buttons .try-again-button:active{transform:translateY(2px)}.reading-page .card .results-mode .buttons .continue-button{width:90px;height:90px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .results-mode .buttons .continue-button:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .card .results-mode .buttons .continue-button:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .card .results-mode .buttons .continue-button:active{transform:translateY(2px)}@media (min-width: 900px){.reading-page .card .results-mode .buttons .try-again-button{width:150px;height:150px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .results-mode .buttons .try-again-button:hover{background-color:#296938;filter:brightness(90%)}.reading-page .card .results-mode .buttons .try-again-button:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.reading-page .card .results-mode .buttons .try-again-button:active{transform:translateY(2px)}.reading-page .card .results-mode .buttons .continue-button{width:150px;height:150px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .results-mode .buttons .continue-button:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .card .results-mode .buttons .continue-button:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .card .results-mode .buttons .continue-button:active{transform:translateY(2px)}}@media (max-width: 799px){.reading-page .head-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:96%;padding-block:26px 48px}.reading-page .head-section .headers>*{text-align:center}.reading-page .head-section .stats-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-inline-start:26px}.reading-page .head-section .stats-container>div{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:6px}.reading-page .head-section .stats-container>div label{padding-inline-start:6px}.reading-page .card{max-height:unset;height:fit-content}.reading-page .card .preview-mode .content{padding:0 16px 16px}.reading-page .card .MuiDivider-middle{margin-right:8px!important;margin-left:8px!important}.reading-page .buttons button:first-child{width:90px;height:90px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .buttons button:first-child:hover{background-color:#296938;filter:brightness(90%)}.reading-page .buttons button:first-child:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.reading-page .buttons button:first-child:active{transform:translateY(2px)}.reading-page .buttons button:last-child{width:90px;height:90px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .buttons button:last-child:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .buttons button:last-child:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .buttons button:last-child:active{transform:translateY(2px)}.reading-page .buttons button{padding:6px!important;font-size:14px!important}.reading-page .buttons button img{width:32px;height:32px}.reading-page .type-reading .control-panel{bottom:10px!important}}@media (min-width: 900px){.reading-page .buttons button:first-child{width:150px;height:150px;border-radius:50%;background-color:#3ea055;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .buttons button:first-child:hover{background-color:#296938;filter:brightness(90%)}.reading-page .buttons button:first-child:focus{outline:none;box-shadow:0 0 0 2px #79cb8c}.reading-page .buttons button:first-child:active{transform:translateY(2px)}.reading-page .buttons button:last-child{width:150px;height:150px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .buttons button:last-child:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .buttons button:last-child:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .buttons button:last-child:active{transform:translateY(2px)}}@media (min-width: 1192px){.reading-page{justify-content:flex-end}}@media (max-width: 1191px){.reading-page{justify-content:space-around}.reading-page .head-section{width:56%}}@media (max-width: 1191px) and (max-width: 899px){.reading-page .head-section{width:88%}.reading-page .head-section .navigate{inset-inline-start:12%}}@media (max-width: 1191px){.reading-page .head-section .stats-container{margin-inline-start:0}}@media (min-width: 1192px){.reading-page .head-section{flex-direction:column;gap:48px}.reading-page .head-section .stats-container{flex-direction:column;justify-content:flex-start;align-items:flex-start}.reading-page .head-section .stats-container label{width:146px}}.my-reading-page{flex-direction:row;gap:0}@media (min-width: 900px) and (max-width: 1191px){.my-reading-page{justify-content:center}}@media (min-width: 1192px){.my-reading-page{justify-content:flex-end}}.my-reading-page .head-section{align-items:flex-start;text-align:start;flex-direction:column;gap:32px;z-index:-1}@media (max-width: 799px){.my-reading-page .head-section{width:96%;justify-content:center;align-items:center;padding-block:16px 64px;gap:16px;margin-bottom:-40px;text-align:center}}.my-reading-page .head-section .headers{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.my-reading-page .head-section h1{margin-block:0px 2px;margin-inline-start:-3px}@media (min-width: 1192px){.my-reading-page .head-section{padding-bottom:46px}}.my-reading-page .summary-table{line-height:1.2;display:grid;gap:5px;overflow:hidden;grid-template-columns:3fr 1fr}.my-reading-page .summary-table .grid-header{font-weight:700;padding:8px;text-align:right}.my-reading-page .summary-table .grid-item{padding:8px;text-align:right}@media (max-width: 799px){.my-reading-page .summary-table{margin-inline-start:0;font-size:18px}.my-reading-page .summary-table .grid-item{padding-block:0}}@media (min-width: 800px){.my-reading-page .summary-table{font-size:24px;font-weight:300;margin-inline-start:58px}}.my-reading-page .levelOne-accordions{padding:0}.my-reading-page .levelOne-accordions .MuiAccordionSummary-root[aria-expanded=true]+.MuiCollapse-root button.circle{transform:rotate(360deg) scale(1)!important}.my-reading-page .levelOne-accordions .MuiAccordionSummary-root[aria-expanded=true]+.MuiCollapse-root button.circle svg{transform:rotate(360deg)!important}.my-reading-page .levelOne-accordions .MuiAccordionSummary-root[aria-expanded=false]+.MuiCollapse-root button.circle{transform:rotate(0) scale(1)!important}.my-reading-page .levelOne-accordions .MuiAccordionSummary-root[aria-expanded=false]+.MuiCollapse-root button.circle svg{transform:rotate(0)!important}.my-reading-page .levelOne-accordions .MuiAccordion-root{overflow:hidden}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child{border-top-left-radius:20px;border-top-right-radius:20px}.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child .MuiAccordionSummary-root,.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child .MuiAccordionDetails-root{border-top-right-radius:20px}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root{width:760px}.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child{border-top-left-radius:30px;border-top-right-radius:30px}.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child .MuiAccordionSummary-root,.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child .MuiAccordionDetails-root{border-top-right-radius:30px}}.my-reading-page .levelOne-accordions .MuiAccordion-root:not(:last-child) .MuiAccordionSummary-root[aria-expanded=false]:not(:last-child){border-bottom:2px solid white}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root{background-color:#4285f4;box-shadow:0 1px 12px 3px #0003;z-index:3}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root *{color:#fff}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root{padding-inline:12px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root h3{font-size:18px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root h5{font-size:14px;width:max-content}}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-expandIconWrapper svg{font-size:30px}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-expandIconWrapper svg{font-size:40px}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-expandIconWrapper.Mui-expanded{transform:rotate(-90deg)}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content{gap:4px;margin-inline-end:12px;margin-block:10px}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content{margin-inline-end:16px}}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress label{font-size:12px;width:max-content}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress .MuiLinearProgress-root{width:120px;height:20px}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress .MuiLinearProgress-root{width:180px;height:40px}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress .MuiLinearProgress-root{border-radius:200px;background-color:#d8d8d8}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root{padding:0}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container{display:flex;flex-direction:row;justify-content:start;align-items:start;gap:0;overflow:hidden;height:100%}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column{text-align:center;height:-webkit-fill-available;min-width:fit-content}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column::-webkit-scrollbar{width:8px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column::-webkit-scrollbar-track{background-color:#bfd6fb}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child{background-color:#ffe19c;box-shadow:4px 0 8px #000;z-index:2;overflow-y:auto;width:auto}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child p{text-align:center}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child .Mui-selected{background-color:#ffe19c}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child .Mui-selected .MuiListItemText-root{background-color:#fff;padding:2px 6px;font-weight:500;border-radius:6px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child .MuiListItemButton-root{padding:4px;height:38px}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child .MuiListItemButton-root{padding-inline:16px}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:nth-child(2){border-inline-end:2px solid rgb(191.307,213.886,251.293);overflow-y:auto;background-color:#fff}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:nth-child(2) p{text-align:center}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:nth-child(2) .Mui-selected{background-color:#bfd6fb}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:nth-child(2) .Mui-selected *{font-weight:500}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:nth-child(2) .MuiListItemButton-root{padding:4px 16px;border-top:2px solid rgb(191.307,213.886,251.293);height:32px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child{width:100%;padding:12px 16px}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child{padding-bottom:154px}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child .details{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:26px;text-align:start}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child .details{gap:14px}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child .details h5{margin-bottom:6px}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child .details h5 span{font-weight:300}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;position:absolute;top:revert;bottom:16px;right:revert;left:16px;z-index:1;line-height:1.2;padding:0;transition:all .5s ease-in-out!important;transform:rotate(0) scale(1)}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle{width:72px;height:72px;border-radius:50%;background-color:#5f98f6;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:hover{background-color:#1769f1;filter:brightness(90%)}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:focus{outline:none;box-shadow:0 0 0 2px #bfd6fb}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:active{transform:translateY(2px)}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle{font-size:12px;padding-inline:12px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle svg{font-size:20px;transition:transform .5s ease-in-out!important}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle{width:112px;height:112px;border-radius:50%;background-color:#5f98f6;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:hover{background-color:#1769f1;filter:brightness(90%)}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:focus{outline:none;box-shadow:0 0 0 2px #bfd6fb}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:active{transform:translateY(2px)}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle{font-size:20px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle svg{font-size:34px;transition:transform .5s ease-in-out!important}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column h5{padding-block:6px;font-weight:500;position:sticky;top:0;z-index:1;background-color:inherit}.my-reading-page .MuiLinearProgress-root{background-color:#faf3e6!important;box-shadow:inset 0 0 4px #00000080,inset 0 0 #0000004d}.my-reading-page .MuiLinearProgress-root .MuiLinearProgress-bar{background-color:#54bd6d;border-radius:200px}@media (max-width: 799px){.stats-container{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:8px}}@media (min-width: 800px){.stats-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}}.stats-container .stats{display:flex;flex-direction:row;justify-content:start;align-items:start;gap:8px}.stats-container .stats>h5{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:6px}@media (min-width: 800px){.stats-container .stats img{margin-top:7px}}.stats-container .stats.in_writing>img{width:26px;height:26px;border-radius:50%;background-color:#3ea055;padding:2px 6px 4px}@media (max-width: 799px){.stats-container .stats.in_writing>img{width:20px;height:20px;border-radius:50%;background-color:#3ea055;padding:1px 4px 3px;margin-top:6px}}.stats-container .stats.by_heart>img{width:26px;height:26px;border-radius:50%;background-color:#b689e3;padding:6px 5px 2px}@media (max-width: 799px){.stats-container .stats.by_heart>img{width:20px;height:20px;border-radius:50%;background-color:#b689e3;padding:4px 3px 1px;margin-top:6px}}@media (max-width: 799px){.stats-container .stats .scores{display:grid;gap:4px;overflow:hidden;grid-template-columns:3fr 1fr}.stats-container .stats .scores .grid-header{font-weight:700;padding:8px;text-align:right}.stats-container .stats .scores .grid-item{padding:8px;text-align:right}.stats-container .stats .scores h5{font-size:14px}.stats-container .stats .scores label{padding-inline-start:16px;font-size:12px}.stats-container .stats .scores div.value{font-size:12px}}@media (min-width: 800px){.stats-container .stats .scores{display:grid;gap:8px;overflow:hidden;grid-template-columns:3fr 1fr}.stats-container .stats .scores .grid-header{font-weight:700;padding:8px;text-align:right}.stats-container .stats .scores .grid-item{padding:8px;text-align:right}.stats-container .stats .scores label{padding-inline-start:20px}}[dir=ltr] .my-reading-page .MuiAccordionDetails-root button.circle{left:revert!important;right:16px!important}[dir=ltr] .my-reading-page .MuiAccordionDetails-root .container .column:first-child{box-shadow:-4px 0 8px #000!important}.book-type-tabs{width:100%;overflow-x:auto;margin-bottom:10px;padding-bottom:2px}.book-type-tabs .MuiTabs-root{min-height:36px;width:100%;padding:0 4px}.book-type-tabs .MuiTabs-flexContainer{flex-wrap:nowrap;gap:0}.book-type-tabs .MuiTab-root{min-width:70px;padding:6px 8px;font-size:15px;margin:0 2px 0 0;border-radius:8px 8px 0 0}@media (max-width: 799px){.book-type-tabs{margin-inline:-12px 0;margin-bottom:6px;padding-bottom:0}.book-type-tabs .MuiTabs-root{padding:0 2px}.book-type-tabs .MuiTab-root{min-width:60px;font-size:13px;padding:5px 4px;margin:0 1px 0 0;border-radius:6px 6px 0 0}}@media (min-width: 800px) and (max-width: 899px){.book-type-tabs{width:95vw;margin-bottom:8px}.book-type-tabs .MuiTab-root{min-width:65px;font-size:14px;padding:6px;margin:0 2px 0 0;border-radius:7px 7px 0 0}}.my-reading-page.student-area-view .head-section h1 svg{color:#b689e3!important}.my-reading-page.student-area-view .MuiAccordion-root .MuiAccordionSummary-root{background-color:#b689e3}.my-reading-page.student-area-view .levelOne-accordions .container .column:first-child{background-color:#ece0f8!important}.my-reading-page.student-area-view .levelOne-accordions .container .column:first-child .Mui-selected{background-color:#d5baef!important}.my-reading-page.student-area-view .book-type-tabs .MuiTabs-indicator{background-color:#b689e3}.my-reading-page.student-area-view .book-type-tabs .Mui-selected{color:#b689e3}.class-management-page .head-section{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px}@media (max-width: 799px){.class-management-page .head-section{width:96%;justify-content:center;padding-top:16px}}.class-management-page .head-section .headers{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px}@media (max-width: 799px){.class-management-page .head-section .headers{align-items:center}}.class-management-page .head-section .buttons{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px;margin-top:16px}.class-management-page .head-section .buttons button{font-weight:600}.class-management-page .head-section .buttons button.add-class-button{border-radius:30px;border:2px solid #b689e3;font-size:20px;color:#b689e3;font-weight:800}@media (max-width: 799px){.class-management-page .head-section .buttons button.add-class-button{font-size:16px;padding-block:2px}}.class-management-page .head-section .buttons button.add-class-button svg{transition:transform .3s ease-in-out}.class-management-page .head-section .buttons button.add-class-button:hover{background-color:#b689e3;color:#fff}.class-management-page .head-section .buttons button.add-class-button:hover svg{transform:scale(1.6)}.class-management-page .MuiTableCell-head{background-color:#ffe19c;padding-block:2px}.class-management-page .MuiAccordionDetails-root{height:revert!important}.class-management-page .MuiAccordionSummary-content{margin-inline-start:12px!important}.class-management-page .MuiTableRow-root:nth-of-type(odd){background-color:#d7e5fd}.class-management-page .MuiTableRow-root:nth-of-type(2n){background-color:#fff}.class-management-page .MuiTableRow-root:hover{background-color:#c9dcfc}.class-management-page .MuiTableRow-root .MuiTableCell-root{padding-block:4px}@media (max-width: 799px){.class-management-page .MuiTableRow-root .MuiTableCell-root{padding-inline:6px}}.class-management-page .MuiTableRow-root:not(.MuiTableRow-head) .MuiTableCell-root:nth-child(1),.class-management-page .MuiTableRow-root:not(.MuiTableRow-head) .MuiTableCell-root:nth-child(3){position:relative}.class-management-page .MuiTableRow-root:not(.MuiTableRow-head) .MuiTableCell-root:nth-child(1):after,.class-management-page .MuiTableRow-root:not(.MuiTableRow-head) .MuiTableCell-root:nth-child(3):after{content:"";position:absolute;inset:0;background-color:#00000005;pointer-events:none}.class-management-page .MuiTableRow-root.new-student-row{position:sticky;bottom:0}.admin-area-view .my-reading-page .loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.admin-area-view .my-reading-page .loading-container .loader{width:60px;height:60px;border:4px solid #e1bee7;border-top:4px solid #9c27b0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-area-view .my-reading-page .classes-column{display:flex;flex-direction:column;gap:12px;width:100%;height:auto!important;min-height:auto!important;overflow:visible}.admin-area-view .my-reading-page .class-accordion{width:100%!important;max-width:100%!important;border-radius:8px!important;overflow:visible!important;margin-bottom:0!important;height:auto!important;min-height:auto!important}.admin-area-view .my-reading-page .class-accordion .MuiAccordionSummary-root{min-height:48px!important;padding-right:16px!important;padding-left:16px!important;overflow:visible!important;height:auto!important}.admin-area-view .my-reading-page .class-accordion .MuiAccordionDetails-root{padding:0!important;overflow:visible!important;height:auto!important;min-height:auto!important}.admin-area-view .my-reading-page .class-accordion .headers h3 .class-id{font-size:12px!important;font-weight:400!important;opacity:.8;margin-right:8px}@media (max-width: 768px){.admin-area-view .my-reading-page .class-accordion .headers h3 .class-id{font-size:10px!important;margin-right:4px}}.admin-area-view .my-reading-page .levelOne-accordions{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:1200px;margin:0 auto;height:auto!important;min-height:auto!important}.admin-area-view .my-reading-page .levelOne-accordions .MuiAccordion-root{width:100%!important;max-width:100%!important;margin-bottom:16px!important;height:auto!important;min-height:auto!important}.admin-area-view .my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root{padding-right:16px!important;padding-left:16px!important;height:auto!important}.admin-area-view .my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root{padding:0!important;width:100%!important;overflow:visible!important;height:auto!important;min-height:auto!important}@media (min-width: 1400px){.admin-area-view .my-reading-page .levelOne-accordions{max-width:1200px!important;margin:0 auto!important}.admin-area-view .my-reading-page .summary-table{max-width:800px!important;margin:0 auto 24px!important;display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto!important;gap:16px!important;align-items:center!important}}@media (min-width: 1200px) and (max-width: 1399px){.admin-area-view .my-reading-page .summary-table{max-width:700px!important;margin:0 auto 24px!important}.admin-area-view .my-reading-page .levelOne-accordions{max-width:1000px!important;margin:0 auto!important}}@media (max-width: 1200px){.admin-area-view .my-reading-page .summary-table{max-width:600px!important}.admin-area-view .my-reading-page .levelOne-accordions{max-width:900px!important;margin:0 auto!important;padding:0 16px!important}}@media (max-width: 768px){.admin-area-view .my-reading-page .summary-table{margin:0 16px 24px!important;padding:12px!important;max-width:none!important}.admin-area-view .my-reading-page .summary-table .grid-item{font-size:14px!important}.admin-area-view .my-reading-page .summary-table .grid-item.summary-value{font-size:18px!important}.admin-area-view .my-reading-page .levelOne-accordions{max-width:none!important;margin:0 16px!important;padding:0!important}.admin-area-view .my-reading-page .levelOne-accordions .headers h3{font-size:16px!important}.admin-area-view .my-reading-page .levelOne-accordions .headers h5{font-size:12px!important}.admin-area-view .my-reading-page .levelOne-accordions .classes-column{gap:4px}.admin-area-view .my-reading-page .levelOne-accordions .class-accordion .MuiAccordionSummary-root{padding-right:12px!important;padding-left:12px!important}.admin-area-view .my-reading-page .levelOne-accordions .class-accordion .headers h3{font-size:14px!important}.admin-area-view .my-reading-page .levelOne-accordions .class-accordion .headers h3 span:last-child{font-size:10px!important}}@media (max-width: 480px){.admin-area-view .my-reading-page .summary-table .grid-item{font-size:12px!important}.admin-area-view .my-reading-page .summary-table .grid-item.summary-value{font-size:16px!important}}.history-page{justify-content:center;flex-direction:row}.history-page .head-section{text-align:start;margin-block:38px 32px}.history-page .head-section h1{margin-block:0px 2px;margin-inline-start:-3px}.history-page .history-list{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:12px}.auth-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100vh}@media (max-width: 799px){.auth-page{margin-inline:16px}}.auth-page .card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;position:relative;margin:auto;text-align:center}.auth-page .card .google.button{border-radius:30px}@media (max-width: 799px){.auth-page .card{width:100%;height:62vh;padding-inline:32px;padding-block:32px 16px;justify-content:space-around}.auth-page .card .google.button{margin-block:16px;font-size:18px;font-weight:900}.auth-page .card .lang-button{position:absolute;z-index:1;top:6px;left:8px}.auth-page .card .lang-button button{font-size:16px!important}.auth-page .card .brand-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.auth-page .card .brand-container img{height:60px;margin-bottom:4px;border-radius:50%}.auth-page .card .brand-container h3{font-size:28px}.auth-page .card .brand-container p{font-size:14px;text-align:center;width:240px}.auth-page .card h5 br{margin-bottom:0}}@media (min-width: 800px){.auth-page .card{width:800px;height:60vh;padding:42px}.auth-page .card .lang-button{position:absolute;z-index:1;top:24px;left:32px}.auth-page .card .brand-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.auth-page .card .brand-container img{height:160px;margin-bottom:4px;border-radius:50%}.auth-page .card .google.button{margin-block:16px;font-size:26px;font-weight:700;border-radius:30px;padding-inline-end:34px}.auth-page .card button{width:fit-content!important}}.auth-page .card a{font-weight:500}.auth-page .card h5{font-size:16px}.auth-page .copyright{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:max-content}.auth-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background-color:#fff;border-radius:30px;padding:32px;box-shadow:0 4px 12px #0000001a}@media (max-width: 799px){.auth-form{padding:24px;width:100%;max-width:400px}}.auth-form h2{margin-bottom:24px;text-align:center}.auth-form .form-fields{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;margin-bottom:24px}@media (min-width: 800px){.auth-form .form-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px}}.auth-form .form-actions .submit-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background-color:#ffb817;color:#fff;border:none;border-radius:30px;padding:12px 24px;cursor:pointer;transition:background-color .3s ease}.auth-form .form-actions .submit-button:hover{background-color:#e39e00}.auth-form .footer-link{position:absolute;bottom:16px;left:50%;transform:translate(-50%);text-align:center;margin-top:16px}.not-found-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:80vh;text-align:center}.not-found-page .not-found-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;max-width:600px;padding:40px 20px}.not-found-page .not-found-container .not-found-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#fff,#ebf2fe);margin-bottom:20px}.not-found-page .not-found-container .not-found-icon svg{width:60px;height:60px;color:#4285f4;opacity:.8}.not-found-page .not-found-container .not-found-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.not-found-page .not-found-container .not-found-content .error-code{font-size:6rem;font-weight:800;color:#4285f4;line-height:1;margin:0}@media (max-width: 799px){.not-found-page .not-found-container .not-found-content .error-code{font-size:4rem}}.not-found-page .not-found-container .not-found-content .error-title{font-size:2rem;font-weight:600;color:#2a2a2a;margin:0 0 8px}@media (max-width: 799px){.not-found-page .not-found-container .not-found-content .error-title{font-size:1.5rem}}.not-found-page .not-found-container .not-found-content .error-message{font-size:1.1rem;color:#5d5d5d;margin:0 0 32px;line-height:1.5}@media (max-width: 799px){.not-found-page .not-found-container .not-found-content .error-message{font-size:1rem;margin:0 0 24px}}.not-found-page .not-found-container .not-found-content .home-button{padding:12px 32px;font-size:1rem;font-weight:600;border-radius:12px;text-transform:none;box-shadow:0 4px 12px #4285f44d;transition:all .3s ease}.not-found-page .not-found-container .not-found-content .home-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4285f466}.not-found-page .not-found-container .not-found-content .home-button .MuiButton-startIcon{margin-left:8px;margin-right:-4px}.not-found-page .not-found-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.overviewContainer{min-height:100vh;padding:24px;direction:var(--dir)}@media screen and (max-width: 800px){.overviewContainer{padding:16px}}.kpiSection{margin-bottom:32px}.kpiSection .kpiGrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media screen and (max-width: 800px){.kpiSection .kpiGrid{grid-template-columns:repeat(2,1fr);gap:8px}}@media screen and (min-width: 800px) and (max-width: 900px){.kpiSection .kpiGrid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 900px){.kpiSection .kpiGrid{grid-template-columns:repeat(5,1fr);max-width:1200px;margin:0 auto}}.activitySection .sectionTitle{font-size:24px;font-weight:700;color:#2a2a2a;text-align:start;margin-bottom:24px;position:relative}.activitySection .activityGrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:800px;margin:0 auto}@media screen and (max-width: 800px){.activitySection .activityGrid{grid-template-columns:1fr;gap:8px}}@media screen and (min-width: 800px) and (max-width: 900px){.activitySection .activityGrid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 900px){.activitySection .activityGrid{grid-template-columns:repeat(3,1fr)}}[dir=rtl] .head-line .title,[dir=rtl] .activitySection .sectionTitle{text-align:start}.statisticsContainer{min-height:calc(100vh - 100px);padding:24px;direction:var(--dir)}@media screen and (max-width: 800px){.statisticsContainer{padding:16px}}.head-line{margin-bottom:32px;text-align:start}.statisticsSection{margin-bottom:32px}.statisticsSection .statisticsGrid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.statisticsSection .statisticsGrid>*{flex:1 1 200px;min-width:200px;max-width:300px}@media screen and (max-width: 800px){.statisticsSection .statisticsGrid{gap:8px}.statisticsSection .statisticsGrid>*{flex:1 1 calc(50% - 4px);min-width:150px;max-width:none}}@media screen and (min-width: 900px){.statisticsSection .statisticsGrid{max-width:800px;margin:0 auto}.statisticsSection .statisticsGrid>*{flex:1 1 calc(50% - 8px);max-width:380px}}.chartsSection{margin-bottom:32px}.chartsSection .sectionTitle{font-size:24px;font-weight:700;color:#2a2a2a;text-align:start;margin-bottom:24px;position:relative}.chartsSection .chartsGrid{display:flex;flex-wrap:wrap;gap:16px}.chartsSection .chartsGrid>*{flex:1 1 300px;min-width:300px}@media screen and (max-width: 800px){.chartsSection .chartsGrid{gap:8px;flex-direction:column}.chartsSection .chartsGrid>*{flex:1 1 auto;min-width:0}}@media screen and (min-width: 800px) and (max-width: 900px){.chartsSection .chartsGrid{flex-direction:column}.chartsSection .chartsGrid>*{flex:1 1 auto;min-width:0}}@media screen and (min-width: 900px){.chartsSection .chartsGrid>*{flex:1 1 calc(50% - 8px);min-width:300px}}.categorySection .categoryGrid{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 800px){.categorySection .categoryGrid{gap:8px}}.modernStatCard{height:160px;border-radius:12px;color:#fff;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 8px 32px #00000026}@media screen and (max-width: 800px){.modernStatCard{height:140px}}.modernStatCard:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003}.modernStatCard:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:#ffffff1a;border-radius:50%;transform:translate(20px,-20px)}.modernStatCard.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.modernStatCard.secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.modernStatCard .cardContent{padding:24px;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1}@media screen and (max-width: 800px){.modernStatCard .cardContent{padding:16px}}.modernStatCard .cardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modernStatCard .cardTitle{opacity:.9;font-weight:500;font-size:16px}@media screen and (max-width: 800px){.modernStatCard .cardTitle{font-size:14px}}.modernStatCard .iconContainer{background-color:#fff3;border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 800px){.modernStatCard .iconContainer{padding:4px}}.modernStatCard .cardValue{font-weight:700;line-height:1;margin-bottom:4px;font-size:32px}@media screen and (max-width: 800px){.modernStatCard .cardValue{font-size:24px}}.modernStatCard .cardAverage{opacity:.8;font-size:14px}.chartCard{border-radius:12px;box-shadow:0 8px 32px #00000014;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.chartCard .chartCardContent{padding:16px;min-height:350px;display:flex;flex-direction:column}.chartCard .chartHeader{display:flex;align-items:center;margin-bottom:16px}.chartCard .chartHeader .chartTitle{font-weight:700;color:#2a2a2a;margin-left:8px}.chartCard .chartContainer,.chartCard .pieChartContainer{min-width:260px;min-height:200px}.chartCard .chartContainer text,.chartCard .pieChartContainer text{fill:#2a2a2a!important;font-family:inherit!important;font-size:12px!important}.chartCard .chartContainer .recharts-cartesian-axis-tick text,.chartCard .pieChartContainer .recharts-cartesian-axis-tick text{fill:#79747e!important;font-size:11px!important}.chartCard .chartContainer .recharts-cartesian-axis-line,.chartCard .chartContainer .recharts-cartesian-grid line,.chartCard .pieChartContainer .recharts-cartesian-axis-line,.chartCard .pieChartContainer .recharts-cartesian-grid line{stroke:#79747e33!important}.chartCard .chartContainer .recharts-tooltip-wrapper .recharts-tooltip-label,.chartCard .chartContainer .recharts-tooltip-wrapper .recharts-tooltip-item-name,.chartCard .chartContainer .recharts-tooltip-wrapper .recharts-tooltip-item-value,.chartCard .pieChartContainer .recharts-tooltip-wrapper .recharts-tooltip-label,.chartCard .pieChartContainer .recharts-tooltip-wrapper .recharts-tooltip-item-name,.chartCard .pieChartContainer .recharts-tooltip-wrapper .recharts-tooltip-item-value{color:#2a2a2a!important}@media screen and (max-width: 800px){.chartCard .chartContainer,.chartCard .pieChartContainer{height:250px}.chartCard .chartContainer text,.chartCard .pieChartContainer text{font-size:10px!important}.chartCard .chartContainer .recharts-cartesian-axis-tick text,.chartCard .pieChartContainer .recharts-cartesian-axis-tick text{font-size:9px!important}}.chartCard .chartContainer .recharts-responsive-container,.chartCard .pieChartContainer .recharts-responsive-container{min-height:274px}.chartCard .pieChartContainer{flex:1;display:flex;align-items:center;justify-content:center;height:300px;width:100%;position:relative;overflow:visible}.chartCard .pieChartContainer .recharts-pie-label-text{fill:#000!important;font-weight:600!important;font-size:18px!important;text-shadow:0px 0px 4px white!important;dominant-baseline:central!important;text-anchor:middle!important}@media screen and (max-width: 800px){.chartCard .pieChartContainer{height:250px}.chartCard .pieChartContainer .recharts-pie-label-text{font-size:12px!important}}.chartCard .noDataContainer{flex:1;display:flex;align-items:center;justify-content:center;height:300px;color:#79747e}@media screen and (max-width: 800px){.chartCard .noDataContainer{height:250px}}.loadingContainer{display:flex;justify-content:center;align-items:center;min-height:400px}[dir=rtl] .head-line .title,[dir=rtl] .chartsSection .sectionTitle{text-align:start}.usersManagementContainer{min-height:calc(100vh - 100px);padding:24px;direction:var(--dir);display:flex;flex-direction:column;overflow:hidden}@media screen and (max-width: 800px){.usersManagementContainer{padding:16px}}.head-line{margin-bottom:32px;text-align:start;flex-shrink:0}.head-line .title{font-size:32px;font-weight:700;color:#2a2a2a;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;gap:8px}@media screen and (max-width: 800px){.head-line .title{font-size:24px}}.head-line .subtitle{font-size:18px;color:#79747e;font-weight:500;max-width:600px;margin:0;line-height:1.5}.mainCard{border-radius:12px;box-shadow:0 4px 12px #0000000d;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;overflow:hidden;flex:1}.mainCard .mainCardContent{padding:24px;display:flex;flex-direction:column;overflow:hidden;flex:1}@media screen and (max-width: 800px){.mainCard .mainCardContent{padding:16px}}.controlsSection{display:flex;justify-content:space-between;margin-bottom:24px;flex-shrink:0;gap:16px}@media screen and (max-width: 800px){.controlsSection{flex-direction:column;gap:16px}}.controlsSection .searchField{width:100%;max-width:300px}@media screen and (max-width: 800px){.controlsSection .searchField{max-width:none}}.controlsSection .actionButtons{display:flex;gap:8px;align-items:center}@media screen and (max-width: 800px){.controlsSection .actionButtons{flex-direction:column}}.controlsSection .actionButtons .actionButton{min-width:120px;height:40px;white-space:nowrap;border-width:2px;font-weight:600}@media screen and (max-width: 800px){.controlsSection .actionButtons .actionButton{width:100%;min-width:auto}}.controlsSection .actionButtons .actionButton:hover{border-width:2px}.controlsSection .actionButtons .actionButton.primary{background-color:var(--success-color);border-color:var(--success-color)}.controlsSection .actionButtons .actionButton.primary:hover{background-color:var(--success-light)}.contentSection{flex:1;display:flex;flex-direction:column;overflow:hidden}.loadingContainer{display:flex;justify-content:center;align-items:center;height:400px;flex:1}.mobileCardsContainer{display:flex;flex-direction:column;gap:16px;height:55vh;max-height:55vh;overflow:auto;padding-right:4px}@media screen and (min-width: 800px){.mobileCardsContainer{height:60vh;max-height:60vh}}.mobileCardsContainer::-webkit-scrollbar{width:6px}.mobileCardsContainer::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:3px}.mobileCardsContainer::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:3px}.mobileCardsContainer::-webkit-scrollbar-thumb:hover{background-color:#a1a1a1}.mobileCardsContainer .userMobileCard{border-radius:12px;padding:16px;background-color:#ffffffe6;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.mobileCardsContainer .userMobileCard .userCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobileCardsContainer .userMobileCard .userCardHeader .userName{font-size:18px;font-weight:600;color:#2a2a2a}.mobileCardsContainer .userMobileCard .userCardHeader .userActions{display:flex;gap:4px}.mobileCardsContainer .userMobileCard .userCardContent{display:flex;flex-direction:column;gap:4px}.mobileCardsContainer .userMobileCard .userCardContent .userEmail{color:#79747e;font-size:14px}.mobileCardsContainer .userMobileCard .userCardContent .userMetadata{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.mobileCardsContainer .userMobileCard .userCardContent .userDetails{display:flex;flex-direction:column;gap:4px;margin-top:8px}.mobileCardsContainer .userMobileCard .userCardContent .userDetails .userDetail{font-size:14px;color:#79747e}.mobileCardsContainer .userMobileCard .userCardContent .userDetails .userDetail strong{color:#2a2a2a}.emptyStateContainer{display:flex;align-items:center;justify-content:center;height:55vh;text-align:center}@media screen and (min-width: 800px){.emptyStateContainer{height:60vh}}.emptyStateContainer .emptyStateText{color:#79747e;font-size:16px}.desktopTableContainer{width:100%;display:flex;flex-direction:column}.desktopTableContainer .tableWrapper{border-radius:12px;height:65vh;max-height:65vh;overflow:auto;border:1px solid #e0e0e0}.desktopTableContainer .tableWrapper::-webkit-scrollbar{width:8px}.desktopTableContainer .tableWrapper::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:4px}.desktopTableContainer .tableWrapper::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:4px}.desktopTableContainer .tableWrapper::-webkit-scrollbar-thumb:hover{background-color:#a1a1a1}.desktopTableContainer .tableWrapper .usersTable{width:100%;table-layout:fixed;min-width:650px}.desktopTableContainer .tableWrapper .usersTable .tableHeader{position:sticky;top:0;z-index:10;background-color:#fff;box-shadow:0 2px 4px #0000001a}.desktopTableContainer .tableWrapper .usersTable .tableHeader .headerCell{font-weight:700;padding:16px}.desktopTableContainer .tableWrapper .usersTable .tableHeader .headerCell.nameColumn{width:18%}.desktopTableContainer .tableWrapper .usersTable .tableHeader .headerCell.emailColumn{width:22%}.desktopTableContainer .tableWrapper .usersTable .tableHeader .headerCell.roleColumn{width:12%}.desktopTableContainer .tableWrapper .usersTable .tableHeader .headerCell.schoolColumn{width:16%}.desktopTableContainer .tableWrapper .usersTable .tableHeader .headerCell.classColumn,.desktopTableContainer .tableWrapper .usersTable .tableHeader .headerCell.dateColumn{width:12%}.desktopTableContainer .tableWrapper .usersTable .tableHeader .headerCell.actionsColumn{width:8%;text-align:center}.desktopTableContainer .tableWrapper .usersTable .tableRow .tableCell{padding:16px;border-bottom:1px solid #f0f0f0}.desktopTableContainer .tableWrapper .usersTable .tableRow .tableCell.nameCell{width:18%}.desktopTableContainer .tableWrapper .usersTable .tableRow .tableCell.emailCell{width:22%}.desktopTableContainer .tableWrapper .usersTable .tableRow .tableCell.roleCell{width:12%}.desktopTableContainer .tableWrapper .usersTable .tableRow .tableCell.schoolCell{width:16%}.desktopTableContainer .tableWrapper .usersTable .tableRow .tableCell.classCell,.desktopTableContainer .tableWrapper .usersTable .tableRow .tableCell.dateCell{width:12%}.desktopTableContainer .tableWrapper .usersTable .tableRow .tableCell.actionsCell{width:8%;text-align:center}.desktopTableContainer .tableWrapper .usersTable .tableRow .tableCell.actionsCell .actionButtons{display:flex;justify-content:center;gap:4px}.desktopTableContainer .tableWrapper .usersTable .tableRow:hover{background-color:#00000005}.desktopTableContainer .tableWrapper .usersTable .emptyTableRow .emptyTableCell{height:300px;vertical-align:middle;text-align:center;color:#79747e}.classDisplayContainer{display:flex;flex-direction:column;gap:4px}.classDisplayContainer .classItem{font-size:12px;display:block}.noPermissionText{font-size:12px;color:#79747e;text-align:center}[dir=rtl] .head-line .title,[dir=rtl] .controlsSection{text-align:start}[dir=rtl] .mobileCardsContainer{padding-left:4px;padding-right:0}img[src*="iconShanenLi.svg"]{border-radius:50%!important;clip-path:circle(50%)!important}