@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.content-area b,.content-area strong{font-weight:700!important}.content-area em,.content-area i{font-style:italic!important}.content-area s,.content-area strike{text-decoration:line-through!important}.content-area u{text-decoration:underline!important}.content-area ul{list-style-type:disc!important;margin-left:20px}.content-area ol{list-style-type:decimal!important;margin-left:20px}.content-area ol.alpha{list-style-type:lower-alpha!important}.content-area ol.roman{list-style-type:upper-roman!important}.content-area pre{background-color:hsl(20,14.29%,4.12%)!important;padding:10px!important;border-radius:5px!important;overflow-x:auto!important;font-family:monospace!important;color:#fff}*,:after,:before{box-sizing:border-box}html{font-size:62.5%;--background-back:#feb343;--background-font:#232323;--color-font:#fff;--color-back:white;--border:#fff;--light:#F9F9F9;--blue:#3C91E6;--light-blue:#CFE8FF;--grey:#eee;--dark-grey:#AAAAAA;--dark:#342E37;--red:#DB504A;--yellow:#FFCE26;--light-yellow:#FFF2C6;--orange:#FD7238;--light-orange:#FFE0D3}body,html{height:100%}body{font-size:1.4rem;line-height:1.5;background-color:#f2f4f7;font-family:Inter}body.dashboard-mode{overflow:hidden!important;height:100dvh!important;width:100vw!important}@media (prefers-reduced-motion:reduce){.fa-pulse,.fa-spin{-webkit-animation:fa-spin 2s linear infinite!important;animation:fa-spin 2s linear infinite!important}}body.quiz-page-active{overflow:hidden}body.dark{background-color:#131314}button,input,select,textarea{font-size:16px!important;font-family:inherit;line-height:inherit}::placeholder{font-size:12px!important;opacity:.8;font-style:normal!important}.sticky{position:sticky;top:.5vh}a{text-decoration:none}.btn-success{background-color:#17a2b8;color:white!important}.btn-light{color:black}.border-success{border-color:#17a2b8!important}.css-button-blue{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0;border:0;margin:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;font-family:Inter,sans-serif;font-weight:500;font-size:1.3rem;line-height:1.75;min-width:64px;padding:6px 16px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0s,box-shadow .25s cubic-bezier(.4,0,.2,1) 0s,border-color .25s cubic-bezier(.4,0,.2,1) 0s,color .25s cubic-bezier(.4,0,.2,1) 0s;color:rgb(255,255,255);background-color:rgb(10,143,220);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:8px;text-transform:capitalize}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mt-4{margin-top:40px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mb-4{margin-bottom:40px}.error-text{color:rgb(211,47,47)}body.dark .error-text{color:rgb(239,83,80)}.text-success{color:#28a745}.disabled-link{pointer-events:none;opacity:.5;text-decoration:none}.skeleton-image{width:100px;height:100px;background:rgba(204,204,204,.6);background-size:400% 100%;border-radius:8px}@keyframes loadingAnimation{0%{background-position:100% 0}to{background-position:0 0}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:9999;top:0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}input.readonly{background-color:#f4f4f4;border-color:#d1d1d1;color:#666}.matching-item.draft .shadow-matching{background:#fff8d8}.matching-item.success .shadow-matching{background:#e7f7e7}.matching-item.error .shadow-matching{background:#fdeaea}.progress{display:flex;height:6px;border-radius:4px;overflow:hidden;margin-bottom:4px}.progress .bar{display:block}.progress .correct{background:#4caf50}.progress .approx{background:#ffc107}.progress .wrong{background:#f44336}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.numbers .num{text-align:center;font-size:11px}.numbers .num strong{display:block;font-size:14px}.numbers .correct strong{color:#4caf50}.numbers .approx strong{color:#ffc107}.numbers .wrong strong{color:#f44336}.numbers .unanswered strong{color:#9e9e9e}.submit-button{padding:6px 12px;font-size:14px;background-color:#1976d2;color:white;border-radius:6px;border:none;cursor:pointer;font-weight:600}.submit-button.submitted{background-color:#4caf50;cursor:default}.questions-section.skeleton{display:flex;overflow-x:hidden;padding:0 8px}.questions-section.skeleton .skel-tab{width:44px;height:24px;margin:0 4px;border-radius:4px;background:#e0e0e0;animation:pulse 1s ease-in-out infinite}.image-loading{filter:blur(10px);transform:scale(1.1);transition:filter .3s ease-in-out,transform .3s ease-in-out}.image-loaded{filter:blur(0);transform:scale(1)}p.has-image{width:65%;height:auto;position:relative}p.has-image img{width:100%;height:auto;display:block;border-radius:12px}p.has-image.loading:before{content:"";position:absolute;height:200px;inset:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.ML__keyboard{z-index:99999!important}.reveal-highlight{animation:optionPulse .28s ease-out}@keyframes optionPulse{0%{transform:scale(1)}60%{transform:scale(1.015)}to{transform:scale(1)}}.container,.container-exam,.container-fluid,.row>*{padding-left:calc(var(--grid-gutter-x) * .5);padding-right:calc(var(--grid-gutter-x) * .5)}.container,.container-exam,.container-fluid{--grid-gutter-x:30px;--grid-gutter-y:0;width:1370px;margin-left:auto;margin-right:auto}.container{width:1200px}.container-exam{width:1650px}.row{display:flex;flex-wrap:wrap;margin-top:calc(var(--grid-gutter-y) * -1);margin-left:calc(var(--grid-gutter-x) * .5 * -1);margin-right:calc(var(--grid-gutter-x) * .5 * -1)}.row>*{margin-top:var(--grid-gutter-y)}.col{flex:1 0}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-0{margin-left:0}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.g-0,.gx-0{--grid-gutter-x:0px}.g-0,.gy-0{--grid-gutter-y:0px}.g-1,.gx-1{--grid-gutter-x:7.5px}.g-1,.gy-1{--grid-gutter-y:7.5px}.g-2,.gx-2{--grid-gutter-x:15px}.g-2,.gy-2{--grid-gutter-y:15px}.g-3,.gx-3{--grid-gutter-x:30px}.g-3,.gy-3{--grid-gutter-y:30px}.g-4,.gx-4{--grid-gutter-x:45px}.g-4,.gy-4{--grid-gutter-y:45px}.g-5,.gx-5{--grid-gutter-x:90px}.g-5,.gy-5{--grid-gutter-y:90px}@media (max-width:1999.98px){.row-cols-xxxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxxl-1{flex:0 0 auto;width:8.3333333333%}.col-xxxl-2{flex:0 0 auto;width:16.6666666667%}.col-xxxl-3{flex:0 0 auto;width:25%}.col-xxxl-4{flex:0 0 auto;width:33.3333333333%}.col-xxxl-5{flex:0 0 auto;width:41.6666666667%}.col-xxxl-6{flex:0 0 auto;width:50%}.col-xxxl-7{flex:0 0 auto;width:58.3333333333%}.col-xxxl-8{flex:0 0 auto;width:66.6666666667%}.col-xxxl-9{flex:0 0 auto;width:75%}.col-xxxl-10{flex:0 0 auto;width:83.3333333333%}.col-xxxl-11{flex:0 0 auto;width:91.6666666667%}.col-xxxl-12{flex:0 0 auto;width:100%}.offset-xxxl-0{margin-left:0}.offset-xxxl-1{margin-left:8.3333333333%}.offset-xxxl-2{margin-left:16.6666666667%}.offset-xxxl-3{margin-left:25%}.offset-xxxl-4{margin-left:33.3333333333%}.offset-xxxl-5{margin-left:41.6666666667%}.offset-xxxl-6{margin-left:50%}.offset-xxxl-7{margin-left:58.3333333333%}.offset-xxxl-8{margin-left:66.6666666667%}.offset-xxxl-9{margin-left:75%}.offset-xxxl-10{margin-left:83.3333333333%}.offset-xxxl-11{margin-left:91.6666666667%}.g-xxxl-0,.gx-xxxl-0{--grid-gutter-x:0px}.g-xxxl-0,.gy-xxxl-0{--grid-gutter-y:0px}.g-xxxl-1,.gx-xxxl-1{--grid-gutter-x:7.5px}.g-xxxl-1,.gy-xxxl-1{--grid-gutter-y:7.5px}.g-xxxl-2,.gx-xxxl-2{--grid-gutter-x:15px}.g-xxxl-2,.gy-xxxl-2{--grid-gutter-y:15px}.g-xxxl-3,.gx-xxxl-3{--grid-gutter-x:30px}.g-xxxl-3,.gy-xxxl-3{--grid-gutter-y:30px}.g-xxxl-4,.gx-xxxl-4{--grid-gutter-x:45px}.g-xxxl-4,.gy-xxxl-4{--grid-gutter-y:45px}.g-xxxl-5,.gx-xxxl-5{--grid-gutter-x:90px}.g-xxxl-5,.gy-xxxl-5{--grid-gutter-y:90px}}@media (max-width:1399.98px){.container{max-width:1140px}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-1{flex:0 0 auto;width:8.3333333333%}.col-xxl-2{flex:0 0 auto;width:16.6666666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.3333333333%}.col-xxl-5{flex:0 0 auto;width:41.6666666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.3333333333%}.col-xxl-8{flex:0 0 auto;width:66.6666666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.3333333333%}.col-xxl-11{flex:0 0 auto;width:91.6666666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.3333333333%}.offset-xxl-2{margin-left:16.6666666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333333333%}.offset-xxl-5{margin-left:41.6666666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333333333%}.offset-xxl-8{margin-left:66.6666666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333333333%}.offset-xxl-11{margin-left:91.6666666667%}.g-xxl-0,.gx-xxl-0{--grid-gutter-x:0px}.g-xxl-0,.gy-xxl-0{--grid-gutter-y:0px}.g-xxl-1,.gx-xxl-1{--grid-gutter-x:7.5px}.g-xxl-1,.gy-xxl-1{--grid-gutter-y:7.5px}.g-xxl-2,.gx-xxl-2{--grid-gutter-x:15px}.g-xxl-2,.gy-xxl-2{--grid-gutter-y:15px}.g-xxl-3,.gx-xxl-3{--grid-gutter-x:30px}.g-xxl-3,.gy-xxl-3{--grid-gutter-y:30px}.g-xxl-4,.gx-xxl-4{--grid-gutter-x:45px}.g-xxl-4,.gy-xxl-4{--grid-gutter-y:45px}.g-xxl-5,.gx-xxl-5{--grid-gutter-x:90px}.g-xxl-5,.gy-xxl-5{--grid-gutter-y:90px}}@media (max-width:1199.98px){.container{max-width:960px}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-1{flex:0 0 auto;width:8.3333333333%}.col-xl-2{flex:0 0 auto;width:16.6666666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.3333333333%}.col-xl-5{flex:0 0 auto;width:41.6666666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.3333333333%}.col-xl-8{flex:0 0 auto;width:66.6666666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.3333333333%}.col-xl-11{flex:0 0 auto;width:91.6666666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}.g-xl-0,.gx-xl-0{--grid-gutter-x:0px}.g-xl-0,.gy-xl-0{--grid-gutter-y:0px}.g-xl-1,.gx-xl-1{--grid-gutter-x:7.5px}.g-xl-1,.gy-xl-1{--grid-gutter-y:7.5px}.g-xl-2,.gx-xl-2{--grid-gutter-x:15px}.g-xl-2,.gy-xl-2{--grid-gutter-y:15px}.g-xl-3,.gx-xl-3{--grid-gutter-x:30px}.g-xl-3,.gy-xl-3{--grid-gutter-y:30px}.g-xl-4,.gx-xl-4{--grid-gutter-x:45px}.g-xl-4,.gy-xl-4{--grid-gutter-y:45px}.g-xl-5,.gx-xl-5{--grid-gutter-x:90px}.g-xl-5,.gy-xl-5{--grid-gutter-y:90px}}@media (max-width:991.98px){.container{max-width:720px}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-1{flex:0 0 auto;width:8.3333333333%}.col-lg-2{flex:0 0 auto;width:16.6666666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.3333333333%}.col-lg-5{flex:0 0 auto;width:41.6666666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.3333333333%}.col-lg-8{flex:0 0 auto;width:66.6666666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.3333333333%}.col-lg-11{flex:0 0 auto;width:91.6666666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}.g-lg-0,.gx-lg-0{--grid-gutter-x:0px}.g-lg-0,.gy-lg-0{--grid-gutter-y:0px}.g-lg-1,.gx-lg-1{--grid-gutter-x:7.5px}.g-lg-1,.gy-lg-1{--grid-gutter-y:7.5px}.g-lg-2,.gx-lg-2{--grid-gutter-x:15px}.g-lg-2,.gy-lg-2{--grid-gutter-y:15px}.g-lg-3,.gx-lg-3{--grid-gutter-x:30px}.g-lg-3,.gy-lg-3{--grid-gutter-y:30px}.g-lg-4,.gx-lg-4{--grid-gutter-x:45px}.g-lg-4,.gy-lg-4{--grid-gutter-y:45px}.g-lg-5,.gx-lg-5{--grid-gutter-x:90px}.g-lg-5,.gy-lg-5{--grid-gutter-y:90px}}@media (max-width:767.98px){.container{max-width:540px}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.g-md-0,.gx-md-0{--grid-gutter-x:0px}.g-md-0,.gy-md-0{--grid-gutter-y:0px}.g-md-1,.gx-md-1{--grid-gutter-x:7.5px}.g-md-1,.gy-md-1{--grid-gutter-y:7.5px}.g-md-2,.gx-md-2{--grid-gutter-x:15px}.g-md-2,.gy-md-2{--grid-gutter-y:15px}.g-md-3,.gx-md-3{--grid-gutter-x:30px}.g-md-3,.gy-md-3{--grid-gutter-y:30px}.g-md-4,.gx-md-4{--grid-gutter-x:45px}.g-md-4,.gy-md-4{--grid-gutter-y:45px}.g-md-5,.gx-md-5{--grid-gutter-x:90px}.g-md-5,.gy-md-5{--grid-gutter-y:90px}}@media (max-width:575.98px){.container{max-width:100%}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.g-sm-0,.gx-sm-0{--grid-gutter-x:0px}.g-sm-0,.gy-sm-0{--grid-gutter-y:0px}.g-sm-1,.gx-sm-1{--grid-gutter-x:7.5px}.g-sm-1,.gy-sm-1{--grid-gutter-y:7.5px}.g-sm-2,.gx-sm-2{--grid-gutter-x:15px}.g-sm-2,.gy-sm-2{--grid-gutter-y:15px}.g-sm-3,.gx-sm-3{--grid-gutter-x:30px}.g-sm-3,.gy-sm-3{--grid-gutter-y:30px}.g-sm-4,.gx-sm-4{--grid-gutter-x:45px}.g-sm-4,.gy-sm-4{--grid-gutter-y:45px}.g-sm-5,.gx-sm-5{--grid-gutter-x:90px}.g-sm-5,.gy-sm-5{--grid-gutter-y:90px}}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.d-none{display:none!important}@media (max-width:1999.98px){.d-xxxl-block{display:block!important}.d-xxxl-flex{display:flex!important}.d-xxxl-grid{display:grid!important}.d-xxxl-none{display:none!important}}@media (max-width:1399.98px){.d-xxl-block{display:block!important}.d-xxl-flex{display:flex!important}.d-xxl-grid{display:grid!important}.d-xxl-none{display:none!important}}@media (max-width:1199.98px){.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.d-xl-grid{display:grid!important}.d-xl-none{display:none!important}}@media (max-width:991.98px){.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-grid{display:grid!important}.d-lg-none{display:none!important}}@media (max-width:767.98px){.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-grid{display:grid!important}.d-md-none{display:none!important}}@media (max-width:575.98px){.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-grid{display:grid!important}.d-sm-none{display:none!important}}#footer-host{margin-top:60px;background:linear-gradient(90deg,#FEB343,#F15726 49.48%,#EC4532);border-top:9px solid #feae45}@media (max-width:575.98px){#footer-host{background:linear-gradient(90deg,#FEB343,#F15726 100%,#EC4532 0)}}#footer-host .footer-1{margin-bottom:35px}#footer-host .footer-1 .title{padding-top:30px;text-transform:uppercase;font-size:2.8rem;font-weight:900;color:white;margin-bottom:12px}#footer-host .footer-1 .content p{text-transform:capitalize;font-size:17px;color:white;font-weight:300;line-height:1.4}#footer-host .footer-1 .content p a{text-decoration:none;color:white;transition:all .3s}#footer-host .footer-1 .content p a:hover{padding-left:7px}#footer-host .footer-2{margin-bottom:35px}#footer-host .footer-2 .title{padding-top:30px;text-transform:uppercase;font-size:2.8rem;font-weight:900;color:white;margin-bottom:12px}#footer-host .footer-2 .content-image-1{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}@media (max-width:991.98px){#footer-host .footer-2 .content-image-1{grid-template-columns:repeat(4,1fr);gap:15px}}#footer-host .footer-2 .content-image-1 img{max-width:100%}#footer-host .footer-2 .content-image-2{display:grid;grid-template-columns:repeat(4,1fr);gap:21px}#footer-host .footer-2 .content-image-2 img{max-width:100%}#footer-host .footer-2 .content-image-3{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#footer-host .footer-2 .content-image-3 .item{display:flex;align-items:center;gap:10px}#footer-host .footer-2 .content-image-3 img{max-width:100%}#footer-host .footer-2 .content-image-3 a{text-decoration:none;color:white;font-size:1.5rem}#footer-host .footer-3{padding:10px 0;border-top:1px solid white}#footer-host .footer-3 p{color:white;font-size:1.4rem;text-align:center;font-weight:600}#exam{height:2000px}#exam .container img{width:95px;height:90px}#exam .container .header{display:flex;justify-content:center;text-align:center}#exam .container .header .left{flex:1}#exam .container .header .center{flex:2}#exam .container .header .center h1{font-size:32px;color:#31708f;font-weight:500;line-height:1.2;margin-bottom:8px}#exam .container .header .center h2{font-size:40px;color:#31708f;font-weight:500;line-height:1.2;margin-bottom:8px}#exam .container .header .right{flex:1}#exam .container .content{text-align:center}#exam .container .content h3{font-size:28px}#exam .container .content h3,#exam .container .content h4{color:#31708f;font-weight:500;line-height:1.2;margin-bottom:8px}#exam .container .content h4{font-size:24px}#exam .container nav{padding:8px;position:sticky;top:0;background-color:#f7f7f9}#exam .container nav .question-time{display:flex;margin-top:16px;margin-bottom:24px}#exam .container nav .question-time .index-question{flex:3;display:flex;flex-wrap:wrap;padding-right:20px}#exam .container nav .question-time .index-question .index{text-align:center;border:1px solid #17a2b8;font-size:11px;height:30px;width:30px;margin:4px 4px 4px 0;line-height:30px;text-decoration:none;color:black}#exam .container .question-container .question-item{padding:10px;line-height:1.7;background-color:white;border:1px solid #dee2e6;border-radius:5px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);margin-bottom:1.5rem}#exam .container .question-container .question-item b{font-weight:bolder;color:#212529}#exam .container .question-container .question-item .question{margin-bottom:10px}#exam .container .question-container .question-item .question p:first-of-type{display:inline}#exam .container .question-container .question-item .answer{margin-bottom:8px;font-weight:400;color:#212529;padding-left:20px}#exam .container .question-container .question-item .answer label p,#exam .container .question-container .question-item .answer-multichoice label p{display:inline}#exam .container .question-container .question-item .answer-matching{display:flex;gap:30px;margin-bottom:35px}#exam .container .question-container .question-item .answer-matching .content{flex:1;padding:0 20px;text-align:left}#exam .container .question-container .question-item .answer-matching .dropdown{flex:1;position:relative;width:300px;height:50px}#exam .container .question-container .question-item .answer-matching .dropdown input{border:2px solid #e0e3e0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background:#fff;outline:none;box-shadow:0 5px 20px rgba(0,0,0,.05);padding:12px 20px;border-radius:10px}#exam .container .question-container .question-item .answer-matching .dropdown .matching-select{position:absolute;border:1px solid #ddd;top:50px;width:100%;background:#FFF;box-shadow:0 30px 30px rgba(0,0,0,.05);border-radius:10px;overflow:hidden;display:none;z-index:5;font-size:1.5rem}#exam .container .question-container .question-item .answer-matching .dropdown .matching-select div:first-of-type{background:#ededed}#exam .container .question-container .question-item .answer-matching .dropdown .matching-select div:hover:not(div:first-of-type){background:#62baed;color:#FFF}#exam .container .question-container .question-item .answer-matching .dropdown .matching-select div{padding:5px 20px;cursor:pointer}#exam .container .question-container .question-item .answer-matching .dropdown .matching-select div ion-icon{position:relative;top:2px}#exam .container .question-container .question-item .answer-matching .dropdown:before{content:"";position:absolute;right:20px;top:15px;width:8px;height:8px;border-right:2px solid #333;border-top:2px solid #333;border-color:#fff #fff #333 #333;border-style:solid;border-width:2px;transform:rotate(-45deg);transition:.5s;pointer-events:none;z-index:3}#exam .container .question-container .question-item .answer-matching .dropdown.active:before{top:22px;transform:rotate(-225deg)}#exam .container .question-container .question-item .answer-matching .dropdown.active .matching-select{display:block}#exam .radio{display:inline-flex;align-items:center;cursor:pointer;margin-right:10px}#exam .radio .radio__input{display:none}#exam .radio .radio__input:checked+.radio__radio:after{transform:scale(1)}#exam .radio .radio__radio{width:1.25em;height:1.25em;border:2px solid #d8e4e2;border-radius:50%;margin-right:10px;box-sizing:border-box;padding:2px}#exam .radio .radio__radio:after{content:"";width:100%;height:100%;display:block;background:#009879;border-radius:50%;transform:scale(0);transition:transform .15s}#exam .answer-multichoice{display:flex;gap:10px;margin-bottom:8px;padding-left:20px}#exam .answer-multichoice input[type=checkbox]{appearance:none;width:1.55em;height:1.55em;background-color:#d5d5d5;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center}#exam .answer-multichoice input[type=checkbox]:after{font-family:Font Awesome\ 5 Free;content:"\f00c";font-weight:900;font-size:50px;font-size:1.25em;color:white;display:none}#exam .answer-multichoice input[type=checkbox]:hover{background-color:#a5a5a5}#exam .answer-multichoice input[type=checkbox]:checked{background:#009879}#exam .answer-multichoice input[type=checkbox]:checked:after{display:block}#exam .answer-fill{display:flex;align-items:center;gap:10px;width:250px;margin-bottom:15px}#exam .answer-fill input{width:100%;padding:10px;border:2px solid #e0e3e0;background:#FFF;border-radius:5px;outline:none;font-size:1em;transition:.5s}@media (max-width:1199.98px){#edu-quiz{display:flex;flex-direction:column;height:100%}}#edu-quiz .footer-content-mobile{display:none}@media (max-width:1199.98px){#edu-quiz .footer-content-mobile{flex:0 0 auto;display:block}}#edu-quiz .footer-content-mobile .navigation{display:flex;justify-content:space-between;align-items:center;background-color:#3987c7;padding:0 15px;border-top-left-radius:10px;border-top-right-radius:10px}#edu-quiz .footer-content-mobile .navigation .left{display:flex;align-items:center;gap:45px}#edu-quiz .footer-content-mobile .navigation .left .total-question{color:#fff}#edu-quiz .footer-content-mobile .navigation .center{position:relative;top:-25px}#edu-quiz .footer-content-mobile .navigation .center .center-icon{width:50px;height:50px;background-color:#4eac88;border-radius:50%;display:flex;justify-content:center;align-items:center;border:3px solid #fff}#edu-quiz .footer-content-mobile .navigation .center .center-icon i.check-icon{color:white;font-size:32px}#edu-quiz .footer-content-mobile .navigation .right{display:flex;gap:45px}#edu-quiz .footer-content-mobile .navigation i{color:#fff;padding:15px;-webkit-tap-highlight-color:transparent}#edu-quiz .footer-content-mobile .navigation i:hover{color:#dcdcdc}#edu-quiz .top-content-mobile{display:none}@media (max-width:1199.98px){#edu-quiz .top-content-mobile{flex:0 0 auto;display:block}}#edu-quiz .top-content-mobile .header-md .container-top-content{padding:10px;background-color:#3987c7;color:#fff;display:flex;justify-content:space-between;align-items:center}#edu-quiz .top-content-mobile .header-md .container-top-content .section-left-number{display:flex;gap:10px;align-items:center}#edu-quiz .top-content-mobile .header-md .container-top-content i{padding:10px;-webkit-tap-highlight-color:transparent}#edu-quiz .top-content-mobile .header-md .container-top-content i:hover{color:#dcdcdc}#edu-quiz .top-content-mobile .header-md .questions-section{background-color:#fff;border-bottom:1px solid #ddd;display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none;position:relative;scroll-behavior:smooth}#edu-quiz .top-content-mobile .header-md .questions-section .question-tab{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:flex;justify-content:center;align-items:center;color:#72757c;flex-grow:1;flex-shrink:0;padding:10px;cursor:pointer}#edu-quiz .top-content-mobile .header-md .questions-section .question-tab.active{color:#3987c7}#edu-quiz .top-content-mobile .header-md .questions-section .indicator{position:absolute;bottom:0;height:2px;background-color:#3987c7;transition:transform .3s ease}@media (max-width:1199.98px){#edu-quiz .container-exam{width:100%;flex:1 1 auto;background-color:#f1f1f1;overflow-y:auto;padding:20px}}#edu-quiz .container-exam .row .left .root{background-color:rgb(255,255,255);color:rgb(17,24,39);transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0s;border-radius:16px;box-shadow:0 10px 10px 4px rgba(0,0,0,.04);display:flex;flex-direction:column;margin-bottom:5px}#edu-quiz .container-exam .row .left .root .header{display:flex;-webkit-box-align:center;align-items:center;padding:16px 24px 0}#edu-quiz .container-exam .row .left .root .header .header-content{overflow:hidden;line-height:1.5}#edu-quiz .container-exam .row .left .root .header .header-content span{color:rgb(17,24,39);font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}#edu-quiz .container-exam .row .left .root .content{height:100%;padding:8px 24px}#edu-quiz .container-exam .row .left .root .content .content-1{display:flex;justify-content:space-between}#edu-quiz .container-exam .row .left .root .content .content-1 div{display:flex;align-items:center}#edu-quiz .container-exam .row .left .root .content .content-1 div div{position:relative;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;font-family:Inter,sans-serif;font-size:1.25rem;line-height:1;border-radius:50%;overflow:hidden;user-select:none;width:30px;height:30px}#edu-quiz .container-exam .row .left .root .content .content-1 div div img{width:100%;height:100%;text-align:center;object-fit:cover;color:transparent;text-indent:10000px}#edu-quiz .container-exam .row .left .root .content .content-1 div p{font-size:14px;font-family:Inter,sans-serif;font-weight:400;line-height:1.5;color:rgb(107,114,128);margin:0 0 0 10px}#edu-quiz .container-exam .row .left .root .content .content-2{display:flex;margin-top:12px;margin-bottom:20px;gap:20px}#edu-quiz .container-exam .row .left .root .content .content-2 div{display:flex;justify-content:space-around;font-size:13px}#edu-quiz .container-exam .row .left .root .content .content-2 div p:last-child{margin-left:5px}#edu-quiz .container-exam .row .left .root .content hr{border:solid rgba(0,0,0,.12);border-width:0 0 thin}#edu-quiz .container-exam .row .left .root .content .content-3{display:flex;font-size:14px;gap:5px;margin-bottom:10px;margin-top:10px}#edu-quiz .container-exam .row .left .root .content .content-3 p:last-child{font-weight:600}#edu-quiz .container-exam .row .left .root .content .content-4{line-height:1.7}#edu-quiz .container-exam .row .left .root .content .content-4 p{font-size:14px}#edu-quiz .container-exam .row .left .root .content .content-4 div{font-size:18px;font-weight:700}#edu-quiz .container-exam .row .left .root .content .content-5{margin-top:20px}#edu-quiz .container-exam .row .left .root .content .content-container{padding:16px 16px 25px 0}#edu-quiz .container-exam .row .left .root .content .content-container .content-item{margin-bottom:10px}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-1{gap:20px;outline:0;border:0;margin:0;border-radius:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;color:inherit;display:flex;-webkit-box-flex:1;flex-grow:1;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;position:relative;text-decoration:none;box-sizing:border-box;text-align:left;padding:8px 16px;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0s}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-1 .section-icon.active{background-color:rgb(233,30,99)}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-1 .section-icon,#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-1 .section-icon.active{position:relative;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;width:40px;height:40px;font-family:Inter,sans-serif;font-size:1.8rem;line-height:1;border-radius:50%;overflow:hidden;user-select:none;color:rgb(244,247,254)}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-1 .section-icon{background-color:rgb(158,158,158)}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-2 span{font-size:14px;font-family:Inter,sans-serif;font-weight:400;line-height:1.5}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-2 p{font-size:12px;font-family:Inter,sans-serif;font-weight:400;line-height:1.43;color:rgb(107,114,128)}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-2{margin-top:10px;margin-bottom:10px;display:flex;justify-content:center;gap:20px}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-1{display:flex}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-1 p:last-child{color:green}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-2{display:flex}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-2 p:last-child{color:red}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-3{display:flex}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-3 p:last-child{color:#999900}#edu-quiz .container-exam .row .left .root .footer{margin-top:10px;padding:8px 24px 16px}#edu-quiz .container-exam .row .left .root .footer .footer-icon{display:flex;justify-content:space-between}#edu-quiz .container-exam .row .left .root .footer .footer-icon div{display:flex;gap:20px}#edu-quiz .container-exam .row .left .header-md .timer-md{text-align:center;padding:10px;background-color:#3987c7;color:#fff}#edu-quiz .container-exam .row .left .header-md .section-md{display:flex;justify-content:space-between;padding:15px 15px 10px}#edu-quiz .container-exam .row .left .header-md .questions-section{border-bottom:1px solid #ddd;display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none;position:relative;scroll-behavior:smooth}#edu-quiz .container-exam .row .left .header-md .questions-section .question-tab{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:flex;justify-content:center;align-items:center;color:#72757c;flex-grow:1;flex-shrink:0;padding:10px;cursor:pointer}#edu-quiz .container-exam .row .left .header-md .questions-section .question-tab.active{color:#3987c7}#edu-quiz .container-exam .row .left .header-md .questions-section .indicator{position:absolute;bottom:0;height:2px;background-color:#3987c7;transition:transform .3s ease}#edu-quiz .container-exam .row .center .root{background-color:rgb(255,255,255);color:rgb(17,24,39);overflow:hidden;border-radius:16px;box-shadow:0 10px 10px 4px rgba(0,0,0,.04);display:flex;flex-direction:column}@media (max-width:1199.98px){#edu-quiz .container-exam .row .center .root{box-shadow:none}}#edu-quiz .container-exam .row .center .root .header{display:flex;align-items:center;padding:16px 24px 0}#edu-quiz .container-exam .row .center .root .header span{margin:0;font-size:14px;font-weight:500;font-family:Inter,sans-serif;line-height:1.334;display:block}#edu-quiz .container-exam .row .center .root .content{padding:16px 24px}#edu-quiz .container-exam .row .center .root .content .content-header{margin-bottom:15px}#edu-quiz .container-exam .row .center .root .content .content-header h4{margin:0;font-size:16px;font-weight:500;font-family:Inter,sans-serif;line-height:1.235}#edu-quiz .container-exam .row .center .root .content hr{margin:0;flex-shrink:0;border:solid rgba(0,0,0,.12);border-width:0 0 thin}#edu-quiz .container-exam .row .center .root .content .content-content{margin-top:15px}#edu-quiz .container-exam .row .center .root .content .content-content ul{list-style:none;margin:0;position:relative}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item{border-bottom:1px solid #eee;-webkit-tap-highlight-color:transparent;background-color:transparent;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;color:inherit;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;position:relative;text-decoration:none;width:100%;box-sizing:border-box;text-align:left;padding:12px 16px;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0s}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item span{margin:0;font-size:15px;font-family:Inter,sans-serif;font-weight:400;line-height:1.5;display:block}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item.correct{color:#107c67}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item.correct label{border:1px solid #259172;border-radius:8px}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item.correct label span{font-weight:600}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item.wrong{color:#e63349}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item.wrong label{border:1px solid #e75363;border-radius:8px}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item.wrong label span{font-weight:600}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item.select label{border:1px solid #eeaa81;border-radius:8px}#edu-quiz .container-exam .row .center .root .content .content-content .matching{padding:3px}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-item{display:flex;padding:6px;border-radius:6px;border:1px solid #eee;gap:6px;margin-top:6px;margin-bottom:6px;font-size:15px;font-family:Inter,sans-serif;font-weight:400;line-height:1.5}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-item .item-left{width:50%;padding:6px}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-item .item-right{width:50%}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-item .item-right div{padding:4px;height:100%;min-height:60px;border-width:1px;border-radius:6px}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-item .item-right div.shadow-matching.active{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;background-color:rgb(227,242,253)!important;opacity:1!important}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-item .item-right div.shadow-matching.inactive{box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)!important}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-instruction{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem!important;margin-bottom:1.2rem!important}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-answer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;background-color:rgb(245,245,245);border-radius:.6rem;padding:8px}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-answer div{padding:8px;background-color:rgb(255,255,255);border-radius:.6rem;min-height:60px;border:0 solid #eee}#edu-quiz .container-exam .row .center .root .footer{display:flex;justify-content:space-between;align-items:center;padding:8px 24px 16px}#edu-quiz .container-exam .row .center .root .footer .activeButton{background-color:rgb(10,143,220)!important;color:white!important}#edu-quiz .container-exam .row .center .root .footer .disabledButton{background-color:rgba(0,0,0,.12)!important;color:rgba(0,0,0,.26)!important}#edu-quiz .container-exam .row .center .root .footer button{display:flex;align-items:center;gap:5px;min-width:65px;padding:6px 16px;border:none;border-radius:8px}#edu-quiz .container-exam .row .center .root .footer button span{font-size:12px}#edu-quiz .container-exam .row .center .root .footer button .btn-circle{position:relative;background-color:transparent;cursor:pointer;font-size:12px}#edu-quiz .container-exam .row .center .root .footer button .btn-circle .fa-circle{font-size:20px}#edu-quiz .container-exam .row .center .root .footer button .btn-circle .fa-chevron-left,#edu-quiz .container-exam .row .center .root .footer button .btn-circle .fa-chevron-right{font-size:11px}#edu-quiz .container-exam .row .center .root .footer button .btn-circle .inside{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#edu-quiz .container-exam .row .center .root .footer button.activeButton .btn-circle .inside{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:rgb(10,143,220)}#edu-quiz .container-exam .row .right .root{background-color:rgb(255,255,255);color:rgb(17,24,39);transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0s;overflow:hidden;border-radius:16px;box-shadow:0 10px 10px 4px rgba(0,0,0,.04);display:flex;flex-direction:column}#edu-quiz .container-exam .row .right .root .header{padding:16px 24px 0}#edu-quiz .container-exam .row .right .root .header h3{color:rgb(17,24,39);font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}#edu-quiz .container-exam .row .right .root .content{padding:16px 24px;height:100%}#edu-quiz .container-exam .row .right .root .content .content-content{max-height:320px;display:flex;justify-content:center;flex-wrap:wrap;overflow-y:auto}#edu-quiz .container-exam .row .right .root .content .content-content button{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0;border:0;margin:6px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;font-family:Inter,sans-serif;font-weight:500;font-size:1.4rem;line-height:1.75;min-width:64px;padding:6px 16px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0s,box-shadow .25s cubic-bezier(.4,0,.2,1) 0s,border-color .25s cubic-bezier(.4,0,.2,1) 0s,color .25s cubic-bezier(.4,0,.2,1) 0s;color:inherit;background-color:rgb(224,224,224);box-shadow:none;border-radius:8px}#edu-quiz .container-exam .row .right .root .footer{display:flex;-webkit-box-align:center;align-items:center;padding:8px 24px 16px}#edu-quiz .container-exam .row .right .root .footer button{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0;border:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;font-family:Inter,sans-serif;font-weight:500;font-size:.875rem;line-height:1.75;min-width:64px;padding:6px 16px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0s,box-shadow .25s cubic-bezier(.4,0,.2,1) 0s,border-color .25s cubic-bezier(.4,0,.2,1) 0s,color .25s cubic-bezier(.4,0,.2,1) 0s;color:rgb(255,255,255);background-color:rgb(10,143,220);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:8px;text-transform:capitalize;margin:0 auto;font-size:14px}.root-test{background-color:rgb(255,255,255);color:rgb(17,24,39);transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0s;overflow:hidden;border-radius:16px;box-shadow:0 10px 10px 4px rgba(0,0,0,.04);display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.089)}.root-test .header{display:flex;align-items:center;padding:16px 24px 0}.root-test .header span{margin:0;font-size:14px;font-weight:500;font-family:Inter,sans-serif;line-height:1.334;display:block}.root-test .content{padding:16px 24px}.root-test .content .content-header{margin-bottom:15px}.root-test .content .content-header h4{margin:0;font-size:15px;font-weight:500;font-family:Inter,sans-serif;line-height:1.235}.root-test .content hr{margin:0;flex-shrink:0;border:solid rgba(0,0,0,.12);border-width:0 0 thin}.root-test .content .content-content{margin-top:15px}.root-test .content .content-content ul{list-style:none;margin:0;padding:8px 0;position:relative}.root-test .content .content-content ul .content-item{border:2px solid transparent;margin-top:6px;margin-bottom:6px;-webkit-tap-highlight-color:transparent;background-color:transparent;border-radius:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;color:inherit;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;position:relative;text-decoration:none;width:100%;box-sizing:border-box;text-align:left;padding:8px 16px;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0s}.root-test .content .content-content ul .content-item span{margin:0;font-size:14px;font-family:Inter,sans-serif;font-weight:400;line-height:1.5;display:block}.root-test .content .content-content .matching{padding:3px}.root-test .content .content-content .matching .matching-item{display:flex;padding:6px;border-radius:6px;border:1px solid #eee;gap:6px;margin-top:6px;margin-bottom:6px;font-size:14px;font-family:Inter,sans-serif;font-weight:400;line-height:1.5}.root-test .content .content-content .matching .matching-item .item-left{width:50%;padding:6px}.root-test .content .content-content .matching .matching-item .item-right{width:50%}.root-test .content .content-content .matching .matching-item .item-right div{padding:4px;height:100%;min-height:60px;border-width:1px;border-radius:6px}.root-test .content .content-content .matching .matching-item .item-right div.shadow-matching-active{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;background-color:rgb(227,242,253)!important;opacity:1!important}.root-test .content .content-content .matching .matching-item .item-right div.shadow-matching-inactive{box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)!important}.root-test .content .content-content .matching .matching-instruction{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem!important;margin-bottom:1.2rem!important}.root-test .content .content-content .matching .matching-answer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;background-color:rgb(245,245,245);border-radius:.6rem;padding:8px}.root-test .content .content-content .matching .matching-answer div{padding:8px;background-color:rgb(255,255,255);border-radius:.6rem;min-height:60px;border:0 solid #eee}.root-test .footer{display:flex;justify-content:space-between;align-items:center;padding:8px 24px 16px}.root-test .footer .activeButton{background-color:rgb(10,143,220)!important;color:white!important}.root-test .footer .disabledButton{background-color:rgba(0,0,0,.12)!important;color:rgba(0,0,0,.26)!important}.root-test .footer button{display:flex;align-items:center;gap:5px;min-width:65px;padding:6px 16px;border:none;border-radius:8px}.root-test .footer button span{font-size:12px}.root-test .footer button .btn-circle{position:relative;background-color:transparent;cursor:pointer;font-size:12px}.root-test .footer button .btn-circle .fa-circle{font-size:20px}.root-test .footer button .btn-circle .fa-chevron-left,.root-test .footer button .btn-circle .fa-chevron-right{font-size:11px}.root-test .footer button .btn-circle .inside,.root-test .footer button.activeButton .btn-circle .inside{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.root-test .footer button.activeButton .btn-circle .inside{color:rgb(10,143,220)}.root-test~.root-test{margin-top:10px}.base-timer{position:relative;width:120px;height:120px}.base-timer .base-timer__svg{transform:scaleX(-1)}.base-timer .base-timer__svg .base-timer__circle{fill:none;stroke:none}.base-timer .base-timer__svg .base-timer__circle .base-timer__path-elapsed{stroke-width:7px;stroke:grey}.base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining{stroke-width:7px;stroke-linecap:round;transform:rotate(90deg);transform-origin:center;transition:all 1s linear;fill-rule:nonzero;stroke:currentColor}.base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining.green{color:rgb(65,184,131)}.base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining.orange{color:orange}.base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining.red{color:red}.base-timer .base-timer__label{position:absolute;width:120px;height:120px;top:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}#nav-edu #header-edu{height:83px;position:fixed;z-index:1100;top:0;left:0;right:0;border-bottom:1px solid rgba(0,0,0,.12);background-color:rgb(255,255,255);padding:0 28px}#nav-edu #header-edu .container-header{display:flex;justify-content:space-between;align-items:center;gap:20px}@media (max-width:768px){#nav-edu #header-edu .container-header .center .form-input{width:100%}}#nav-edu #header-edu .container-header .right .signin-signup{display:flex;align-items:center;gap:20px}#nav-edu #header-edu .container-header .right .signin-signup button{border:none;outline:none;box-shadow:none;display:block;background:transparent;font-weight:600}#nav-edu #header-edu .container-header .right .signin-signup button:nth-of-type(2){flex-shrink:0;padding:9px 20px;border-radius:99px;color:#fff;background:linear-gradient(to right bottom,rgb(10,143,220),rgb(0,102,204));font-weight:600;cursor:pointer;transition:opacity .25s}#nav-edu #header-edu .container-header .right .signin-signup button:nth-of-type(2):hover{background:linear-gradient(to right bottom,rgb(5,120,190),rgb(0,85,170))}#content-edu{display:flex;flex-direction:column;height:100vh}#content-edu .container-content-edu{display:flex;flex:1;overflow:hidden;height:90vh}#content-edu .container-content-edu .left-content{flex:0 0 auto;background-color:#fff;border-right:1px solid rgba(0,0,0,.12);color:white;padding:20px}#content-edu .container-content-edu .left-content ul{list-style:none}#content-edu .container-content-edu .left-content ul li a{width:72px;height:72px;color:#404040;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;cursor:pointer}#content-edu .container-content-edu .left-content ul li a .fa-solid{font-size:17px}#content-edu .container-content-edu .left-content ul li a span{font-size:1rem;margin-top:8px}#content-edu .container-content-edu .left-content ul li a.active{color:#1a1a1a;background:#e8ebed}#content-edu .container-content-edu-table{display:flex;flex:1;overflow:hidden}#content-edu .container-content-edu-table .left-content{flex:0 0 auto;background-color:#fff;border-right:1px solid rgba(0,0,0,.12);color:white;padding:20px}#content-edu .container-content-edu-table .left-content ul{list-style:none}#content-edu .container-content-edu-table .left-content ul li a{width:72px;height:72px;color:#404040;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;cursor:pointer}#content-edu .container-content-edu-table .left-content ul li a .fa-solid{font-size:17px}#content-edu .container-content-edu-table .left-content ul li a span{font-size:1rem;margin-top:8px}#content-edu .container-content-edu-table .left-content ul li a.active{color:#1a1a1a;background:#e8ebed}@media (max-width:768px){#content-edu .container-content-edu{flex-direction:column}#content-edu .container-content-edu .left-content{padding:10px;order:1;border-top:1px solid #e8ebed}#content-edu .container-content-edu .left-content ul{display:flex;justify-content:space-evenly}#content-edu .container-content-edu .left-content ul li a{width:60px;height:50px}#content-edu .container-content-edu-table .left-content{position:fixed;top:0;left:-250px;width:220px;height:100vh;background-color:#fff;box-shadow:2px 0 5px rgba(0,0,0,.3);transition:left .3s ease;z-index:1000}#content-edu .container-content-edu-table .left-content ul li a{width:auto;height:40px;flex-direction:row;padding:0 12px;border-radius:10px}#content-edu .container-content-edu-table .left-content ul li a span{margin:auto;font-size:14px}#content-edu .container-content-edu-table.show-sidebar .left-content{left:0}#content-edu .overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;transition:opacity .3s ease}#content-edu .overlay.active{display:block}}.container-edu-list-exam{flex:1;overflow-y:hidden;background-color:rgb(249,250,251);gap:20px;padding:20px 30px 30px}.container-edu-list-exam .toolbar-des{display:flex;justify-content:space-between;align-items:center;padding:10px 20px 20px;border-top-left-radius:6px;border-top-right-radius:6px}.container-edu-list-exam .toolbar-des .option-left{display:flex;align-items:center;gap:45px}.container-edu-list-exam .toolbar-des .option-left .radio-item label{padding:8px}.container-edu-list-exam .toolbar-des .option-left .radio-item label .custom-radio{border-width:2px;height:20px;width:20px}.container-edu-list-exam .toolbar-des .option-left .radio-item label .toolbar-total .title-total{color:#6B7280}.container-edu-list-exam .toolbar-des .option-left .radio-item label .toolbar-total .result-total{color:#000000}.container-edu-list-exam .toolbar-des .option-left .radio-item input[type=radio]:checked+label{background-color:aliceblue}.container-edu-list-exam .toolbar-des .new-btn{background:linear-gradient(to right bottom,rgb(10,143,220),rgb(0,102,204));color:white;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center}.container-edu-list-exam .toolbar-des .new-btn i{margin-right:8px}.container-edu-list-exam .toolbar-des .options{display:flex;gap:20px}.container-edu-list-exam .toolbar-des .options span{cursor:pointer;color:#555;display:flex;align-items:center}.container-edu-list-exam .toolbar-des .options span i{margin-right:5px}.container-edu-list-exam .toolbar-des .selection-info{color:#555;display:flex;align-items:center}.container-edu-list-exam .toolbar-des .selection-info span{margin-left:10px;display:flex;align-items:center;gap:5px}.container-edu-list-exam .toolbar-des .selection-info span i{margin-left:5px}.container-edu-list-exam .toolbar-des .selection-info span:first-child{font-weight:700}@media (max-width:768px){.container-edu-list-exam .container-fixed{width:100%;position:fixed;top:65px;background-color:rgb(249,250,251);z-index:991;padding:16px 0 0}.container-edu-list-exam .container-fixed .breadcrumb-pro{margin-bottom:10px}.container-edu-list-exam .container-fixed .toolbar-des{width:100%;padding:0 0 10px;flex-wrap:wrap;gap:10px}.container-edu-list-exam .container-fixed .toolbar-des .option-left{flex-wrap:wrap;gap:4px!important}.container-edu-list-exam .container-fixed .toolbar-des .option-left .radio-item label{gap:5px!important}.container-edu-list-exam .container-fixed .toolbar-des .option-left .radio-item label .custom-radio{border-width:2px;height:18px;width:18px}.container-edu-list-exam .container-fixed .toolbar-des .option-left .radio-item label .toolbar-total .result-total,.container-edu-list-exam .container-fixed .toolbar-des .option-left .radio-item label .toolbar-total .title-total{font-size:13px}}@media (max-width:575.98px){.container-edu-list-exam{padding:10px;overflow-y:auto}}@media (min-width:576px) and (max-width:767.98px){.container-edu-list-exam{padding-top:10px;width:540px;overflow-y:auto}}@media (min-width:768px) and (max-width:991.98px){.container-edu-list-exam{width:720px}.container-edu-list-exam .toolbar-des{flex-wrap:wrap;gap:15px}.container-edu-list-exam .toolbar-des .option-left{flex-wrap:wrap;gap:8px!important}}@media (min-width:992px) and (max-width:1199.98px){.container-edu-list-exam{width:960px}}@media (min-width:1200px) and (max-width:1399.98px){.container-edu-list-exam{width:1140px}}@media (min-width:1400px) and (max-width:1669.98px){.container-edu-list-exam{width:1320px}}@media (min-width:1670px){.container-edu-list-exam{width:1670px}}.container-edu-all-exam{display:flex;flex-direction:column;gap:20px;flex:1;overflow:auto;padding:20px 30px;background-color:rgb(249,250,251)}@media (max-width:575.98px){.container-edu-all-exam{width:100%}}@media (min-width:576px) and (max-width:767.98px){.container-edu-all-exam{width:540px}}@media (min-width:768px) and (max-width:991.98px){.container-edu-all-exam{width:720px}}@media (min-width:992px) and (max-width:1199.98px){.container-edu-all-exam{width:960px}}@media (min-width:1200px) and (max-width:1399.98px){.container-edu-all-exam{width:1140px}}@media (min-width:1400px) and (max-width:1569.98px){.container-edu-all-exam{width:1320px}}@media (min-width:1570px){.container-edu-all-exam{width:1570px}}.container-edu-all-exam .section-list{width:100%;background-color:#fff;color:rgb(17,24,39);box-shadow:0 10px 10px 4px rgba(0,0,0,.04);border-radius:16px}.container-edu-all-exam .section-list .section-item{padding:24px}.container-edu-all-exam .section-list .section-item .section-item-header{display:flex;align-items:center;justify-content:space-between}.container-edu-all-exam .section-list .section-item .section-item-header span{color:rgb(17,24,39);font-weight:600;font-size:16px}.container-edu-all-exam .section-list .section-item .section-item-content{height:100%}.container-edu-all-exam .section-list .section-item .section-item-content .card-container{display:flex;gap:20px;padding:20px 0;overflow:scroll}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item{background-color:#fff;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:1rem;flex:1 0 300px;border:1px solid #d1d5db;border-radius:16px}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .image-container{border-radius:16px;position:relative;height:16rem;overflow:hidden}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .image-container .quiz-image{position:absolute;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info{margin-top:2rem}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info h2{font-weight:600}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author-date{display:flex;align-items:center;margin:2rem 0;justify-content:space-between}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author-date .author{display:flex;align-items:center;gap:.5rem}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author-date .author .author-icon{background-color:#3b82f6;border-radius:50%;height:2rem;width:2rem;display:flex;align-items:center;justify-content:center}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author-date .author .author-icon span{color:#fff}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats{display:flex;gap:2rem;margin:2rem 0}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item{display:flex;align-items:center;gap:.25rem}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item i.fa-question-circle{color:#f97316}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item i.fa-chart-bar{color:#10b981}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item i.fa-thumbs-up{color:#3b82f6}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item i.fa-arrow-down,.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item i.fa-download{color:#10b981}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item .icon-wrapper{position:relative;display:inline-block;cursor:pointer}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item .icon-wrapper .tooltip{font-size:10px;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:5px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-tags{display:flex;gap:1rem;margin:15px 0}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-tags .tag{background-color:#e5e7eb;border-radius:9999px;padding:.8rem;overflow:hidden}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .start-btn{outline:none;border:none;background-color:#3b82f6;color:#fff;border-radius:9999px;padding:.5rem 1rem;margin-top:1rem;cursor:pointer}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .start-btn:hover{background-color:#2563eb}@media (max-width:575.98px){.container-edu-all-exam .section-list .section-item .section-item-content .card-container{flex-direction:column}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item{flex:1 0 100%;font-size:13px}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item span{font-size:12px}}@media (min-width:576px) and (max-width:767.98px){.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item{flex:1 0 100%;font-size:13px}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item span{font-size:12px}}@media (min-width:768px) and (max-width:991.98px){.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item{flex:1 0 32%;font-size:13px}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item span{font-size:12px}}@media (min-width:992px) and (max-width:1199.98px){.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item{flex:1 0 24%;font-size:13px}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item span{font-size:12px}}@media (min-width:1200px) and (max-width:1399.98px){.container-edu-all-exam .section-list .section-item .section-item-content .card-container{gap:15px}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item{flex:1 0 21%;font-size:13px}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item span{font-size:12px}}@media (min-width:1400px){.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item{flex:1 0 18%}}.container-content-detail-exam{display:flex;flex:1;gap:20px;padding:20px;overflow:auto;background-color:rgb(249,250,251)}.container-content-detail-exam .detail-exam-left .card-item-detail{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);padding:2rem;border-radius:16px}.container-content-detail-exam .detail-exam-left .card-item-detail .image-container{border-radius:16px;position:relative;height:18rem;overflow:hidden}.container-content-detail-exam .detail-exam-left .card-item-detail .image-container .quiz-image{position:absolute;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info{margin-top:2rem}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info h2{font-weight:600}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .author-date{display:flex;align-items:center;margin:2rem 0;justify-content:space-between}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .author-date .author{display:flex;align-items:center;gap:.5rem}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .author-date .author .author-icon{background-color:#3b82f6;border-radius:50%;height:2rem;width:2rem;display:flex;align-items:center;justify-content:center}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .author-date .author .author-icon span{color:#fff}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats{display:flex;gap:2rem;margin:2rem 0}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item{display:flex;align-items:center;gap:.25rem}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item i.fa-question-circle{color:#f97316}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item i.fa-chart-bar{color:#10b981}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item i.fa-thumbs-up{color:#3b82f6}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item i.fa-arrow-down,.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item i.fa-download{color:#10b981}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item .icon-wrapper{position:relative;display:inline-block;cursor:pointer}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item .icon-wrapper .tooltip{font-size:10px;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:5px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-tags{display:flex;gap:1rem;margin:15px 0}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-tags .tag{background-color:#e5e7eb;border-radius:9999px;padding:.8rem;overflow:hidden}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .start-btn{outline:none;border:none;padding:9px 20px;border-radius:99px;color:#fff;background:linear-gradient(to right bottom,rgb(10,143,220),rgb(0,102,204));font-weight:500;cursor:pointer;transition:opacity .25s}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .start-btn:hover{background:linear-gradient(to right bottom,rgb(5,120,190),rgb(0,85,170))}.container-content-detail-exam .detail-exam-right .quiz-detail{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);padding:0 2rem 2rem;border-radius:16px}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs{margin-top:15px}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content{display:none}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content.active{display:block}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child h3{font-weight:700;font-size:16px;color:#111827;line-height:1.5}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .button-container{display:flex;gap:10px;overflow:hidden}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .button-container .button-tab{margin-top:8px;margin-bottom:8px;display:flex;align-items:center;gap:5px;min-width:65px;height:32px;padding:4px 12px;border:none;border-radius:16px;background:linear-gradient(to right bottom,rgb(10,143,220),rgb(0,102,204));color:white;font-size:13px}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .button-container .button-tab:hover{opacity:.9}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .questions{max-height:calc(-300px + 100vh);height:min(500px,100vh - 175px);overflow-y:auto}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .questions .question{margin-bottom:10px}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .questions .question p{font-size:14px;line-height:1.5;font-weight:600}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .questions .question h2{font-size:14px;line-height:1.5}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .questions .question ul{padding-left:40px;list-style-type:disc}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .questions .question ul li h3{font-size:14px;line-height:1.5;font-weight:400}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .banner-detail{margin-top:10px;font-weight:600;text-align:center;font-size:14px;color:rgb(255,255,255);line-height:1.5;padding:8px;background-color:rgb(239,108,0);cursor:pointer}@media (max-width:575.98px){.container-content-detail-exam{flex-direction:column}.container-content-detail-exam .detail-exam-left,.container-content-detail-exam .detail-exam-right{width:100%}}@media (min-width:576px) and (max-width:767.98px){.container-content-detail-exam{margin-bottom:65px;width:540px;flex-direction:column}.container-content-detail-exam .detail-exam-left,.container-content-detail-exam .detail-exam-right{width:100%}}@media (min-width:768px) and (max-width:991.98px){.container-content-detail-exam{width:720px;flex-direction:column}.container-content-detail-exam .detail-exam-left,.container-content-detail-exam .detail-exam-right{width:100%}}@media (min-width:992px) and (max-width:1199.98px){.container-content-detail-exam{width:960px}.container-content-detail-exam .detail-exam-left{width:30%}.container-content-detail-exam .detail-exam-right{width:70%}}@media (min-width:1200px) and (max-width:1399.98px){.container-content-detail-exam{width:1140px}.container-content-detail-exam .detail-exam-left{width:30%}.container-content-detail-exam .detail-exam-right{width:70%}}@media (min-width:1400px) and (max-width:1669.98px){.container-content-detail-exam{width:1320px}.container-content-detail-exam .detail-exam-left{width:30%}.container-content-detail-exam .detail-exam-right{width:70%}}@media (min-width:1670px){.container-content-detail-exam{width:1670px}.container-content-detail-exam .detail-exam-left{width:25%}.container-content-detail-exam .detail-exam-right{width:80%}}.modal-add-question-text{background-color:#fff;color:#111827;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:1140px;width:calc(100% - 40px);height:85vh;max-height:900px;border-radius:12px;position:relative;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .2s ease-out}body.dark .modal-add-question-text{background-color:#1b1b1b;border:1px solid rgba(255,255,255,.1);color:#e3e3e3}.modal-add-question-text .icon-mr{margin-right:8px}.modal-add-question-text .icon-mr-small{margin-right:4px}.modal-add-question-text .check-icon{margin-right:6px;color:#16a34a}body.dark .modal-add-question-text .check-icon{color:#4ade80}.modal-add-question-text .modal-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}body.dark .modal-add-question-text .modal-header{border-bottom-color:rgba(75,85,99,.4)}.modal-add-question-text .modal-header .close-modal-new,.modal-add-question-text .modal-header .how{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-add-question-text .modal-header .title-index-mobile{font-size:18px;font-weight:700;color:#1f2937}body.dark .modal-add-question-text .modal-header .title-index-mobile{color:#e3e3e3}.modal-add-question-text .modal-header .close-modal-new{cursor:pointer;border-radius:50%;color:#6b7280;transition:.2s}.modal-add-question-text .modal-header .close-modal-new:hover{background-color:#f3f4f6;color:#ef4444}body.dark .modal-add-question-text .modal-header .close-modal-new{color:#aaaaaa}body.dark .modal-add-question-text .modal-header .close-modal-new:hover{background-color:#282a2c}.modal-add-question-text .modal-body{flex:1;padding:20px;overflow:hidden;display:flex;gap:20px}.modal-add-question-text .modal-body .modal-left{flex:1;background-color:#f9fafb;border-radius:8px;padding:16px;display:flex;flex-direction:column;overflow:hidden}body.dark .modal-add-question-text .modal-body .modal-left{background-color:rgb(30,31,32)}.modal-add-question-text .modal-body .modal-left .modal-left-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-add-question-text .modal-body .modal-left .modal-left-header p{font-weight:700;color:#433753}body.dark .modal-add-question-text .modal-body .modal-left .modal-left-header p{color:#e3e3e3}.modal-add-question-text .modal-body .modal-left .modal-left-header .instructions-title{font-size:18px;font-weight:700;margin:0}body.dark .modal-add-question-text .modal-body .modal-left .modal-left-header .instructions-title{color:#e3e3e3}.modal-add-question-text .modal-body .modal-left .modal-left-header .button-edu.secondary{background:transparent;color:#3b82f6;border:1px solid #3b82f6;padding:4px 12px;font-size:13px}.modal-add-question-text .modal-body .modal-left .modal-left-header .button-edu.secondary:hover{background:rgba(59,130,246,.1)}body.dark .modal-add-question-text .modal-body .modal-left .modal-left-header .button-edu.secondary{color:#60a5fa;border-color:#60a5fa}.modal-add-question-text .modal-body .modal-left .modal-left-body{flex:1;display:flex;flex-direction:column}.modal-add-question-text .modal-body .modal-left .modal-left-body .textarea-custom{flex:1;width:100%;resize:none;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-family:Consolas,monospace;font-size:14px;line-height:1.5}.modal-add-question-text .modal-body .modal-left .modal-left-body .textarea-custom:focus{outline:2px solid #3b82f6;border-color:transparent}body.dark .modal-add-question-text .modal-body .modal-left .modal-left-body .textarea-custom{background:#18181b;border-color:rgba(75,85,99,.4);color:#e3e3e3;scrollbar-color:#555 transparent}.modal-add-question-text .modal-body .modal-left .modal-left-body .word-count{text-align:right;font-size:12px;color:#6b7280;margin-top:5px}.modal-add-question-text .modal-body .modal-left .instructions-view{display:flex;flex-direction:column;height:100%}.modal-add-question-text .modal-body .modal-left .instructions-view .instructions-content{flex:1;overflow-y:auto;padding-right:5px;padding-top:10px;padding-bottom:10px}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .instructions-content{scrollbar-color:#555 transparent}.modal-add-question-text .modal-body .modal-left .instructions-view .instructions-footer{margin-top:20px}.modal-add-question-text .modal-body .modal-left .instructions-view .ai-guide-box{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin-bottom:24px}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .ai-guide-box{background-color:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3)}.modal-add-question-text .modal-body .modal-left .instructions-view .ai-guide-box .ai-header{display:flex;align-items:center;color:#166534;margin-bottom:8px;font-size:15px}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .ai-guide-box .ai-header{color:#4ade80}.modal-add-question-text .modal-body .modal-left .instructions-view .ai-guide-box .ai-desc{font-size:13px;color:#15803d;margin-bottom:12px}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .ai-guide-box .ai-desc{color:#86efac}.modal-add-question-text .modal-body .modal-left .instructions-view .manual-guide-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .manual-guide-box{background-color:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1)}.modal-add-question-text .modal-body .modal-left .instructions-view .manual-guide-box .ai-header{display:flex;align-items:center;color:#334155;margin-bottom:12px;font-size:15px}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .manual-guide-box .ai-header{color:#e2e8f0}.modal-add-question-text .modal-body .modal-left .instructions-view .manual-guide-box .manual-desc{font-size:13px;color:#64748b;margin-bottom:16px}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .manual-guide-box .manual-desc{color:#9ca3af}.modal-add-question-text .modal-body .modal-left .instructions-view .code-example-wrapper{margin-bottom:16px}.modal-add-question-text .modal-body .modal-left .instructions-view .code-example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.modal-add-question-text .modal-body .modal-left .instructions-view .code-title{font-weight:600;font-size:13px;color:#6b7280;margin:0}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .code-title{color:#9ca3af}.modal-add-question-text .modal-body .modal-left .instructions-view .code-example pre{background:#fff;padding:12px;border-radius:6px;border:1px solid #e5e7eb;font-size:13px;white-space:pre-wrap}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .code-example pre{background:#1f2937;border-color:#374151;color:#e5e7eb}.modal-add-question-text .modal-body .modal-left .instructions-view .copy-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer}.modal-add-question-text .modal-body .modal-left .instructions-view .copy-btn.copied{background:#dcfce7;color:#15803d;border-color:#86efac}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .copy-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.modal-add-question-text .modal-body .modal-left .instructions-view .divider{height:1px;border-bottom:1px dashed #cbd5e1;margin:20px 0}body.dark .modal-add-question-text .modal-body .modal-left .instructions-view .divider{border-bottom-color:#475569}.modal-add-question-text .modal-body .modal-right{flex:1;background-color:#f9fafb;border-radius:8px;padding:16px;display:flex;flex-direction:column}body.dark .modal-add-question-text .modal-body .modal-right{background-color:rgb(30,31,32)}.modal-add-question-text .modal-body .modal-right .modal-right-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-add-question-text .modal-body .modal-right .modal-right-header p{font-weight:700;color:#433753}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-header p{color:#e3e3e3}.modal-add-question-text .modal-body .modal-right .modal-right-header .question-text-attention{display:flex;align-items:center;gap:6px;font-size:12px;color:#b45309;background:#fffbeb;padding:4px 8px;border-radius:4px}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-header .question-text-attention{background:rgba(245,158,11,.2);color:#fbbf24}.modal-add-question-text .modal-body .modal-right .modal-right-header .question-text-attention.error{background:#fef2f2;color:#b91c1c}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-header .question-text-attention.error{background:rgba(220,38,38,.2);color:#f87171}.modal-add-question-text .modal-body .modal-right .modal-right-body{flex:1;overflow-y:auto;padding-right:5px}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body{scrollbar-color:#555 transparent}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-preview-container{display:flex;flex-direction:column;gap:12px}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single{background:#fff;padding:12px;border-radius:6px;border:1px solid #e5e7eb;position:relative;padding-right:48px!important}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body .question-single{background:#1b1b1b;border-color:rgba(75,85,99,.4)}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single.error-block{border-color:#ef4444;background:#fef2f2}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body .question-single.error-block{background:rgba(239,68,68,.1)}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single.is-critical-wrapper{border-left:4px solid #ef4444}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .error-message{font-size:12px;color:#ef4444;background:rgba(239,68,68,.1);padding:4px 8px;border-radius:4px;margin-bottom:8px;display:inline-flex;align-items:center;gap:6px}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .question-content{color:#1f2937}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .question-content{color:#e3e3e3}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .question-content .question-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding-right:20px}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .question-content .question-text-content{font-size:15px;white-space:pre-wrap}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .type-badge-mini{display:inline-block;font-size:10px;padding:1px 6px;border-radius:4px;margin-left:auto;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .type-badge-mini{background:rgba(37,99,235,.2);color:#60a5fa;border-color:rgba(37,99,235,.4)}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .critical-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .critical-badge{background:rgba(220,38,38,.15);color:#f87171;border-color:rgba(220,38,38,.4)}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .answer-item{font-size:13px;color:#4b5563;margin-bottom:4px;display:flex;align-items:center}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .answer-item{color:#aaaaaa}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .answer-item.correct{color:#166534;font-weight:600;background-color:#f0fdf4;padding:4px 8px;border-radius:4px}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .answer-item.correct{color:#4ade80;background-color:rgba(22,163,74,.1)}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .explanation-block{margin-top:10px;padding:8px 12px;border-radius:6px;font-size:13px;background:#f0f9ff;border:1px dashed #7dd3fc;color:#0c4a6e}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .explanation-block{background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.3);color:#e0f2fe}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .explanation-block .exp-label{font-weight:700;font-size:11px;text-transform:uppercase;color:#0284c7;margin-bottom:4px}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .explanation-block .exp-label{color:#38bdf8}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .delete-temp-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:#ef4444;opacity:.6;cursor:pointer;transition:.2s}.modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .delete-temp-btn:hover{opacity:1;background-color:#fee2e2}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body .question-single .delete-temp-btn:hover{background-color:rgba(239,68,68,.2)}.modal-add-question-text .modal-footer{padding:16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}body.dark .modal-add-question-text .modal-footer{border-top-color:rgba(75,85,99,.4)}.modal-add-question-text .modal-footer .button-edu{background:#3b82f6;color:#fff;padding:10px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer}.modal-add-question-text .modal-footer .button-edu:hover{background:rgb(34.6195121951,114.4512195122,244.8804878049)}.modal-add-question-text .modal-footer .button-edu:disabled{opacity:.6;cursor:not-allowed}@media (max-width:992px){.modal-add-question-text{width:95%;height:90vh}.modal-add-question-text .modal-body{flex-direction:column}.modal-add-question-text .modal-left,.modal-add-question-text .modal-right{height:50%}}.modal-add-question{background-color:rgb(255,255,255);color:rgb(17,24,39);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;max-height:calc(100% - 64px);max-width:1140px;width:calc(100% - 64px);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);border-radius:12px;position:absolute;top:10%}.modal-add-question .modal-header{padding:15px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d0d3d7}.modal-add-question .modal-header .close-modal-new,.modal-add-question .modal-header .how{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.modal-add-question .modal-header .close-modal-new{cursor:pointer;color:#6b7280;border-radius:50%}.modal-add-question .modal-header .close-modal-new:hover{background-color:#f3f4f6}body.dark .modal-add-question .modal-header .close-modal-new{color:#aaaaaa}body.dark .modal-add-question .modal-header .close-modal-new:hover{background-color:#282a2c}.modal-add-question .modal-header .title-index-mobile{font-weight:600;flex-grow:1;text-align:center;font-size:18px;color:#1f2937}body.dark .modal-add-question .modal-header .title-index-mobile{color:#e3e3e3}.modal-add-question .modal-body{padding:20px 30px 10px;max-height:calc(-300px + 100vh);height:min(600px,100vh - 175px);overflow-y:auto;scrollbar-width:thin}.modal-add-question .modal-body .title-add-question{font-weight:700}.modal-add-question .modal-body .body-header .question-options{display:flex;flex-wrap:wrap;gap:30px}.modal-add-question .modal-body .body-header .question-options .radio-item label{padding:8px}.modal-add-question .modal-body .body-header .question-options .radio-item label .custom-radio{border-width:2px;height:22px;width:22px}.modal-add-question .modal-body .body-header .question-options .radio-item input[type=radio]:checked+label{background-color:aliceblue}.modal-add-question .modal-footer{border-top:1px solid #d0d3d7;padding:20px;display:flex;justify-content:center}.modal-add-question .modal-footer .button-edu:hover{background:#0056b3}.modal-add-question .modal-footer button.disabled{color:rgba(0,0,0,.26);box-shadow:none;background-color:rgba(0,0,0,.12)}@media (max-width:575.98px){.modal-add-question{width:90%}.modal-add-question .modal-body .body-header{font-size:13px}.modal-add-question .modal-body .body-header .question-options{gap:20px}.modal-add-question .modal-body .body-header .question-options .radio-item label{padding:6px}.modal-add-question .modal-body .body-header .question-options .radio-item label .custom-radio{border-width:2px;height:18px;width:18px}.modal-add-question .modal-body .body-header .question-options .radio-item label .custom-radio:before{height:8px;width:8px}}@media (min-width:576px) and (max-width:767.98px){.modal-add-question{width:90%}.modal-add-question .modal-body .body-header{font-size:13px}.modal-add-question .modal-body .body-header .question-options{gap:20px}.modal-add-question .modal-body .body-header .question-options .radio-item label{padding:6px}.modal-add-question .modal-body .body-header .question-options .radio-item label .custom-radio{border-width:2px;height:18px;width:18px}.modal-add-question .modal-body .body-header .question-options .radio-item label .custom-radio:before{height:8px;width:8px}}@media (min-width:768px) and (max-width:991.98px){.modal-add-question{width:90%}.modal-add-question .modal-body .body-header{font-size:13px}.modal-add-question .modal-body .body-header .question-options{gap:20px}.modal-add-question .modal-body .body-header .question-options .radio-item label{padding:6px}.modal-add-question .modal-body .body-header .question-options .radio-item label .custom-radio{border-width:2px;height:18px;width:18px}.modal-add-question .modal-body .body-header .question-options .radio-item label .custom-radio:before{height:8px;width:8px}}body.dark .modal-add-question{background-color:#1b1b1b;color:#e3e3e3;box-shadow:0 10px 30px -5px rgba(0,0,0,.5)}body.dark .modal-add-question .modal-header{border-bottom-color:rgba(75,85,99,.4)}body.dark .modal-add-question .modal-header .title-index-mobile{color:#f3f4f6}body.dark .modal-add-question .modal-body{scrollbar-color:#555 transparent}body.dark .modal-add-question .modal-body .title-add-question{color:#f3f4f6}body.dark .modal-add-question .modal-body .body-header .question-options .radio-item input[type=radio]:checked+label{background-color:#1e3a8a}body.dark .modal-add-question .modal-footer{border-top-color:rgba(75,85,99,.4)}body.dark .modal-add-question .modal-footer button.disabled{color:#6b7280;background-color:#374151}.comprehension-form .comprehension-form-header .title-passage{display:block;font-weight:700;color:#1f2937}body.dark .comprehension-form .comprehension-form-header .title-passage{color:#e3e3e3}.comprehension-form .comprehension-form-body{display:flex;gap:50px}.comprehension-form .comprehension-form-body .comprehension-left{flex:2;display:flex;flex-direction:column;gap:20px}.comprehension-form .comprehension-form-body .comprehension-left .title-question{display:block;font-weight:700;color:#1f2937}body.dark .comprehension-form .comprehension-form-body .comprehension-left .title-question{color:#e3e3e3}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions{padding:15px;border:1px solid #eee;border-radius:10px;display:flex;flex-direction:column;gap:20px;background-color:rgba(248,250,252,.5)}body.dark .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header{display:flex;align-items:center;justify-content:space-between}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-1{display:flex;align-items:center;color:#3b82f6;gap:5px;padding:8px 6px;border-radius:4px;font-weight:600}body.dark .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-1{color:#38bdf8}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-1:hover{background-color:rgba(62,101,254,.08)}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-2{color:#ef4444;cursor:pointer;padding:4px 5px;border-radius:4px}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-2:hover{background-color:rgba(239,68,68,.08)}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .toggle-sub-questions{cursor:pointer}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .toggle-sub-questions i{transition:transform .3s ease}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list{display:none}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list.spin.now{display:block}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container{display:flex;flex-wrap:wrap;gap:20px;margin-left:10px}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container .option-item-list{display:flex;align-items:center;gap:10px;width:100%}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container .option-item-list .option-item-list-content{display:flex;flex-direction:column;gap:5px;flex:1}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container .option-item-list .option-item-list-content .radio-item{display:flex;align-items:center;gap:8px}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container .option-item-list .option-item-list-content .radio-item label{cursor:pointer;color:#1f2937}body.dark .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container .option-item-list .option-item-list-content .radio-item label{color:#e3e3e3}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container .option-item-list .option-item-list-drop{padding-top:30px}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .btn-add-answer{background:transparent;border:1px dashed #3b82f6;color:#3b82f6;padding:8px 12px;border-radius:6px;cursor:pointer;margin-top:10px;font-size:13px;transition:.2s}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .btn-add-answer:hover{background-color:rgba(59,130,246,.1)}.comprehension-form .comprehension-form-body .comprehension-left .button-edu{padding:10px}.comprehension-form .comprehension-form-body .comprehension-left .explanation-section{margin-top:10px;padding-top:20px;border-top:1px dashed #d1d5db}body.dark .comprehension-form .comprehension-form-body .comprehension-left .explanation-section{border-top-color:rgba(75,85,99,.4)}.comprehension-form .comprehension-form-body .comprehension-left .explanation-section .title-question{font-size:15px;font-weight:600;color:#4b5563;display:flex;align-items:center}body.dark .comprehension-form .comprehension-form-body .comprehension-left .explanation-section .title-question{color:#aaaaaa}.comprehension-form .comprehension-form-body .comprehension-right{flex:1;min-width:320px}@media (max-width:991.98px){.comprehension-form .comprehension-form-body{flex-direction:column;gap:30px}.comprehension-form .comprehension-form-body .comprehension-right{width:100%}}.multichoice-form .multichoice-form-header .title-question{display:block;font-weight:700;color:#1f2937}body.dark .multichoice-form .multichoice-form-header .title-question{color:#e3e3e3}.multichoice-form .multichoice-form-body{display:flex;gap:50px}.multichoice-form .multichoice-form-body .multichoice-left{flex:2;display:flex;flex-direction:column;gap:20px}.multichoice-form .multichoice-form-body .multichoice-left .title-question{display:block;font-weight:700;color:#1f2937}body.dark .multichoice-form .multichoice-form-body .multichoice-left .title-question{color:#e3e3e3}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list{display:flex;align-items:center;gap:10px}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content{display:flex;flex-direction:column;gap:5px;flex:1}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5{display:inline-flex;align-items:center;cursor:pointer;gap:8px;user-select:none;color:#1f2937;font-weight:500;transition:color .2s}body.dark .multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5{color:#e3e3e3}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5 .checkbox__input{display:none}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5 .checkbox__icon{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:#ffffff}body.dark .multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5 .checkbox__icon{background-color:#282a2c;border-color:rgba(75,85,99,.4)}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5 .checkbox__icon .iconcheck5{display:none;color:white;font-size:12px}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5 .checkbox__input:checked+.checkbox__icon{background-color:#3b82f6;border-color:#3b82f6}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5 .checkbox__input:checked+.checkbox__icon .iconcheck5{display:block}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5:hover .checkbox__icon{border-color:#3b82f6}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-drop{padding-top:32px}.multichoice-form .multichoice-form-body .multichoice-left .btn-add-answer{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;border:1px dashed #3b82f6;color:#3b82f6;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:14px}.multichoice-form .multichoice-form-body .multichoice-left .btn-add-answer:hover{background-color:rgba(59,130,246,.08)}.multichoice-form .multichoice-form-body .multichoice-left .explanation-section{margin-top:20px;padding-top:20px;border-top:1px dashed #d1d5db}body.dark .multichoice-form .multichoice-form-body .multichoice-left .explanation-section{border-top-color:rgba(75,85,99,.4)}.multichoice-form .multichoice-form-body .multichoice-left .explanation-section .title-question{font-size:15px;font-weight:600;color:#4b5563;display:flex;align-items:center;margin-bottom:8px}body.dark .multichoice-form .multichoice-form-body .multichoice-left .explanation-section .title-question{color:#aaaaaa}.multichoice-form .multichoice-form-body .multichoice-right{flex:1;min-width:320px}@media (max-width:767.98px){.multichoice-form{width:100%}.multichoice-form .multichoice-form-body{flex-direction:column;gap:30px}.multichoice-form .multichoice-form-body .multichoice-right{width:100%;min-width:unset}}@media (min-width:768px) and (max-width:991.98px){.multichoice-form{width:100%}.multichoice-form .multichoice-form-body{flex-direction:column;gap:30px}.multichoice-form .multichoice-form-body .multichoice-right{width:100%}}.singlechoice-form .singlechoice-form-header .title-question{display:block;font-weight:700;margin-bottom:8px;color:#1f2937}body.dark .singlechoice-form .singlechoice-form-header .title-question{color:#e3e3e3}.singlechoice-form .singlechoice-form-body .settings-row{display:flex;align-items:center;gap:40px;margin-bottom:20px;flex-wrap:wrap}.singlechoice-form .singlechoice-form-body .settings-row .result-mark{display:flex;flex-direction:column}.singlechoice-form .singlechoice-form-body .settings-row .result-mark .title-button{display:none}.singlechoice-form .singlechoice-form-body .settings-row .result-mark .input3{position:relative;width:120px}.singlechoice-form .singlechoice-form-body .settings-row .result-mark .input3 .exam-name{width:100%;padding:10px;border:1px solid #d0d3d7;border-radius:6px;outline:none;background:transparent;color:#1f2937;font-weight:600;transition:border-color .2s}body.dark .singlechoice-form .singlechoice-form-body .settings-row .result-mark .input3 .exam-name{border-color:rgba(75,85,99,.4);color:#e3e3e3}.singlechoice-form .singlechoice-form-body .settings-row .result-mark .input3 .exam-name:focus{border-color:#3b82f6}.singlechoice-form .singlechoice-form-body .settings-row .result-mark .input3 .floating-label{position:absolute;top:-9px;left:10px;background-color:#ffffff;padding:0 4px;font-size:12px;color:#4b5563;font-weight:500}body.dark .singlechoice-form .singlechoice-form-body .settings-row .result-mark .input3 .floating-label{background-color:#1b1b1b;color:#aaaaaa}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background-color .2s;border:1px solid transparent}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch:hover{background-color:#f3f4f6}body.dark .singlechoice-form .singlechoice-form-body .settings-row .critical-switch:hover{background-color:#37393b}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch.active{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch.active .label-text{color:#ef4444;font-weight:700}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch.active .switch-checkbox .slider{background-color:#ef4444}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch.active .switch-checkbox input:checked+.slider:before{transform:translateX(18px)}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch .switch-checkbox{position:relative;display:inline-block;width:40px;height:22px}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch .switch-checkbox input{opacity:0;width:0;height:0}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch .switch-checkbox .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}body.dark .singlechoice-form .singlechoice-form-body .settings-row .critical-switch .switch-checkbox .slider{background-color:#4b5563}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch .switch-checkbox .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch .switch-label{display:flex;flex-direction:column}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch .switch-label .label-text{font-weight:600;font-size:14px;color:#1f2937}body.dark .singlechoice-form .singlechoice-form-body .settings-row .critical-switch .switch-label .label-text{color:#e3e3e3}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch .switch-label .label-desc{font-size:11px;color:#6b7280}body.dark .singlechoice-form .singlechoice-form-body .settings-row .critical-switch .switch-label .label-desc{color:#aaaaaa}.singlechoice-form .singlechoice-form-body .singlechoice-options{display:grid;grid-template-columns:1fr 1fr;gap:30px}.singlechoice-form .singlechoice-form-body .singlechoice-options .option-item-list{display:flex;align-items:center;gap:10px}.singlechoice-form .singlechoice-form-body .singlechoice-options .option-item-list .option-item-list-content{display:flex;flex-direction:column;gap:5px;flex:1}.singlechoice-form .singlechoice-form-body .singlechoice-options .option-item-list .option-item-list-content .radio-item{display:flex;align-items:center;gap:8px}.singlechoice-form .singlechoice-form-body .singlechoice-options .option-item-list .option-item-list-content .radio-item label{cursor:pointer;color:#1f2937}body.dark .singlechoice-form .singlechoice-form-body .singlechoice-options .option-item-list .option-item-list-content .radio-item label{color:#e3e3e3}.singlechoice-form .singlechoice-form-body .singlechoice-options .option-item-list .option-item-list-drop{padding-top:30px}.singlechoice-form .singlechoice-form-body .btn-add-answer{margin-top:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;border:1px dashed #3b82f6;color:#3b82f6;border-radius:6px;font-weight:600;transition:all .2s;cursor:pointer}.singlechoice-form .singlechoice-form-body .btn-add-answer:hover{background-color:rgba(59,130,246,.1)}.singlechoice-form .singlechoice-form-body .explanation-section{margin-top:30px;padding-top:20px;border-top:1px dashed #e5e7eb}body.dark .singlechoice-form .singlechoice-form-body .explanation-section{border-top-color:rgba(75,85,99,.4)}.singlechoice-form .singlechoice-form-body .explanation-section .title-question{font-size:15px;font-weight:600;color:#4b5563;margin-bottom:10px;display:block}body.dark .singlechoice-form .singlechoice-form-body .explanation-section .title-question{color:#aaaaaa}@media (max-width:575.98px){.singlechoice-form{width:100%}.singlechoice-form .singlechoice-form-body .settings-row{gap:20px}.singlechoice-form .singlechoice-form-body .settings-row .critical-switch,.singlechoice-form .singlechoice-form-body .settings-row .result-mark .input3{width:100%}.singlechoice-form .singlechoice-form-body .singlechoice-options{grid-template-columns:1fr;gap:20px}}@media (min-width:576px) and (max-width:767.98px){.singlechoice-form{width:100%}.singlechoice-form .singlechoice-form-body .singlechoice-options{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991.98px){.singlechoice-form{width:100%}.singlechoice-form .singlechoice-form-body .singlechoice-options{gap:20px}}.matching-form .matching-form-header .title-question{display:block;font-weight:700}.matching-form .matching-form-body{display:flex;gap:50px}.matching-form .matching-form-body .matching-left{flex:2;display:flex;flex-direction:column;gap:20px}.matching-form .matching-form-body .matching-left .title-question{display:block;font-weight:700}.matching-form .matching-form-body .matching-left .matching-item{background-color:rgba(248,250,252,.3);border:1px solid #e2e8f0;border-radius:.5rem}.matching-form .matching-form-body .matching-left .matching-item .matching-pair-top-top{padding:20px 24px 16px;display:flex;justify-content:space-between}.matching-form .matching-form-body .matching-left .matching-item .matching-pair-top-top>p{color:#1e293b;font-size:18px;font-weight:600}.matching-form .matching-form-body .matching-left .matching-item .matching-pair-top{display:flex;align-items:center;gap:15px;padding:0 24px 24px}.matching-form .matching-form-body .matching-left .matching-item .matching-pair-top .matching-pair-top-item{flex:1}.matching-form .matching-form-body .matching-left .matching-item .matching-pair-top .matching-pair-top-item>p{padding-bottom:8px}.matching-form .matching-form-body .matching-right .input2 input{max-width:100px;padding:10px}.matching-form .matching-form-body .matching-right .percentage-mark .percentage-item .percentage-percent{display:flex;align-items:center;gap:10px}.matching-form .matching-form-body .matching-right .percentage-mark .percentage-item .percentage-percent input{padding:8px;border:1px solid #ccc;border-radius:8px;color:#333;width:100%;outline:none;max-width:64px}@media (max-width:575.98px){.matching-form{width:100%}.matching-form .matching-form-body{font-size:13px;flex-direction:column;gap:20px}}@media (min-width:576px) and (max-width:767.98px){.matching-form{width:100%}.matching-form .matching-form-body{font-size:13px;flex-direction:column;gap:20px}}@media (min-width:768px) and (max-width:991.98px){.matching-form{width:100%}.matching-form .matching-form-body{font-size:13px;flex-direction:column;gap:20px}}body.dark .matching-form{color:#e3e3e3}body.dark .matching-form .matching-form-body .matching-left .matching-item{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}body.dark .matching-form .matching-form-body .matching-left .matching-item .matching-pair-top-top>p{color:rgba(243,244,246,.9450980392)}body.dark .matching-form .matching-form-body .matching-right .percentage-mark .percentage-item .percentage-percent input{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);color:#e3e3e3}body.dark .matching-form .matching-form-body .matching-right .percentage-mark .percentage-item .percentage-percent input:disabled{background-color:#1b1b1b;color:#aaaaaa;cursor:not-allowed}.blank-form .blank-form-header .title-question{display:block;font-weight:700;margin-bottom:8px;color:#1f2937}body.dark .blank-form .blank-form-header .title-question{color:#e3e3e3}.blank-form .blank-form-header .button-edu{max-width:210px;justify-content:center;padding:8px 16px}.blank-form .blank-form-header .button-edu.disabled{opacity:.6;cursor:not-allowed}.blank-form .blank-form-header .suggest{color:#4b5563;font-size:13px;margin-top:8px}body.dark .blank-form .blank-form-header .suggest{color:#aaaaaa}.blank-form .blank-form-header .content-editable-area{width:100%;padding:16px;border-radius:8px;border:1px solid #ccc;min-height:120px;overflow-y:auto;font-family:Roboto,sans-serif;background-color:#ffffff;color:#1f2937}.blank-form .blank-form-header .content-editable-area:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}body.dark .blank-form .blank-form-header .content-editable-area{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);color:#e3e3e3}.blank-form .blank-form-header .content-editable-area span[data-blank-uid]{background-color:#e0f2fe;color:#0284c7;padding:2px 4px;border-radius:4px;font-weight:600}body.dark .blank-form .blank-form-header .content-editable-area span[data-blank-uid]{background-color:rgba(2,132,199,.2);color:#7dd3fc}.blank-form .blank-form-header .error-text{color:#ef4444;font-size:12px;margin-top:4px}.blank-form .blank-form-body{display:flex;gap:50px;margin-top:20px}.blank-form .blank-form-body .blank-left{flex:2;display:flex;flex-direction:column;gap:16px}.blank-form .blank-form-body .blank-left .title-question{display:block;font-weight:700;color:#1f2937}body.dark .blank-form .blank-form-body .blank-left .title-question{color:#e3e3e3}.blank-form .blank-form-body .blank-left .option-item-list{display:flex;align-items:center;gap:12px;background-color:#f8fafc;border:1px solid #e2e8f0;padding:12px;border-radius:8px;transition:background .2s}body.dark .blank-form .blank-form-body .blank-left .option-item-list{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.blank-form .blank-form-body .blank-left .option-item-list .option-item-list-header{font-weight:700;color:#3b82f6;margin-top:6px;min-width:30px}.blank-form .blank-form-body .blank-left .option-item-list .option-item-list-content{flex:1}.blank-form .blank-form-body .blank-left .option-item-list .option-item-list-content .textarea-custom{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:6px;resize:vertical;font-size:14px;background-color:#fff;color:#1f2937;outline:none}body.dark .blank-form .blank-form-body .blank-left .option-item-list .option-item-list-content .textarea-custom{background-color:#1b1b1b;border-color:rgba(75,85,99,.4);color:#e3e3e3}.blank-form .blank-form-body .blank-left .option-item-list .option-item-list-drop{cursor:pointer;margin-top:6px}.blank-form .blank-form-body .blank-left .explanation-section{margin-top:20px;padding-top:20px;border-top:1px dashed #e5e7eb}body.dark .blank-form .blank-form-body .blank-left .explanation-section{border-top-color:rgba(75,85,99,.4)}.blank-form .blank-form-body .blank-left .explanation-section .title-question{font-size:15px;font-weight:600;color:#4b5563;display:flex;align-items:center;margin-bottom:8px}body.dark .blank-form .blank-form-body .blank-left .explanation-section .title-question{color:#aaaaaa}.blank-form .blank-form-body .blank-right{flex:1;min-width:320px}@media (max-width:767.98px){.blank-form .blank-form-body{flex-direction:column;gap:30px}.blank-form .blank-form-body .blank-right{width:100%;min-width:unset}}@media (min-width:768px) and (max-width:991.98px){.blank-form .blank-form-body{flex-direction:column;gap:30px}.blank-form .blank-form-body .blank-right{width:100%}}.modal-overlay-section-mobile{align-items:end}.modal-overlay-section-mobile .modal-section-mobile{max-height:80%;border-top-left-radius:20px;border-top-right-radius:20px;transform:translateY(100%)}.modal-overlay-section-mobile .modal-section-mobile .modal-header{display:flex}.modal-overlay-section-mobile .modal-section-mobile .modal-body{padding:20px}.modal-overlay-section-mobile .modal-section-mobile .modal-body p{font-weight:550;margin-bottom:10px}.modal-overlay-section-mobile .modal-section-mobile .modal-body .dropdown{width:100%;margin-bottom:15px}.modal-overlay-section-mobile .modal-section-mobile .modal-footer{padding:20px}.modal-overlay-section-mobile .modal-section-mobile .footer-section-container{padding:0 20px 20px;overflow-y:auto}body.dark .modal-overlay-section-mobile .modal-section-mobile .modal-header{border-bottom:1px solid rgba(75,85,99,.4)}body.dark .modal-overlay-section-mobile .modal-section-mobile .modal-header .close-modal-new{color:#f3f4f6}body.dark .modal-overlay-section-mobile .modal-section-mobile .modal-body{border-bottom:1px solid rgba(75,85,99,.4)}body.dark .modal-overlay-section-mobile .modal-section-mobile .modal-body p{color:#e3e3e3}body.dark .modal-overlay-section-mobile .modal-section-mobile .modal-body .button-edu{background-color:#0a8fdc;color:#fff}body.dark .modal-overlay-section-mobile .modal-section-mobile .modal-body .button-edu:hover{background-color:#0369a1}body.dark .modal-overlay-section-mobile .modal-section-mobile .modal-footer p{color:#e3e3e3}body.dark .modal-overlay-section-mobile .modal-section-mobile .footer-section-container{background:#1e1f20}.modal-overlay-section-mobile{position:fixed;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:1000;padding:12px;box-sizing:border-box}.modal-overlay-section-mobile .modal-section-mobile{background:#fff;width:100%;max-height:85vh;display:flex;flex-direction:column;border-radius:20px;box-shadow:0 -4px 6px rgba(0,0,0,.1);transform:translateY(110%);transition:transform .3s ease-in-out}.modal-overlay-section-mobile .modal-section-mobile .modal-header{padding:15px;border-bottom:1px solid #ddd;flex-shrink:0}.modal-overlay-section-mobile .modal-section-mobile .modal-header .close-modal-new{margin-left:auto;cursor:pointer}.modal-overlay-section-mobile .modal-section-mobile .modal-content-scrollable{overflow-y:auto;padding:20px;flex-grow:1;min-height:0}.modal-overlay-section-mobile .modal-section-mobile .modal-body{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px}.modal-overlay-section-mobile .modal-section-mobile .modal-body .auto-switch-controls,.modal-overlay-section-mobile .modal-section-mobile .modal-body .smart-controls{display:flex;flex-direction:column;gap:16px}.modal-overlay-section-mobile .modal-section-mobile .modal-body .button-edu{width:100%;justify-content:center}.modal-overlay-section-mobile .modal-section-mobile .modal-footer p{font-weight:550}.modal-overlay-section-mobile .modal-section-mobile .footer-section-container{display:flex;flex-direction:column;gap:20px}.modal-overlay-section-mobile.show{opacity:1;visibility:visible}.modal-overlay-section-mobile.show .modal-section-mobile{transform:translateY(0)}body.dark .modal-overlay-section-mobile .modal-section-mobile{background:#1e1f20;color:#e3e3e3;box-shadow:0 -4px 6px rgba(0,0,0,.3)}body.dark .modal-overlay-section-mobile .modal-section-mobile .modal-body,body.dark .modal-overlay-section-mobile .modal-section-mobile .modal-header{border-bottom-color:rgba(75,85,99,.4)}.index-modal-mobile__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:flex-end;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.index-modal-mobile__overlay.show{opacity:1;visibility:visible}.index-modal-mobile__overlay.show .index-modal-mobile__container{transform:translateY(0)}.index-modal-mobile__overlay .index-modal-mobile__container{width:100%;max-height:70%;display:flex;flex-direction:column;border-top-left-radius:20px;border-top-right-radius:20px;transform:translateY(100%);transition:transform .35s ease-out;background-color:#f9fafb;color:#1f2937}body.dark .index-modal-mobile__overlay .index-modal-mobile__container{background-color:#282c2f;color:#f3f4f6}.index-modal-mobile__overlay .index-modal-mobile__header{flex-shrink:0;position:relative;text-align:center;padding:16px;border-bottom:1px solid #e5e7eb}body.dark .index-modal-mobile__overlay .index-modal-mobile__header{border-bottom-color:#404345}.index-modal-mobile__overlay .index-modal-mobile__header .drag-handle-mobile__header{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:2px;background-color:#d1d5db}body.dark .index-modal-mobile__overlay .index-modal-mobile__header .drag-handle-mobile__header{background-color:#4b5563}.index-modal-mobile__overlay .index-modal-mobile__header .title-mobile__header{font-size:16px;font-weight:600}.index-modal-mobile__overlay .index-modal-mobile__header .close-btn-mobile__header{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;background-color:transparent;color:#6b7280}body.dark .index-modal-mobile__overlay .index-modal-mobile__header .close-btn-mobile__header{color:#9ca3af}body.dark .index-modal-mobile__overlay .index-modal-mobile__header .close-btn-mobile__header:hover{background-color:#404345}.index-modal-mobile__overlay .index-modal-mobile__header .close-btn-mobile__header:hover{background-color:#f3f4f6}.index-modal-mobile__overlay .index-modal-mobile__body{flex-grow:1;overflow-y:auto;padding:16px 16px 32px}.index-modal-mobile__overlay .index-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px;margin-bottom:20px;padding:12px;border-radius:12px;background-color:#ffffff}body.dark .index-modal-mobile__overlay .index-legend{background-color:#1b1c1d}.index-modal-mobile__overlay .index-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#4b5563}body.dark .index-modal-mobile__overlay .index-legend .legend-item{color:#d1d5db}.index-modal-mobile__overlay .index-legend .legend-item.success{color:#16a34a}body.dark .index-modal-mobile__overlay .index-legend .legend-item.success{color:#4ade80}.index-modal-mobile__overlay .index-legend .legend-item.wrong{color:#dc2626}body.dark .index-modal-mobile__overlay .index-legend .legend-item.wrong{color:#f87171}.index-modal-mobile__overlay .index-legend .legend-item.approx{color:#d97706}body.dark .index-modal-mobile__overlay .index-legend .legend-item.approx{color:#facc15}.index-modal-mobile__overlay .index-legend .legend-item.answered{color:#6b7280}body.dark .index-modal-mobile__overlay .index-legend .legend-item.answered{color:#9ca3af}.index-modal-mobile__overlay .index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:12px}.index-modal-mobile__overlay .index-grid .index-item{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease-in-out;background-color:#ffffff;border:1px solid #e5e7eb;color:#4b5563}body.dark .index-modal-mobile__overlay .index-grid .index-item{background-color:#1b1c1d;border-color:#404345;color:#9ca3af}.index-modal-mobile__overlay .index-grid .index-item.answered{background-color:#f3f4f6;border-color:#d1d5db;color:#4b5563}body.dark .index-modal-mobile__overlay .index-grid .index-item.answered{background-color:#374151;border-color:#6b7280;color:#d1d5db}.index-modal-mobile__overlay .index-grid .index-item.success{background-color:#f0fdf4;border-color:#4ade80;color:#15803d}body.dark .index-modal-mobile__overlay .index-grid .index-item.success{background-color:#166534;border-color:#4ade80;color:#86efac}.index-modal-mobile__overlay .index-grid .index-item.wrong{background-color:#fef2f2;border-color:#f87171;color:#b91c1c}body.dark .index-modal-mobile__overlay .index-grid .index-item.wrong{background-color:#7f1d1d;border-color:#f87171;color:#fca5a5}.index-modal-mobile__overlay .index-grid .index-item.approximately{background-color:#fefce8;border-color:#facc15;color:#a16207}body.dark .index-modal-mobile__overlay .index-grid .index-item.approximately{background-color:#713f12;border-color:#facc15;color:#fde047}.index-modal-mobile__overlay .index-grid .index-item.active{transform:scale(1.05);background-color:#dbeafe;border-color:#3b82f6;color:#1e3a8a;box-shadow:0 4px 12px rgba(59,130,246,.2)}body.dark .index-modal-mobile__overlay .index-grid .index-item.active{background-color:#222426;border-color:#60a5fa;color:#eff6ff;box-shadow:0 4px 12px rgba(96,165,250,.2)}#header-edu{height:10vh;flex:0 0 auto;border-bottom:1px solid rgba(0,0,0,.12);background-color:rgb(255,255,255);padding:0 28px}@media (max-width:768px){#header-edu{border-bottom:none}}#header-edu .container-header{justify-content:space-between;gap:20px}#header-edu .container-header,#header-edu .container-header .left .bars-responsive{display:flex;align-items:center}#header-edu .container-header .left .bars-responsive .fa-bars{display:none}@media (max-width:768px){#header-edu .container-header .center .form-input{width:100%}}#header-edu .container-header .right{display:flex;align-items:center;gap:10px}#header-edu .container-header .right .signin-signup{display:flex;align-items:center;gap:20px}#header-edu .container-header .right .signin-signup button{border:none;outline:none;box-shadow:none;display:block;background:transparent;font-weight:600}#header-edu .container-header .right .signin-signup button:nth-of-type(2){flex-shrink:0;padding:9px 20px;border-radius:99px;color:#fff;background:linear-gradient(to right bottom,rgb(10,143,220),rgb(0,102,204));font-weight:600;cursor:pointer;transition:opacity .25s}#header-edu .container-header .right .signin-signup button:nth-of-type(2):hover{background:linear-gradient(to right bottom,rgb(5,120,190),rgb(0,85,170))}@media (max-width:768px){#header-edu .container-header .left .bars-responsive{gap:30px}#header-edu .container-header .left .bars-responsive .fa-bars{display:block;font-size:20px}}.table-list{height:75%;border-radius:6px;overflow-y:auto;overflow-x:auto}.table-list .table-row{display:flex;border-bottom:1px solid #ddd}.table-list .table-row:nth-child(odd){background-color:#F3F2F1}.table-list .table-row:nth-child(2n){background-color:#fff}.table-list .table-row:last-child{border-bottom:none}.table-list .table-row .table-cell{padding:10px;flex:1;word-break:break-all}.table-list .table-row .table-cell:first-child{flex:0.3}.table-list .table-row .table-cell:nth-child(2){flex:3}.table-list .table-row .table-cell:last-child{display:flex;gap:15px;justify-content:center}.table-list .table-row .table-cell .icon-wrapper{position:relative;display:inline-block;cursor:pointer}.table-list .table-row .table-cell .icon-wrapper .tooltip{position:absolute;z-index:9999;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.table-list .table-row .table-cell .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.table-list .table-row .table-cell .container-action{display:flex;flex-direction:column;gap:8px}.table-list .table-row .table-cell .container-action .item-action a{color:#000000}.table-list .table-row.header{font-weight:700;background-color:#fff;position:sticky;top:0;z-index:990}@media (max-width:575.98px){.table-list{margin-top:90px;height:auto;overflow-y:unset}.table-list .table-row{min-width:1000px}.table-list .table-row .table-cell{padding:8px;font-size:12.5px}.table-list .table-row .table-cell:first-child,.table-list .table-row .table-cell:nth-child(2){position:sticky;left:0;z-index:1;background-color:#fff;box-shadow:1px 0 5px rgba(0,0,0,.1)}.table-list .table-row .table-cell:nth-child(2){flex:1}}@media (min-width:576px) and (max-width:767.98px){.table-list{margin-top:90px;height:auto;overflow-y:unset}.table-list .table-row{min-width:1000px}.table-list .table-row .table-cell{padding:8px;font-size:12.5px}.table-list .table-row .table-cell:first-child,.table-list .table-row .table-cell:nth-child(2){position:sticky;left:0;z-index:1;background-color:#fff;box-shadow:1px 0 5px rgba(0,0,0,.1)}.table-list .table-row .table-cell:nth-child(2){flex:1}}.table-list-detail{height:75%;border-radius:6px;overflow-y:auto;overflow-x:auto}.table-list-detail .table-row{display:flex;border-bottom:1px solid #ddd}.table-list-detail .table-row:nth-child(odd){background-color:#F3F2F1}.table-list-detail .table-row:nth-child(2n){background-color:#fff}.table-list-detail .table-row:last-child{border-bottom:none}.table-list-detail .table-row .table-cell{padding:10px;flex:1;word-break:break-all}.table-list-detail .table-row .table-cell:first-child{flex:0.3}.table-list-detail .table-row .table-cell:nth-child(2){flex:2}.table-list-detail .table-row .table-cell:last-child{display:flex;gap:15px;justify-content:center}.table-list-detail .table-row .table-cell .icon-wrapper{position:relative;display:inline-block;cursor:pointer}.table-list-detail .table-row .table-cell .icon-wrapper .tooltip{position:absolute;z-index:9999;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.table-list-detail .table-row .table-cell .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.table-list-detail .table-row .table-cell .container-action{display:flex;flex-direction:column;gap:8px}.table-list-detail .table-row .table-cell .container-action .item-action a{color:#000000}.table-list-detail .table-row .table-cell .qr-image{width:70px;height:70px;border:1px solid green;border-radius:8px}.table-list-detail .table-row.header{font-weight:700;background-color:#fff;position:sticky;top:0;z-index:990}@media (max-width:575.98px){.table-list-detail{height:auto;overflow-y:unset}.table-list-detail .table-row{min-width:1000px}.table-list-detail .table-row .table-cell{padding:8px;font-size:12.5px}.table-list-detail .table-row .table-cell:first-child,.table-list-detail .table-row .table-cell:nth-child(2){position:sticky;left:0;z-index:1;background-color:#fff;box-shadow:1px 0 5px rgba(0,0,0,.1)}.table-list-detail .table-row .table-cell:first-child{flex:0.2}.table-list-detail .table-row .table-cell:nth-child(2){flex:1}}@media (min-width:576px) and (max-width:767.98px){.table-list-detail{height:auto;overflow-y:unset}.table-list-detail .table-row{min-width:1000px}.table-list-detail .table-row .table-cell{padding:8px;font-size:12.5px}.table-list-detail .table-row .table-cell:first-child,.table-list-detail .table-row .table-cell:nth-child(2){position:sticky;left:0;z-index:1;background-color:#fff;box-shadow:1px 0 5px rgba(0,0,0,.1)}.table-list-detail .table-row .table-cell:nth-child(2){flex:1.5}}.event-header{position:fixed;top:0;left:0;width:100%;height:72px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12);padding:0 20px;z-index:1000;display:flex;align-items:center;justify-content:space-between;-webkit-transform:translateZ(0)}.event-header .left{flex:1;display:flex;align-items:center}.event-header .left .bars-responsive{display:flex;align-items:center;gap:16px}.event-header .left .bars-responsive .fa-bars{padding:5px;display:none;font-size:20px;cursor:pointer;color:#4b5563}@media (max-width:1200px){.event-header .left .bars-responsive .fa-bars{display:block}}.event-header .left .bars-responsive .header-brand{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer;transition:opacity .2s}.event-header .left .bars-responsive .header-brand:hover{opacity:.8}.event-header .left .bars-responsive .header-brand .brand-icon{width:32px;height:32px;color:#2563eb}.event-header .left .bars-responsive .header-brand .brand-icon svg{width:100%;height:100%}.event-header .left .bars-responsive .header-brand .brand-text{font-size:20px;font-weight:700;margin:0;color:#1f2937;letter-spacing:-.5px}.event-header .center-quiz-info{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.event-header .center-quiz-info .quiz-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563;max-width:400px}.event-header .center-quiz-info .quiz-meta .exam-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-header .center-quiz-info .quiz-meta .divider{opacity:.5}.event-header .center-quiz-info .quiz-meta .section-name{opacity:.8}.event-header .center-quiz-info .quiz-controls{display:flex;align-items:center;gap:12px}.event-header .center-quiz-info .quiz-controls .smart-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-weight:600;font-size:13px;white-space:nowrap;transition:all .3s ease;min-width:80px;justify-content:center;height:32px}.event-header .center-quiz-info .quiz-controls .smart-badge.countdown{background-color:#eff6ff;color:#3b82f6;border:1px solid #dbeafe}.event-header .center-quiz-info .quiz-controls .smart-badge.reading{background-color:#fff7ed;color:#f59e0b;border:1px solid #ffedd5}.event-header .center-quiz-info .quiz-controls .smart-badge.revealing,.event-header .center-quiz-info .quiz-controls .smart-badge.success{background-color:#f0fdf4;color:#22c55e;border:1px solid #dcfce7}.event-header .center-quiz-info .quiz-controls .smart-badge .icon-pulse{animation:header-desktop-pulse-opacity 1.5s infinite}.event-header .center-quiz-info .quiz-controls .pause-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #e5e7eb;background-color:transparent;color:#6b7280;cursor:pointer;transition:all .2s}.event-header .center-quiz-info .quiz-controls .pause-btn:hover{background-color:#f3f4f6;color:#111}.event-header .center-quiz-info .quiz-controls .pause-btn.active{background-color:#fee2e2;color:#ef4444;border-color:#fca5a5;animation:header-desktop-pulse-border 2s infinite}.event-header .right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:10px}.event-header .right .signin-signup{display:flex;align-items:center;gap:20px}.event-header .right .signin-signup button{border:none;outline:none;box-shadow:none;display:block;background:transparent;font-weight:600}.event-header .right .profile{position:relative}.event-header .right .profile .imgBx{cursor:pointer;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid transparent;transition:border-color .2s ease}.event-header .right .profile .imgBx:hover{border-color:#007bff}.event-header .right .profile .imgBx img{width:100%;height:100%;object-fit:cover}.event-header .right .profile .menu{position:absolute;top:calc(100% + 15px);right:0;width:280px;background-color:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.1);padding:12px 0;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transform-origin:top right;transition:opacity .2s,transform .2s,visibility .2s}.event-header .right .profile .menu.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.event-header .right .profile .menu:before{content:"";position:absolute;top:-6px;right:14px;width:10px;height:10px;background-color:#fff;border-left:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.1);transform:rotate(45deg)}.event-header .right .profile .menu .menu-header{padding:8px 20px}.event-header .right .profile .menu .menu-header h3{font-size:16px;font-weight:600;margin:0;color:#333}.event-header .right .profile .menu .menu-header p{font-size:14px;color:#666;margin:4px 0 0;word-break:break-all}.event-header .right .profile .menu .menu-separator{height:1px;background-color:#e0e0e0;margin:12px 0}.event-header .right .profile .menu ul li{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background-color .2s ease}.event-header .right .profile .menu ul li:hover{background-color:#f5f5f5}.event-header .right .profile .menu ul li .fa-icon{font-size:16px;width:20px;text-align:center;color:#555}.event-header .right .profile .menu ul li a{text-decoration:none;color:#333;font-weight:500;font-size:15px}body.dark .event-header{background-color:rgb(30,31,32);border-bottom:1px solid rgba(75,85,99,.4);color:#e5e5e5}body.dark .event-header .center-quiz-info .quiz-meta{color:#d1d5db}body.dark .event-header .center-quiz-info .quiz-controls .smart-badge.countdown{background-color:rgba(59,130,246,.15);color:#60a5fa;border-color:rgba(59,130,246,.3)}body.dark .event-header .center-quiz-info .quiz-controls .smart-badge.reading{background-color:rgba(245,158,11,.15);color:#fbbf24;border-color:rgba(245,158,11,.3)}body.dark .event-header .center-quiz-info .quiz-controls .smart-badge.revealing,body.dark .event-header .center-quiz-info .quiz-controls .smart-badge.success{background-color:rgba(34,197,94,.15);color:#4ade80;border-color:rgba(34,197,94,.3)}body.dark .event-header .center-quiz-info .quiz-controls .pause-btn{border-color:#4b5563;color:#9ca3af}body.dark .event-header .center-quiz-info .quiz-controls .pause-btn:hover{background-color:#374151;color:#fff}body.dark .event-header .center-quiz-info .quiz-controls .pause-btn.active{background-color:rgba(239,68,68,.2);color:#fca5a5;border-color:rgba(239,68,68,.4)}body.dark .event-header .left .bars-responsive .fa-bars{color:#9ca3af}body.dark .event-header .left .bars-responsive .header-brand .brand-icon{color:#60a5fa}body.dark .event-header .left .bars-responsive .header-brand .brand-text{color:#f3f4f6}body.dark .event-header .right .signin-signup button{color:#e5e5e5}body.dark .event-header .right .profile .menu{background-color:#2a2a2e;border:1px solid #404040;box-shadow:0 10px 30px rgba(0,0,0,.25)}body.dark .event-header .right .profile .menu:before{background-color:#2a2a2e;border-color:#404040}body.dark .event-header .right .profile .menu .menu-header h3{color:#e5e5e5}body.dark .event-header .right .profile .menu .menu-header p{color:#a9a9a9}body.dark .event-header .right .profile .menu .menu-separator{background-color:#404040}body.dark .event-header .right .profile .menu ul li:hover{background-color:#3a3a3e}body.dark .event-header .right .profile .menu ul li .fa-icon,body.dark .event-header .right .profile .menu ul li a{color:#e5e5e5}@keyframes header-desktop-pulse-opacity{0%,to{opacity:1}50%{opacity:.6}}@keyframes header-desktop-pulse-border{0%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}70%{box-shadow:0 0 0 6px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.event-table-detail{border-radius:6px;overflow-x:auto}.event-table-detail .table-row{display:flex;border-bottom:1px solid #ddd}.event-table-detail .table-row:nth-child(odd){background-color:#F3F2F1}.event-table-detail .table-row:nth-child(2n){background-color:#fff}.event-table-detail .table-row:last-child{border-bottom:none}.event-table-detail .table-row .table-cell{padding:10px;flex:1;word-break:break-all}.event-table-detail .table-row .table-cell:first-child{flex:0.3}.event-table-detail .table-row .table-cell:nth-child(2){flex:2}.event-table-detail .table-row .table-cell:last-child{display:flex;gap:15px;justify-content:center}.event-table-detail .table-row .table-cell .icon-wrapper{position:relative;display:inline-block;cursor:pointer}.event-table-detail .table-row .table-cell .icon-wrapper .tooltip{position:absolute;z-index:9999;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.event-table-detail .table-row .table-cell .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.event-table-detail .table-row .table-cell .container-action{display:flex;flex-direction:column;gap:8px}.event-table-detail .table-row .table-cell .container-action .item-action a{color:#000000}.event-table-detail .table-row .table-cell .container-action .item-action a span{margin-left:5px}.event-table-detail .table-row .table-cell .qr-image{width:70px;height:70px;border:1px solid green;border-radius:8px}.event-table-detail .table-row.header{font-weight:700;background-color:#fff;position:sticky;top:0;z-index:990}@media (max-width:575.98px){.event-table-detail .table-row{min-width:1000px}.event-table-detail .table-row .table-cell{padding:8px;font-size:12.5px}.event-table-detail .table-row .table-cell:first-child,.event-table-detail .table-row .table-cell:nth-child(2){position:sticky;left:0;z-index:1;background-color:#fff;box-shadow:1px 0 5px rgba(0,0,0,.1)}.event-table-detail .table-row .table-cell:first-child{flex:0.2}.event-table-detail .table-row .table-cell:nth-child(2){flex:1}.event-table-detail .table-row .table-cell .profile-table img{width:30px;height:30px}}@media (min-width:576px) and (max-width:767.98px){.event-table-detail .table-row{min-width:1000px}.event-table-detail .table-row .table-cell{padding:8px;font-size:12.5px}.event-table-detail .table-row .table-cell:first-child,.event-table-detail .table-row .table-cell:nth-child(2){position:sticky;left:0;z-index:1;background-color:#fff;box-shadow:1px 0 5px rgba(0,0,0,.1)}.event-table-detail .table-row .table-cell:nth-child(2){flex:1.5}.event-table-detail .table-row .table-cell .profile-table img{width:30px;height:30px}}.event-table-list{border-radius:6px;overflow-x:auto}.event-table-list .table-row{display:flex;border-bottom:1px solid #ddd}.event-table-list .table-row:nth-child(odd){background-color:#F3F2F1}.event-table-list .table-row:nth-child(2n){background-color:#fff}.event-table-list .table-row:last-child{border-bottom:none}.event-table-list .table-row .table-cell{padding:10px;flex:1;word-break:break-all}.event-table-list .table-row .table-cell:first-child{flex:0.3}.event-table-list .table-row .table-cell:nth-child(2){flex:2}.event-table-list .table-row .table-cell:nth-child(4),.event-table-list .table-row .table-cell:nth-child(8){flex:1.3}.event-table-list .table-row .table-cell:last-child{display:flex;gap:15px;justify-content:center}.event-table-list .table-row .table-cell .icon-wrapper{position:relative;display:inline-block;cursor:pointer}.event-table-list .table-row .table-cell .icon-wrapper .tooltip{position:absolute;z-index:9999;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.event-table-list .table-row .table-cell .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.event-table-list .table-row .table-cell .container-action{display:flex;flex-direction:column;gap:8px}.event-table-list .table-row .table-cell .container-action .item-action a{color:#000000}.event-table-list .table-row .table-cell .container-action .item-action a span{margin-left:5px;font-size:12.5px}.event-table-list .table-row .table-cell .qr-image{width:70px;height:70px;border:1px solid green;border-radius:8px}.event-table-list .table-row.header{font-weight:700;background-color:#fff;position:sticky;top:0;z-index:990}@media (max-width:575.98px){.event-table-list .table-row{min-width:1000px}.event-table-list .table-row .table-cell{padding:8px;font-size:12.5px}.event-table-list .table-row .table-cell:first-child,.event-table-list .table-row .table-cell:nth-child(2){position:sticky;left:0;z-index:1;background-color:#fff;box-shadow:1px 0 5px rgba(0,0,0,.1)}.event-table-list .table-row .table-cell:first-child{font-size:10px;flex:0.1}.event-table-list .table-row .table-cell:nth-child(2){flex:1.5}}@media (min-width:576px) and (max-width:767.98px){.event-table-list .table-row{min-width:1000px}.event-table-list .table-row .table-cell{padding:8px;font-size:12.5px}.event-table-list .table-row .table-cell:first-child,.event-table-list .table-row .table-cell:nth-child(2){position:sticky;left:0;z-index:1;background-color:#fff;box-shadow:1px 0 5px rgba(0,0,0,.1)}.event-table-list .table-row .table-cell:first-child{flex:0.1}.event-table-list .table-row .table-cell:nth-child(2){flex:1.5}}.event-breadcrumb{position:fixed;top:72px;left:112px;width:calc(100% - 112px);background-color:#fff;padding:10px 20px;z-index:998;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:10px;transition:left .3s ease,width .3s ease}.event-breadcrumb ol{display:inline-flex;align-items:center;gap:4px}@media (min-width:768px){.event-breadcrumb ol{gap:8px}}.event-breadcrumb ol.rtl{flex-direction:row-reverse}.event-breadcrumb li,.event-breadcrumb li a{display:inline-flex;align-items:center}.event-breadcrumb li a{font-size:15px;font-weight:550;color:rgb(55,65,81);text-decoration:none}@media (max-width:768px){.event-breadcrumb li a{font-size:12px}}.event-breadcrumb li a:hover{color:#2563eb}.event-breadcrumb li a.dark{color:#a0aec0}.event-breadcrumb li a.dark:hover{color:#fff}.event-breadcrumb li a i{margin-inline-end:10px}.event-breadcrumb .divider{display:flex;align-items:center}.event-breadcrumb .divider i{transform-origin:center;color:#cbd5e0;margin-inline:4px}.event-breadcrumb .divider i.rtl{transform:rotate(180deg)}.event-breadcrumb .divider a{margin-inline-start:4px;font-size:14px;font-weight:500;color:#4a5568}@media (max-width:768px){.event-breadcrumb .divider a{font-size:12px}}@media (min-width:768px){.event-breadcrumb .divider a{margin-inline-start:8px}}.event-breadcrumb .divider a:hover{color:#2563eb}.event-breadcrumb .divider a.dark{color:#a0aec0}.event-breadcrumb .divider a.dark:hover{color:#fff}.event-breadcrumb .divider span{display:-webkit-box;margin-inline-start:4px;font-size:14px;font-weight:500;color:#a0aec0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-height:1.5;max-height:3em}@media (min-width:768px){.event-breadcrumb .divider span{margin-inline-start:8px}}@media (max-width:768px){.event-breadcrumb .divider span{font-size:12px}}.event-breadcrumb .divider span.dark{color:#a0aec0}@media (max-width:992px){.event-breadcrumb{left:0;width:100%}}.event-table-filter{width:100%;position:sticky;top:116px;background-color:#f8f9fa;padding:10px;z-index:998;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:2px;box-shadow:0 2px 5px rgba(0,0,0,.1)}@media (max-width:1200px){.event-table-filter{flex-direction:column;align-items:unset}}@media (max-width:768px){.event-table-filter{top:111px}}.event-table-filter .options .search-box .box-search{padding:5px}.event-table-filter .option-left{display:flex;align-items:center;gap:25px}@media (max-width:768px){.event-table-filter .option-left{gap:5px;flex-wrap:wrap}}.event-table-filter .option-left .radio-item label{padding:8px;gap:5px}@media (max-width:768px){.event-table-filter .option-left .radio-item label{padding:4px}}.event-table-filter .option-left .radio-item label .custom-radio{border-width:1px;height:16px;width:16px;background-color:#fff}.event-table-filter .option-left .radio-item label .custom-radio:before{height:10px;width:10px}.event-table-filter .option-left .radio-item label .toolbar-total .title-total{color:#6B7280}@media (max-width:768px){.event-table-filter .option-left .radio-item label .toolbar-total .title-total{font-size:13px}}.event-table-filter .option-left .radio-item label .toolbar-total .result-total{color:#000000}@media (max-width:768px){.event-table-filter .option-left .radio-item label .toolbar-total .result-total{font-size:13px}}.event-table-filter .option-left .radio-item input[type=radio]:checked+label{background-color:aliceblue}.event-content{margin-top:122px;margin-left:112px;padding:20px 35px;transition:margin-left .3s ease}@media (max-width:992px){.event-content{margin-left:0;padding:0 20px 20px}}.event-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.event-overlay.active{display:block}.quiz-curd{flex:1;overflow-y:auto;padding:24px;scrollbar-gutter:stable}@media (max-width:768px){.quiz-curd{padding:16px}}.quiz-curd .quizz-add{display:flex;flex-direction:column;gap:20px;padding:0 40px 25px}.quiz-curd .quizz-add .quiz-add-header{background-color:#fff;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.133),0 .3px .9px 0 rgba(0,0,0,.11);border-radius:4px}.quiz-curd .quizz-add .quiz-add-body .save{margin-left:auto;margin-bottom:20px}.quiz-curd .quizz-add .quiz-add-body .information-exam{display:flex;gap:20px;align-items:flex-start}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left{width:20%;background-color:#fff;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.133),0 .3px .9px 0 rgba(0,0,0,.11);border-radius:12px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .image-box-title{font-weight:600;font-size:16px;display:block;margin-bottom:12px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .main-image{border:2px dashed #ccc;border-radius:8px;overflow:hidden;text-align:center;padding:8px;background:#f9f9f9;height:200px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .main-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:8px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .main-image .upload-note{font-size:13px;color:#777;margin-top:8px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list{margin-top:16px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-title{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-options{display:flex;gap:8px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-options .thumb{width:60px;height:40px;object-fit:cover;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:border .2s ease-in-out}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-options .thumb.active{border-color:#3b82f6}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-options .thumb:hover{border-color:#ccc}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right{background-color:#fff;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.133),0 .3px .9px 0 rgba(0,0,0,.11);border-radius:12px;width:80%;display:flex;flex-direction:column;padding:20px;gap:40px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .title-right{font-weight:600;font-size:16px;display:block}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body{display:flex;flex-direction:column;gap:30px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block{margin-top:8px;padding:12px 16px;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;transition:all .3s ease}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block{background-color:rgba(255,255,255,.02);border-color:rgba(255,255,255,.12)}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block .share-info{display:flex;flex-direction:column;gap:4px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block .share-info .share-desc{font-size:13px;color:#64748b}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block .share-info .share-desc{color:#a1a1aa}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block .share-info .share-count{font-size:12px;color:#10b981;font-weight:600}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block .share-info .share-count{color:#34d399}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block .btn-manage-access{padding:8px 16px;background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block .btn-manage-access:hover{background-color:#dbeafe}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block .btn-manage-access{background-color:rgba(37,99,235,.15);color:#60a5fa;border-color:rgba(37,99,235,.3)}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .share-access-block .btn-manage-access:hover{background-color:rgba(37,99,235,.25)}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .dropdown input{border:1px solid #d1d5db}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .dropdown .title{width:68px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-footer .button-edu{display:block;margin-left:auto}.quiz-curd .quizz-add .quiz-add-body .add-exam{display:flex;gap:20px;align-items:flex-start}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col{width:25%}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-header{display:flex;justify-content:space-between}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-header .section-header-1{display:flex;align-items:center;gap:10px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-header .section-header-2 button{font-size:13px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body p{text-align:center;font-style:italic}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item{display:flex;justify-content:space-between;padding:10px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-left .item-up{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-left .item-down{font-size:13px;color:#555}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right{font-size:15px;display:flex;align-items:center;gap:20px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right .icon-wrapper{position:relative;display:inline-block;cursor:pointer}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right .icon-wrapper .tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item.active{background-color:rgb(217,217,217);border-radius:4px}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{width:75%;padding:20px;background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header{padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-1{display:flex;align-items:center;gap:10px}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-1 h3{font-size:16px;color:#1f1f1f;font-weight:600;margin:0}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-2 button .fa-circle-plus,.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-2 button .fa-square-plus{font-size:16px}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-2 button.disabled{color:rgba(0,0,0,.26);box-shadow:none;background-color:rgba(0,0,0,.12)}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header{display:flex;justify-content:space-between;font-weight:700;margin-bottom:12px}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header span{color:#333333}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header .actions{display:flex;gap:8px}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header .actions i{cursor:pointer;color:#808080}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content{transition:max-height .3s ease;overflow:hidden;color:#222222}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content>p{margin-bottom:12px;line-height:1.5}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content ul{list-style:none;padding:0}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content ul li{margin-bottom:8px}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content ul li span>p{display:inline;margin:0;padding:0}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question.reading_comprehension .content .questions .question-item{margin-bottom:16px}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question.reading_comprehension .content .questions .question-item .question-item-question{margin-bottom:10px}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question.reading_comprehension .content .questions .question-item .question-item-question span{color:#333333;font-weight:700}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question.reading_comprehension .content .questions .question-item .question-item-question span p{display:inline}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question.matching .content ul li{display:flex;justify-content:space-between}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question.fill_in_the_blank .content ul li{font-style:italic}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .toggle-button{background:none;border:none;cursor:pointer;color:rgba(196,199,197,.5411764706);margin-top:8px;font-size:14px;font-weight:700;padding:4px 8px}@media (max-width:575.98px){.quiz-curd .quizz-add{border:none;box-shadow:none;padding:0 0 25px}.quiz-curd .quizz-add .quiz-add-body .information-exam{flex-direction:column;gap:20px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left,.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right{width:100%}.quiz-curd .quizz-add .quiz-add-body .add-exam{flex-direction:column;padding:20px 0;gap:20px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col{width:100%;border-right:none}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{width:100%}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body{max-height:none;height:auto;grid-template-columns:1fr}}@media (min-width:576px) and (max-width:767.98px){.quiz-curd{margin-left:0;padding:102px 20px 20px;width:100%}.quiz-curd .quizz-add{border:none;box-shadow:none;padding:0 0 25px}.quiz-curd .quizz-add .quiz-add-body .information-exam{flex-direction:column;gap:20px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left,.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right{width:100%}.quiz-curd .quizz-add .quiz-add-body .add-exam{flex-direction:column;gap:20px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col{width:100%;border-right:none}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{width:100%}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body{max-height:none;height:auto;grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991.98px){.quiz-curd{margin-left:0}.quiz-curd .quizz-add .quiz-add-body .add-exam{flex-direction:column;gap:20px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col{width:100%;border-right:none}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{width:100%}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body{max-height:none;height:auto;grid-template-columns:1fr}.quiz-curd .quizz-add .quiz-add-body .information-exam{flex-direction:column;gap:20px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left,.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right{width:100%}}@media (min-width:992px) and (max-width:1199.98px){.quiz-curd{margin-left:0}.quiz-curd .quizz-add .quiz-add-body .add-exam{flex-direction:column;gap:20px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col{width:100%;border-right:none}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{width:100%}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body{max-height:none;height:auto;grid-template-columns:1fr}.quiz-curd .quizz-add .quiz-add-body .information-exam{flex-direction:column;gap:20px}.quiz-curd .quizz-add .quiz-add-body .information-exam .information-left,.quiz-curd .quizz-add .quiz-add-body .information-exam .information-right{width:100%}}@media (min-width:1200px) and (max-width:1399.98px){.quiz-curd{padding:102px 20px 20px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col{width:30%}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{width:70%}}body.dark .quiz-curd{scrollbar-color:#555 transparent}body.dark .quiz-curd .quizz-add .quiz-add-header{background-color:rgb(30,31,32);box-shadow:0 4px 20px rgba(0,0,0,.4)}body.dark .quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{background-color:inherit;border:1px solid rgba(74,80,80,.5215686275)}body.dark .quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-1 h3{color:#e3e3e3}body.dark .quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body{scrollbar-color:#555 transparent;scrollbar-width:thin}body.dark .quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body>p{color:#e3e3e3}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-left,body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-right{background-color:rgb(30,31,32);box-shadow:none}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .image-box-title{color:#f3f4f6}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .main-image{border-color:#4b5563;background:#374151}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .exam-image-box .upload-note{color:#9ca3af}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .thumb-list .thumb-title{color:#f3f4f6}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .thumb-list .thumb-options .thumb.active{border-color:#60a5fa}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-left .thumb-list .thumb-options .thumb:hover{border-color:#4b5563}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .title-right{color:#f3f4f6}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .dropdown .title,body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .floating-label{color:#d1d5db}body.dark .quiz-curd .quizz-add .quiz-add-body .information-exam .information-right .information-body .dropdown input{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;margin:20px auto;background-color:#f9fafb;border-radius:12px;border:1px dashed #d1d5db;max-width:100%;color:#6b7280}.empty-state .empty-state-icon{color:#9ca3af;margin-bottom:16px}.empty-state .empty-state-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px}.empty-state .empty-state-text{font-size:14px;line-height:1.5;max-width:90%}.empty-state-icon.error{color:#dc2626}.retry-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;background-color:#007bff;color:white;font-weight:500;font-size:14px;cursor:pointer;margin-top:16px;transition:background-color .2s ease}.retry-button:hover{background-color:#0056b3}.retry-button:disabled{background-color:#cccccc;cursor:not-allowed}.retry-button svg{width:16px;height:16px}body.dark .empty-state{border-color:rgba(75,85,99,.4);background-color:#282a2c;color:#9ca3af}body.dark .empty-state .empty-state-icon{color:#6b7280}body.dark .empty-state .empty-state-title{color:#f9fafb}.container-edu-all-exam-ver2{display:flex;flex-direction:column;flex:1;padding:20px 30px;background-color:rgb(249,250,251)}@media (max-width:575.98px){.container-edu-all-exam-ver2{width:100%}}@media (min-width:576px) and (max-width:767.98px){.container-edu-all-exam-ver2{width:540px}}@media (min-width:768px) and (max-width:991.98px){.container-edu-all-exam-ver2{width:720px}}@media (min-width:992px) and (max-width:1199.98px){.container-edu-all-exam-ver2{width:960px}}@media (min-width:1200px) and (max-width:1399.98px){.container-edu-all-exam-ver2{width:1140px}}@media (min-width:1400px) and (max-width:1569.98px){.container-edu-all-exam-ver2{width:1320px}}@media (min-width:1570px){.container-edu-all-exam-ver2{width:1570px}}.container-edu-all-exam-ver2 .section-search{border-top-right-radius:16px;border-top-left-radius:16px;padding:10px 24px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12);height:60px}.container-edu-all-exam-ver2 .section-search .section-search-header{display:flex;align-items:center;justify-content:space-between}.container-edu-all-exam-ver2 .section-search .section-search-header span{color:rgb(17,24,39);font-weight:600;font-size:16px}.container-edu-all-exam-ver2 .section-list{width:100%;background-color:#fff;color:rgb(17,24,39);box-shadow:0 10px 10px 4px rgba(0,0,0,.04);overflow-y:auto;border-bottom-right-radius:16px;border-bottom-left-radius:16px}@media (max-width:575.98px){.container-edu-all-exam-ver2 .section-list{overflow-y:hidden}}.container-edu-all-exam-ver2 .section-list .section-item{padding:24px}.container-edu-all-exam-ver2 .section-list .section-item .section-item-header{display:flex;align-items:center;justify-content:space-between}.container-edu-all-exam-ver2 .section-list .section-item .section-item-header span{color:rgb(17,24,39);font-weight:600;font-size:16px}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content{height:100%}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item{background-color:#fff;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:1rem;border:1px solid #d1d5db;border-radius:16px}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .image-container{border-radius:16px;position:relative;height:16rem;overflow:hidden}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .image-container .quiz-image{position:absolute;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info{margin-top:2rem}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info h2{font-weight:600}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author-date{display:flex;align-items:center;margin:2rem 0;justify-content:space-between}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author-date .author{display:flex;align-items:center;gap:.5rem}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author-date .author .author-icon{background-color:#3b82f6;border-radius:50%;height:2rem;width:2rem;display:flex;align-items:center;justify-content:center}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author-date .author .author-icon span{color:#fff}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats{display:flex;gap:2rem;margin:2rem 0}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item{display:flex;align-items:center;gap:.25rem}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item i.fa-question-circle{color:#f97316}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item i.fa-chart-bar{color:#10b981}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item i.fa-thumbs-up{color:#3b82f6}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item i.fa-arrow-down,.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item i.fa-download{color:#10b981}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item .icon-wrapper{position:relative;display:inline-block;cursor:pointer}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item .icon-wrapper .tooltip{font-size:10px;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:5px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-tags{display:flex;gap:1rem;margin:15px 0}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-tags .tag{background-color:#e5e7eb;border-radius:9999px;padding:.8rem;overflow:hidden}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .start-btn{outline:none;border:none;background-color:#3b82f6;color:#fff;border-radius:9999px;padding:.5rem 1rem;margin-top:1rem;cursor:pointer}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .start-btn:hover{background-color:#2563eb}.exams-page-container{display:flex;flex-direction:column}.section-sort-tabs-wrapper{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px;flex-shrink:0}.section-sort-tabs-wrapper .sort-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease;color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb}.section-sort-tabs-wrapper .sort-tab:hover{background-color:#f3f4f6;color:#1f2937}.section-sort-tabs-wrapper .sort-tab.active{color:#3b82f6;background-color:rgba(59,130,246,.1);border-color:#3b82f6}body.dark .section-sort-tabs-wrapper .sort-tab{color:#aaaaaa;background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}body.dark .section-sort-tabs-wrapper .sort-tab:hover{background-color:#282a2c;color:#e3e3e3}body.dark .section-sort-tabs-wrapper .sort-tab.active{color:#3b82f6;background-color:rgba(59,130,246,.15);border-color:#3b82f6}.section-sort-tabs-wrapper .sort-tab.skeleton-tab{opacity:.5;background-color:#f9fafb;border-color:#e5e7eb}body.dark .section-sort-tabs-wrapper .sort-tab.skeleton-tab{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.quizz-all{background-color:#ffffff;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.133),0 .3px .9px 0 rgba(0,0,0,.11);border-radius:16px;display:flex;flex-direction:column;flex-grow:1;min-height:0}body.dark .quizz-all{background-color:#1b1b1b;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.4),0 .3px .9px 0 rgba(0,0,0,.3)}.quizz-all .section-search{border-top-right-radius:16px;border-top-left-radius:16px;padding:10px 24px;background-color:#ffffff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.quizz-all .section-search .result-all-my{display:flex;gap:8px;align-items:center}.quizz-all .section-search .result-all-my .number-all-my{font-size:18px;color:#3b82f6}.quizz-all .section-search .result-all-my .text-all-my{color:#4b5563}body.dark .quizz-all .section-search .result-all-my .text-all-my{color:#aaaaaa}body.dark .quizz-all .section-search{background-color:rgb(30,31,32);border-bottom-color:rgba(75,85,99,.4)}.quizz-all .section-search .section-search-header{display:flex;align-items:center;justify-content:space-between}@media (max-width:575.98px){.quizz-all .section-search .section-search-header{gap:5px;flex-direction:column}}.quizz-all .section-search .section-search-header .search-input-wrapper-list{position:relative;flex-grow:1}.quizz-all .section-search .section-search-header .search-icon-left-btn{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#6b7280;z-index:2}body.dark .quizz-all .section-search .section-search-header .search-icon-left-btn{color:#aaaaaa}.quizz-all .section-search .section-search-header .search-input{padding-left:40px!important;flex-grow:1;padding-top:8px;padding-bottom:8px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background-color:#ffffff;color:#1f2937}body.dark .quizz-all .section-search .section-search-header .search-input{background-color:rgb(30,31,32);border-color:rgba(107,114,128,.1098039216);color:#e3e3e3}.quizz-all .section-search .section-search-header .search-input-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:0;z-index:2}body.dark .quizz-all .section-search .section-search-header .search-input-clear-btn{color:#aaaaaa}.quizz-all .section-search .section-search-header .search-suggestions-dropdown{position:absolute;top:110%;left:0;right:0;z-index:100;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:300px;overflow-y:auto}body.dark .quizz-all .section-search .section-search-header .search-suggestions-dropdown{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item{display:block;padding:10px 16px;font-size:14px;color:#1f2937;text-decoration:none;cursor:pointer;outline:none;border:none}.quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.loading{display:flex;align-items:center;gap:8px;color:#4b5563}body.dark .quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.loading{color:#aaaaaa}.quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.loading .animate-spin{animation:spin 1s linear infinite}body.dark .quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item{color:#e3e3e3}.quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item:hover{background-color:#f9fafb}body.dark .quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item:hover{background-color:#282a2c}.quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.submit-full{display:flex;align-items:center;gap:8px;padding-top:8px;padding-bottom:8px;color:#4b5563;font-weight:400;font-size:13px;font-style:italic}body.dark .quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.submit-full{color:#aaaaaa}.quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.submit-full:hover,body.dark .quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.submit-full:hover{background-color:transparent}.quizz-all .section-search .section-search-header .result-all{display:flex;gap:8px;align-items:center}.quizz-all .section-search .section-search-header .result-all .number-all{font-size:18px;color:#3b82f6}.quizz-all .section-search .section-search-header .result-all .text-all{color:#4b5563}body.dark .quizz-all .section-search .section-search-header .result-all .text-all{color:#aaaaaa}.quizz-all .section-search .section-search-header span{color:#1f2937;font-weight:600;font-size:16px}body.dark .quizz-all .section-search .section-search-header span{color:#e3e3e3}.quizz-all .section-search-my{border-top-right-radius:16px;border-top-left-radius:16px;padding:10px 24px;background-color:#ffffff;border-bottom:1px solid #e5e7eb;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.quizz-all .section-search-my .result-all-my{display:flex;gap:8px;align-items:center}.quizz-all .section-search-my .result-all-my .number-all-my{font-size:18px;color:#3b82f6}.quizz-all .section-search-my .result-all-my .text-all-my{color:#4b5563}body.dark .quizz-all .section-search-my .result-all-my .text-all-my{color:#aaaaaa}body.dark .quizz-all .section-search-my{background-color:rgb(30,31,32);border-bottom-color:rgba(75,85,99,.4)}.quizz-all .section-search-my .section-search-header{display:flex;align-items:center;justify-content:space-between}@media (max-width:575.98px){.quizz-all .section-search-my .section-search-header{gap:5px;flex-direction:column}}.quizz-all .section-search-my .section-search-header .search-input-wrapper-list{position:relative;flex-grow:1}.quizz-all .section-search-my .section-search-header .search-icon-left-btn{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#6b7280;z-index:2}body.dark .quizz-all .section-search-my .section-search-header .search-icon-left-btn{color:#aaaaaa}.quizz-all .section-search-my .section-search-header .search-input{padding-left:40px!important;flex-grow:1;padding-top:8px;padding-bottom:8px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background-color:#ffffff;color:#1f2937}body.dark .quizz-all .section-search-my .section-search-header .search-input{background-color:rgb(30,31,32);border-color:rgba(107,114,128,.1098039216);color:#e3e3e3}.quizz-all .section-search-my .section-search-header .search-input-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:0;z-index:2}body.dark .quizz-all .section-search-my .section-search-header .search-input-clear-btn{color:#aaaaaa}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown{position:absolute;top:110%;left:0;right:0;z-index:100;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:300px;overflow-y:auto}body.dark .quizz-all .section-search-my .section-search-header .search-suggestions-dropdown{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item{display:block;padding:10px 16px;font-size:14px;color:#1f2937;text-decoration:none;cursor:pointer;outline:none;border:none}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.loading{display:flex;align-items:center;gap:8px;color:#4b5563}body.dark .quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.loading{color:#aaaaaa}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.loading .animate-spin{animation:spin 1s linear infinite}body.dark .quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item{color:#e3e3e3}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item:hover{background-color:#f9fafb}body.dark .quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item:hover{background-color:#282a2c}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.submit-full{display:flex;align-items:center;gap:8px;padding-top:8px;padding-bottom:8px;color:#4b5563;font-weight:400;font-size:13px;font-style:italic}body.dark .quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.submit-full{color:#aaaaaa}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.submit-full:hover,body.dark .quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.submit-full:hover{background-color:transparent}.quizz-all .section-search-my .section-search-header .result-all{display:flex;gap:8px;align-items:center}.quizz-all .section-search-my .section-search-header .result-all .number-all{font-size:18px;color:#3b82f6}.quizz-all .section-search-my .section-search-header .result-all .text-all{color:#4b5563}body.dark .quizz-all .section-search-my .section-search-header .result-all .text-all{color:#aaaaaa}.quizz-all .section-search-my .section-search-header span{color:#1f2937;font-weight:600;font-size:16px}body.dark .quizz-all .section-search-my .section-search-header span{color:#e3e3e3}.quizz-all .section-list{width:100%;background-color:#ffffff;color:#1f2937;flex-grow:1;overflow-y:auto;min-height:0;scrollbar-width:thin}body.dark .quizz-all .section-list{background-color:#1b1b1b;color:#e3e3e3;scrollbar-color:#555 transparent}.quizz-all .section-list .section-item{padding:24px}@media (max-width:575.98px){.quizz-all .section-list .section-item{padding:16px}}.quizz-all .section-list .section-item .section-item-header{display:flex;align-items:center;justify-content:space-between}.quizz-all .section-list .section-item .section-item-header span{font-weight:600;font-size:16px;color:#1f2937}body.dark .quizz-all .section-list .section-item .section-item-header span{color:#e3e3e3}.quizz-all .section-list .section-item .section-item-content .card-container{padding-bottom:20px;gap:20px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.quizz-all .section-list .section-item .section-item-content .card-container .card-item{background-color:#ffffff;border-radius:8px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);border:1px solid #d1d5db}body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);box-shadow:0 .125rem .25rem rgba(0,0,0,.2)}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .image-container{border-top-left-radius:8px;border-top-right-radius:8px;position:relative;height:16rem;overflow:hidden}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .image-container .quiz-image{position:absolute;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover}.quizz-all .section-list .section-item .section-item-content .card-container .card-item h2{padding-left:1rem;padding-top:10px;color:#1f2937;font-weight:600}body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item h2{color:#e3e3e3}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info{display:flex;flex-direction:column;gap:10px;padding:0 1rem}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author,.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .date,.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .icon-wrapper,.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .stat-item{color:#6b7280}body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author,body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .date,body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .icon-wrapper,body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .stat-item{color:#aaaaaa}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author{display:flex;align-items:center;gap:.5rem}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author .author-icon{background-color:#3b82f6;border-radius:50%;height:2rem;width:2rem;display:flex;align-items:center;justify-content:center}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author .author-icon span{color:#fff}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author .author-name{margin-left:5px}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .date{display:flex;gap:10px;align-items:center}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats{display:flex;gap:2rem}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item{display:flex;align-items:center;gap:.25rem}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-tags{display:flex;gap:1rem}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-tags .tag{color:#4b5563;background-color:#f3f4f6;border-radius:9999px;padding:.8rem;overflow:hidden}body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-tags .tag{color:#aaaaaa;background-color:#282a2c}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .line-start{border:solid #e5e7eb;border-width:0 0 thin}body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item .line-start{border-color:rgba(75,85,99,.4)}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .start-btn{outline:none;border:none;padding:9px 20px;border-radius:8px;color:#fff;background:linear-gradient(to right bottom,rgb(10,143,220),rgb(0,102,204));font-weight:500;cursor:pointer;transition:opacity .25s;display:flex;justify-content:center;gap:5px;align-items:center;width:65px;margin-left:1rem;margin-bottom:7px}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .start-btn:hover{background-color:rgba(37,100,235,.6509803922)}@media (max-width:575.98px){.quizz-all .section-list .section-item .section-item-content .card-container{grid-template-columns:repeat(1,minmax(0,1fr))!important}}@media (min-width:576px) and (max-width:767.98px){.quizz-all .section-list .section-item .section-item-content .card-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (min-width:768px) and (max-width:991.98px){.quizz-all .section-list .section-item .section-item-content .card-container{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (min-width:992px) and (max-width:1199.98px){.quizz-all .section-list .section-item .section-item-content .card-container{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (min-width:1200px) and (max-width:1699.98px){.quizz-all .section-list .section-item .section-item-content .card-container{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.quizz-all .section-footer{border-bottom-right-radius:16px;border-bottom-left-radius:16px;padding:16px 24px;background-color:#ffffff;border-top:1px solid #e5e7eb;flex-shrink:0;display:flex;justify-content:center;align-items:center}body.dark .quizz-all .section-footer{background-color:rgb(30,31,32);border-top-color:rgba(75,85,99,.4)}.quizz-all .section-footer .pagination-wrapper{display:flex;align-items:center;gap:12px}.quizz-all .section-footer .pagination-wrapper .page-btn,.quizz-all .section-footer .pagination-wrapper .page-link{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease;border:1px solid #e5e7eb;color:#4b5563;background-color:#ffffff}body.dark .quizz-all .section-footer .pagination-wrapper .page-btn,body.dark .quizz-all .section-footer .pagination-wrapper .page-link{border-color:rgba(75,85,99,.4);color:#aaaaaa;background-color:rgb(30,31,32)}.quizz-all .section-footer .pagination-wrapper .page-btn:hover:not(.disabled):not(.active),.quizz-all .section-footer .pagination-wrapper .page-link:hover:not(.disabled):not(.active){background-color:#f3f4f6;color:#1f2937}body.dark .quizz-all .section-footer .pagination-wrapper .page-btn:hover:not(.disabled):not(.active),body.dark .quizz-all .section-footer .pagination-wrapper .page-link:hover:not(.disabled):not(.active){background-color:#37393b;color:#e3e3e3}.quizz-all .section-footer .pagination-wrapper .page-btn.active,.quizz-all .section-footer .pagination-wrapper .page-link.active{background-color:#3b82f6;border-color:#3b82f6;color:#ffffff}body.dark .quizz-all .section-footer .pagination-wrapper .page-btn.active,body.dark .quizz-all .section-footer .pagination-wrapper .page-link.active{background-color:#3b82f6;border-color:#3b82f6;color:#ffffff;box-shadow:0 0 8px rgba(59,130,246,.5)}.quizz-all .section-footer .pagination-wrapper .page-btn.disabled,.quizz-all .section-footer .pagination-wrapper .page-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.quizz-all .section-footer .pagination-wrapper .page-numbers{display:flex;gap:6px}.quizz-all .section-footer .pagination-wrapper .page-dots{display:flex;align-items:center;justify-content:center;width:36px;color:#6b7280}body.dark .quizz-all .section-footer .pagination-wrapper .page-dots{color:#aaaaaa}.quizz-all .back-to-exams-link{font-size:14px;font-weight:500;color:#3b82f6;text-decoration:none}.quizz-all .back-to-exams-link:hover{text-decoration:underline}.quiz-detail-view{border-radius:16px;display:flex;gap:20px}@media (max-width:575.98px){.quiz-detail-view{flex-direction:column}.quiz-detail-view .detail-exam-left,.quiz-detail-view .detail-exam-right{width:100%}}@media (min-width:576px) and (max-width:767.98px){.quiz-detail-view{margin-bottom:65px;flex-direction:column}.quiz-detail-view .detail-exam-left,.quiz-detail-view .detail-exam-right{width:100%}}@media (min-width:768px) and (max-width:991.98px){.quiz-detail-view{flex-direction:column}.quiz-detail-view .detail-exam-left,.quiz-detail-view .detail-exam-right{width:100%}}@media (min-width:992px) and (max-width:1199.98px){.quiz-detail-view .detail-exam-left{width:30%}.quiz-detail-view .detail-exam-right{width:70%}}@media (min-width:1200px) and (max-width:1399.98px){.quiz-detail-view .detail-exam-left{width:30%}.quiz-detail-view .detail-exam-right{width:70%}}@media (min-width:1400px) and (max-width:1669.98px){.quiz-detail-view .detail-exam-left{width:30%}.quiz-detail-view .detail-exam-right{width:70%}}@media (min-width:1670px){.quiz-detail-view .detail-exam-left{width:25%}.quiz-detail-view .detail-exam-right{width:75%}}.quiz-detail-view .detail-exam-right{display:flex;flex-direction:column;gap:12px;min-width:0}.quiz-detail-view .detail-exam-right .content-wrapper{position:relative}.quiz-detail-view .detail-exam-right .content-loading-overlay{position:absolute;inset:0;background-color:rgba(255,255,255,.7);border-radius:16px;z-index:10;display:flex;align-items:center;justify-content:center}body.dark .quiz-detail-view .detail-exam-right .content-loading-overlay{background-color:rgba(30,41,59,.7)}.quiz-detail-view .detail-exam-right .detail-header{background-color:#fff;box-shadow:0 1.6px 3.6px rgba(0,0,0,.133),0 .3px .9px rgba(0,0,0,.11);border-radius:4px}body.dark .quiz-detail-view .detail-exam-right .detail-header{background-color:rgb(30,31,32);box-shadow:0 2px 1px -1px rgba(0,0,0,.4),0 1px 1px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.25);color:#e3e3e3}.quiz-detail-view .detail-exam-right .content_tabs .content{display:none}.quiz-detail-view .detail-exam-right .content_tabs .content.active{display:block}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail{background-color:#fff;border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);padding:20px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail{background-color:rgb(30,31,32);color:#e3e3e3;box-shadow:0 10px 15px -3px rgba(0,0,0,.35),0 4px 6px -4px rgba(0,0,0,.25)}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail h3{font-weight:700;font-size:16px;color:#111827;line-height:1.5;margin:0 0 8px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail h3{color:#e3e3e3}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab{margin-top:8px;margin-bottom:8px;display:flex;align-items:center;gap:5px;min-width:65px;height:32px;padding:4px 12px;border:none;border-radius:16px;background-color:rgba(0,0,0,.0509803922);color:#0F0F0F;font-size:13px;font-weight:600;flex-shrink:0;cursor:pointer;transition:opacity .15s ease}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab:hover{opacity:.9}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab.active{background-color:#1f2937;color:#F3F3F3}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab{background-color:#282a2c;color:#aaaaaa}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab.active{background-color:rgba(59,130,246,.7607843137);color:#e3e3e3}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail{scrollbar-color:#555 transparent}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions{overflow-y:visible;padding-top:16px;margin-top:16px;border-top:1px solid #e5e7eb;padding-right:0}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions{border-top-color:rgba(75,85,99,.4)}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions img{max-width:100%;height:auto;display:block;margin:8px 0;border-radius:6px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .answer-text img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .fill-in-the-blank-container img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .matching-item img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-body img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-passage img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .sub-question-item img{max-width:40%;height:auto;display:block;margin:8px 0;border-radius:6px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail{background-color:#f9fafb;padding:16px;border-radius:8px;margin-bottom:16px;border:1px solid #e5e7eb}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail{background-color:#1b1b1b;border-color:rgba(75,85,99,.4)}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .media-placeholder-preview{display:inline-flex;align-items:center;gap:8px;background-color:#f3f4f6;border:1px solid #d1d5db;padding:6px 10px;border-radius:6px;font-size:13px;color:#4b5563;margin:8px 0;user-select:none;font-weight:500}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .media-placeholder-preview i,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .media-placeholder-preview svg{color:#3b82f6}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .media-placeholder-preview{background-color:rgba(31,41,55,.5);border-color:#374151;color:#9ca3af}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container{display:flex;gap:20px;margin-top:16px}@media (max-width:768px){.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container{flex-direction:column;gap:12px}}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section{flex:1;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;min-width:0}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section{background-color:rgba(31,41,55,.3);border-color:rgba(75,85,99,.4)}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .preview-label{font-weight:600;color:#4b5563;margin-bottom:12px;font-size:14px;display:flex;align-items:center;gap:8px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .preview-label svg{color:#6b7280}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .preview-label,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .preview-label svg{color:#aaaaaa}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .matching-list{display:flex;flex-direction:column;gap:10px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .matching-preview-item{display:flex;gap:10px;background-color:#fff;padding:10px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;align-items:flex-start}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .matching-preview-item{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .matching-preview-item .item-index{font-weight:600;color:#3b82f6;min-width:24px;flex-shrink:0;margin-top:2px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .matching-preview-item .item-content{flex:1;word-break:break-word;line-height:1.5}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .matching-preview-item .item-content p{margin:0}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview-container .matching-preview-section .matching-preview-item .item-content img{max-width:100%;height:auto;border-radius:4px;margin:4px 0}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only{border-color:#e5e7eb!important;background-color:transparent!important;cursor:default}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only{border-color:rgba(75,85,99,.4)!important}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only:hover{background-color:rgba(0,0,0,.02)!important}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only:hover{background-color:rgba(255,255,255,.02)!important}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter{font-weight:600;color:#6b7280}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter{color:#aaaaaa}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;font-weight:600;color:#1f2937;gap:12px;flex-wrap:wrap}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-header{color:#e3e3e3}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-header>span:first-child{min-width:0;line-height:1.5;overflow-wrap:break-word;word-break:break-word}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-header .question-type-badge-detail{font-weight:500;font-size:13px;color:#6b7280;white-space:normal}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-header .question-type-badge-detail{color:#aaaaaa}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-header .question-marks{font-size:12px;font-weight:500;padding:2px 8px;border-radius:12px;background-color:#dbeafe;color:#3b82f6;flex-shrink:0;line-height:1.5}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-header .question-marks{background-color:#1e3a8a;color:#e3e3e3}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-passage{font-style:italic;padding:12px;margin-bottom:12px;background-color:#ffffff;border-left:3px solid #3b82f6;color:#4b5563}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-passage{background-color:rgb(30,31,32);border-color:#3b82f6;color:#aaaaaa}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-body{line-height:1.6;margin-bottom:16px;overflow-wrap:break-word;word-break:break-word}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .answer-list{display:flex;flex-direction:column;gap:8px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .answer-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:6px;border:1px solid #e5e7eb;color:#4b5563}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .answer-option{border-color:rgba(75,85,99,.4);color:#aaaaaa}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .answer-option.correct{border-color:#22c55e;background-color:#f0fdf4;color:#15803d;font-weight:500;position:relative}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .answer-option.correct{border-color:rgba(74,222,128,.7411764706);background-color:rgba(20,83,45,.5607843137);color:#bbf7d0}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .answer-letter{font-weight:600}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .answer-text{flex:1;line-height:1.6;min-width:0;overflow-wrap:break-word;word-break:break-word}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .correct-icon{margin-left:auto}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .sub-question-list{margin-top:24px;padding-top:16px;border-top:1px dashed #e5e7eb;display:flex;flex-direction:column;gap:16px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .sub-question-list{border-top-color:rgba(75,85,99,.4)}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .sub-question-item{padding:16px;border-radius:6px;background-color:#ffffff;border:1px solid #d1d5db}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .sub-question-item{background-color:rgb(30,31,32);border-color:rgba(107,114,128,.1098039216)}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .sub-question-item .question-body{margin-bottom:12px;font-weight:600;font-size:15px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .matching-question-container{display:flex;flex-direction:column;gap:10px;margin-top:16px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .matching-pair{display:flex;align-items:center;gap:12px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .matching-item{flex:1;padding:10px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:6px;text-align:center;font-size:14px;color:#4b5563}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .matching-item{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);color:#aaaaaa}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .matching-separator{flex-shrink:0;width:20px;height:2px;background-color:#d1d5db}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .matching-separator{background-color:rgba(107,114,128,.1098039216)}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .fill-in-the-blank-container{padding:12px;background-color:#ffffff;border-radius:6px;line-height:1.8;margin-top:16px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .fill-in-the-blank-container{background-color:rgb(30,31,32)}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .blank-answer{font-weight:600;color:#3b82f6;border-bottom:2px solid #dbeafe;padding:0 4px;background-color:#dbeafe;border-radius:4px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .blank-answer{color:#60a5fa;background-color:#1e3a8a;border-bottom-color:#1e3a8a}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .banner-detail{margin-top:10px;font-weight:600;text-align:center;font-size:14px;color:rgb(255,255,255);line-height:1.5;padding:8px;background:linear-gradient(135deg,rgb(173,216,230),rgb(10,143,220),rgb(0,98,172));cursor:pointer;border-radius:8px}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section{background-color:#fff;color:#4b5563;border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section{background-color:rgb(30,31,32);color:#aaaaaa;box-shadow:0 10px 15px -3px rgba(0,0,0,.35),0 4px 6px -4px rgba(0,0,0,.25)}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 24px 16px;border-bottom:1px solid #e5e7eb;background:transparent}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header h2{font-size:20px;font-weight:700;margin:0;color:#0f172a}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options{display:flex;align-items:center;gap:8px}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options span{font-size:14px;color:#6b7280}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select{font-size:14px;font-weight:500;border:1px solid #e5e7eb;background:#fff;color:#111827;padding:6px 10px;border-radius:8px;outline:none}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #dbeafe}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header{border-bottom-color:rgba(75,85,99,.4)}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header h2{color:#e3e3e3}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options span{color:#aaaaaa}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select{background:#1b1b1b;color:#e3e3e3;border-color:rgba(75,85,99,.4)}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select:focus{box-shadow:0 0 0 2px #1e3a8a;border-color:#3b82f6}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-body{flex:1 1 auto;overflow-y:visible;padding:24px}@media (min-width:640px){.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-body{padding:0 32px 32px}}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section #comments-list{display:flex;flex-direction:column;gap:24px}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-item{display:flex;align-items:flex-start;gap:16px}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .avatar{width:40px;height:40px;border-radius:9999px;object-fit:cover;flex-shrink:0}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .avatar{box-shadow:0 0 0 2px rgb(30,31,32),inset 0 0 0 3px rgba(75,85,99,.4)}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-content{flex:1;min-width:0}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-bubble{background-color:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e5e7eb}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-bubble{background-color:#1b1b1b;border-color:rgba(75,85,99,.4)}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-header .comment-author{font-weight:600;font-size:14px;color:#0f172a}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-header .comment-time{font-size:12px;color:#6b7280}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-header .comment-author{color:#e3e3e3}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-header .comment-time{color:#aaaaaa}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text{font-size:14px;line-height:1.7;color:#4b5563;overflow-wrap:break-word;word-break:break-word}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text a{color:#0ea5e9;text-decoration:none;border-bottom:1px dashed rgba(14,165,233,.35)}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text a:hover{text-decoration:underline}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#111827}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text pre{margin:10px 0;padding:10px 12px;border-radius:8px;background:#f1f5f9;overflow:auto;border:1px solid #e5e7eb}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text blockquote{margin:10px 0;padding-left:12px;border-left:3px solid #e5e7eb;color:#4b5563}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text{color:#aaaaaa}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text a{color:#38bdf8;border-bottom-color:rgba(56,189,248,.35)}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text code{background:#27272a;color:#e3e3e3}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text pre{background:#18181b;border-color:rgba(75,85,99,.4)}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text blockquote{border-left-color:rgba(75,85,99,.4);color:#aaaaaa}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-actions{display:flex;align-items:center;gap:16px;margin-top:10px;font-size:12px;color:#6b7280}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-actions button{background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;transition:opacity .15s ease,transform .05s ease}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-actions button:hover{opacity:.85}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-actions button:active{transform:translateY(1px)}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-actions .like-btn.liked{color:#3b82f6}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-actions{color:#aaaaaa}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section #load-more-btn{display:block;width:100%;text-align:center;background-color:#ffffff;color:#4b5563;font-weight:600;font-size:14px;padding:12px 16px;border-radius:8px;margin-top:24px;border:none;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section #load-more-btn:hover{background-color:#f9fafb}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section #load-more-btn:disabled{opacity:.6;cursor:not-allowed}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section #load-more-btn{background-color:rgb(30,31,32);color:#aaaaaa;border:1px solid rgba(75,85,99,.4)}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section #load-more-btn:hover{background-color:#1b1b1b}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer{flex-shrink:0;background-color:#fff;padding:16px 24px;border-top:1px solid #e5e7eb;box-shadow:0 -4px 12px rgba(0,0,0,.05)}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-input-area{display:flex;align-items:flex-start;gap:16px}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .textarea-wrapper{flex:1;display:flex;gap:8px;align-items:flex-end}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea{width:100%;background-color:#ffffff;color:#0f172a;border-radius:8px;padding:12px 16px;font-size:14px;border:1px solid #e5e7eb;transition:all .2s ease;min-height:42px;resize:vertical}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea::placeholder{color:#6b7280}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea:focus{background-color:#fff;outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #dbeafe}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .post-comment-btn{background-color:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .05s ease}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .post-comment-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .post-comment-btn:active{transform:translateY(1px)}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer{background-color:rgb(30,31,32);border-top-color:rgba(75,85,99,.4)}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea{background-color:#1b1b1b;color:#e3e3e3;border-color:rgba(75,85,99,.4)}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea::placeholder{color:#aaaaaa}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea:focus{background-color:rgb(30,31,32);border-color:#3b82f6;box-shadow:0 0 0 2px #1e3a8a}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#eef2ff;color:#3730a3;border:1px solid #e0e7ff}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-badge{background:#1e1b4b;color:#c7d2fe;border-color:#312e81}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .empty-state,.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .error-state,.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .loading-state{margin:16px 24px;padding:14px 16px;border-radius:10px;border:1px dashed #e5e7eb;background:#f8fafc}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .empty-state,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .error-state,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .loading-state{border-color:rgba(75,85,99,.4);background:#0b0b0c;color:#aaaaaa}.is-skeleton{animation:pulsee 2s cubic-bezier(.4,0,.6,1) infinite}.exam-card-wrapper.is-skeleton .card-image-sk{height:160px;border-radius:8px 8px 0 0}.exam-card-wrapper.is-skeleton .card-content-wrapper{padding:16px;display:flex;flex-direction:column;gap:12px}.exam-card-wrapper.is-skeleton .card-title-sk{height:24px;width:80%}.exam-card-wrapper.is-skeleton .card-author-sk{height:16px;width:50%}.exam-card-wrapper.is-skeleton .card-stats{display:flex;gap:10px}.exam-card-wrapper.is-skeleton .card-stat-sk{height:16px;width:30%}.exam-card-wrapper.is-skeleton .card-description{display:flex;flex-direction:column;gap:8px}.exam-card-wrapper.is-skeleton .card-text-sk{height:14px;width:100%}.exam-card-wrapper.is-skeleton .card-footer-wrapper{padding:16px;border-top:1px solid #e5e7eb}body.dark .exam-card-wrapper.is-skeleton .card-footer-wrapper{border-top-color:rgba(75,85,99,.4)}.exam-card-wrapper.is-skeleton .card-button-sk{height:40px;width:100%;border-radius:8px}.detail-header.is-skeleton{padding:8px 16px}.detail-header.is-skeleton .tab-btn-sk{height:38px;border-radius:8px}.content-section-detail.is-skeleton h3 .skeleton-box{margin-bottom:8px}.content-section-detail.is-skeleton .button-tab-sk{height:32px;width:100px;border-radius:16px}.question-item-detail.is-skeleton .answer-option-sk{height:45px;width:100%;border-radius:6px}.quiz-practice{margin:auto;padding-top:102px;width:95%;height:100vh;overflow:hidden;display:flex;flex-direction:column}.quiz-practice .box-quiz{display:flex;gap:30px;color:#0F0F0F;align-items:flex-start;height:100%;padding-bottom:20px}.quiz-practice .box-quiz .left,.quiz-practice .box-quiz .right{flex:0.5;z-index:1;height:100%;overflow-y:auto;scrollbar-width:none}.quiz-practice .box-quiz .left::-webkit-scrollbar,.quiz-practice .box-quiz .right::-webkit-scrollbar{display:none}.quiz-practice .box-quiz .left .root{background-color:rgb(255,255,255);border-radius:16px;display:flex;flex-direction:column;margin-bottom:5px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#f9fafb transparent}.quiz-practice .box-quiz .left .root .header{display:flex;-webkit-box-align:center;align-items:center;padding:16px 24px 0}.quiz-practice .box-quiz .left .root .header .header-content{line-height:1.5;font-weight:600;font-size:16px;color:#2d3748;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.quiz-practice .box-quiz .left .root .content{height:100%;padding:8px 24px}.quiz-practice .box-quiz .left .root .content .content-1{display:flex;justify-content:space-between}.quiz-practice .box-quiz .left .root .content .content-1 div{display:flex;align-items:center}.quiz-practice .box-quiz .left .root .content .content-1 div div{position:relative;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;font-size:1.25rem;line-height:1;border-radius:50%;overflow:hidden;user-select:none;width:30px;height:30px}.quiz-practice .box-quiz .left .root .content .content-1 div div img{width:100%;height:100%;text-align:center;object-fit:cover;color:transparent;text-indent:10000px}.quiz-practice .box-quiz .left .root .content .content-1 div p{font-size:14px;font-weight:400;line-height:1.5;color:rgb(107,114,128);margin:0 0 0 10px}.quiz-practice .box-quiz .left .root .content .content-2{display:flex;margin-top:12px;margin-bottom:10px;gap:20px}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item{display:flex;align-items:center;gap:.25rem}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item i.fa-question-circle{color:#f97316}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item i.fa-chart-bar{color:#10b981}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item i.fa-thumbs-up{color:#65686C}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item i.fa-arrow-down,.quiz-practice .box-quiz .left .root .content .content-2 .stat-item i.fa-download{color:#10b981}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item .icon-wrapper{display:flex;align-items:center;cursor:pointer;gap:5px;color:#65686C}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item .icon-wrapper .like{width:14px;height:15px}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item .icon-wrapper .tooltip{font-size:10px;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:5px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.quiz-practice .box-quiz .left .root .content hr{border:solid rgba(0,0,0,.12);border-width:0 0 thin}.quiz-practice .box-quiz .left .root .content .content-3{display:flex;font-size:16px;color:#4a5568;align-items:center;gap:5px;margin-bottom:10px;margin-top:10px}.quiz-practice .box-quiz .left .root .content .content-3 p:first-child{font-weight:600;flex-shrink:0}.quiz-practice .box-quiz .left .root .content .content-4{line-height:1.7}.quiz-practice .box-quiz .left .root .content .content-4 p{font-size:16px;color:#4a5568}.quiz-practice .box-quiz .left .root .content .content-4 div{font-size:18px;font-weight:700}.quiz-practice .box-quiz .left .root .content .content-5 .smart-header-desktop{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-header-desktop .smart-title-desktop{margin:0;font-weight:600}.quiz-practice .box-quiz .left .root .content .content-5 .pause-control-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;margin-bottom:20px;background-color:#ffe4e6;color:#e11d48}.quiz-practice .box-quiz .left .root .content .content-5 .pause-control-btn:hover{background-color:#fecdd3}.quiz-practice .box-quiz .left .root .content .content-5 .pause-control-btn.is-paused{background-color:#dcfce7;color:#166534;animation:pulse-green 2s infinite}.quiz-practice .box-quiz .left .root .content .content-5 .pause-control-btn.is-paused:hover{background-color:#bbf7d0}.quiz-practice .box-quiz .left .root .content .content-5 .pause-control-btn i{font-size:16px}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(34,197,94,.4)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop{border-radius:12px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option{margin-bottom:16px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option:last-child{margin-bottom:0}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-header{display:flex;align-items:center;margin-bottom:10px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-header i{width:24px;text-align:center;margin-right:12px;font-size:18px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-header i.icon-stopwatch{color:#3b82f6}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-header i.icon-layer-group{color:#22c55e}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-header i.icon-book-open{color:#a855f7}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-header label{font-weight:600}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control{display:flex;align-items:center;gap:16px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control input[type=range]{-webkit-appearance:none;width:100%;background:transparent;flex-grow:1}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control input[type=range]:focus{outline:none}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#d1d5db;border-radius:3px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border-radius:50%;background:#3b82f6;cursor:pointer;-webkit-appearance:none;margin-top:-7px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;background:#d1d5db;border-radius:3px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;box-shadow:0 1px 3px rgba(0,0,0,.2)}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control .slider-value{font-weight:600;border-radius:8px;padding:4px 12px;min-width:64px;text-align:center}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control .slider-value.time-value{color:#2563eb;background-color:#dbeafe}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control .slider-value.reading-time-value{color:#9333ea;background-color:#f3e8ff}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-btn-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-btn-group input{display:none}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-btn-group label{display:block;text-align:center;padding:12px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease-in-out}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-btn-group input:checked+label{background-color:#dbeafe;color:#3b82f6;border-color:#3b82f6;font-weight:600}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .explanation{padding-top:12px;border-top:1px solid #e5e7eb}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .explanation p{font-size:12px;color:#6b7280;line-height:1.6;margin:0}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .explanation p .bold{font-weight:600;color:#4b5563}.quiz-practice .box-quiz .left .root .content .content-5 .toggle-switch{position:relative;display:inline-block;width:56px;height:32px}.quiz-practice .box-quiz .left .root .content .content-5 .toggle-switch input{opacity:0;width:0;height:0}.quiz-practice .box-quiz .left .root .content .content-5 .toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.4s;border-radius:34px}.quiz-practice .box-quiz .left .root .content .content-5 .toggle-switch .toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.quiz-practice .box-quiz .left .root .content .content-5 .toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.quiz-practice .box-quiz .left .root .content .content-5 .toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.quiz-practice .box-quiz .left .root .content .content-container{padding:16px 16px 25px 0}.quiz-practice .box-quiz .left .root .content .content-container .content-item{margin-bottom:10px}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-1{gap:20px;outline:0;border:0;margin:0;border-radius:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;color:inherit;display:flex;-webkit-box-flex:1;flex-grow:1;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;position:relative;text-decoration:none;box-sizing:border-box;text-align:left;padding:8px 16px;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0s}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-1.active{background-color:#ccdbe8}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-1 .section-icon.active{position:relative;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;width:40px;height:40px;font-size:1.8rem;line-height:1;border-radius:50%;overflow:hidden;user-select:none;color:rgb(244,247,254);background-color:rgb(233,30,99)}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-1 .section-icon{position:relative;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;width:40px;height:40px;font-size:1.8rem;line-height:1;border-radius:50%;overflow:hidden;user-select:none;color:rgb(244,247,254);background-color:rgb(158,158,158)}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-2 span{font-size:14px;font-weight:400;line-height:1.5}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-2 p{font-size:12px;font-weight:400;line-height:1.43;color:rgb(107,114,128)}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-2{margin-top:10px;margin-bottom:10px;display:flex;justify-content:center;gap:20px}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-1{display:flex}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-1 p:last-child{color:green}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-2{display:flex}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-2 p:last-child{color:red}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-3{display:flex}.quiz-practice .box-quiz .left .root .content .content-container .content-item .content-item-2 .sub-content-item-2-3 p:last-child{color:#999900}.quiz-practice .box-quiz .left .root .footer{padding:8px 24px}.quiz-practice .box-quiz .left .root .footer button{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0;border:0;margin:6px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;font-weight:500;font-size:1.4rem;line-height:1.75;min-width:64px;padding:4px 12px;background-color:#D32F2F;box-shadow:none;border-radius:8px;color:#fff}.quiz-practice .box-quiz .left .header-md .timer-md{text-align:center;padding:10px;background-color:#3987c7;color:#fff}.quiz-practice .box-quiz .left .header-md .section-md{display:flex;justify-content:space-between;padding:15px 15px 10px}.quiz-practice .box-quiz .left .header-md .questions-section{border-bottom:1px solid #ddd;display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none;position:relative;scroll-behavior:smooth}.quiz-practice .box-quiz .left .header-md .questions-section .question-tab{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:flex;justify-content:center;align-items:center;color:#72757c;flex-grow:1;flex-shrink:0;padding:10px;cursor:pointer}.quiz-practice .box-quiz .left .header-md .questions-section .question-tab.active{color:#3987c7}.quiz-practice .box-quiz .left .header-md .questions-section .indicator{position:absolute;bottom:0;height:2px;background-color:#3987c7;transition:transform .3s ease}.quiz-practice .box-quiz .center{flex:1;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:#f9fafb transparent}body.dark .quiz-practice .box-quiz .center{scrollbar-color:rgba(85,85,85,.1921568627) transparent}.quiz-practice .box-quiz .center>.root{background-color:rgb(255,255,255);overflow:hidden;border-radius:16px;box-shadow:0 10px 10px 4px rgba(0,0,0,.04);display:flex;flex-direction:column}@media (max-width:1199.98px){.quiz-practice .box-quiz .center>.root{box-shadow:none}}.quiz-practice .box-quiz .center>.root .header{padding:16px 24px 0}.quiz-practice .box-quiz .center>.root .header span{margin:0;font-size:14px;font-weight:500;line-height:1.334;display:block}.quiz-practice .box-quiz .center>.root .header .header-content{display:flex;align-items:center;justify-content:space-between}.quiz-practice .box-quiz .center>.root .header .header-content div strong{color:#1E293B}.quiz-practice .box-quiz .center>.root .header .header-content .solution-toggle-btn{border:1px solid #3b82f6;background-color:#e0edff;color:#1d4ed8;font-size:12px;padding:4px 10px;border-radius:999px;cursor:pointer;margin-left:12px;white-space:nowrap;transition:all .15s ease-in-out}.quiz-practice .box-quiz .center>.root .header .header-content .solution-toggle-btn:hover{background-color:#d0e2ff}.quiz-practice .box-quiz .center>.root .header .header-content .matching-header-right{display:flex;align-items:center;gap:10px;font-size:12px;color:#64748b}.quiz-practice .box-quiz .center>.root .header .header-content .matching-progress{font-weight:500}.quiz-practice .box-quiz .center>.root .content .content-header{padding:16px 24px;font-size:17px;line-height:1.5;font-weight:500;border-bottom:1px solid rgba(0,0,0,.12)}.quiz-practice .box-quiz .center>.root .content .content-header>p{font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit}.quiz-practice .box-quiz .center>.root .content hr{margin:0;flex-shrink:0;border:solid rgba(0,0,0,.12);border-width:0 0 thin}.quiz-practice .box-quiz .center>.root .content .content-content{padding:0 12px;border-bottom:1px solid rgba(0,0,0,.12)}.quiz-practice .box-quiz .center>.root .content .content-content .content-quest{padding-top:10px;font-size:15px;font-weight:500}.quiz-practice .box-quiz .center>.root .content .content-content ul{list-style:none;margin:0;position:relative}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item{border-bottom:1px solid #eee;-webkit-tap-highlight-color:transparent;background-color:transparent;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;color:inherit;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;flex-direction:column;text-decoration:none;width:100%;box-sizing:border-box;text-align:left;padding:6px;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0s;font-size:15px;position:relative}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item:last-child{border-bottom:none}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item .radio{border:1px solid transparent}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.solution>div{border-radius:8px;background-color:#ecfdf3;border-color:#22c55e}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.solution .solution-badge{position:absolute;right:12px;bottom:6px;margin:0;font-size:11px;padding:2px 6px;border-radius:999px;background-color:#dcfce7;color:#166534;font-weight:600;pointer-events:none}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.correct{color:#107c67}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.correct>div{border:1px solid #259172;border-radius:8px;font-weight:600}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.wrong{color:#e63349}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.wrong>div{border:1px solid #e75363;border-radius:8px;font-weight:600}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.select>div{border:1px solid #eeaa81;border-radius:8px}.quiz-practice .box-quiz .center>.root .content .content-content .matching{padding:3px;display:flex;flex-direction:column;gap:10px}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item{display:flex;align-items:center;padding:6px;border-radius:8px;border:1px solid #e0e0e0;gap:12px;margin:10px 0;font-size:15px;line-height:1.5;min-height:85px;position:relative;transition:background-color .3s,border-color .3s}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-left{width:50%;padding:6px}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right{width:50%}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right div.shadow-matching{padding:8px;height:100%;min-height:60px;border-radius:6px;transition:box-shadow .3s,background-color .3s}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right div.shadow-matching.active{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);background-color:rgb(227,242,253)}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right div.shadow-matching.inactive{box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right .matching-solution-row{margin-top:4px;min-height:18px;font-size:12px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right .matching-solution-row .matching-solution-label{font-weight:500;color:#4b5563}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right .matching-solution-row .matching-solution-text{font-weight:600;color:#1d4ed8}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item:after{content:"→";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;color:#b0bec5;transition:opacity .3s,color .3s}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item.success{border-color:#2e7d32;background-color:rgba(46,125,50,.08)}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item.success:after{content:"✓";color:#2e7d32;font-weight:700}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item.error{border-color:#d32f2f;background-color:rgba(211,47,47,.08)}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item.error:after{content:"✗";color:#d32f2f;font-weight:700}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-instruction{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem!important;margin-bottom:1.2rem!important}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-answer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;background-color:rgb(245,245,245);border-radius:.6rem;padding:8px;min-height:80px}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-answer>div .drag-handle{display:flex;align-items:center;justify-content:center;padding:6px;cursor:grab;color:#9ca3af;background-color:transparent;border:none;border-radius:4px;transition:background-color .2s}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-answer>div .drag-handle:hover{background-color:#f3f4f6}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-answer>div .item-content{flex-grow:1}.quiz-practice .box-quiz .center>.root .content .content-content .fib-correct-hint{margin-top:4px;font-size:13px;color:#4b5563;display:flex;align-items:center;gap:4px}.quiz-practice .box-quiz .center>.root .content .content-content .fib-correct-hint__text{background-color:#eef2ff;color:#3730a3;padding:2px 6px;border-radius:4px;font-weight:600}.quiz-practice .box-quiz .right .root{background-color:rgb(255,255,255);color:rgb(17,24,39);transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0s;overflow:hidden;border-radius:16px;box-shadow:0 10px 10px 4px rgba(0,0,0,.04);display:flex;flex-direction:column}.quiz-practice .box-quiz .right .root .header{padding:16px 24px 0}.quiz-practice .box-quiz .right .root .header h3{font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.quiz-practice .box-quiz .right .root .content{padding:16px 24px;height:100%}.quiz-practice .box-quiz .right .root .content .content-content{max-height:320px;display:flex;justify-content:center;flex-wrap:wrap;overflow-y:auto}.quiz-practice .box-quiz .right .root .content .content-content button{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0;border:0;margin:6px;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;font-weight:500;font-size:1.4rem;line-height:1.75;min-width:64px;padding:8px 16px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0s,box-shadow .25s cubic-bezier(.4,0,.2,1) 0s,border-color .25s cubic-bezier(.4,0,.2,1) 0s,color .25s cubic-bezier(.4,0,.2,1) 0s;color:inherit;background-color:rgb(224,224,224);box-shadow:none;border-radius:8px;color:#0F0F0F}.quiz-practice .box-quiz .right .root .content .content-content button.active{background-color:rgb(10,143,220);color:#fff}.quiz-practice .box-quiz .right .root .content .content-content button.success{background-color:rgb(46,125,50);color:#fff}.quiz-practice .box-quiz .right .root .content .content-content button.wrong{background-color:rgb(211,47,47);color:#fff}.quiz-practice .box-quiz .right .root .content .content-content button.approximately{background-color:rgb(245,158,11)}.quiz-practice .box-quiz .right .root .content .content-content button.answered{background-color:rgb(129,212,250);color:#000}.quiz-practice .box-quiz .right .root .footer{display:flex;-webkit-box-align:center;align-items:center;padding:8px 24px 16px}.quiz-practice .box-quiz .right .root .footer button{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0;border:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;font-weight:500;font-size:.875rem;line-height:1.75;min-width:64px;padding:6px 16px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0s,box-shadow .25s cubic-bezier(.4,0,.2,1) 0s,border-color .25s cubic-bezier(.4,0,.2,1) 0s,color .25s cubic-bezier(.4,0,.2,1) 0s;color:rgb(255,255,255);background-color:rgb(10,143,220);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:8px;text-transform:capitalize;margin:0 auto;font-size:14px}.quiz-practice .box-quiz .right .root .footer button.disabled{color:rgba(0,0,0,.26);box-shadow:none;background-color:rgba(0,0,0,.12)}body.dark .quiz-practice .box-quiz .root{background-color:#1e1f20;color:#E3E3E3;scrollbar-color:rgba(85,85,85,.1843137255) transparent}body.dark .quiz-practice .box-quiz .root .content .content-item{background-color:transparent;border-bottom:1px solid rgba(238,238,238,.0823529412)!important}body.dark .quiz-practice .box-quiz .root .content .content-item:last-child{border-bottom:none!important}body.dark .quiz-practice .box-quiz .root .content .content-content,body.dark .quiz-practice .box-quiz .root .content .content-header{border-bottom:1px solid rgba(238,238,238,.2117647059)}body.dark .quiz-practice .box-quiz .root .content .content-item.correct>div{color:#E3E3E3;background-color:rgba(37,145,114,.3647058824)}body.dark .quiz-practice .box-quiz .root .content .content-item.wrong>div{color:#E3E3E3;background-color:rgba(231,83,98,.3568627451)}body.dark .quiz-practice .box-quiz .root .content .content-item.select>div{border:none!important}body.dark .quiz-practice .box-quiz .root .content hr{border-bottom:1px solid rgba(238,238,238,.2117647059)}body.dark .quiz-practice .box-quiz .root .content .matching .matching-item{border-color:rgba(255,255,255,.15)!important}body.dark .quiz-practice .box-quiz .root .content .matching .matching-item:after{color:#78909c!important}body.dark .quiz-practice .box-quiz .root .content .matching .matching-item .item-right .shadow-matching.active{background-color:#282a2c!important;box-shadow:none!important}body.dark .quiz-practice .box-quiz .root .content .matching .matching-item .item-right .shadow-matching.inactive{box-shadow:inset 2px 2px 4px 0 rgba(0,0,0,.4),inset -2px -2px 4px 0 rgba(255,255,255,.02)!important}body.dark .quiz-practice .box-quiz .root .content .matching .matching-item.success{border-color:#66bb6a!important;background-color:rgba(102,187,106,.15)!important}body.dark .quiz-practice .box-quiz .root .content .matching .matching-item.success:after{color:#66bb6a!important}body.dark .quiz-practice .box-quiz .root .content .matching .matching-item.error{border-color:#ef5350!important;background-color:rgba(239,83,80,.15)!important}body.dark .quiz-practice .box-quiz .root .content .matching .matching-item.error:after{color:#ef5350!important}body.dark .quiz-practice .box-quiz .root .content .matching .matching-instruction span{color:#adb5bd}body.dark .quiz-practice .box-quiz .root .content .matching .matching-instruction .css-button-blue{background-color:rgba(10,143,220,.57);color:#fff}body.dark .quiz-practice .box-quiz .root .content .matching .matching-instruction .css-button-blue:hover{background-color:#2563eb}body.dark .quiz-practice .box-quiz .root .content .matching .matching-answer{background-color:rgba(255,255,255,.05)!important}body.dark .quiz-practice .box-quiz .root .content .matching .matching-answer>div{background-color:#2c2e30!important;border:1px dashed rgba(255,255,255,.3)}body.dark .quiz-practice .box-quiz .root .content .matching .matching-answer>div .drag-handle{color:#9e9e9e}body.dark .quiz-practice .box-quiz .root .content .matching .matching-answer>div .drag-handle:hover{background-color:rgba(255,255,255,.1)}body.dark .quiz-practice .box-quiz .root .content .matching .matching-answer>div .item-content{color:#E3E3E3}body.dark .quiz-practice .box-quiz .root .activeButton{background-color:rgba(10,143,220,.49)!important;color:#e3e3e3!important}body.dark .quiz-practice .box-quiz .root .disabledButton{background-color:rgba(224,224,224,.29)!important;color:rgba(227,227,227,.6705882353)!important}body.dark .quiz-practice .box-quiz .center .root .header .header-content div strong{color:rgba(227,227,227,.8392156863)}body.dark .quiz-practice .box-quiz .right .root .content button.active{background-color:rgba(10,143,220,.78);color:#e3e3e3}body.dark .quiz-practice .box-quiz .right .root .content button.success{background-color:rgba(46,125,50,.73);color:#e3e3e3}body.dark .quiz-practice .box-quiz .right .root .content button.wrong{background-color:rgba(211,47,47,.6);color:#e3e3e3}body.dark .quiz-practice .box-quiz .right .root .content button.approximately{background-color:rgba(245,158,11,.73)}body.dark .quiz-practice .box-quiz .right .root .content button.answered{background-color:rgba(129,212,250,.79)}body.dark .quiz-practice .box-quiz .left .content .content-3,body.dark .quiz-practice .box-quiz .left .content .content-4 p,body.dark .quiz-practice .box-quiz .left .header .header-content{color:#E3E3E3}body.dark .quiz-practice .box-quiz .left .footer button{background-color:rgba(239,68,68,.3)}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-header,body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-title-desktop{color:#e3e3e3}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control .slider-value.time-value{background-color:rgba(59,130,246,.2);color:#bcd4ff}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control .slider-value.reading-time-value{background-color:rgba(168,85,247,.2);color:#e6c6ff}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control input[type=range]::-webkit-slider-runnable-track{background:#3b3b3b}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control input[type=range]::-moz-range-track{background:#3b3b3b}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-btn-group label{border-color:#3b3b3b;color:#e3e3e3}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-btn-group input:checked+label{background-color:rgba(59,130,246,.25);border-color:#3b82f6;color:#dbeafe}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .explanation p{color:#b9c0ca}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .toggle-switch .toggle-slider{background-color:#3b3b3b}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}body.dark .quiz-practice .box-quiz .center>.root .header .header-content .solution-toggle-btn{background-color:rgba(37,99,235,.2);border-color:#3b82f6;color:#bfdbfe}body.dark .quiz-practice .box-quiz .center>.root .header .header-content .solution-toggle-btn:hover{background-color:rgba(37,99,235,.35)}body.dark .quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.solution>div{border-color:#4ade80;background-color:rgba(21,128,61,.28)}body.dark .quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.solution .solution-badge{background-color:rgba(34,197,94,.2);color:#bbf7d0}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .fib-correct-hint{color:#cbd5f5}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .fib-correct-hint__text{background-color:rgba(59,130,246,.25);color:#e0f2fe}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right .matching-solution-row .matching-solution-label{color:#cbd5f5}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right .matching-solution-row .matching-solution-text{color:#bfdbfe}body.dark .quiz-practice .box-quiz .center .root .header .header-content .matching-header-right{color:#cbd5f5}.reveal-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background-color:#fff7ed;color:#c2410c;border:1px solid #fdba74;border-radius:20px;font-size:13px;font-weight:600;margin-left:10px;animation:fadeIn .3s ease-in-out}.reveal-badge .pulse-dot{width:8px;height:8px;background-color:#ea580c;border-radius:50%;display:inline-block;animation:pulse-dot-anim 1s infinite alternate}@keyframes pulse-dot-anim{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}body.dark .reveal-badge{background-color:rgba(234,88,12,.15);border-color:rgba(234,88,12,.4);color:#fdba74}.quiz-inline-question-text{font-size:16px;line-height:2.6;word-wrap:break-word;text-align:justify}.quiz-inline-question-text .quiz-inline-wrapper{display:inline-flex;align-items:center;vertical-align:middle;margin:0 2px;position:relative;max-width:100%}.quiz-inline-question-text .quiz-inline-input{background:transparent;outline:none;border-radius:0;border:none;border-bottom:2px solid #cbd5e1;color:#334155;font-weight:600;font-family:inherit;text-align:center;padding:0 2px;height:32px;max-width:85vw;transition:border-color .2s,background-color .2s;box-sizing:content-box}.quiz-inline-question-text .quiz-inline-input::placeholder{color:#94a3b8;font-weight:400;font-size:14px;opacity:.8}.quiz-inline-question-text .quiz-inline-input:read-only{cursor:default}.quiz-inline-question-text .quiz-inline-input:focus{border-bottom-color:#3b82f6;background-color:rgba(59,130,246,.08)}.quiz-inline-question-text .quiz-inline-input.correct{border-bottom-color:#22c55e;color:#15803d;background-color:rgba(34,197,94,.1)}.quiz-inline-question-text .quiz-inline-input.wrong{border-bottom-color:#ef4444;color:#b91c1c;background-color:rgba(239,68,68,.1)}.quiz-inline-question-text .quiz-inline-input.quiz-inline-reveal-active{border-bottom-color:#f59e0b;background-color:#fef3c7;color:#334155;transform:scale(1.05);box-shadow:0 2px 8px rgba(245,158,11,.2);border-radius:4px;z-index:10;transition:all .2s}.quiz-inline-question-text .quiz-inline-icon{font-size:14px;margin-left:4px;flex-shrink:0}.quiz-inline-question-text .quiz-inline-icon.correct{color:#22c55e}.quiz-inline-question-text .quiz-inline-icon.wrong{color:#ef4444}.feedback-section{margin-top:20px;border-top:1px dashed #e2e8f0;background-color:#f8fafc;border-radius:8px;padding:12px}.feedback-section .fib-correct-hint{font-size:13px;margin-bottom:6px;color:#475569;display:flex;align-items:flex-start;gap:6px}.feedback-section .fib-correct-hint__text{background-color:#fff;color:#15803d;padding:2px 6px;border-radius:4px;font-weight:700;border:1px solid #bbf7d0;word-break:break-all}body.dark .quiz-inline-question-text{color:#e2e8f0}body.dark .quiz-inline-question-text .quiz-inline-input{color:#f1f5f9;border-bottom-color:#475569}body.dark .quiz-inline-question-text .quiz-inline-input:focus{border-bottom-color:#60a5fa;background-color:rgba(59,130,246,.2)}body.dark .quiz-inline-question-text .quiz-inline-input.correct{border-bottom-color:#4ade80;color:#86efac;background-color:rgba(34,197,94,.2)}body.dark .quiz-inline-question-text .quiz-inline-input.wrong{border-bottom-color:#f87171;color:#fca5a5;background-color:rgba(239,68,68,.2)}body.dark .quiz-inline-question-text .quiz-inline-input.quiz-inline-reveal-active{border-bottom-color:#fbbf24;color:#fde68a;background-color:rgba(245,158,11,.25)}body.dark .feedback-section{background-color:rgba(30,41,59,.5);border-top-color:#334155}body.dark .feedback-section .fib-correct-hint{color:#94a3b8}body.dark .feedback-section .fib-correct-hint__text{background-color:#1e293b;color:#86efac;border-color:#166534}.quiz-mobile-content{display:flex;flex-direction:column;height:100%;transition:margin-left .3s ease}.quiz-mobile-content h3{font-weight:600;font-size:16px;color:#0F0F0F}.quiz-mobile-content .quiz-mobile-practice{flex:1 1 auto;overflow-y:auto;padding:20px 14px}.quiz-mobile-content .quiz-mobile-practice .center>.root{background-color:rgb(255,255,255);color:#0F0F0F;overflow:hidden;border-radius:16px;box-shadow:0 10px 10px 4px rgba(0,0,0,.04);display:flex;flex-direction:column}@media (max-width:1199.98px){.quiz-mobile-content .quiz-mobile-practice .center>.root{box-shadow:none}}.quiz-mobile-content .quiz-mobile-practice .center>.root .header{padding:16px 24px 0}.quiz-mobile-content .quiz-mobile-practice .center>.root .header span{margin:0;font-size:14px;font-weight:500;line-height:1.334;display:block}.quiz-mobile-content .quiz-mobile-practice .center>.root .header .header-content{display:flex;align-items:center;justify-content:space-between}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-header{padding:16px 24px;font-size:16px;line-height:1.5;color:#0F0F0F;font-weight:500;border-bottom:1px solid rgba(0,0,0,.12)}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-header>p{font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit}.quiz-mobile-content .quiz-mobile-practice .center>.root .content hr{margin:0;flex-shrink:0;border:solid rgba(0,0,0,.12);border-width:0 0 thin}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content{padding:0 12px;border-bottom:1px solid #eee}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .content-quest{padding-top:6px;font-size:15px;color:#0F0F0F;font-weight:500}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul{list-style:none;margin:0;position:relative}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item{border-bottom:1px solid #eee;-webkit-tap-highlight-color:transparent;background-color:transparent;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;color:inherit;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;flex-direction:column;position:relative;text-decoration:none;width:100%;box-sizing:border-box;text-align:left;padding:6px 0;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0s;font-size:15px}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item:last-child{border-bottom:none}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item label{border:1px solid transparent}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.correct{color:#107c67}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.correct>div{border:1px solid #259172;border-radius:8px;font-weight:600}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.wrong{color:#e63349}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.wrong>div{border:1px solid #e75363;border-radius:8px;font-weight:600}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.select>div{border:1px solid #eeaa81;border-radius:8px}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching{padding:3px;display:flex;flex-direction:column;gap:10px}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item{display:flex;align-items:center;padding:6px;border-radius:8px;border:1px solid #e0e0e0;gap:12px;margin:10px 0;font-size:15px;line-height:1.5;min-height:85px;position:relative;transition:background-color .3s,border-color .3s}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item .item-left{width:50%;padding:6px}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item .item-right{width:50%}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item .item-right div.shadow-matching{padding:8px;height:100%;min-height:60px;border-radius:6px;transition:box-shadow .3s,background-color .3s}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item .item-right div.shadow-matching.active{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);background-color:rgb(227,242,253)}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item .item-right div.shadow-matching.inactive{box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5)}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item:after{content:"→";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;color:#b0bec5;transition:opacity .3s,color .3s}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.success{border-color:#2e7d32;background-color:rgba(46,125,50,.08)}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.success:after{content:"✓";color:#2e7d32;font-weight:700}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.error{border-color:#d32f2f;background-color:rgba(211,47,47,.08)}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.error:after{content:"✗";color:#d32f2f;font-weight:700}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-instruction{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem!important;margin-bottom:1.2rem!important}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-answer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;background-color:rgb(245,245,245);border-radius:.6rem;padding:8px;min-height:80px}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-answer>div .drag-handle{display:flex;align-items:center;justify-content:center;padding:10px;cursor:grab;color:#9ca3af;background-color:transparent;border:none;border-radius:4px;transition:background-color .2s}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-answer>div .drag-handle:hover{background-color:#f3f4f6}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-answer>div .item-content{flex-grow:1}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer{display:flex;justify-content:space-between;align-items:center;padding:8px 24px 16px}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer .activeButton{background-color:rgb(10,143,220)!important;color:white!important}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer .disabledButton{background-color:rgba(0,0,0,.12)!important;color:rgba(0,0,0,.26)!important}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button{display:flex;align-items:center;gap:5px;min-width:65px;padding:6px 16px;border:none;border-radius:8px}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button span{font-size:12px}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button .btn-circle{position:relative;background-color:transparent;cursor:pointer;font-size:12px}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button .btn-circle .fa-circle{font-size:20px}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button .btn-circle .fa-chevron-left,.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button .btn-circle .fa-chevron-right{font-size:11px}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button .btn-circle .inside{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button.activeButton .btn-circle .inside{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:rgb(10,143,220)}body.dark .quiz-mobile-content h3{color:#e3e3e3}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root{background-color:#1e1f20;color:#e3e3e3}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .header span{color:rgba(227,227,227,.8392156863)}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .header .header-content{color:#e3e3e3}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-header{color:#e3e3e3;border-bottom:1px solid rgba(238,238,238,.2117647059)}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content{border-bottom:1px solid rgba(238,238,238,.2117647059)}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .content-quest{color:#e3e3e3}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .content-item{border-bottom:1px solid rgba(238,238,238,.0823529412)!important;background-color:transparent}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .content-item:last-child{border-bottom:none!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .content-item>div{color:#e3e3e3}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .content-item.correct>div{background-color:rgba(37,145,114,.3647058824);color:#e3e3e3}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .content-item.wrong>div{background-color:rgba(231,83,98,.3568627451);color:#e3e3e3}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .content-item.select>div{border:none!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content hr{border-bottom:1px solid rgba(238,238,238,.2117647059)}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item{border-color:rgba(255,255,255,.15)!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item:after{color:#e3e3e3!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item .item-right .shadow-matching.active{background-color:rgba(19,19,20,.862745098)!important;box-shadow:none!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item .item-right .shadow-matching.inactive{box-shadow:inset 2px 2px 4px 0 rgba(0,0,0,.4),inset -2px -2px 4px 0 rgba(255,255,255,.02)!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.success{border-color:#66bb6a!important;background-color:rgba(102,187,106,.15)!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.success:after{color:#66bb6a!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.error{border-color:#ef5350!important;background-color:rgba(239,83,80,.15)!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.error:after{color:#ef5350!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-instruction span{color:#adb5bd}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-instruction .css-button-blue{background-color:rgba(10,143,220,.57);color:#fff}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-instruction .css-button-blue:hover{background-color:#2563eb}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-answer{background-color:rgba(255,255,255,.05)!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-answer>div{background-color:#2c2e30!important;border:1px dashed rgba(255,255,255,.3)}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-answer>div .drag-handle{color:#9e9e9e}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-answer>div .drag-handle:hover{background-color:rgba(255,255,255,.1)}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-answer>div .item-content{color:#e3e3e3}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .footer .activeButton{background-color:rgba(10,143,220,.49)!important;color:#e3e3e3!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .footer .disabledButton{background-color:rgba(224,224,224,.29)!important;color:rgba(227,227,227,.6705882353)!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .footer button{background-color:rgba(10,143,220,.57)}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .footer button.disabled{background-color:rgba(224,224,224,.29)!important;color:rgba(227,227,227,.6705882353)!important}.quiz-mobile-header{flex:0 0 auto;width:100%;z-index:1000;background-color:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,.05)}body.dark .quiz-mobile-header{background-color:#1e1f20;border-bottom:1px solid #404345;box-shadow:none}.top-bar{justify-content:space-between;padding:8px 12px;height:56px}.top-bar,.top-bar__group{display:flex;align-items:center}.top-bar__group{gap:8px}.top-bar__group.left{flex:1;min-width:0}.top-bar__group.center{flex:0 0 auto}.top-bar__group.right{flex:1;justify-content:flex-end}.icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;transition:opacity .2s;background-color:transparent;padding:0;color:#4b5563}.icon-button:hover{opacity:.7}body.dark .icon-button{color:#d1d5db}body.dark .icon-button:hover{opacity:.7}.section-name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f2937}body.dark .section-name{color:#f3f4f6}.timer{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-weight:600;font-size:15px;background-color:#f3f4f6;color:#374151}body.dark .timer{background-color:#404345;color:#f3f4f6}.question-nav-container{width:100%;overflow-x:hidden;position:relative;border-top:1px solid #e5e7eb;background-color:#ffffff;-ms-overflow-style:none;scrollbar-width:none}.question-nav-container::-webkit-scrollbar{display:none}body.dark .question-nav-container{border-top-color:#404345;background-color:#1e1f20}.question-nav-container.skeleton{display:flex}.question-list{display:flex;position:relative;list-style:none;width:max-content;min-width:100%;transition:transform .35s ease-in-out;padding:0;margin:0}.question-item{padding:10px 14px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;border-right:1px solid #e5e7eb;white-space:nowrap;user-select:none;flex-shrink:0;flex-grow:1;text-align:center;background-color:#ffffff;color:#6b7280}.question-item:nth-last-child(2){border-right:none}body.dark .question-item{background-color:#1e1f20;border-color:#404345;color:#9ca3af}.question-item.answered{background-color:#f3f4f6;color:#4b5563}body.dark .question-item.answered{background-color:#404345;color:#d1d5db}.question-item.success{background-color:#dcfce7;color:#166534}body.dark .question-item.success{background-color:#166534;color:#86efac}.question-item.wrong{background-color:#fee2e2;color:#991b1b}body.dark .question-item.wrong{background-color:#7f1d1d;color:#fca5a5}.question-item.approximately{background-color:#fef9c3;color:#713f12}body.dark .question-item.approximately{background-color:#713f12;color:#fde047}.question-item.active{font-weight:600;color:#2563eb}body.dark .question-item.active{color:#eff6ff}.question-item.skel-tab{width:80px;height:45px;border-radius:0;margin:0;background-color:#f3f4f6;border-color:#ffffff}body.dark .question-item.skel-tab{background-color:#404345;border-color:#282c2f}.active-underline{position:absolute;bottom:0;left:0;height:3px;background-color:#3b82f6;border-radius:1.5px;transition:transform .35s ease-in-out,width .35s ease-in-out;will-change:transform,width}body.dark .active-underline{background-color:#60a5fa}.smart-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-weight:600;font-size:14px;white-space:nowrap;transition:all .3s ease;min-width:80px;justify-content:center}.smart-badge.countdown{background-color:#eff6ff;color:#3b82f6;border:1px solid #dbeafe}.smart-badge.reading{background-color:#fff7ed;color:#f59e0b;border:1px solid #ffedd5}.smart-badge.revealing,.smart-badge.success{background-color:#f0fdf4;color:#22c55e;border:1px solid #dcfce7}.smart-badge .icon-pulse{animation:pulse-opacity 1.5s infinite}.smart-badge.skeleton-loader{background-color:#f1f5f9;border:none;padding:0;width:100px;height:32px;overflow:hidden;position:relative}.smart-badge.skeleton-loader .skeleton-pulse{width:100%;height:100%;background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}body.dark .smart-badge.countdown{background-color:rgba(59,130,246,.15);color:#60a5fa;border-color:rgba(59,130,246,.3)}body.dark .smart-badge.reading{background-color:rgba(245,158,11,.15);color:#fbbf24;border-color:rgba(245,158,11,.3)}body.dark .smart-badge.revealing,body.dark .smart-badge.success{background-color:rgba(34,197,94,.15);color:#4ade80;border-color:rgba(34,197,94,.3)}body.dark .smart-badge.skeleton-loader{background-color:#334155}body.dark .smart-badge.skeleton-loader .skeleton-pulse{background:linear-gradient(90deg,#334155,#475569 50%,#334155)}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.6}}:root{--btn-show-hover:#f59e0b}body.dark{--btn-bg-hover:#93c5fd;--btn-show-hover:#fbbf24}.quiz-mobile-footer{flex:0 0 auto;width:100%;padding:10px;background-color:#fff;border-top:1px solid #e5e7eb}body.dark .quiz-mobile-footer{background-color:#1e1f20;border-top:1px solid #404345}.quiz-mobile-footer .navigation-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz-mobile-footer .nav-group{display:flex;align-items:center;gap:8px}.quiz-mobile-footer .nav-group.left{justify-content:flex-start}.quiz-mobile-footer .nav-group.center{flex-direction:row;gap:16px}.quiz-mobile-footer .nav-group.right{justify-content:flex-end}.quiz-mobile-footer .icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;transition:opacity .15s ease;background-color:transparent;color:#4b5563}@media (hover:hover) and (pointer:fine){.quiz-mobile-footer .icon-button:hover{opacity:.7}}.quiz-mobile-footer .icon-button:disabled{color:#d1d5db;cursor:not-allowed;opacity:1}body.dark .quiz-mobile-footer .icon-button{color:#9ca3af}@media (hover:hover) and (pointer:fine){body.dark .quiz-mobile-footer .icon-button:hover{opacity:.7}}body.dark .quiz-mobile-footer .icon-button:disabled{color:#6b7280}.quiz-mobile-footer .question-counter{font-size:14px;font-weight:600;color:#4b5563}.quiz-mobile-footer .question-counter span{color:#9ca3af}body.dark .quiz-mobile-footer .question-counter{color:#d1d5db}body.dark .quiz-mobile-footer .question-counter span{color:#9ca3af}.quiz-mobile-footer .submit-action .submit-button-footer{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid #3b82f6;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;box-sizing:border-box;min-width:150px;height:40px;transition:background-color .15s ease,color .15s ease;background-color:#e0edff;color:#1144e8}@media (hover:hover) and (pointer:fine){.quiz-mobile-footer .submit-action .submit-button-footer:hover{background-color:#d3e4ff}}body.dark .quiz-mobile-footer .submit-action .submit-button-footer{background-color:rgba(37,99,235,.2);color:#bfdbfe;border-color:#3b82f6}@media (hover:hover) and (pointer:fine){body.dark .quiz-mobile-footer .submit-action .submit-button-footer:hover{background-color:rgba(59,130,246,.3)}}.quiz-mobile-footer .submit-action .submit-button-footer.showing-answer{background-color:#fff3cd;border-color:#facc15;color:#92400e}@media (hover:hover) and (pointer:fine){.quiz-mobile-footer .submit-action .submit-button-footer.showing-answer:hover{background-color:#ffe8a3}}body.dark .quiz-mobile-footer .submit-action .submit-button-footer.showing-answer{background-color:rgba(245,158,11,.2);border-color:#fbbf24;color:#fef3c7}@media (hover:hover) and (pointer:fine){body.dark .quiz-mobile-footer .submit-action .submit-button-footer.showing-answer:hover{background-color:rgba(245,158,11,.3019607843)}}.quiz-mobile-footer .submit-action .submit-button-footer.submitted{cursor:not-allowed;opacity:1;background-color:#dcfce7;border-color:#86efac;color:#166534}body.dark .quiz-mobile-footer .submit-action .submit-button-footer.submitted{background-color:#14532d;border-color:#22c55e;color:#86efac}.quiz-mobile-footer .submit-action .submit-button-footer .btn-icon{width:16px;height:16px;opacity:.4;flex-shrink:0}.quiz-mobile-footer .submit-action .submit-button-footer .btn-icon.active{opacity:1}.quiz-mobile-footer .submit-action .submit-button-footer .btn-label{line-height:1}.icon-button.paused-active{color:#16a34a;background-color:#dcfce7}body.dark .icon-button.paused-active{color:#4ade80;background-color:rgba(22,163,74,.2)}.icon-play{margin-left:2px}.container-edu-add-edit-exam-ver2{display:flex;flex-direction:column;gap:20px;flex:1;overflow:auto;padding:25px 40px;background-color:rgb(249,250,251)}.container-edu-add-edit-exam-ver2 h3{font-weight:600;font-size:16px;color:#0F0F0F}.container-edu-add-edit-exam-ver2 .quiz-add-header-ver2{background-color:#fff;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.133),0 .3px .9px 0 rgba(0,0,0,.11);border-radius:4px}.container-edu-add-edit-exam-ver2 .quiz-add-body .save{margin-left:auto;margin-bottom:20px}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam{display:flex;gap:20px;align-items:flex-start}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left{width:20%;background-color:#fff;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.133),0 .3px .9px 0 rgba(0,0,0,.11);border-radius:4px;padding:20px}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .title{font-weight:600;font-size:16px;display:block;margin-bottom:12px}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .main-image{border:2px dashed #ccc;border-radius:8px;overflow:hidden;text-align:center;padding:8px;background:#f9f9f9}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .main-image img{width:100%;height:auto;border-radius:8px;display:block;margin:0 auto}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .main-image .upload-note{font-size:13px;color:#777;margin-top:8px}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list{margin-top:16px}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-title{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-options{display:flex;gap:8px}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-options .thumb{width:60px;height:40px;object-fit:cover;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:border .2s ease-in-out}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-options .thumb.active{border-color:#3b82f6}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-options .thumb:hover{border-color:#ccc}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-right{background-color:#fff;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.133),0 .3px .9px 0 rgba(0,0,0,.11);border-radius:4px;width:80%;display:flex;flex-direction:column;padding:20px;gap:40px}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-right .title-right{font-weight:600;font-size:16px;display:block}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-right .information-body{display:flex;flex-direction:column;gap:30px}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-right .information-body .dropdown input{border:1px solid #d1d5db}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-right .information-body .dropdown .title{width:68px}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-right .information-footer .button-edu{display:block;margin-left:auto}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam{display:flex;gap:20px;align-items:flex-start}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col{width:25%;padding:20px;background-color:#fff;border-radius:4px;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.133),0 .3px .9px 0 rgba(0,0,0,.11)}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-header{display:flex;justify-content:space-between}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-header .section-header-1{display:flex;align-items:center;gap:10px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-header .section-header-2 button{font-size:13px;height:auto;padding:6px 8px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body p{text-align:center;font-style:italic}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item{display:flex;justify-content:space-between;padding:10px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-left{display:flex;align-items:center;gap:8px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right{font-size:15px;display:flex;align-items:center;gap:20px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right .icon-wrapper{position:relative;display:inline-block;cursor:pointer}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right .icon-wrapper .tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item.active{background-color:rgb(217,217,217);border-radius:4px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col{width:75%;padding:20px;background-color:#fff;border-radius:4px;box-shadow:0 1.6px 3.6px 0 rgba(0,0,0,.133),0 .3px .9px 0 rgba(0,0,0,.11)}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header{padding:0 20px;display:flex;justify-content:space-between;align-items:center}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-1,.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-2{display:flex;align-items:center;gap:10px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-2 button{font-size:13px;height:auto;padding:6px 8px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-2 button .fa-circle-plus,.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-2 button .fa-square-plus{font-size:16px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-2 button.disabled{color:rgba(0,0,0,.26);box-shadow:none;background-color:rgba(0,0,0,.12)}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body p{text-align:center;font-style:italic}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header{display:flex;justify-content:space-between;font-weight:700;margin-bottom:12px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header span{color:#333333}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header .actions{display:flex;gap:8px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header .actions i{cursor:pointer;color:#808080}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content{transition:max-height .3s ease;overflow:hidden;color:#222222}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content p{margin-bottom:12px;line-height:1.5}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content ul{list-style:none;padding:0}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content ul li{margin-bottom:8px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content ul li .correct{color:green;font-weight:700}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .reading-comprehension .content .questions .question-item{margin-bottom:16px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .reading-comprehension .content .questions .question-item p{color:#333333;font-weight:700}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .matching .content ul li{display:flex;justify-content:space-between}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .fill-in-the-blank .content ul li{font-style:italic}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .toggle-button{background:none;border:none;cursor:pointer;color:#607186;margin-top:8px;font-size:14px;font-weight:700;padding:4px 8px}@media (max-width:768px){input,textarea{font-size:16px}}@media (max-width:575.98px){.container-edu-add-edit-exam{background-color:#fff;padding:0;width:100%}.container-edu-add-edit-exam .quizz-add{border:none;box-shadow:none}.container-edu-add-edit-exam .quizz-add .quiz-add-body .information-exam{flex-direction:column}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam{flex-direction:column;padding:20px 0;gap:20px}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam .left-col{width:100%;border-right:none}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam .right-col{width:100%}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body{max-height:none;height:auto;grid-template-columns:1fr}}@media (min-width:576px) and (max-width:767.98px){.container-edu-add-edit-exam{background-color:#fff;padding:10px;width:100%}.container-edu-add-edit-exam .quizz-add{border:none;box-shadow:none}.container-edu-add-edit-exam .quizz-add .quiz-add-body .information-exam{flex-direction:column}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam{flex-direction:column;gap:20px}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam .left-col{width:100%;border-right:none}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam .right-col{width:100%}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body{max-height:none;height:auto;grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991.98px){.container-edu-add-edit-exam{width:720px}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam{flex-direction:column;gap:20px}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam .left-col{width:100%;border-right:none}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam .right-col{width:100%}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body{max-height:none;height:auto;grid-template-columns:1fr}}@media (min-width:992px) and (max-width:1199.98px){.container-edu-add-edit-exam{width:960px}}@media (min-width:1200px) and (max-width:1399.98px){.container-edu-add-edit-exam{width:1140px}}@media (min-width:1400px) and (max-width:1669.98px){.container-edu-add-edit-exam{width:1320px}}@media (min-width:1670px){.container-edu-add-edit-exam{width:1670px}}.quiz-info-form .skeleton{background-color:#e0e0e0;border-radius:6px}.quiz-info-form .skeleton.skeleton-button{width:160px;height:40px;margin-bottom:24px;margin-left:auto}.quiz-info-form .skeleton.skeleton-title{width:120px;height:20px;margin-bottom:12px}.quiz-info-form .skeleton.skeleton-subtitle{width:100px;height:16px;margin:16px 0 8px}.quiz-info-form .skeleton.skeleton-image{width:100%;height:200px}.quiz-info-form .skeleton.skeleton-thumb{width:40px;height:40px}.quiz-info-form .skeleton.skeleton-input{width:100%;height:30px;margin-bottom:16px}.quiz-info-form .skeleton.skeleton-textarea{width:100%;height:80px;margin-bottom:16px}.quiz-info-form .skeleton.skeleton-dropdown{width:100%;height:36px}.quiz-info-form .information-exam{display:flex;gap:20px;align-items:flex-start}.quiz-info-form .information-exam .information-left{width:20%;background-color:#fff;padding:16px;border-radius:16px;box-shadow:0 10px 10px rgba(0,0,0,.04)}.quiz-info-form .information-exam .information-left .thumb-list .thumb-options{display:flex;gap:10px}.quiz-info-form .information-exam .information-right{width:80%;background-color:#fff;padding:16px;border-radius:16px;box-shadow:0 10px 10px rgba(0,0,0,.04)}.quiz-info-form .information-exam .information-right .information-body{display:flex;flex-direction:column;gap:10px}body.dark .quiz-info-form .skeleton{background-color:rgba(224,224,224,.1568627451)}body.dark .quiz-info-form .information-left,body.dark .quiz-info-form .information-right{background-color:rgb(30,31,32);box-shadow:none}.skeleton,.skeleton--question,.skeleton--section,.skeleton-answer-line,.skeleton-avatar,.skeleton-banner,.skeleton-box,.skeleton-button,.skeleton-circle,.skeleton-icon,.skeleton-input,.skeleton-logo,.skeleton-pill,.skeleton-question-text,.skeleton-question-title,.skeleton-subtitle,.skeleton-tab,.skeleton-text,.skeleton-title{position:relative;overflow:hidden;background-color:#e2e2e2}.skeleton--question:after,.skeleton--section:after,.skeleton-answer-line:after,.skeleton-avatar:after,.skeleton-banner:after,.skeleton-box:after,.skeleton-button:after,.skeleton-circle:after,.skeleton-icon:after,.skeleton-input:after,.skeleton-logo:after,.skeleton-pill:after,.skeleton-question-text:after,.skeleton-question-title:after,.skeleton-subtitle:after,.skeleton-tab:after,.skeleton-text:after,.skeleton-title:after,.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translateX(-100%);animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton-logo{width:120px;height:40px;border-radius:6px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton--section{height:42px;border-radius:8px;margin:4px 4px 0}.skeleton--question{height:120px;border-radius:8px}.skeleton-title{width:70%}.skeleton-subtitle,.skeleton-title{height:20px;margin:12px 0;border-radius:4px}.skeleton-subtitle{width:150px}.skeleton-text{height:14px;width:80%;margin:6px 0;border-radius:4px}.skeleton-text.short{width:40%}.skeleton-text.tiny{width:30px;height:12px}.skeleton-circle{width:32px;height:32px;border-radius:50%}.skeleton-button{height:36px;width:65px;border-radius:8px}.skeleton-pill{height:28px;width:100px;border-radius:9999px}.skeleton-pill.small{width:70px}.skeleton-banner{height:40px;width:100%;border-radius:8px;margin-top:12px}.skeleton-input{width:200px;height:32px;border-radius:6px}.skeleton-icon{width:32px;height:32px;border-radius:6px;margin-left:8px}.skeleton-question-title{height:16px;width:40%;margin-bottom:6px;border-radius:4px}.skeleton-question-text{height:14px;width:90%;margin-bottom:8px;border-radius:4px}.skeleton-answer-line{height:12px;width:95%;margin-bottom:6px;border-radius:4px}.skeleton-tab-box{display:flex}.skeleton-tab{height:32px;width:100px;margin:8px;border-radius:6px}.skeleton-card{padding:16px;border-radius:16px;background-color:#fff;border:1px solid #e5e7eb}.skeleton-box{height:180px;width:100%;border-radius:16px 16px 0 0}.skeleton-line-start{height:1px;width:100%;border:none;background-color:#e5e7eb;margin:12px 0}body.dark .skeleton,body.dark .skeleton--question,body.dark .skeleton--section,body.dark .skeleton-answer-line,body.dark .skeleton-avatar,body.dark .skeleton-banner,body.dark .skeleton-box,body.dark .skeleton-button,body.dark .skeleton-circle,body.dark .skeleton-icon,body.dark .skeleton-input,body.dark .skeleton-logo,body.dark .skeleton-pill,body.dark .skeleton-question-text,body.dark .skeleton-question-title,body.dark .skeleton-subtitle,body.dark .skeleton-tab,body.dark .skeleton-text,body.dark .skeleton-title{background-color:rgba(224,224,224,.1568627451)}body.dark .skeleton--question:after,body.dark .skeleton--section:after,body.dark .skeleton-answer-line:after,body.dark .skeleton-avatar:after,body.dark .skeleton-banner:after,body.dark .skeleton-box:after,body.dark .skeleton-button:after,body.dark .skeleton-circle:after,body.dark .skeleton-icon:after,body.dark .skeleton-input:after,body.dark .skeleton-logo:after,body.dark .skeleton-pill:after,body.dark .skeleton-question-text:after,body.dark .skeleton-question-title:after,body.dark .skeleton-subtitle:after,body.dark .skeleton-tab:after,body.dark .skeleton-text:after,body.dark .skeleton-title:after,body.dark .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}body.dark .skeleton-card{background-color:rgb(30,31,32);border:none}body.dark .skeleton-line-start{background-color:rgba(75,85,99,.4)}.quiz-practice-skeleton{padding-top:102px;width:90%;margin:auto}.quiz-practice-skeleton.is-skeleton{animation:pulsee 2s cubic-bezier(.4,0,.6,1) infinite}.quiz-practice-skeleton .header-skeleton{position:fixed;top:0;left:0;width:100%;height:70px;background-color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.05);z-index:999;display:flex;align-items:center;justify-content:center}.quiz-practice-skeleton .header-skeleton .header-container{width:90%;display:flex;justify-content:space-between;align-items:center}.quiz-practice-skeleton .header-skeleton .left-group,.quiz-practice-skeleton .header-skeleton .right-group{display:flex;align-items:center;gap:12px}.quiz-practice-skeleton .header-skeleton .skeleton-logo-icon{width:32px;height:32px;border-radius:6px}.quiz-practice-skeleton .header-skeleton .skeleton-header-title{width:150px;height:20px}.quiz-practice-skeleton .header-skeleton .skeleton-header-action{width:100px;height:32px;border-radius:20px}.quiz-practice-skeleton .header-skeleton .skeleton-avatar-sm{width:32px;height:32px;border-radius:50%}.quiz-practice-skeleton .box-quiz{display:flex;gap:30px;min-height:calc(100vh - 120px);align-items:stretch}.quiz-practice-skeleton .center,.quiz-practice-skeleton .left,.quiz-practice-skeleton .right{flex:0.5}.quiz-practice-skeleton .center.center,.quiz-practice-skeleton .left.center,.quiz-practice-skeleton .right.center{flex:1}.quiz-practice-skeleton .center .root,.quiz-practice-skeleton .left .root,.quiz-practice-skeleton .right .root{background-color:#ffffff;border-radius:16px;box-shadow:0 10px 10px 4px rgba(0,0,0,.04);padding:24px;display:flex;flex-direction:column;gap:16px;height:100%}.quiz-practice-skeleton .skeleton{background-color:#e2e2e2;border-radius:8px}.quiz-practice-skeleton .skeleton.skeleton-title{height:24px;width:60%;margin-bottom:8px}.quiz-practice-skeleton .skeleton.skeleton-avatar{width:60px;height:60px;border-radius:50%;align-self:center}.quiz-practice-skeleton .skeleton.skeleton-line{width:100%;height:2px}.quiz-practice-skeleton .skeleton.skeleton-text{width:80%;height:14px}.quiz-practice-skeleton .skeleton.skeleton-time{width:100px;height:30px;align-self:center;border-radius:20px}.quiz-practice-skeleton .skeleton.skeleton-dropdown{height:44px;width:100%}.quiz-practice-skeleton .skeleton.skeleton-button{height:40px;width:100%;border-radius:8px}.quiz-practice-skeleton .skeleton.skeleton-question{width:100%;height:60px;margin-bottom:10px}.quiz-practice-skeleton .skeleton.skeleton-option{height:44px;width:100%;border-radius:12px}.quiz-practice-skeleton .skeleton.skeleton-footer-button{height:44px;width:120px;align-self:flex-end}.quiz-practice-skeleton .skeleton.skeleton-circle{width:36px;height:36px;border-radius:50%}.quiz-practice-skeleton .skeleton-grid-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:10px}@media (max-width:991.98px){.quiz-practice-skeleton{padding-top:90px;width:95%}.quiz-practice-skeleton .header-skeleton .header-container{width:95%}.quiz-practice-skeleton .box-quiz{flex-direction:column}.quiz-practice-skeleton .right{order:-1}.quiz-practice-skeleton .center{order:0}.quiz-practice-skeleton .left{order:1}}@media (max-width:575.98px){.quiz-practice-skeleton{padding-top:80px;width:100%;padding-left:12px;padding-right:12px}.quiz-practice-skeleton .header-skeleton{height:60px}.quiz-practice-skeleton .header-skeleton .header-container{width:100%;padding:0 12px}.quiz-practice-skeleton .header-skeleton .skeleton-header-title{width:100px}.quiz-practice-skeleton .header-skeleton .skeleton-header-action{display:none}.quiz-practice-skeleton .box-quiz{gap:16px}.quiz-practice-skeleton .center .root,.quiz-practice-skeleton .left .root,.quiz-practice-skeleton .right .root{padding:16px}}body.dark .quiz-practice-skeleton .header-skeleton{background-color:rgb(30,31,32);border-bottom:1px solid rgba(75,85,99,.4)}body.dark .quiz-practice-skeleton .center .root,body.dark .quiz-practice-skeleton .left .root,body.dark .quiz-practice-skeleton .right .root{background-color:rgb(30,31,32);border:1px solid rgba(75,85,99,.4)}body.dark .quiz-practice-skeleton .skeleton,body.dark .quiz-practice-skeleton .skeleton.skeleton-circle{background-color:rgba(224,224,224,.1568627451)}.container-form-repair{width:1024px;margin:100px auto;background:white;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden;color:#020817;font-size:14px;font-family:Inter}.title{text-align:center;margin-top:30px}.title h1{color:#3b82f6;font-size:28px;margin-bottom:5px}.title p{color:#6b7280;margin:0}.header-repair{background:linear-gradient(90deg,#3b82f6,#4f46e5);padding:20px}.header-repair .header-top{color:white;font-size:24px;font-weight:600;display:flex;align-items:center;gap:8px;letter-spacing:-.8px}.header-repair .header-bottom{margin-top:6px;color:#DBEAFE}.body-repair form .form-group{margin-top:24px;margin-bottom:20px;padding:0 24px}.body-repair form .form-group label{font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:6px}.body-repair form .form-group .input-form-group,.body-repair form .form-group select,.body-repair form .form-group textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #ccc;font-size:16px;box-sizing:border-box}.body-repair form .form-group input[type=file]{display:none}.body-repair form .form-group textarea{min-height:100px}.footer-repair{padding:16px;background-color:#f8fafc;border-top:1px solid hsl(214.3,31.8%,91.4%)}.footer-repair .submit-btn{text-align:center}.footer-repair .submit-btn button{background:linear-gradient(90deg,#3b82f6,#4f46e5);color:#F8FAFC;padding:5px 15px;border:none;border-radius:8px;font-size:16px;cursor:pointer}.footer-repair .submit-btn button:hover{background-color:#4338ca}.footer-repair .submit-btn button .submit-two{display:flex;align-items:center;gap:8px;font-weight:500;font-family:Inter;justify-content:center}.required{color:red}.lucidee{width:16px;height:16px;stroke-width:1.5;color:#3b82f6}.lucidee.white{color:white;width:20px;height:20px}.custom-file-upload{display:flex;align-items:center;gap:10px}.custom-file-upload .upload-btn{display:inline-block;background-color:#f0f6ff;color:#1a73e8;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:background-color .2s ease;display:flex;align-items:center}.custom-file-upload .upload-btn:hover{background-color:#e3efff}.custom-file-upload .upload-btn i{margin-right:4px}.custom-file-upload input[type=file]{display:none}.custom-file-upload .file-name{color:#5f6368;margin-bottom:6px;font-family:Inter;font-weight:500}@media (max-width:768px){.container-form-repair{width:95%}.container-form-repair .footer-repair .submit-btn button{padding:10px 15px}}.card-repair-list{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:16px;width:60%;margin-left:auto;margin-right:auto}.card-repair-list .toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.card-repair-list .toolbar .container-dropdown-filter-status{display:flex;gap:16px;align-items:center;justify-content:flex-start}.card-repair-list .toolbar .container-dropdown-page-size{display:flex;gap:10px;align-items:center}.card-repair-list .repair-table-detail{border-radius:6px}.card-repair-list .repair-table-detail .table-row{display:grid;grid-template-columns:.5fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr 1.5fr}.card-repair-list .repair-table-detail .table-row:nth-child(odd){background-color:#F3F2F1}.card-repair-list .repair-table-detail .table-row:nth-child(2n){background-color:#fff}.card-repair-list .repair-table-detail .table-row:last-child{border-bottom:none}.card-repair-list .repair-table-detail .table-row .table-cell{padding:10px;word-break:break-word}.card-repair-list .repair-table-detail .table-row .table-cell .repair-table-profile-name{font-weight:600}.card-repair-list .repair-table-detail .table-row .table-cell .repair-table-profile-divisions{font-weight:400;color:#606060}.card-repair-list .repair-table-detail .table-row .table-cell .icon-wrapper{position:relative;display:inline-block;cursor:pointer}.card-repair-list .repair-table-detail .table-row .table-cell .icon-wrapper .tooltip{position:absolute;z-index:9999;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(97,97,97,.92);color:#fff;padding:8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.card-repair-list .repair-table-detail .table-row .table-cell .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.card-repair-list .repair-table-detail .table-row .table-cell .container-action{display:flex;flex-direction:column;gap:8px}.card-repair-list .repair-table-detail .table-row .table-cell .container-action .item-action a{color:#000000}.card-repair-list .repair-table-detail .table-row .table-cell .container-action .item-action a span{margin-left:5px}.card-repair-list .repair-table-detail .table-row .table-cell .qr-image{width:70px;height:70px;border:1px solid green;border-radius:8px}.card-repair-list .repair-table-detail .table-row.header{font-weight:700;background-color:#fff;position:sticky;top:0;z-index:990;border-bottom:1px solid #000}@media (max-width:575.98px){.card-repair-list{width:95%}.card-repair-list .repair-table-detail{overflow-x:auto}.card-repair-list .repair-table-detail .table-row{min-width:1000px;grid-template-columns:.3fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr}.card-repair-list .repair-table-detail .table-row .table-cell{padding:8px;font-size:12.5px}.card-repair-list .repair-table-detail .table-row .table-cell:first-child,.card-repair-list .repair-table-detail .table-row .table-cell:nth-child(2){position:sticky;left:0;z-index:1;background-color:#fff;box-shadow:1px 0 5px rgba(0,0,0,.1)}.card-repair-list .repair-table-detail .table-row .table-cell .profile-table img{width:30px;height:30px}}@media (min-width:576px) and (max-width:767.98px){.card-repair-list{width:95%}.card-repair-list .repair-table-detail{overflow-x:auto}.card-repair-list .repair-table-detail .table-row{min-width:1000px;grid-template-columns:.4fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr}.card-repair-list .repair-table-detail .table-row .table-cell{padding:8px;font-size:12.5px}.card-repair-list .repair-table-detail .table-row .table-cell:first-child,.card-repair-list .repair-table-detail .table-row .table-cell:nth-child(2){position:sticky;left:0;z-index:1;background-color:#fff;box-shadow:1px 0 5px rgba(0,0,0,.1)}.card-repair-list .repair-table-detail .table-row .table-cell .profile-table img{width:30px;height:30px}}.quiz-add-header-skeleton{background-color:#fff;padding:8px;border-radius:4px}.quiz-add-header-skeleton .skeleton-navigation{display:flex;gap:16px}.quiz-add-header-skeleton .skeleton-navigation__item{width:160px;height:30px;border-radius:8px;background:#e0e0e0;animation:pulse 1.2s ease-in-out infinite}body.dark .quiz-add-header-skeleton{background-color:rgb(30,31,32)}body.dark .quiz-add-header-skeleton .skeleton-navigation__item{background-color:rgba(224,224,224,.1568627451)}.modal-add-question-ai{background-color:#ffffff;color:#1f2937;box-shadow:0 15px 50px rgba(0,0,0,.15);max-width:900px;width:calc(100% - 40px);height:90vh;max-height:900px;border-radius:12px;position:relative;overflow:hidden;display:flex;flex-direction:column;animation:modalFadeIn .2s ease-out}body.dark .modal-add-question-ai{background-color:#1b1b1b;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.08);color:#e3e3e3}.modal-add-question-ai .selector-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:40}.modal-add-question-ai .modal-header{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;flex-shrink:0}body.dark .modal-add-question-ai .modal-header{border-bottom-color:rgba(255,255,255,.08);background-color:rgb(30,31,32)}.modal-add-question-ai .modal-header .title-index-mobile{font-weight:700;font-size:18px;color:#1f2937;display:flex;align-items:center;gap:10px}body.dark .modal-add-question-ai .modal-header .title-index-mobile{color:#e3e3e3}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector{position:relative}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-trigger{display:flex;align-items:center;gap:8px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s;max-width:350px}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-trigger:hover{background-color:#f3f4f6}body.dark .modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-trigger{background-color:#18181b;border-color:rgba(255,255,255,.08);color:#e3e3e3}body.dark .modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-trigger:hover{background-color:#37393b;border-color:rgba(107,114,128,.1098039216)}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-trigger .selector-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-trigger .selector-count{color:#6b7280;font-weight:400;flex-shrink:0}body.dark .modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-trigger .selector-count{color:#aaaaaa}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-trigger .chevron{color:#6b7280;transition:transform .2s}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-trigger .chevron.open{transform:rotate(180deg)}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:50;width:320px;max-height:300px;overflow-y:auto;padding:8px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.1)}body.dark .modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options{scrollbar-color:#555 transparent;background-color:#18181b;border-color:rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.4)}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .selector-group{margin-bottom:8px}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .selector-group .group-label{display:block;padding:6px 12px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}body.dark .modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .selector-group .group-label{color:#aaaaaa}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:14px;font-weight:500;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#1f2937}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item .option-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item .option-count{flex-shrink:0;margin-left:8px;color:#6b7280;font-size:12px}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item:hover{background-color:#f9fafb}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item.selected{background-color:#dbeafe;color:#3b82f6}.modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item.selected .option-count{color:#3b82f6}body.dark .modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item{color:#e3e3e3}body.dark .modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item .option-count{color:#aaaaaa}body.dark .modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item:hover{background-color:#37393b}body.dark .modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item.selected{background-color:rgba(59,130,246,.2);color:rgb(107.7609756098,161.0975609756,248.2390243902)}body.dark .modal-add-question-ai .modal-header .title-index-mobile .header-section-selector .selector-options .option-item.selected .option-count{color:rgb(107.7609756098,161.0975609756,248.2390243902)}.modal-add-question-ai .modal-header .close-modal-new{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:#6b7280;transition:.2s}.modal-add-question-ai .modal-header .close-modal-new:hover{background-color:#f3f4f6;color:#ef4444}body.dark .modal-add-question-ai .modal-header .close-modal-new{color:#aaaaaa}body.dark .modal-add-question-ai .modal-header .close-modal-new:hover{background-color:#37393b;color:#ef4444}.modal-add-question-ai .modal-body{padding:24px;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;background-color:#f9fafb}body.dark .modal-add-question-ai .modal-body{background-color:#121212}.modal-add-question-ai .modal-body::-webkit-scrollbar{width:6px}.modal-add-question-ai .modal-body::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .modal-add-question-ai .modal-body::-webkit-scrollbar-thumb{background-color:#282a2c}.modal-add-question-ai .c-modal__footer{padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#ffffff;display:flex;justify-content:flex-end;align-items:center}body.dark .modal-add-question-ai .c-modal__footer{background-color:rgb(30,31,32);border-top-color:rgba(255,255,255,.08)}.modal-add-question-ai .c-modal__footer .button-edu{padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;border:none;background:#3b82f6;color:white;display:flex;align-items:center;gap:8px}.modal-add-question-ai .c-modal__footer .button-edu:hover{background:rgba(37,100,235,.6509803922)}.modal-add-question-ai .c-modal__footer .button-edu:disabled{opacity:.6;cursor:not-allowed}.modal-add-question-ai .c-modal__footer .button-edu.secondary{background:transparent;color:#4b5563;border:1px solid #d1d5db}.modal-add-question-ai .c-modal__footer .button-edu.secondary:hover{background:#f3f4f6}.modal-add-question-ai .token-hud{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:10px;border-radius:8px;font-size:13px;font-weight:500;background-color:#ffffff;background-color:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}body.dark .modal-add-question-ai .token-hud{background-color:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#4ade80}.modal-add-question-ai .token-hud .left{display:flex;align-items:center;gap:8px}.modal-add-question-ai .token-hud .left svg{color:inherit}.modal-add-question-ai .token-hud .right{display:flex;align-items:center;gap:8px}.modal-add-question-ai .token-hud .pill{background:rgba(0,0,0,.05);padding:4px 10px;border-radius:20px;font-size:12px}body.dark .modal-add-question-ai .token-hud .pill{background:rgba(255,255,255,.1)}.modal-add-question-ai .worker-offline-art{position:relative;margin-bottom:20px;display:inline-block}.modal-add-question-ai .worker-offline-art .status-badge{position:absolute;bottom:-5px;right:-10px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:800;background:#fee2e2;color:#ef4444;border:1px solid #fecaca;box-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-add-question-ai .spinner-container{position:relative;display:inline-block}.modal-add-question-ai .spinner-container .spinner{color:#3b82f6;transition:color .3s}.modal-add-question-ai .spinner-container .spinner-warning{color:#f59e0b!important}.modal-add-question-ai .spinner-container .connection-warning{position:absolute;bottom:0;right:0;background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#f59e0b;font-size:12px;animation:pulse 1s infinite}.modal-add-question-ai .process-log{margin-top:20px;width:100%;max-width:500px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;height:140px}body.dark .modal-add-question-ai .process-log{background-color:#1e1e1e;border-color:#333}.modal-add-question-ai .process-log .log-header{padding:6px 12px;background:#e2e8f0;color:#475569;font-weight:700;font-size:11px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}body.dark .modal-add-question-ai .process-log .log-header{background:#333;color:#94a3b8}.modal-add-question-ai .process-log .log-content{padding:10px;overflow-y:auto;flex:1;font-family:Consolas,Monaco,monospace;font-size:12px}.modal-add-question-ai .process-log .log-content::-webkit-scrollbar{width:4px}.modal-add-question-ai .process-log .log-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.modal-add-question-ai .process-log .log-line{margin-bottom:4px;line-height:1.4;color:#334155;animation:fadeIn .3s ease}body.dark .modal-add-question-ai .process-log .log-line{color:#cbd5e1}.modal-add-question-ai .process-log .log-line.text-error{color:#ef4444;font-weight:700}.modal-add-question-ai .process-log .log-line.text-success{color:#4caf50;font-weight:700}.modal-add-question-ai .process-log .log-line.text-warning{color:#f59e0b}.modal-add-question-ai .progress-bar-wrap{width:80%;max-width:400px;height:8px;background:#e5e7eb;border-radius:4px;margin-top:20px;overflow:hidden}body.dark .modal-add-question-ai .progress-bar-wrap{background:#282a2c}.modal-add-question-ai .progress-bar-wrap .progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .5s cubic-bezier(.4,0,.2,1)}.modal-add-question-ai .ai-mode-tabs{display:flex;gap:10px;margin-bottom:20px;padding:4px;background-color:#e5e7eb;border-radius:10px}body.dark .modal-add-question-ai .ai-mode-tabs{background-color:rgb(30,31,32)}.modal-add-question-ai .ai-mode-tabs .ai-tab{flex:1;padding:10px;border-radius:8px;border:none;background:transparent;color:#6b7280;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px}.modal-add-question-ai .ai-mode-tabs .ai-tab:hover{color:#1f2937}.modal-add-question-ai .ai-mode-tabs .ai-tab.active{background-color:#ffffff;color:#3b82f6;box-shadow:0 2px 4px rgba(0,0,0,.05)}body.dark .modal-add-question-ai .ai-mode-tabs .ai-tab{color:#aaaaaa}body.dark .modal-add-question-ai .ai-mode-tabs .ai-tab:hover{color:#e3e3e3}body.dark .modal-add-question-ai .ai-mode-tabs .ai-tab.active{background-color:#282a2c;color:#e3e3e3;box-shadow:0 2px 4px rgba(0,0,0,.2)}.modal-add-question-ai .ai-mode-tabs .ai-tab.is-disabled{opacity:.5;cursor:not-allowed}.modal-add-question-ai .dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:40px;text-align:center;cursor:pointer;background-color:#ffffff;transition:.2s;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-add-question-ai .dropzone.active,.modal-add-question-ai .dropzone:hover{border-color:#3b82f6;background-color:#dbeafe}.modal-add-question-ai .dropzone .icon-default,.modal-add-question-ai .dropzone .icon-image{color:#6b7280;font-size:40px;margin-bottom:12px}.modal-add-question-ai .dropzone .icon-pdf{color:#ef4444;font-size:40px;margin-bottom:12px}.modal-add-question-ai .dropzone .icon-word{color:#3b82f6;font-size:40px;margin-bottom:12px}.modal-add-question-ai .dropzone p{margin:5px 0;color:#4b5563;font-size:14px}body.dark .modal-add-question-ai .dropzone{background-color:#18181b;border-color:rgba(255,255,255,.08)}body.dark .modal-add-question-ai .dropzone .icon-default,body.dark .modal-add-question-ai .dropzone .icon-image,body.dark .modal-add-question-ai .dropzone p{color:#aaaaaa}body.dark .modal-add-question-ai .dropzone.active,body.dark .modal-add-question-ai .dropzone:hover{background-color:rgba(59,130,246,.1);border-color:#3b82f6}.modal-add-question-ai .image-batch{margin-top:15px}.modal-add-question-ai .image-batch__header{font-size:13px;margin-bottom:8px;color:#4b5563}body.dark .modal-add-question-ai .image-batch__header{color:#aaaaaa}.modal-add-question-ai .image-batch__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.modal-add-question-ai .image-thumb{position:relative;height:70px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}body.dark .modal-add-question-ai .image-thumb{border-color:rgba(75,85,99,.4)}.modal-add-question-ai .image-thumb img{width:100%;height:100%;object-fit:cover}.modal-add-question-ai .image-thumb__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:rgba(0,0,0,.6);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.modal-add-question-ai .image-thumb__remove:hover{background:#ef4444}.modal-add-question-ai .exam-controls,.modal-add-question-ai .lecture-controls,.modal-add-question-ai .topic-controls{display:flex;flex-direction:column;gap:15px;margin-top:20px}.modal-add-question-ai .exam-controls .control-row,.modal-add-question-ai .lecture-controls .control-row,.modal-add-question-ai .topic-controls .control-row{display:flex;flex-direction:column;gap:6px}.modal-add-question-ai .exam-controls .control-row label,.modal-add-question-ai .lecture-controls .control-row label,.modal-add-question-ai .topic-controls .control-row label{font-size:14px;font-weight:600;color:#1f2937}body.dark .modal-add-question-ai .exam-controls .control-row label,body.dark .modal-add-question-ai .lecture-controls .control-row label,body.dark .modal-add-question-ai .topic-controls .control-row label{color:#aaaaaa}.modal-add-question-ai .exam-controls .control-row input[type=number],.modal-add-question-ai .exam-controls .control-row input[type=text],.modal-add-question-ai .lecture-controls .control-row input[type=number],.modal-add-question-ai .lecture-controls .control-row input[type=text],.modal-add-question-ai .topic-controls .control-row input[type=number],.modal-add-question-ai .topic-controls .control-row input[type=text]{padding:10px;border:1px solid #d1d5db;border-radius:6px;background-color:#ffffff;color:#1f2937;font-size:14px}.modal-add-question-ai .exam-controls .control-row input[type=number]:focus,.modal-add-question-ai .exam-controls .control-row input[type=text]:focus,.modal-add-question-ai .lecture-controls .control-row input[type=number]:focus,.modal-add-question-ai .lecture-controls .control-row input[type=text]:focus,.modal-add-question-ai .topic-controls .control-row input[type=number]:focus,.modal-add-question-ai .topic-controls .control-row input[type=text]:focus{outline:none;border-color:#3b82f6}body.dark .modal-add-question-ai .exam-controls .control-row input[type=number],body.dark .modal-add-question-ai .exam-controls .control-row input[type=text],body.dark .modal-add-question-ai .lecture-controls .control-row input[type=number],body.dark .modal-add-question-ai .lecture-controls .control-row input[type=text],body.dark .modal-add-question-ai .topic-controls .control-row input[type=number],body.dark .modal-add-question-ai .topic-controls .control-row input[type=text]{background-color:#18181b;border-color:rgba(255,255,255,.08);color:#e3e3e3}body.dark .modal-add-question-ai .exam-controls .control-row input[type=number]:focus,body.dark .modal-add-question-ai .exam-controls .control-row input[type=text]:focus,body.dark .modal-add-question-ai .lecture-controls .control-row input[type=number]:focus,body.dark .modal-add-question-ai .lecture-controls .control-row input[type=text]:focus,body.dark .modal-add-question-ai .topic-controls .control-row input[type=number]:focus,body.dark .modal-add-question-ai .topic-controls .control-row input[type=text]:focus{border-color:#3b82f6}.modal-add-question-ai .exam-controls .control-row .char-counter,.modal-add-question-ai .lecture-controls .control-row .char-counter,.modal-add-question-ai .topic-controls .control-row .char-counter{font-size:12px;color:#6b7280;text-align:right;margin-top:2px}.modal-add-question-ai .exam-controls .qtype-grid,.modal-add-question-ai .lecture-controls .qtype-grid,.modal-add-question-ai .topic-controls .qtype-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.modal-add-question-ai .exam-controls .qtype-grid .qtype-item,.modal-add-question-ai .lecture-controls .qtype-grid .qtype-item,.modal-add-question-ai .topic-controls .qtype-grid .qtype-item{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;background-color:#ffffff;transition:.2s}.modal-add-question-ai .exam-controls .qtype-grid .qtype-item:hover,.modal-add-question-ai .lecture-controls .qtype-grid .qtype-item:hover,.modal-add-question-ai .topic-controls .qtype-grid .qtype-item:hover{border-color:#3b82f6}.modal-add-question-ai .exam-controls .qtype-grid .qtype-item.active,.modal-add-question-ai .lecture-controls .qtype-grid .qtype-item.active,.modal-add-question-ai .topic-controls .qtype-grid .qtype-item.active{background-color:#dbeafe;border-color:#3b82f6;font-weight:500;color:#3b82f6}.modal-add-question-ai .exam-controls .qtype-grid .qtype-item.disabled,.modal-add-question-ai .lecture-controls .qtype-grid .qtype-item.disabled,.modal-add-question-ai .topic-controls .qtype-grid .qtype-item.disabled{opacity:.5;pointer-events:none}body.dark .modal-add-question-ai .exam-controls .qtype-grid .qtype-item,body.dark .modal-add-question-ai .lecture-controls .qtype-grid .qtype-item,body.dark .modal-add-question-ai .topic-controls .qtype-grid .qtype-item{background-color:#18181b;border-color:rgba(255,255,255,.08);color:#aaaaaa}body.dark .modal-add-question-ai .exam-controls .qtype-grid .qtype-item.active,body.dark .modal-add-question-ai .lecture-controls .qtype-grid .qtype-item.active,body.dark .modal-add-question-ai .topic-controls .qtype-grid .qtype-item.active{background-color:rgba(59,130,246,.2);color:rgb(107.7609756098,161.0975609756,248.2390243902)}.modal-add-question-ai .preview-container{flex:1;position:relative}.modal-add-question-ai .question-single{position:relative;border:none!important;background:transparent!important;margin:0!important;padding:0 0 16px!important}.modal-add-question-ai .question-single .question-details{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 48px 16px 16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}body.dark .modal-add-question-ai .question-single .question-details{background:#18181b;border-color:rgba(255,255,255,.08);color:#e3e3e3;box-shadow:0 4px 6px rgba(0,0,0,.2)}.modal-add-question-ai .question-single.is-critical-wrapper .question-details{border-left:4px solid #ef4444}.modal-add-question-ai .question-single .delete-question-btn{position:absolute!important;top:12px!important;right:12px!important;width:28px!important;height:28px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;color:#a1a1aa!important;border:1px solid transparent;transition:all .2s;z-index:10}body.dark .modal-add-question-ai .question-single .delete-question-btn{color:#52525b!important}.modal-add-question-ai .question-single .delete-question-btn:hover{color:#ef4444!important;background-color:transparent!important}.modal-add-question-ai .question-single .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #d1d5db}.modal-add-question-ai .question-single .question-header strong{color:#1f2937}body.dark .modal-add-question-ai .question-single .question-header strong{color:#e3e3e3}body.dark .modal-add-question-ai .question-single .question-header{border-bottom-color:rgba(75,85,99,.4)}.modal-add-question-ai .question-single .question-header .left-info{display:flex;align-items:center;gap:10px}.modal-add-question-ai .question-single .critical-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;background:#fee2e2;color:#ef4444;border:1px solid #fca5a5}body.dark .modal-add-question-ai .question-single .critical-badge{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4)}.modal-add-question-ai .question-single .type-badge-container{display:flex;gap:8px}.modal-add-question-ai .question-single .type-badge{display:inline-block;font-size:11px;padding:2px 10px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background-color:#f9fafb;border:1px solid #e5e7eb;color:#4b5563}body.dark .modal-add-question-ai .question-single .type-badge{background-color:transparent;border-color:rgba(255,255,255,.12);color:#81818b}.modal-add-question-ai .question-single .question-text{font-size:15px;line-height:1.6;color:#1f2937;margin-bottom:15px}body.dark .modal-add-question-ai .question-single .question-text{color:#e4e4e7}.modal-add-question-ai .question-single .explanation-block{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.6;background-color:#f9fafb;border:1px solid #e5e7eb;color:#4b5563}body.dark .modal-add-question-ai .question-single .explanation-block{background-color:rgba(255,255,255,.02);border-color:rgba(255,255,255,.08);color:#a1a1aa}.modal-add-question-ai .question-single .explanation-block .exp-label{font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;color:#4b5563}body.dark .modal-add-question-ai .question-single .explanation-block .exp-label{color:#71717a}.modal-add-question-ai .question-single .explanation-block .exp-label svg{color:#fbbf24;opacity:.8}.modal-add-question-ai .question-single .explanation-block .exp-content p{color:inherit}body.dark .modal-add-question-ai .question-single .explanation-block .exp-content{color:#d4d4d8}.modal-add-question-ai .question-single .question-answers{padding-left:12px;border-left:3px solid #f3f4f6;margin-top:12px}body.dark .modal-add-question-ai .question-single .question-answers{border-left-color:rgba(75,85,99,.4)}.modal-add-question-ai .question-single .answer-item{margin-bottom:8px;padding:10px 14px;border-radius:8px;border:1px solid transparent;transition:all .2s ease;background-color:#f9fafb}body.dark .modal-add-question-ai .question-single .answer-item{background-color:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05)}.modal-add-question-ai .question-single .answer-item p{margin:0;color:#1f2937;display:flex;align-items:flex-start;gap:8px}body.dark .modal-add-question-ai .question-single .answer-item p{color:#a1a1aa}.modal-add-question-ai .question-single .answer-item.correct{background-color:#ecfdf5;border-color:#a7f3d0;position:relative;padding-right:90px}.modal-add-question-ai .question-single .answer-item.correct p{color:#065f46;font-weight:500}.modal-add-question-ai .question-single .answer-item.correct:after{content:"✓ Đáp án";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:#047857;background-color:#d1fae5;padding:4px 8px;border-radius:12px}body.dark .modal-add-question-ai .question-single .answer-item.correct{background-color:rgba(16,185,129,.05);border-color:rgba(52,211,153,.25)}body.dark .modal-add-question-ai .question-single .answer-item.correct p{color:#e4e4e7;font-weight:500}body.dark .modal-add-question-ai .question-single .answer-item.correct:after{background-color:transparent;color:#34d399;border:1px solid}.modal-add-question-ai .question-single .passage{background:#f3f4f6;padding:12px;border-radius:6px;margin-bottom:12px;font-style:italic;font-size:14px;color:#4b5563}body.dark .modal-add-question-ai .question-single .passage{background:#37393b;color:#aaaaaa}.modal-add-question-ai .question-single .sub-question{margin-bottom:12px;padding-left:8px}.modal-add-question-ai .question-single .sub-question strong{color:#1f2937}body.dark .modal-add-question-ai .question-single .sub-question strong{color:#e3e3e3}.modal-add-question-ai .failed-view,.modal-add-question-ai .processing-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#4b5563;padding:40px}body.dark .modal-add-question-ai .failed-view,body.dark .modal-add-question-ai .processing-view{color:#aaaaaa}.modal-add-question-ai .failed-view .spinner,.modal-add-question-ai .processing-view .spinner{font-size:32px;color:#3b82f6;margin-bottom:16px}.modal-add-question-ai .failed-view .error-message,.modal-add-question-ai .processing-view .error-message{color:#ef4444;margin-top:10px;max-width:80%}.modal-add-question-ai .failed-view h4,.modal-add-question-ai .processing-view h4{margin-top:16px;margin-bottom:8px;font-size:18px;color:#1f2937}body.dark .modal-add-question-ai .failed-view h4,body.dark .modal-add-question-ai .processing-view h4{color:#e3e3e3}.modal-overlay-section-mobile-smart{position:fixed;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:1000;padding:12px;box-sizing:border-box}.modal-overlay-section-mobile-smart .modal-section-mobile-smart{width:100%;max-height:85vh;display:flex;flex-direction:column;border-radius:20px;transform:translateY(110%);transition:transform .3s ease-in-out;background:#ffffff;color:#1f2937;border:1px solid #e5e7eb;box-shadow:0 -4px 20px rgba(0,0,0,.1)}body.dark .modal-overlay-section-mobile-smart .modal-section-mobile-smart{background:#1b1c1d;color:#e3e3e3;border:1px solid #404345;box-shadow:0 -4px 20px rgba(0,0,0,.4)}.modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header{padding:15px 20px;flex-shrink:0;border-bottom:1px solid #e5e7eb}body.dark .modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header{border-bottom:1px solid #404345}.modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header .close-modal-new{margin-left:auto;cursor:pointer;color:#6b7280}.modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header .close-modal-new:hover{color:#1f2937}body.dark .modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header .close-modal-new{color:#9ca3af}body.dark .modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header .close-modal-new:hover{color:#e3e3e3}.modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-content-scrollable{overflow-y:auto;padding:16px 20px 20px;flex-grow:1;min-height:0}.modal-overlay-section-mobile-smart.show{opacity:1;visibility:visible}.modal-overlay-section-mobile-smart.show .modal-section-mobile-smart{transform:translateY(0)}.smart-block{border-radius:16px;padding:20px;margin-top:10px;background:#f9fafb;border:1px solid #e5e7eb}body.dark .smart-block{background:#282a2c;border:1px solid #404345}.smart-header{padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #e5e7eb}body.dark .smart-header{border-bottom:1px solid #404345}.smart-header .smart-title{font-size:18px;font-weight:600;color:#1f2937}body.dark .smart-header .smart-title{color:#e3e3e3}.smart-controls{display:flex;flex-direction:column;gap:16px}.smart-actions{margin-top:24px;display:flex}.smart-actions .css-button-blue{flex-grow:1;color:white;border:none;padding:12px 16px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:background-color .2s;background-color:#3b82f6}.smart-actions .css-button-blue:hover{background-color:#2563eb}body.dark .smart-actions .css-button-blue{background-color:#3b82f6}body.dark .smart-actions .css-button-blue:hover{background-color:#2563eb}.modal-footer{padding-top:24px;padding-bottom:16px}.modal-footer p{font-weight:600;font-size:18px;color:#1f2937}body.dark .modal-footer p{color:#e3e3e3}.footer-section-container{display:flex;flex-direction:column;gap:16px}#single-top-meta{margin-top:2px}#single-top-meta .single-top-meta{width:100%;padding:80px 0;background:#feb343}@media (max-width:991.98px){#single-top-meta .single-top-meta{padding:40px 0}}#single-top-meta .single-top-meta__title{text-align:center}#single-top-meta .single-top-meta__title h1{color:white;text-transform:capitalize;font-size:4.5rem;line-height:1.3;margin-bottom:20px;font-weight:700;padding:0 100px}@media (max-width:991.98px){#single-top-meta .single-top-meta__title h1{font-size:3.6rem;padding:0}}#single-top-meta .single-top-meta__title .text-center span{color:white;font-size:1.5rem;padding:0 15px}@media (max-width:575.98px){#single-top-meta .single-top-meta__title .text-center span{font-size:1.3rem}}#single-top-meta .single-top-meta__title .text-center span:not(span:first-child){border-left:1px solid white}@media (max-width:767.98px){#single-top-meta .single-top-meta__title .text-center{line-height:1.4}}@media (max-width:991.98px){#single-top-meta .single-top-meta__title .text-center{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#single-top-meta .single-top-meta__title .text-center span:not(span:first-child){border-left:none}}.breadcrumb{padding-top:30px}.breadcrumb__text{font-size:1.5rem}@media (max-width:767.98px){.breadcrumb__text{line-height:1.5}}.breadcrumb__text a{text-decoration:none;color:#FF6D00;text-transform:uppercase}.breadcrumb__text .sperator{padding:0 3px}.breadcrumb__text-title{text-transform:capitalize}.blog-list{padding-top:30px;padding-bottom:30px}.blog-list .blog-list__top a{text-decoration:none}.blog-list .blog-list__top a .blog-list__top-image{padding-top:50%;position:relative;overflow:hidden}.blog-list .blog-list__top a .blog-list__top-image img{position:absolute;top:0;left:0;right:0;width:100%;height:100%;object-fit:cover;transition:all 1s;transform:scale(1)}.blog-list .blog-list__top a .blog-list__top-title{background-color:#F37032;color:white;padding:15px 20px}.blog-list .blog-list__top a .blog-list__top-title h2{font-size:1.9rem;font-weight:700;margin-bottom:15px;text-transform:uppercase}@media (max-width:767.98px){.blog-list .blog-list__top a .blog-list__top-title h2{margin-bottom:10px}}.blog-list .blog-list__top a .blog-list__top-title p{text-align:justify;font-size:1.5rem;line-height:1.3}@media (max-width:1199.98px){.blog-list .blog-list__top a .blog-list__top-title p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}.blog-list .blog-list__top:hover .blog-list__top-image img{transform:scale(1.05)}.blog-list .box{padding:20px 0;border-bottom:1px solid silver;display:flex;gap:10px}.blog-list .box .box-image{flex:1;padding-top:20%;position:relative;overflow:hidden}.blog-list .box .box-image img{position:absolute;top:0;left:0;right:0;width:100%;height:100%;object-fit:cover;transition:all 1s;transform:scale(1)}.blog-list .box .box-text{flex:2}.blog-list .box .box-text h2 a{text-transform:uppercase;text-decoration:none;color:black;font-size:1.9rem;font-weight:700;line-height:1.4;transition:all .3s}@media (max-width:575.98px){.blog-list .box .box-text h2 a{font-size:1.6rem}}@media (max-width:767.98px){.blog-list .box .box-text h2 a{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}.blog-list .box .box-text h2:hover a{color:#F37032}.blog-list .box .box-text .time{font-size:1.5rem;font-style:italic;margin:5px 0 10px}.blog-list .box .box-text p{font-size:1.5rem;color:#7f7f82;text-align:justify;line-height:1.3}@media (max-width:767.98px){.blog-list .box .box-text p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}.blog-list .box-image:hover img{transform:scale(1.1)}.blog-list .box:last-of-type{border-bottom:none}.blog-details{padding-bottom:30px}.blog-details .content-details{margin-top:30px;background-color:white;padding:40px;border-radius:10px}@media (max-width:767.98px){.blog-details .content-details{padding:0}}.blog-details .content-details .post h4{text-align:center;font-weight:700;font-size:2.8rem;line-height:4.2rem}.blog-details .content-details .post h5{font-weight:700;font-size:2rem}.blog-details .content-details .post p{line-height:2.4rem;font-weight:400;text-align:justify}.blog-details .content-details .post .content-image{text-align:center}.blog-details .content-details .post .content-image img{display:inline-block}.blog-details .content-details .post ul{list-style-type:disc;padding-left:50px}.blog-details .content-details .post .center{text-align:center}.blog-details .content-details .post .fi{font-style:italic}.blog-details .modal{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,.9);z-index:1;padding-top:25vh}.blog-details .modal .close{position:absolute;top:60px;right:30px;color:white;font-size:35px;cursor:pointer}.blog-details .modal .modal-content{max-width:100%;max-height:100%;display:block;margin:auto}.sidebar-blog-list{box-shadow:5px 4px 11px rgba(0,0,0,.2)}@media (max-width:991.98px){.sidebar-blog-list{margin-top:20px;margin-bottom:30px}}.sidebar-blog-list .widget-title{display:block;font-size:1.6rem;text-transform:unset;letter-spacing:0;font-weight:700;line-height:1.3;background:linear-gradient(90deg,#EC4532,#F15726 49.48%,#FEB343);color:white;padding:8px 10px}.sidebar-blog-list .box-sidebar{padding:10px;display:flex;gap:10px}.sidebar-blog-list .box-sidebar .box-image{flex:1;padding-top:10%;position:relative;overflow:hidden}.sidebar-blog-list .box-sidebar .box-image img{position:absolute;top:0;left:0;right:0;width:100%;height:100%;object-fit:cover;transition:all 1s;transform:scale(1)}.sidebar-blog-list .box-sidebar .box-text{flex:2}.sidebar-blog-list .box-sidebar .box-text h5 a{text-transform:uppercase;text-decoration:none;color:black;font-size:1.4rem;font-weight:700;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.sidebar-blog-list .box-sidebar .box-text .time{font-size:1.2rem;font-style:italic;margin:5px 0}.sidebar-blog-list .box-sidebar .box-text p{font-size:1.2rem;color:#7f7f82;text-align:justify;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.sidebar-blog-details{background-color:#fff;border-radius:10px;padding:15px 15px 0}@media (max-width:991.98px){.sidebar-blog-details{margin-top:20px;margin-bottom:30px}}.sidebar-blog-details .widget-title{text-align:center;display:block;font-size:1.7rem;text-transform:unset;letter-spacing:0;font-weight:700;border-top-left-radius:10px;border-top-right-radius:10px;line-height:1.3;color:#000000;margin-bottom:10px}.sidebar-blog-details .box-sidebar{padding:10px 0;display:flex;gap:10px}.sidebar-blog-details .box-sidebar .box-image{flex:1;padding-top:10%;position:relative;overflow:hidden}.sidebar-blog-details .box-sidebar .box-image img{position:absolute;top:0;left:0;right:0;width:100%;height:100%;object-fit:cover;transition:all 1s;transform:scale(1)}.sidebar-blog-details .box-sidebar .box-text{flex:2}@media (max-width:991.98px){.sidebar-blog-details .box-sidebar .box-text{flex:3}}.sidebar-blog-details .box-sidebar .box-text h5 a{text-transform:capitalize;text-decoration:none;color:black;font-size:1.5rem;font-weight:400;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sidebar-blog-details .box-sidebar+.box-sidebar{border-top:1px solid silver}.pagination{display:flex;gap:5px;justify-content:center}.pagination a{text-decoration:none}.pagination .page-number{min-width:30px;min-height:30px;line-height:30px;text-align:center;display:inline-block;color:black;background-color:#f1f1f1;font-weight:500}.pagination li:hover .page-number{color:white;background-color:#feae45}.blog-author{padding:20px;border:1px solid #d9e1ee;border-radius:6px;margin:30px 0}.blog-author .info-1{display:flex;justify-content:space-between;align-items:center}@media (max-width:767.98px){.blog-author .info-1{flex-direction:column;gap:10px}}.blog-author .info-1 .info-left{display:flex;align-items:center;gap:15px}@media (max-width:767.98px){.blog-author .info-1 .info-left{flex-direction:column;gap:10px}}.blog-author .info-1 .info-left img{border-radius:50%}.blog-author .info-1 .info-left span{font-size:1.8rem;font-weight:700}.blog-author .info-1 .info-right span{color:#333;font-size:1.2rem;font-weight:400;padding-right:10px}@media (max-width:767.98px){.blog-author .info-1 .info-right span{display:none}}.blog-author .info-1 .info-right a{display:inline-block;color:#F37032;margin:0 4px;background-color:#f5f7f8;border-radius:4px;width:24px;height:24px;line-height:2.4rem;text-align:center}.blog-author .info-1 .info-right a:hover{color:white;background-color:#F37032}.blog-author .info-2{display:flex}@media (max-width:767.98px){.blog-author .info-2{flex-direction:column}}.blog-author .info-2 .quote-left{max-width:10.653%;flex-basis:10.653%;text-align:center;padding-top:5px}@media (max-width:767.98px){.blog-author .info-2 .quote-left{text-align:left}}.blog-author .info-2 .quote-center{max-width:82.793%;font-size:1.4rem;font-weight:400;line-height:2.4rem}@media (max-width:767.98px){.blog-author .info-2 .quote-center{max-width:100%}}.blog-author .info-2 .quote-right{max-width:6.22%;display:flex;align-items:flex-end}@media (max-width:767.98px){.blog-author .info-2 .quote-right{display:block;max-width:100%;text-align:right}}.blog-related .title{font-size:2.4rem;font-weight:700;margin:20px 0}.blog-related .content{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:767.98px){.blog-related .content{grid-template-columns:repeat(2,1fr);gap:10px}}.blog-related .content .item{box-shadow:0 3px 15px rgba(0,0,0,.12);border-radius:8px}.blog-related .content .item a{text-decoration:none;color:black;font-size:1.4rem;font-weight:500;line-height:1.5}.blog-related .content .item a .item-image{padding-top:60%;position:relative;overflow:hidden}.blog-related .content .item a .item-image img{border-radius:8px;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 1s;-webkit-transform:scale(1);transform:scale(1)}.blog-related .content .item a .item-image:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.blog-related .content .item a .item-content{padding:15px 15px 10px}.blog-related .content .item a .item-content:hover{color:#F37032}.post-share-rating{display:flex;justify-content:space-between;margin:30px 0}@media (max-width:767.98px){.post-share-rating{flex-direction:column;align-items:center;gap:10px}}.post-share-rating .share span{font-size:1.5rem;padding-right:2px}.post-share-rating .share a{text-decoration:none}.post-share-rating .share .facebook{font-size:1.5rem;display:inline-block;color:white;margin:0 2px;background-color:#3a589d!important;border-radius:4px;width:30px;height:30px;line-height:3rem;text-align:center}.post-share-rating .share .facebook:hover{background-color:#2E467E!important}.post-share-rating .share .twitter{font-size:1.5rem;display:inline-block;background-color:#2478ba!important;color:white;margin:0 2px;border-radius:4px;width:30px;height:30px;line-height:3rem;text-align:center}.post-share-rating .share .twitter:hover{background-color:#1D6095!important}.post-share-rating .share .pinterest{font-size:1.5rem;display:inline-block;margin:0 2px;background-color:#cb2320!important;color:white;border-radius:4px;width:30px;height:30px;line-height:3rem;text-align:center}.post-share-rating .share .pinterest:hover{background-color:#A21C1A!important}.post-share-rating .share .linkedin{font-size:1.5rem;margin:0 2px;display:inline-block;background-color:#0072b7!important;color:white;border-radius:4px;width:30px;height:30px;line-height:3rem;text-align:center}.post-share-rating .share .linkedin:hover{background-color:#005B92!important}.post-share-rating .rating{display:flex;gap:5px;line-height:2.5rem}.post-share-rating .rating span:first-of-type{font-weight:500}.post-share-rating .rating ul{display:flex}.post-share-rating .rating ul li{cursor:pointer;font-size:2.5rem}.post-share-rating .rating span:last-of-type{font-size:14px!important;color:#3c4859}#signin-signup{background-color:var(--background-font);border-bottom:2px solid #fff;height:40px}@media (max-width:1199.98px){#signin-signup{display:none}}#signin-signup .container{padding:0}#signin-signup .container .content-signin-signup{display:flex;justify-content:flex-end}#signin-signup .container .content-signin-signup .signin-link,#signin-signup .container .content-signin-signup .signup-link{text-decoration:none;color:#F5F9FC;display:block;padding:0 15px;line-height:38px;transition:all .2s linear}#signin-signup .container .content-signin-signup .signin-link{border-left:2px solid #fff;border-right:2px solid #fff}#signin-signup .container .content-signin-signup .signup-link{border-left:2px solid #fff}#signin-signup .container .content-signin-signup .signin-link:hover,#signin-signup .container .content-signin-signup .signup-link:hover{background:var(--background-back)}#signin-signup .container .content-signin-signup i{margin-right:5px}.sidebar-blog-category{background-color:white;margin:30px 0;padding:15px 15px 0;border-radius:10px}.sidebar-blog-category span{display:block;text-align:center;margin-bottom:10px;font-size:1.7rem;font-weight:600;letter-spacing:0}.sidebar-blog-category ul li a{display:inline-block;text-decoration:none;color:#000000;padding:8px 0;font-size:1.5rem;text-transform:uppercase;font-weight:400}.sidebar-blog-category ul li+li{border-top:1px solid #ececec}#header-exam{width:100%;padding:5px 0;text-align:center;background:white;box-shadow:0 -10px 20px rgb(170,170,170)}#header-exam .container nav{display:flex;justify-content:space-between;align-items:center}#header-exam .container nav .content-exam{line-height:1.4;text-transform:uppercase;color:#31708f}#header-exam .container nav .content-exam h1{font-size:25px;font-weight:700}#header-exam .container nav .content-exam h2{font-size:25px;font-weight:500}.scroll-down #header-exam{transform:translate3d(0,-100%,0)}.scroll-up #header-exam{filter:drop-shadow(0 -10px 20px rgb(170,170,170))}.menu-is-open{overflow:hidden}.menu-is-open #header-exam{filter:none}.radio{border:1px solid transparent;display:flex;align-items:center;flex:1 1 auto;padding:18px 24px;cursor:pointer;position:relative}.radio .radio__content{flex:1;min-width:0;display:flex;gap:8px;word-break:break-word;font-size:16px}.radio .radio__input{display:none}.radio .radio__input:checked+.radio__radio:after{display:block}.radio:hover{border-radius:8px;background-color:rgba(0,0,0,.021)}.radio .radio__icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #626262;border-radius:50%;background-color:transparent;color:transparent;margin-right:13px;transition:background-color .2s,color .2s;position:relative}.radio .radio__input:checked+.radio__icon.success{background-color:#259172;border-color:#259172;color:white}.radio .radio__input:checked+.radio__icon.error{background-color:#e63349;border-color:#e63349;color:white}.radio .radio__input:checked+.radio__radio{background-color:#fff}.radio .keyboard-hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;pointer-events:none;user-select:none;border-radius:4px;padding:2px 6px;transition:all .2s;color:#94a3b8;border:1px solid #e2e8f0;background-color:#f8fafc}.radio.disabled{cursor:default}.radio.disabled .radio__input:checked+.radio__radio:after{background-color:#c3c3c3}.radio.disabled .radio__input+.radio__radio{border:1px solid #c3c3c3;background-color:#f9f9f9}body.dark .radio:hover{background-color:rgba(255,255,255,.05)}body.dark .radio .radio__icon{border-color:#999}body.dark .radio .radio__input:checked+.radio__icon{background-color:white;color:#196ebf}body.dark .radio .radio__input:checked+.radio__icon.success{background-color:white;color:#259172}body.dark .radio .radio__input:checked+.radio__icon.error{background-color:white;color:#e63349}body.dark .radio .radio__input:checked+.radio__icon.disabled{background-color:#555;color:#ccc}body.dark .radio .keyboard-hint{color:#94a3b8;border:1px solid #334155;background-color:#1e293b}.dropdown{position:relative;width:170px;height:45px}.dropdown input{border:1.9px solid lightgrey;border-radius:8px;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background:#fff;outline:none;box-shadow:0 5px 20px rgba(0,0,0,.05);padding:12px 20px;color:rgba(17,24,39,.8784313725)}.dropdown .matching-select{position:absolute;border:1px solid #ddd;top:50px;width:100%;background:#FFF;box-shadow:0 30px 30px rgba(0,0,0,.05);border-radius:10px;overflow:hidden;display:none;z-index:5}.dropdown .matching-select div:first-of-type{background:#ededed}.dropdown .matching-select div:hover:not(div:first-of-type){background:#62baed;color:#FFF}.dropdown .matching-select div{padding:5px 12px;cursor:pointer}.dropdown .title-dropdown{position:relative;color:#908D92;font-size:11.5px;background:#fff;max-width:125px;top:-9px;left:15px;text-align:center}.dropdown .dropdown-icon{position:absolute;right:20px;top:15px;font-size:12px;transition:transform .5s;pointer-events:none}.dropdown.active .dropdown-icon{transform:rotate(180deg)}.dropdown.active .matching-select{display:block}body.dark .dropdown input{border-color:rgba(211,211,211,.2588235294)}body.dark .dropdown .title-dropdown,body.dark .dropdown input{background-color:#1e1f20;color:#e3e3e3}body.dark .dropdown .dropdown-icon{color:#e3e3e3}body.dark .dropdown .matching-select{background:#131314;color:#e3e3e3;border-color:rgba(211,211,211,.2588235294)}body.dark .dropdown .matching-select div:first-of-type{background:#1e1f20}.checkbox{padding:6px}.checkbox,.checkbox input[type=checkbox]{display:flex;align-items:center;cursor:pointer}.checkbox input[type=checkbox]{margin-right:20px;appearance:none;width:22px;height:22px;border:1px solid #626262;border-radius:5px;justify-content:center;flex-shrink:0}.checkbox label{margin:0;font-size:15px;font-family:Inter,sans-serif;font-weight:400;line-height:1.5;display:block}.checkbox input[type=checkbox]:after{font-family:Font Awesome\ 5 Free;content:"\f00c";font-weight:900;font-size:50px;font-size:.9em;color:white;display:none}.checkbox input[type=checkbox]:checked{background:#196ebf;border:none}.checkbox input[type=checkbox]:checked:after{display:block}.checkbox.disabled input[type=checkbox]:checked{background-color:#c3c3c3;border:none}.checkbox.disabled input[type=checkbox]{border:1px solid #c3c3c3;background-color:#f9f9f9}.input{display:flex;align-items:center;gap:20px;width:50%;margin-bottom:5px}.input .input-wrapper{position:relative;flex-grow:1}.input input{width:100%;padding:10px 40px 10px 10px;border:1px solid #e0e3e0;background:#FFF;border-radius:5px;outline:none;transition:.5s}.input input.correct{border:1px solid #259172}.input input.correct .check-circle{background-color:#259172}.input input.wrong{border:1px solid #e63349}.input input.wrong .check-circle{background-color:#e63349}.input .check-circle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.input .check-circle.correct{background-color:#259172}.input .check-circle.wrong{background-color:#e63349}.input .check-circle .fa-check,.input .check-circle .fa-xmark{color:white;font-size:10px}body.dark .input input{background-color:rgba(0,0,0,.12);color:#E3E3E3;border-color:rgba(224,227,224,.3098039216)}@media (max-width:992px){.input{width:100%}}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:flex-start;padding-top:50px;z-index:1999;overflow-y:auto}.modal-overlay .modal-accept{background-color:white;width:300px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;padding:20px;box-sizing:border-box;z-index:2000}.modal-overlay .modal-accept .modal-header{margin-bottom:20px}.modal-overlay .modal-accept .modal-footer{display:flex;justify-content:space-around}.modal-overlay .modal-accept .modal-footer .btn{padding:6px 16px;border:none;border-radius:8px;line-height:1.75;cursor:pointer;font-weight:700}.modal-overlay .modal-accept .modal-footer .cancel{background-color:#f8f9fa;color:#333}.modal-overlay .modal-accept .modal-footer .confirm{background-color:rgb(10,143,220);color:white}.modal-overlay .modal-result{background-color:rgb(255,255,255);color:rgb(17,24,39);border-radius:12px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);overflow:hidden;max-height:calc(100% - 64px);max-width:1536px;width:calc(100% - 64px);z-index:2000;position:absolute;top:8%}.modal-overlay .modal-result .modal-content .title_subject{margin:0;font-weight:700!important;font-family:Inter,sans-serif;line-height:1.6;padding:16px 24px;flex:0 0 auto;font-size:18px;text-transform:uppercase!important;text-align:center!important}.modal-overlay .modal-result .modal-content .title_subject .subject{color:rgb(50,94,165)!important}.modal-overlay .modal-result .modal-content .markAndDetails{overflow-y:auto;padding:0 20px 24px;gap:30px}.modal-overlay .modal-result .modal-content .markAndDetails .mark{flex:1}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_image{max-width:300px!important;height:200px!important;margin-bottom:2rem!important;margin-left:auto!important;margin-right:auto!important;position:relative}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_image img{position:absolute;inset:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_title{text-align:center;font-size:17px}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_mark{text-align:center;font-size:28px!important;font-weight:600!important;line-height:32px!important;margin:10px 0}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_rank{display:flex;justify-content:center;align-items:center;gap:10px;line-height:16px!important;font-size:12px;text-transform:uppercase;font-weight:600}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_rank span{color:rgb(94,92,99)!important}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_rank button{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0;border:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;font-weight:600;font-size:18px;line-height:20px;min-width:64px;padding:6px 16px;box-shadow:none;border-radius:8px;text-transform:capitalize;background-color:rgb(219,39,11);color:rgb(255,255,255);margin:0 0 10px}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_correct_time{display:flex;justify-content:center;gap:15px;font-size:14px;margin-bottom:20px}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_evaluate{font-size:16px;text-align:center;margin-bottom:10px}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_rating{text-align:center;margin-bottom:10px}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_response{display:inline-flex;flex-direction:column;position:relative;border:1.9px solid lightgrey;vertical-align:top;width:100%;border-radius:8px;margin-bottom:10px}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_response label{background:#fff;color:rgb(107,114,128);width:69px;text-align:center;line-height:1.4375em;display:block;transform-origin:left top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;transform:translate(14px,-9px) scale(.75);transition:color .2s cubic-bezier(0,0,.2,1) 0s,transform .2s cubic-bezier(0,0,.2,1) 0s,max-width .2s cubic-bezier(0,0,.2,1) 0s;z-index:1;pointer-events:auto;user-select:none}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_response div{padding:20px 14px}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_response div textarea{height:60px;font:inherit;letter-spacing:inherit;color:currentcolor;border:0;box-sizing:content-box;background:none;height:auto;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%;animation-name:mui-auto-fill-cancel;animation-duration:10ms;resize:none;padding:0;outline:none}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_button{text-align:right}.modal-overlay .modal-result .modal-content .markAndDetails .mark .mark_button button{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0;border:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;font-family:Inter,sans-serif;font-weight:500;line-height:1.75;min-width:64px;padding:6px 16px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0s,box-shadow .25s cubic-bezier(.4,0,.2,1) 0s,border-color .25s cubic-bezier(.4,0,.2,1) 0s,color .25s cubic-bezier(.4,0,.2,1) 0s;color:rgb(255,255,255);background-color:rgb(10,143,220);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:8px;text-transform:capitalize;margin:0 auto;font-size:14px}.modal-overlay .modal-result .modal-content .markAndDetails .Details{flex:2}.modal-overlay .modal-result .modal-content .footer-result{padding:20px;text-align:right}.modal-overlay .modal-result .modal-content .footer-result button:first-child{font-size:14px;padding:6px 16px;color:#fff;border:none;border-radius:8px;line-height:1.75;cursor:pointer;background-color:rgb(10,143,220)}.modal-overlay .modal-result .modal-content .footer-result button:last-child{font-size:14px;padding:6px 16px;color:#fff;border:none;border-radius:8px;line-height:1.75;cursor:pointer;background-color:rgb(211,47,47)}.modal-overlay .modal-mode{background:white;border-radius:12px;width:500px;box-shadow:0 2px 10px rgba(0,0,0,.1);position:absolute;top:10%}body.dark .modal-overlay .modal-mode{background:rgb(30,31,32);box-shadow:0 2px 10px rgba(0,0,0,.4)}.modal-overlay .modal-mode .modal-header{padding:15px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d0d3d7}body.dark .modal-overlay .modal-mode .modal-header{border-bottom-color:rgba(75,85,99,.4)}.modal-overlay .modal-mode .modal-header .close-modal-new,.modal-overlay .modal-mode .modal-header .how{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.modal-overlay .modal-mode .modal-header .close-modal-new{cursor:pointer;color:#6b7280;border-radius:50%}.modal-overlay .modal-mode .modal-header .close-modal-new:hover{background-color:#f3f4f6}body.dark .modal-overlay .modal-mode .modal-header .close-modal-new{color:#aaaaaa}body.dark .modal-overlay .modal-mode .modal-header .close-modal-new:hover{background-color:#282a2c}.modal-overlay .modal-mode .modal-header .title-index-mobile{font-weight:600;flex-grow:1;text-align:center;font-size:18px;color:#1f2937}body.dark .modal-overlay .modal-mode .modal-header .title-index-mobile{color:#e3e3e3}.modal-overlay .modal-mode .modal-body{padding:10px 25px 25px;max-height:calc(-300px + 100vh);height:min(500px,100vh - 175px);overflow-y:auto;scrollbar-width:thin}body.dark .modal-overlay .modal-mode .modal-body{color:#e3e3e3;scrollbar-color:#555 transparent}.modal-overlay .modal-mode .modal-body .option-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.modal-overlay .modal-mode .modal-body .option-group .radio-item label{padding:8px}.modal-overlay .modal-mode .modal-body .option-group .radio-item label .custom-radio{border-width:2px;height:22px;width:22px}.modal-overlay .modal-mode .modal-body .option-group .radio-item input[type=radio]:checked+label{background-color:aliceblue}body.dark .modal-overlay .modal-mode .modal-body .option-group .radio-item input[type=radio]:checked+label{background-color:#1e3a8a}.modal-overlay .modal-mode .modal-body .option-group-title .option-title{display:flex;align-items:center;margin-bottom:10px;line-height:1.5}.modal-overlay .modal-mode .modal-body .option-group-title .option-title i{margin-right:10px;color:#2CB63A;font-size:20px}.modal-overlay .modal-mode .modal-body hr{border:solid rgba(0,0,0,.12);border-width:0 0 thin;margin-bottom:15px}body.dark .modal-overlay .modal-mode .modal-body hr{border-color:rgba(75,85,99,.4)}.modal-overlay .modal-mode .modal-body .setting{display:flex;align-items:center;margin-bottom:20px}.modal-overlay .modal-mode .modal-body .setting i{margin-right:10px;font-size:17px}.modal-overlay .modal-mode .modal-body .option-shuffle{display:flex;align-items:center;gap:20px;margin-bottom:25px}.modal-overlay .modal-mode .modal-body .option-shuffle .checkbox{padding:0}.modal-overlay .modal-mode .modal-body .option-shuffle .checkbox input{margin:0 8px 0 0}.modal-overlay .modal-mode .modal-body .detail-shuffle,.modal-overlay .modal-mode .modal-body .option-dropdown{margin-bottom:15px}.modal-overlay .modal-mode .modal-body .detail-shuffle span{display:block;font-weight:600;line-height:1.5;margin-bottom:20px}.modal-overlay .modal-mode .modal-body .option-time-exam{margin-bottom:15px}.modal-overlay .modal-mode .modal-body .option-time-exam span{display:block;font-weight:600;line-height:1.5;margin-bottom:10px}.modal-overlay .modal-mode .modal-footer{padding:0 25px 25px}.modal-overlay .modal-mode .modal-footer .warning-message{color:#e11d48;font-size:13px;font-weight:500;background-color:#ffe4e6;padding:8px 16px;border-radius:6px;display:flex;align-items:center;border:1px solid #fecdd3;animation:fadeIn .3s ease}.modal-overlay .modal-mode .modal-footer .warning-message svg{color:#e11d48}body.dark .modal-overlay .modal-mode .modal-footer .warning-message{background-color:rgba(225,29,72,.15);border-color:rgba(225,29,72,.3);color:#fb7185}body.dark .modal-overlay .modal-mode .modal-footer .warning-message svg{color:#fb7185}.modal-overlay .modal-mode .modal-footer .button-edu{width:100%}.modal-overlay .modal-mode .modal-footer .button-edu:hover{background:#0056b3}body.dark .modal-overlay .modal-mode .modal-footer .button-edu:hover{background:rgba(37,100,235,.6509803922)}.modal-overlay .modal-add-section{background-color:rgb(255,255,255);color:rgb(17,24,39);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;max-height:calc(100% - 64px);max-width:444px;width:calc(100% - 64px);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);border-radius:12px;position:absolute;top:10%}body.dark .modal-overlay .modal-add-section{background-color:#151c28}.modal-overlay .modal-add-section .modal-header{padding:15px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d0d3d7}body.dark .modal-overlay .modal-add-section .modal-header{border-bottom-color:rgba(75,85,99,.4)}.modal-overlay .modal-add-section .modal-header .close-modal-new,.modal-overlay .modal-add-section .modal-header .how{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.modal-overlay .modal-add-section .modal-header .close-modal-new{cursor:pointer;color:#6b7280;border-radius:50%}.modal-overlay .modal-add-section .modal-header .close-modal-new:hover{background-color:#f3f4f6}body.dark .modal-overlay .modal-add-section .modal-header .close-modal-new{color:#aaaaaa}body.dark .modal-overlay .modal-add-section .modal-header .close-modal-new:hover{background-color:#282a2c}.modal-overlay .modal-add-section .modal-header .title-index-mobile{font-weight:600;flex-grow:1;text-align:center;font-size:18px;color:#1f2937}body.dark .modal-overlay .modal-add-section .modal-header .title-index-mobile{color:#e3e3e3}.modal-overlay .modal-add-section .modal-body{padding:20px 25px 25px}.modal-overlay .modal-add-section .modal-body .custom-text{font-weight:500;font-size:15px;color:#1f2937}body.dark .modal-overlay .modal-add-section .modal-body .custom-text{color:#ffffff}.modal-overlay .modal-add-section .modal-footer{padding:0 25px 25px;margin-left:auto;margin-right:auto}.modal-overlay .modal-add-section .modal-footer .button-edu:hover{background:#0056b3}.modal-overlay .modal-add-section .modal-footer button.disabled{color:rgba(0,0,0,.26);box-shadow:none;background-color:rgba(0,0,0,.12)}.modal-overlay .modal-signin{border-radius:15px;position:absolute;top:10%;max-width:576px;display:flex;flex-direction:column;max-height:calc(100% - 64px);width:calc(100% - 64px);z-index:1}.modal-overlay .modal-signin:before{background-color:#fff;z-index:-2}.modal-overlay .modal-signin:after,.modal-overlay .modal-signin:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit}.modal-overlay .modal-signin:after{z-index:-1;opacity:.08;background-image:radial-gradient(rgba(255,255,255,.2509803922),rgba(255,255,255,0) 40%),radial-gradient(hsl(44,100%,66%) 30%,hsl(338,68%,65%),hsla(338,68%,65%,.4) 41%,transparent 52%),radial-gradient(hsl(272,100%,60%) 37%,transparent 46%),linear-gradient(155deg,transparent 65%,hsl(142,70%,49%) 95%),linear-gradient(45deg,#0065e0,#0f8bff);background-size:200% 200%,285% 500%,285% 500%,cover,cover;background-position:0 100%,109% 68%,109% 68%,50%,50%}.modal-overlay .modal-signin .modal-header{position:relative;padding:25px}.modal-overlay .modal-signin .modal-body{display:flex;flex-direction:column;align-items:center}.modal-overlay .modal-signin .modal-body h1{font-size:2.8rem;font-weight:700}.modal-overlay .modal-signin .modal-body .signin-options{width:360px}.modal-overlay .modal-signin .modal-body .signin-options button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding-left:16px;margin-top:15px;border:2px solid #dce0e3;border-radius:44px;background-color:#fff;text-align:center;cursor:pointer;user-select:none;transition:background-color .2s}.modal-overlay .modal-signin .modal-body .signin-options button img{position:absolute;top:50%;translate:0 -50%;left:16px}.modal-overlay .modal-signin .modal-body .signin-options button span{font-size:1.4rem;font-weight:600;line-height:40px}.modal-overlay .modal-signin .modal-footer{display:flex;flex-direction:column;align-items:center;padding:25px}.modal-overlay .modal-signin .modal-footer .text-link{font-weight:600;text-decoration:underline;color:#f05123}.modal-overlay .modal-signin .modal-footer .text-policy{margin-left:auto;margin-right:auto;text-align:center;padding:16px;width:min(400px,100%);font-size:1.1rem;color:#666}.modal-overlay .modal-signin .modal-footer .text-policy a{text-decoration:underline;cursor:pointer;color:inherit}.loading-spinner{width:40px;height:40px;border:4px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:rotation 2s linear infinite}body.dark .loading-spinner{border-color:#60a5fa rgba(255,255,255,.1) rgba(255,255,255,.1)}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cke_reset,.no-scroll{overflow:hidden}.cke_reset{border-radius:10px}@media (max-width:768px){.modal-overlay{align-items:flex-start;overflow-y:auto}.modal-overlay .modal-accept,.modal-overlay .modal-mode,.modal-overlay .modal-result .modal-add-section,.modal-overlay .modal-signin{width:90vw!important;max-width:none!important;margin:40px auto;top:auto!important;left:auto!important;border-radius:12px}}.stars{cursor:pointer;display:inline-block}.fa-star{color:gray;transition:color .2s;font-size:16px}.fa-star.gold{color:rgb(250,175,0)}.accordion{overflow:scroll;height:500px}.accordion .contentBx{position:relative;margin:20px}.accordion .contentBx .label{position:relative;padding:10px;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;border:1px solid rgba(0,0,0,.12);font-weight:700}.accordion .contentBx .label p{line-height:3.5}.accordion .contentBx .label .final{display:flex;gap:25px}.accordion .contentBx .label .final .btgreen{background-color:rgb(46,125,50)}.accordion .contentBx .label .final .btgreen,.accordion .contentBx .label .final .btred{min-width:40px;outline:0;border:0;cursor:pointer;user-select:none;appearance:none;font-weight:500;padding:10px;color:rgb(255,255,255);box-shadow:none;border-radius:8px;text-transform:capitalize}.accordion .contentBx .label .final .btred{background-color:rgb(211,47,47)}.accordion .contentBx .label .final .btyellow{color:rgb(255,255,255);background-color:rgb(211,194,47)}.accordion .contentBx .label .final .btgray,.accordion .contentBx .label .final .btyellow{min-width:40px;outline:0;border:0;cursor:pointer;user-select:none;appearance:none;font-weight:500;padding:10px;box-shadow:none;border-radius:8px;text-transform:capitalize}.accordion .contentBx .label .final .btgray{background-color:rgb(224,224,224)}.accordion .contentBx .label .final .toggle-icon i{font-size:10px;cursor:pointer;vertical-align:middle;margin-left:5px;transition:transform .3s ease}.accordion .contentBx .label .final .toggle-icon i.active{color:#007bff;transform:rotate(-180deg) scale(1.2)}.accordion .contentBx .label .final .toggle-icon i.disabled{opacity:.5;cursor:not-allowed}.accordion .contentBx .contentt{border:1px solid rgba(0,0,0,.12);border-radius:4px;background:#fff;display:none;overflow:hidden;max-height:400px;overflow-y:auto;margin-top:15px;padding:20px;opacity:0;transition:opacity .5s ease}.accordion .contentBx .contentt.show{display:block;opacity:1}.switch{position:relative;display:inline-block;width:30px;height:17px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:17px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:white;border-radius:50%}input:checked+.slider{background-color:#2196F3}input:focus+.slider{box-shadow:0 0 1px #2196F3}input:checked+.slider:before{transform:translateX(13px)}.toggle-label{margin-left:10px;color:#666;font-size:16px}body.dark .toggle-switch p{color:#e3e3e3}.profile{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:10px;cursor:pointer}.profile h3{text-align:end;font-weight:500;line-height:1em;color:#555}.profile span{font-size:.75em;color:#777}.profile .imgBx{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden}.profile .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.profile .menu{position:absolute;top:60px;width:160px;right:0;background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);max-height:0;overflow:hidden;border-radius:5px;z-index:9999;max-height:300px;list-style:none}.profile .menu li{padding:15px 20px}.profile .menu li:hover{background-color:#f5f5f5}.profile .menu li a{text-decoration:none;color:#555;display:flex;align-items:center;gap:10px}.profile.active .menu{max-height:300px}.button-edu{display:flex;align-items:center;justify-content:center;gap:5px;min-width:65px;height:35px;padding:6px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,rgb(10,143,220),rgb(0,98,172));color:white;font-size:14px}.button-edu.disabled{border:1px solid #d1d5db;color:rgba(0,0,0,.45);box-shadow:none;background:#f9fafb}.button-edu.active{border:1px solid rgb(10,143,220);color:#fff}body.dark .button-edu{background:#37393b;color:#E3E3E3;border-color:rgba(113,128,150,.4196078431)}.search-box{position:relative;width:300px;background-color:#fff;border:1px solid rgba(50,49,48,.31)}.search-box .box-search{display:flex;align-items:center;padding:8px 5px}.search-box .box-search .input-box{flex:1;background:transparent;outline:0;border:0;color:#333}.search-box .box-search button{background-color:transparent;border:0;outline:0}.search-box .box-search button .fa-solid{font-size:16px;color:#555;cursor:pointer}.search-box .result-box{position:absolute;width:300px;top:50px;padding:10px 0;background-color:#fff;border-radius:12px;border:1px solid #ccc;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2)}.search-box .result-box li{list-style:none;border-radius:5px;padding:15px 10px;color:#222;cursor:pointer}.search-box .result-box li:hover{background:#e9f3ff}.form-input{width:300px;display:flex;align-items:center;height:45px}.form-input input{flex-grow:1;padding:0 16px;height:100%;border:none;outline:0;background:var(--grey);border-radius:36px 0 0 36px;outline:none;width:100%;color:var(--dark)}.form-input button{width:36px;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgb(10,143,220);color:var(--light);font-size:18px;border:none;outline:none;border-radius:0 36px 36px 0;cursor:pointer}.tab_box{border-bottom:1px solid rgba(0,0,0,.12);position:relative}.tab_box .tab_btn{color:#6B7280;border:none;background:none;padding:18px;cursor:pointer;position:relative;text-align:center;overflow:hidden;transition:color .3s ease}.tab_box .tab_btn.active{color:rgb(0,98,172)}.tab_box .tab_btn .ripple{position:absolute;border-radius:50%;background:rgba(10,143,220,.4);transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}.tab_box .line{position:absolute;bottom:0;left:0;height:2px;background-color:rgb(0,98,172);transition:width .3s ease,left .3s ease}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}body.dark .tab_box .tab_btn{color:#9ca3af}body.dark .tab_box .tab_btn.active{color:#60a5fa}body.dark .tab_box .tab_btn .ripple{background:rgba(96,165,250,.4)}body.dark .tab_box .line{background-color:#60a5fa}.textarea-fake{border:1px solid #e0e0e0;border-radius:8px;padding:12px;max-width:600px;position:relative;background-color:#fff}body.dark .textarea-fake{border-color:rgba(75,85,99,.4);background-color:rgb(30,31,32);color:#e3e3e3}.textarea-fake .section-container{margin-bottom:20px}.textarea-fake .section-container .section-header{position:absolute;top:-12px;left:12px;background:white;color:rgb(107,114,128);padding:0 4px;font-size:14px}body.dark .textarea-fake .section-container .section-header{background:rgb(30,31,32);color:#aaaaaa}.textarea-fake .section-container .section-content{margin:10px 0;display:flex;align-items:center;justify-content:space-between}.textarea-fake .section-container .section-content .section-content-container{line-height:1.5}.textarea-fake .section-container .section-content .section-content-container .section-title{font-weight:700}.textarea-fake .section-container .section-content .section-content-container .section-subtitle{color:#666}body.dark .textarea-fake .section-container .section-content .section-content-container .section-subtitle{color:#aaaaaa}.textarea-fake .section-container .section-content .question-input{width:100px;padding:8.5px 14px;border:1px solid #ccc;border-radius:8px;color:rgb(17,24,39);background-color:#fff}body.dark .textarea-fake .section-container .section-content .question-input{border-color:rgba(107,114,128,.1098039216);color:#e3e3e3;background-color:#282a2c}.dropdown2{flex:1;position:relative;width:150px;height:45px}.dropdown2 input{border:1.9px solid lightgrey;border-radius:8px;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background:#fff;outline:none;box-shadow:0 5px 20px rgba(0,0,0,.05);padding:12px 20px}.dropdown2 .matching-select{position:absolute;border:1px solid #ddd;top:50px;width:100%;background:#FFF;box-shadow:0 30px 30px rgba(0,0,0,.05);border-radius:10px;overflow:hidden;display:none;z-index:5;font-size:1.5rem}.dropdown2 .matching-select div:first-of-type{background:#ededed}.dropdown2 .matching-select div:hover:not(div:first-of-type){background:#62baed;color:#FFF}.dropdown2 .matching-select div{padding:5px 20px;cursor:pointer}.dropdown2 .matching-select div ion-icon{position:relative;top:2px}.dropdown2:before{content:"";position:absolute;right:20px;top:15px;width:8px;height:8px;border-right:2px solid #333;border-top:2px solid #333;border-color:#fff #fff #333 #333;border-style:solid;border-width:2px;transform:rotate(-45deg);transition:.5s;pointer-events:none;z-index:3}.dropdown2.active:before{top:22px;transform:rotate(-225deg)}.dropdown2.active .matching-select{display:block}.pagination2{position:relative;background:fff;display:flex;align-items:center}.pagination2 li{list-style:none;line-height:5px;margin:0 5px}.pagination2 li a{display:block;text-decoration:none;color:#777;font-weight:600;border-radius:50%}.pagination2 li.pageNumber{width:30px;height:30px;line-height:30px;text-align:center}.pagination2 li.pageNumber a:hover,.pagination2 li.pageNumber.active a{background-color:rgb(10,143,220);color:#fff}.radio-item{display:flex;align-items:center;user-select:none}.radio-item input[type=radio]{display:none}.radio-item label{display:flex;align-items:center;gap:10px;border-radius:6px;cursor:pointer;white-space:nowrap;position:relative}.radio-item .custom-radio{height:20px;width:20px;border:1px solid #5f6368;border-radius:50%;position:relative;transition:border-color .3s ease-in-out}.radio-item .custom-radio:before{content:"";background:rgb(10,143,220);height:10px;width:10px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.radio-item input[type=radio]:checked+label .custom-radio{border-color:rgb(10,143,220)}.radio-item input[type=radio]:checked+label .custom-radio:before{opacity:1;visibility:visible}.radio-item input[type=radio]:disabled+label{opacity:.5;pointer-events:none;cursor:not-allowed}.input2{position:relative}.input2 .exam-name{padding:16.5px 14px;border:1px solid #ccc;border-radius:8px;color:#333;width:100%;outline:none}.input2 .exam-name:focus{border-color:#007bff}.input2 .exam-name::placeholder{color:#aaa;font-style:italic}.input2 .floating-label{position:absolute;top:-10px;left:10px;font-size:12px;background-color:#fff;padding:0 5px;color:#5e6c84;pointer-events:none}body.dark .input2 .exam-name{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);color:#aaaaaa}body.dark .input2 .exam-name:focus{border-color:#60a5fa}body.dark .input2 .exam-name::placeholder{color:#6b7280}body.dark .input2 .floating-label{background-color:rgb(30,31,32);color:#aaaaaa}.textarea2{position:relative}.textarea2 .exam-description{padding:16.5px 14px;border:1px solid #ccc;border-radius:8px;color:#333;width:100%;height:75px;outline:none;resize:none}.textarea2 .exam-description:focus{border-color:#007bff}.textarea2 .exam-description::placeholder{color:#aaa;font-style:italic}.textarea2 .floating-label{position:absolute;top:-10px;left:10px;font-size:12px;background-color:#fff;padding:0 5px;color:#5e6c84;pointer-events:none}body.dark .textarea2 .exam-description{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);color:#aaaaaa}body.dark .textarea2 .exam-description:focus{border-color:#60a5fa}body.dark .textarea2 .exam-description::placeholder{color:#6b7280}body.dark .textarea2 .floating-label{background-color:rgb(30,31,32);color:#aaaaaa}.input-dropdown{margin-top:20px;position:relative}.input-dropdown input{border:1.9px solid lightgrey;border-radius:8px;width:100%;cursor:pointer;background:#fff;outline:none;box-shadow:0 5px 20px rgba(0,0,0,.05);padding:14.5px 12px}.input-dropdown input:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.input-dropdown .input-dropdown-select{position:absolute;border:1px solid #ddd;top:50px;width:100%;background:#FFF;box-shadow:0 30px 30px rgba(0,0,0,.05);border-radius:10px;overflow:hidden;display:none;z-index:5;font-size:12px}.input-dropdown .input-dropdown-select div:first-of-type{background:#ededed}.input-dropdown .input-dropdown-select div:hover:not(div:first-of-type){background:#62baed;color:#FFF}.input-dropdown .input-dropdown-select div{padding:5px 20px;cursor:pointer}.input-dropdown .input-dropdown-select div ion-icon{position:relative;top:2px}.input-dropdown .title{font-size:12px;position:absolute;top:-10px;left:10px;background-color:#fff;padding:0 5px;color:#5e6c84;pointer-events:none}.input-dropdown:before{content:"";position:absolute;right:20px;top:15px;width:8px;height:8px;border-right:2px solid rgba(0,0,0,.54);border-top:2px solid rgba(0,0,0,.54);border-color:#fff #fff rgba(0,0,0,.54) rgba(0,0,0,.54);border-style:solid;border-width:2px;transform:rotate(-45deg);transition:.5s;pointer-events:none;z-index:3}.input-dropdown.active:before{top:20px;transform:rotate(-225deg)}.input-dropdown.active .input-dropdown-select{display:block}.import-image{margin-left:auto;margin-right:auto;width:256px}.import-image .box-image{border:1px solid #eee;height:145px;display:flex;justify-content:center;align-items:center}.import-image p{text-align:center;margin-top:10px}.checkbox2{display:flex;align-items:center;user-select:none}.checkbox2 input[type=checkbox]{display:none}.checkbox2 label{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.checkbox2 .custom-checkbox{height:20px;width:20px;border:2px solid #5f6368;border-radius:4px;background-color:white;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,border-color .3s ease}.checkbox2 .custom-checkbox i{color:white;font-size:14px;opacity:0;transition:opacity .3s ease}.checkbox2 input[type=checkbox]:checked+label .custom-checkbox{background-color:rgb(10,143,220);border-color:rgb(10,143,220)}.checkbox2 input[type=checkbox]:checked+label .custom-checkbox i{opacity:1}.icon-drop{height:22px;width:22px;border:2px solid #f24e4e;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.icon-drop:before{content:"";background:#F24E4E;height:2px;width:10px;position:absolute}.icon-drop:hover{transform:scale(1.1);transition:transform .3s ease}.btn-add-answer{display:inline-flex;align-items:center;background-color:transparent;border:none;padding:10px 20px;border-radius:8px;color:#3b82f6;font-size:14px;cursor:pointer;transition:background-color .3s ease;max-width:200px}.btn-add-answer:hover{background-color:rgba(10,143,220,.04)}.btn-add-answer .icon-plus-circle{display:inline-block;width:18px;height:18px;margin-right:8px;border:2px solid #3b82f6;border-radius:50%;position:relative}.btn-add-answer .icon-plus-circle:before{width:2px;height:10px}.btn-add-answer .icon-plus-circle:after,.btn-add-answer .icon-plus-circle:before{content:"";position:absolute;background:#3b82f6;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-add-answer .icon-plus-circle:after{width:10px;height:2px}.button-index{display:inline-flex;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;user-select:none;vertical-align:middle;appearance:none;font-family:Inter,sans-serif;color:rgb(62,101,254);text-transform:none;min-width:35px;line-height:1rem;outline:0;margin:0;text-decoration:none;padding:10px;border-radius:4px;border:1px solid rgb(211,215,234)}.button-index,.close-modal-auth{align-items:center;justify-content:center;cursor:pointer;font-weight:500;box-shadow:none}.close-modal-auth{padding:0;position:absolute;top:16px;right:16px;display:flex;width:40px;height:40px;border-radius:50%;color:#333;background:rgba(22,24,35,.031372549);font-size:2.8rem;line-height:0;border:none;outline:none}.close-modal-auth:hover{background:rgba(0,0,0,.04)}.checkbox-item{display:flex;align-items:center;user-select:none}.checkbox-item input[type=checkbox]{display:none}.checkbox-item label{padding:15px;display:flex;align-items:center;gap:10px;border-radius:6px;cursor:pointer;white-space:nowrap;position:relative}.checkbox-item .custom-checkbox{height:20px;width:20px;border:1px solid #5f6368;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;transition:border-color .2s ease-in-out;background-color:#fff}.checkbox-item .custom-checkbox i{font-size:12px;color:#555555;opacity:0;transition:opacity .1s ease-in-out}.checkbox-item label:hover .custom-checkbox i{opacity:1;color:#5f6368}.checkbox-item input[type=checkbox]:checked+label .custom-checkbox{border-color:#fff;background:rgb(0,120,212)}.checkbox-item input[type=checkbox]:checked+label .custom-checkbox i{opacity:1;color:#fff}.textarea-custom{padding:.625rem;color:#111827;background-color:#f9fafb;border-radius:.5rem;border:1px solid #d1d5db}.textarea-custom:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.5)}.textarea-custom::placeholder{color:#9ca3af}body.dark .textarea-custom{border-color:rgba(75,85,99,.4)}body.dark .textarea-custom,body.dark .textarea-custom:focus{background-color:rgb(30,31,32);color:#e3e3e3}body.dark .textarea-custom::placeholder{color:#aaaaaa}.radio-card{-webkit-tap-highlight-color:transparent;border-radius:12px;gap:10px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid transparent;display:flex;align-items:center;cursor:pointer}.radio-card .radio__input_card{display:none}.radio-card.active{background:#f6f3fe;border:1px solid #7551b6}.radio-card .radio__input_card:checked~.radio__radio:after{display:block}.radio-card .radio__radio{width:17px;height:17px;border:1px solid #626262;border-radius:50%;box-sizing:border-box;padding:2px;flex-shrink:0;background-color:rgba(234,234,234,.5803921569)}.radio-card .radio__radio:after{content:"";width:100%;height:100%;display:none;background:#6736ac;border-radius:50%}.radio-card .quiz-section{flex:3;display:flex;flex-direction:column;gap:10px}.radio-card .quiz-section .section-header h3{margin:0;font-size:16px;color:#453d5d;font-weight:550}.radio-card .quiz-section .section-header .question-count{font-size:14px;color:#72727a}.radio-card .quiz-section .progress span{display:block;font-size:12px;margin-bottom:4px;color:#72727a}.radio-card .quiz-section .progress .progress-bar{background-color:#eee;border-radius:8px;height:6px;position:relative;overflow:hidden}.radio-card .quiz-section .progress .progress-bar .progress-fill{background-color:#2196f3;height:100%;width:0;transition:width .3s ease}.radio-card .quiz-section .result-info{display:flex;justify-content:space-between;font-size:12px}.radio-card .quiz-section .result-info .correct{color:#00c853}.radio-card .quiz-section .result-info .incorrect{color:#d32f2f}.radio-card .quiz-section .result-info .approximately{color:#999900}.radio-card .radio__input_card:checked~.radio__radio{background-color:#fff}.close-modal-new{font-weight:500;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;color:#333;background:rgba(22,24,35,.031372549);font-size:2rem;cursor:pointer}.close-modal-new:hover{background:rgba(0,0,0,.04)}.pagination-table{border-radius:8px}.pagination-table ul{display:inline-flex;gap:-1px;font-size:14px;border-radius:8px}.pagination-table ul li a{display:flex;align-items:center;justify-content:center;padding-inline:12px;height:32px;line-height:20px;color:#6b7280;background-color:#ffffff;border:1px solid #d1d5db;border-left:none;transition:background-color .3s,color .3s}.pagination-table ul li a:hover{background-color:#f3f4f6;color:#374151}.pagination-table ul li:first-child a{border-radius:8px 0 0 8px;border-left:1px solid #d1d5db}.pagination-table ul li:last-child a{border-radius:0 8px 8px 0}.pagination-table ul a[aria-current=page]{color:#2563eb;background-color:#eff6ff;border-color:#d1d5db}.pagination-table ul a[aria-current=page]:hover{background-color:#dbeafe;color:#1d4ed8}.pagination-table ul a[aria-current=page].dark{background-color:#374151;color:#ffffff}.inputpro label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#1f2937}.dark .inputpro label{color:#ffffff}.inputpro input{background-color:#f9fafb;border:1px solid #d1d5db;color:#1f2937;border-radius:8px;display:block;width:100%;padding:10px}.inputpro input:focus{outline:none;border-color:#3b82f6}.dark .inputpro input{background-color:#374151;border-color:#4b5563;color:#ffffff}.dark .inputpro input::placeholder{color:#9ca3af}.dark .inputpro input:focus{border-color:#3b82f6}.textareapro label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#1f2937}.dark .textareapro label{color:#ffffff}.textareapro textarea{background-color:#f9fafb;border:1px solid #d1d5db;color:#1f2937;border-radius:8px;display:block;width:100%;padding:10px;resize:vertical}.textareapro textarea:focus{outline:none;border-color:#3b82f6}.dark .textareapro textarea{background-color:#374151;border-color:#4b5563;color:#ffffff}.dark .textareapro textarea::placeholder{color:#9ca3af}.dark .textareapro textarea:focus{border-color:#3b82f6}.select-pro label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#1f2937}.dark .select-pro label{color:#ffffff}.select-pro select{background-color:#f9fafb;border:1px solid #d1d5db;color:#1f2937;font-size:14px;border-radius:8px;display:block;width:100%;padding:10px}.select-pro select:focus{outline:none;ring-color:#3b82f6;border-color:#3b82f6}.dark .select-pro select{background-color:#374151;border-color:#4b5563;color:#ffffff}.dark .select-pro select::placeholder{color:#9ca3af}.dark .select-pro select:focus{ring-color:#3b82f6;border-color:#3b82f6}.badge{font-size:13px;font-weight:500;margin-inline-end:8px;padding:3px 10px;border-radius:9999px;display:inline-block;border-width:1px;border-style:solid;cursor:pointer}.badge--blue{background-color:#ebf8ff;color:#2b6cb0}.dark .badge--blue{background-color:#2a4365;color:#bee3f8}.badge--gray{background-color:#f7fafc;color:#2d3748}.dark .badge--gray{background-color:#4a5568;color:#e2e8f0}.badge--red{background-color:#fff5f5;color:#c53030}.dark .badge--red{background-color:#742a2a;color:#feb2b2}.badge--green{background-color:#f0fff4;color:#2f855a;border-color:#68d391}.dark .badge--green{background-color:#22543d;color:#c6f6d5}.badge--yellow{background-color:rgb(253,246,178);color:rgb(114,59,19);border-color:rgba(250,200,21,.596)}.dark .badge--yellow{background-color:#744210;color:#faf089}.badge--indigo{background-color:#ebf4ff;color:#434190}.dark .badge--indigo{background-color:#3c366b;color:#c3dafe}.badge--purple{background-color:#faf5ff;color:#553c9a}.dark .badge--purple{background-color:#44337a;color:#d6bcfa}.badge--pink{background-color:#fff5f7;color:#b83280}.dark .badge--pink{background-color:#702459;color:#fbb6ce}@media (max-width:992px){.badge{font-size:12px}}.profile-table{display:flex;color:#1f2937;flex-wrap:wrap;gap:10px}.profile-table.dark{color:#ffffff}.profile-table .profile-image{width:40px;height:40px;border-radius:50%}.profile-table .profile-info{word-break:break-word;overflow-wrap:break-word;white-space:normal}.profile-table .profile-info .profile-name{font-size:15px;font-weight:600}.profile-table .profile-info .profile-email{font-size:14px;font-weight:400;color:#6b7280}@media (max-width:768px){.profile-table .profile-image{width:30px;height:30px;border-radius:50%}.profile-table .profile-info .profile-name{font-size:12.5px;font-weight:600}.profile-table .profile-info .profile-email{font-size:12.5px;font-weight:400;color:#6b7280}}.custom-button{color:#0f0f0f;background-color:rgba(0,0,0,.0509803922);border:none;font-weight:500;border-radius:8px;font-size:14px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-right:8px;margin-bottom:8px}.custom-button:hover{background-color:rgba(0,0,0,.1019607843)}.custom-button:focus{outline:none;box-shadow:0 0 0 4px rgb(243,244,246)}.custom-button:active{box-shadow:0 0 0 4px rgba(107,114,128,.5)}.custom-button.active{background-color:#0f0f0f;color:#ffffff}.btn{display:inline-block;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;text-align:center;margin-right:8px;margin-bottom:8px;border:1px solid;cursor:pointer;background-color:#ffffff;outline:none}.btn-blue{color:#1a56db;border-color:#1a56db}.btn-blue:hover{color:#ffffff;background-color:#1e429f}@media (prefers-color-scheme:dark){.btn-blue{color:#3b82f6;border-color:#3b82f6}.btn-blue:hover{color:#ffffff;background-color:#3b82f6}.btn-blue:focus{box-shadow:0 0 0 4px #1e429f}}.btn-dark{color:#111827;border-color:#1f2937}.btn-dark:hover{color:#ffffff;background-color:#111827}.btn-dark:focus{box-shadow:0 0 0 4px #d1d5db}@media (prefers-color-scheme:dark){.btn-dark{color:#9ca3af;border-color:#4b5563}.btn-dark:hover{color:#ffffff;background-color:#4b5563}.btn-dark:focus{box-shadow:0 0 0 4px #1f2937}}.btn-green{color:#046C4E;border-color:#046C4E}.btn-green:hover{color:#ffffff;background-color:#03543F}@media (prefers-color-scheme:dark){.btn-green{color:#22c55e;border-color:#22c55e}.btn-green:hover{color:#ffffff;background-color:#16a34a}.btn-green:focus{box-shadow:0 0 0 4px #03543F}}.btn-red{color:#b91c1c;border-color:#b91c1c}.btn-red:hover{color:#ffffff;background-color:#991b1b}@media (prefers-color-scheme:dark){.btn-red{color:#ef4444;border-color:#ef4444}.btn-red:hover{color:#ffffff;background-color:#dc2626}.btn-red:focus{box-shadow:0 0 0 4px #7f1d1d}}.btn-yellow{color:#facc15;border-color:#facc15}.btn-yellow:hover{color:#ffffff;background-color:#eab308}.btn-yellow:focus{box-shadow:0 0 0 4px #fde68a}@media (prefers-color-scheme:dark){.btn-yellow{color:#fde68a;border-color:#fde68a}.btn-yellow:hover{color:#ffffff;background-color:#facc15}.btn-yellow:focus{box-shadow:0 0 0 4px #854d0e}}.btn-purple{color:#6d28d9;border-color:#6d28d9}.btn-purple:hover{color:#ffffff;background-color:#5b21b6}.btn-purple:focus{box-shadow:0 0 0 4px #c4b5fd}@media (prefers-color-scheme:dark){.btn-purple{color:#a78bfa;border-color:#a78bfa}.btn-purple:hover{color:#ffffff;background-color:#8b5cf6}.btn-purple:focus{box-shadow:0 0 0 4px #4c1d95}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:10}.loading-overlay .spinner{width:40px;height:40px;border:4px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.dav-editor{width:100%;border:1px solid #ccced1;border-radius:8px;background-color:#fff}.dav-editor .toolbar .line{display:flex;flex-wrap:wrap;border-bottom:1px solid #e2e2e2}.dav-editor .toolbar .line .box{display:flex}.dav-editor .toolbar .line .box:not(:first-child){border-left:1px solid #e2e2e2}.dav-editor .toolbar .line .box .editor-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;transition:background-color .2s}.dav-editor .toolbar .line .box .editor-btn.active{background-color:#e1e1e1}.dav-editor .content-area{line-height:1}.dav-editor .ProseMirror{outline:none;padding:10px;height:150px;resize:vertical;overflow-y:auto}.dav-editor .ProseMirror p{margin:12px 0;line-height:1.6}.dav-editor .ProseMirror hr{margin:1rem 0}body.dark .dav-editor{background-color:#282a2c;border-color:rgba(75,85,99,.4);color:rgba(243,244,246,.9450980392)}body.dark .dav-editor .toolbar .line{border-bottom-color:rgba(75,85,99,.4)}body.dark .dav-editor .toolbar .line .box:not(:first-child){border-left-color:rgba(75,85,99,.4)}body.dark .dav-editor .toolbar .line .box .editor-btn.active{background-color:#37393b}body.dark .dav-editor .ProseMirror hr{border-color:#4b5563}.checkbox3{display:flex;align-items:center;user-select:none;padding:6px}.checkbox3 input[type=checkbox]{display:none}.checkbox3 label{display:flex;align-items:center;gap:15px;cursor:pointer}.checkbox3 .custom-checkbox{flex-shrink:0;width:22px;height:22px;border:1px solid #626262;border-radius:5px;background-color:white;display:flex;align-items:center;justify-content:center}.checkbox3 .custom-checkbox i{font-size:14px;color:white;opacity:0}.checkbox3.checkbox-success input[type=checkbox]:checked+label .custom-checkbox{background-color:#259172;border:none}.checkbox3.checkbox-success input[type=checkbox]:checked+label .custom-checkbox i{opacity:1}.checkbox3.checkbox-danger input[type=checkbox]:checked+label .custom-checkbox{background-color:#e63349;border:none}.checkbox3.checkbox-danger input[type=checkbox]:checked+label .custom-checkbox i{opacity:1}.checkbox3.checkbox-check input[type=checkbox]:checked+label .custom-checkbox{background:#196ebf;border:none}.checkbox3.checkbox-check input[type=checkbox]:checked+label .custom-checkbox i{opacity:1}.checkbox3.disabled .custom-checkbox{border:1px solid #c3c3c3;background-color:#f9f9f9}.checkbox4{display:flex;align-items:center;flex:1 1 auto;cursor:pointer;border:1px solid transparent;position:relative;padding:18px 40px 18px 24px}.checkbox4 .checkbox__input{display:none}.checkbox4:hover{border-radius:8px;background-color:rgba(0,0,0,.021)}.checkbox4 .checkbox__icon{flex-shrink:0;width:22px;height:22px;border:1px solid #626262;border-radius:4px;background-color:transparent;display:flex;align-items:center;justify-content:center;margin-right:10px;color:transparent;transition:background-color .2s,color .2s,border .2s}.checkbox4 .checkbox__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;word-break:break-word;font-size:16px}.checkbox4 .checkbox__input:checked+.checkbox__icon{background:#196ebf;color:white;border:none}.checkbox4 .checkbox__input:checked+.checkbox__icon.disabled{background-color:#c3c3c3;border:none}.checkbox4.success .checkbox__input:checked+.checkbox__icon{background-color:#259172;border-color:#259172}.checkbox4.wrong .checkbox__input:checked+.checkbox__icon{background-color:#e63349;border-color:#e63349}.checkbox4.disabled{pointer-events:none;opacity:.6}.checkbox4 .key-hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;pointer-events:none;user-select:none;color:#9ca3af;border:1px solid #e5e7eb;background-color:#f9fafb;padding:3px 8px;border-radius:4px;min-width:20px;text-align:center}.dark .checkbox4:hover,body.dark .checkbox4:hover{background-color:rgba(255,255,255,.05)}.dark .checkbox4 .checkbox__icon,body.dark .checkbox4 .checkbox__icon{border-color:#999}.dark .checkbox4 .checkbox__input:checked+.checkbox__icon,body.dark .checkbox4 .checkbox__input:checked+.checkbox__icon{background-color:white;color:#196ebf}.dark .checkbox4.success .checkbox__input:checked+.checkbox__icon,body.dark .checkbox4.success .checkbox__input:checked+.checkbox__icon{background-color:white;color:#259172}.dark .checkbox4.wrong .checkbox__input:checked+.checkbox__icon,body.dark .checkbox4.wrong .checkbox__input:checked+.checkbox__icon{background-color:white;color:#e63349}.dark .checkbox4 .checkbox__input:checked+.checkbox__icon.disabled,body.dark .checkbox4 .checkbox__input:checked+.checkbox__icon.disabled{background-color:#555;color:#ccc}.dark .checkbox4 .key-hint,body.dark .checkbox4 .key-hint{color:#9ca3af;border-color:#374151;background-color:#1f2937}.quiz-skeleton-desktop{width:100%;height:400px;padding:16px;border-radius:16px;box-shadow:0 10px 10px rgba(0,0,0,.04);background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.quiz-skeleton-desktop .skeleton-header{height:24px;width:70%;background-color:#e0e0e0;border-radius:4px;margin-bottom:16px}.quiz-skeleton-desktop .skeleton-options{display:flex;flex-direction:column;gap:10px}.quiz-skeleton-desktop .skeleton-options .skeleton-option{height:16px;width:100%;background-color:#e0e0e0;border-radius:4px}.quiz-skeleton-desktop .skeleton-footer{display:flex;justify-content:space-between;margin-top:20px}.quiz-skeleton-desktop .skeleton-footer .skeleton-button-quiz{width:90px;height:36px;background-color:#ccc;border-radius:6px}body.dark .quiz-skeleton-desktop{background-color:#1e1f20}body.dark .quiz-skeleton-desktop .skeleton-footer .skeleton-button-quiz,body.dark .quiz-skeleton-desktop .skeleton-header,body.dark .quiz-skeleton-desktop .skeleton-options .skeleton-option{background-color:rgba(224,224,224,.1568627451)}.quiz-skeleton-mobile{width:100%;height:400px;padding:16px;border-radius:16px;box-shadow:0 10px 10px rgba(0,0,0,.04);background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.skeleton-header{height:24px;width:70%;background-color:#e0e0e0;border-radius:4px;margin-bottom:16px}.skeleton-options{display:flex;flex-direction:column;gap:10px}.skeleton-options .skeleton-option{height:16px;width:100%;background-color:#e0e0e0;border-radius:4px}body.dark .quiz-skeleton-mobile{background-color:#1e1f20}body.dark .quiz-skeleton-mobile .skeleton-header,body.dark .quiz-skeleton-mobile .skeleton-options .skeleton-option{background-color:rgba(224,224,224,.1568627451)}.checkbox5{display:flex;align-items:center;padding:10px;cursor:pointer}.checkbox5 .checkbox__input{display:none}.checkbox5 .checkbox__icon{flex-shrink:0;width:20px;height:20px;border:2px solid #5f6368;border-radius:4px;background-color:transparent;display:flex;align-items:center;justify-content:center;margin-right:10px}.checkbox5 .checkbox__icon .iconcheck5{color:white;opacity:0;font-size:14px;transition:opacity .3s ease}.checkbox5 .checkbox__input:checked+.checkbox__icon{background-color:rgb(10,143,220);border-color:rgb(10,143,220)}.checkbox5 .checkbox__input:checked+.checkbox__icon .iconcheck5{opacity:1}.checkbox5.disabled{pointer-events:none;opacity:.6}.radio3{border:1px solid transparent;display:flex;align-items:center;padding:18px 24px;flex:1 1 auto;cursor:pointer}.radio3 .radio__input{display:none}.radio3 .radio__input:checked+.radio__radio:after{display:block}.radio3:hover{border-radius:8px;background-color:rgba(0,0,0,.021)}.radio3 .radio__icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #626262;border-radius:50%;background-color:transparent;color:transparent;margin-right:13px;transition:background-color .2s,color .2s;position:relative}.radio3 .radio__icon:after{content:"";width:12px;height:12px;border-radius:50%;background:#196ebf;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.radio3 .radio__input:checked+.radio__icon:after{opacity:1}.radio3 .radio__input:checked+.radio__icon.disabled:after{background-color:#c3c3c3}.radio3 .radio__input:checked+.radio__icon.disabled{border:1px solid #c3c3c3}.radio3.disabled{pointer-events:none;opacity:.8}body.dark .radio3:hover{background-color:rgba(224,224,224,.062745098)}body.dark .radio3 .radio__icon:after{background:#E3E3E3}.dropdown3{user-select:none}.dropdown3 .textBox{border:1.9px solid lightgrey;border-radius:8px;background:#fff;padding:12px 16px;cursor:pointer;box-shadow:0 5px 20px rgba(0,0,0,.05);color:rgba(17,24,39,.8784313725);position:relative}.dropdown3 .dropdown-icon{top:16px;right:16px;transition:transform .3s;color:#666}.dropdown3 .matching-select{left:0;background:#fff;box-shadow:0 20px 30px rgba(0,0,0,.05);flex-direction:column;z-index:10}.dropdown3 .matching-select .searchBox{outline:none;padding:10px;font-size:16px;border:none;border-bottom:1px solid #eee;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:unset;border-bottom-right-radius:unset}.dropdown3 .matching-select .option-list{max-height:220px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.dropdown3 .matching-select .option-list .option-item{padding:10px 14px 10px 25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown3 .matching-select .option-list .option-item:hover{background:#62baed;color:white}.dropdown3 .matching-select .option-list .option-item .fa-check{color:green;visibility:hidden}.dropdown3 .matching-select .option-list .option-item.selected .fa-check{visibility:visible}.dropdown3 .matching-select .option-list .no-results{padding:10px 14px;font-style:italic;color:#999;display:none}.dropdown3.active .matching-select{display:flex}.dropdown3 .title{position:absolute;top:-10px;left:14px;font-size:12px;background:#fff;padding:0 5px;color:#908D92}.dropdown-page-size{position:relative}.dropdown-page-size .page-size-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer}.dropdown-page-size .page-size-toggle i{font-size:12px;transition:transform .3s ease}.dropdown-page-size.open .page-size-toggle i{transform:rotate(180deg)}.dropdown-page-size .page-size-menu{display:none;position:absolute;top:100%;left:0;margin-top:6px;min-width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:9999}.dropdown-page-size.open .page-size-menu{display:block}.dropdown-page-size .page-size-item{padding:8px 12px;cursor:pointer}.dropdown-page-size .page-size-item:hover{background:#f3f4f6}.dropdown-page-size .page-size-item.selected{font-weight:600;background:#e0e7ff}.dropdown-filter-status{position:relative}.dropdown-filter-status .filter-btn{border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:8px 12px;font-size:14px;display:flex;align-items:center;gap:6px;cursor:pointer}.dropdown-filter-status .filter-btn i{font-size:14px}.dropdown-filter-status .filter-status-menu{display:none;position:absolute;top:100%;left:0;margin-top:6px;min-width:140px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:9999}.dropdown-filter-status.open .filter-status-menu{display:block}.dropdown-filter-status .filter-status-item{padding:8px 12px;cursor:pointer}.dropdown-filter-status .filter-status-item:hover{background:#f3f4f6}.dropdown-filter-status .filter-status-item.selected{font-weight:600;background:#e0e7ff}.exam-card{width:100%;max-width:400px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;position:relative}body.dark .exam-card{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.exam-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px rgba(0,0,0,.15)}body.dark .exam-card:hover{box-shadow:0 12px 20px -8px rgba(0,0,0,.5)}.exam-card .card-header{position:relative;height:150px;cursor:pointer;overflow:hidden}.exam-card .card-header .card-bg{object-fit:cover}.exam-card .card-header .card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);z-index:1}.exam-card .card-header .header-badges{position:absolute;top:12px;right:12px;z-index:2}.exam-card .card-header .header-badges .shared-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:700;background-color:#2563eb;color:#ffffff;border:1px solid #1d4ed8;box-shadow:0 2px 6px rgba(0,0,0,.25);backdrop-filter:blur(4px)}body.dark .exam-card .card-header .header-badges .shared-badge{background-color:rgba(30,58,138,.85);color:#bfdbfe;border-color:rgba(96,165,250,.4)}.exam-card .card-header .header-badges .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:700}.exam-card .card-header .header-badges .status-badge.status--public{background-color:#dcfce7;color:#166534}.exam-card .card-header .header-badges .status-badge.status--private{background-color:#f3f4f6;color:#374151}body.dark .exam-card .card-header .header-badges .status-badge.status--public{background-color:#14532d;color:#bbf7d0;border:1px solid rgba(187,247,208,.2)}body.dark .exam-card .card-header .header-badges .status-badge.status--private{background-color:#374151;color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.exam-card .card-body{padding:16px;flex:1;display:flex;flex-direction:column}.exam-card .card-body .card-title{font-size:18px;font-weight:700;color:#1f2937;line-height:1.4;margin:0 0 12px;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:50px}.exam-card .card-body .card-title:hover{color:#3b82f6}body.dark .exam-card .card-body .card-title{color:#e3e3e3}.exam-card .card-body .info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exam-card .card-body .info-row .author-block{display:flex;align-items:center;gap:8px}.exam-card .card-body .info-row .author-block .avt,.exam-card .card-body .info-row .author-block .avt-placeholder{width:24px;height:24px;border-radius:50%;object-fit:cover}.exam-card .card-body .info-row .author-block .avt-placeholder{background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:11px}body.dark .exam-card .card-body .info-row .author-block .avt-placeholder{background:#374151}.exam-card .card-body .info-row .author-block .name{font-size:14px;font-weight:500;color:#4b5563;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body.dark .exam-card .card-body .info-row .author-block .name{color:#aaaaaa}.exam-card .card-body .info-row .date-block{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:6px}body.dark .exam-card .card-body .info-row .date-block{color:#aaaaaa}.exam-card .card-body .stats-row{margin-top:auto;padding-top:12px;border-top:1px dashed #e5e7eb;font-size:13px;color:#6b7280;display:flex;align-items:center;gap:8px}body.dark .exam-card .card-body .stats-row{border-top-color:rgba(75,85,99,.4);color:#aaaaaa}.exam-card .card-body .stats-row .stat-item{display:flex;align-items:center;gap:6px;font-weight:500}.exam-card .card-body .stats-row .stat-item svg{opacity:.7;font-size:12px}.exam-card .card-body .stats-row .stat-separator{color:#e5e7eb;font-size:10px}body.dark .exam-card .card-body .stats-row .stat-separator{color:rgba(75,85,99,.4)}.exam-card .card-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 10px;display:flex;flex-direction:column;gap:12px}body.dark .exam-card .card-footer{background-color:rgba(30,31,32,.4);border-top-color:rgba(75,85,99,.4)}.exam-card .card-footer .footer-tools{display:flex;justify-content:space-between;align-items:center;min-height:28px;gap:4px}.exam-card .card-footer .footer-tools .tool-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:13px;color:#4b5563;transition:all .2s;padding:4px 6px;border-radius:6px}body.dark .exam-card .card-footer .footer-tools .tool-btn{color:#aaaaaa}.exam-card .card-footer .footer-tools .tool-btn:hover{background-color:#e5e7eb;color:#1f2937}body.dark .exam-card .card-footer .footer-tools .tool-btn:hover{background-color:rgba(255,255,255,.1);color:#f3f4f6}.exam-card .card-footer .footer-tools .tool-btn.like-btn.liked{color:#3b82f6;font-weight:600}body.dark .exam-card .card-footer .footer-tools .tool-btn.like-btn.liked{color:#60a5fa}.exam-card .card-footer .footer-tools .tool-btn.icon-only{width:28px;height:28px;padding:0;justify-content:center;border:1px solid #e5e7eb;flex-shrink:0;font-size:12px}body.dark .exam-card .card-footer .footer-tools .tool-btn.icon-only{border-color:rgba(75,85,99,.4)}.exam-card .card-footer .footer-tools .tool-btn.icon-only:hover{background-color:#f3f4f6}body.dark .exam-card .card-footer .footer-tools .tool-btn.icon-only:hover{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}.exam-card .card-footer .footer-tools .tool-btn.icon-only.delete:hover{background-color:#fee2e2;color:#dc2626;border-color:#fca5a5}body.dark .exam-card .card-footer .footer-tools .tool-btn.icon-only.delete:hover{background-color:rgba(239,68,68,.15);color:#f87171;border-color:rgba(239,68,68,.3)}.exam-card .card-footer .footer-tools .edit-actions{display:flex;gap:2px;flex-wrap:nowrap;overflow:hidden}.exam-card .card-footer .footer-main-action{width:100%}.exam-card .card-footer .footer-main-action .btn-full{width:100%;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .2s;color:white}.exam-card .card-footer .footer-main-action .btn-full:hover{filter:brightness(1.1)}.exam-card .card-footer .footer-main-action .btn-full.primary{background:linear-gradient(135deg,rgb(10,143,220),rgb(0,98,172))}.exam-card .card-footer .footer-main-action .btn-full.primary:hover{background:linear-gradient(135deg,rgb(9,129,198),rgb(0,88,155))}body.dark .exam-card .card-footer .footer-main-action .btn-full.primary{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}body.dark .exam-card .card-footer .footer-main-action .btn-full.primary:hover{background:rgba(59,130,246,.25)}.exam-card .card-footer .footer-main-action .btn-full.create{background:linear-gradient(135deg,#10b981,#059669)}.exam-card .card-footer .footer-main-action .btn-full.manage{background:linear-gradient(135deg,#f59e0b,#d97706)}.exam-card .card-footer .footer-main-action .btn-full.manage .badge-count{background:rgba(255,255,255,.25);padding:2px 8px;border-radius:99px;font-size:12px}.modal-overlay-exam{position:fixed;inset:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2222;backdrop-filter:blur(4px)}.modal-overlay-exam.active{opacity:1}.modal-overlay-exam.active .modal-exam{transform:scale(1) translateY(0)}body.dark .modal-overlay-exam{background-color:rgba(10,10,10,.7)}.modal-exam{background-color:white;border-radius:12px;padding:24px;max-width:420px;width:90%;box-shadow:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04);transform:scale(.95) translateY(-10px);transition:transform .3s ease;text-align:center}body.dark .modal-exam{background-color:#1b1b1b;box-shadow:0 20px 25px rgba(0,0,0,.2),0 10px 10px rgba(0,0,0,.08)}.modal-header-exam{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px}.modal-header-exam .modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.modal-header-exam .modal-icon.danger{background-color:#fee2e2;color:#dc2626}body.dark .modal-header-exam .modal-icon.danger{background-color:#451b1b}.modal-header-exam .modal-icon.warning{background-color:#fef3c7;color:#f59e0b}body.dark .modal-header-exam .modal-icon.warning{background-color:#45331b}.modal-header-exam .modal-title{font-size:20px;font-weight:700;color:#1f2937}body.dark .modal-header-exam .modal-title{color:#f9fafb}.modal-content-exam{margin-bottom:24px}.modal-content-exam .modal-message,.modal-content-exam .modal-warning{color:#6b7280;line-height:1.6;margin:0}body.dark .modal-content-exam .modal-message,body.dark .modal-content-exam .modal-warning{color:#9ca3af}.modal-content-exam .exam-details-exam{margin:16px 0}.modal-content-exam .exam-details-exam .exam-name{font-weight:700;font-size:18px;color:#1f2937;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}body.dark .modal-content-exam .exam-details-exam .exam-name{color:#f9fafb}.modal-content-exam .modal-warning{margin-top:16px;font-size:13px}.modal-actions-exam{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions-exam:has(.modal-btn:only-child){grid-template-columns:1fr}.modal-actions-exam .modal-btn{padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;font-size:15px;transition:all .2s ease;border:none}.modal-actions-exam .cancel-btn{background-color:#f3f4f6;color:#4b5563}.modal-actions-exam .cancel-btn:hover{background-color:#e5e7eb}body.dark .modal-actions-exam .cancel-btn{background-color:#282a2c;color:#e5e7eb}body.dark .modal-actions-exam .cancel-btn:hover{background-color:#2f3131}.modal-actions-exam .confirm-btn.danger{color:white;background-color:#dc2626}.modal-actions-exam .confirm-btn.danger:hover{background-color:#b91c1c}body.dark .modal-actions-exam .confirm-btn.danger{background-color:#8c1d18}body.dark .modal-actions-exam .confirm-btn.danger:hover{background-color:rgba(220,38,38,.7960784314)}.modal-actions-exam .confirm-btn.warning{color:#1f2937;background-color:#f59e0b}.modal-actions-exam .confirm-btn.warning:hover{background-color:#d97706}body.dark .modal-actions-exam .confirm-btn.warning{background-color:#f59e0b}body.dark .modal-actions-exam .confirm-btn.warning:hover{background-color:#d97706}body.dark .modal-actions-exam .confirm-btn{background-color:#2563eb;color:#fff}body.dark .modal-actions-exam .confirm-btn:hover{background-color:#1d4ed8}.event-section-card{cursor:pointer;border-radius:12px;padding:12px;margin-bottom:12px;transition:all .2s ease-in-out;width:100%;box-sizing:border-box;background-color:#ffffff;border:1px solid #e5e7eb;color:#1f2937;box-shadow:0 2px 4px -1px rgba(0,0,0,.05)}body.dark .event-section-card{background-color:#282a2c;border-color:#404345;color:#e3e3e3}.event-section-card.active,.event-section-card:hover{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 4px 12px rgba(59,130,246,.15)}body.dark .event-section-card.active,body.dark .event-section-card:hover{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa,0 4px 12px rgba(0,0,0,.3);background-color:#2b2d30}.event-section-card__header{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;min-width:0}.event-section-card__header .event-section-card__indicator{width:8px;height:8px;background-color:#3b82f6;border-radius:2px;flex-shrink:0;margin-top:5px}.event-section-card__header .event-section-card__header-content{flex:1;min-width:0}.event-section-card__header .event-section-card__title{font-weight:600;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-section-card__progress-section{margin-bottom:12px}.event-section-card__progress-section .event-section-card__progress-bar{height:6px;width:100%;border-radius:99px;background-color:#f3f4f6;overflow:hidden}body.dark .event-section-card__progress-section .event-section-card__progress-bar{background-color:#374151}.event-section-card__progress-section .event-section-card__progress-bar-inner{background-color:#3b82f6;height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.event-section-card__progress-section .event-section-card__progress-text{font-size:11px;margin-top:6px;font-weight:500;color:#6b7280;text-align:right}body.dark .event-section-card__progress-section .event-section-card__progress-text{color:#9ca3af}.event-section-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.event-section-card__stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:8px;min-width:0}.event-section-card__stats .stat-item__header{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:2px;width:100%}.event-section-card__stats .stat-item__header p{font-size:10px;font-weight:500;color:#6b7280;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .event-section-card__stats .stat-item__header p{color:#9ca3af}.event-section-card__stats .stat-item__header .stat-icon{font-size:12px;flex-shrink:0}.event-section-card__stats .stat-item__value{font-size:16px;font-weight:700}.event-section-card__stats .stat-item.correct{color:#16a34a}body.dark .event-section-card__stats .stat-item.correct{color:#4ade80}.event-section-card__stats .stat-item.approximate{color:#d97706}body.dark .event-section-card__stats .stat-item.approximate{color:#facc15}.event-section-card__stats .stat-item.wrong{color:#dc2626}body.dark .event-section-card__stats .stat-item.wrong{color:#f87171}.event-section-card__stats .stat-item.unanswered{color:#6b7280}body.dark .event-section-card__stats .stat-item.unanswered{color:#94a3b8}.event-section-card__summary{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb}body.dark .event-section-card__summary{border-top-color:#404345}.event-section-card__summary .summary__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.event-section-card__summary .summary__row span:first-child{font-size:13px;color:#6b7280}body.dark .event-section-card__summary .summary__row span:first-child{color:#9ca3af}.event-section-card__summary .summary__row .summary__score{font-weight:700;font-size:15px;color:#1f2937}body.dark .event-section-card__summary .summary__row .summary__score{color:#e3e3e3}.event-section-card__summary .summary__passmark{font-size:11px;color:#9ca3af;text-align:right;font-style:italic}.event-section-card__summary .summary__status{display:flex;align-items:center;justify-content:center;margin-top:10px;font-weight:600;padding:6px;border-radius:6px;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.event-section-card__summary .summary__status.passed{gap:6px;background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}body.dark .event-section-card__summary .summary__status.passed{background-color:rgba(22,101,52,.3);color:#86efac;border-color:rgba(22,101,52,.5)}.event-section-card__summary .summary__status.failed{background-color:#fee2e2;border:1px solid #fecaca}body.dark .event-section-card__summary .summary__status.failed{background-color:rgba(127,29,29,.3);border-color:rgba(127,29,29,.5)}.event-section-card__summary .summary__status.failed .status-text{display:flex;align-items:center;gap:4px}.event-section-card__summary .summary__status.failed .status-text--critical{color:#ef4444}body.dark .event-section-card__summary .summary__status.failed .status-text--critical{color:#f87171}.event-section-card__summary .summary__status.failed .status-text--score{color:#ea580c}body.dark .event-section-card__summary .summary__status.failed .status-text--score{color:#fb923c}.dropdown3{position:relative;width:170px;height:45px}.dropdown3 input{border:1.9px solid lightgrey;border-radius:8px;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background:#fff;outline:none;box-shadow:0 5px 20px rgba(0,0,0,.05);padding:12px 20px;color:rgba(17,24,39,.8784313725)}body.dark .dropdown3 input{border-color:rgba(75,85,99,.4);background:rgb(30,31,32);color:#e3e3e3;box-shadow:0 5px 20px rgba(0,0,0,.2)}.dropdown3 .matching-select{position:absolute;border:1px solid #ddd;top:50px;width:100%;background:#FFF;box-shadow:0 30px 30px rgba(0,0,0,.05);border-radius:10px;overflow:hidden;display:none;z-index:5}body.dark .dropdown3 .matching-select{border-color:rgba(107,114,128,.1098039216);background:rgb(30,31,32);box-shadow:0 30px 30px rgba(0,0,0,.2)}.dropdown3 .matching-select div:first-of-type{background:#ededed}body.dark .dropdown3 .matching-select div:first-of-type{background:#282a2c;color:#aaaaaa}.dropdown3 .matching-select div:hover:not(div:first-of-type){background:#62baed;color:#FFF}.dropdown3 .matching-select div{padding:5px 12px;cursor:pointer}.dropdown3 .title-dropdown{position:relative;color:#908D92;font-size:11.5px;background:#fff;max-width:125px;top:-52px;left:15px;text-align:center}body.dark .dropdown3 .title-dropdown{color:#aaaaaa;background:rgb(30,31,32)}.dropdown3 .dropdown-icon{position:absolute;right:20px;top:15px;font-size:12px;transition:transform .5s;pointer-events:none}.dropdown3.active .dropdown-icon{transform:rotate(180deg)}.dropdown3.active .matching-select{display:block}.search-input-wrapper-list{position:relative;display:flex;align-items:center;width:300px}.search-icon-left{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}body.dark .search-icon-left{color:#aaaaaa}.search-input-wrapper-list .search-input{width:100%;border-radius:8px;padding:10px 35px 10px 40px;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;background-color:#ffffff;border:1px solid #e5e7eb;color:#1f2937}.search-input-wrapper-list .search-input::placeholder{color:#6b7280}body.dark .search-input-wrapper-list .search-input{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);color:#e3e3e3}body.dark .search-input-wrapper-list .search-input::placeholder{color:#aaaaaa}.search-input-wrapper-list .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.search-input-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:transparent;border:none;padding:4px;cursor:pointer;display:flex;border-radius:50%;transition:all .2s ease;color:#6b7280}body.dark .search-input-clear-btn{color:#aaaaaa}.search-input-clear-btn:hover{background-color:#f3f4f6;color:#1f2937}body.dark .search-input-clear-btn:hover{background-color:#37393b;color:#e3e3e3}.search-results-list{position:absolute;top:calc(100% + 5px);left:0;width:100%;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);list-style:none;padding:8px 0;margin:0;z-index:1000;background-color:#ffffff;border:1px solid #e5e7eb}body.dark .search-results-list{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.search-result-item a{display:block;padding:10px 15px;text-decoration:none;font-size:15px;transition:background-color .2s ease;color:#1f2937}body.dark .search-result-item a{color:#e3e3e3}.search-result-item a:hover{background-color:#f3f4f6}body.dark .search-result-item a:hover{background-color:#37393b}.input3{position:relative}.input3 .exam-name{padding:16.5px 14px;border:1px solid #ccc;border-radius:8px;color:#333;width:100%;outline:none}.input3 .exam-name:focus{border-color:#007bff}.input3 .exam-name::placeholder{color:#aaa;font-style:italic}.input3 .floating-label{position:absolute;top:-10px;left:10px;font-size:12px;background-color:#fff;padding:0 5px;color:#5e6c84;pointer-events:none}body.dark .input3 .exam-name{background-color:#1b1b1b;border-color:rgba(75,85,99,.4);color:#e3e3e3}body.dark .input3 .exam-name:focus{border-color:#60a5fa}body.dark .input3 .exam-name::placeholder{color:#6b7280}body.dark .input3 .floating-label{background-color:#1b1b1b;color:#e3e3e3}.custom-audio-player{width:100%;max-width:100%;height:48px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 12px;box-sizing:border-box;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease;cursor:default}body.dark .custom-audio-player{background:#1f1f1f;border-color:#373737;color:#e5e5e5}.custom-audio-player.deleted,.custom-audio-player.error,.custom-audio-player.idle,.custom-audio-player.loading{cursor:pointer}.custom-audio-player.deleted:hover,.custom-audio-player.error:hover,.custom-audio-player.idle:hover,.custom-audio-player.loading:hover{background:#f9fafb;border-color:#3b82f6}body.dark .custom-audio-player.deleted:hover,body.dark .custom-audio-player.error:hover,body.dark .custom-audio-player.idle:hover,body.dark .custom-audio-player.loading:hover{background:#262626}.player-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-overlay .play-btn-large{background:transparent;border:none;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;padding:0;white-space:nowrap}body.dark .player-overlay .play-btn-large{color:#e5e5e5}.player-message{font-size:13px;color:#ef4444;display:flex;gap:8px;align-items:center}.player-message button{border:none;background:transparent;cursor:pointer;color:inherit;display:flex;align-items:center}.custom-controls{width:100%;gap:8px}.control-btn,.custom-controls{display:flex;align-items:center}.control-btn{background:transparent;border:none;color:#6b7280;justify-content:center;padding:6px;border-radius:6px;cursor:pointer;flex-shrink:0;transition:all .2s}.control-btn:hover{color:#3b82f6;background:rgba(59,130,246,.1)}body.dark .control-btn{color:#a3a3a3}body.dark .control-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.time-text{font-size:11px;font-family:Roboto Mono,monospace;color:#9ca3af;min-width:38px;text-align:center;flex-shrink:0;cursor:default}.seek-container{flex:1;display:flex;align-items:center;height:100%;margin:0 6px;position:relative}.range-input{-webkit-appearance:none;appearance:none;width:100%;margin:0;cursor:pointer;background-color:transparent;height:12px;background-image:linear-gradient(to right,#3b82f6 0,#3b82f6 var(--played,0),#93c5fd var(--played,0),#93c5fd var(--buffered,0),#e5e7eb var(--buffered,0),#e5e7eb 100%);background-repeat:no-repeat;background-size:100% 4px;background-position:50%}body.dark .range-input{background-image:linear-gradient(to right,#ffffff 0,#ffffff var(--played,0),#525252 var(--played,0),#525252 var(--buffered,0),#404040 var(--buffered,0),#404040 100%)}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#3b82f6;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .1s}.range-input::-webkit-slider-thumb:hover{transform:scale(1.3)}body.dark .range-input::-webkit-slider-thumb{background:#fff;border-color:#000}.range-input::-moz-range-thumb{width:12px;height:12px;background:#3b82f6;border-radius:50%;border:none}body.dark .range-input::-moz-range-thumb{background:#fff;border-color:#000}.volume-container{display:flex;align-items:center;position:relative;flex-shrink:0;height:100%}.volume-container:hover .volume-slider-wrapper{width:60px;opacity:1;margin-left:4px;pointer-events:auto}.volume-slider-wrapper{width:0;opacity:0;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;pointer-events:none}@media (max-width:350px){.time-text.duration{display:none}.custom-audio-player{padding:0 8px}.volume-container:hover .volume-slider-wrapper{position:absolute;bottom:110%;right:-8px;width:24px;height:80px;background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;justify-content:center;padding:10px 0;box-shadow:0 4px 6px rgba(0,0,0,.1)}body.dark .volume-container:hover .volume-slider-wrapper{background:#333;border-color:#444}.volume-container:hover .volume-slider-wrapper input{writing-mode:bt-lr;width:4px;height:100%}}@keyframes resultFadeIn{0%{opacity:0}to{opacity:1}}@keyframes resultSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.result-modal-overlay{position:fixed;top:0;left:0;z-index:99999;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:16px;animation:resultFadeIn .3s ease-out forwards}.result-modal-overlay .result-modal-container{width:100%;max-width:700px;max-height:90vh;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;animation:resultSlideUp .4s cubic-bezier(.16,1,.3,1) forwards;opacity:0;background-color:#ffffff;border:1px solid #e5e7eb;color:#1f2937;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}body.dark .result-modal-overlay .result-modal-container{background-color:#1b1c1d;border:1px solid #404345;color:#e3e3e3}.result-modal-overlay .result-modal-container .result-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;flex-shrink:0;border-bottom:1px solid #e5e7eb}body.dark .result-modal-overlay .result-modal-container .result-modal-header{border-bottom-color:#404345}.result-modal-overlay .result-modal-container .result-modal-header .result-modal-title{font-size:20px;font-weight:700;margin:0}.result-modal-overlay .result-modal-container .result-modal-header .close-btn{border:none;background:#f3f4f6;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:.2s;color:#6b7280}.result-modal-overlay .result-modal-container .result-modal-header .close-btn:hover{background-color:#e5e7eb;color:#ef4444}body.dark .result-modal-overlay .result-modal-container .result-modal-header .close-btn{background-color:#2c2e30;color:#9ca3af}body.dark .result-modal-overlay .result-modal-container .result-modal-header .close-btn:hover{background-color:#404345;color:#ef4444}.result-modal-overlay .result-modal-container .result-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}body.dark .result-modal-overlay .result-modal-container .result-modal-body{scrollbar-color:#555 transparent}.result-modal-overlay .result-modal-container .result-modal-body .result-summary-block{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-metric{padding:16px;border-radius:12px;background-color:#f9fafb;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}body.dark .result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-metric{background-color:#282a2c;border-color:#404345}.result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-metric__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase}body.dark .result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-metric__title{color:#9ca3af}.result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-metric__value{font-size:24px;font-weight:800;color:#111827}body.dark .result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-metric__value{color:#f3f4f6}.result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-overall-status{grid-column:1/-1;padding:16px;border-radius:12px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent}.result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-overall-status.passed{background-color:#f0fdf4;color:#166534;border-color:#bbf7d0}body.dark .result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-overall-status.passed{background-color:#064e3b;color:#86efac;border-color:#065f46}.result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-overall-status.failed{background-color:#fef2f2;color:#991b1b;border-color:#fecaca}body.dark .result-modal-overlay .result-modal-container .result-modal-body .result-summary-block .summary-overall-status.failed{background-color:#450a0a;color:#fca5a5;border-color:#7f1d1d}.radio5{border:1px solid transparent;display:flex;align-items:center;padding:18px 24px;flex:1 1 auto;cursor:pointer}.radio5 .radio__input{display:none}.radio5 .radio__input:checked+.radio__radio:after{display:block}.radio5 .radio__icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #626262;border-radius:50%;background-color:transparent;color:transparent;margin-right:13px;transition:background-color .2s,color .2s;position:relative}.radio5 .radio__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;word-break:break-word}.radio5 .radio__icon:after{content:"";width:12px;height:12px;border-radius:50%;background:#196ebf;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.radio5 .radio__input:checked+.radio__icon:after{opacity:1}.radio5 .radio__input:checked+.radio__icon.disabled:after{background-color:#c3c3c3}.radio5 .radio__input:checked+.radio__icon.disabled{border:1px solid #c3c3c3}.radio5.disabled{pointer-events:none;opacity:.8}body.dark .radio5 .radio__icon:after{background:#E3E3E3}.checkbox6{display:flex;align-items:center;padding:18px 24px;cursor:pointer;border:1px solid transparent}.checkbox6 .checkbox__input{display:none}.checkbox6 .checkbox__icon{flex-shrink:0;width:22px;height:22px;border:1px solid #626262;border-radius:4px;background-color:transparent;display:flex;align-items:center;justify-content:center;margin-right:10px;color:transparent;transition:background-color .2s,color .2s,border .2s}.checkbox6 .checkbox__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;word-break:break-word}.checkbox6 .checkbox__input:checked+.checkbox__icon{background:#196ebf;color:white;border:none}.checkbox6 .checkbox__input:checked+.checkbox__icon.disabled{background-color:#c3c3c3;border:none}.checkbox6.success .checkbox__input:checked+.checkbox__icon{background-color:#259172;border-color:#259172}.checkbox6.wrong .checkbox__input:checked+.checkbox__icon{background-color:#e63349;border-color:#e63349}.checkbox6.disabled{pointer-events:none;opacity:.6}.dark .checkbox6 .checkbox__icon,body.dark .checkbox6 .checkbox__icon{border-color:#999}.dark .checkbox6 .checkbox__input:checked+.checkbox__icon,body.dark .checkbox6 .checkbox__input:checked+.checkbox__icon{background-color:white;color:#196ebf}.dark .checkbox6.success .checkbox__input:checked+.checkbox__icon,body.dark .checkbox6.success .checkbox__input:checked+.checkbox__icon{background-color:white;color:#259172}.dark .checkbox6.wrong .checkbox__input:checked+.checkbox__icon,body.dark .checkbox6.wrong .checkbox__input:checked+.checkbox__icon{background-color:white;color:#e63349}.dark .checkbox6 .checkbox__input:checked+.checkbox__icon.disabled,body.dark .checkbox6 .checkbox__input:checked+.checkbox__icon.disabled{background-color:#555;color:#ccc}.radiofinal{border:1px solid transparent;display:flex;align-items:center;flex:1 1 auto;padding:18px 24px;cursor:pointer}.radiofinal .radio__input{display:none}.radiofinal .radio__input:checked+.radio__radio:after{display:block}.radiofinal .radio__icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #626262;border-radius:50%;background-color:transparent;color:transparent;margin-right:13px;transition:background-color .2s,color .2s;position:relative}.radiofinal .radio__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;word-break:break-word}.radiofinal .radio__input:checked+.radio__icon.success{background-color:#259172;border-color:#259172;color:white}.radiofinal .radio__input:checked+.radio__icon.error{background-color:#e63349;border-color:#e63349;color:white}.radiofinal .radio__input:checked+.radio__radio{background-color:#fff}.radiofinal .questError{background:red;color:rgb(255,255,255);padding:4px}.radiofinal .questSuccess{background:green;color:rgb(255,255,255);padding:4px}.radiofinal.disabled .radio__input:checked+.radio__radio:after{background-color:#c3c3c3}.radiofinal.disabled .radio__input+.radio__radio{border:1px solid #c3c3c3;background-color:#f9f9f9}body.dark .radiofinal .radio__icon{border-color:#999}body.dark .radiofinal .radio__input:checked+.radio__icon{background-color:white;color:#196ebf}body.dark .radiofinal .radio__input:checked+.radio__icon.success{background-color:white;color:#259172}body.dark .radiofinal .radio__input:checked+.radio__icon.error{background-color:white;color:#e63349}body.dark .radiofinal .radio__input:checked+.radio__icon.disabled{background-color:#555;color:#ccc}.custom-bubble-menu{background:#fff;border:1px solid #ccc;border-radius:6px;padding:4px 8px;display:flex;gap:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:10000}.custom-bubble-menu button{border:none;background:transparent;cursor:pointer;padding:4px 6px;border-radius:4px;transition:background .2s}.custom-bubble-menu button:hover{background:#f3f3f3}body.dark .custom-bubble-menu{background:#374151;border-color:#4b5563;color:#e3e3e3}body.dark .custom-bubble-menu button:hover{background:#4b5563}.radio4{border:1px solid transparent;display:flex;align-items:center;flex:1 1 auto;cursor:pointer;position:relative;padding:18px 40px 18px 24px}.radio4 .radio__input{display:none}.radio4 .radio__icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #626262;border-radius:50%;background-color:transparent;color:transparent;margin-right:13px;transition:background-color .2s,color .2s;position:relative}.radio4 .radio__icon:after{content:"";width:12px;height:12px;border-radius:50%;background:#196ebf;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.radio4 .radio__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;font-size:16px;word-break:break-word}.radio4:hover{border-radius:8px;background-color:rgba(0,0,0,.021)}.radio4 .radio__input:checked+.radio__icon:after{opacity:1}.radio4 .radio__input:checked+.radio__icon.disabled:after{background-color:#c3c3c3}.radio4 .radio__input:checked+.radio__icon.disabled{border:1px solid #c3c3c3}.radio4.disabled{pointer-events:none;opacity:.8}.radio4 .key-hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;pointer-events:none;user-select:none;color:#9ca3af;border:1px solid #e5e7eb;background-color:#f9fafb;padding:3px 8px;border-radius:4px;min-width:20px;text-align:center}body.dark .radio4:hover{background-color:rgba(255,255,255,.05)}body.dark .radio4 .radio__icon{border-color:#999}body.dark .radio4 .radio__icon:after{background:#E3E3E3}body.dark .radio4 .key-hint{color:#9ca3af;border-color:#374151;background-color:#1f2937}.modal-container{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeInOverlay .2s ease-out}.modal-container .modal-content{width:100%;max-width:400px;padding:32px;border-radius:16px;position:relative;background-color:#ffffff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);animation:zoomInModal .3s cubic-bezier(.16,1,.3,1)}.modal-container .modal-content .close-modal-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#4b5563;transition:all .2s ease}.modal-container .modal-content .close-modal-btn:hover{background-color:#f3f4f6;color:#1f2937;transform:rotate(90deg)}.modal-container .modal-content .close-modal-btn svg{width:20px;height:20px}.modal-container .modal-content .modal-header{text-align:center;margin-bottom:24px}.modal-container .modal-content .modal-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.modal-container .modal-content .modal-header p{font-size:14px;color:#4b5563;margin:0}.modal-container .modal-content .login-options{display:flex;flex-direction:column;gap:12px}.modal-container .modal-content .login-options .login-button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;transition:all .2s ease;cursor:pointer}.modal-container .modal-content .login-options .login-button .icon{width:20px;height:20px;margin-right:12px;flex-shrink:0}.modal-container .modal-content .login-options .login-button span{font-size:15px;font-weight:600;color:#4b5563}.modal-container .modal-content .login-options .login-button:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.05)}.modal-container .modal-content .login-options .login-button:hover span{color:#1f2937}.modal-container .modal-content .login-options .login-button:active{transform:translateY(0)}body.dark .modal-container .modal-content{background-color:rgb(30,31,32);border:1px solid rgba(75,85,99,.4);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}body.dark .modal-container .modal-content .close-modal-btn{color:#aaaaaa}body.dark .modal-container .modal-content .close-modal-btn:hover{background-color:#37393b;color:#e3e3e3}body.dark .modal-container .modal-content .modal-header h2{color:#e3e3e3}body.dark .modal-container .modal-content .modal-header p{color:#aaaaaa}body.dark .modal-container .modal-content .login-options .login-button{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}body.dark .modal-container .modal-content .login-options .login-button span{color:#aaaaaa}body.dark .modal-container .modal-content .login-options .login-button:hover{background-color:#37393b;border-color:#aaaaaa}body.dark .modal-container .modal-content .login-options .login-button:hover span{color:#e3e3e3}.timer-display{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.countdown-timer{position:relative;width:100%;height:100%}.countdown-timer .timer-text-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.countdown-timer .timer-text{font-size:.875rem;font-weight:700}.timer-circle-bg{fill:none;stroke:#e5e7eb}.timer-circle-progress{fill:none;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1s linear,stroke .5s ease}.timer-circle-progress.stroke-green{stroke:#22c55e}.timer-circle-progress.stroke-yellow{stroke:#f59e0b}.timer-circle-progress.stroke-red{stroke:#ef4444}.review-timer{text-align:center}.review-timer .review-text-small{font-size:10px;color:#64748b}.review-timer .review-text-large{font-weight:700;font-size:16px}.custom-dropdown{position:relative;width:100%;max-width:280px}.custom-dropdown .dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background-color:#ffffff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease-in-out;position:relative;height:52px}.custom-dropdown .dropdown-trigger:hover{border-color:#9ca3af}.custom-dropdown .dropdown-trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}body.dark .custom-dropdown .dropdown-trigger{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.custom-dropdown .dropdown-selected-value{color:#1f2937;font-size:14px}body.dark .custom-dropdown .dropdown-selected-value{color:#e3e3e3}.custom-dropdown .dropdown-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;background-color:#ffffff;padding:0 4px;transition:all .2s ease-in-out;pointer-events:none;font-size:14px}body.dark .custom-dropdown .dropdown-label{color:#aaaaaa;background-color:rgb(30,31,32)}.custom-dropdown .dropdown-caret{color:#6b7280;transition:transform .2s ease-in-out}body.dark .custom-dropdown .dropdown-caret{color:#aaaaaa}.custom-dropdown .dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);list-style:none;padding:8px 0;margin:0;z-index:10;max-height:200px;overflow-y:auto;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}body.dark .custom-dropdown .dropdown-menu{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216);box-shadow:0 10px 15px -3px rgba(0,0,0,.4)}.custom-dropdown .dropdown-menu .dropdown-option{padding:10px 16px;cursor:pointer;color:#1f2937;transition:background-color .15s ease}.custom-dropdown .dropdown-menu .dropdown-option:hover{background-color:#f3f4f6}.custom-dropdown .dropdown-menu .dropdown-option.selected{background-color:#f3f4f6;font-weight:600}body.dark .custom-dropdown .dropdown-menu .dropdown-option{color:#e3e3e3}body.dark .custom-dropdown .dropdown-menu .dropdown-option.selected,body.dark .custom-dropdown .dropdown-menu .dropdown-option:hover{background-color:#37393b}.custom-dropdown.has-value .dropdown-label,.custom-dropdown.state-open .dropdown-label{top:0;font-size:12px}.custom-dropdown.state-open .dropdown-trigger{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.custom-dropdown.state-open .dropdown-label,body.dark .custom-dropdown.state-open .dropdown-label{color:#3b82f6}.custom-dropdown.state-open .dropdown-caret{transform:rotate(180deg)}.custom-dropdown.state-open .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.theme-switcher-container{position:relative}.theme-switcher-container .theme-switcher-button{background:transparent;border:1px solid transparent;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#4b5563;transition:all .2s ease}.theme-switcher-container .theme-switcher-button:hover{background-color:#f3f4f6;color:#1f2937}body.dark .theme-switcher-container .theme-switcher-button{color:#aaaaaa}body.dark .theme-switcher-container .theme-switcher-button:hover{background-color:#37393b;color:#e3e3e3}.theme-switcher-container .theme-switcher-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:160px;padding:6px;border-radius:12px;background:#ffffff;border:1px solid #e5e7eb;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);animation:fadeInDropdown .2s ease-out}body.dark .theme-switcher-container .theme-switcher-dropdown{background:rgb(30,31,32);border-color:rgba(75,85,99,.4);box-shadow:0 10px 15px -3px rgba(0,0,0,.5)}.theme-switcher-container .theme-switcher-dropdown .theme-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;text-align:left;border-radius:8px;font-size:14px;font-weight:500;transition:all .15s ease;color:#4b5563}.theme-switcher-container .theme-switcher-dropdown .theme-option svg{width:16px;height:16px;opacity:.8}.theme-switcher-container .theme-switcher-dropdown .theme-option .active-check{margin-left:auto;color:#3b82f6;width:14px;height:14px}.theme-switcher-container .theme-switcher-dropdown .theme-option:hover{background-color:#f3f4f6;color:#1f2937}.theme-switcher-container .theme-switcher-dropdown .theme-option.active{color:#3b82f6;background-color:#dbeafe}.theme-switcher-container .theme-switcher-dropdown .theme-option.active svg{opacity:1}body.dark .theme-switcher-container .theme-switcher-dropdown .theme-option{color:#aaaaaa}body.dark .theme-switcher-container .theme-switcher-dropdown .theme-option:hover{background-color:#37393b;color:#e3e3e3}body.dark .theme-switcher-container .theme-switcher-dropdown .theme-option.active{color:#3b82f6;background-color:rgba(59,130,246,.15)}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.quiz-image-uploader{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:8px;background-color:#fff}.quiz-image-uploader .uploader-title{font-size:16px;font-weight:600;color:#111827}.quiz-image-uploader .uploader-preview{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;cursor:pointer;background-color:#f9fafb}.quiz-image-uploader .uploader-preview .preview-image{object-fit:cover;transition:transform .3s ease}.quiz-image-uploader .uploader-preview .preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background-color:rgba(0,0,0,.5);color:white;opacity:0;transition:opacity .3s ease;font-size:14px}.quiz-image-uploader .uploader-preview:hover .preview-image{transform:scale(1.05)}.quiz-image-uploader .uploader-preview:hover .preview-overlay{opacity:1}.quiz-image-uploader .uploader-preview .preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.8);color:#3b82f6}.quiz-image-uploader .uploader-thumbs .thumbs-title{display:block;font-size:14px;font-weight:500;margin-bottom:12px;color:#111827}.quiz-image-uploader .uploader-thumbs .thumbs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.quiz-image-uploader .uploader-thumbs .thumb-item{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s ease,transform .2s ease}.quiz-image-uploader .uploader-thumbs .thumb-item .thumb-image{object-fit:cover}.quiz-image-uploader .uploader-thumbs .thumb-item:hover{transform:scale(1.05)}.quiz-image-uploader .uploader-thumbs .thumb-item.active{border-color:#3b82f6}body.dark .quiz-image-uploader{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}body.dark .quiz-image-uploader .thumbs-title,body.dark .quiz-image-uploader .uploader-title{color:#f9fafb}body.dark .quiz-image-uploader .uploader-preview{background-color:#374151}body.dark .quiz-image-uploader .preview-loading{background-color:rgba(0,0,0,.7)}.setting-row{display:flex;flex-direction:column;align-items:flex-start}.setting-row label{font-size:14px;font-weight:600;color:#333}body.dark .setting-row label{color:#ccc}.setting-row .status-text{font-size:13px;color:#6b7280}body.dark .setting-row .status-text{color:#9ca3af}.c-toggle{position:relative;display:inline-block;width:50px;flex-shrink:0}.c-toggle__input{opacity:0;width:0;height:0}.c-toggle__input:checked+.c-toggle__label .c-toggle__inner{background-color:#3b82f6}.c-toggle__input:checked+.c-toggle__label .c-toggle__switch{left:26px}.c-toggle__label{position:relative;display:block;overflow:hidden;cursor:pointer;border:0 solid #ccc;border-radius:30px;margin:0}.c-toggle__inner{display:block;width:100%;height:28px;border-radius:30px;transition:background-color .3s ease-in-out;background-color:#ccc}.c-toggle__switch{display:block;width:20px;height:20px;background:#fff;position:absolute;border-radius:50%;transition:all .3s ease-in 0s;top:50%;transform:translateY(-50%);left:4px}.comments-disabled-warning{padding:12px 16px;background-color:#fffbe6;border:1px solid #fde68a;color:#a16207;border-radius:6px;margin:16px 0 0;font-size:14px}body.dark .comments-disabled-warning{background-color:#423c1d;border-color:#a16207;color:#fde047}.notice-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;border:1px dashed #d1d5db;border-radius:8px;background-color:#f9fafb;margin:16px 0}.notice-box__icon{font-size:40px;color:#9ca3af;margin-bottom:16px}.notice-box__message{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.notice-box__description{font-size:14px;color:#6b7280;margin:0;max-width:350px}body.dark .notice-box{border-color:rgba(75,85,99,.4);background-color:#282a2c}body.dark .notice-box__icon{color:#6b7280}body.dark .notice-box__message{color:#f9fafb}body.dark .notice-box__description{color:#9ca3af}.c-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.85);z-index:10;border-radius:16px;transition:opacity .2s ease-in-out}.c-loading-overlay__spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}body.dark .c-loading-overlay{background-color:rgb(30,31,32)}body.dark .c-loading-overlay__spinner{border-color:rgba(255,255,255,.1) rgba(255,255,255,.1) rgba(255,255,255,.1) #60a5fa}.overlay-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(255,255,255,.7);z-index:10;backdrop-filter:blur(4px);border-radius:inherit;transition:opacity .2s ease-in-out}.overlay-loading .spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-top-color:#3b82f6;animation:spin .8s linear infinite;margin-bottom:12px}.overlay-loading span{font-weight:500;color:#374151}body.dark .overlay-loading{background-color:#1b1b1b;backdrop-filter:blur(4px)}body.dark .overlay-loading .spinner{border-color:#60a5fa rgba(255,255,255,.1) rgba(255,255,255,.1)}body.dark .overlay-loading span{color:#e5e7eb}.c-modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:rgba(0,0,0,.7)}body.dark .c-modal-overlay{background-color:rgba(10,10,10,.7)}.c-modal{background-color:white;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);width:100%;max-width:500px;display:flex;flex-direction:column}.c-modal__header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.c-modal__header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.c-modal__header .close-btn-modal{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;border-radius:50%;transition:background-color .2s,color .2s;font-size:2rem;color:#6b7280}.c-modal__header .close-btn-modal:hover{background-color:#f3f4f6}body.dark .c-modal__header .close-btn-modal{color:#aaaaaa}body.dark .c-modal__header .close-btn-modal:hover{background-color:#282a2c}.c-modal__body{padding:24px;display:flex;flex-direction:column;gap:20px}.c-modal__footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;background-color:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}body.dark .c-modal{background-color:#1b1b1b}body.dark .c-modal__header{border-bottom-color:rgba(75,85,99,.4)}body.dark .c-modal__header h2{color:#f9fafb}body.dark .c-modal__header .close-btn{color:#9ca3af}body.dark .c-modal__header .close-btn:hover{background-color:#374151;color:#f9fafb}body.dark .c-modal__footer{border-top-color:rgba(75,85,99,.4);background-color:rgb(30,31,32)}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#1f2937}body.dark .form-label{color:#f9fafb}.form-input,.form-textarea{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #d1d5db;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}body.dark .form-input,body.dark .form-textarea{background-color:#282a2c;border-color:rgba(75,85,99,.4);color:#f9fafb}.form-textarea{min-height:80px;resize:vertical}.form-error{color:#dc2626;font-size:13px;margin-top:-4px}.pass-mark-note{font-size:14px;color:#6b7280}.pass-mark-note strong{font-weight:600;color:#1f2937}body.dark .pass-mark-note{color:#9ca3af}body.dark .pass-mark-note strong{color:#f9fafb}.c-confirm-modal-overlay{position:fixed;inset:0;background-color:rgba(17,24,39,.6);display:flex;justify-content:center;align-items:center;z-index:100001;transition:opacity .3s ease}body.dark .c-confirm-modal-overlay{background-color:rgba(10,10,10,.7)}.c-confirm-modal{background-color:white;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);width:100%;max-width:450px}.c-confirm-modal__header{display:flex;align-items:center;gap:12px;padding:20px 24px;position:relative}.c-confirm-modal__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background-color:#fee2e2;color:#dc2626;flex-shrink:0}.c-confirm-modal__title{font-size:18px;font-weight:600;margin:0;color:#1f2937}.c-confirm-modal__close-btn{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.c-confirm-modal__close-btn:hover{background-color:#f3f4f6}.c-confirm-modal__content{padding:0 24px 24px;color:#6b7280;line-height:1.6}.c-confirm-modal__content p{margin:0}.c-confirm-modal__actions{padding:16px 24px;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.c-confirm-modal__actions .modal-btn{padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;font-size:14px;transition:all .2s ease;border:none}.c-confirm-modal__actions .cancel-btn{background-color:#f3f4f6;color:#4b5563}.c-confirm-modal__actions .cancel-btn:hover{background-color:#e5e7eb}.c-confirm-modal__actions .confirm-btn.danger{background-color:#dc2626;color:white}.c-confirm-modal__actions .confirm-btn.danger:hover{background-color:#b91c1c}body.dark .c-confirm-modal{background-color:#1f2937}body.dark .c-confirm-modal__header__icon{background-color:#451b1b}body.dark .c-confirm-modal__header__title{color:#f9fafb}body.dark .c-confirm-modal__header__close-btn{color:#e5e7eb}body.dark .c-confirm-modal__header__close-btn:hover{background-color:#374151}body.dark .c-confirm-modal__content{color:#9ca3af}body.dark .c-confirm-modal__actions{background-color:#1a202c;border-top-color:#374151}body.dark .c-confirm-modal__actions .cancel-btn{background-color:#374151;color:#e5e7eb}body.dark .c-confirm-modal__actions .cancel-btn:hover{background-color:#4b5563}body.dark .c-confirm-modal__actions .confirm-btn.danger{background-color:#ef4444}body.dark .c-confirm-modal__actions .confirm-btn.danger:hover{background-color:#dc2626}.custom-selector-wrapper{position:relative;width:100%}.custom-selector-wrapper .selector-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;font-weight:500;font-size:15px;color:#1f2937;cursor:pointer;transition:all .2s ease;text-align:left}.custom-selector-wrapper .selector-trigger .chevron{transition:transform .2s ease;color:#6b7280}.custom-selector-wrapper .selector-trigger .chevron.open{transform:rotate(180deg)}.custom-selector-wrapper .selector-trigger:hover{border-color:#9ca3af}body.dark .custom-selector-wrapper .selector-trigger{background-color:rgb(30,31,32);border-color:#4b5563;color:#e5e7eb}body.dark .custom-selector-wrapper .selector-trigger .chevron{color:#9ca3af}.custom-selector-wrapper .selector-options{position:absolute;top:calc(100% + 5px);left:0;z-index:50;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%;max-height:300px;overflow-y:auto;padding:8px}.custom-selector-wrapper .selector-options .option-item{display:block;width:100%;text-align:left;padding:10px 12px;font-size:15px;font-weight:500;border:none;background-color:transparent;border-radius:6px;cursor:pointer;color:#1f2937}.custom-selector-wrapper .selector-options .option-item:hover{background-color:#f3f4f6}.custom-selector-wrapper .selector-options .option-item.selected{background-color:#3b82f6;color:white;font-weight:600}body.dark .custom-selector-wrapper .selector-options{background-color:rgb(30,31,32);border-color:#4b5563}body.dark .custom-selector-wrapper .selector-options .option-item{color:#e5e7eb}body.dark .custom-selector-wrapper .selector-options .option-item:hover{background-color:#4b5563}body.dark .custom-selector-wrapper .selector-options .option-item.selected{background-color:#2563eb}.image-zoom-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8);backdrop-filter:blur(4px);padding:16px;opacity:0;transition:opacity .3s ease-in-out}.image-zoom-backdrop.visible{opacity:1}.image-zoom-backdrop.visible .close-button,.image-zoom-backdrop.visible .controls,.image-zoom-backdrop.visible .image-container{opacity:1;transform:none}.image-zoom-backdrop.visible .controls{transform:translateX(-50%)}.image-zoom-backdrop .image-container{position:relative;width:90vw;height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transform:scale(.9);transition:transform .3s ease,opacity .3s ease}.image-zoom-backdrop .image-container .zoomable-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.4);cursor:grab;transition:transform .15s ease-out}.image-zoom-backdrop .image-container .zoomable-image:active{cursor:grabbing}.image-zoom-backdrop .close-button,.image-zoom-backdrop .control-button{width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,.1);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .1s ease}.image-zoom-backdrop .close-button svg,.image-zoom-backdrop .control-button svg{width:24px;height:24px}.image-zoom-backdrop .close-button:hover,.image-zoom-backdrop .control-button:hover{background-color:rgba(255,255,255,.2)}.image-zoom-backdrop .close-button:active,.image-zoom-backdrop .control-button:active{transform:scale(.95)}.image-zoom-backdrop .controls{bottom:20px;left:50%;background-color:rgba(20,20,20,.7);border-radius:999px;padding:8px;display:flex;gap:8px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);transform:translate(-50%,20px)}.image-zoom-backdrop .close-button,.image-zoom-backdrop .controls{position:absolute;opacity:0;transition:opacity .3s ease .15s,transform .3s ease .15s}.image-zoom-backdrop .close-button{top:16px;right:16px;background-color:rgba(20,20,20,.5);transform:scale(.5)}.custom-dropdown2{position:relative;width:100%;max-width:280px}.custom-dropdown2 .dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background-color:#ffffff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease-in-out;position:relative;height:52px}.custom-dropdown2 .dropdown-trigger:hover{border-color:#9ca3af}.custom-dropdown2 .dropdown-trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}body.dark .custom-dropdown2 .dropdown-trigger{background-color:#1e1f20;border-color:rgba(75,85,99,.4)}.custom-dropdown2 .dropdown-selected-value{color:#1f2937;font-size:14px}body.dark .custom-dropdown2 .dropdown-selected-value{color:#e3e3e3}.custom-dropdown2 .dropdown-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;background-color:#ffffff;padding:0 4px;transition:all .2s ease-in-out;pointer-events:none;font-size:14px}body.dark .custom-dropdown2 .dropdown-label{color:#aaaaaa;background-color:rgb(30,31,32)}.custom-dropdown2 .dropdown-caret{color:#6b7280;transition:transform .2s ease-in-out}body.dark .custom-dropdown2 .dropdown-caret{color:#aaaaaa}.custom-dropdown2 .dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);list-style:none;padding:8px 0;margin:0;z-index:10;max-height:200px;overflow-y:auto;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}body.dark .custom-dropdown2 .dropdown-menu{background-color:#131314;border-color:rgba(107,114,128,.1098039216);box-shadow:0 10px 15px -3px rgba(0,0,0,.4)}.custom-dropdown2 .dropdown-menu .dropdown-option{padding:10px 16px;cursor:pointer;color:#1f2937;transition:background-color .15s ease}.custom-dropdown2 .dropdown-menu .dropdown-option:hover{background-color:#f3f4f6}.custom-dropdown2 .dropdown-menu .dropdown-option.selected{background-color:#f3f4f6;font-weight:600}body.dark .custom-dropdown2 .dropdown-menu .dropdown-option{color:#e3e3e3}body.dark .custom-dropdown2 .dropdown-menu .dropdown-option.selected,body.dark .custom-dropdown2 .dropdown-menu .dropdown-option:hover{background-color:#37393b}.custom-dropdown2.has-value .dropdown-label,.custom-dropdown2.state-open .dropdown-label{top:0;font-size:12px}.custom-dropdown2.state-open .dropdown-trigger{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.custom-dropdown2.state-open .dropdown-label,body.dark .custom-dropdown2.state-open .dropdown-label{color:#3b82f6}.custom-dropdown2.state-open .dropdown-caret{transform:rotate(180deg)}.custom-dropdown2.state-open .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.custom-dropdown3{position:relative;width:100%}.custom-dropdown3 .dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease-in-out;position:relative;height:56px;background-color:#f9fafb;border:1px solid #e5e7eb}.custom-dropdown3 .dropdown-trigger:hover{border-color:#3b82f6}body.dark .custom-dropdown3 .dropdown-trigger{background-color:#282a2c;border:1px solid #404345}body.dark .custom-dropdown3 .dropdown-trigger:hover{border-color:#60a5fa}.custom-dropdown3 .dropdown-selected-value{font-size:14px;font-weight:500;color:#1f2937}body.dark .custom-dropdown3 .dropdown-selected-value{color:#e3e3e3}.custom-dropdown3 .dropdown-label{position:absolute;left:15px;top:50%;transform:translateY(-50%);padding:0 5px;transition:all .2s ease-in-out;pointer-events:none;font-size:14px;color:#6b7280;background-color:#f9fafb}body.dark .custom-dropdown3 .dropdown-label{color:#9ca3af;background-color:#282a2c}.custom-dropdown3 .dropdown-caret{transition:transform .2s ease-in-out;font-size:14px;color:#6b7280}body.dark .custom-dropdown3 .dropdown-caret{color:#9ca3af}.custom-dropdown3 .dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.1);list-style:none;padding:8px;margin:0;z-index:1010;max-height:200px;overflow-y:auto;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;background-color:#ffffff;border:1px solid #e5e7eb}body.dark .custom-dropdown3 .dropdown-menu{background-color:#1b1c1d;border:1px solid #404345;box-shadow:0 10px 20px rgba(0,0,0,.4)}.custom-dropdown3 .dropdown-menu .dropdown-option{padding:10px 12px;cursor:pointer;transition:background-color .15s ease;border-radius:8px;font-weight:500;color:#1f2937}.custom-dropdown3 .dropdown-menu .dropdown-option.selected,.custom-dropdown3 .dropdown-menu .dropdown-option:hover{background-color:#f3f4f6}.custom-dropdown3 .dropdown-menu .dropdown-option.selected{font-weight:600}body.dark .custom-dropdown3 .dropdown-menu .dropdown-option{color:#e3e3e3}body.dark .custom-dropdown3 .dropdown-menu .dropdown-option.selected,body.dark .custom-dropdown3 .dropdown-menu .dropdown-option:hover{background-color:#404345}.custom-dropdown3.has-value .dropdown-label,.custom-dropdown3.state-open .dropdown-label{top:0;font-size:12px;font-weight:500}.custom-dropdown3.state-open .dropdown-trigger{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}body.dark .custom-dropdown3.state-open .dropdown-trigger{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.3)}.custom-dropdown3.state-open .dropdown-label{color:#3b82f6}body.dark .custom-dropdown3.state-open .dropdown-label{color:#60a5fa}.custom-dropdown3.state-open .dropdown-caret{transform:rotate(180deg)}.custom-dropdown3.state-open .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.question-index-panel{display:flex;flex-direction:column;height:100%;padding:20px;border-radius:16px;background-color:#fff}body.dark .question-index-panel{background-color:#1e1f20}.question-index-panel__header{flex-shrink:0;padding-bottom:16px}.question-index-panel__header .header-title-group{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.question-index-panel__header h3{font-size:18px;font-weight:600;margin-bottom:12px;color:#1f2937}body.dark .question-index-panel__header h3{color:#f3f4f6}.question-index-panel__header .current-section-name{font-size:13px;font-weight:500;padding:3px 8px;border-radius:6px;background-color:#e5e7eb;color:#4b5563}body.dark .question-index-panel__header .current-section-name{background-color:#404345;color:#d1d5db}.question-index-panel__header .index-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.question-index-panel__header .index-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#4b5563}body.dark .question-index-panel__header .index-legend .legend-item{color:#d1d5db}.question-index-panel__header .index-legend .legend-item.success{color:#16a34a}body.dark .question-index-panel__header .index-legend .legend-item.success{color:#4ade80}.question-index-panel__header .index-legend .legend-item.wrong{color:#dc2626}body.dark .question-index-panel__header .index-legend .legend-item.wrong{color:#f87171}.question-index-panel__header .index-legend .legend-item.approx{color:#d97706}body.dark .question-index-panel__header .index-legend .legend-item.approx{color:#facc15}.question-index-panel__header .index-legend .legend-item.answered{color:#6b7280}body.dark .question-index-panel__header .index-legend .legend-item.answered{color:#9ca3af}.question-index-panel__grid-container{flex-grow:1;overflow-y:auto;height:320px}.question-index-panel__grid-container::-webkit-scrollbar{width:6px}.question-index-panel__grid-container::-webkit-scrollbar-track{background:transparent}.question-index-panel__grid-container::-webkit-scrollbar-thumb{border-radius:3px;background:#f3f4f6}body.dark .question-index-panel__grid-container::-webkit-scrollbar-thumb{background:rgba(51,51,51,.2823529412)}.question-index-panel .index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:10px;padding:4px 8px 8px 0}.question-index-panel .index-grid__item{position:relative;display:flex;align-items:center;justify-content:center;height:48px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease-in-out;background-color:#ffffff;border:1px solid #e5e7eb;color:#4b5563}body.dark .question-index-panel .index-grid__item{background-color:#1b1c1d;border-color:#404345;color:#9ca3af}.question-index-panel .index-grid__item.answered{background-color:#f3f4f6;border-color:#d1d5db;color:#4b5563}body.dark .question-index-panel .index-grid__item.answered{background-color:#374151;border-color:#6b7280;color:#d1d5db}.question-index-panel .index-grid__item.success{background-color:#f0fdf4;border-color:#4ade80;color:#15803d}body.dark .question-index-panel .index-grid__item.success{background-color:rgba(22,101,52,.768627451);border-color:rgba(74,222,128,.768627451);color:#86efac}.question-index-panel .index-grid__item.wrong{background-color:#fef2f2;border-color:#f87171;color:#b91c1c}body.dark .question-index-panel .index-grid__item.wrong{background-color:rgba(127,29,29,.7882352941);border-color:rgba(248,113,113,.7176470588);color:#fca5a5}.question-index-panel .index-grid__item.approximately{background-color:#fefce8;border-color:#facc15;color:#a16207}body.dark .question-index-panel .index-grid__item.approximately{background-color:rgba(113,62,18,.7803921569);border-color:rgba(250,204,21,.7450980392);color:#fde047}.question-index-panel .index-grid__item.active{transform:translateY(-2px);background-color:#dbeafe;border-color:#3b82f6;color:#1e3a8a;box-shadow:0 4px 12px rgba(59,130,246,.2)}body.dark .question-index-panel .index-grid__item.active{background-color:#222426;border-color:#60a5fa;color:#eff6ff;box-shadow:0 4px 12px rgba(96,165,250,.2)}.question-index-panel .index-grid__item .critical-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background-color:#ef4444;border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.1);z-index:2}body.dark .question-index-panel .index-grid__item .critical-dot{background-color:#f87171;border-color:#1b1c1d}.question-index-panel__footer{flex-shrink:0;padding-top:20px;margin-top:auto;border-top:1px solid #e5e7eb}body.dark .question-index-panel__footer{border-top-color:#374151}.question-index-panel__footer .submit-button{width:100%;padding:14px;border-radius:12px;border:none;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);background-color:#0284c7;color:#ffffff}.question-index-panel__footer .submit-button:hover:not(.disabled){background-color:#0369a1;transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(2,132,199,.25)}.question-index-panel__footer .submit-button:active:not(.disabled){transform:translateY(0);background-color:#0c4a6e}body.dark .question-index-panel__footer .submit-button{background-color:rgba(2,133,199,.3764705882);color:#f0f9ff;box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}body.dark .question-index-panel__footer .submit-button:hover:not(.disabled){background-color:rgba(14,164,233,.3960784314);box-shadow:0 10px 15px -3px rgba(14,165,233,.3)}body.dark .question-index-panel__footer .submit-button:active:not(.disabled){background-color:rgba(3,106,161,.5607843137)}.question-index-panel__footer .submit-button.disabled{opacity:1;cursor:not-allowed;box-shadow:none;transform:none;background-color:#f3f4f6;color:#9ca3af}body.dark .question-index-panel__footer .submit-button.disabled{background-color:#374151;color:#6b7280}.assign-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px);padding:16px;animation:am-fadeIn .2s ease-out}@keyframes am-fadeIn{0%{opacity:0}to{opacity:1}}.assign-modal{width:100%;max-width:500px;position:relative;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;background-color:#ffffff;border:1px solid #e5e7eb;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);scrollbar-width:thin;animation:am-slideIn .3s cubic-bezier(.16,1,.3,1)}body.dark .assign-modal{scrollbar-color:#555 transparent;background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);box-shadow:0 20px 25px -5px rgba(0,0,0,.3)}.assign-modal__title{font-size:20px;font-weight:700;margin-bottom:8px;text-align:center;color:#1f2937}body.dark .assign-modal__title{color:#e3e3e3}.assign-modal__subtitle{font-size:14px;margin-bottom:24px;text-align:center;color:#4b5563}body.dark .assign-modal__subtitle{color:#aaaaaa}.assign-modal__close-btn{position:absolute;top:12px;right:12px;background:none;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;z-index:10;transition:background-color .2s;color:#6b7280}.assign-modal__close-btn:hover{background-color:#f3f4f6;color:#1f2937}body.dark .assign-modal__close-btn{color:#aaaaaa}body.dark .assign-modal__close-btn:hover{background-color:#282a2c;color:#e3e3e3}.assign-modal__form-group{margin-bottom:16px}.assign-modal__form-group label{display:block;font-weight:500;font-size:14px;margin-bottom:6px;color:#1f2937}body.dark .assign-modal__form-group label{color:#e3e3e3}.assign-modal__input{width:100%;padding:10px 12px;border-radius:6px;font-size:14px;transition:all .2s;border:1px solid #e5e7eb;background-color:#f9fafb;color:#1f2937}.assign-modal__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15);outline:none;background-color:#ffffff}body.dark .assign-modal__input{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216);color:#e3e3e3}body.dark .assign-modal__input:focus{border-color:#3b82f6;background-color:rgb(35.1428571429,36.9,38.6571428571)}.assign-modal__date-row{display:flex;gap:12px}.assign-modal__date-row .date-col{flex:1;display:flex;flex-direction:column;gap:4px}.assign-modal__date-row .date-col span.label-sub{font-size:12px;color:#4b5563}body.dark .assign-modal__date-row .date-col span.label-sub{color:#aaaaaa}.assign-modal__date-row .date-col input[type=datetime-local]{width:100%}body.dark .assign-modal__date-row .date-col input[type=datetime-local]{color-scheme:dark}.assign-modal__helper-text{font-size:12px;color:#6b7280;margin-top:6px;font-style:italic}body.dark .assign-modal__helper-text{color:#aaaaaa}.assign-modal__section-list{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;height:200px;overflow-y:auto;margin-bottom:16px;transition:opacity .2s ease}body.dark .assign-modal__section-list{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216)}.assign-modal__section-list::-webkit-scrollbar{width:6px}.assign-modal__section-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}body.dark .assign-modal__section-list::-webkit-scrollbar-thumb{background-color:rgba(107,114,128,.1098039216)}.assign-modal__section-list--locked{background-color:#f3f4f6;border-style:dashed;cursor:not-allowed}body.dark .assign-modal__section-list--locked{background-color:rgba(0,0,0,.2)}.assign-modal__section-list--locked .assign-modal__checkbox-item{pointer-events:none;opacity:.5}.assign-modal__empty-placeholder,.assign-modal__loading-placeholder{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px;color:#4b5563;font-size:14px}body.dark .assign-modal__empty-placeholder,body.dark .assign-modal__loading-placeholder{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216);color:#aaaaaa}.assign-modal__empty-placeholder{border-style:dashed;padding:20px;text-align:center}.assign-modal__checkbox-item{display:flex;align-items:center;padding:8px 0;cursor:pointer;user-select:none;border-bottom:1px solid transparent}.assign-modal__checkbox-item:hover{opacity:.8}.assign-modal__checkbox-item--all{border-bottom:1px solid #e5e7eb;margin-bottom:4px;padding-bottom:8px}body.dark .assign-modal__checkbox-item--all{border-bottom-color:rgba(107,114,128,.1098039216)}.assign-modal__checkbox-item--all span strong{color:#3b82f6}.assign-modal__checkbox-item--disabled{opacity:.5;cursor:not-allowed!important}.assign-modal__checkbox-item input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:4px;margin-right:12px;flex-shrink:0;position:relative;cursor:pointer;background-color:#ffffff;border:1px solid #d1d5db;transition:all .2s}body.dark .assign-modal__checkbox-item input[type=checkbox]{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216)}.assign-modal__checkbox-item input[type=checkbox]:checked,.assign-modal__checkbox-item input[type=checkbox]:indeterminate{background-color:#3b82f6;border-color:#3b82f6}.assign-modal__checkbox-item input[type=checkbox]:after{content:"";position:absolute;opacity:0;color:white;font-size:12px;font-weight:900;top:50%;left:50%;transform:translate(-50%,-50%)}.assign-modal__checkbox-item input[type=checkbox]:checked:after{content:"✔";opacity:1}.assign-modal__checkbox-item input[type=checkbox]:indeterminate:after{content:"—";opacity:1}.assign-modal__checkbox-item span{font-size:14px;color:#1f2937}body.dark .assign-modal__checkbox-item span{color:#e3e3e3}.assign-modal__time-grid{display:flex;flex-direction:column;gap:10px}.assign-modal__time-item{display:flex;justify-content:space-between;align-items:center}.assign-modal__time-item label{font-size:14px;margin:0;color:#4b5563}body.dark .assign-modal__time-item label{color:#aaaaaa}.assign-modal__time-item input{width:80px;text-align:center}.assign-modal__checkbox-row{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:12px;border-radius:6px;flex:1;transition:background-color .2s}.assign-modal__checkbox-group .assign-modal__checkbox-row{margin-bottom:0;background-color:#f9fafb;border:1px solid transparent}body.dark .assign-modal__checkbox-group .assign-modal__checkbox-row{background-color:#282a2c}.assign-modal__checkbox-row:hover{background-color:rgb(239.82,242.35,244.88)}body.dark .assign-modal__checkbox-row:hover{background-color:rgb(52.1428571429,54.75,57.3571428571)}.assign-modal__checkbox-row input[type=checkbox]{appearance:none;width:20px;height:20px;border-radius:4px;border:1px solid #d1d5db;background:#ffffff;position:relative;cursor:pointer;flex-shrink:0;z-index:2}body.dark .assign-modal__checkbox-row input[type=checkbox]{background:#282a2c;border-color:rgba(107,114,128,.1098039216)}.assign-modal__checkbox-row input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.assign-modal__checkbox-row input[type=checkbox]:checked:after{content:"✔";position:absolute;color:white;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.assign-modal__checkbox-row label{margin:0;cursor:pointer;color:#1f2937;font-weight:500;flex-grow:1;user-select:none}body.dark .assign-modal__checkbox-row label{color:#e3e3e3}.assign-modal__checkbox-row label:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.assign-modal__notice{font-size:13px;padding:12px;border-radius:6px;display:flex;align-items:center;gap:10px;margin-bottom:12px;background-color:rgba(245,158,11,.1);color:rgb(172.4330708661,110.9507874016,7.0669291339);border:1px solid rgba(245,158,11,.2)}body.dark .assign-modal__notice{background-color:rgba(245,158,11,.15);color:rgb(249.0157480315,196.9527559055,108.9842519685);border-color:rgba(245,158,11,.2)}.assign-modal__error{font-size:14px;color:#ef4444;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);padding:12px;border-radius:6px;text-align:center;margin-bottom:16px}.assign-modal__submit-btn{padding:12px;border:none;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;background:#3b82f6;color:white}.assign-modal__submit-btn:hover{background-color:rgba(37,100,235,.6509803922);transform:translateY(-1px)}.assign-modal__submit-btn:disabled{background:#6b7280;color:#f3f4f6;cursor:not-allowed;transform:none}body.dark .assign-modal__submit-btn:disabled{background:#37393b;color:#aaaaaa}.assign-modal__success-view{padding:24px 32px;display:flex;flex-direction:column;align-items:center}.assign-modal__success-view .success-icon{color:#10b981;margin-bottom:16px}.assign-modal__link-wrapper{display:flex;width:100%;margin-bottom:16px}.assign-modal__link-wrapper input{flex-grow:1;padding:10px 12px;font-size:13px;border-top-left-radius:6px;border-bottom-left-radius:6px;border:1px solid #e5e7eb;border-right:none;background-color:#f9fafb;color:#4b5563}body.dark .assign-modal__link-wrapper input{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216);color:#aaaaaa}.assign-modal__link-wrapper button{padding:0 16px;border:1px solid #e5e7eb;border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;background-color:#3b82f6;color:white;transition:all .2s}.assign-modal__link-wrapper button:hover{background-color:rgba(37,100,235,.6509803922)}.assign-modal__link-wrapper button.copied{background-color:#10b981;border-color:#10b981}.assign-modal__qr-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:24px}body.dark .assign-modal__qr-section{border-color:rgba(107,114,128,.1098039216)}.assign-modal__qr-section .qr-toggle-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f9fafb;border:none;cursor:pointer;transition:background-color .2s}body.dark .assign-modal__qr-section .qr-toggle-btn{background-color:#282a2c;color:#1f2937}.assign-modal__qr-section .qr-toggle-btn:hover{background-color:#f3f4f6}body.dark .assign-modal__qr-section .qr-toggle-btn:hover{background-color:#37393b}.assign-modal__qr-section .qr-toggle-btn span{font-weight:600;font-size:14px;color:#4b5563;display:flex;align-items:center;gap:8px}body.dark .assign-modal__qr-section .qr-toggle-btn span{color:#aaaaaa}.assign-modal__qr-section .qr-content{padding:16px;background-color:#ffffff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center}body.dark .assign-modal__qr-section .qr-content{background-color:rgb(30,31,32);border-top-color:rgba(107,114,128,.1098039216)}.assign-modal__qr-section .qr-content .qr-input-group{display:flex;gap:8px;width:100%;margin-bottom:8px}.assign-modal__qr-section .qr-content .qr-input-group input{flex-grow:1;font-size:12px;padding:6px 10px}.assign-modal__qr-section .qr-content .qr-input-group button{padding:6px 12px;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer}.assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon{padding:0 12px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;background-color:#f9fafb;color:#4b5563;transition:all .2s ease;font-size:14px}body.dark .assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216);color:#aaaaaa}.assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon:hover{background-color:#f3f4f6;color:#3b82f6}body.dark .assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon:hover{background-color:#37393b}.assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon.copied{background-color:rgba(16,185,129,.1);border-color:#10b981;color:#10b981}body.dark .assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon.copied{background-color:rgba(16,185,129,.2)}.assign-modal__qr-section .qr-content .qr-download-link{color:#3b82f6;font-size:13px;background:none;border:none;cursor:pointer}.assign-modal__qr-section .qr-content .qr-download-link:hover{text-decoration:underline}.assign-modal__content{padding:24px 32px;display:flex;flex-direction:column}.assign-modal--qr-view{max-width:400px!important}.assign-modal--qr-view .assign-modal__qr-center{display:flex;justify-content:center;margin:20px 0}.assign-modal--qr-view .assign-modal__qr-center canvas{border:8px solid white;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.assign-modal--qr-view .assign-modal__qr-actions{display:flex;justify-content:center}.assign-modal--qr-view .assign-modal__qr-actions button{background-color:#ffffff;border:1px solid #e5e7eb;color:#4b5563;padding:8px 16px;border-radius:6px;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer}body.dark .assign-modal--qr-view .assign-modal__qr-actions button{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216);color:#aaaaaa}.assign-modal--qr-view .assign-modal__qr-actions button:hover{background-color:#f9fafb}body.dark .assign-modal--qr-view .assign-modal__qr-actions button:hover{background-color:#37393b}@keyframes am-slideIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.assignment-dashboard{padding:24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 120px)}.assignment-dashboard .dashboard-header{margin-bottom:24px;flex-shrink:0}.assignment-dashboard .dashboard-header h1{font-size:28px;font-weight:700;color:#1f2937}body.dark .assignment-dashboard .dashboard-header h1{color:#e3e3e3}.assignment-dashboard .dashboard-header p{font-size:16px;color:#4b5563}body.dark .assignment-dashboard .dashboard-header p{color:#aaaaaa}.assignment-list-container{display:flex;flex-direction:column;gap:0;flex-grow:1;min-height:0}.assignment-search-bar{display:flex;align-items:center;position:relative;margin-bottom:16px;flex-shrink:0}.assignment-search-bar .filter-dropdown-wrapper{position:relative}.assignment-search-bar .filter-dropdown-wrapper .search-input{cursor:pointer}.assignment-search-bar .search-icon{position:absolute;left:12px;color:#6b7280}body.dark .assignment-search-bar .search-icon{color:#aaaaaa}.assignment-search-bar .search-input{flex-grow:1;padding:12px 16px 12px 40px;border-radius:6px;font-size:15px;border:1px solid #e5e7eb;background-color:#ffffff;color:#1f2937;transition:all .2s ease}body.dark .assignment-search-bar .search-input{background-color:rgb(30,31,32);border-color:rgba(107,114,128,.1098039216);color:#e3e3e3}.assignment-search-bar .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.assignment-search-bar .clear-search-btn{position:absolute;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:0}.assignment-search-bar .clear-search-btn:hover{color:#ef4444}body.dark .assignment-search-bar .clear-search-btn{color:#aaaaaa}.assignment-list-scroller{flex-grow:1;overflow-y:auto;position:relative;min-height:0;scrollbar-width:thin;padding:5px 5px 16px}body.dark .assignment-list-scroller{scrollbar-color:#555 transparent}.assignment-card{display:flex;flex-direction:row;justify-content:space-between;padding:20px;border-radius:8px;margin-bottom:16px;border:1px solid #e5e7eb;background-color:#ffffff}body.dark .assignment-card{border:1px solid rgba(75,85,99,.4);background-color:rgb(30,31,32)}.assignment-card .card-main-info{flex:1;min-width:0}.assignment-card .card-main-info .card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.assignment-card .card-main-info .status-tag{padding:4px 10px;border-radius:9999px;font-weight:600;font-size:12px;white-space:nowrap}.assignment-card .card-main-info .status-tag.active{background-color:#dcfce7;color:#166534}body.dark .assignment-card .card-main-info .status-tag.active{background-color:#14532d;color:#bbf7d0}.assignment-card .card-main-info .status-tag.closed{background-color:#f3f4f6;color:#374151}body.dark .assignment-card .card-main-info .status-tag.closed{background-color:#374151;color:#d1d5db}.assignment-card .card-main-info .status-tag.scheduled{background-color:#fef9c3;color:#854d0e}body.dark .assignment-card .card-main-info .status-tag.scheduled{background-color:#713f12;color:#fef08a}.assignment-card .card-main-info .status-tag.ended{background-color:#fee2e2;color:#991b1b}body.dark .assignment-card .card-main-info .status-tag.ended{background-color:#7f1d1d;color:#fecaca}.assignment-card .card-main-info .card-participants{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px;color:#4b5563}body.dark .assignment-card .card-main-info .card-participants{color:#aaaaaa}.assignment-card .card-main-info .card-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .assignment-card .card-main-info .card-title{color:#e3e3e3}.assignment-card .card-main-info .card-date,.assignment-card .card-main-info .card-exam-name{font-size:14px;color:#4b5563;margin:0}body.dark .assignment-card .card-main-info .card-date,body.dark .assignment-card .card-main-info .card-exam-name{color:#aaaaaa}.assignment-card .card-main-info .card-exam-name{font-style:italic;margin-bottom:8px}.assignment-card .card-main-info .card-meta-info{margin-top:8px;display:flex;flex-direction:column;gap:4px}.assignment-card .card-main-info .card-schedule-info{display:flex;flex-direction:column;gap:2px;margin-top:4px}.assignment-card .card-main-info .card-schedule-info .schedule-item{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:6px}body.dark .assignment-card .card-main-info .card-schedule-info .schedule-item{color:#aaaaaa}.assignment-card .card-main-info .card-schedule-info .schedule-item .icon-sub{font-size:12px;width:14px;text-align:center;opacity:.7}.assignment-card .card-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;flex-shrink:0;padding-left:20px}.assignment-card .card-actions .card-link-wrapper{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 10px;border-radius:6px;background-color:#f9fafb;border:1px solid #e5e7eb;color:#6b7280}body.dark .assignment-card .card-actions .card-link-wrapper{background-color:#282a2c;border:1px solid rgba(75,85,99,.4);color:#aaaaaa}.assignment-card .card-actions .card-link-wrapper .card-copy-btn{background:none;border:none;cursor:pointer;font-size:12px;color:#3b82f6;font-weight:500;display:flex;align-items:center;gap:4px}.assignment-card .card-actions .card-link-wrapper .card-copy-btn.btn-qr{margin-right:4px;color:#6b7280;padding:2px 4px;border-radius:4px;transition:all .2s}.assignment-card .card-actions .card-link-wrapper .card-copy-btn.btn-qr:hover{background-color:rgba(0,0,0,.05);color:#1f2937}body.dark .assignment-card .card-actions .card-link-wrapper .card-copy-btn.btn-qr{color:#aaaaaa}body.dark .assignment-card .card-actions .card-link-wrapper .card-copy-btn.btn-qr:hover{background-color:rgba(255,255,255,.1);color:#e3e3e3}.assignment-card .card-actions .action-buttons-group{display:flex;align-items:center;gap:8px;margin-top:16px}.assignment-card .card-actions .action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;border:1px solid #e5e7eb;background-color:#f9fafb;color:#4b5563;cursor:pointer;transition:all .2s ease}body.dark .assignment-card .card-actions .action-btn{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216);color:#aaaaaa}.assignment-card .card-actions .action-btn:hover{background-color:#e5e7eb;color:#1f2937}body.dark .assignment-card .card-actions .action-btn:hover{background-color:#37393b;color:#e3e3e3}.assignment-card .card-actions .action-btn.edit:hover{background-color:#f3f4f6;color:#3b82f6;border-color:#dbeafe}body.dark .assignment-card .card-actions .action-btn.edit:hover{background-color:#374151;color:#3b82f6}.assignment-card .card-actions .action-btn.view-results{gap:6px;font-weight:500;background-color:#3b82f6;border-color:#3b82f6;color:white;padding-left:14px;padding-right:12px}.assignment-card .card-actions .action-btn.view-results:hover{background-color:rgba(37,100,235,.6509803922)}.assignment-card .card-actions .action-btn.delete:hover{background-color:#fef2f2;color:#ef4444;border-color:#fecaca}body.dark .assignment-card .card-actions .action-btn.delete:hover{background-color:#7f1d1d;color:#fecaca}.empty-state-card{text-align:center;padding:48px;font-size:15px;border-radius:8px;margin-top:20px;border:1px dashed #e5e7eb;color:#4b5563}body.dark .empty-state-card{border-color:rgba(75,85,99,.4);color:#aaaaaa}.assignment-skeleton-card{display:flex;justify-content:space-between;padding:20px;border-radius:8px;border:1px solid #e5e7eb;background-color:#ffffff}body.dark .assignment-skeleton-card{border:1px solid rgba(75,85,99,.4);background-color:rgb(30,31,32)}.assignment-skeleton-card .skeleton-bar{border-radius:4px;background-color:#f9fafb;animation:skeleton-loading 1.5s ease-in-out infinite}body.dark .assignment-skeleton-card .skeleton-bar{background-color:rgba(224,224,224,.1568627451)}.assignment-skeleton-card .assignment-skeleton-main{flex:1;padding-right:20px}.assignment-skeleton-card .assignment-skeleton-actions{display:flex;flex-direction:column;align-items:flex-end;width:180px}@keyframes skeleton-loading{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width:768px){.assignment-card{flex-direction:column;gap:16px}.assignment-card .card-actions{flex-direction:column;align-items:stretch;width:100%;padding-left:0;gap:12px}.assignment-card .card-actions .card-link-wrapper{justify-content:center}.assignment-card .card-actions .action-buttons-group{width:100%;display:grid;grid-template-columns:1fr auto auto}}@media (max-width:480px){.assignment-dashboard{padding:16px}.assignment-dashboard .dashboard-header h1{font-size:24px}.assignment-dashboard .dashboard-header p{font-size:15px}.assignment-search-bar .search-input{padding-top:10px;padding-bottom:10px;font-size:14px}.assignment-card{padding:16px}.assignment-card .card-title{font-size:16px}.assignment-card .card-date,.assignment-card .card-exam-name,.assignment-card .card-participants{font-size:13px}.assignment-card .action-buttons-group .action-btn{padding:6px;font-size:13px}.assignment-card .action-buttons-group .action-btn.view-results{padding:6px 10px}}.qr-view-modal{max-width:400px!important;padding-bottom:30px!important}.qr-view-modal .qr-container-center{display:flex;justify-content:center;margin:20px 0}.qr-view-modal .qr-container-center .qr-canvas-shadow{border:8px solid white;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.qr-view-modal .qr-actions{display:flex;justify-content:center}.qr-view-modal .qr-actions button{width:auto;padding:10px 20px}.animate-fadeIn{animation:fadeIn .2s ease-out forwards}.qr-toggle-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:24px}.qr-toggle-section button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f9fafb;border:none;cursor:pointer;transition:background-color .2s}.qr-toggle-section button:hover{background-color:#f3f4f6}.qr-toggle-section button span{font-weight:600;font-size:14px;color:#374151;display:flex;align-items:center;gap:8px}.lobby-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:20px;background-color:#667eea;background-image:linear-gradient(135deg,#667eea,#764ba2)}.lobby-card{position:relative;width:100%;max-width:480px;background:#ffffff;border-radius:24px;padding:40px 32px;box-shadow:0 20px 50px rgba(0,0,0,.2);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.lobby-card .back-button{position:absolute;top:24px;left:24px;width:40px;height:40px;border-radius:50%;background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.lobby-card .back-button:hover{background:#e5e7eb;color:#764ba2}.lobby-card .lobby-header{text-align:center;margin-bottom:32px}.lobby-card .lobby-header .icon-wrapper{width:64px;height:64px;background:#f3efff;color:#764ba2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.lobby-card .lobby-header h1{margin:0;font-size:24px;font-weight:800;color:#1f2937}.lobby-card .lobby-header .assignment-name{margin:8px 0 0;color:#6b7280;font-size:15px;font-weight:500}.lobby-card .lobby-header .time-info-badge{display:inline-flex;align-items:center;margin-top:12px;padding:6px 12px;background-color:#fff7ed;color:#c2410c;border-radius:99px;font-size:13px;font-weight:600;border:1px solid #ffedd5}.lobby-card .lobby-header .start-time-display{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;background-color:#f3efff;color:#6b21a8;border-radius:99px;font-size:14px;font-weight:500;border:1px solid #e9d5ff}.lobby-card .lobby-header .start-time-display strong{font-weight:700;color:#581c87}.lobby-card .lobby-form{display:flex;flex-direction:column;gap:24px}.lobby-card .avatar-section{text-align:center}.lobby-card .avatar-section label{display:block;font-weight:600;font-size:14px;color:#374151;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.lobby-card .avatar-section .avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;justify-items:center}.lobby-card .avatar-section .avatar-grid .avatar-item{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s ease;padding:2px}.lobby-card .avatar-section .avatar-grid .avatar-item img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#f3f4f6}.lobby-card .avatar-section .avatar-grid .avatar-item:hover{transform:scale(1.1)}.lobby-card .avatar-section .avatar-grid .avatar-item.selected{border-color:#764ba2;box-shadow:0 0 0 4px rgba(118,75,162,.2);transform:scale(1.1)}.lobby-card .input-group{display:flex;flex-direction:column;gap:16px}.lobby-card .form-field label{display:block;font-weight:600;font-size:14px;margin-bottom:8px;color:#374151}.lobby-card .form-field input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid #e5e7eb;background-color:#f9fafb;font-size:16px;color:#1f2937;transition:all .2s;outline:none}.lobby-card .form-field input::placeholder{color:#9ca3af}.lobby-card .form-field input:focus{border-color:#764ba2;background-color:#ffffff;box-shadow:0 4px 12px rgba(118,75,162,.1)}.lobby-card .error-message{background:#fef2f2;color:#ef4444;padding:12px;border-radius:12px;font-size:14px;font-weight:500;text-align:center;border:1px solid #fecaca}.lobby-card .submit-btn{width:100%;padding:16px;border:none;border-radius:99px;font-weight:800;font-size:18px;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 8px 20px rgba(118,75,162,.3)}.lobby-card .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px rgba(118,75,162,.4)}.lobby-card .submit-btn:active:not(:disabled){transform:scale(.98)}.lobby-card .submit-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.lobby-box.closed-state{background:white;padding:40px;border-radius:24px;text-align:center;max-width:450px;box-shadow:0 20px 50px rgba(0,0,0,.2);animation:popIn .5s ease}.lobby-box.closed-state h2{font-size:20px;font-weight:700;color:#374151}.lobby-box.closed-state p{color:#6b7280;margin-top:8px;line-height:1.5}.lobby-box.closed-state .text-gray-400{color:#9ca3af}@media (max-width:480px){.lobby-container{padding:0;align-items:flex-end}.lobby-card{max-width:100%;border-radius:0;min-height:100vh;padding:24px 20px;display:flex;flex-direction:column;justify-content:center}.avatar-section .avatar-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.waiting-room{text-align:center}.waiting-room .waiting-title{color:#764ba2;font-size:28px;text-transform:uppercase;letter-spacing:1px}.waiting-room .countdown-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:10px}.waiting-room .countdown-grid{display:flex;gap:12px;justify-content:center}.waiting-room .countdown-grid .time-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:90px;background:#f3efff;border:2px solid #e9d5ff;border-radius:16px;box-shadow:0 4px 0 #d8b4fe;transition:all .2s}.waiting-room .countdown-grid .time-box .time-value{font-size:32px;font-weight:800;color:#764ba2;line-height:1;font-variant-numeric:tabular-nums}.waiting-room .countdown-grid .time-box .time-label{font-size:12px;font-weight:600;text-transform:uppercase;color:#9ca3af;margin-top:4px}.waiting-room .countdown-grid .time-box.active-pulse{animation:pulseBorder 1s infinite;background:#ffffff;border-color:#764ba2;box-shadow:0 4px 0 #5b21b6}.waiting-room .countdown-grid .time-box.active-pulse .time-value{color:#5b21b6}.waiting-room .waiting-note{font-size:14px;color:#6b7280;max-width:80%;line-height:1.5}.waiting-room .reload-btn-text{background:none;border:none;color:#9ca3af;font-size:13px;cursor:pointer;text-decoration:underline;padding:8px;transition:color .2s}.waiting-room .reload-btn-text:hover{color:#764ba2}.waiting-room .waiting-footer{margin-top:32px;padding-top:24px;border-top:2px dashed #e5e7eb;display:flex;align-items:center;justify-content:center;gap:8px;color:#4b5563;font-weight:600;font-size:14px}.waiting-room .waiting-footer .rocket-icon{color:#ef4444;font-size:18px;animation:floatRocket 2s ease-in-out infinite}@keyframes pulseBorder{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes floatRocket{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-5px) rotate(45deg)}}@media (max-width:480px){.waiting-room .countdown-grid{gap:8px}.waiting-room .countdown-grid .time-box{width:65px;height:75px}.waiting-room .countdown-grid .time-box .time-value{font-size:24px}.waiting-room .countdown-grid .time-box .time-label{font-size:10px}}*{box-sizing:border-box}.quiz-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px 40px;background-color:#667eea;background-image:linear-gradient(135deg,#667eea,#764ba2);color:white;overflow:visible}@media (max-width:640px){.quiz-container{padding:10px}}.quiz-ready-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;position:fixed;inset:0;z-index:999;overflow:auto;padding:24px 16px;background:rgba(102,126,234,.95);backdrop-filter:blur(10px)}.quiz-ready-overlay .ready-title{font-size:56px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:fadeInDown .5s ease-out}@media (max-width:640px){.quiz-ready-overlay .ready-title{font-size:36px}}.quiz-ready-overlay .ready-subtitle{font-size:20px;font-weight:400;margin:8px 0 40px;opacity:.9;animation:fadeInUp .5s ease-out}@media (max-width:640px){.quiz-ready-overlay .ready-subtitle{font-size:16px;margin-bottom:24px}}.quiz-ready-overlay .ready-countdown{font-size:160px;font-weight:800;line-height:1;animation:pulse-score 1s infinite}@media (max-width:640px){.quiz-ready-overlay .ready-countdown{font-size:100px}}.quiz-ready-overlay svg{opacity:.8;margin-bottom:16px}.quiz-game-ui{width:100%;height:100%;max-width:1200px;display:flex;flex-direction:column}@media (max-width:640px){.quiz-game-ui{padding-bottom:80px}}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;gap:20px;overflow:hidden}@media (max-width:640px){.game-header{flex-direction:column;align-items:stretch;gap:10px}}.game-section-tabs{display:flex;background-color:rgba(0,0,0,.25);border-radius:10px;border:1px solid rgba(255,255,255,.1);overflow-x:auto;max-width:100%;white-space:nowrap;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.game-section-tabs::-webkit-scrollbar{height:6px}.game-section-tabs::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:4px}.game-section-tabs::-webkit-scrollbar-track{background:transparent}@media (max-width:640px){.game-section-tabs{justify-content:flex-start;scrollbar-width:none}.game-section-tabs::-webkit-scrollbar{display:none}}.game-section-tab{padding:10px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.1);opacity:.6;transition:all .3s ease;flex-shrink:0;cursor:pointer;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:200px}.game-section-tab span{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-section-tab span:first-child{font-size:11px;font-weight:700;margin-bottom:4px;opacity:.8}.game-section-tab span:last-child{font-size:14px;font-weight:500}.game-section-tab:last-child{border-right:none}.game-section-tab.active{opacity:1;background-color:#ffffff;color:#480ca8;border-radius:9px;transform:none;font-weight:700;box-shadow:0 4px 10px rgba(0,0,0,.2);position:sticky;left:0;z-index:2}.game-total-progress{font-size:16px;font-weight:600;padding:12px 20px;background:rgba(0,0,0,.25);border-radius:10px;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.game-question-timer{display:flex;align-items:center;gap:16px;width:100%;margin-bottom:20px}.game-question-timer .question-circle-timer{flex-shrink:0;width:60px;height:60px;border-radius:50%;background:#ffffff;color:#1f2937;border:3px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;box-shadow:0 4px 10px rgba(0,0,0,.2)}.game-question-timer .question-progress-bar-container{width:100%;height:20px;background:rgba(0,0,0,.3);border-radius:99px;padding:4px;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);overflow:hidden}.game-question-timer .question-progress-bar-fill{height:100%;width:100%;background:#ffffff;border-radius:99px;transform-origin:left;transform:scaleX(1);will-change:transform;transition:none}.question-content-wrapper{background:#ffffff;color:#1f2937;border-radius:12px;padding:0;min-height:400px;box-shadow:0 10px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;flex-grow:1}.game-question-content{display:flex;flex-direction:column;height:100%;flex-grow:1}.game-question-text{padding:24px 32px;text-align:center;font-size:24px;font-weight:600;line-height:1.5;color:#1f2937}@media (max-width:640px){.game-question-text{padding:16px;font-size:18px}}.game-question-text img{max-width:100%;height:auto;border-radius:8px;margin-top:16px}.game-multi-choice-counter{text-align:center;font-size:16px;font-weight:500;color:#555;padding:0 32px 16px;margin-top:-12px;font-style:italic}.pro-answer-list{display:flex;flex-direction:column;gap:12px;padding:0 32px 32px;margin-top:auto}@media (max-width:640px){.pro-answer-list{padding:0 16px 24px}}.pro-option-item{display:flex;align-items:flex-start;padding:16px 20px;border:2px solid #e5e7eb;box-shadow:0 4px 0 0 #d1d5db;border-radius:12px;background-color:#ffffff;color:#1f2937;cursor:pointer;transition:transform .1s ease-out,box-shadow .1s ease-out;appearance:none;text-align:left;width:100%;margin:0}.pro-option-item .pro-option-icon{font-size:24px;color:#9ca3af;margin-right:16px;margin-top:2px;transition:color .1s ease-out,transform .1s ease-out;flex-shrink:0}.pro-option-item .pro-option-text{flex:1;min-width:0;font-size:18px;font-weight:500;line-height:1.5;display:flex;flex-direction:column;gap:8px;word-break:break-word}.pro-option-item .pro-option-text img,.pro-option-item .pro-option-text p{margin:0;max-width:100%}@media (max-width:640px){.pro-option-item .pro-option-text{font-size:16px}}.pro-option-item:not(.selected):not(.disabled):hover{transform:translateY(-3px);box-shadow:0 7px 0 0 #d1d5db,0 4px 10px rgba(0,0,0,.1);border-color:#764ba2}.pro-option-item.selected,.pro-option-item:not(.selected):not(.disabled):active{transform:translateY(2px);box-shadow:0 2px 0 0 #d1d5db}.pro-option-item.selected{border-color:#764ba2;background-color:#f3efff}.pro-option-item.selected .pro-option-icon{color:#764ba2;transform:scale(1.1)}.pro-option-item.disabled{cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.pro-option-item.disabled:not(.selected){opacity:.6;background-color:#e5e7eb;border-color:#d1d5db;color:#9ca3af}.pro-option-item.disabled:not(.selected) .pro-option-icon{color:#d1d5db}.pro-option-item.disabled.selected{opacity:1;background-color:#f3efff;border-color:#c4b5fd;color:#4c1d95;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)!important}.pro-option-item.disabled.selected .pro-option-icon{color:#7c3aed}.matching-container{display:flex;flex-direction:row;gap:24px;padding:32px 32px 24px;margin-top:auto;flex-grow:1}@media (max-width:992px){.matching-container{flex-direction:column;gap:16px;padding:0 16px 24px}}.matching-left-column,.matching-right-column{flex:1;display:flex;flex-direction:column;gap:10px}.matching-left-column{flex:1.2}.matching-right-column{background-color:rgba(0,0,0,.05);border-radius:12px;padding:12px;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1);min-height:300px}@media (max-width:992px){.matching-right-column{min-height:auto;padding:8px}}.matching-left-item{display:flex;align-items:stretch;gap:12px;border:2px solid #e5e7eb;box-shadow:0 4px 0 0 #d1d5db;border-radius:12px;background-color:#ffffff}@media (max-width:640px){.matching-left-item{flex-direction:column}}.matching-left-item .item-left-content{flex:1;padding:16px;font-weight:500;font-size:15px}@media (max-width:640px){.matching-left-item .item-left-content{padding:12px;font-size:14px}}.matching-drop-zone{flex:1;min-height:50px;border-left:2px dashed #d1d5db;padding:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:0 10px 10px 0;background-color:white}@media (max-width:992px){.matching-drop-zone{border:2px dashed #d1d5db;border-radius:8px;margin-bottom:8px;min-height:60px}}.matching-drop-zone.over{background-color:#d1fae5;border-color:#10b981;border-style:solid}.matching-drop-zone.matched{border-style:solid;border-color:#764ba2;background-color:#f3efff;font-weight:500;color:#764ba2}.matching-container.disabled .matching-drop-zone{background-color:#f9fafb;border-color:#e5e7eb;cursor:not-allowed}.matching-drag-item{display:flex;align-items:center;gap:12px;border:2px solid #e5e7eb;box-shadow:0 4px 0 0 #d1d5db;border-radius:12px;padding:14px 16px;background-color:#ffffff;user-select:none;touch-action:none;transition:transform .1s ease-out,box-shadow .1s ease-out,opacity .2s ease}@media (max-width:992px){.matching-drag-item{padding:12px}}.matching-drag-item .item-content{flex-grow:1;font-weight:500;font-size:15px}.matching-drag-item:hover:not(.dragging):not(.used):not(.disabled){transform:translateY(-3px);box-shadow:0 7px 0 0 #d1d5db;border-color:#764ba2}.matching-drag-item:active:not(.dragging):not(.used):not(.disabled){transform:translateY(2px);box-shadow:0 2px 0 0 #d1d5db}.matching-drag-item.dragging{opacity:.9;transform:translateY(-3px) scale(1.03);box-shadow:0 7px 0 0 #d1d5db,0 10px 20px rgba(0,0,0,.15);z-index:9999}.matching-drag-item.used{height:50px;background-color:#e5e7eb;border-style:dashed;opacity:.7;box-shadow:none;transform:none;padding:0}.matching-drag-item.used .drag-handle,.matching-drag-item.used .item-content{display:none}.matching-drag-item.disabled{opacity:.6;cursor:not-allowed;background-color:#f3f4f6;border-color:#d1d5db;box-shadow:none;transform:none!important;pointer-events:none}.matching-drag-item.disabled .drag-handle{opacity:.3}.drag-handle{flex-shrink:0;border:none;background-color:#f4f5f7;padding:8px;border-radius:4px;color:#6b7280;cursor:grab;transition:background-color .2s}@media (max-width:992px){.drag-handle{padding:10px}}.drag-handle:hover{background-color:#e5e7eb}.drag-handle:active{cursor:grabbing;background-color:#d1d5db}.drag-handle:disabled{cursor:not-allowed;opacity:.5}.matching-footer{padding:0 32px 32px;display:flex;justify-content:flex-end}.matching-reset-btn{background-color:#ffffff;color:#374151;font-weight:700;font-size:16px;padding:12px 24px;border:2px solid #e5e7eb;box-shadow:0 4px 0 0 #d1d5db;border-radius:12px;cursor:pointer;transition:transform .1s ease-out,box-shadow .1s ease-out,background-color .15s ease}.matching-reset-btn svg{margin-right:6px}.matching-reset-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 7px 0 0 #d1d5db;border-color:#b0b6c0;background-color:#f9fafb}.matching-reset-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 0 #d1d5db;background-color:#f3f4f6}.matching-reset-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background-color:#f3f4f6;border-color:#e5e7eb}.fill-in-the-blank-list{display:flex;flex-direction:column;gap:16px;padding:0 32px 32px;margin-top:auto}@media (max-width:768px){.fill-in-the-blank-list{padding:0 16px 24px}}.fill-blank-item{display:flex;align-items:center;gap:12px}@media (max-width:640px){.fill-blank-item{flex-direction:column;align-items:flex-start;gap:8px}}.fill-blank-label{flex-shrink:0;font-size:18px;font-weight:600;color:#555}@media (max-width:640px){.fill-blank-label{font-size:16px}}.fill-blank-input{width:100%;font-size:18px;font-weight:500;padding:14px 16px;border:2px solid #e5e7eb;box-shadow:0 4px 0 0 #d1d5db;border-radius:12px;background-color:#ffffff;color:#1f2937;transition:all .1s ease-out}@media (max-width:640px){.fill-blank-input{font-size:16px;padding:12px}}.fill-blank-input:focus{transform:translateY(2px);box-shadow:0 2px 0 0 #d1d5db;border-color:#764ba2;outline:none}.fill-blank-input:read-only{opacity:1;cursor:not-allowed;background-color:#e9ecef;border-color:#d1d5db;box-shadow:none;transform:none;color:#6b7280}.reading-container{display:flex;flex-direction:row;gap:24px;padding:32px;margin-top:auto;flex-grow:1;min-height:400px;max-height:60vh}@media (max-width:768px){.reading-container{flex-direction:column;padding:16px;height:calc(100dvh - 200px);min-height:400px;gap:0;border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden}}.reading-passage-column{flex:1.5;overflow-y:auto;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;line-height:1.6;padding:20px 12px 20px 24px}@media (max-width:768px){.reading-passage-column{flex:none;height:40%;border:none;border-bottom:4px solid #f3f4f6;border-radius:0;padding:16px;background-color:#fff}.reading-passage-column:before{content:"Văn bản đọc hiểu";display:block;font-size:12px;font-weight:700;color:#9ca3af;margin-bottom:8px;text-transform:uppercase}}.reading-sub-questions-column{flex:1;overflow-y:auto;padding-right:12px}@media (max-width:768px){.reading-sub-questions-column{flex:1;height:60%;padding:16px;background-color:#f9fafb}.reading-sub-questions-column:before{content:"Câu hỏi";display:block;font-size:12px;font-weight:700;color:#764ba2;margin-bottom:12px;text-transform:uppercase}}.reading-sub-q-item{margin-bottom:24px}.reading-sub-q-item .pro-answer-list{padding:0;gap:8px}.reading-sub-q-item .pro-option-item{padding:12px 16px}.reading-sub-q-item .pro-option-item .pro-option-text{font-size:16px}.reading-sub-q-title{font-weight:600;color:#374151;margin-bottom:12px;line-height:1.5}.reading-sub-q-title span{font-weight:700;margin-right:4px;color:#1f2937}@media (max-width:640px){.reading-sub-q-title{font-size:15px}}.quiz-submitting-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.quiz-submitting-inner{background-color:#ffffff;color:#764ba2;font-size:20px;font-weight:700;padding:30px 50px;display:flex;flex-direction:column;align-items:center;gap:16px;border:4px solid #e5e7eb;border-radius:24px;box-shadow:0 10px 0 0 #d1d5db,0 20px 40px rgba(0,0,0,.3);animation:popInBouncy .4s cubic-bezier(.175,.885,.32,1.275)}.quiz-submitting-inner svg{font-size:40px;color:#764ba2;margin-bottom:8px}.quiz-submitting-inner span{text-align:center;line-height:1.4}@media (max-width:640px){.quiz-submitting-inner{width:85%;max-width:320px;padding:24px 20px;font-size:16px}.quiz-submitting-inner svg{font-size:32px;margin-bottom:4px}}@keyframes popInBouncy{0%{transform:scale(.5) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ready-countdown.go-animation{animation:readyGoPop .7s ease-out forwards}@keyframes readyGoPop{0%{transform:scale(.2);opacity:0}40%{transform:scale(1.2);opacity:1}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.question-actions{display:flex;justify-content:flex-end;padding:24px 32px 32px}@media (max-width:640px){.question-actions{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(5px);padding:12px 16px;border-top:1px solid #e5e7eb;z-index:500;justify-content:stretch}}.next-btn{background-color:#ffffff;color:#480ca8;font-weight:700;font-size:18px;padding:16px 36px;border:2px solid #e5e7eb;box-shadow:0 4px 0 0 #d1d5db;border-radius:12px;cursor:pointer;transition:transform .1s ease-out,box-shadow .1s ease-out,background-color .15s ease;position:relative;overflow:hidden}@media (max-width:640px){.next-btn{width:100%;padding:14px;font-size:16px}}.next-btn:hover{transform:translateY(-3px);box-shadow:0 7px 0 0 #d1d5db,0 4px 10px rgba(0,0,0,.1);border-color:#764ba2;background-color:#f3efff}.next-btn:active{transform:translateY(2px);box-shadow:0 2px 0 0 #d1d5db;background-color:#ede9fe}.next-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 0 0 #d1d5db}.next-btn:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,.2),rgba(255,255,255,0));transform:skewX(-25deg);transition:left .5s ease}.next-btn:hover:after{left:125%}.game-banner-info,.game-banner-locked,.game-banner-processing,.game-banner-success,.game-banner-urgent{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;margin-bottom:24px;border-radius:12px;font-size:16px;font-weight:600;text-align:center;line-height:1.4;box-shadow:0 4px 10px rgba(0,0,0,.1);animation:fadeInBanner .3s ease-out}@media (max-width:640px){.game-banner-info,.game-banner-locked,.game-banner-processing,.game-banner-success,.game-banner-urgent{font-size:14px;padding:12px 16px}}.game-banner-info svg,.game-banner-locked svg,.game-banner-processing svg,.game-banner-success svg,.game-banner-urgent svg{flex-shrink:0}.game-banner-processing{background-color:#fff7ed;border:2px solid #fdba74}.game-banner-processing svg{color:#ea580c}.game-banner-locked{background-color:#f3f4f6;border:2px solid #d1d5db}.game-banner-info,.game-banner-success{background-color:#ecfdf5;border:2px solid #34d399;color:#047857}.game-banner-info svg,.game-banner-success svg{color:#059669}.game-banner-urgent{background-color:#fef2f2;border:2px solid #f87171;animation:shakeUrgent .5s ease-in-out}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shakeUrgent{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes pulse-score{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.quiz-results-view{display:flex;flex-direction:column;width:100%;max-width:960px;margin:0 auto;padding:40px 20px;color:#1f2937;animation:fadeIn .4s ease-out}.quiz-results-view,.quiz-results-view *,.quiz-results-view :after,.quiz-results-view :before{box-sizing:border-box}.quiz-results-view .error-card,.quiz-results-view .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.quiz-results-view .results-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.quiz-results-view .results-header .ready-title{font-size:32px;font-weight:800;color:#1f2937;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.05)}.quiz-results-view .results-header .results-user-info{display:inline-flex;align-items:center;gap:12px;background:#ffffff;padding:8px 20px 8px 8px;border-radius:50px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.quiz-results-view .results-header .results-user-info .user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.quiz-results-view .results-header .results-user-info .user-name{font-size:16px;font-weight:700;color:#374151}.quiz-results-view .dashboard-card{background:#ffffff;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.08);padding:24px;overflow:hidden;border:1px solid #f3f4f6}.quiz-results-view .dashboard-card .card-title{font-size:16px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.quiz-results-view .results-top-panel{display:grid;grid-template-columns:1fr 1.8fr;gap:24px;margin-bottom:24px}.quiz-results-view .score-status-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffffff,#f9fafb)}.quiz-results-view .score-status-card .results-score-circle{width:150px;height:150px;border-radius:50%;background:#ffffff;color:#764ba2;display:flex;flex-direction:column;align-items:center;justify-content:center;border:8px solid #f3efff;box-shadow:0 10px 25px rgba(118,75,162,.15);animation:popIn .6s cubic-bezier(.175,.885,.32,1.275);margin-bottom:20px}.quiz-results-view .score-status-card .results-score-circle .score-value{font-size:56px;font-weight:800;line-height:1}.quiz-results-view .score-status-card .results-score-circle .score-label{font-size:14px;font-weight:600;opacity:.7;margin-top:4px}.quiz-results-view .score-status-card .overall-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:50px;font-weight:700;font-size:15px;width:100%}.quiz-results-view .score-status-card .overall-status-badge .status-content{display:flex;align-items:center;gap:8px}.quiz-results-view .score-status-card .overall-status-badge.passed{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.quiz-results-view .score-status-card .overall-status-badge.failed{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.quiz-results-view .stats-overview-card .results-details-grid{display:flex;flex-direction:column;gap:16px;height:calc(100% - 34px);justify-content:center}.quiz-results-view .stats-overview-card .results-details-grid .detail-item{display:flex;align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:16px 20px;transition:transform .2s,box-shadow .2s}.quiz-results-view .stats-overview-card .results-details-grid .detail-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05);background:#ffffff}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:16px}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info{display:flex;flex-direction:column;flex:1}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info span{font-size:13px;font-weight:600;color:#6b7280;margin-bottom:2px;text-transform:uppercase}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info strong{font-size:20px;font-weight:800;color:#1f2937}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info small{font-size:14px;color:#9ca3af;font-weight:600}.quiz-results-view .stats-overview-card .results-details-grid .detail-item.correct .icon-wrapper{background:#dcfce7;color:#10b981}.quiz-results-view .stats-overview-card .results-details-grid .detail-item.partial .icon-wrapper{background:#fef3c7;color:#f59e0b}.quiz-results-view .stats-overview-card .results-details-grid .detail-item.total .icon-wrapper{background:#f3efff;color:#764ba2}.quiz-results-view .results-section-stats{margin-bottom:24px;padding:24px}.quiz-results-view .results-section-stats .section-stats-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.quiz-results-view .results-section-stats .stat-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.quiz-results-view .results-section-stats .stat-row .stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quiz-results-view .results-section-stats .stat-row .stat-name{font-size:15px;font-weight:700;color:#374151}.quiz-results-view .results-section-stats .stat-row .stat-details{display:flex;gap:12px;font-size:14px;font-weight:700}.quiz-results-view .results-section-stats .stat-row .stat-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed #d1d5db;font-size:14px}.quiz-results-view .results-section-stats .stat-row .stat-footer .score-info{color:#4b5563}.quiz-results-view .results-section-stats .stat-row .stat-footer .score-info b{color:#111827;font-size:15px}.quiz-results-view .results-section-stats .stat-row .stat-footer .score-info .pass-mark{font-size:12px;color:#9ca3af;margin-left:4px}.quiz-results-view .results-section-stats .stat-row .stat-footer .section-status{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:13px;padding:4px 10px;border-radius:6px}.quiz-results-view .results-section-stats .stat-row .stat-footer .section-status.passed{background:#dcfce7;color:#059669}.quiz-results-view .results-section-stats .stat-row .stat-footer .section-status.failed{background:#fef2f2;color:#dc2626}.quiz-results-view .results-section-stats .stat-row .stat-footer .section-status.critical-failed{background:#7f1d1d;color:#fecaca}.quiz-results-view .results-actions{display:flex;justify-content:center;margin-top:8px}.quiz-results-view .results-action-btn{background:#764ba2;color:#ffffff;border:none;padding:16px 36px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(118,75,162,.3);transition:all .2s;display:inline-flex;align-items:center}.quiz-results-view .results-action-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(118,75,162,.4);background:#8b5dbb}.quiz-results-view .results-action-btn:active{transform:scale(.98)}.review-modal-backdrop{position:fixed;inset:0;z-index:99999;background-color:rgba(0,0,0,.6);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;height:100vh;overflow:hidden;animation:fadeIn .2s ease-out}.review-modal-content{background:#ffffff;width:100%;max-width:900px;height:85vh;display:flex;flex-direction:column;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:slideUpModal .3s cubic-bezier(.16,1,.3,1)}.review-modal-content .review-modal-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;border-top-left-radius:20px;border-top-right-radius:20px}.review-modal-content .review-modal-header h3{margin:0;font-size:20px;font-weight:800;color:#1f2937}.review-modal-content .review-modal-header .close-btn{background:#f3f4f6;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:18px}.review-modal-content .review-modal-header .close-btn:hover{background:#e5e7eb;color:#ef4444}.review-modal-content .review-modal-body{flex:1;min-height:0;display:flex;flex-direction:column;background:#f9fafb;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden}.review-modal-body .review-history-container{flex:1;width:100%!important;height:100%!important;max-height:none!important;margin:0!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-y:auto!important;border-bottom-left-radius:20px;border-bottom-right-radius:20px;-webkit-overflow-scrolling:touch}.review-modal-body .review-history-container::-webkit-scrollbar{width:8px}.review-modal-body .review-history-container::-webkit-scrollbar-track{background:transparent}.review-modal-body .review-history-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.review-history-empty{padding:40px;text-align:center;font-style:italic;color:#6b7280}.review-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f3efff;border-bottom:1px solid #ddd6fe;position:sticky;top:0;z-index:10}.review-section-header .rs-title{display:flex;align-items:center;gap:8px;overflow:hidden}.review-section-header .rs-title .rs-name{font-weight:700;color:#5b21b6;font-size:15px}.review-section-header .rs-meta{font-size:13px;color:#7c3aed;font-weight:600;background:#ffffff;padding:4px 8px;border-radius:6px}.review-question-row{display:block;padding:16px 20px;background:#ffffff;border-bottom:1px dashed #e5e7eb;width:100%;box-sizing:border-box}.review-question-row.is-last{border-bottom:4px solid #f3f4f6}.review-question-row .rq-content{display:flex;flex-direction:column;gap:10px}.review-question-row .rq-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.review-question-row .rq-index{font-weight:800;font-size:15px;color:#1f2937}.review-question-row .rq-type-badge{font-size:12px;padding:4px 8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-weight:600}.review-question-row .rq-state-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px}.review-question-row .rq-state-badge.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.review-question-row .rq-state-badge.wrong{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.review-question-row .rq-state-badge.approximately{background:#ffedd5;color:#9a3412;border:1px solid #fed7aa}.review-question-row .rq-state-badge.unanswered{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.review-question-row .rq-score{margin-left:auto;font-size:13px;font-weight:700;color:#6b7280}.review-question-row .rq-text{font-size:15px;line-height:1.6;color:#374151}.review-question-row .rq-text img{max-width:100%;height:auto;border-radius:8px;margin-top:8px}.review-question-row .rq-answers{margin-top:12px;padding-top:12px;border-top:1px dashed #f3f4f6}.review-question-row .rq-answers .ans-label{font-size:13px;color:#6b7280;margin-bottom:6px;display:block;font-weight:600}.review-question-row .rq-answers .ans-empty{font-size:13px;font-style:italic;color:#9ca3af}.review-question-row .rq-answers .ans-list{display:flex;flex-wrap:wrap;gap:8px}.review-question-row .rq-answers .ans-simple-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-question-row .rq-answers .ans-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid transparent}.review-question-row .rq-answers .ans-chip.ok{background:#ecfdf5;border-color:#34d399;color:#064e3b}.review-question-row .rq-answers .ans-chip.bad{background:#fef2f2;border-color:#f87171;color:#991b1b;text-decoration:line-through;opacity:.8}.review-question-row .rq-answers .ans-chip p{margin:0;display:inline}.review-question-row .rq-answers .ans-vertical-list{display:flex;flex-direction:column;gap:8px}.review-question-row .rq-answers .ans-vertical-list .ans-row-item{display:flex;align-items:center;gap:10px;background:#f9fafb;padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px}.review-question-row .rq-answers .ans-vertical-list .ans-row-item.ok{border-color:#34d399;background:#ecfdf5}.review-question-row .rq-answers .ans-vertical-list .ans-row-item.ok .status-icon{color:#059669}.review-question-row .rq-answers .ans-vertical-list .ans-row-item.bad{border-color:#fca5a5;background:#fef2f2}.review-question-row .rq-answers .ans-vertical-list .ans-row-item.bad .status-icon{color:#dc2626}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .pos-badge{background:#e5e7eb;color:#374151;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .val-text{font-weight:600;flex:1;color:#1f2937;word-break:break-word}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .match-left,.review-question-row .rq-answers .ans-vertical-list .ans-row-item .match-right{flex:1;color:#374151}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .match-right{font-weight:600}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .status-icon{margin-left:auto;font-size:16px;flex-shrink:0}.review-question-row .rq-answers .ans-vertical-list.reading{gap:12px}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#ffffff}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item.ok{border-left:4px solid #34d399}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item.bad{border-left:4px solid #f87171}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item.miss{border-left:4px solid #9ca3af;opacity:.8}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-header{font-size:14px;color:#374151;margin-bottom:8px;line-height:1.4}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-header p{display:inline;margin:0}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result{display:flex;align-items:center;gap:8px;font-size:13px;background:#f9fafb;padding:8px;border-radius:6px}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result .label{color:#6b7280;white-space:nowrap}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result .user-choice{font-weight:600;color:#1f2937;flex:1}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result .user-choice.empty{font-style:italic;color:#9ca3af;font-weight:400}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result .status-icon{font-size:16px;flex-shrink:0;color:#d1d5db}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item.ok .sub-q-result .status-icon{color:#059669}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item.bad .sub-q-result .status-icon{color:#dc2626}.scoring-rules-container{margin-top:10px;padding:10px 14px;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:13px;color:#0369a1}.sr-title{font-weight:700;margin-bottom:6px;text-transform:uppercase;font-size:11px;opacity:.8;letter-spacing:.5px}.sr-grid{display:flex;flex-wrap:wrap;gap:8px}.sr-item{display:flex;align-items:center;gap:6px;background:#ffffff;padding:4px 10px;border-radius:6px;border:1px solid #e0f2fe;transition:all .2s}.sr-item:hover{box-shadow:0 2px 4px rgba(0,0,0,.05)}.sr-item.max{background:#e0f2fe;border-color:#7dd3fc;font-weight:600}.sr-label{color:#64748b}.sr-value{color:#0284c7;font-weight:800}.sr-value small{font-size:11px;font-weight:600;opacity:.8;margin-left:2px}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.quiz-results-view{padding:20px 16px}.quiz-results-view .results-top-panel{grid-template-columns:1fr;gap:16px}.quiz-results-view .dashboard-card{padding:16px;border-radius:16px}.quiz-results-view .score-status-card{padding:24px 16px}.quiz-results-view .score-status-card .results-score-circle{width:130px;height:130px;border-width:6px}.quiz-results-view .score-status-card .results-score-circle .score-value{font-size:48px}.quiz-results-view .stats-overview-card .results-details-grid .detail-item{padding:12px}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .icon-wrapper{width:40px;height:40px;font-size:16px;margin-right:12px}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info strong{font-size:18px}.review-modal-backdrop{padding:0;align-items:flex-end}.review-modal-content{max-height:90vh;height:90vh;border-top-left-radius:24px;border-top-right-radius:24px}.review-modal-content,.review-modal-content .review-history-container,.review-modal-content .review-modal-body{border-bottom-left-radius:0;border-bottom-right-radius:0}.sr-grid{gap:6px}.sr-item{font-size:12px;padding:4px 8px}.sr-value small{display:none}}.leaderboard-page .dashboard-header{margin-bottom:24px}.leaderboard-page .dashboard-header h1{margin-bottom:4px}.leaderboard-page .dashboard-header p{color:#4b5563}body.dark .leaderboard-page .dashboard-header p{color:#aaaaaa}.leaderboard-container{display:flex;flex-direction:column;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);height:100%;max-height:calc(100vh - 180px);overflow:hidden}body.dark .leaderboard-container{background-color:#1a1a1a;border-color:rgba(107,114,128,.1098039216);box-shadow:none}.leaderboard-controls{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb;background-color:#ffffff;gap:16px;flex-wrap:wrap}body.dark .leaderboard-controls{background-color:rgb(30,31,32);border-color:rgba(107,114,128,.1098039216)}.filter-tabs{display:flex;background-color:#f9fafb;padding:4px;border-radius:10px;gap:4px}body.dark .filter-tabs{background-color:#282a2c}.filter-tabs .filter-tab{border:none;background:transparent;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;color:#4b5563;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}body.dark .filter-tabs .filter-tab{color:#aaaaaa}.filter-tabs .filter-tab:hover{color:#1f2937}body.dark .filter-tabs .filter-tab:hover{color:#e3e3e3}.filter-tabs .filter-tab.active{background-color:#ffffff;color:#3b82f6;box-shadow:0 2px 4px rgba(0,0,0,.05)}body.dark .filter-tabs .filter-tab.active{background-color:#37393b;color:#3b82f6}.filter-tabs .filter-tab .badge{font-size:11px;padding:2px 6px;border-radius:6px;background-color:rgba(0,0,0,.1);color:inherit}.filter-tabs .filter-tab .badge.success{background-color:rgba(76,175,80,.2);color:rgb(60.5577689243,139.4422310757,63.7450199203)}.filter-tabs .filter-tab .badge.warning{background-color:rgba(245,158,11,.2);color:rgb(172.4330708661,110.9507874016,7.0669291339)}body.dark .filter-tabs .filter-tab .badge.success{color:rgb(109.9800796813,192.0199203187,113.2948207171)}body.dark .filter-tabs .filter-tab .badge.warning{color:rgb(247.0078740157,177.4763779528,59.9921259843)}.search-box{display:flex;align-items:center;background-color:#f9fafb;border:1px solid transparent;padding:8px 12px;border-radius:8px;width:250px;transition:all .2s}body.dark .search-box{background-color:#282a2c}.search-box:focus-within{background-color:#ffffff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}body.dark .search-box:focus-within{background-color:rgb(30,31,32)}.search-box .icon{color:#6b7280;font-size:14px;margin-right:8px}.search-box input{border:none;background:transparent;outline:none;font-size:14px;width:100%;color:#1f2937}body.dark .search-box input{color:#e3e3e3}.search-box input::placeholder{color:#6b7280}.search-box .clear-btn{color:#6b7280;cursor:pointer;font-size:14px}.search-box .clear-btn:hover{color:#ef4444}.leaderboard-header{display:flex;align-items:center;padding:12px 16px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:700;text-transform:uppercase;color:#4b5563;letter-spacing:.5px}body.dark .leaderboard-header{background-color:#282a2c;border-bottom-color:rgba(107,114,128,.1098039216);color:#aaaaaa}.rank-col{flex:0 0 50px;text-align:center}.player-col{flex:1;min-width:180px}.status-col{flex:0 0 140px}.score-col{flex:0 0 100px;text-align:right}.time-col{flex:0 0 160px;padding-left:20px}.action-col{flex:0 0 100px;display:flex;justify-content:flex-end;gap:8px}.leaderboard-body-virtual{height:auto;flex:1;overflow-y:auto;position:relative}.leaderboard-body-virtual .virtual-list-inner{width:100%;position:relative}.leaderboard-body-virtual::-webkit-scrollbar{width:6px}.leaderboard-body-virtual::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:3px}body.dark .leaderboard-body-virtual::-webkit-scrollbar-thumb{background-color:rgba(107,114,128,.1098039216)}.leaderboard-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;background-color:#ffffff;transition:background-color .1s}body.dark .leaderboard-row{background-color:rgb(30,31,32);border-bottom-color:rgba(107,114,128,.1098039216)}.leaderboard-row:hover{background-color:rgba(59,130,246,.02)}body.dark .leaderboard-row:hover{background-color:rgba(255,255,255,.02)}.leaderboard-row.in_progress,.leaderboard-row.started{background-color:rgba(245,158,11,.02)}body.dark .leaderboard-row.in_progress,body.dark .leaderboard-row.started{background-color:rgba(245,158,11,.05)}.rank-icon{font-size:20px}.rank-number{font-size:14px;font-weight:600;color:#6b7280}body.dark .rank-number{color:#9ca3af}.rank-dash{color:#e5e7eb}.rank-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;margin:0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .2s}.rank-badge:hover{transform:scale(1.1)}.rank-badge.rank-top-1{background:linear-gradient(135deg,#fff9c4,#FFD700);color:#665600;border:2px solid #fff}.rank-badge.rank-top-2{background:linear-gradient(135deg,#f5f5f5,#C0C0C0);color:#5a5a5a;border:2px solid #fff}.rank-badge.rank-top-3{background:linear-gradient(135deg,#efebe9,#CD7F32);color:rgb(82,50.8,20);border:2px solid #fff}body.dark .rank-badge{border-color:rgba(0,0,0,.2)}.player-info{display:flex;align-items:center;gap:12px}.player-info .player-avatar{border-radius:50%;border:1px solid #e5e7eb;object-fit:cover}body.dark .player-info .player-avatar{border-color:rgba(107,114,128,.1098039216)}.player-info .player-details{display:flex;flex-direction:column;line-height:1.3}.player-info .player-details .player-name{font-size:14px;font-weight:600;color:#1f2937}body.dark .player-info .player-details .player-name{color:#ffffff}.player-info .player-details .player-email{font-size:12px;color:#6b7280}body.dark .player-info .player-details .player-email{color:#9ca3af}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.success{background-color:rgba(76,175,80,.1);color:#4caf50;border:1px solid rgba(76,175,80,.2)}.status-badge.warning{background-color:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.status-badge.neutral{background-color:#f9fafb;color:#4b5563;border:1px solid #e5e7eb}body.dark .status-badge.neutral{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216)}.status-badge.pulsing{animation:pulse 2s ease-in-out infinite}.score-block{display:flex;flex-direction:column}.score-block .score-val{font-size:15px;font-weight:700;color:#3b82f6}.score-block .score-temp{font-size:10px;color:#f59e0b;font-style:italic;white-space:nowrap}.score-block .score-sub{font-size:11px;color:#6b7280;margin-top:2px}.score-block .score-sub .score-partial{color:#f59e0b;font-size:.9em;margin-left:4px}.score-block .fail-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 6px;border-radius:4px;margin-top:4px;font-weight:700;white-space:nowrap;width:fit-content;align-self:flex-end}.score-block .fail-badge.critical{color:#ef4444;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}body.dark .score-block .fail-badge.critical{background-color:rgba(239,68,68,.15);color:rgb(245.0295566502,138.4704433498,138.4704433498)}.score-block .fail-badge.passmark{color:#f59e0b;background-color:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}body.dark .score-block .fail-badge.passmark{background-color:rgba(245,158,11,.15);color:rgb(248.0118110236,187.2145669291,84.4881889764)}.time-block{display:flex;flex-direction:column}.time-block .time-label{font-size:10px;color:#6b7280;text-transform:uppercase;margin-bottom:2px}.time-block .time-val{font-size:13px;color:#4b5563;font-variant-numeric:tabular-nums}body.dark .time-block .time-val{color:#aaaaaa}.btn-action{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background-color:#ffffff;color:#4b5563;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}body.dark .btn-action{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216);color:#aaaaaa}.btn-action:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.btn-action.btn-view:hover{border-color:#3b82f6;color:#3b82f6;background-color:rgba(59,130,246,.05)}.btn-action.btn-stop{color:#ef4444;border-color:rgba(239,68,68,.3)}.btn-action.btn-stop:hover{background-color:#ef4444;color:white;border-color:#ef4444}.empty-state-absolute-wrapper{position:absolute;top:0;left:0;width:100%}.leaderboard-empty-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;width:100%;text-align:center;animation:fadeIn .4s ease-out}.leaderboard-empty-wrapper .empty-icon-box{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:20px;background-color:#f3f4f6;color:#4b5563}.leaderboard-empty-wrapper .empty-icon-box svg{opacity:.7}.leaderboard-empty-wrapper h3{font-size:18px;font-weight:600;margin-bottom:8px;color:#1f2937}.leaderboard-empty-wrapper p{font-size:15px;color:#4b5563;margin-bottom:24px;line-height:1.5;max-width:400px}.leaderboard-empty-wrapper p strong{color:#1f2937;font-weight:500}.leaderboard-empty-wrapper .btn-clear-filter{padding:8px 20px;background-color:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;font-size:14px;cursor:pointer;transition:all .2s}.leaderboard-empty-wrapper .btn-clear-filter:hover{background-color:#f3f4f6;color:#3b82f6;border-color:#3b82f6}.leaderboard-empty-wrapper .btn-invite-action{display:inline-flex;align-items:center;padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;box-shadow:0 4px 10px rgba(59,130,246,.2);transition:all .2s}.leaderboard-empty-wrapper .btn-invite-action .icon-spacing{margin-right:8px}.leaderboard-empty-wrapper .btn-invite-action:hover{background-color:rgba(37,100,235,.6509803922);transform:translateY(-2px);box-shadow:0 6px 14px rgba(59,130,246,.3)}body.dark .leaderboard-empty-wrapper .empty-icon-box{background-color:#282a2c;color:#aaaaaa}body.dark .leaderboard-empty-wrapper h3{color:#e3e3e3}body.dark .leaderboard-empty-wrapper p{color:#aaaaaa}body.dark .leaderboard-empty-wrapper p strong{color:#e3e3e3}body.dark .leaderboard-empty-wrapper .btn-clear-filter{border-color:rgba(75,85,99,.4);color:#aaaaaa}body.dark .leaderboard-empty-wrapper .btn-clear-filter:hover{background-color:#37393b;color:#e3e3e3}@media (max-width:900px){.time-col{display:none}.leaderboard-container{max-height:calc(100vh - 160px)}}@media (max-width:640px){.leaderboard-controls{flex-direction:column;align-items:stretch;gap:12px}.leaderboard-controls .search-box{width:100%}.leaderboard-controls .filter-tabs{justify-content:space-between}.leaderboard-controls .filter-tab{flex:1;justify-content:center;padding:8px 4px;font-size:13px}.rank-col,.status-col{display:none}.player-col{flex:1}.action-col,.score-col{flex:0 0 80px}.leaderboard-row{padding:10px}.player-info .player-avatar{width:32px;height:32px}.player-name{font-size:13px}.player-email{display:none}}@keyframes pulsee{0%,to{opacity:1}50%{opacity:.5}}.lb-sk-box{background-color:#e0e0e0;border-radius:6px}body.dark .lb-sk-box{background-color:#3a3a3a}.lb-sk-title{width:45%;height:28px;margin-bottom:12px}.lb-sk-subtitle{width:30%;height:16px}.leaderboard-body.is-loading{animation:pulsee 2s cubic-bezier(.4,0,.6,1) infinite}.lb-sk-row{display:flex;align-items:center;padding:16px;border-bottom:1px solid transparent}.lb-sk-rank-num{width:24px;height:24px;border-radius:50%;margin:0 auto}.lb-sk-player{display:flex;align-items:center;gap:12px}.lb-sk-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.lb-sk-player-details{flex-grow:1;display:flex;flex-direction:column;gap:8px}.lb-sk-text{width:80%;height:14px}.lb-sk-text.is-short{width:40%}.lb-sk-button{width:36px;height:36px;border-radius:6px;margin-left:auto}.lb-sk-row .rank-col{flex-basis:8%;text-align:center}.lb-sk-row .player-col{flex-basis:35%;flex-grow:1;min-width:200px}.lb-sk-row .score-col{flex-basis:10%}.lb-sk-row .accuracy-col{flex-basis:15%;min-width:120px}.lb-sk-row .time-col{flex-basis:20%;min-width:150px}.lb-sk-row .action-col{flex-basis:12%;text-align:right;min-width:80px}.app-container{display:flex;height:100vh;height:100dvh;background-color:#f9fafb}body.dark .app-container{background-color:#1b1b1b}.main-container{flex:1;display:flex;flex-direction:column;height:100vh;height:100dvh;min-width:0}.main-content-area{flex:1;overflow-y:auto;padding:24px;scrollbar-gutter:stable}@media (max-width:768px){.main-content-area{padding:16px}}#sidebar-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:10;display:none;opacity:0;transition:opacity .3s ease-in-out}#sidebar-overlay.visible{display:block;opacity:1}@media (min-width:768px){body.sidebar-collapsed #sidebar{width:80px}body.sidebar-collapsed .sidebar-text{display:none}body.sidebar-collapsed .btn-new-quiz,body.sidebar-collapsed .nav-link,body.sidebar-collapsed .sidebar-footer .nav-link,body.sidebar-collapsed .sidebar-logo{justify-content:center}body.sidebar-collapsed #collapse-sidebar-icon{transform:rotate(180deg)}}.sidebar__create-btn,.sidebar__icon-btn,.sidebar__logo,.sidebar__nav-link{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sidebar{width:256px;height:100vh;background-color:#ffffff;border-right:1px solid #e5e7eb;padding:16px;display:flex;flex-direction:column;z-index:20;transition:width .3s ease-in-out,transform .3s ease-in-out;overflow-x:hidden;overflow-y:auto;position:fixed;transform:translateX(-100%)}body.dark .sidebar{background-color:rgb(30,31,32);border-right-color:rgba(75,85,99,.4)}.sidebar.is-open{transform:translateX(0)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-shrink:0}.sidebar__logo{display:flex;align-items:center;gap:8px}.sidebar__logo svg{width:32px;height:32px;color:#3b82f6;flex-shrink:0}.sidebar__logo h1{font-size:20px;font-weight:700;color:#1f2937;white-space:nowrap;margin:0}body.dark .sidebar__logo h1{color:#e3e3e3}.sidebar__icon-btn{padding:6px;border-radius:9999px;color:#4b5563;background-color:#ffffff;border:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.05)}body.dark .sidebar__icon-btn{color:#aaaaaa;background-color:rgb(30,31,32);border:1px solid rgba(75,85,99,.4);box-shadow:0 1px 2px rgba(0,0,0,.2)}.sidebar__icon-btn:hover{background-color:#f3f4f6;color:#1f2937}body.dark .sidebar__icon-btn:hover{background-color:#37393b;color:#e3e3e3}.sidebar__icon-btn svg{width:24px;height:24px;display:block;transition:transform .3s}.sidebar__icon-btn--collapse{display:none}.sidebar__icon-btn--close{display:block}.sidebar__create-btn{width:100%;background-color:rgba(59,130,246,.8);color:#FFFFFF;font-weight:600;padding:10px 16px;border-radius:9999px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease-in-out;white-space:nowrap;flex-shrink:0;margin-bottom:24px}body.dark .sidebar__create-btn{box-shadow:0 1px 3px rgba(0,0,0,.3)}.sidebar__create-btn:hover{opacity:.9}.sidebar__create-btn svg{width:20px;height:20px;flex-shrink:0}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}body.dark .sidebar__nav{scrollbar-color:#555 transparent}.sidebar__nav-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:16px 8px 4px;white-space:nowrap}body.dark .sidebar__nav-title{color:#aaaaaa}.sidebar__nav-title:not(:first-child){margin-top:8px}.sidebar__nav-divider{border:none;border-top:1px solid #e5e7eb;margin:8px 0}body.dark .sidebar__nav-divider{border-top-color:rgba(75,85,99,.4)}.sidebar__nav-link{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;color:#4b5563;white-space:nowrap;width:100%}body.dark .sidebar__nav-link{color:#aaaaaa}.sidebar__nav-link:hover{background-color:#f3f4f6}body.dark .sidebar__nav-link:hover{background-color:#37393b}.sidebar__nav-link.is-active{color:#1a1a1a;background:#e8ebed;font-weight:500}body.dark .sidebar__nav-link.is-active{color:#e3e3e3;background-color:#1f3760}.sidebar__nav-link.nav-link--media{margin:4px 0 12px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border:1px solid rgba(139,92,246,.3);color:#7c3aed;font-weight:700;box-shadow:0 4px 12px rgba(124,58,237,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark .sidebar__nav-link.nav-link--media{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(168,85,247,.2));border-color:rgba(167,139,250,.3);color:#ddd6fe;box-shadow:0 4px 15px rgba(0,0,0,.3)}.sidebar__nav-link.nav-link--media:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.15));border-color:rgba(139,92,246,.6);box-shadow:0 6px 20px rgba(124,58,237,.15)}body.dark .sidebar__nav-link.nav-link--media:hover{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(168,85,247,.25));box-shadow:0 6px 25px rgba(0,0,0,.4)}.sidebar__nav-link.nav-link--media:hover svg{transform:scale(1.1) rotate(-5deg);color:#6d28d9}body.dark .sidebar__nav-link.nav-link--media:hover svg{color:#fff}.sidebar__nav-link.nav-link--media:after{content:"";position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:rgba(255,255,255,.3);transform:rotate(30deg);transition:all .5s;opacity:0}.sidebar__nav-link.nav-link--media:hover:after{left:120%;opacity:1}.sidebar__nav-link.nav-link--media svg{transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(124,58,237,.2))}.sidebar__nav-link svg{flex-shrink:0;margin-right:4px}.sidebar__footer{margin-top:auto;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:4px;flex-shrink:0}body.dark .sidebar__footer{border-top-color:rgba(75,85,99,.4)}.sidebar__text{white-space:nowrap}.sidebar__skeleton-item{height:35px;width:100%;border-radius:8px;background-color:#f3f4f6;animation:sidebar-skeleton-pulse 1.5s ease-in-out infinite;margin-bottom:4px}body.dark .sidebar__skeleton-item{background-color:rgba(224,224,224,.1568627451)}.sidebar__skeleton-text{height:12px;border-radius:4px;background-color:#e5e7eb;animation:sidebar-skeleton-pulse 1.5s ease-in-out infinite;display:inline-block}body.dark .sidebar__skeleton-text{background-color:rgba(224,224,224,.1568627451)}@media (min-width:992px){.sidebar{position:relative;transform:translateX(0)}.sidebar__icon-btn--close{display:none}.sidebar__icon-btn--collapse{display:block}}@media (min-width:992px) and (max-width:1699.98px){.sidebar{width:80px}.sidebar__header{flex-direction:column;gap:16px;justify-content:center;margin-bottom:16px}.sidebar__logo h1,.sidebar__nav-divider,.sidebar__nav-title,.sidebar__skeleton-text,.sidebar__text{display:none}.sidebar__footer .sidebar__nav-link,.sidebar__logo,.sidebar__nav-link{justify-content:center;padding-left:0;padding-right:0}.sidebar__create-btn{width:48px;height:48px;padding:0;border-radius:50%;margin:0 auto 24px;overflow:hidden}.sidebar__create-btn span{display:none}.sidebar__icon-btn--collapse{display:flex;margin:0 auto}.sidebar__icon-btn--collapse #collapse-sidebar-icon{transform:rotate(180deg)}.sidebar__skeleton-item{width:40px;height:40px;margin:0 auto 8px}.sidebar__icon-btn--collapse{display:none!important}}@media (min-width:1700px){body.sidebar-collapsed .sidebar{width:80px}body.sidebar-collapsed .sidebar__header{flex-direction:column;gap:16px;justify-content:center;margin-bottom:16px}body.sidebar-collapsed .sidebar__logo h1,body.sidebar-collapsed .sidebar__nav-divider,body.sidebar-collapsed .sidebar__nav-title,body.sidebar-collapsed .sidebar__skeleton-text,body.sidebar-collapsed .sidebar__text{display:none}body.sidebar-collapsed .sidebar__footer body.sidebar-collapsed .sidebar__nav-link,body.sidebar-collapsed .sidebar__logo,body.sidebar-collapsed .sidebar__nav-link{justify-content:center;padding-left:0;padding-right:0}body.sidebar-collapsed .sidebar__create-btn{width:48px;height:48px;padding:0;border-radius:50%;margin:0 auto 24px;overflow:hidden}body.sidebar-collapsed .sidebar__create-btn span{display:none}body.sidebar-collapsed .sidebar__icon-btn--collapse{display:flex;margin:0 auto}body.sidebar-collapsed .sidebar__icon-btn--collapse #collapse-sidebar-icon{transform:rotate(180deg)}body.sidebar-collapsed .sidebar__skeleton-item{width:40px;height:40px;margin:0 auto 8px}}.header__avatar-btn,.header__dropdown-btn,.header__signin-btn,.header__toggle-btn{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}@keyframes header-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.header-main{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb;flex-shrink:0;background-color:#ffffff;height:72px}body.dark .header-main{background-color:rgb(30,31,32);border-bottom-color:rgba(75,85,99,.4)}.header__left{display:flex;align-items:center;gap:8px;min-width:0}.header__toggle-btn{display:block;padding:4px;border-radius:9999px;color:#4b5563}body.dark .header__toggle-btn{color:#aaaaaa}.header__toggle-btn:hover{background-color:#f3f4f6;color:#1f2937}body.dark .header__toggle-btn:hover{background-color:#37393b;color:#e3e3e3}.header__toggle-btn svg{width:24px;height:24px;display:block}@media (min-width:992px){.header__toggle-btn{display:none}}.header__title{font-size:18px;font-weight:600;margin:0;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}body.dark .header__title{color:#e3e3e3}.header__title .breadcrumb-wrapper{font-size:16px}.header__title .breadcrumb-link{transition:opacity .2s}.header__title .breadcrumb-link:hover{opacity:1!important;text-decoration:underline!important}.header__breadcrumb-skeleton{height:24px;width:220px;border-radius:6px;background-color:#e5e7eb;animation:header-skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}body.dark .header__breadcrumb-skeleton{background-color:rgba(224,224,224,.1568627451)}.header__right{gap:10px;flex-shrink:0}.header__right,.header__signin{display:flex;align-items:center}.header__signin{gap:20px}.header__signin-btn{display:block;font-weight:600;color:#1f2937;font-size:15px}body.dark .header__signin-btn{color:#e3e3e3}.header__profile{position:relative}.header__avatar-btn{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid transparent;transition:border-color .2s ease;display:block;font-size:0}.header__avatar-btn:hover{border-color:#3b82f6}.header__avatar-btn img{width:100%;height:100%;object-fit:cover}.header__dropdown{position:absolute;top:calc(100% + 15px);right:0;width:280px;background-color:#ffffff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:12px 0;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transform-origin:top right;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s}body.dark .header__dropdown{background-color:rgb(30,31,32);border:1px solid rgba(75,85,99,.4);box-shadow:0 10px 30px rgba(0,0,0,.25)}.header__dropdown.is-active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.header__dropdown:before{content:"";position:absolute;top:-6px;right:14px;width:10px;height:10px;background-color:#ffffff;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;transform:rotate(45deg)}body.dark .header__dropdown:before{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.header__dropdown-header{padding:8px 20px}.header__dropdown-header h3{font-size:16px;font-weight:600;margin:0;color:#1f2937}body.dark .header__dropdown-header h3{color:#e3e3e3}.header__dropdown-header p{font-size:14px;color:#4b5563;margin:4px 0 0;word-break:break-all}body.dark .header__dropdown-header p{color:#aaaaaa}.header__dropdown-separator{height:1px;background-color:#e5e7eb;margin:12px 0}body.dark .header__dropdown-separator{background-color:rgba(75,85,99,.4)}.header__dropdown-list{list-style:none;padding:0;margin:0}.header__dropdown-btn{display:flex;align-items:center;gap:12px;padding:10px 20px;transition:background-color .2s ease;width:100%}.header__dropdown-btn:hover{background-color:#f9fafb}body.dark .header__dropdown-btn:hover{background-color:#282a2c}.header__dropdown-btn .fa-icon{font-size:16px;width:20px;text-align:center;color:#4b5563}body.dark .header__dropdown-btn .fa-icon{color:#e3e3e3}.header__dropdown-btn span{color:#1f2937;font-weight:500;font-size:15px}body.dark .header__dropdown-btn span{color:#e3e3e3}.header__skeleton-avatar{width:40px;height:40px;border-radius:50%;background-color:#f3f4f6;animation:header-skeleton-pulse 1.5s ease-in-out infinite}body.dark .header__skeleton-avatar{background-color:rgba(224,224,224,.1568627451)}@keyframes pan-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dashboard-container{padding:24px;display:flex;flex-direction:column;gap:28px;max-width:1200px;margin:0 auto}.dashboard-container h3{font-size:20px;font-weight:600;color:#1f2937;margin:0}body.dark .dashboard-container h3{color:#e3e3e3}.dashboard-welcome-header h2{font-size:32px;font-weight:700;margin:0 0 8px}.dashboard-welcome-header p{font-size:18px;color:#4b5563;margin:0}body.dark .dashboard-welcome-header p{color:#aaaaaa}.dashboard-welcome-header .gradient-text{background:linear-gradient(90deg,#3b82f6,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-quota-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}body.dark .dashboard-quota-section{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.dashboard-quota-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:20px;flex-grow:1}@media (max-width:768px){.dashboard-quota-grid{grid-template-columns:1fr;width:100%}}.quota-card{background-color:#ffffff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}body.dark .quota-card{background-color:#282a2c;border-color:rgba(75,85,99,.4)}.quota-card .quota-card-header{display:flex;align-items:center;gap:10px}.quota-card .quota-card-header .quota-card-icon{font-size:14px;color:#6b7280}body.dark .quota-card .quota-card-header .quota-card-icon{color:#aaaaaa}.quota-card .quota-card-header .quota-card-title{font-size:14px;font-weight:500;color:#1f2937}body.dark .quota-card .quota-card-header .quota-card-title{color:#e3e3e3}.quota-card .quota-card-body{display:flex;align-items:baseline;gap:4px}.quota-card .quota-card-body .quota-balance{font-size:24px;font-weight:700;color:#1f2937}body.dark .quota-card .quota-card-body .quota-balance{color:#e3e3e3}.quota-card .quota-card-body .quota-total{font-size:14px;font-weight:500;color:#6b7280}body.dark .quota-card .quota-card-body .quota-total{color:#aaaaaa}.quota-card .quota-progress-bar{width:100%;height:6px;background-color:#f3f4f6;border-radius:3px;overflow:hidden}body.dark .quota-card .quota-progress-bar{background-color:#1b1b1b}.quota-card .quota-progress-bar .quota-progress-inner{height:100%;background-color:#3b82f6;border-radius:3px;transition:width .3s ease}.upgrade-button-wrapper{position:relative;padding:1px;border-radius:8px;background:linear-gradient(90deg,#3b82f6,#34d399,#3b82f6);background-size:200% auto;animation:pan-gradient 3s linear infinite;transition:box-shadow .3s ease;flex-shrink:0;cursor:pointer}.upgrade-button-wrapper:hover{box-shadow:0 0 15px rgba(59,130,246,.5)}@media (max-width:768px){.upgrade-button-wrapper{width:100%}}.upgrade-button-inner{border:none;background-color:#f9fafb;color:#1f2937;padding:11px 19px;font-size:14px;font-weight:500;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s;width:100%}.upgrade-button-inner:hover{background-color:#f3f4f6}body.dark .upgrade-button-inner{background-color:rgb(30,31,32);color:#e3e3e3}body.dark .upgrade-button-inner:hover{background-color:#282a2c}.dashboard-stats-section .stats-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px}.dashboard-filters{display:flex;gap:12px;flex-wrap:wrap}.dashboard-filters select{padding:10px 14px;font-size:14px;border:1px solid #e5e7eb;background-color:#ffffff;color:#1f2937;border-radius:8px;min-width:140px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.dashboard-filters select:hover{border-color:#6b7280}.dashboard-filters select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.4)}.dashboard-filters select:disabled{opacity:.5;cursor:not-allowed;background-color:#e5e7eb}body.dark .dashboard-filters select{border:1px solid rgba(75,85,99,.4);background-color:rgb(30,31,32);color:#e3e3e3}body.dark .dashboard-filters select:hover{border-color:#aaaaaa}body.dark .dashboard-filters select:disabled{background-color:rgba(75,85,99,.4)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;transition:opacity .2s ease-in-out}.stat-card{background-color:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 4px rgba(0,0,0,.02)}.stat-card h4{margin:0;font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.stat-card .stat-card-icon{font-size:13px;opacity:.8;display:inline-block;width:16px;text-align:center}.stat-card p{margin:0;font-size:36px;font-weight:700;color:#1f2937;line-height:1.2}body.dark .stat-card{background-color:rgb(30,31,32);border:1px solid rgba(75,85,99,.4)}body.dark .stat-card h4{color:#aaaaaa}body.dark .stat-card p{color:#e3e3e3}.dashboard-activity-section h3{margin-bottom:16px}.dashboard-activity-table{background-color:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:opacity .2s ease-in-out}body.dark .dashboard-activity-table{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.dashboard-activity-table .col-exam{flex:3 1 300px;min-width:250px}.dashboard-activity-table .col-last-played{flex:1 1 110px;min-width:100px}.dashboard-activity-table .col-practice,.dashboard-activity-table .col-smart,.dashboard-activity-table .col-test{flex:0 0 70px;text-align:center}@media (max-width:640px){.dashboard-activity-table .col-practice,.dashboard-activity-table .col-smart,.dashboard-activity-table .col-test{flex-basis:50px}}.dashboard-activity-table .col-action{flex:0 0 60px;text-align:right}.dashboard-activity-table .activity-table-header{display:flex;padding:12px 24px;font-size:13px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}body.dark .dashboard-activity-table .activity-table-header{color:#aaaaaa;border-bottom-color:rgba(75,85,99,.4)}@media (max-width:640px){.dashboard-activity-table .activity-table-header .col-last-played,.dashboard-activity-table .activity-table-header .col-practice,.dashboard-activity-table .activity-table-header .col-smart,.dashboard-activity-table .activity-table-header .col-test{display:none}}.dashboard-activity-table .activity-table-body .no-activity-msg{padding:40px 24px;text-align:center;color:#6b7280;font-size:15px}body.dark .dashboard-activity-table .activity-table-body .no-activity-msg{color:#aaaaaa}.dashboard-activity-table .activity-table-body .activity-row{display:flex;align-items:center;padding:16px 24px;font-size:15px;color:#1f2937;border-bottom:1px solid #e5e7eb}.dashboard-activity-table .activity-table-body .activity-row:last-child{border-bottom:none}body.dark .dashboard-activity-table .activity-table-body .activity-row{color:#e3e3e3;border-bottom-color:rgba(75,85,99,.4)}@media (max-width:640px){.dashboard-activity-table .activity-table-body .activity-row{flex-wrap:wrap}}.dashboard-activity-table .activity-table-body .activity-row.row-deleted{background-color:rgba(249,250,251,.5)}body.dark .dashboard-activity-table .activity-table-body .activity-row.row-deleted{background-color:rgba(40,42,44,.3)}.dashboard-activity-table .activity-table-body .activity-row.row-deleted .col-last-played,.dashboard-activity-table .activity-table-body .activity-row.row-deleted .col-practice,.dashboard-activity-table .activity-table-body .activity-row.row-deleted .col-smart,.dashboard-activity-table .activity-table-body .activity-row.row-deleted .col-test{opacity:.5}.dashboard-activity-table .activity-table-body .activity-row .col-exam{display:flex;align-items:center;gap:16px}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-image-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid #e5e7eb}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-image-thumb{border-color:rgba(75,85,99,.4)}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-image-thumb.grayscale{filter:grayscale(100%);opacity:.6}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-text.deleted{display:flex;align-items:center;gap:8px;cursor:not-allowed}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-text.deleted .name-content{font-weight:500;color:#6b7280;text-decoration:line-through}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-text.deleted .name-content{color:#aaaaaa}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .status-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;white-space:nowrap;line-height:1}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .status-badge.badge-deleted{background-color:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .status-badge.badge-private{background-color:rgba(107,114,128,.1);color:#4b5563;border:1px solid #e5e7eb}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .status-badge.badge-private{background-color:rgba(170,170,170,.2);color:#aaaaaa;border-color:rgba(75,85,99,.4)}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-link{font-weight:500;color:#1f2937;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-link:hover{color:#3b82f6;text-decoration:underline}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-link{color:#e3e3e3}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .author-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .author-info .author-avatar-thumb{border-radius:50%;object-fit:cover}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .author-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .author-info{color:#aaaaaa}.dashboard-activity-table .activity-table-body .activity-row .col-last-played{color:#6b7280;font-size:14px}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-last-played{color:#aaaaaa}@media (max-width:640px){.dashboard-activity-table .activity-table-body .activity-row .col-last-played{display:none}}.dashboard-activity-table .activity-table-body .activity-row .col-practice,.dashboard-activity-table .activity-table-body .activity-row .col-smart,.dashboard-activity-table .activity-table-body .activity-row .col-test{font-weight:500}@media (max-width:640px){.dashboard-activity-table .activity-table-body .activity-row .col-practice,.dashboard-activity-table .activity-table-body .activity-row .col-smart,.dashboard-activity-table .activity-table-body .activity-row .col-test{display:none}}.dashboard-activity-table .activity-table-body .activity-row .col-action{margin-left:auto;padding-left:16px}.dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;transition:all .2s}.dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn.disabled{background-color:#f3f4f6;color:#6b7280;border-color:transparent;cursor:not-allowed;opacity:.6}.dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn.disabled:hover{background-color:#f3f4f6;color:#6b7280;border-color:transparent}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn.disabled{background-color:#282a2c;color:#aaaaaa}.dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn:hover{color:#3b82f6;background-color:#dbeafe;border-color:#3b82f6}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn{color:#aaaaaa;background-color:#282a2c;border-color:rgba(75,85,99,.4)}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn:hover{color:#3b82f6;background-color:rgba(59,130,246,.15);border-color:#3b82f6}.skeleton-box{background-color:#e5e7eb;border-radius:6px}body.dark .skeleton-box{background-color:rgba(224,224,224,.1568627451)}.dashboard-welcome-header .skeleton-box{animation:pulsee 2s cubic-bezier(.4,0,.6,1) infinite}.welcome-title-sk{height:32px;width:40%;margin-bottom:12px}.welcome-subtitle-sk{height:18px;width:60%}.dashboard-quota-section.is-loading{animation:pulsee 2s cubic-bezier(.4,0,.6,1) infinite}.dashboard-quota-section.is-loading .quota-card-header-sk{display:flex;align-items:center;gap:10px}.dashboard-quota-section.is-loading .quota-card-header-sk .quota-icon-sk{width:16px;height:16px}.dashboard-quota-section.is-loading .quota-card-header-sk .quota-title-sk{width:120px;height:16px}.dashboard-quota-section.is-loading .quota-card-body-sk .quota-balance-sk{width:60px;height:24px}.dashboard-quota-section.is-loading .quota-progress-bar-sk .quota-progress-inner-sk{width:100%;height:6px}.dashboard-quota-section.is-loading .upgrade-button-wrapper-sk{width:120px;height:45px;flex-shrink:0;border-radius:8px}.dashboard-filters .filter-sk{animation:pulsee 2s cubic-bezier(.4,0,.6,1) infinite;height:40px;width:140px}.dashboard-activity-section .section-title-sk,.stats-section-header .section-title-sk{height:20px;width:30%;animation:pulsee 2s cubic-bezier(.4,0,.6,1) infinite}.dashboard-stats-grid.is-loading .stat-card{animation:pulsee 2s cubic-bezier(.4,0,.6,1) infinite}.dashboard-stats-grid.is-loading .stat-card .skeleton-box:first-child{height:20px;width:60%;margin-bottom:8px}.dashboard-stats-grid.is-loading .stat-card .skeleton-box:last-child{height:36px;width:40%}.activity-table-body.is-loading .activity-row.is-skeleton{animation:pulsee 2s cubic-bezier(.4,0,.6,1) infinite}.activity-row.is-skeleton{display:flex;align-items:center;gap:16px}.activity-row.is-skeleton .exam-image-thumb-sk{width:48px;height:48px;border-radius:6px;flex-shrink:0}.activity-row.is-skeleton .exam-info-sk{display:flex;flex-direction:column;gap:8px;flex-grow:1}.activity-row.is-skeleton .exam-name-sk{height:16px;width:70%}.activity-row.is-skeleton .author-info-sk{height:14px;width:40%}.activity-row.is-skeleton .text-sk-short{height:16px;width:50%;margin:0 auto}@media (max-width:640px){.activity-row.is-skeleton .text-sk-short{display:none}}.activity-row.is-skeleton .button-sk{width:32px;height:32px;border-radius:50%;margin-left:auto}.activity-row.is-skeleton .col-last-played .text-sk-short{margin:0}.dashboard-toast-error{position:fixed;top:24px;right:24px;z-index:9999;display:flex;align-items:flex-start;gap:12px;background-color:#fff;border-left:4px solid #ef4444;padding:16px;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);max-width:400px;width:90%;animation:slideInRight .3s ease-out forwards;overflow:hidden}body.dark .dashboard-toast-error{background-color:#1f2937;border-color:#f87171;box-shadow:0 4px 20px rgba(0,0,0,.4)}.dashboard-toast-error .toast-icon{color:#ef4444;font-size:20px;padding-top:2px}body.dark .dashboard-toast-error .toast-icon{color:#f87171}.dashboard-toast-error .toast-content{flex:1}.dashboard-toast-error .toast-content h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#1f2937}body.dark .dashboard-toast-error .toast-content h4{color:#f3f4f6}.dashboard-toast-error .toast-content p{margin:0;font-size:14px;color:#6b7280;line-height:1.4}body.dark .dashboard-toast-error .toast-content p{color:#9ca3af}.dashboard-toast-error .toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px;padding:0;transition:color .2s}.dashboard-toast-error .toast-close:hover{color:#1f2937}body.dark .dashboard-toast-error .toast-close:hover{color:#e5e7eb}.dashboard-toast-error .toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:#ef4444;width:100%;animation:toastProgress 5s linear forwards;opacity:.5}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastProgress{0%{width:100%}to{width:0}}.out-of-quota-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}.out-of-quota-modal-content{background-color:#ffffff;border-radius:16px;padding:30px;max-width:400px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;border:1px solid #e5e7eb}body.dark .out-of-quota-modal-content{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.out-of-quota-modal-content .close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;transition:color .2s}.out-of-quota-modal-content .close-button:hover{color:#4b5563}body.dark .out-of-quota-modal-content .close-button,body.dark .out-of-quota-modal-content .close-button:hover{color:#aaaaaa}.out-of-quota-modal-content .icon-wrapper{line-height:1;margin-bottom:5px}.out-of-quota-modal-content .premium-sparkle-icon{filter:drop-shadow(0 4px 12px rgba(59,130,246,.5));transition:transform .3s ease}.out-of-quota-modal-content .premium-sparkle-icon:hover{transform:scale(1.05) rotate(5deg)}.out-of-quota-modal-content .gem-icon{filter:drop-shadow(0 4px 10px rgba(59,130,246,.4))}.out-of-quota-modal-content .modal-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:5px}body.dark .out-of-quota-modal-content .modal-title{color:#e3e3e3}.out-of-quota-modal-content .modal-message{font-size:15px;color:#4b5563;line-height:1.6;margin-bottom:20px}body.dark .out-of-quota-modal-content .modal-message{color:#aaaaaa}.out-of-quota-modal-content .upgrade-button-link{text-decoration:none;width:100%;max-width:250px}.out-of-quota-modal-content .upgrade-button-wrapper-modal{position:relative;padding:1px;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s ease;width:100%;background:linear-gradient(135deg,#3b82f6,#34d399 50%,#3b82f6);background-size:200% 200%}.out-of-quota-modal-content .upgrade-button-wrapper-modal:hover{box-shadow:0 0 20px rgba(59,130,246,.7),0 0 40px rgba(52,211,153,.4);animation:pan-gradient 4s linear infinite}.out-of-quota-modal-content .upgrade-button-inner-modal{background-color:#ffffff;color:#1f2937;padding:12px 25px;border-radius:9px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s,color .3s}body.dark .out-of-quota-modal-content .upgrade-button-inner-modal{background-color:rgb(30,31,32);color:#e3e3e3}.out-of-quota-modal-content .upgrade-button-inner-modal:hover{background-color:transparent;color:#1f2937}body.dark .out-of-quota-modal-content .upgrade-button-inner-modal:hover{color:#e3e3e3}.mobile-view-container{--primary:#764ba2;--primary-light:#f3efff;--bg-gradient-1:#667eea;--bg-gradient-2:#764ba2;--text-main:#1f2937;--text-sub:#6b7280;--white:#ffffff;--card-bg:#f9fafb;--border:#e5e7eb;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background-image:linear-gradient(135deg,var(--bg-gradient-1) 0,var(--bg-gradient-2) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:relative;color:var(--text-main);box-sizing:border-box}.mobile-view-container *,.mobile-view-container :after,.mobile-view-container :before{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.m-game-header{flex:0 0 auto;z-index:50;padding:12px 16px;background:rgba(0,0,0,.15);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.m-game-header .header-stats-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.m-game-header .circle-timer{width:42px;height:42px;border-radius:50%;background:var(--white);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 10px rgba(0,0,0,.1)}.m-game-header .circle-timer.danger{color:var(--danger);border-color:rgba(239,68,68,.5);animation:pulse-danger 1s infinite}.m-game-header .score-badge{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:6px;max-width:70%}.m-game-header .score-badge span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.m-game-header .progress-container{width:100%;height:6px;background:rgba(0,0,0,.3);border-radius:99px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.m-game-header .progress-container .progress-fill{height:100%;background:var(--white);border-radius:99px;width:100%;transform-origin:left;transform:scaleX(1);will-change:transform}.m-game-content{flex:1;display:flex;flex-direction:column;background:var(--card-bg);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 30px rgba(0,0,0,.2);overflow-y:auto;position:relative;padding-bottom:20px}.m-game-content .content-padding{padding:24px 20px 100px;width:100%;max-width:600px;margin:0 auto}.question-type-badge{display:inline-block;background:#e0e7ff;color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:6px;margin-bottom:16px}.m-game-question-root{display:flex;flex-direction:column;gap:20px}.m-question-text{font-size:17px;line-height:1.5;font-weight:600;color:var(--text-main)}.m-question-text img{max-width:100%;height:auto;border-radius:12px;margin-top:12px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.m-answer-list{display:flex;flex-direction:column;gap:12px}.m-option-item{width:100%;text-align:left;margin:0;display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--white);border:2px solid var(--border);border-radius:16px;position:relative;transition:all .15s ease;cursor:pointer}.m-option-item .m-icon-box{font-size:24px;color:#d1d5db;flex-shrink:0;margin-top:-2px;transition:color .2s,transform .2s}.m-option-item .m-opt-content{flex:1;min-width:0;font-size:16px;font-weight:500;color:var(--text-main);line-height:1.4;display:flex;flex-direction:column;gap:8px;word-break:break-word}.m-option-item .m-opt-content p{margin:0}.m-option-item .m-opt-content img{max-width:100%;border-radius:6px;margin-top:8px}.m-option-item:active:not(.disabled){transform:scale(.98);background-color:#f9fafb}.m-option-item.selected{border-color:var(--primary);background-color:var(--primary-light)}.m-option-item.selected .m-icon-box{color:var(--primary);transform:scale(1.1)}.m-option-item.selected .m-opt-content{color:var(--primary);font-weight:600}.m-option-item.disabled{opacity:.6;pointer-events:none;filter:grayscale(100%)}.m-blank-list{gap:16px}.m-blank-item,.m-blank-list{display:flex;flex-direction:column}.m-blank-item{background:var(--white);border:2px solid var(--border);border-radius:16px;padding:16px;gap:10px;transition:all .2s}.m-blank-item:focus-within{border-color:var(--primary);box-shadow:0 4px 12px rgba(118,75,162,.15)}.m-blank-item .m-blank-header{display:flex;align-items:center}.m-blank-item .m-blank-badge{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--white);background-color:var(--text-sub);padding:4px 10px;border-radius:20px}.m-blank-item .m-blank-input{width:100%;font-size:18px;font-weight:500;color:var(--text-main);padding:12px 0;background:transparent;border:none;border-bottom:2px dashed #d1d5db;border-radius:0;outline:none;transition:border-color .2s}.m-blank-item .m-blank-input::placeholder{color:#9ca3af;font-weight:400}.m-blank-item .m-blank-input:focus{border-bottom-style:solid;border-bottom-color:var(--primary)}.m-blank-item .m-blank-input:read-only{border-bottom-style:solid;border-bottom-color:var(--border);color:var(--text-sub)}.mm-container{display:flex;gap:10px;width:100%}.mm-col{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.mm-card{background:var(--white);border:2px solid var(--border);border-radius:12px;padding:10px 8px 10px 12px;min-height:70px;display:flex;align-items:center;position:relative;cursor:pointer;transition:all .15s;user-select:none}.mm-card .mm-pair-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#2563eb;color:var(--white);font-size:12px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--white);box-shadow:0 2px 4px rgba(0,0,0,.15);z-index:10}.mm-card .mm-content{font-size:13px;font-weight:500;color:var(--text-main);line-height:1.3;word-break:break-word;flex:1;padding-right:4px}.mm-card .mm-content img{max-width:100%;border-radius:4px;display:block;margin-top:4px}.mm-card.left.active{border-color:var(--primary);background-color:var(--primary-light);transform:scale(1.02);z-index:5;box-shadow:0 4px 12px rgba(118,75,162,.2)}.mm-card.left.active .mm-content{color:var(--primary);font-weight:700}.mm-card.left.matched{border-color:#3b82f6;background-color:#eff6ff}.mm-card.left.matched .mm-content{color:#1e40af;opacity:1}.mm-card.right{justify-content:center;text-align:center;border-style:dashed;border-color:#cbd5e1}.mm-card.right.used{border-style:solid;border-color:#3b82f6;background-color:#eff6ff;opacity:1}.mm-card.right.used .mm-content{color:#1e40af}.mm-hint{text-align:center;font-size:12px;color:var(--text-sub);font-style:italic;background:rgba(0,0,0,.03);padding:8px;border-radius:8px;margin-top:10px;border:1px solid rgba(0,0,0,.05)}.m-reading-passage{border:1px solid var(--border);border-radius:12px;background:#f8fafc;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;max-height:280px}.m-reading-passage.expanded{max-height:80vh;box-shadow:0 10px 30px rgba(0,0,0,.15);border-color:var(--primary)}.m-reading-passage .m-reading-header{background:#e2e8f0;padding:12px;text-align:center;font-weight:700;font-size:13px;color:#475569;text-transform:uppercase;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:6px}.m-reading-passage .m-reading-header:after{content:"▼";font-size:10px;transition:transform .3s}.m-reading-passage.expanded .m-reading-header:after{transform:rotate(180deg)}.m-reading-passage .m-reading-content{padding:16px;overflow-y:auto;font-size:15px;line-height:1.6;color:var(--text-main)}.m-reading-questions{margin-top:10px}.m-sub-question-card{margin-top:24px;padding-top:20px;border-top:2px dashed var(--border)}.m-sub-question-card .m-sub-label{font-size:14px;font-weight:800;color:var(--primary);text-transform:uppercase;margin-bottom:12px;display:inline-block;background:var(--primary-light);padding:4px 8px;border-radius:6px}.m-multi-counter{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#f3f4f6;color:var(--text-sub);border:1px solid #e5e7eb;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:4px;transition:all .3s ease}.m-multi-counter b{color:var(--text-main);font-size:16px}.m-multi-counter.full{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.m-multi-counter.full b{color:var(--primary)}.m-game-footer{flex:0 0 auto;background:var(--white);border-top:1px solid var(--border);z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.m-game-footer .game-next-btn{width:100%;background:var(--white);color:var(--primary);border:2px solid var(--border);padding:14px;border-radius:16px;font-size:18px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 0 0 #cbd5e1;transition:all .1s;cursor:pointer}.m-game-footer .game-next-btn:active:not(:disabled){transform:translateY(4px);box-shadow:none;background:#f9fafb}.m-game-footer .game-next-btn:not(:disabled){background:var(--primary);color:var(--white);border-color:#5e3a8a;box-shadow:0 4px 0 0 #4a2c6d}.m-game-footer .game-next-btn:disabled{opacity:.5;background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;box-shadow:none;cursor:not-allowed;transform:none}.game-banner-locked,.game-banner-processing,.game-banner-success,.game-banner-urgent{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;margin-bottom:20px;border-radius:12px;font-size:14px;font-weight:600;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.05);animation:fadeIn .3s ease-out}.game-banner-processing{background:#fff7ed;border:1px solid #fdba74;color:#c2410c}.game-banner-locked{background:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.game-banner-success{background:#ecfdf5;border:1px solid #34d399;color:#047857}.game-banner-urgent{background:#fef2f2;border:1px solid #f87171;color:#b91c1c}.mobile-overlay{position:fixed;inset:0;z-index:9999;background:rgba(102,126,234,.98);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);text-align:center;padding:20px}.mobile-overlay h1.ready-count{font-size:100px;font-weight:900;margin:0;line-height:1;animation:pulse-mobile 1s infinite}.mobile-overlay h1.pop{animation:pop-mobile .5s ease-out forwards}.mobile-overlay p{font-size:18px;opacity:.9;margin-top:16px}.mobile-overlay .spinner{font-size:40px;margin-bottom:16px;opacity:.8}.m-overlay-fullscreen{position:fixed;inset:0;z-index:9999;background:rgba(102,126,234,.98);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff;text-align:center;padding:30px}.m-overlay-fullscreen.section-break{background:rgba(118,75,162,.96)}.m-overlay-fullscreen .m-spinner-large{font-size:48px;margin-bottom:24px;opacity:.9}.m-overlay-fullscreen .m-ready-title{font-size:32px;font-weight:800;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.1)}.m-overlay-fullscreen .m-ready-subtitle{font-size:18px;font-weight:400;opacity:.9;margin:0;line-height:1.5}.m-overlay-fullscreen .m-ready-countdown{font-size:120px;font-weight:900;margin-top:20px;animation:pulse-mobile 1s infinite}.m-overlay-fullscreen .m-ready-countdown.go{color:#facc15;animation:pop-mobile .5s forwards}.m-overlay-submitting{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.m-overlay-submitting .m-submitting-box{background:#ffffff;color:var(--primary);padding:24px 32px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);min-width:240px;border:3px solid #e5e7eb}.m-overlay-submitting .m-submitting-box span{font-weight:700;font-size:16px;text-align:center}.m-modal-backdrop{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);display:flex;align-items:flex-end;animation:fadeIn .2s}.m-modal-sheet{width:100%;max-height:80vh;background:#ffffff;border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,.2);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.m-modal-sheet .m-modal-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.m-modal-sheet .m-modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-main)}.m-modal-sheet .m-modal-header button{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:16px;cursor:pointer}.m-modal-sheet .m-modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.m-modal-sheet .m-section-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;color:var(--text-main)}.m-modal-sheet .m-section-item.active{background:var(--primary-light);border-color:var(--primary)}.m-modal-sheet .m-section-item.active .sec-idx{color:var(--primary);font-weight:700}.m-modal-sheet .m-section-item .sec-info{display:flex;flex-direction:column;gap:4px}.m-modal-sheet .m-section-item .sec-info .sec-idx{font-size:12px;text-transform:uppercase;color:#6b7280;font-weight:600}.m-modal-sheet .m-section-item .sec-info .sec-name{font-size:15px;font-weight:600}.m-modal-sheet .m-section-item .sec-count{font-size:13px;color:#6b7280;font-weight:500;background:#e5e7eb;padding:4px 8px;border-radius:6px}.m-game-header .header-stats-row .score-badge{flex:1;margin:0 12px;justify-content:center;overflow:hidden}.m-game-header .header-stats-row .score-badge .truncate-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.m-game-header .header-stats-row .score-badge .sep{margin:0 4px;opacity:.6}.m-game-header .header-stats-row .info-btn{width:36px;height:36px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.m-game-header .header-stats-row .info-btn:active{background:rgba(255,255,255,.3)}@keyframes pulse-danger{0%{transform:scale(1)}50%{transform:scale(1.05);background:#fee2e2}to{transform:scale(1)}}@keyframes pulse-mobile{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes pop-mobile{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.matching-items-form{width:100%}.matching-items-form .matching-form-header{margin-bottom:20px}.matching-items-form .matching-form-header .title-question{display:block;font-weight:700;font-size:16px;margin-bottom:8px;color:#1f2937}body.dark .matching-items-form .matching-form-header .title-question{color:#e3e3e3}.matching-items-form .matching-form-header .error-text{color:#ef4444;font-size:12px;margin-top:4px}.matching-items-form .matching-form-body{display:flex;gap:30px;align-items:flex-start}.matching-items-form .matching-form-body .matching-left{flex:3;width:100%;display:flex;flex-direction:column;gap:20px}.matching-items-form .matching-form-body .matching-left .matching-split-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:992px){.matching-items-form .matching-form-body .matching-left .matching-split-container{grid-template-columns:1fr}}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col{display:flex;flex-direction:column;gap:12px;min-width:0}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .col-head{border-bottom:2px solid #e2e8f0;padding-bottom:10px;margin-bottom:5px}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .col-head .col-title{font-weight:700;text-transform:uppercase;font-size:14px;color:#64748b;display:block}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .empty-placeholder{font-size:13px;color:#6b7280;font-style:italic;text-align:center;padding:20px;border:1px dashed #d1d5db;border-radius:8px;background:#f9fafb}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .empty-placeholder{color:#aaaaaa;background:#282a2c;border-color:rgba(75,85,99,.4)}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .items-list{display:flex;flex-direction:column;gap:12px}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;transition:all .2s ease}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-top,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-top .row-label,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-top .row-label{font-weight:700;font-size:13px;color:#334155}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-top .row-remove,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-top .row-remove{cursor:pointer;color:#94a3b8;font-size:20px;line-height:1;transition:color .2s}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-top .row-remove:hover,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-top .row-remove:hover{color:#ef4444}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .matching-items-form__editor-wrap .error-text,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-editor .error-text,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .matching-items-form__editor-wrap .error-text,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-editor .error-text{color:#ef4444;font-size:12px;margin-top:4px}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .linked-tags,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .linked-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .linked-tags .linked-tag,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .linked-tags .linked-tag{display:inline-block;font-size:10px;font-weight:600;padding:3px 8px;border-radius:12px;background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .linked-tags .linked-tag.unused,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .linked-tags .linked-tag.unused{background-color:#f1f5f9;color:#94a3b8;border-color:#e2e8f0;font-style:italic;font-weight:500}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:10px;border-top:1px dashed #cbd5e1}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area .conn-label,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area .conn-label{font-size:12px;font-weight:600;color:#059669;white-space:nowrap}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area .conn-select,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area .conn-select{flex:1;padding:8px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;background-color:#ffffff;outline:none;cursor:pointer;transition:border-color .2s}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area .conn-select:focus,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area .conn-select:focus{border-color:#059669;box-shadow:0 0 0 2px rgba(5,150,105,.1)}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area .conn-select.error,.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area .conn-select.error{border-color:#ef4444;background-color:#fef2f2}.matching-items-form .matching-form-body .matching-left .btn-add-answer{background:transparent;border:1px dashed #94a3b8;color:#64748b;padding:12px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:.2s;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.matching-items-form .matching-form-body .matching-left .btn-add-answer:hover{background-color:#f1f5f9;color:#334155;border-color:#64748b}.matching-items-form .matching-form-body .matching-left .explanation-section{margin-top:10px;padding-top:20px;border-top:1px dashed #d1d5db}body.dark .matching-items-form .matching-form-body .matching-left .explanation-section{border-top-color:rgba(75,85,99,.4)}.matching-items-form .matching-form-body .matching-left .explanation-section .title-question{font-size:15px;font-weight:600;color:#4b5563;display:flex;align-items:center}body.dark .matching-items-form .matching-form-body .matching-left .explanation-section .title-question{color:#aaaaaa}.matching-items-form .matching-form-body .matching-right{flex:1;min-width:280px}body.dark .matching-items-form{color:#e3e3e3}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .col-head{border-bottom-color:rgba(75,85,99,.4)}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .col-head .col-title{color:#aaaaaa}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row:hover,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item:hover{background-color:#37393b}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-top .row-label,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-top .row-label{color:#e3e3e3}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-top .row-remove,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-top .row-remove{color:#aaaaaa}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-top .row-remove:hover,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-top .row-remove:hover{color:#ef4444}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .linked-tags .linked-tag,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .linked-tags .linked-tag{background-color:#1e3a8a;color:#93c5fd;border-color:#1e40af}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .linked-tags .linked-tag.unused,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .linked-tags .linked-tag.unused{background-color:#1b1b1b;color:#aaaaaa;border-color:rgba(75,85,99,.4)}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area{border-top-color:rgba(75,85,99,.4)}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area .conn-label,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area .conn-label{color:#aaaaaa}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area .conn-select,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area .conn-select{background-color:#1b1b1b;color:#e3e3e3;border:1px solid rgba(75,85,99,.4);color-scheme:dark}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area .conn-select:hover,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area .conn-select:hover{border-color:#aaaaaa}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area .conn-select:focus,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area .conn-select:focus{border-color:rgba(74,222,128,.8901960784);background-color:#1b1b1b}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area .conn-select option,body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area .conn-select option{background-color:rgb(30,31,32);color:#e3e3e3}body.dark .matching-items-form .matching-form-body .matching-left .btn-add-answer{border-color:rgba(75,85,99,.4);color:#aaaaaa;background-color:transparent}body.dark .matching-items-form .matching-form-body .matching-left .btn-add-answer:hover{background-color:#37393b;color:#e3e3e3;border-color:#aaaaaa}:root{--btn-bg:#3b82f6;--btn-text:#ffffff;--btn-bg-hover:#2563eb;--btn-show-bg:#fbbf24;--btn-show-text:#78350f;--btn-sub-bg:#dcfce7;--btn-sub-text:#166534}body.dark{--btn-bg:#60a5fa;--btn-text:#1e3a8a;--btn-show-bg:#d97706;--btn-show-text:#fef3c7;--btn-sub-bg:#166534;--btn-sub-text:#86efac}.quiz-desktop-solution-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;border:1px solid #3b82f6;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;min-width:130px;height:34px;transition:all .2s ease;background-color:#e0edff;color:#1144e8}body.dark .quiz-desktop-solution-btn{background-color:rgba(37,99,235,.2);color:rgba(191,219,254,.6784313725);border-color:rgba(59,131,246,.6980392157)}.quiz-desktop-solution-btn.showing-answer{background-color:#fff3cd;border-color:#facc15;color:#92400e}body.dark .quiz-desktop-solution-btn.showing-answer{background-color:rgba(245,158,11,.2);border-color:rgba(251,190,36,.7725490196);color:rgba(254,243,199,.8352941176)}.quiz-desktop-solution-btn.submitted{cursor:not-allowed;opacity:1;background-color:#dcfce7;border-color:#86efac;color:#166534}body.dark .quiz-desktop-solution-btn.submitted{background-color:rgba(20,83,45,.7254901961);border-color:rgba(34,197,94,.6784313725);color:rgba(134,239,173,.7529411765)}.quiz-desktop-solution-btn .btn-icon{width:16px;height:16px;opacity:.5;flex-shrink:0}.quiz-desktop-solution-btn .btn-icon.active{opacity:1}.empty-state-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;width:100%;text-align:center;background-color:transparent;border-radius:12px}.empty-state-wrapper .empty-icon-box{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:24px;background-color:#f3f4f6;color:#4b5563}.empty-state-wrapper .empty-icon-box svg{opacity:.8}.empty-state-wrapper .empty-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#1f2937}.empty-state-wrapper .empty-desc{font-size:15px;line-height:1.5;max-width:400px;margin-bottom:24px;color:#4b5563}.empty-state-wrapper .empty-desc strong{color:#1f2937;font-weight:500}.empty-state-wrapper .btn-clear-search{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb;background-color:#ffffff;color:#4b5563}.empty-state-wrapper .btn-clear-search:hover{background-color:#f3f4f6;color:#3b82f6;border-color:#3b82f6}body.dark .empty-state-wrapper .empty-icon-box{background-color:#282a2c;color:#aaaaaa}body.dark .empty-state-wrapper .empty-title{color:#e3e3e3}body.dark .empty-state-wrapper .empty-desc{color:#aaaaaa}body.dark .empty-state-wrapper .empty-desc strong{color:#e3e3e3}body.dark .empty-state-wrapper .btn-clear-search{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);color:#e3e3e3}body.dark .empty-state-wrapper .btn-clear-search:hover{background-color:#37393b;border-color:#aaaaaa}.auth-error-container{display:flex;align-items:center;justify-content:center;width:100%;min-height:50vh;padding:32px}.auth-error-container .error-content{max-width:420px;width:100%;text-align:center;animation:fadeScaleIn .3s ease-out}.auth-error-container .error-icon-box{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;margin-bottom:24px;background-color:#fee2e2;color:#ef4444}.auth-error-container .error-icon-box svg{opacity:.9}.auth-error-container .error-title{font-size:20px;font-weight:700;margin-bottom:12px;color:#1f2937}.auth-error-container .error-message{font-size:15px;line-height:1.6;color:#4b5563}body.dark .auth-error-container .error-icon-box{background-color:rgba(239,68,68,.15);color:#ef4444}body.dark .auth-error-container .error-title{color:#e3e3e3}body.dark .auth-error-container .error-message{color:#aaaaaa}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sidebar-auth-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeInOverlay .2s ease-out}.sidebar-auth-modal-content{position:relative;width:90%;max-width:480px;padding:8px;border-radius:16px;background-color:#ffffff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);animation:zoomInModal .3s cubic-bezier(.16,1,.3,1)}.sidebar-auth-modal-content .btn-close-modal{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#4b5563;transition:all .2s ease;z-index:10}.sidebar-auth-modal-content .btn-close-modal:hover{background-color:#f3f4f6;color:#1f2937;transform:rotate(90deg)}body.dark .sidebar-auth-modal-content{background-color:rgb(30,31,32);border:1px solid rgba(75,85,99,.4);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}body.dark .sidebar-auth-modal-content .btn-close-modal{color:#aaaaaa}body.dark .sidebar-auth-modal-content .btn-close-modal:hover{background-color:#37393b;color:#e3e3e3}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes zoomInModal{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.qt-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.qt-wrapper .qt-group-left{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid #e5e7eb}body.dark .qt-wrapper .qt-group-left{border-right-color:#5f6368}@media (max-width:768px){.qt-wrapper .qt-group-left{border-right:none;padding-right:0;margin-bottom:8px}}.qt-wrapper .qt-group-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qt-wrapper .qt-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13.5px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;background:none}.qt-wrapper .qt-btn i,.qt-wrapper .qt-btn svg{font-size:14px}.qt-wrapper .qt-btn:active{transform:scale(.97)}.qt-wrapper .qt-btn-secondary{background-color:#ffffff;border-color:#d1d5db;color:#374151;box-shadow:0 1px 2px rgba(0,0,0,.05)}.qt-wrapper .qt-btn-secondary:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#000}.qt-wrapper .qt-btn-secondary.qt-active{color:#ef4444;border-color:#fca5a5;background-color:#fef2f2}body.dark .qt-wrapper .qt-btn-secondary{background-color:#303134;color:#e8eaed;border-color:#5f6368;box-shadow:none}body.dark .qt-wrapper .qt-btn-secondary:hover{background-color:#3c4043;border-color:#80868b}body.dark .qt-wrapper .qt-btn-secondary.qt-active{background-color:rgba(242,139,130,.1);color:#f28b82;border-color:#f28b82}.qt-wrapper .qt-btn-outline{border:1px dashed #3b82f6;color:#3b82f6;background-color:transparent}.qt-wrapper .qt-btn-outline:hover{background-color:#eff6ff}body.dark .qt-wrapper .qt-btn-outline{border-color:#8ab4f8;color:#8ab4f8}body.dark .qt-wrapper .qt-btn-outline:hover{background-color:rgba(138,180,248,.08)}.qt-wrapper .qt-btn-primary{background-color:#3b82f6;color:white;box-shadow:0 2px 4px rgba(59,130,246,.2)}.qt-wrapper .qt-btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 6px rgba(59,130,246,.3);transform:translateY(-1px)}body.dark .qt-wrapper .qt-btn-primary{background-color:#8ab4f8;color:#202124;font-weight:600;box-shadow:none}body.dark .qt-wrapper .qt-btn-primary:hover{background-color:rgb(162.060483871,195.4233870968,249.439516129)}.qt-wrapper .qt-btn-ai{background:linear-gradient(135deg,#6366f1,#a855f7);color:white;border:none;box-shadow:0 2px 4px rgba(168,85,247,.25)}.qt-wrapper .qt-btn-ai:hover{background:linear-gradient(135deg,#4f46e5,#9333ea);box-shadow:0 4px 8px rgba(168,85,247,.4);transform:translateY(-1px)}.qt-wrapper .qt-btn-ai svg{animation:qt-pulse 2s infinite}body.dark .qt-wrapper .qt-btn-ai{box-shadow:0 2px 4px rgba(0,0,0,.4);color:#ffffff;background:linear-gradient(135deg,#818cf8,#c084fc)}@keyframes qt-pulse{0%{opacity:.8}50%{opacity:1;transform:scale(1.1)}to{opacity:.8}}.qt-btn-header-add{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:transparent;border:1px solid rgba(59,130,246,.4);color:#3b82f6}.qt-btn-header-add i,.qt-btn-header-add svg{font-size:14px;transition:transform .2s ease}.qt-btn-header-add:hover{background-color:rgba(59,130,246,.05);border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.qt-btn-header-add:hover i,.qt-btn-header-add:hover svg{transform:rotate(90deg)}.qt-btn-header-add:active{transform:scale(.96)}body.dark .qt-btn-header-add{color:#8ab4f8;border-color:rgba(138,180,248,.4)}body.dark .qt-btn-header-add:hover{background-color:rgba(138,180,248,.1);border-color:#8ab4f8}.mcr-panel{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s ease}body.dark .mcr-panel{background:rgb(30,31,32);border-color:rgba(75,85,99,.4);box-shadow:none}.mcr-panel .mcr-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}body.dark .mcr-panel .mcr-header{border-bottom-color:rgba(75,85,99,.4)}.mcr-panel .mcr-header h4{margin:0;font-size:15px;font-weight:700;color:#1f2937}body.dark .mcr-panel .mcr-header h4{color:#e3e3e3}.mcr-panel .mcr-header .mcr-icon-header{color:#3b82f6;font-size:16px}.mcr-panel .mcr-section-total{margin-bottom:20px}.mcr-panel .mcr-section-total label{display:block;font-size:13.5px;font-weight:600;color:#4b5563;margin-bottom:8px}body.dark .mcr-panel .mcr-section-total label{color:#aaaaaa}.mcr-panel .mcr-section-total .mcr-input-group{position:relative;display:flex;align-items:center}.mcr-panel .mcr-section-total .mcr-input-group input{width:100%;padding:10px 50px 10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;font-weight:700;color:#3b82f6;background-color:#ffffff;transition:border-color .2s,box-shadow .2s}.mcr-panel .mcr-section-total .mcr-input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}body.dark .mcr-panel .mcr-section-total .mcr-input-group input{background-color:#282a2c;border-color:rgba(75,85,99,.4);color:rgb(107.7609756098,161.0975609756,248.2390243902)}body.dark .mcr-panel .mcr-section-total .mcr-input-group input:focus{border-color:#3b82f6;box-shadow:none}.mcr-panel .mcr-section-total .mcr-input-group .mcr-suffix{position:absolute;right:12px;font-size:12px;font-weight:500;color:#6b7280;pointer-events:none}body.dark .mcr-panel .mcr-section-total .mcr-input-group .mcr-suffix{color:#aaaaaa}.mcr-panel .critical-switch{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:20px;padding:12px 16px;border-radius:6px;background-color:#f9fafb;border:1px solid transparent;border-left-width:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}body.dark .mcr-panel .critical-switch{background-color:rgba(255,255,255,.03)}.mcr-panel .critical-switch:hover{background-color:rgb(239.82,242.35,244.88)}body.dark .mcr-panel .critical-switch:hover{background-color:rgba(255,255,255,.06)}.mcr-panel .critical-switch.active{background-color:#fef2f2;border-left-color:#ef4444;box-shadow:0 4px 6px -1px rgba(239,68,68,.1),0 2px 4px -1px rgba(239,68,68,.06)}body.dark .mcr-panel .critical-switch.active{background-color:rgba(239,68,68,.15);box-shadow:none}.mcr-panel .critical-switch.active .switch-label .label-text{color:#ef4444}body.dark .mcr-panel .critical-switch.active .switch-label .label-text{color:rgb(243.0197044335,114.9802955665,114.9802955665)}.mcr-panel .critical-switch.active .switch-checkbox .slider{background-color:#ef4444}.mcr-panel .critical-switch.active .switch-checkbox input:checked+.slider:before{transform:translateX(18px);box-shadow:-2px 0 5px rgba(0,0,0,.2)}.mcr-panel .critical-switch .switch-checkbox{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.mcr-panel .critical-switch .switch-checkbox input{opacity:0;width:0;height:0}.mcr-panel .critical-switch .switch-checkbox .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.4s;border-radius:34px}body.dark .mcr-panel .critical-switch .switch-checkbox .slider{background-color:#4b5563}.mcr-panel .critical-switch .switch-checkbox .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%}.mcr-panel .critical-switch .switch-label{display:flex;flex-direction:column;gap:2px}.mcr-panel .critical-switch .switch-label .label-text{font-size:14px;font-weight:700;color:#1f2937;transition:color .2s}body.dark .mcr-panel .critical-switch .switch-label .label-text{color:#e3e3e3}.mcr-panel .critical-switch .switch-label .label-desc{font-size:12px;color:#6b7280}body.dark .mcr-panel .critical-switch .switch-label .label-desc{color:#aaaaaa}.mcr-panel .mcr-section-partial .mcr-section-title{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding:0 4px}body.dark .mcr-panel .mcr-section-partial .mcr-section-title{color:#aaaaaa}.mcr-panel .mcr-section-partial .mcr-table{width:100%;border-collapse:separate;border-spacing:0 8px}.mcr-panel .mcr-section-partial .mcr-table .mcr-row{font-size:13px}.mcr-panel .mcr-section-partial .mcr-table .mcr-row td{background-color:#f9fafb;padding:8px 12px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;color:#1f2937;vertical-align:middle}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row td{background-color:#282a2c;border-color:rgba(75,85,99,.4);color:#e3e3e3}.mcr-panel .mcr-section-partial .mcr-table .mcr-row td:first-child{border-left:1px solid #e5e7eb;border-top-left-radius:6px;border-bottom-left-radius:6px;font-weight:600;width:45%}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row td:first-child{border-left-color:rgba(75,85,99,.4)}.mcr-panel .mcr-section-partial .mcr-table .mcr-row td:last-child{border-right:1px solid #e5e7eb;border-top-right-radius:6px;border-bottom-right-radius:6px;width:25%;text-align:right}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row td:last-child{border-right-color:rgba(75,85,99,.4)}.mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper{display:flex;align-items:center;justify-content:center;background:#ffffff;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;width:90px;margin:0 auto}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper{background-color:#1b1b1b;border-color:rgba(75,85,99,.4)}.mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper input{width:100%;border:none;outline:none;background:transparent;text-align:right;font-size:13px;font-weight:600;color:#1f2937;padding:0;margin:0}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper input{color:#e3e3e3}.mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper input:disabled{color:#10b981;font-weight:800;cursor:not-allowed;opacity:1}.mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper span{font-size:12px;color:#6b7280;margin-left:4px}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper span{color:#aaaaaa}.mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper:hover{border-color:#3b82f6}.mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-calculated-point{font-weight:700;color:#3b82f6}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-calculated-point{color:rgb(107.7609756098,161.0975609756,248.2390243902)}.mcr-panel .mcr-section-partial .mcr-empty-state{text-align:center;padding:24px;color:#6b7280;font-size:13px;font-style:italic;background:#f9fafb;border-radius:6px;border:1px dashed #d1d5db}body.dark .mcr-panel .mcr-section-partial .mcr-empty-state{background:#282a2c;border-color:rgba(75,85,99,.4);color:#aaaaaa}.mcr-panel .mcr-error-text{color:#ef4444;font-size:12px;margin-top:6px;display:block;font-weight:500}body.dark .mcr-panel .mcr-error-text{color:rgb(243.0197044335,114.9802955665,114.9802955665)}.auth-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);animation:fadeInModal .2s ease-out}.auth-modal-content{position:relative;width:90%;max-width:400px;border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);background-color:#ffffff;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1)}.auth-modal-content .btn-close-auth-modal{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.auth-modal-content .btn-close-auth-modal:hover{background-color:rgba(0,0,0,.05);color:#ef4444;transform:rotate(90deg)}.auth-modal-content .auth-error-container{min-height:auto;padding:32px 24px}.auth-modal-content .auth-error-container .error-content{animation:none}.auth-modal-content .auth-error-container .error-icon-box{width:72px;height:72px;margin-bottom:16px}.auth-modal-content .auth-error-container .error-icon-box svg{width:32px;height:32px}.auth-modal-content .auth-error-container .error-title{font-size:18px}.auth-modal-content .auth-error-container .error-message{font-size:14px;margin-bottom:24px}.auth-modal-content .auth-actions{display:flex;gap:12px;justify-content:center}.auth-modal-content .auth-actions button{flex:1;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.auth-modal-content .auth-actions .btn-login{background-color:#3b82f6;color:#ffffff;border:none}.auth-modal-content .auth-actions .btn-login:hover{background-color:#2563eb;transform:translateY(-1px)}.auth-modal-content .auth-actions .btn-cancel{background-color:transparent;border:1px solid #e2e8f0;color:#4b5563}.auth-modal-content .auth-actions .btn-cancel:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#1f2937}body.dark .auth-modal-content{background-color:#1b1b1b;border:1px solid rgba(255,255,255,.1)}body.dark .auth-modal-content .btn-close-auth-modal{color:#aaaaaa}body.dark .auth-modal-content .btn-close-auth-modal:hover{background-color:rgba(255,255,255,.1)}body.dark .auth-modal-content .auth-actions .btn-cancel{border-color:rgba(255,255,255,.15);color:#aaaaaa}body.dark .auth-modal-content .auth-actions .btn-cancel:hover{background-color:rgba(255,255,255,.05);color:#e3e3e3}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:80vh;width:100%;padding:20px;background-color:transparent}.auth-wrapper__card{width:100%;max-width:400px;background-color:#ffffff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #f3f4f6;padding:40px 32px;text-align:center;transition:all .3s ease;animation:slideUpFade .5s ease-out forwards}.auth-wrapper__header{margin-bottom:32px}.auth-wrapper__logo{width:48px;height:48px;background:linear-gradient(135deg,#4285F4,#34A853);color:white;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:12px;margin:0 auto 20px;box-shadow:0 4px 10px rgba(66,133,244,.3)}.auth-wrapper__title{font-size:24px;font-weight:700;color:#111827;margin-bottom:8px}.auth-wrapper__subtitle{font-size:14px;color:#6b7280;line-height:1.5}.auth-wrapper__google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 16px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;user-select:none}.auth-wrapper__google-btn:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.05)}.auth-wrapper__google-btn:active{transform:translateY(0);background-color:#f3f4f6}.auth-wrapper__google-btn--loading{opacity:.7;cursor:not-allowed;pointer-events:none}.auth-wrapper__google-btn svg{width:20px;height:20px}.auth-wrapper__footer{margin-top:32px;padding-top:24px;border-top:1px solid #f3f4f6}.auth-wrapper__footer p{font-size:12px;color:#9ca3af;line-height:1.5}.auth-wrapper__footer a{color:#4285F4;text-decoration:none;font-weight:500}.auth-wrapper__footer a:hover{text-decoration:underline}body.dark .auth-wrapper__card{background-color:#1e1f20;border-color:#2d3748;box-shadow:0 4px 20px rgba(0,0,0,.4)}body.dark .auth-wrapper__title{color:#e3e3e3}body.dark .auth-wrapper__subtitle{color:#9ca3af}body.dark .auth-wrapper__google-btn{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}body.dark .auth-wrapper__google-btn:hover{background-color:#374151;border-color:#718096}body.dark .auth-wrapper__footer{border-top-color:#2d3748}body.dark .auth-wrapper__footer p{color:#718096}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.quiz-empty-question{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;padding:32px;text-align:center;background-color:#ffffff;border-radius:8px}.quiz-empty-question__icon-wrapper{display:inline-flex;padding:24px;border-radius:50%;background-color:#f3f4f6;margin-bottom:24px;transition:background-color .3s ease}.quiz-empty-question__icon-wrapper svg{color:#6b7280;transition:color .3s ease}.quiz-empty-question__title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:12px;transition:color .3s ease}.quiz-empty-question__desc{font-size:15px;color:#4b5563;max-width:400px;margin:0 auto 32px;line-height:1.6;transition:color .3s ease}.quiz-empty-question__desc strong{color:#1f2937;font-weight:600}.quiz-empty-question__actions{display:flex;gap:12px;justify-content:center;align-items:center}.quiz-empty-question__btn-secondary{padding:8px 18px;font-size:14px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#ffffff;border:1px solid #e5e7eb;color:#4b5563}.quiz-empty-question__btn-secondary:hover:not(:disabled){background-color:#f3f4f6;color:#1f2937;border-color:#d1d5db}.quiz-empty-question__btn-secondary:disabled{opacity:.6;cursor:not-allowed}.quiz-empty-question__btn-primary{padding:8px 18px;font-size:14px;border-radius:6px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;background-color:#3b82f6;color:#ffffff}.quiz-empty-question__btn-primary:hover{background-color:rgba(37,100,235,.6509803922)}body.dark .quiz-empty-question{background-color:transparent}body.dark .quiz-empty-question__icon-wrapper{background-color:#37393b}body.dark .quiz-empty-question__icon-wrapper svg{color:#aaaaaa}body.dark .quiz-empty-question__title{color:#e3e3e3}body.dark .quiz-empty-question__desc{color:#aaaaaa}body.dark .quiz-empty-question__desc strong{color:#e3e3e3}body.dark .quiz-empty-question__btn-secondary{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);color:#aaaaaa}body.dark .quiz-empty-question__btn-secondary:hover:not(:disabled){background-color:#37393b;color:#e3e3e3;border-color:#aaaaaa}.search-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f9fafb;transition:background-color .2s ease}body.dark .search-page{background-color:#1b1b1b}.search-page__header{background-color:#ffffff;padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;transition:background-color .2s,border-color .2s}body.dark .search-page__header{background-color:rgb(30,31,32);border-bottom-color:rgba(75,85,99,.4)}.search-page__back-link{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#4b5563;text-decoration:none;transition:color .2s ease}.search-page__back-link:hover{color:#3b82f6;text-decoration:underline}body.dark .search-page__back-link{color:#aaaaaa}.search-page__result-info{font-size:14px;color:#4b5563}.search-page__result-info strong{color:#1f2937;font-weight:600}body.dark .search-page__result-info{color:#aaaaaa}body.dark .search-page__result-info strong{color:#e3e3e3}.search-page__body{flex:1;padding:24px;width:100%;max-width:1280px;margin:0 auto}.search-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.search-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;text-align:center;background-color:#ffffff;border-radius:12px;border:1px dashed #d1d5db;margin-top:20px;transition:background-color .2s,border-color .2s}body.dark .search-page__empty{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.search-page__empty-icon{margin-bottom:16px;opacity:.6;color:#6b7280}.search-page__empty-icon svg{width:64px;height:64px}body.dark .search-page__empty-icon{color:#aaaaaa}.search-page__empty-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}body.dark .search-page__empty-title{color:#e3e3e3}.search-page__empty-desc{font-size:14px;line-height:1.5;color:#4b5563;max-width:400px}body.dark .search-page__empty-desc{color:#aaaaaa}.search-page__footer{padding:24px;text-align:center;font-size:13px;color:#6b7280}body.dark .search-page__footer{color:#aaaaaa}.exam-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;padding:32px;background-color:#ffffff;border-radius:12px;text-align:center;transition:all .3s ease}body.dark .exam-empty-state{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.exam-empty-state__icon{width:64px;height:64px;margin-bottom:24px;color:#cbd5e1;stroke-width:1.5px}.exam-empty-state:hover .exam-empty-state__icon{color:#94a3b8;transform:scale(1.05);transition:transform .3s ease,color .3s ease}body.dark .exam-empty-state:hover .exam-empty-state__icon,body.dark .exam-empty-state__icon{color:#aaaaaa}.exam-empty-state__title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:12px}body.dark .exam-empty-state__title{color:#e3e3e3}.exam-empty-state__text{font-size:15px;color:#64748b;max-width:450px;margin-bottom:40px;line-height:1.6}body.dark .exam-empty-state__text{color:#aaaaaa}.exam-empty-state__actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.exam-empty-state__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.exam-empty-state__btn--ai{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#ffffff;box-shadow:0 4px 6px -1px rgba(79,70,229,.2),0 2px 4px -1px rgba(79,70,229,.1)}.exam-empty-state__btn--ai:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(79,70,229,.3),0 4px 6px -2px rgba(79,70,229,.15)}.exam-empty-state__btn--ai:active{transform:translateY(0)}.exam-empty-state__btn--ai svg{color:#fcd34d}.exam-empty-state__btn--outline{background-color:transparent;border:1px solid #e2e8f0;color:#475569}.exam-empty-state__btn--outline:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#0f172a}body.dark .exam-empty-state__btn--outline{border-color:rgba(75,85,99,.4);color:#aaaaaa}body.dark .exam-empty-state__btn--outline:hover{background-color:#37393b;color:#e3e3e3;border-color:#aaaaaa}.create-full-ai{position:relative;background:#ffffff;width:900px;max-width:95vw;height:85vh;max-height:900px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .2s ease-out}body.dark .create-full-ai{background:#1b1b1b;box-shadow:0 15px 50px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.08);color:#e3e3e3}.create-full-ai__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}body.dark .create-full-ai__header{border-bottom-color:rgba(255,255,255,.08);background-color:rgb(30,31,32)}.create-full-ai__header .title{font-size:18px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:10px}body.dark .create-full-ai__header .title{color:#e3e3e3}.create-full-ai__header .title svg{color:#f59e0b}.create-full-ai__header .close-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.create-full-ai__header .close-btn:hover{background-color:#e5e7eb;color:#ef4444}body.dark .create-full-ai__header .close-btn{color:#aaaaaa}body.dark .create-full-ai__header .close-btn:hover{background-color:#37393b;color:#ef4444}.create-full-ai__body{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;overflow:hidden}.create-full-ai__input{flex:1;overflow-y:auto;padding:24px 12px 24px 24px;display:flex;flex-direction:column;gap:20px}.create-full-ai__input::-webkit-scrollbar{width:6px}.create-full-ai__input::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .create-full-ai__input::-webkit-scrollbar-thumb{background-color:#282a2c}.create-full-ai__tabs{display:flex;gap:12px;margin-bottom:8px;flex-shrink:0}.create-full-ai__tabs .tab-btn{flex:1;padding:12px;border-radius:8px;border:2px solid #e5e7eb;background:#ffffff;color:#6b7280;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.create-full-ai__tabs .tab-btn:hover{border-color:#d1d5db;background:#f9fafb}.create-full-ai__tabs .tab-btn--active{border-color:#3b82f6;background:#dbeafe;color:#3b82f6}body.dark .create-full-ai__tabs .tab-btn{background:transparent;border-color:rgba(255,255,255,.08);color:#aaaaaa}body.dark .create-full-ai__tabs .tab-btn:hover{background:#37393b;border-color:#aaaaaa}body.dark .create-full-ai__tabs .tab-btn--active{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#e4e4e7}.create-full-ai__dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;background:#f9fafb;transition:all .2s;flex-shrink:0}.create-full-ai__dropzone--active,.create-full-ai__dropzone:hover{border-color:#3b82f6;background:#dbeafe}.create-full-ai__dropzone .icon{color:#6b7280;margin-bottom:12px}.create-full-ai__dropzone p{margin:0;color:#4b5563;font-size:15px}.create-full-ai__dropzone .hint{display:block;margin-top:8px;font-size:13px;color:#6b7280}body.dark .create-full-ai__dropzone{background:#18181b;border-color:rgba(255,255,255,.08)}body.dark .create-full-ai__dropzone .icon{color:#aaaaaa}body.dark .create-full-ai__dropzone p{color:#e3e3e3}body.dark .create-full-ai__dropzone--active,body.dark .create-full-ai__dropzone:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.create-full-ai__config{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f3f4f6;border-radius:8px;flex-shrink:0}body.dark .create-full-ai__config{background:rgb(30,31,32);border:1px solid rgba(255,255,255,.08)}.create-full-ai__config .form-group{display:flex;flex-direction:column;gap:6px}.create-full-ai__config .form-group__header{display:flex;justify-content:space-between;align-items:center}.create-full-ai__config .form-group__header label{font-size:14px;font-weight:600;color:#1f2937}body.dark .create-full-ai__config .form-group__header label{color:#aaaaaa}.create-full-ai__config .form-group__header .text-error{color:#ef4444;margin-left:2px}.create-full-ai__config .form-group__header .char-count{font-size:12px;font-weight:500;color:#6b7280;transition:color .2s}body.dark .create-full-ai__config .form-group__header .char-count{color:#71717a}.create-full-ai__config .form-group__header .char-count--max{color:#ef4444!important}.create-full-ai__config .form-group label{font-size:14px;font-weight:600;color:#1f2937}body.dark .create-full-ai__config .form-group label{color:#aaaaaa}.create-full-ai__config .form-group input[type=number],.create-full-ai__config .form-group input[type=text]{padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#ffffff;color:#1f2937}.create-full-ai__config .form-group input[type=number]:focus,.create-full-ai__config .form-group input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}body.dark .create-full-ai__config .form-group input[type=number],body.dark .create-full-ai__config .form-group input[type=text]{background:#18181b;border-color:rgba(255,255,255,.08);color:#e3e3e3}body.dark .create-full-ai__config .form-group input[type=number]:focus,body.dark .create-full-ai__config .form-group input[type=text]:focus{border-color:rgba(255,255,255,.3);box-shadow:0 0 0 2px rgba(255,255,255,.1)}.create-full-ai__config .checkbox-group{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:14px;color:#4b5563}body.dark .create-full-ai__config .checkbox-group{color:#e3e3e3}.create-full-ai__config .checkbox-group input{width:16px;height:16px;accent-color:#3b82f6}.create-full-ai__config .types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:8px}.create-full-ai__config .types-grid .type-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#ffffff;cursor:pointer;font-size:13px;transition:all .2s;color:#4b5563}.create-full-ai__config .types-grid .type-item:hover{border-color:#3b82f6}.create-full-ai__config .types-grid .type-item--active{border-color:#3b82f6;background:#dbeafe;color:#3b82f6;font-weight:500}body.dark .create-full-ai__config .types-grid .type-item{background:#18181b;border-color:rgba(255,255,255,.08);color:#aaaaaa}body.dark .create-full-ai__config .types-grid .type-item--active{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#e4e4e7}.create-full-ai__preview{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:24px 12px 24px 24px;min-height:0;background-color:#ffffff}body.dark .create-full-ai__preview{background-color:#121212}.create-full-ai__preview-nav{display:flex;gap:8px;padding-bottom:12px;margin-bottom:12px;overflow-x:auto;flex-shrink:0;flex-wrap:nowrap;border-bottom:1px solid #f3f4f6}.create-full-ai__preview-nav::-webkit-scrollbar{height:8px}.create-full-ai__preview-nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}body.dark .create-full-ai__preview-nav{border-bottom-color:rgba(255,255,255,.08)}body.dark .create-full-ai__preview-nav::-webkit-scrollbar-thumb{background:#282a2c}.create-full-ai__preview-nav .nav-item{flex:0 0 auto;white-space:nowrap;padding:8px 16px;border-radius:20px;background:transparent;color:#4b5563;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s}.create-full-ai__preview-nav .nav-item:hover{background:#f3f4f6}.create-full-ai__preview-nav .nav-item--active{background:#fff;color:#1f2937;border-color:#d1d5db;box-shadow:0 1px 2px rgba(0,0,0,.05)}body.dark .create-full-ai__preview-nav .nav-item{color:#71717a;border-color:transparent}body.dark .create-full-ai__preview-nav .nav-item:hover{background:rgba(255,255,255,.05);color:#a1a1aa}body.dark .create-full-ai__preview-nav .nav-item--active{background:rgba(255,255,255,.08);color:#e4e4e7;border-color:rgba(255,255,255,.12);box-shadow:none}.create-full-ai__preview-nav .nav-item .count{margin-left:6px;background:rgba(128,128,128,.15);padding:2px 6px;border-radius:10px;font-size:11px}.create-full-ai__preview-list{flex:1;position:relative;min-height:0;height:100%!important;overflow-y:auto!important;padding-right:8px}.create-full-ai__preview-list::-webkit-scrollbar{width:6px}.create-full-ai__preview-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .create-full-ai__preview-list::-webkit-scrollbar-thumb{background-color:#3f3f46}.create-full-ai__footer{flex-shrink:0;padding:16px 24px;border-top:1px solid #e5e7eb;background:#ffffff;display:flex;justify-content:flex-end;gap:12px}body.dark .create-full-ai__footer{background:rgb(30,31,32);border-top-color:rgba(255,255,255,.08)}.create-full-ai__footer .btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;transition:all .2s}.create-full-ai__footer .btn--primary{background:#3b82f6;color:white}.create-full-ai__footer .btn--primary:hover{background:rgba(37,100,235,.6509803922)}.create-full-ai__footer .btn--primary:disabled{opacity:.6;cursor:not-allowed}.create-full-ai__footer .btn--success{background:#18181b;color:#fff;border:1px solid #27272a}.create-full-ai__footer .btn--success:hover{filter:brightness(.9)}.create-full-ai__footer .btn--success:disabled{opacity:.6;cursor:not-allowed}body.dark .create-full-ai__footer .btn--success{background:#e4e4e7;color:#09090b;border-color:transparent;font-weight:600}body.dark .create-full-ai__footer .btn--success:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,.1);filter:none}body.dark .create-full-ai__footer .btn--success:disabled{background:#3f3f46;color:#71717a;transform:none;box-shadow:none}.token-hud{justify-content:space-between;padding:10px 16px;margin-bottom:20px;border-radius:8px;font-size:13px;font-weight:500;background-color:#f9fafb;border:1px solid #e5e7eb;color:#4b5563}.token-hud,.token-hud .left{display:flex;align-items:center}.token-hud .left{gap:8px}.token-hud .right b{font-weight:700;margin-left:4px}body.dark .token-hud{background-color:transparent;border-color:rgba(255,255,255,.08);color:#a1a1aa}body.dark .token-hud .pill.success{color:#34d399}.ai-disclaimer{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;font-size:13px;margin-bottom:20px;background:#fffbeb;border:1px solid #fde68a;color:#d97706}body.dark .ai-disclaimer{background:transparent;border-color:rgba(251,191,36,.15);color:#fbbf24}.create-full-ai .question-single{position:relative;border:none!important;background:transparent!important;margin:0!important;padding:0 0 16px!important}.create-full-ai .question-single .question-details{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 48px 16px 16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}body.dark .create-full-ai .question-single .question-details{background:#18181b;border-color:rgba(255,255,255,.08);color:#e3e3e3;box-shadow:0 4px 6px rgba(0,0,0,.2)}.create-full-ai .question-single .delete-question-btn{position:absolute!important;top:12px!important;right:12px!important;width:28px!important;height:28px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;color:#a1a1aa!important;border:1px solid transparent;transition:all .2s;z-index:10}body.dark .create-full-ai .question-single .delete-question-btn{color:#52525b!important}.create-full-ai .question-single .delete-question-btn:hover{color:#ef4444!important;background-color:transparent!important}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #d1d5db}.question-header strong{color:#1f2937}body.dark .question-header strong{color:#e3e3e3}body.dark .question-header{border-bottom-color:rgba(75,85,99,.4)}.question-header .left-info{display:flex;align-items:center;gap:10px}.type-badge{display:inline-block;font-size:11px;padding:2px 10px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background-color:#f9fafb;border:1px solid #e5e7eb;color:#4b5563}body.dark .type-badge{background-color:transparent;border-color:rgba(255,255,255,.12);color:#81818b}.explanation-block{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.6;background-color:#f9fafb;border:1px solid #e5e7eb;color:#4b5563}body.dark .explanation-block{background-color:rgba(255,255,255,.02);border-color:rgba(255,255,255,.08);color:#a1a1aa}.explanation-block .exp-label{font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;color:#4b5563}body.dark .explanation-block .exp-label{color:#71717a}.explanation-block .exp-label svg{color:#fbbf24;opacity:.8}.explanation-block .exp-content p{color:inherit}body.dark .explanation-block .exp-content{color:#d4d4d8}.question-answers{padding-left:12px;border-left:3px solid #f3f4f6;margin-top:12px}body.dark .question-answers{border-left-color:rgba(75,85,99,.4)}.answer-item{margin-bottom:8px;padding:10px 14px;border-radius:8px;border:1px solid transparent;transition:all .2s ease;background-color:#f9fafb}body.dark .answer-item{background-color:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05)}.answer-item p{margin:0;color:#1f2937;display:flex;align-items:flex-start;gap:8px}body.dark .answer-item p{color:#a1a1aa}.answer-item.correct{background-color:#ecfdf5;border-color:#a7f3d0;position:relative;padding-right:90px}.answer-item.correct p{color:#065f46;font-weight:500}.answer-item.correct:after{content:"✓ Đáp án";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:#047857;background-color:#d1fae5;padding:4px 8px;border-radius:12px}body.dark .answer-item.correct{background-color:rgba(16,185,129,.05);border-color:rgba(52,211,153,.25)}body.dark .answer-item.correct p{color:#e4e4e7;font-weight:500}body.dark .answer-item.correct:after{background-color:transparent;color:#34d399;border:1px solid}.passage{background:#f3f4f6;padding:12px;border-radius:6px;margin-bottom:12px;font-style:italic;font-size:14px;color:#4b5563}body.dark .passage{background:#37393b;color:#aaaaaa}.sub-question{margin-bottom:12px;padding-left:8px}.sub-question strong{color:#1f2937}body.dark .sub-question strong{color:#e3e3e3}.image-batch{margin:16px 0}.image-batch__header{font-size:13px;margin-bottom:8px;color:#4b5563}body.dark .image-batch__header{color:#aaaaaa}.image-batch__header strong{color:#1f2937}body.dark .image-batch__header strong{color:#e3e3e3}.image-batch__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.image-thumb{position:relative;height:70px;border-radius:6px;overflow:hidden;border:1px solid #d1d5db;background:#ffffff}body.dark .image-thumb{border-color:rgba(75,85,99,.4);background:rgb(30,31,32)}.image-thumb img{width:100%;height:100%;object-fit:cover}.image-thumb__remove{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.6);color:white;border:none;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:.2s}.image-thumb__remove:hover{background:#ef4444}.processing-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;text-align:center;padding:30px}.processing-state .spinner-container{margin-bottom:8px}.processing-state .spinner{color:#1f2937}body.dark .processing-state .spinner{color:#e4e4e7}.processing-state .status-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}body.dark .processing-state .status-title{color:#e4e4e7}.processing-state .progress-track{width:80%;max-width:400px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:20px}body.dark .processing-state .progress-track{background:#27272a}.processing-state .progress-track .progress-fill{height:100%;background:#1f2937;transition:width .3s ease}body.dark .processing-state .progress-track .progress-fill{background:#e4e4e7}.processing-state .process-log{width:100%;max-width:600px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:0;text-align:left;font-family:monospace;font-size:12px;height:140px;overflow:hidden;display:flex;flex-direction:column}body.dark .processing-state .process-log{background-color:#18181b;border-color:rgba(255,255,255,.08)}.processing-state .process-log .log-header{padding:6px 12px;background:#e5e7eb;color:#4b5563;font-weight:700;font-size:11px;display:flex;align-items:center;gap:6px;text-transform:uppercase}body.dark .processing-state .process-log .log-header{background:rgba(255,255,255,.05);color:#a1a1aa}.processing-state .process-log .log-content{padding:10px 12px;overflow-y:auto;flex:1}.processing-state .process-log .log-content::-webkit-scrollbar{width:4px}.processing-state .process-log .log-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}body.dark .processing-state .process-log .log-content::-webkit-scrollbar-thumb{background:#3f3f46}.processing-state .process-log .log-line{margin-bottom:4px;line-height:1.4;color:#4b5563;word-break:break-all;animation:fadeIn .3s ease}body.dark .processing-state .process-log .log-line{color:#a1a1aa}.processing-state .process-log .log-line.text-error{color:#ef4444;font-weight:700}.processing-state .process-log .log-line.text-success{color:#10b981;font-weight:700}body.dark .processing-state .process-log .log-line.text-success{color:#34d399}.error-state{text-align:center;padding:40px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-state .icon{color:#ef4444;font-size:48px;margin-bottom:16px}.error-state h4{color:#ef4444;margin-bottom:8px}.error-state p{color:#4b5563;margin-bottom:24px}body.dark .error-state p{color:#aaaaaa}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.range-selector{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px;padding:12px 16px;background-color:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;animation:slideDown .2s ease-out}body.dark .range-selector{background-color:#282a2c;border-color:rgba(75,85,99,.4)}.range-selector__group{display:flex;align-items:center;gap:8px}.range-selector__label{font-size:13px;font-weight:500;color:#4b5563;white-space:nowrap}body.dark .range-selector__label{color:#aaaaaa}.range-selector__input{width:60px;height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:600;color:#1f2937;text-align:center;outline:none;transition:all .2s;background-color:#ffffff}.range-selector__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}body.dark .range-selector__input{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);color:#e3e3e3}body.dark .range-selector__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.range-selector__btn{height:34px;padding:0 16px;background-color:#3b82f6;color:white;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.05)}.range-selector__btn:hover{background-color:rgb(34.6195121951,114.4512195122,244.8804878049);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.range-selector__btn:active{transform:translateY(0);box-shadow:none}body.dark .range-selector__btn{background-color:#3b82f6;color:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,.3)}body.dark .range-selector__btn:hover{background-color:rgb(83.3804878049,145.5487804878,247.1195121951);box-shadow:0 4px 6px -1px rgba(0,0,0,.4)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-explanation-box{margin-top:24px;border:1px solid #bfdbfe;background-color:#eff6ff;border-radius:8px;overflow:hidden;animation:fadeInUp .3s ease-out}body.dark .quiz-explanation-box{background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}.quiz-explanation-box .explanation-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background-color:#dbeafe;border-bottom:1px solid #bfdbfe;color:#1e40af;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px}body.dark .quiz-explanation-box .explanation-header{background-color:rgba(59,130,246,.15);border-bottom-color:rgba(59,130,246,.3);color:#93c5fd}.quiz-explanation-box .explanation-header .bulb-icon{color:#2563eb;fill:currentColor;fill-opacity:.2}body.dark .quiz-explanation-box .explanation-header .bulb-icon{color:#60a5fa}.quiz-explanation-box .explanation-content{padding:16px;font-size:15px;line-height:1.6;color:#1f2937}body.dark .quiz-explanation-box .explanation-content{color:#e5e7eb}.quiz-explanation-box .explanation-content img{max-width:100%;border-radius:6px;margin:10px 0;border:1px solid rgba(0,0,0,.1)}.quiz-explanation-box .explanation-content p:last-child{margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.critical-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#ef4444;background-color:#fef2f2;border:1px solid #fecaca;padding:4px 8px;border-radius:99px;margin-left:8px;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);user-select:none}.critical-badge svg{width:12px;height:12px}.critical-badge:hover{cursor:pointer;background-color:#fee2e2;transform:translateY(-1px)}.critical-badge.active{background-color:#ef4444;color:white;border-color:#ef4444;box-shadow:0 2px 4px rgba(239,68,68,.25)}body.dark .critical-badge{background-color:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.3)}body.dark .critical-badge:hover{background-color:rgba(239,68,68,.25)}body.dark .critical-badge.active{background-color:#ef4444;color:white;border-color:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.4)}.critical-badge-small{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#ef4444;background-color:#fef2f2;padding:2px 6px;border-radius:4px;margin-top:4px;border:1px solid #fecaca;white-space:nowrap}body.dark .critical-badge-small{background-color:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.3)}.critical-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background-color:#ef4444;border:1px solid #ffffff;box-shadow:0 1px 2px rgba(0,0,0,.1);z-index:2}body.dark .critical-dot{border-color:rgb(30,31,32)}.critical-icon{position:absolute;top:2px;right:2px;color:#ef4444;z-index:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.question-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 24px 16px}.question-footer__btn{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;background-color:transparent;font-size:14px;user-select:none}.question-footer__btn .question-footer__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .2s ease;flex-shrink:0}.question-footer__btn--active{color:#3b82f6}.question-footer__btn--active .question-footer__icon{background-color:rgba(59,130,246,.1);color:#3b82f6}.question-footer__btn--active:hover{background-color:rgba(59,130,246,.05);transform:translateY(-2px)}.question-footer__btn--active:hover .question-footer__icon{background-color:#3b82f6;color:#ffffff;box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.question-footer__btn--active:active{transform:translateY(0)}body.dark .question-footer__btn--active{color:#60a5fa}body.dark .question-footer__btn--active .question-footer__icon{background-color:rgba(96,165,250,.15);color:#60a5fa}body.dark .question-footer__btn--active:hover .question-footer__icon{background-color:#60a5fa;color:#1f2937}.question-footer__btn--disabled{color:#9ca3af;cursor:not-allowed}.question-footer__btn--disabled .question-footer__icon{background-color:#f3f4f6;color:#d1d5db}body.dark .question-footer__btn--disabled{color:#6b7280}body.dark .question-footer__btn--disabled .question-footer__icon{background-color:#374151;color:#4b5563}.editor-card{position:relative;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.editor-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#d1d5db}body.dark .editor-card{background-color:#27272a;border-color:#3f3f46;color:#f4f4f5;box-shadow:none}body.dark .editor-card:hover{border-color:#52525b}.editor-card--selected{border-color:#3b82f6;background-color:#dbeafe;box-shadow:0 0 0 1px #3b82f6}body.dark .editor-card--selected{background-color:rgba(59,130,246,.08);border-color:#3b82f6}.editor-card--critical{background-color:#fff1f2}body.dark .editor-card--critical{background-color:rgba(239,68,68,.04)}.editor-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:12px;border-bottom:1px dashed #d1d5db}body.dark .editor-card__header{border-bottom-color:#3f3f46}.editor-card__title-group{display:flex;align-items:flex-start;gap:12px;flex:1}.editor-checkbox{display:block;position:relative;width:20px;height:20px;cursor:pointer;margin-top:4px}.editor-checkbox input{position:absolute;opacity:0}.editor-checkbox .editor-checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:transparent;border:2px solid #6b7280;border-radius:6px;transition:.2s}body.dark .editor-checkbox .editor-checkmark{border-color:#a1a1aa}.editor-checkbox input:checked~.editor-checkmark{background-color:#3b82f6;border-color:#3b82f6}.editor-checkbox input:checked~.editor-checkmark:after{content:"";position:absolute;display:block;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.editor-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;background-color:#f3f4f6;color:#4b5563}body.dark .editor-icon{background-color:#3f3f46;color:#a1a1aa}.editor-info{display:flex;flex-direction:column;gap:4px}.editor-info__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-info .editor-badge{font-weight:700;font-size:15px;color:#1f2937}body.dark .editor-info .editor-badge{color:#f4f4f5}.editor-info .editor-badge-critical{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background-color:#fee2e2;color:#ef4444;border:1px solid #fca5a5}body.dark .editor-info .editor-badge-critical{background-color:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.4)}.editor-info .editor-type{font-size:13px;color:#6b7280}body.dark .editor-info .editor-type{color:#a1a1aa}.editor-card__actions{display:flex;gap:8px}.editor-card__actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid transparent;background:transparent;color:#6b7280;cursor:pointer;transition:.2s}.editor-card__actions button:hover{background-color:#f3f4f6;color:#1f2937}.editor-card__actions button.editor-btn-delete:hover{background-color:#fee2e2;color:#ef4444}body.dark .editor-card__actions button.editor-btn-delete:hover{background-color:rgba(239,68,68,.15);color:#fca5a5}body.dark .editor-card__actions button{color:#a1a1aa}body.dark .editor-card__actions button:hover{background-color:#3f3f46;color:#f4f4f5}.editor-card__body{font-size:15px;line-height:1.6}.editor-section{margin-bottom:20px}.editor-section__label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.editor-section__label svg{width:14px;opacity:.8}body.dark .editor-section__label{color:#a1a1aa}.editor-text{color:#1f2937}body.dark .editor-text{color:#d4d4d8}.editor-text.is-truncated{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;mask-image:linear-gradient(180deg,black 60%,transparent)}.editor-toggle-btn{background:none;border:none;padding:4px 0;margin-top:4px;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.editor-toggle-btn:hover{text-decoration:underline}body.dark .editor-toggle-btn{color:#60a5fa}.editor-options{display:flex;flex-direction:column;gap:8px}.editor-option{display:flex;align-items:flex-start;padding:12px 16px;border-radius:8px;border:1px solid #e5e7eb;background-color:#ffffff;transition:all .2s}.editor-option .opt-label{font-weight:700;margin-right:12px;color:#4b5563;min-width:20px}.editor-option .opt-content{flex:1;color:#1f2937}body.dark .editor-option{background-color:#27272a;border-color:#3f3f46}body.dark .editor-option .opt-label{color:#a1a1aa}body.dark .editor-option .opt-content{color:#f4f4f5}body.dark .editor-option:hover{border-color:#52525b}.editor-option.is-correct{background-color:#f0fdf4;border-color:#bbf7d0}.editor-option.is-correct .opt-label{color:#10b981}.editor-option.is-correct .icon-check{margin-left:auto;color:#10b981}body.dark .editor-option.is-correct{background-color:rgba(16,185,129,.08);border-color:rgba(16,185,129,.3)}body.dark .editor-option.is-correct .opt-label{color:#4ade80}body.dark .editor-option.is-correct .opt-content{color:#d1fae5}body.dark .editor-option.is-correct .icon-check{color:#4ade80}.editor-explanation{margin-top:24px;border-radius:8px;overflow:hidden;background-color:#f0f9ff;border:1px dashed #7dd3fc}body.dark .editor-explanation{background-color:rgba(14,165,233,.06);border-color:rgba(14,165,233,.25)}.editor-explanation__toggle{padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:13px;font-weight:700;color:#0ea5e9;letter-spacing:.5px}.editor-explanation__toggle:hover{background-color:rgba(0,0,0,.02)}body.dark .editor-explanation__toggle{color:rgba(56,191,248,.7137254902)}body.dark .editor-explanation__toggle:hover{background-color:rgba(255,255,255,.03)}.editor-explanation__toggle .icon-bulb{color:#f59e0b}.editor-explanation__content{padding:0 16px 16px;font-size:14px;line-height:1.6;color:#0369a1}body.dark .editor-explanation__content{color:rgba(125,212,252,.7803921569);border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.editor-explanation__content p{margin-bottom:8px}.editor-explanation__content p:last-child{margin-bottom:0}.editor-pair{display:grid;grid-template-columns:1fr 32px 1fr;gap:12px;align-items:center;padding:12px;border-radius:8px;border:1px solid #e5e7eb;background-color:#f9fafb;margin-bottom:8px}body.dark .editor-pair{background-color:#2a2a2d;border-color:#3f3f46}.editor-pair .pair-side{font-weight:500;color:#1f2937}body.dark .editor-pair .pair-side{color:#f4f4f5}.editor-pair .pair-arrow{display:flex;justify-content:center;color:#6b7280}body.dark .editor-pair .pair-arrow{color:#a1a1aa}.editor-pair .pair-idx{font-weight:700;color:#3b82f6;margin-right:8px}.editor-pair .text-missing{font-style:italic;color:#ef4444;font-size:13px;opacity:.8}.editor-blank-item{padding:10px;border:1px solid #e5e7eb;border-radius:6px;background-color:#f9fafb;margin-bottom:6px;display:flex;gap:8px}body.dark .editor-blank-item{background-color:#2a2a2d;border-color:#3f3f46}.editor-blank-item .blank-num{font-weight:700;color:#4b5563}body.dark .editor-blank-item .blank-num{color:#a1a1aa}.editor-blank-item .blank-val{font-weight:500;color:#1f2937}body.dark .editor-blank-item .blank-val{color:#f4f4f5}.editor-blank-placeholder{font-weight:700;color:#3b82f6;background-color:rgba(59,130,246,.1);padding:0 4px;border-radius:4px}.editor-sub-box{border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-top:12px;background:#fff}body.dark .editor-sub-box{background:transparent;border-color:#3f3f46}.editor-sub-box__header{margin-bottom:12px}.editor-sub-box .sub-idx{font-weight:700;display:block;margin-bottom:6px;color:#1f2937}body.dark .editor-sub-box .sub-idx{color:#f4f4f5}.quiz-checkbox{border:1px solid transparent;display:flex;align-items:center;flex:1 1 auto;padding:18px 24px;cursor:pointer;position:relative;transition:all .2s ease;border-radius:8px}.quiz-checkbox:hover{background-color:rgba(0,0,0,.03)}.quiz-checkbox__input{display:none}.quiz-checkbox__icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px solid rgba(98,98,98,.568627451);border-radius:6px;background-color:transparent;margin-right:14px;transition:all .2s;color:white}.quiz-checkbox__content{flex:1;min-width:0;display:flex;gap:8px;word-break:break-word;font-size:16px;padding-right:30px}.quiz-checkbox__key-hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;pointer-events:none;user-select:none;color:#94a3b8;border:1px solid #e2e8f0;background-color:#f8fafc;padding:3px 7px;border-radius:4px;min-width:20px;text-align:center}.quiz-checkbox__input:checked+.quiz-checkbox__icon{background-color:#196ebf;border-color:#196ebf;color:white}.quiz-checkbox--disabled{cursor:default;opacity:.8}.quiz-checkbox--disabled .quiz-checkbox__input:checked+.quiz-checkbox__icon{background-color:#9ca3af;border-color:#9ca3af}.quiz-checkbox--disabled .quiz-checkbox__icon{border-color:#d1d5db}.quiz-checkbox__icon--correct{background-color:#259172!important;border-color:#259172!important;color:white!important}.quiz-checkbox__icon--wrong{background-color:#e63349!important;border-color:#e63349!important;color:white!important}body.dark .quiz-checkbox:hover{background-color:rgba(255,255,255,.05)}body.dark .quiz-checkbox__icon{border-color:rgba(148,163,184,.5019607843)}body.dark .quiz-checkbox__input:checked+body.dark .quiz-checkbox__icon{background-color:#3b82f6;border-color:#3b82f6;color:white}body.dark .quiz-checkbox__icon--correct{background-color:rgba(52,211,153,.7960784314)!important;border-color:rgba(52,211,153,.7960784314)!important;color:#064e3b!important}body.dark .quiz-checkbox__icon--wrong{background-color:#f87171!important;border-color:#f87171!important;color:#7f1d1d!important}body.dark .quiz-checkbox__key-hint{color:#cbd5e1;border-color:#334155;background-color:#1e293b}body.dark .quiz-checkbox--disabled .quiz-checkbox__input:checked+.quiz-checkbox__icon{background-color:#4b5563;border-color:#4b5563;color:#d1d5db}body.dark .content-item.correct{background-color:rgba(5,150,105,.2)}body.dark .content-item.wrong{background-color:rgba(220,38,38,.2)}body.dark .content-item.solution{background-color:rgba(234,179,8,.1);border-color:rgba(234,179,8,.5)}.upgrade-container{padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:40px;max-width:1000px;margin:0 auto;min-height:calc(100vh - 100px)}.upgrade-header{text-align:center;max-width:600px}.upgrade-header h1{font-size:36px;font-weight:800;margin:0 0 16px;letter-spacing:-.5px}.upgrade-header p{font-size:18px;line-height:1.5;color:#4b5563;margin:0}body.dark .upgrade-header p{color:#aaaaaa}.upgrade-header .gradient-text{background:linear-gradient(90deg,#3b82f6,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;width:100%;max-width:800px}.pricing-card{background-color:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;display:flex;flex-direction:column;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}body.dark .pricing-card{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4);box-shadow:0 10px 30px rgba(0,0,0,.2)}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.pricing-card.recommended{border:2px solid #3b82f6;background-color:#dbeafe}body.dark .pricing-card.recommended{background-color:rgba(59,130,246,.05);border-color:#3b82f6}.pricing-card .badge-recommended{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#3b82f6,#34d399);color:#ffffff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 6px rgba(59,130,246,.3)}.pricing-card .plan-name{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 16px}body.dark .pricing-card .plan-name{color:#e3e3e3}.pricing-card .plan-price-wrapper{display:flex;align-items:baseline;gap:4px;margin-bottom:16px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}body.dark .pricing-card .plan-price-wrapper{border-bottom-color:rgba(75,85,99,.4)}.pricing-card .plan-price-wrapper .plan-price{font-size:40px;font-weight:800;color:#1f2937;line-height:1}body.dark .pricing-card .plan-price-wrapper .plan-price{color:#e3e3e3}.pricing-card .plan-price-wrapper .plan-duration{font-size:16px;font-weight:500;color:#6b7280}body.dark .pricing-card .plan-price-wrapper .plan-duration{color:#aaaaaa}.pricing-card .plan-desc{font-size:15px;color:#4b5563;margin:0 0 24px;line-height:1.5}body.dark .pricing-card .plan-desc{color:#aaaaaa}.pricing-card .plan-features{list-style:none;padding:0;margin:0 0 32px;flex-grow:1}.pricing-card .plan-features li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:15px;color:#1f2937;line-height:1.4}body.dark .pricing-card .plan-features li{color:#e3e3e3}.pricing-card .plan-features li .feature-icon{color:#10b981;font-size:16px;margin-top:2px;flex-shrink:0}.pricing-card .btn-choose-plan{width:100%;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s}.pricing-card .btn-choose-plan.btn-primary{background-color:#3b82f6;color:#ffffff;border:none}.pricing-card .btn-choose-plan.btn-primary:hover{background-color:rgba(37,100,235,.6509803922);box-shadow:0 4px 12px rgba(59,130,246,.4)}.pricing-card .btn-choose-plan.btn-outline{background-color:transparent;border:1px solid #3b82f6;color:#3b82f6}.pricing-card .btn-choose-plan.btn-outline:hover{background-color:#dbeafe}body.dark .pricing-card .btn-choose-plan.btn-outline:hover{background-color:rgba(59,130,246,.1)}.checkout-section{width:100%;max-width:650px;animation:slideUp .4s ease-out forwards}.checkout-section .btn-back{background:transparent;border:none;color:#4b5563;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:0;transition:color .2s}.checkout-section .btn-back:hover{color:#3b82f6}body.dark .checkout-section .btn-back{color:#aaaaaa}body.dark .checkout-section .btn-back:hover{color:#3b82f6}.checkout-section .checkout-card{background-color:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;position:relative;overflow:hidden}body.dark .checkout-section .checkout-card{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.checkout-section .checkout-card h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}body.dark .checkout-section .checkout-card h2{color:#e3e3e3}.checkout-section .checkout-card .checkout-amount{font-size:16px;color:#4b5563;margin:0 0 32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}body.dark .checkout-section .checkout-card .checkout-amount{color:#aaaaaa;border-bottom-color:rgba(75,85,99,.4)}.checkout-section .checkout-card .checkout-amount strong{color:#ef4444;font-size:24px;font-weight:800;margin-left:8px}.checkout-section .checkout-card .payment-instructions{display:flex;gap:32px;margin-bottom:32px}@media (max-width:600px){.checkout-section .checkout-card .payment-instructions{flex-direction:column;align-items:center}}.checkout-section .checkout-card .payment-instructions .qr-code-box{flex-shrink:0}.checkout-section .checkout-card .payment-instructions .qr-code-box .qr-placeholder{width:200px;height:200px;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;gap:12px}body.dark .checkout-section .checkout-card .payment-instructions .qr-code-box .qr-placeholder{background-color:#282a2c;border-color:rgba(107,114,128,.1098039216);color:#aaaaaa}.checkout-section .checkout-card .payment-instructions .qr-code-box .qr-placeholder svg{font-size:48px;opacity:.5}.checkout-section .checkout-card .payment-instructions .qr-code-box .qr-placeholder span{font-size:14px;font-weight:500}.checkout-section .checkout-card .payment-instructions .bank-details{flex-grow:1;display:flex;flex-direction:column;gap:20px;justify-content:center}@media (max-width:600px){.checkout-section .checkout-card .payment-instructions .bank-details{width:100%}}.checkout-section .checkout-card .payment-instructions .bank-details .info-row{display:flex;flex-direction:column;gap:6px}.checkout-section .checkout-card .payment-instructions .bank-details .info-row span{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-weight:600}body.dark .checkout-section .checkout-card .payment-instructions .bank-details .info-row span{color:#aaaaaa}.checkout-section .checkout-card .payment-instructions .bank-details .info-row strong{font-size:16px;color:#1f2937}body.dark .checkout-section .checkout-card .payment-instructions .bank-details .info-row strong{color:#e3e3e3}.checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group{display:flex;align-items:center;justify-content:space-between;background-color:#f3f4f6;padding:10px 16px;border-radius:8px;border:1px solid #e5e7eb}body.dark .checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group{background-color:#282a2c;border-color:rgba(75,85,99,.4)}.checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group button{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}body.dark .checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group button{color:#aaaaaa}.checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group button:hover{color:#3b82f6;background-color:rgba(59,130,246,.1)}.checkout-section .checkout-card .payment-instructions .bank-details .info-row.highlight .copy-group{background-color:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3)}.checkout-section .checkout-card .payment-instructions .bank-details .info-row.highlight .copy-group strong{color:#f59e0b;font-size:18px}.checkout-section .checkout-card .payment-instructions .bank-details .info-row.highlight .copy-group button{color:#f59e0b}.checkout-section .checkout-card .checkout-note{background-color:#fefce8;border:1px solid #facc15;padding:16px 20px;border-radius:8px}body.dark .checkout-section .checkout-card .checkout-note{background-color:#422006;border-color:#d97706}.checkout-section .checkout-card .checkout-note p{margin:0 0 8px;color:#1f2937;font-size:15px}body.dark .checkout-section .checkout-card .checkout-note p{color:#e3e3e3}.checkout-section .checkout-card .checkout-note p strong{color:#ef4444}.checkout-section .checkout-card .checkout-note ul{margin:0;padding-left:20px;color:#4b5563;font-size:14px;line-height:1.5}body.dark .checkout-section .checkout-card .checkout-note ul{color:#aaaaaa}.checkout-section .checkout-card .checkout-note ul li{margin-bottom:4px}.checkout-section .checkout-card .toast-copied{position:absolute;top:20px;right:20px;background-color:#10b981;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;animation:slideInDown .3s ease-out forwards;box-shadow:0 4px 12px rgba(16,185,129,.3)}.pricing-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;background-color:#f9fafb;padding:6px;border-radius:12px;border:1px solid #e5e7eb}body.dark .pricing-tabs{background-color:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.pricing-tabs .tab-btn{padding:12px 24px;border-radius:8px;border:none;background:transparent;color:#4b5563;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}body.dark .pricing-tabs .tab-btn{color:#aaaaaa}.pricing-tabs .tab-btn:hover{color:#1f2937}body.dark .pricing-tabs .tab-btn:hover{color:#e3e3e3}.pricing-tabs .tab-btn.active{background-color:#ffffff;color:#3b82f6;box-shadow:0 2px 8px rgba(0,0,0,.08)}body.dark .pricing-tabs .tab-btn.active{background-color:#18181b;color:#3b82f6;box-shadow:0 4px 12px rgba(0,0,0,.3)}@media (max-width:600px){.pricing-tabs{flex-direction:column;width:100%;max-width:320px}.pricing-tabs .tab-btn{width:100%;justify-content:center}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.share-modal{background-color:#ffffff;width:100%;max-width:500px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:flex;flex-direction:column;animation:modalScaleIn .2s ease-out}body.dark .share-modal{background-color:rgb(30,31,32);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.share-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}body.dark .share-modal__header{border-bottom-color:rgba(255,255,255,.08)}.share-modal__header .title{font-size:18px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:10px}body.dark .share-modal__header .title{color:#e3e3e3}.share-modal__header .close-btn{background:transparent;border:none;font-size:18px;cursor:pointer;color:#6b7280;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}.share-modal__header .close-btn:hover{background:#f3f4f6;color:#ef4444}body.dark .share-modal__header .close-btn{color:#aaaaaa}body.dark .share-modal__header .close-btn:hover{background:#37393b;color:#ef4444}.share-modal__body{padding:20px;display:flex;flex-direction:column;gap:20px;min-height:250px}.share-modal .selected-users-area label{font-size:13px;font-weight:600;color:#4b5563;margin-bottom:8px;display:block}body.dark .share-modal .selected-users-area label{color:#aaaaaa}.share-modal .selected-users-area .empty-text{font-size:14px;color:#6b7280;font-style:italic}body.dark .share-modal .selected-users-area .empty-text{color:#aaaaaa}.share-modal .selected-users-area .chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.share-modal .selected-users-area .user-chip{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:99px;transition:all .2s;max-width:100%}body.dark .share-modal .selected-users-area .user-chip{background-color:#374151;border-color:#4b5563}.share-modal .selected-users-area .user-chip:hover{background-color:#e5e7eb;border-color:#d1d5db}.share-modal .selected-users-area .user-chip .chip-avatar{border-radius:50%;object-fit:cover;flex-shrink:0;background-color:#fff}.share-modal .selected-users-area .user-chip .chip-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;max-width:200px}.share-modal .selected-users-area .user-chip .chip-name{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}body.dark .share-modal .selected-users-area .user-chip .chip-name{color:#f3f4f6}.share-modal .selected-users-area .user-chip .chip-email{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}body.dark .share-modal .selected-users-area .user-chip .chip-email{color:#9ca3af}.share-modal .selected-users-area .user-chip .chip-remove{background:transparent;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:50%;width:20px;height:20px;margin-left:4px;transition:all .2s;flex-shrink:0}.share-modal .selected-users-area .user-chip .chip-remove:hover{background:#fee2e2;color:#ef4444}.share-modal .search-wrapper{position:relative}.share-modal .search-wrapper .input-group{position:relative;display:flex;align-items:center}.share-modal .search-wrapper .input-group .search-icon{position:absolute;left:12px;color:#6b7280}body.dark .share-modal .search-wrapper .input-group .search-icon{color:#aaaaaa}.share-modal .search-wrapper .input-group .loading-icon{position:absolute;right:12px;color:#3b82f6}.share-modal .search-wrapper .input-group input{width:100%;padding:12px 35px;border-radius:8px;font-size:14px;border:1px solid #d1d5db;background:#ffffff;color:#1f2937;transition:.2s}.share-modal .search-wrapper .input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.share-modal .search-wrapper .input-group input:disabled{background:#f3f4f6;cursor:not-allowed}body.dark .share-modal .search-wrapper .input-group input{background:#18181b;border-color:rgba(255,255,255,.12);color:#e3e3e3}body.dark .share-modal .search-wrapper .input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.4)}body.dark .share-modal .search-wrapper .input-group input:disabled{background:rgba(255,255,255,.02)}.share-modal .search-wrapper .search-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden;z-index:10;max-height:250px;overflow-y:auto}body.dark .share-modal .search-wrapper .search-dropdown{background:#232323;border-color:rgba(255,255,255,.08);box-shadow:0 10px 20px rgba(0,0,0,.5)}.share-modal .search-wrapper .search-dropdown .dropdown-empty{padding:12px;text-align:center;font-size:13px;color:#6b7280}body.dark .share-modal .search-wrapper .search-dropdown .dropdown-empty{color:#aaaaaa}.share-modal .search-wrapper .search-dropdown .dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:.2s;border-bottom:1px solid #f9fafb}.share-modal .search-wrapper .search-dropdown .dropdown-item:last-child{border-bottom:none}.share-modal .search-wrapper .search-dropdown .dropdown-item:hover{background:#f9fafb}body.dark .share-modal .search-wrapper .search-dropdown .dropdown-item{border-bottom-color:rgba(255,255,255,.02)}body.dark .share-modal .search-wrapper .search-dropdown .dropdown-item:hover{background:rgba(255,255,255,.05)}.share-modal .search-wrapper .search-dropdown .dropdown-item .dropdown-avatar{border-radius:50%;object-fit:cover}.share-modal .search-wrapper .search-dropdown .dropdown-item .dropdown-info{display:flex;flex-direction:column}.share-modal .search-wrapper .search-dropdown .dropdown-item .dropdown-info .dropdown-name{font-size:14px;font-weight:600;color:#1f2937}body.dark .share-modal .search-wrapper .search-dropdown .dropdown-item .dropdown-info .dropdown-name{color:#e3e3e3}.share-modal .search-wrapper .search-dropdown .dropdown-item .dropdown-info .dropdown-email{font-size:12px;color:#6b7280}body.dark .share-modal .search-wrapper .search-dropdown .dropdown-item .dropdown-info .dropdown-email{color:#aaaaaa}.share-modal__footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb;border-radius:0 0 12px 12px}body.dark .share-modal__footer{background:#18181b;border-top-color:rgba(255,255,255,.08)}.share-modal__footer button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s}.share-modal__footer button.btn-cancel{background:transparent;border:1px solid #d1d5db;color:#4b5563}.share-modal__footer button.btn-cancel:hover{background:#ffffff}body.dark .share-modal__footer button.btn-cancel{border-color:rgba(255,255,255,.12);color:#aaaaaa}body.dark .share-modal__footer button.btn-cancel:hover{background:rgba(255,255,255,.05)}.share-modal__footer button.btn-save{background:#3b82f6;border:none;color:white;display:flex;align-items:center;gap:8px}.share-modal__footer button.btn-save:hover{background:rgba(37,100,235,.6509803922)}.share-modal__footer button.btn-save:disabled{opacity:.6;cursor:not-allowed}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.analytics-dashboard{padding:24px;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif}.analytics-dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.analytics-dashboard__header h2{font-size:20px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:10px}body.dark .analytics-dashboard__header h2{color:#e3e3e3}.analytics-dashboard__header .header-actions{display:flex;align-items:center;gap:12px}.analytics-dashboard__header .time-select{padding:8px 16px;border-radius:8px;border:1px solid #d1d5db;background:#ffffff;color:#1f2937;font-weight:600;cursor:pointer;outline:none}body.dark .analytics-dashboard__header .time-select{background:rgb(30,31,32);border-color:rgba(75,85,99,.4);color:#e3e3e3}.analytics-dashboard__header .balance-badge{padding:8px 16px;border-radius:8px;font-weight:700;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4338ca,#312e81);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px rgba(67,56,202,.2)}.analytics-dashboard__header .balance-badge .vip-text{font-size:11px;opacity:.9;text-transform:uppercase}.analytics-dashboard__header .btn-exchange{padding:8px 16px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;background:linear-gradient(135deg,#475569,#334155);color:#fff;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;box-shadow:0 4px 10px rgba(71,85,105,.2)}.analytics-dashboard__header .btn-exchange:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 6px 14px rgba(71,85,105,.3)}.analytics-dashboard__rules-banner{background:linear-gradient(90deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px 24px;margin-bottom:24px;display:flex;gap:16px}body.dark .analytics-dashboard__rules-banner{background:linear-gradient(90deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border-color:rgba(59,130,246,.3)}.analytics-dashboard__rules-banner .rules-icon{font-size:24px;color:#3b82f6;margin-top:4px}.analytics-dashboard__rules-banner .rules-content h3{font-size:16px;font-weight:700;margin-bottom:8px;color:#1f2937}body.dark .analytics-dashboard__rules-banner .rules-content h3{color:#e3e3e3}.analytics-dashboard__rules-banner .rules-content ul{list-style:none;padding:0;margin:0}.analytics-dashboard__rules-banner .rules-content ul li{font-size:14px;color:#4b5563;margin-bottom:6px;display:flex;align-items:center;gap:8px}body.dark .analytics-dashboard__rules-banner .rules-content ul li{color:#aaaaaa}.analytics-dashboard__rules-banner .rules-content ul li:before{content:"•";color:#8b5cf6;font-weight:700}.analytics-dashboard__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.analytics-dashboard__summary .stat-card{background:#ffffff;padding:20px;border-radius:12px;border:1px solid #e5e7eb}body.dark .analytics-dashboard__summary .stat-card{background:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.analytics-dashboard__summary .stat-card .stat-title{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:8px}body.dark .analytics-dashboard__summary .stat-card .stat-title{color:#aaaaaa}.analytics-dashboard__summary .stat-card .stat-value{font-size:28px;font-weight:700;display:flex;align-items:center;gap:8px;color:#1f2937}body.dark .analytics-dashboard__summary .stat-card .stat-value{color:#e3e3e3}.analytics-dashboard__charts{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}@media (max-width:992px){.analytics-dashboard__charts{grid-template-columns:1fr}}.analytics-dashboard__charts .chart-box{background:#ffffff;padding:20px;border-radius:12px;border:1px solid #e5e7eb}body.dark .analytics-dashboard__charts .chart-box{background:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.analytics-dashboard__charts .chart-box h3{margin-bottom:20px;font-size:16px;font-weight:600;color:#1f2937}body.dark .analytics-dashboard__charts .chart-box h3{color:#e3e3e3}.analytics-dashboard__top-exams{background:#ffffff;padding:20px;border-radius:12px;border:1px solid #e5e7eb}body.dark .analytics-dashboard__top-exams{background:rgb(30,31,32);border-color:rgba(75,85,99,.4)}.analytics-dashboard__top-exams h3{margin-bottom:16px;font-size:18px;font-weight:700;color:#1f2937}body.dark .analytics-dashboard__top-exams h3{color:#e3e3e3}.analytics-dashboard__top-exams .table-responsive{overflow-x:auto}.analytics-dashboard__top-exams .table-responsive table{width:100%;border-collapse:collapse;font-size:14px}.analytics-dashboard__top-exams .table-responsive table th{padding:14px 12px;border-bottom:2px solid #e5e7eb;color:#6b7280;text-align:left}body.dark .analytics-dashboard__top-exams .table-responsive table th{border-color:rgba(75,85,99,.4);color:#9ca3af}.analytics-dashboard__top-exams .table-responsive table td{padding:16px 12px;border-bottom:1px solid #e5e7eb;color:#4b5563}body.dark .analytics-dashboard__top-exams .table-responsive table td{border-color:rgba(255,255,255,.05);color:#d1d5db}.analytics-dashboard__top-exams .table-responsive table .exam-name{font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-dashboard__top-exams .table-responsive table .exam-name a{color:#1f2937;text-decoration:none}body.dark .analytics-dashboard__top-exams .table-responsive table .exam-name a{color:#f3f4f6}.analytics-dashboard__top-exams .table-responsive table .exam-name a:hover{color:#3b82f6}.analytics-dashboard__top-exams .table-responsive table .col-total-plays{font-weight:800;color:#1f2937}body.dark .analytics-dashboard__top-exams .table-responsive table .col-total-plays{color:#ffffff}.analytics-dashboard__top-exams .table-responsive table .rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-weight:700;background:rgba(0,0,0,.05);color:#4b5563}body.dark .analytics-dashboard__top-exams .table-responsive table .rank-badge{background:rgba(255,255,255,.1);color:#d1d5db}.analytics-dashboard__top-exams .table-responsive table .rank-badge.top-1{background:rgba(245,158,11,.15);color:#f59e0b}body.dark .analytics-dashboard__top-exams .table-responsive table .rank-badge.top-1{background:rgba(245,158,11,.2)}.analytics-dashboard__top-exams .table-responsive table .rank-badge.top-2{background:rgba(156,163,175,.15);color:#9ca3af}body.dark .analytics-dashboard__top-exams .table-responsive table .rank-badge.top-2{background:rgba(156,163,175,.2)}.analytics-dashboard__top-exams .table-responsive table .rank-badge.top-3{background:rgba(217,119,6,.15);color:#d97706}body.dark .analytics-dashboard__top-exams .table-responsive table .rank-badge.top-3{background:rgba(217,119,6,.2)}.analytics-dashboard__top-exams .table-responsive table .reward-cell{min-width:200px}.analytics-dashboard__top-exams .table-responsive table .reward-cell .reward-progress{display:flex;flex-direction:column;gap:6px}.analytics-dashboard__top-exams .table-responsive table .reward-cell .reward-progress .reward-info{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.analytics-dashboard__top-exams .table-responsive table .reward-cell .reward-progress .reward-info .gift{color:#f59e0b}.analytics-dashboard__top-exams .table-responsive table .reward-cell .reward-progress .reward-info .money{color:#10b981}.analytics-dashboard__top-exams .table-responsive table .reward-cell .reward-progress .progress-bg{width:100%;height:6px;background:#f3f4f6;border-radius:99px;overflow:hidden}body.dark .analytics-dashboard__top-exams .table-responsive table .reward-cell .reward-progress .progress-bg{background:#374151}.analytics-dashboard__top-exams .table-responsive table .reward-cell .reward-progress .progress-bg .progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s}.analytics-dashboard__top-exams .table-responsive table .reward-cell .btn-claim{width:100%;padding:8px;border-radius:8px;border:none;color:white;font-weight:700;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.analytics-dashboard__top-exams .table-responsive table .reward-cell .btn-claim svg{margin-right:6px}.analytics-dashboard__top-exams .table-responsive table .reward-cell .btn-claim.vip{background:linear-gradient(135deg,#f59e0b,#d97706);animation:pulse-gold 2s infinite}.analytics-dashboard__top-exams .table-responsive table .reward-cell .btn-claim.money{background:linear-gradient(135deg,#8b5cf6,#6d28d9);margin-top:4px}.analytics-dashboard__top-exams .table-responsive table .reward-cell .btn-claim:disabled{opacity:.8;cursor:wait;filter:grayscale(.3);animation:none;transform:scale(.98)}.analytics-dashboard__top-exams .table-responsive table .reward-cell .btn-claim:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.analytics-dashboard__skeleton{animation:pulse 1.5s ease-in-out infinite;background-color:#f3f4f6;border-radius:12px}body.dark .analytics-dashboard__skeleton{background-color:#3a3a3a}.analytics-dashboard__skeleton--title{height:40px;width:250px;margin-bottom:24px}.analytics-dashboard__skeleton--card{height:112px}.analytics-dashboard__skeleton--chart{height:360px}.exchange-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.exchange-modal-overlay .exchange-modal{background:#ffffff;padding:24px;border-radius:16px;width:420px;position:relative;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}body.dark .exchange-modal-overlay .exchange-modal{background:rgb(30,31,32);border:1px solid rgba(75,85,99,.4);color:#e3e3e3;box-shadow:0 20px 25px -5px rgba(0,0,0,.5)}.exchange-modal-overlay .exchange-modal .btn-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;font-size:20px;color:#4b5563}body.dark .exchange-modal-overlay .exchange-modal .btn-close{color:#aaaaaa}.exchange-modal-overlay .exchange-modal .btn-close:hover{color:#ef4444}.exchange-modal-overlay .exchange-modal .modal-title{font-size:18px;font-weight:700;margin-bottom:20px;display:flex;gap:8px;color:#1f2937}body.dark .exchange-modal-overlay .exchange-modal .modal-title{color:#e3e3e3}.exchange-modal-overlay .exchange-modal p{color:#4b5563}body.dark .exchange-modal-overlay .exchange-modal p{color:#aaaaaa}.exchange-modal-overlay .exchange-modal .exchange-card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:12px}body.dark .exchange-modal-overlay .exchange-modal .exchange-card{border-color:rgba(75,85,99,.4);background:rgba(255,255,255,.02)}.exchange-modal-overlay .exchange-modal .exchange-card h4{font-size:14px;font-weight:700;margin-bottom:4px;display:flex;justify-content:space-between;color:#1f2937}body.dark .exchange-modal-overlay .exchange-modal .exchange-card h4{color:#e3e3e3}.exchange-modal-overlay .exchange-modal .exchange-card p{font-size:12px;margin-bottom:12px}.exchange-modal-overlay .exchange-modal .exchange-card .badge-soon{background:#fef08a;color:#854d0e;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700}.exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper{display:flex;margin-bottom:8px}.exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper input{flex:1;padding:12px;border-radius:8px;border:1px solid #d1d5db;text-align:center;font-weight:800;font-size:18px;outline:none;color:#1f2937;background:#ffffff}body.dark .exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper input{background:#282a2c;border-color:rgba(75,85,99,.4);color:#e3e3e3}.exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper input::-webkit-inner-spin-button,.exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper input[type=number]{-moz-appearance:textfield}.exchange-modal-overlay .exchange-modal .exchange-card .btn-action{width:100%;padding:12px;border-radius:8px;border:none;color:white;font-weight:700;cursor:pointer;transition:.2s;display:flex;justify-content:center;align-items:center;gap:8px}.exchange-modal-overlay .exchange-modal .exchange-card .btn-action.primary{background:#3b82f6}.exchange-modal-overlay .exchange-modal .exchange-card .btn-action.primary:hover:not(:disabled){background:#2563eb}.exchange-modal-overlay .exchange-modal .exchange-card .btn-action.disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}body.dark .exchange-modal-overlay .exchange-modal .exchange-card .btn-action.disabled{background:#374151;color:#9ca3af}@keyframes pulse-gold{0%{box-shadow:0 0 0 0 rgba(245,158,11,.5)}70%{box-shadow:0 0 0 8px rgba(245,158,11,0)}to{box-shadow:0 0 0 0 rgba(245,158,11,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}