html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.content-area strong,.content-area b{font-weight:700!important}.content-area em,.content-area i{font-style:italic!important}.content-area strike,.content-area s{text-decoration:line-through!important}.content-area u{text-decoration:underline!important}.content-area ul{margin-left:20px;list-style-type:disc!important}.content-area ol{margin-left:20px;list-style-type:decimal!important}.content-area ol.alpha{list-style-type:lower-alpha!important}.content-area ol.roman{list-style-type:upper-roman!important}.content-area pre{color:#fff;background-color:#0c0a09!important;border-radius:5px!important;padding:10px!important;font-family:monospace!important;overflow-x:auto!important}*,:before,:after{box-sizing:border-box}html{--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:#aaa;--dark:#342e37;--red:#db504a;--yellow:#ffce26;--light-yellow:#fff2c6;--orange:#fd7238;--light-orange:#ffe0d3;height:100%;font-size:62.5%}body{background-color:#f2f4f7;height:100%;font-family:Inter;font-size:1.4rem;line-height:1.5}body.dashboard-mode{width:100vw!important;height:100dvh!important;overflow:hidden!important}@media (prefers-reduced-motion:reduce){.fa-spin,.fa-pulse{animation:2s linear infinite fa-spin!important}}body.quiz-page-active{overflow:hidden}body.dark{background-color:#131314}input,button,select,textarea{font-family:inherit;line-height:inherit}::placeholder{opacity:.8;font-size:12px!important;font-style:normal!important}.sticky{position:sticky;top:.5vh}a{text-decoration:none}.btn-success{background-color:#17a2b8;color:#fff!important}.btn-light{color:#000}.border-success{border-color:#17a2b8!important}.css-button-blue{box-sizing:border-box;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;color:#fff;text-transform:capitalize;background-color:#0a8fdc;border:0;border-radius:8px;outline:0;justify-content:center;align-items:center;min-width:64px;margin:0;padding:6px 16px;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:500;line-height:1.75;text-decoration:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mt-2{margin-top:20px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mb-4{margin-bottom:40px}.error-text{color:#d32f2f}body.dark .error-text{color:#ef5350}.text-success{color:#28a745}.disabled-link{pointer-events:none;opacity:.5;text-decoration:none}.skeleton-image{background:#ccc9 0 0/400% 100%;border-radius:8px;width:100px;height:100px}@keyframes loadingAnimation{0%{background-position:100% 0}to{background-position:0 0}}#nprogress{pointer-events:none}#nprogress .bar{z-index:9999;background:#29d;width:100%;height:3px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #29d,0 0 5px #29d}input.readonly{color:#666;background-color:#f4f4f4;border-color:#d1d1d1}.matching-item.draft .shadow-matching{background:#fff8d8}.matching-item.success .shadow-matching{background:#e7f7e7}.matching-item.error .shadow-matching{background:#fdeaea}.progress{border-radius:4px;height:6px;margin-bottom:4px;display:flex;overflow:hidden}.progress .bar{display:block}.progress .correct{background:#4caf50}.progress .approx{background:#ffc107}.progress .wrong{background:#f44336}.numbers{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.numbers .num{text-align:center;font-size:11px}.numbers .num strong{font-size:14px;display:block}.numbers .correct strong{color:#4caf50}.numbers .approx strong{color:#ffc107}.numbers .wrong strong{color:#f44336}.numbers .unanswered strong{color:#9e9e9e}.submit-button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}.submit-button.submitted{cursor:default;background-color:#4caf50}.questions-section.skeleton{padding:0 8px;display:flex;overflow-x:hidden}.questions-section.skeleton .skel-tab{background:#e0e0e0;border-radius:4px;width:44px;height:24px;margin:0 4px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.image-loading{filter:blur(10px);transition:filter .3s ease-in-out,transform .3s ease-in-out;transform:scale(1.1)}.image-loaded{filter:blur();transform:scale(1)}p.has-image{width:65%;height:auto;position:relative}p.has-image img{border-radius:12px;width:100%;height:auto;display:block}p.has-image.loading:before{content:"";background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:12px;height:200px;animation:1.5s infinite shimmer;position:absolute;inset:0}.ML__keyboard{z-index:99999!important}.reveal-highlight{animation:.28s ease-out optionPulse}@keyframes optionPulse{0%{transform:scale(1)}60%{transform:scale(1.015)}to{transform:scale(1)}}.back-navigation-outside{align-items:center;width:100%;padding:8px 24px 0;display:flex}@media (max-width:768px){.back-navigation-outside{padding:8px 16px 0}}.row>*,.container-fluid,.container-exam,.container{padding-left:calc(var(--grid-gutter-x) * .5);padding-right:calc(var(--grid-gutter-x) * .5)}.container-fluid,.container-exam,.container{--grid-gutter-x:30px;--grid-gutter-y:0;width:1370px;margin-left:auto;margin-right:auto}.container{width:1200px}.container-exam{width:1650px}.row{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);flex-wrap:wrap;display:flex}.row>*{margin-top:var(--grid-gutter-y)}.col{flex:1 0}.row-cols-1>*{flex:none;width:100%}.row-cols-2>*{flex:none;width:50%}.row-cols-3>*{flex:none;width:33.3333%}.row-cols-4>*{flex:none;width:25%}.row-cols-5>*{flex:none;width:20%}.row-cols-6>*{flex:none;width:16.6667%}.col-1{flex:none;width:8.33333%}.col-2{flex:none;width:16.6667%}.col-3{flex:none;width:25%}.col-4{flex:none;width:33.3333%}.col-5{flex:none;width:41.6667%}.col-6{flex:none;width:50%}.col-7{flex:none;width:58.3333%}.col-8{flex:none;width:66.6667%}.col-9{flex:none;width:75%}.col-10{flex:none;width:83.3333%}.col-11{flex:none;width:91.6667%}.col-12{flex:none;width:100%}.offset-0{margin-left:0}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.6667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333%}.offset-5{margin-left:41.6667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333%}.offset-8{margin-left:66.6667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333%}.offset-11{margin-left:91.6667%}.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:none;width:100%}.row-cols-xxxl-2>*{flex:none;width:50%}.row-cols-xxxl-3>*{flex:none;width:33.3333%}.row-cols-xxxl-4>*{flex:none;width:25%}.row-cols-xxxl-5>*{flex:none;width:20%}.row-cols-xxxl-6>*{flex:none;width:16.6667%}.col-xxxl-1{flex:none;width:8.33333%}.col-xxxl-2{flex:none;width:16.6667%}.col-xxxl-3{flex:none;width:25%}.col-xxxl-4{flex:none;width:33.3333%}.col-xxxl-5{flex:none;width:41.6667%}.col-xxxl-6{flex:none;width:50%}.col-xxxl-7{flex:none;width:58.3333%}.col-xxxl-8{flex:none;width:66.6667%}.col-xxxl-9{flex:none;width:75%}.col-xxxl-10{flex:none;width:83.3333%}.col-xxxl-11{flex:none;width:91.6667%}.col-xxxl-12{flex:none;width:100%}.offset-xxxl-0{margin-left:0}.offset-xxxl-1{margin-left:8.33333%}.offset-xxxl-2{margin-left:16.6667%}.offset-xxxl-3{margin-left:25%}.offset-xxxl-4{margin-left:33.3333%}.offset-xxxl-5{margin-left:41.6667%}.offset-xxxl-6{margin-left:50%}.offset-xxxl-7{margin-left:58.3333%}.offset-xxxl-8{margin-left:66.6667%}.offset-xxxl-9{margin-left:75%}.offset-xxxl-10{margin-left:83.3333%}.offset-xxxl-11{margin-left:91.6667%}.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:none;width:100%}.row-cols-xxl-2>*{flex:none;width:50%}.row-cols-xxl-3>*{flex:none;width:33.3333%}.row-cols-xxl-4>*{flex:none;width:25%}.row-cols-xxl-5>*{flex:none;width:20%}.row-cols-xxl-6>*{flex:none;width:16.6667%}.col-xxl-1{flex:none;width:8.33333%}.col-xxl-2{flex:none;width:16.6667%}.col-xxl-3{flex:none;width:25%}.col-xxl-4{flex:none;width:33.3333%}.col-xxl-5{flex:none;width:41.6667%}.col-xxl-6{flex:none;width:50%}.col-xxl-7{flex:none;width:58.3333%}.col-xxl-8{flex:none;width:66.6667%}.col-xxl-9{flex:none;width:75%}.col-xxl-10{flex:none;width:83.3333%}.col-xxl-11{flex:none;width:91.6667%}.col-xxl-12{flex:none;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333%}.offset-xxl-2{margin-left:16.6667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333%}.offset-xxl-5{margin-left:41.6667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333%}.offset-xxl-8{margin-left:66.6667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333%}.offset-xxl-11{margin-left:91.6667%}.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:none;width:100%}.row-cols-xl-2>*{flex:none;width:50%}.row-cols-xl-3>*{flex:none;width:33.3333%}.row-cols-xl-4>*{flex:none;width:25%}.row-cols-xl-5>*{flex:none;width:20%}.row-cols-xl-6>*{flex:none;width:16.6667%}.col-xl-1{flex:none;width:8.33333%}.col-xl-2{flex:none;width:16.6667%}.col-xl-3{flex:none;width:25%}.col-xl-4{flex:none;width:33.3333%}.col-xl-5{flex:none;width:41.6667%}.col-xl-6{flex:none;width:50%}.col-xl-7{flex:none;width:58.3333%}.col-xl-8{flex:none;width:66.6667%}.col-xl-9{flex:none;width:75%}.col-xl-10{flex:none;width:83.3333%}.col-xl-11{flex:none;width:91.6667%}.col-xl-12{flex:none;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.6667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333%}.offset-xl-5{margin-left:41.6667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333%}.offset-xl-8{margin-left:66.6667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333%}.offset-xl-11{margin-left:91.6667%}.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:none;width:100%}.row-cols-lg-2>*{flex:none;width:50%}.row-cols-lg-3>*{flex:none;width:33.3333%}.row-cols-lg-4>*{flex:none;width:25%}.row-cols-lg-5>*{flex:none;width:20%}.row-cols-lg-6>*{flex:none;width:16.6667%}.col-lg-1{flex:none;width:8.33333%}.col-lg-2{flex:none;width:16.6667%}.col-lg-3{flex:none;width:25%}.col-lg-4{flex:none;width:33.3333%}.col-lg-5{flex:none;width:41.6667%}.col-lg-6{flex:none;width:50%}.col-lg-7{flex:none;width:58.3333%}.col-lg-8{flex:none;width:66.6667%}.col-lg-9{flex:none;width:75%}.col-lg-10{flex:none;width:83.3333%}.col-lg-11{flex:none;width:91.6667%}.col-lg-12{flex:none;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.6667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333%}.offset-lg-5{margin-left:41.6667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333%}.offset-lg-8{margin-left:66.6667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333%}.offset-lg-11{margin-left:91.6667%}.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:none;width:100%}.row-cols-md-2>*{flex:none;width:50%}.row-cols-md-3>*{flex:none;width:33.3333%}.row-cols-md-4>*{flex:none;width:25%}.row-cols-md-5>*{flex:none;width:20%}.row-cols-md-6>*{flex:none;width:16.6667%}.col-md-1{flex:none;width:8.33333%}.col-md-2{flex:none;width:16.6667%}.col-md-3{flex:none;width:25%}.col-md-4{flex:none;width:33.3333%}.col-md-5{flex:none;width:41.6667%}.col-md-6{flex:none;width:50%}.col-md-7{flex:none;width:58.3333%}.col-md-8{flex:none;width:66.6667%}.col-md-9{flex:none;width:75%}.col-md-10{flex:none;width:83.3333%}.col-md-11{flex:none;width:91.6667%}.col-md-12{flex:none;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.6667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333%}.offset-md-5{margin-left:41.6667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333%}.offset-md-8{margin-left:66.6667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333%}.offset-md-11{margin-left:91.6667%}.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:none;width:100%}.row-cols-sm-2>*{flex:none;width:50%}.row-cols-sm-3>*{flex:none;width:33.3333%}.row-cols-sm-4>*{flex:none;width:25%}.row-cols-sm-5>*{flex:none;width:20%}.row-cols-sm-6>*{flex:none;width:16.6667%}.col-sm-1{flex:none;width:8.33333%}.col-sm-2{flex:none;width:16.6667%}.col-sm-3{flex:none;width:25%}.col-sm-4{flex:none;width:33.3333%}.col-sm-5{flex:none;width:41.6667%}.col-sm-6{flex:none;width:50%}.col-sm-7{flex:none;width:58.3333%}.col-sm-8{flex:none;width:66.6667%}.col-sm-9{flex:none;width:75%}.col-sm-10{flex:none;width:83.3333%}.col-sm-11{flex:none;width:91.6667%}.col-sm-12{flex:none;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.6667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333%}.offset-sm-5{margin-left:41.6667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333%}.offset-sm-8{margin-left:66.6667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333%}.offset-sm-11{margin-left:91.6667%}.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{background:linear-gradient(90deg,#feb343 0%,#f15726 49.48%,#ec4532 100%);border-top:9px solid #feae45;margin-top:60px}@media (max-width:575.98px){#footer-host{background:linear-gradient(90deg,#feb343 0%,#f15726 100%,#ec4532 100%)}}#footer-host .footer-1{margin-bottom:35px}#footer-host .footer-1 .title{text-transform:uppercase;color:#fff;margin-bottom:12px;padding-top:30px;font-size:2.8rem;font-weight:900}#footer-host .footer-1 .content p{text-transform:capitalize;color:#fff;font-size:17px;font-weight:300;line-height:1.4}#footer-host .footer-1 .content p a{color:#fff;text-decoration:none;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{text-transform:uppercase;color:#fff;margin-bottom:12px;padding-top:30px;font-size:2.8rem;font-weight:900}#footer-host .footer-2 .content-image-1{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}@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{grid-template-columns:repeat(4,1fr);gap:21px;display:grid}#footer-host .footer-2 .content-image-2 img{max-width:100%}#footer-host .footer-2 .content-image-3{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}#footer-host .footer-2 .content-image-3 .item{align-items:center;gap:10px;display:flex}#footer-host .footer-2 .content-image-3 img{max-width:100%}#footer-host .footer-2 .content-image-3 a{color:#fff;font-size:1.5rem;text-decoration:none}#footer-host .footer-3{border-top:1px solid #fff;padding:10px 0}#footer-host .footer-3 p{color:#fff;text-align:center;font-size:1.4rem;font-weight:600}#exam{height:2000px}#exam .container img{width:95px;height:90px}#exam .container .header{text-align:center;justify-content:center;display:flex}#exam .container .header .left{flex:1}#exam .container .header .center{flex:2}#exam .container .header .center h1{color:#31708f;margin-bottom:8px;font-size:32px;font-weight:500;line-height:1.2}#exam .container .header .center h2{color:#31708f;margin-bottom:8px;font-size:40px;font-weight:500;line-height:1.2}#exam .container .header .right{flex:1}#exam .container .content{text-align:center}#exam .container .content h3{color:#31708f;margin-bottom:8px;font-size:28px;font-weight:500;line-height:1.2}#exam .container .content h4{color:#31708f;margin-bottom:8px;font-size:24px;font-weight:500;line-height:1.2}#exam .container nav{background-color:#f7f7f9;padding:8px;position:sticky;top:0}#exam .container nav .question-time{margin-top:16px;margin-bottom:24px;display:flex}#exam .container nav .question-time .index-question{flex-wrap:wrap;flex:3;padding-right:20px;display:flex}#exam .container nav .question-time .index-question .index{text-align:center;color:#000;border:1px solid #17a2b8;width:30px;height:30px;margin:4px 4px 4px 0;font-size:11px;line-height:30px;text-decoration:none}#exam .container .question-container .question-item{background-color:#fff;border:1px solid #dee2e6;border-radius:5px;margin-bottom:1.5rem;padding:10px;line-height:1.7;box-shadow:0 .5rem 1rem #00000026}#exam .container .question-container .question-item b{color:#212529;font-weight:bolder}#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{color:#212529;margin-bottom:8px;padding-left:20px;font-weight:400}#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{gap:30px;margin-bottom:35px;display:flex}#exam .container .question-container .question-item .answer-matching .content{text-align:left;flex:1;padding:0 20px}#exam .container .question-container .question-item .answer-matching .dropdown{flex:1;width:300px;height:50px;position:relative}#exam .container .question-container .question-item .answer-matching .dropdown input{cursor:pointer;background:#fff;border:2px solid #e0e3e0;border-radius:10px;outline:none;width:100%;height:100%;padding:12px 20px;position:absolute;top:0;left:0;box-shadow:0 5px 20px #0000000d}#exam .container .question-container .question-item .answer-matching .dropdown .matching-select{z-index:5;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;font-size:1.5rem;display:none;position:absolute;top:50px;overflow:hidden;box-shadow:0 30px 30px #0000000d}#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){color:#fff;background:#62baed}#exam .container .question-container .question-item .answer-matching .dropdown .matching-select div{cursor:pointer;padding:5px 20px}#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:"";pointer-events:none;z-index:3;border:2px solid #fff;border-color:#fff #fff #333 #333;width:8px;height:8px;transition:all .5s;position:absolute;top:15px;right:20px;transform:rotate(-45deg)}#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{cursor:pointer;align-items:center;margin-right:10px;display:inline-flex}#exam .radio .radio__input{display:none}#exam .radio .radio__input:checked+.radio__radio:after{transform:scale(1)}#exam .radio .radio__radio{box-sizing:border-box;border:2px solid #d8e4e2;border-radius:50%;width:1.25em;height:1.25em;margin-right:10px;padding:2px}#exam .radio .radio__radio:after{content:"";background:#009879;border-radius:50%;width:100%;height:100%;transition:transform .15s;display:block;transform:scale(0)}#exam .answer-multichoice{gap:10px;margin-bottom:8px;padding-left:20px;display:flex}#exam .answer-multichoice input[type=checkbox]{appearance:none;cursor:pointer;background-color:#d5d5d5;border-radius:5px;justify-content:center;align-items:center;width:1.55em;height:1.55em;display:flex}#exam .answer-multichoice input[type=checkbox]:after{content:"";color:#fff;font-family:"Font Awesome 5 Free";font-size:1.25em;font-weight:900;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{align-items:center;gap:10px;width:250px;margin-bottom:15px;display:flex}#exam .answer-fill input{background:#fff;border:2px solid #e0e3e0;border-radius:5px;outline:none;width:100%;padding:10px;font-size:1em;transition:all .5s}@media (max-width:1199.98px){#edu-quiz{flex-direction:column;height:100%;display:flex}}#edu-quiz .footer-content-mobile{display:none}@media (max-width:1199.98px){#edu-quiz .footer-content-mobile{flex:none;display:block}}#edu-quiz .footer-content-mobile .navigation{background-color:#3987c7;border-top-left-radius:10px;border-top-right-radius:10px;justify-content:space-between;align-items:center;padding:0 15px;display:flex}#edu-quiz .footer-content-mobile .navigation .left{align-items:center;gap:45px;display:flex}#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{background-color:#4eac88;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}#edu-quiz .footer-content-mobile .navigation .center .center-icon i.check-icon{color:#fff;font-size:32px}#edu-quiz .footer-content-mobile .navigation .right{gap:45px;display:flex}#edu-quiz .footer-content-mobile .navigation i{color:#fff;-webkit-tap-highlight-color:transparent;padding:15px}#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:none;display:block}}#edu-quiz .top-content-mobile .header-md .container-top-content{color:#fff;background-color:#3987c7;justify-content:space-between;align-items:center;padding:10px;display:flex}#edu-quiz .top-content-mobile .header-md .container-top-content .section-left-number{align-items:center;gap:10px;display:flex}#edu-quiz .top-content-mobile .header-md .container-top-content i{-webkit-tap-highlight-color:transparent;padding:10px}#edu-quiz .top-content-mobile .header-md .container-top-content i:hover{color:#dcdcdc}#edu-quiz .top-content-mobile .header-md .questions-section{white-space:nowrap;scrollbar-width:none;scroll-behavior:smooth;background-color:#fff;border-bottom:1px solid #ddd;display:flex;position:relative;overflow-x:auto}#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;color:#72757c;cursor:pointer;flex-grow:1;flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:flex}#edu-quiz .top-content-mobile .header-md .questions-section .question-tab.active{color:#3987c7}#edu-quiz .top-content-mobile .header-md .questions-section .indicator{background-color:#3987c7;height:2px;transition:transform .3s;position:absolute;bottom:0}@media (max-width:1199.98px){#edu-quiz .container-exam{background-color:#f1f1f1;flex:auto;width:100%;padding:20px;overflow-y:auto}}#edu-quiz .container-exam .row .left .root{color:#111827;background-color:#fff;border-radius:16px;flex-direction:column;margin-bottom:5px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 10px 4px #0000000a}#edu-quiz .container-exam .row .left .root .header{align-items:center;padding:16px 24px 0;display:flex}#edu-quiz .container-exam .row .left .root .header .header-content{line-height:1.5;overflow:hidden}#edu-quiz .container-exam .row .left .root .header .header-content span{color:#111827;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:16px;font-weight:600;overflow:hidden}#edu-quiz .container-exam .row .left .root .content{height:100%;padding:8px 24px}#edu-quiz .container-exam .row .left .root .content .content-1{justify-content:space-between;display:flex}#edu-quiz .container-exam .row .left .root .content .content-1 div{align-items:center;display:flex}#edu-quiz .container-exam .row .left .root .content .content-1 div div{-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Inter,sans-serif;font-size:1.25rem;line-height:1;display:flex;position:relative;overflow:hidden}#edu-quiz .container-exam .row .left .root .content .content-1 div div img{text-align:center;object-fit:cover;color:#0000;text-indent:10000px;width:100%;height:100%}#edu-quiz .container-exam .row .left .root .content .content-1 div p{color:#6b7280;margin:0 0 0 10px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5}#edu-quiz .container-exam .row .left .root .content .content-2{gap:20px;margin-top:12px;margin-bottom:20px;display:flex}#edu-quiz .container-exam .row .left .root .content .content-2 div{justify-content:space-around;font-size:13px;display:flex}#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:0 solid #0000001f;border-bottom-width:thin}#edu-quiz .container-exam .row .left .root .content .content-3{gap:5px;margin-top:10px;margin-bottom:10px;font-size:14px;display:flex}#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{cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;color:inherit;box-sizing:border-box;text-align:left;border:0;border-radius:0;outline:0;flex-grow:1;justify-content:flex-start;align-items:center;gap:20px;margin:0;padding:8px 16px;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-1 .section-icon.active{-webkit-user-select:none;user-select:none;color:#f4f7fe;background-color:#e91e63;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Inter,sans-serif;font-size:1.8rem;line-height:1;display:flex;position:relative;overflow:hidden}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-1 .section-icon{-webkit-user-select:none;user-select:none;color:#f4f7fe;background-color:#9e9e9e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Inter,sans-serif;font-size:1.8rem;line-height:1;display:flex;position:relative;overflow:hidden}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-1 .sub-content-item-1-2 span{font-family:Inter,sans-serif;font-size:14px;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{color:#6b7280;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:1.43}#edu-quiz .container-exam .row .left .root .content .content-container .content-item .content-item-2{justify-content:center;gap:20px;margin-top:10px;margin-bottom:10px;display:flex}#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:#990}#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{justify-content:space-between;display:flex}#edu-quiz .container-exam .row .left .root .footer .footer-icon div{gap:20px;display:flex}#edu-quiz .container-exam .row .left .header-md .timer-md{text-align:center;color:#fff;background-color:#3987c7;padding:10px}#edu-quiz .container-exam .row .left .header-md .section-md{justify-content:space-between;padding:15px 15px 10px;display:flex}#edu-quiz .container-exam .row .left .header-md .questions-section{white-space:nowrap;scrollbar-width:none;scroll-behavior:smooth;border-bottom:1px solid #ddd;display:flex;position:relative;overflow-x:auto}#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;color:#72757c;cursor:pointer;flex-grow:1;flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:flex}#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{background-color:#3987c7;height:2px;transition:transform .3s;position:absolute;bottom:0}#edu-quiz .container-exam .row .center .root{color:#111827;background-color:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 10px 4px #0000000a}@media (max-width:1199.98px){#edu-quiz .container-exam .row .center .root{box-shadow:none}}#edu-quiz .container-exam .row .center .root .header{align-items:center;padding:16px 24px 0;display:flex}#edu-quiz .container-exam .row .center .root .header span{margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:500;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-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.235}#edu-quiz .container-exam .row .center .root .content hr{border:0 solid #0000001f;border-bottom-width:thin;flex-shrink:0;margin:0}#edu-quiz .container-exam .row .center .root .content .content-content{margin-top:15px}#edu-quiz .container-exam .row .center .root .content .content-content ul{margin:0;list-style:none;position:relative}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item{-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;color:inherit;box-sizing:border-box;text-align:left;background-color:#0000;border-bottom:1px solid #eee;justify-content:flex-start;align-items:center;width:100%;padding:12px 16px;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}#edu-quiz .container-exam .row .center .root .content .content-content ul .content-item span{margin:0;font-family:Inter,sans-serif;font-size:15px;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{border:1px solid #eee;border-radius:6px;gap:6px;margin-top:6px;margin-bottom:6px;padding:6px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5;display:flex}#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{border-width:1px;border-radius:6px;height:100%;min-height:60px;padding:4px}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-item .item-right div.shadow-matching.active{opacity:1!important;background-color:#e3f2fd!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!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 #ccdbe8,inset -3px -3px 6px 1px #ffffff80!important}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-instruction{justify-content:space-between;align-items:center;display:flex;margin-top:1.2rem!important;margin-bottom:1.2rem!important}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-answer{background-color:#f5f5f5;border-radius:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;padding:8px;display:grid}#edu-quiz .container-exam .row .center .root .content .content-content .matching .matching-answer div{background-color:#fff;border:0 solid #eee;border-radius:.6rem;min-height:60px;padding:8px}#edu-quiz .container-exam .row .center .root .footer{justify-content:space-between;align-items:center;padding:8px 24px 16px;display:flex}#edu-quiz .container-exam .row .center .root .footer .activeButton{color:#fff!important;background-color:#0a8fdc!important}#edu-quiz .container-exam .row .center .root .footer .disabledButton{color:#00000042!important;background-color:#0000001f!important}#edu-quiz .container-exam .row .center .root .footer button{border:none;border-radius:8px;align-items:center;gap:5px;min-width:65px;padding:6px 16px;display:flex}#edu-quiz .container-exam .row .center .root .footer button span{font-size:12px}#edu-quiz .container-exam .row .center .root .footer button .btn-circle{cursor:pointer;background-color:#0000;font-size:12px;position:relative}#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-right,#edu-quiz .container-exam .row .center .root .footer button .btn-circle .fa-chevron-left{font-size:11px}#edu-quiz .container-exam .row .center .root .footer button .btn-circle .inside{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#edu-quiz .container-exam .row .center .root .footer button.activeButton .btn-circle .inside{color:#0a8fdc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#edu-quiz .container-exam .row .right .root{color:#111827;background-color:#fff;border-radius:16px;flex-direction:column;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 10px 10px 4px #0000000a}#edu-quiz .container-exam .row .right .root .header{padding:16px 24px 0}#edu-quiz .container-exam .row .right .root .header h3{color:#111827;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:16px;font-weight:600;overflow:hidden}#edu-quiz .container-exam .row .right .root .content{height:100%;padding:16px 24px}#edu-quiz .container-exam .row .right .root .content .content-content{flex-wrap:wrap;justify-content:center;max-height:320px;display:flex;overflow-y:auto}#edu-quiz .container-exam .row .right .root .content .content-content button{box-sizing:border-box;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;min-width:64px;color:inherit;box-shadow:none;background-color:#e0e0e0;border:0;border-radius:8px;outline:0;justify-content:center;align-items:center;margin:6px;padding:6px 16px;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:500;line-height:1.75;text-decoration:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}#edu-quiz .container-exam .row .right .root .footer{align-items:center;padding:8px 24px 16px;display:flex}#edu-quiz .container-exam .row .right .root .footer button{box-sizing:border-box;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;color:#fff;text-transform:capitalize;background-color:#0a8fdc;border:0;border-radius:8px;outline:0;justify-content:center;align-items:center;min-width:64px;margin:0 auto;padding:6px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.75;text-decoration:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.root-test{color:#111827;background-color:#fff;border:1px solid #00000017;border-radius:16px;flex-direction:column;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 10px 10px 4px #0000000a}.root-test .header{align-items:center;padding:16px 24px 0;display:flex}.root-test .header span{margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:500;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-family:Inter,sans-serif;font-size:15px;font-weight:500;line-height:1.235}.root-test .content hr{border:0 solid #0000001f;border-bottom-width:thin;flex-shrink:0;margin:0}.root-test .content .content-content{margin-top:15px}.root-test .content .content-content ul{margin:0;padding:8px 0;list-style:none;position:relative}.root-test .content .content-content ul .content-item{-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;color:inherit;box-sizing:border-box;text-align:left;background-color:#0000;border:2px solid #0000;border-radius:0;justify-content:flex-start;align-items:center;width:100%;margin-top:6px;margin-bottom:6px;padding:8px 16px;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.root-test .content .content-content ul .content-item span{margin:0;font-family:Inter,sans-serif;font-size:14px;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{border:1px solid #eee;border-radius:6px;gap:6px;margin-top:6px;margin-bottom:6px;padding:6px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;display:flex}.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{border-width:1px;border-radius:6px;height:100%;min-height:60px;padding:4px}.root-test .content .content-content .matching .matching-item .item-right div.shadow-matching-active{opacity:1!important;background-color:#e3f2fd!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.root-test .content .content-content .matching .matching-item .item-right div.shadow-matching-inactive{box-shadow:inset 3px 3px 6px #ccdbe8,inset -3px -3px 6px 1px #ffffff80!important}.root-test .content .content-content .matching .matching-instruction{justify-content:space-between;align-items:center;display:flex;margin-top:1.2rem!important;margin-bottom:1.2rem!important}.root-test .content .content-content .matching .matching-answer{background-color:#f5f5f5;border-radius:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;padding:8px;display:grid}.root-test .content .content-content .matching .matching-answer div{background-color:#fff;border:0 solid #eee;border-radius:.6rem;min-height:60px;padding:8px}.root-test .footer{justify-content:space-between;align-items:center;padding:8px 24px 16px;display:flex}.root-test .footer .activeButton{color:#fff!important;background-color:#0a8fdc!important}.root-test .footer .disabledButton{color:#00000042!important;background-color:#0000001f!important}.root-test .footer button{border:none;border-radius:8px;align-items:center;gap:5px;min-width:65px;padding:6px 16px;display:flex}.root-test .footer button span{font-size:12px}.root-test .footer button .btn-circle{cursor:pointer;background-color:#0000;font-size:12px;position:relative}.root-test .footer button .btn-circle .fa-circle{font-size:20px}.root-test .footer button .btn-circle .fa-chevron-right,.root-test .footer button .btn-circle .fa-chevron-left{font-size:11px}.root-test .footer button .btn-circle .inside{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.root-test .footer button.activeButton .btn-circle .inside{color:#0a8fdc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.root-test~.root-test{margin-top:10px}.base-timer{width:120px;height:120px;position:relative}.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:gray}.base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining{stroke-width:7px;stroke-linecap:round;transform-origin:50%;fill-rule:nonzero;stroke:currentColor;transition:all 1s linear;transform:rotate(90deg)}.base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining.green{color:#41b883}.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{justify-content:center;align-items:center;width:120px;height:120px;font-size:20px;font-weight:700;display:flex;position:absolute;top:0}#nav-edu #header-edu{z-index:1100;background-color:#fff;border-bottom:1px solid #0000001f;height:83px;padding:0 28px;position:fixed;top:0;left:0;right:0}#nav-edu #header-edu .container-header{justify-content:space-between;align-items:center;gap:20px;display:flex}@media (max-width:768px){#nav-edu #header-edu .container-header .center .form-input{width:100%}}#nav-edu #header-edu .container-header .right .signin-signup{align-items:center;gap:20px;display:flex}#nav-edu #header-edu .container-header .right .signin-signup button{box-shadow:none;background:0 0;border:none;outline:none;font-weight:600;display:block}#nav-edu #header-edu .container-header .right .signin-signup button:nth-of-type(2){color:#fff;cursor:pointer;background:linear-gradient(to bottom right,#0a8fdc,#06c);border-radius:99px;flex-shrink:0;padding:9px 20px;font-weight:600;transition:opacity .25s}#nav-edu #header-edu .container-header .right .signin-signup button:nth-of-type(2):hover{background:linear-gradient(to bottom right,#0578be,#05a)}#content-edu{flex-direction:column;height:100vh;display:flex}#content-edu .container-content-edu{flex:1;height:90vh;display:flex;overflow:hidden}#content-edu .container-content-edu .left-content{color:#fff;background-color:#fff;border-right:1px solid #0000001f;flex:none;padding:20px}#content-edu .container-content-edu .left-content ul{list-style:none}#content-edu .container-content-edu .left-content ul li a{color:#404040;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;display:flex}#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{margin-top:8px;font-size:1rem}#content-edu .container-content-edu .left-content ul li a.active{color:#1a1a1a;background:#e8ebed}#content-edu .container-content-edu-table{flex:1;display:flex;overflow:hidden}#content-edu .container-content-edu-table .left-content{color:#fff;background-color:#fff;border-right:1px solid #0000001f;flex:none;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{color:#404040;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;display:flex}#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{margin-top:8px;font-size:1rem}#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{border-top:1px solid #e8ebed;order:1;padding:10px}#content-edu .container-content-edu .left-content ul{justify-content:space-evenly;display:flex}#content-edu .container-content-edu .left-content ul li a{width:60px;height:50px}#content-edu .container-content-edu-table .left-content{z-index:1000;background-color:#fff;width:220px;height:100vh;transition:left .3s;position:fixed;top:0;left:-250px;box-shadow:2px 0 5px #0000004d}#content-edu .container-content-edu-table .left-content ul li a{border-radius:10px;flex-direction:row;width:auto;height:40px;padding:0 12px}#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{z-index:999;background-color:#00000080;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}#content-edu .overlay.active{display:block}}.container-edu-list-exam{background-color:#f9fafb;flex:1;gap:20px;padding:20px 30px 30px;overflow-y:hidden}.container-edu-list-exam .toolbar-des{border-top-left-radius:6px;border-top-right-radius:6px;justify-content:space-between;align-items:center;padding:10px 20px 20px;display:flex}.container-edu-list-exam .toolbar-des .option-left{align-items:center;gap:45px;display:flex}.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;width:20px;height: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:#000}.container-edu-list-exam .toolbar-des .option-left .radio-item input[type=radio]:checked+label{background-color:#f0f8ff}.container-edu-list-exam .toolbar-des .new-btn{color:#fff;cursor:pointer;background:linear-gradient(to bottom right,#0a8fdc,#06c);border:none;border-radius:4px;align-items:center;padding:6px 12px;display:flex}.container-edu-list-exam .toolbar-des .new-btn i{margin-right:8px}.container-edu-list-exam .toolbar-des .options{gap:20px;display:flex}.container-edu-list-exam .toolbar-des .options span{cursor:pointer;color:#555;align-items:center;display:flex}.container-edu-list-exam .toolbar-des .options span i{margin-right:5px}.container-edu-list-exam .toolbar-des .selection-info{color:#555;align-items:center;display:flex}.container-edu-list-exam .toolbar-des .selection-info span{align-items:center;gap:5px;margin-left:10px;display:flex}.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{z-index:991;background-color:#f9fafb;width:100%;padding:16px 0 0;position:fixed;top:65px}.container-edu-list-exam .container-fixed .breadcrumb-pro{margin-bottom:10px}.container-edu-list-exam .container-fixed .toolbar-des{flex-wrap:wrap;gap:10px;width:100%;padding:0 0 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;width:18px;height:18px}.container-edu-list-exam .container-fixed .toolbar-des .option-left .radio-item label .toolbar-total .title-total,.container-edu-list-exam .container-fixed .toolbar-des .option-left .radio-item label .toolbar-total .result-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{width:540px;padding-top:10px;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{background-color:#f9fafb;flex-direction:column;flex:1;gap:20px;padding:20px 30px;display:flex;overflow:auto}@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{color:#111827;background-color:#fff;border-radius:16px;width:100%;box-shadow:0 10px 10px 4px #0000000a}.container-edu-all-exam .section-list .section-item{padding:24px}.container-edu-all-exam .section-list .section-item .section-item-header{justify-content:space-between;align-items:center;display:flex}.container-edu-all-exam .section-list .section-item .section-item-header span{color:#111827;font-size:16px;font-weight:600}.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{gap:20px;padding:20px 0;display:flex;overflow:scroll}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item{background-color:#fff;border:1px solid #d1d5db;border-radius:16px;flex:1 0 300px;padding:1rem;box-shadow:0 .125rem .25rem #00000013}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .image-container{border-radius:16px;height:16rem;position:relative;overflow:hidden}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .image-container .quiz-image{object-fit:cover;min-width:100%;max-width:100%;min-height:100%;max-height:100%;position:absolute}.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{justify-content:space-between;align-items:center;margin:2rem 0;display:flex}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author-date .author{align-items:center;gap:.5rem;display:flex}.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%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.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{gap:2rem;margin:2rem 0;display:flex}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item{align-items:center;gap:.25rem;display:flex}.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{cursor:pointer;display:inline-block;position:relative}.container-edu-all-exam .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item .icon-wrapper .tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:5px;font-size:10px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.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{gap:1rem;margin:15px 0;display:flex}.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{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:9999px;outline:none;margin-top:1rem;padding:.5rem 1rem}.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{background-color:#f9fafb;flex:1;gap:20px;padding:20px;display:flex;overflow:auto}.container-content-detail-exam .detail-exam-left .card-item-detail{background-color:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.container-content-detail-exam .detail-exam-left .card-item-detail .image-container{border-radius:16px;height:18rem;position:relative;overflow:hidden}.container-content-detail-exam .detail-exam-left .card-item-detail .image-container .quiz-image{object-fit:cover;min-width:100%;max-width:100%;min-height:100%;max-height:100%;position:absolute}.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{justify-content:space-between;align-items:center;margin:2rem 0;display:flex}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .author-date .author{align-items:center;gap:.5rem;display:flex}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .author-date .author .author-icon{background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.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{gap:2rem;margin:2rem 0;display:flex}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item{align-items:center;gap:.25rem;display:flex}.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{cursor:pointer;display:inline-block;position:relative}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .quiz-stats .stat-item .icon-wrapper .tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:5px;font-size:10px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.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{gap:1rem;margin:15px 0;display:flex}.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{color:#fff;cursor:pointer;background:linear-gradient(to bottom right,#0a8fdc,#06c);border:none;border-radius:99px;outline:none;padding:9px 20px;font-weight:500;transition:opacity .25s}.container-content-detail-exam .detail-exam-left .card-item-detail .quiz-info .start-btn:hover{background:linear-gradient(to bottom right,#0578be,#05a)}.container-content-detail-exam .detail-exam-right .quiz-detail{background-color:#fff;border-radius:16px;padding:0 2rem 2rem;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.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{color:#111827;font-size:16px;font-weight:700;line-height:1.5}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .button-container{gap:10px;display:flex;overflow:hidden}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .button-container .button-tab{color:#fff;background:linear-gradient(to bottom right,#0a8fdc,#06c);border:none;border-radius:16px;align-items:center;gap:5px;min-width:65px;height:32px;margin-top:8px;margin-bottom:8px;padding:4px 12px;font-size:13px;display:flex}.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{height:min(500px,100vh - 175px);max-height:calc(100vh - 300px);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;font-weight:600;line-height:1.5}.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;font-weight:400;line-height:1.5}.container-content-detail-exam .detail-exam-right .quiz-detail .content_tabs .content:first-child .banner-detail{text-align:center;color:#fff;cursor:pointer;background-color:#ef6c00;margin-top:10px;padding:8px;font-size:14px;font-weight:600;line-height:1.5}@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{flex-direction:column;width:540px;margin-bottom:65px}.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{flex-direction:column;width:720px}.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{color:#1f2937;touch-action:auto;background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1200px;height:auto;max-height:100%;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000026}body.dark .modal-add-question-text,html[data-theme=dark] .modal-add-question-text{color:#e3e3e3;background-color:#1b1b1b;box-shadow:0 8px 32px #00000080}.modal-add-question-text .modal-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:10px;padding:16px 24px;display:flex}body.dark .modal-add-question-text .modal-header,html[data-theme=dark] .modal-add-question-text .modal-header{background-color:#1b1b1b;border-color:#4b556366}.modal-add-question-text .modal-header .title-index-mobile{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:18px;font-weight:600;display:-webkit-box;overflow:hidden}.modal-add-question-text .modal-header .close-modal-new{cursor:pointer;color:#6b7280;font-size:20px;transition:color .2s}.modal-add-question-text .modal-header .close-modal-new:hover{color:#ef4444}body.dark .modal-add-question-text .modal-header .close-modal-new,html[data-theme=dark] .modal-add-question-text .modal-header .close-modal-new{color:#aaa}body.dark .modal-add-question-text .modal-header .close-modal-new:hover,html[data-theme=dark] .modal-add-question-text .modal-header .close-modal-new:hover{color:#ef4444}.modal-add-question-text .modal-body{background-color:#f9fafb;flex-direction:row;flex-grow:1;gap:24px;padding:16px 24px;display:flex;overflow:hidden}body.dark .modal-add-question-text .modal-body,html[data-theme=dark] .modal-add-question-text .modal-body{background-color:#121212}@media (max-width:768px){.modal-add-question-text .modal-body{flex-direction:column;gap:16px;padding:12px 16px;overflow-y:auto}}.modal-add-question-text .modal-body .modal-left{flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:768px){.modal-add-question-text .modal-body .modal-left{flex:none;min-height:500px}}.modal-add-question-text .modal-body .modal-left .modal-left-header p{color:#1f2937;margin:0 0 12px;font-size:16px;font-weight:600}body.dark .modal-add-question-text .modal-body .modal-left .modal-left-header p{color:#e3e3e3}.modal-add-question-text .modal-body .modal-left .textarea-custom{color:#1f2937;resize:none;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:250px;max-height:40vh;padding:16px;font-family:inherit;font-size:16px;line-height:1.6;overflow-y:auto}.modal-add-question-text .modal-body .modal-left .textarea-custom:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #dbeafe}.modal-add-question-text .modal-body .modal-left .textarea-custom::-webkit-scrollbar{width:6px}.modal-add-question-text .modal-body .modal-left .textarea-custom::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .modal-add-question-text .modal-body .modal-left .textarea-custom::-webkit-scrollbar-thumb{background-color:#4b556366}html[data-theme=dark] .modal-add-question-text .modal-body .modal-left .textarea-custom::-webkit-scrollbar-thumb{background-color:#4b556366}body.dark .modal-add-question-text .modal-body .modal-left .textarea-custom,html[data-theme=dark] .modal-add-question-text .modal-body .modal-left .textarea-custom{color:#e3e3e3;background-color:#18181b;border-color:#ffffff14}body.dark .modal-add-question-text .modal-body .modal-left .textarea-custom:focus,html[data-theme=dark] .modal-add-question-text .modal-body .modal-left .textarea-custom:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #1e3a8a}@media (min-width:768px){.modal-add-question-text .modal-body .modal-left .textarea-custom{font-size:14px!important}}.modal-add-question-text .modal-body .modal-left .word-count{text-align:right;color:#6b7280;margin-top:8px;font-size:12px}body.dark .modal-add-question-text .modal-body .modal-left .word-count{color:#aaa}.modal-add-question-text .modal-body .modal-right{flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:768px){.modal-add-question-text .modal-body .modal-right{flex:none;min-height:400px}}.modal-add-question-text .modal-body .modal-right .modal-right-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-add-question-text .modal-body .modal-right .modal-right-header p{margin:0;font-size:16px;font-weight:600}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{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.modal-add-question-text .modal-body .modal-right .modal-right-header .question-text-attention.error{color:#ef4444}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-header .question-text-attention,html[data-theme=dark] .modal-add-question-text .modal-body .modal-right .modal-right-header .question-text-attention{color:#aaa}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-header .question-text-attention.error,html[data-theme=dark] .modal-add-question-text .modal-body .modal-right .modal-right-header .question-text-attention.error{color:#ef4444}.modal-add-question-text .modal-body .modal-right .modal-right-body{flex-grow:1;padding-right:8px;overflow-y:auto}.modal-add-question-text .modal-body .modal-right .modal-right-body::-webkit-scrollbar{width:6px}.modal-add-question-text .modal-body .modal-right .modal-right-body::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .modal-add-question-text .modal-body .modal-right .modal-right-body::-webkit-scrollbar-thumb{background-color:#4b556366}.modal-add-question-text .modal-footer{background-color:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;padding:16px 24px;display:flex}body.dark .modal-add-question-text .modal-footer,html[data-theme=dark] .modal-add-question-text .modal-footer{background-color:#1b1b1b;border-color:#4b556366}.modal-add-question-text .q-modal-btn{color:#fff;cursor:pointer;background-color:#1f2937;border:1px solid #1f2937;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.modal-add-question-text .q-modal-btn:hover:not(:disabled){background-color:#4b5563;border-color:#4b5563}.modal-add-question-text .q-modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-add-question-text .q-modal-btn.secondary{color:#1f2937;background-color:#0000;border:1px solid #d1d5db}.modal-add-question-text .q-modal-btn.secondary:hover{background-color:#f3f4f6}body.dark .modal-add-question-text .q-modal-btn,html[data-theme=dark] .modal-add-question-text .q-modal-btn{color:#1b1b1b;background-color:#e3e3e3;border-color:#e3e3e3}body.dark .modal-add-question-text .q-modal-btn:hover:not(:disabled),html[data-theme=dark] .modal-add-question-text .q-modal-btn:hover:not(:disabled){background-color:#aaa;border-color:#aaa}body.dark .modal-add-question-text .q-modal-btn.secondary,html[data-theme=dark] .modal-add-question-text .q-modal-btn.secondary{color:#e3e3e3;background-color:#0000;border-color:#4b556366}body.dark .modal-add-question-text .q-modal-btn.secondary:hover,html[data-theme=dark] .modal-add-question-text .q-modal-btn.secondary:hover{background-color:#37393b}.modal-add-question-text .question-preview-container{flex-direction:column;gap:16px;display:flex}.modal-add-question-text .question-preview-container .empty-preview{text-align:center;color:#6b7280;padding:32px 0;font-style:italic}.modal-add-question-text .question-preview-container .question-single{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;position:relative}body.dark .modal-add-question-text .question-preview-container .question-single,html[data-theme=dark] .modal-add-question-text .question-preview-container .question-single{background-color:#18181b;border-color:#ffffff14}.modal-add-question-text .question-preview-container .question-single.error-block{background-color:#fefce8;border-color:#facc15}body.dark .modal-add-question-text .question-preview-container .question-single.error-block{background-color:#422006;border-color:#d97706}.modal-add-question-text .question-preview-container .question-single.is-critical-wrapper{border-left:4px solid #f59e0b}.modal-add-question-text .question-preview-container .question-single .error-message{color:#ef4444;margin-bottom:12px;font-size:13px;font-weight:500}.modal-add-question-text .question-preview-container .question-single .question-header{align-items:center;gap:12px;margin-bottom:8px;padding-right:32px;display:flex}.modal-add-question-text .question-preview-container .question-single .question-header strong{color:#1f2937}body.dark .modal-add-question-text .question-preview-container .question-single .question-header strong{color:#e3e3e3}.modal-add-question-text .question-preview-container .question-single .question-header .critical-badge{color:#f59e0b;background-color:#f59e0b1a;border-radius:4px;padding:2px 6px;font-size:11px}.modal-add-question-text .question-preview-container .question-single .question-header .type-badge-mini{color:#4b5563;background-color:#f3f4f6;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:11px}body.dark .modal-add-question-text .question-preview-container .question-single .question-header .type-badge-mini{color:#aaa;background-color:#1b1b1b}.modal-add-question-text .question-preview-container .question-single .question-text-content{margin-bottom:12px;font-size:14px;line-height:1.5}.modal-add-question-text .question-preview-container .question-single .question-answers{flex-direction:column;gap:6px;font-size:13px;display:flex}.modal-add-question-text .question-preview-container .question-single .question-answers .answer-item{background-color:#f3f4f6;border-radius:6px;align-items:flex-start;gap:8px;padding:6px 10px;display:flex}body.dark .modal-add-question-text .question-preview-container .question-single .question-answers .answer-item,html[data-theme=dark] .modal-add-question-text .question-preview-container .question-single .question-answers .answer-item{background-color:#282a2c}.modal-add-question-text .question-preview-container .question-single .question-answers .answer-item p{margin:0}.modal-add-question-text .question-preview-container .question-single .question-answers .answer-item.correct{background-color:#1665341a;border:1px solid #1665344d}.modal-add-question-text .question-preview-container .question-single .question-answers .answer-item.correct .check-icon{color:#166534;margin-top:2px}body.dark .modal-add-question-text .question-preview-container .question-single .question-answers .answer-item.correct,html[data-theme=dark] .modal-add-question-text .question-preview-container .question-single .question-answers .answer-item.correct{background-color:#4ade801a;border-color:#4ade804d}body.dark .modal-add-question-text .question-preview-container .question-single .question-answers .answer-item.correct .check-icon,html[data-theme=dark] .modal-add-question-text .question-preview-container .question-single .question-answers .answer-item.correct .check-icon{color:#4ade80e3}.modal-add-question-text .question-preview-container .question-single .explanation-block{border-top:1px dashed #e5e7eb;margin-top:12px;padding-top:12px;font-size:13px}body.dark .modal-add-question-text .question-preview-container .question-single .explanation-block,html[data-theme=dark] .modal-add-question-text .question-preview-container .question-single .explanation-block{border-top-color:#4b556366}.modal-add-question-text .question-preview-container .question-single .explanation-block .exp-label{color:#3b82f6;margin-bottom:4px;font-weight:600}.modal-add-question-text .question-preview-container .question-single .explanation-block .exp-content{color:#4b5563}body.dark .modal-add-question-text .question-preview-container .question-single .explanation-block .exp-content{color:#aaa}.modal-add-question-text .question-preview-container .question-single .delete-temp-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:12px;right:12px}.modal-add-question-text .question-preview-container .question-single .delete-temp-btn:hover{color:#ef4444}body.dark .modal-add-question-text .question-preview-container .question-single .delete-temp-btn,html[data-theme=dark] .modal-add-question-text .question-preview-container .question-single .delete-temp-btn{color:#aaa}body.dark .modal-add-question-text .question-preview-container .question-single .delete-temp-btn:hover,html[data-theme=dark] .modal-add-question-text .question-preview-container .question-single .delete-temp-btn:hover{color:#ef4444}.modal-add-question-text .code-example-wrapper{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}body.dark .modal-add-question-text .code-example-wrapper,html[data-theme=dark] .modal-add-question-text .code-example-wrapper{background-color:#1b1b1b;border-color:#4b556366}.modal-add-question-text .code-example-wrapper .code-example-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}body.dark .modal-add-question-text .code-example-wrapper .code-example-header,html[data-theme=dark] .modal-add-question-text .code-example-wrapper .code-example-header{background-color:#282a2c;border-bottom-color:#4b556366}.modal-add-question-text .code-example-wrapper .code-example-header .code-title{color:#1f2937;align-items:center;margin:0;font-size:14px;display:flex}body.dark .modal-add-question-text .code-example-wrapper .code-example-header .code-title{color:#e3e3e3}.modal-add-question-text .code-example-wrapper .code-example-header .copy-btn{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;transition:all .2s;display:flex}.modal-add-question-text .code-example-wrapper .code-example-header .copy-btn:hover{background-color:#f3f4f6}.modal-add-question-text .code-example-wrapper .code-example-header .copy-btn.copied{color:#10b981;background-color:#10b9811a;border-color:#10b9814d}body.dark .modal-add-question-text .code-example-wrapper .code-example-header .copy-btn,html[data-theme=dark] .modal-add-question-text .code-example-wrapper .code-example-header .copy-btn{color:#aaa;background-color:#1b1b1b;border-color:#4b556366}body.dark .modal-add-question-text .code-example-wrapper .code-example-header .copy-btn:hover,html[data-theme=dark] .modal-add-question-text .code-example-wrapper .code-example-header .copy-btn:hover{background-color:#37393b}body.dark .modal-add-question-text .code-example-wrapper .code-example-header .copy-btn.copied,html[data-theme=dark] .modal-add-question-text .code-example-wrapper .code-example-header .copy-btn.copied{color:#4ade80e3;background-color:#10b98133;border-color:#10b9814d}.modal-add-question-text .code-example-wrapper .code-example pre{white-space:pre-wrap;word-wrap:break-word;border:none;max-height:180px;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow-y:auto;color:#1f2937!important;background-color:#fff!important}.modal-add-question-text .code-example-wrapper .code-example pre::-webkit-scrollbar{width:6px;height:6px}.modal-add-question-text .code-example-wrapper .code-example pre::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .modal-add-question-text .code-example-wrapper .code-example pre,html[data-theme=dark] .modal-add-question-text .code-example-wrapper .code-example pre{color:#e3e3e3!important;background-color:#18181b!important}body.dark .modal-add-question-text .code-example-wrapper .code-example pre::-webkit-scrollbar-thumb{background-color:#4b556366}html[data-theme=dark] .modal-add-question-text .code-example-wrapper .code-example pre::-webkit-scrollbar-thumb{background-color:#4b556366}@media (max-width:768px){.modal-add-question-text .code-example-wrapper .code-example pre{max-height:150px;font-size:14px}}.icon-mr{margin-right:8px}.icon-mr-small{margin-right:4px}.mt-1{margin-top:8px}.modal-add-question{color:#1f2937;background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1140px;height:90dvh;max-height:100%;animation:.2s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000026}body.dark .modal-add-question,html[data-theme=dark] .modal-add-question{color:#e3e3e3;background-color:#1b1b1b;box-shadow:0 15px 50px #00000080}.modal-add-question .modal-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 24px;display:flex}body.dark .modal-add-question .modal-header,html[data-theme=dark] .modal-add-question .modal-header{background-color:#1e1f20;border-bottom-color:#ffffff14}.modal-add-question .modal-header .title-index-mobile{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:18px;font-weight:700;display:-webkit-box;overflow:hidden}body.dark .modal-add-question .modal-header .title-index-mobile,html[data-theme=dark] .modal-add-question .modal-header .title-index-mobile{color:#e3e3e3}.modal-add-question .modal-header .how,.modal-add-question .modal-header .close-modal-new{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.modal-add-question .modal-header .close-modal-new{cursor:pointer;color:#6b7280;border-radius:50%;transition:all .2s}.modal-add-question .modal-header .close-modal-new:hover{color:#ef4444;background-color:#f3f4f6}body.dark .modal-add-question .modal-header .close-modal-new,html[data-theme=dark] .modal-add-question .modal-header .close-modal-new{color:#aaa}body.dark .modal-add-question .modal-header .close-modal-new:hover,html[data-theme=dark] .modal-add-question .modal-header .close-modal-new:hover{color:#ef4444;background-color:#37393b}.modal-add-question .modal-loading-overlay{z-index:100;color:#4b5563;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:500;transition:opacity .3s,visibility .3s;display:flex;position:absolute;inset:0}body.dark .modal-add-question .modal-loading-overlay,html[data-theme=dark] .modal-add-question .modal-loading-overlay{color:#aaa;background:#121212}.modal-add-question .modal-body{background-color:#f9fafb;flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}body.dark .modal-add-question .modal-body,html[data-theme=dark] .modal-add-question .modal-body{background-color:#1b1b1b}.modal-add-question .modal-body::-webkit-scrollbar{width:3px}.modal-add-question .modal-body::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .modal-add-question .modal-body::-webkit-scrollbar-thumb{background-color:#282a2c}html[data-theme=dark] .modal-add-question .modal-body::-webkit-scrollbar-thumb{background-color:#282a2c}.modal-add-question .modal-body .title-add-question{color:#1f2937;margin-bottom:8px;font-size:15px;font-weight:600;display:block}body.dark .modal-add-question .modal-body .title-add-question,html[data-theme=dark] .modal-add-question .modal-body .title-add-question{color:#e3e3e3}.modal-add-question .modal-body .body-header{border-bottom:1px dashed #e5e7eb;padding-bottom:16px}body.dark .modal-add-question .modal-body .body-header,html[data-theme=dark] .modal-add-question .modal-body .body-header{border-bottom-color:#4b556366}.modal-add-question .modal-body .body-header .question-options{flex-wrap:wrap;gap:16px;display:flex}.modal-add-question .modal-body .body-header .question-options .radio-item label{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.modal-add-question .modal-body .body-header .question-options .radio-item label:hover{border-color:#3b82f6}body.dark .modal-add-question .modal-body .body-header .question-options .radio-item label,html[data-theme=dark] .modal-add-question .modal-body .body-header .question-options .radio-item label{color:#aaa;background:#18181b;border-color:#ffffff14}body.dark .modal-add-question .modal-body .body-header .question-options .radio-item label:hover,html[data-theme=dark] .modal-add-question .modal-body .body-header .question-options .radio-item label:hover{border-color:#ffffff4d}.modal-add-question .modal-body .body-header .question-options .radio-item label .custom-radio{accent-color:#3b82f6;cursor:pointer;width:18px;height:18px}.modal-add-question .modal-body .body-header .question-options .radio-item input[type=radio]:checked+label{color:#3b82f6;background-color:#dbeafe;border-color:#3b82f6}body.dark .modal-add-question .modal-body .body-header .question-options .radio-item input[type=radio]:checked+label,html[data-theme=dark] .modal-add-question .modal-body .body-header .question-options .radio-item input[type=radio]:checked+label{color:#6ca1f8;background-color:#3b82f626;border-color:#3b82f680}.modal-add-question .modal-footer{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}body.dark .modal-add-question .modal-footer,html[data-theme=dark] .modal-add-question .modal-footer{background:#1e1f20;border-top-color:#ffffff14}.modal-add-question .modal-footer .button-edu{color:#fff;cursor:pointer;background-color:#3b82f6;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modal-add-question .modal-footer .button-edu:hover:not(.disabled){background-color:#2564eba6}.modal-add-question .modal-footer .button-edu.disabled,.modal-add-question .modal-footer .button-edu:disabled{opacity:.6;cursor:not-allowed;color:#6b7280;background-color:#d1d5db}body.dark .modal-add-question .modal-footer .button-edu.disabled,html[data-theme=dark] .modal-add-question .modal-footer .button-edu.disabled,body.dark .modal-add-question .modal-footer .button-edu:disabled,html[data-theme=dark] .modal-add-question .modal-footer .button-edu:disabled{color:#aaa;background-color:#37393b}.modal-add-question input[type=text],.modal-add-question input[type=number],.modal-add-question textarea{font-size:16px!important}.comprehension-form{width:100%}.comprehension-form .comprehension-form-header{margin-bottom:20px}.comprehension-form .comprehension-form-header .title-passage{color:#1f2937;font-size:16px;font-weight:700;display:block}body.dark .comprehension-form .comprehension-form-header .title-passage,html[data-theme=dark] .comprehension-form .comprehension-form-header .title-passage{color:#e3e3e3}.comprehension-form .comprehension-form-header .error-text{color:#ef4444;margin-top:4px;font-size:13px}.comprehension-form .comprehension-form-body{align-items:flex-start;gap:30px;display:flex}.comprehension-form .comprehension-form-body .comprehension-left{flex-direction:column;flex:2;gap:20px;min-width:0;display:flex}.comprehension-form .comprehension-form-body .comprehension-left .title-question{color:#1f2937;font-size:15px;font-weight:700;display:block}body.dark .comprehension-form .comprehension-form-body .comprehension-left .title-question,html[data-theme=dark] .comprehension-form .comprehension-form-body .comprehension-left .title-question{color:#e3e3e3}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions{background-color:#0000;border:1px solid #d1d5db;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}body.dark .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions,html[data-theme=dark] .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions{background-color:#0000;border-color:#4b556366}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header{border-bottom:1px dashed #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}body.dark .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header,html[data-theme=dark] .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header{border-bottom-color:#4b556366}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-1{color:#1f2937;cursor:pointer;align-items:center;gap:8px;font-size:15px;font-weight:700;transition:color .2s;display:flex}body.dark .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-1,html[data-theme=dark] .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-1{color:#e3e3e3}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-1:hover{color:#3b82f6}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-1 i{transition:transform .3s}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-2{color:#6b7280;cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:color .2s;display:flex}body.dark .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-2,html[data-theme=dark] .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-2{color:#aaa}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-header .sub-question-header-2:hover{color:#ef4444}.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{border-left:2px solid #e5e7eb;flex-direction:column;gap:16px;margin-top:20px;margin-left:0;padding-left:16px;display:flex}body.dark .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container,html[data-theme=dark] .comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container{border-left-color:#4b556366}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container .option-item-list{align-items:center;gap:12px;width:100%;display:flex}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .sub-singlechoice-container .option-item-list .option-item-list-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.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:36px}.comprehension-form .comprehension-form-body .comprehension-left .comprehension-questions .sub-question .sub-question-list .btn-add-answer{margin-top:16px;margin-left:16px}.comprehension-form .comprehension-form-body .comprehension-left .btn-add-sub-question{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#3b82f6;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;margin-top:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s;display:inline-flex}.comprehension-form .comprehension-form-body .comprehension-left .btn-add-sub-question:hover{background-color:#0b63f3}body.dark .comprehension-form .comprehension-form-body .comprehension-left .btn-add-sub-question,html[data-theme=dark] .comprehension-form .comprehension-form-body .comprehension-left .btn-add-sub-question{color:#fff;background-color:#2563eb}body.dark .comprehension-form .comprehension-form-body .comprehension-left .btn-add-sub-question:hover,html[data-theme=dark] .comprehension-form .comprehension-form-body .comprehension-left .btn-add-sub-question:hover{background-color:#1d4ed8}.comprehension-form .comprehension-form-body .comprehension-left .explanation-section{border-top:1px dashed #d1d5db;margin-top:20px;padding-top:20px}body.dark .comprehension-form .comprehension-form-body .comprehension-left .explanation-section,html[data-theme=dark] .comprehension-form .comprehension-form-body .comprehension-left .explanation-section{border-top-color:#4b556366}.comprehension-form .comprehension-form-body .comprehension-left .explanation-section .title-question{color:#4b5563;align-items:center;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}body.dark .comprehension-form .comprehension-form-body .comprehension-left .explanation-section .title-question,html[data-theme=dark] .comprehension-form .comprehension-form-body .comprehension-left .explanation-section .title-question{color:#aaa}.comprehension-form .comprehension-form-body .comprehension-right{flex:1}@media (max-width:991.98px){.comprehension-form .comprehension-form-body{flex-direction:column;gap:30px}.comprehension-form .comprehension-form-body .comprehension-left,.comprehension-form .comprehension-form-body .comprehension-right{width:100%;min-width:0}}.multichoice-form .multichoice-form-header .title-question{color:#1f2937;font-weight:700;display:block}body.dark .multichoice-form .multichoice-form-header .title-question{color:#e3e3e3}.multichoice-form .multichoice-form-body{gap:50px;display:flex}.multichoice-form .multichoice-form-body .multichoice-left{flex-direction:column;flex:2;gap:20px;display:flex}.multichoice-form .multichoice-form-body .multichoice-left .title-question{color:#1f2937;font-weight:700;display:block}body.dark .multichoice-form .multichoice-form-body .multichoice-left .title-question{color:#e3e3e3}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list{align-items:center;gap:10px;display:flex}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content{flex-direction:column;flex:1;gap:5px;display:flex}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5{cursor:pointer;-webkit-user-select:none;user-select:none;color:#1f2937;align-items:center;gap:8px;font-weight:500;transition:color .2s;display:inline-flex}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{background-color:#fff;border:2px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}body.dark .multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5 .checkbox__icon{background-color:#282a2c;border-color:#4b556366}.multichoice-form .multichoice-form-body .multichoice-left .option-item-list .option-item-list-content .checkbox5 .checkbox__icon .iconcheck5{color:#fff;font-size:12px;display:none}.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 .explanation-section{border-top:1px dashed #d1d5db;margin-top:20px;padding-top:20px}body.dark .multichoice-form .multichoice-form-body .multichoice-left .explanation-section{border-top-color:#4b556366}.multichoice-form .multichoice-form-body .multichoice-left .explanation-section .title-question{color:#4b5563;align-items:center;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}body.dark .multichoice-form .multichoice-form-body .multichoice-left .explanation-section .title-question{color:#aaa}.multichoice-form .multichoice-form-body .multichoice-right{flex:1}@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{flex-direction:column;gap:20px;display:flex}.singlechoice-form .title-question{color:#1f2937;margin-bottom:8px;font-weight:700;display:block}body.dark .singlechoice-form .title-question,html[data-theme=dark] .singlechoice-form .title-question{color:#e3e3e3}.singlechoice-form .error-text{color:#ef4444;min-height:18px;margin-top:4px;font-size:13px}.singlechoice-form .settings-row{flex-wrap:wrap;align-items:center;gap:40px;margin-bottom:10px;display:flex}.singlechoice-form .settings-row .critical-switch{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:6px 12px;transition:background-color .2s;display:flex}.singlechoice-form .settings-row .critical-switch:hover{background-color:#f3f4f6}body.dark .singlechoice-form .settings-row .critical-switch:hover,html[data-theme=dark] .singlechoice-form .settings-row .critical-switch:hover{background-color:#37393b}.singlechoice-form .settings-row .critical-switch.active{background-color:#ef44441a;border-color:#ef444433}.singlechoice-form .settings-row .critical-switch.active .label-text{color:#ef4444;font-weight:700}.singlechoice-form .settings-row .critical-switch.active .switch-checkbox .slider{background-color:#ef4444}.singlechoice-form .settings-row .critical-switch.active .switch-checkbox input:checked+.slider:before{transform:translate(18px)}.singlechoice-form .settings-row .critical-switch .switch-checkbox{width:40px;height:22px;display:inline-block;position:relative}.singlechoice-form .settings-row .critical-switch .switch-checkbox input{opacity:0;width:0;height:0}.singlechoice-form .settings-row .critical-switch .switch-checkbox .slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}body.dark .singlechoice-form .settings-row .critical-switch .switch-checkbox .slider,html[data-theme=dark] .singlechoice-form .settings-row .critical-switch .switch-checkbox .slider{background-color:#4b5563}.singlechoice-form .settings-row .critical-switch .switch-checkbox .slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}.singlechoice-form .settings-row .critical-switch .switch-label{flex-direction:column;display:flex}.singlechoice-form .settings-row .critical-switch .switch-label .label-text{color:#1f2937;font-size:14px;font-weight:600}body.dark .singlechoice-form .settings-row .critical-switch .switch-label .label-text{color:#e3e3e3}.singlechoice-form .settings-row .critical-switch .switch-label .label-desc{color:#6b7280;font-size:11px}body.dark .singlechoice-form .settings-row .critical-switch .switch-label .label-desc{color:#aaa}.singlechoice-form .singlechoice-options{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px;display:grid}@media (max-width:768px){.singlechoice-form .singlechoice-options{grid-template-columns:1fr}}.singlechoice-form .singlechoice-options .option-item-list{align-items:center;gap:12px;display:flex}.singlechoice-form .singlechoice-options .option-item-list .option-item-list-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.singlechoice-form .singlechoice-options .option-item-list .option-item-list-drop{padding-top:36px}.singlechoice-form .explanation-section{border-top:1px dashed #d1d5db;padding-top:20px}body.dark .singlechoice-form .explanation-section,html[data-theme=dark] .singlechoice-form .explanation-section{border-top-color:#4b556366}.matching-form .matching-form-header .title-question{font-weight:700;display:block}.matching-form .matching-form-body{gap:50px;display:flex}.matching-form .matching-form-body .matching-left{flex-direction:column;flex:2;gap:20px;display:flex}.matching-form .matching-form-body .matching-left .title-question{font-weight:700;display:block}.matching-form .matching-form-body .matching-left .matching-item{background-color:#f8fafc4d;border:1px solid #e2e8f0;border-radius:.5rem}.matching-form .matching-form-body .matching-left .matching-item .matching-pair-top-top{justify-content:space-between;padding:20px 24px 16px;display:flex}.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{align-items:center;gap:15px;padding:0 24px 24px;display:flex}.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{align-items:center;gap:10px;display:flex}.matching-form .matching-form-body .matching-right .percentage-mark .percentage-item .percentage-percent input{color:#333;border:1px solid #ccc;border-radius:8px;outline:none;width:100%;max-width:64px;padding:8px}@media (max-width:575.98px){.matching-form{width:100%}.matching-form .matching-form-body{flex-direction:column;gap:20px;font-size:13px}}@media (min-width:576px) and (max-width:767.98px){.matching-form{width:100%}.matching-form .matching-form-body{flex-direction:column;gap:20px;font-size:13px}}@media (min-width:768px) and (max-width:991.98px){.matching-form{width:100%}.matching-form .matching-form-body{flex-direction:column;gap:20px;font-size:13px}}body.dark .matching-form{color:#e3e3e3}body.dark .matching-form .matching-form-body .matching-left .matching-item{background-color:#1e1f20;border-color:#4b556366}body.dark .matching-form .matching-form-body .matching-left .matching-item .matching-pair-top-top>p{color:#f3f4f6f1}body.dark .matching-form .matching-form-body .matching-right .percentage-mark .percentage-item .percentage-percent input{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}body.dark .matching-form .matching-form-body .matching-right .percentage-mark .percentage-item .percentage-percent input:disabled{color:#aaa;cursor:not-allowed;background-color:#1b1b1b}.blank-form .blank-form-header .title-question{color:#1f2937;margin-bottom:8px;font-weight:700;display:block}body.dark .blank-form .blank-form-header .title-question{color:#e3e3e3}.blank-form .blank-form-header .button-edu{justify-content:center;max-width:210px;padding:8px 16px}.blank-form .blank-form-header .button-edu.disabled{opacity:.6;cursor:not-allowed}.blank-form .blank-form-header .suggest{color:#4b5563;margin-top:8px;font-size:13px}body.dark .blank-form .blank-form-header .suggest{color:#aaa}.blank-form .blank-form-header .content-editable-area{color:#1f2937;background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100%;min-height:120px;padding:16px;font-family:inherit;overflow-y:auto}@media (max-width:1024px){.blank-form .blank-form-header .content-editable-area{font-size:16px}}.blank-form .blank-form-header .content-editable-area:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}body.dark .blank-form .blank-form-header .content-editable-area{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}.blank-form .blank-form-header .content-editable-area span[data-blank-uid]{color:#0284c7;background-color:#e0f2fe;border-radius:4px;padding:2px 4px;font-weight:600}body.dark .blank-form .blank-form-header .content-editable-area span[data-blank-uid]{color:#7dd3fc;background-color:#0284c733}.blank-form .blank-form-header .error-text{color:#ef4444;margin-top:4px;font-size:12px}.blank-form .blank-form-body{gap:50px;margin-top:20px;display:flex}.blank-form .blank-form-body .blank-left{flex-direction:column;flex:2;gap:16px;display:flex}.blank-form .blank-form-body .blank-left .title-question{color:#1f2937;font-weight:700;display:block}body.dark .blank-form .blank-form-body .blank-left .title-question{color:#e3e3e3}.blank-form .blank-form-body .blank-left .option-item-list{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}body.dark .blank-form .blank-form-body .blank-left .option-item-list{background-color:#1e1f20;border-color:#4b556366}.blank-form .blank-form-body .blank-left .option-item-list .option-item-list-header{color:#3b82f6;min-width:30px;margin-top:6px;font-weight:700}.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{resize:vertical;color:#1f2937;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px;font-size:14px}body.dark .blank-form .blank-form-body .blank-left .option-item-list .option-item-list-content .textarea-custom{color:#e3e3e3;background-color:#1b1b1b;border-color:#4b556366}.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{border-top:1px dashed #e5e7eb;margin-top:20px;padding-top:20px}body.dark .blank-form .blank-form-body .blank-left .explanation-section{border-top-color:#4b556366}.blank-form .blank-form-body .blank-left .explanation-section .title-question{color:#4b5563;align-items:center;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}body.dark .blank-form .blank-form-body .blank-left .explanation-section .title-question{color:#aaa}.blank-form .blank-form-body .blank-right{flex:1}@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%}}.quiz-practice-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:1000;box-sizing:border-box;background:#00000080;align-items:flex-end;padding:12px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;display:flex;position:fixed;inset:0}.quiz-practice-modal--visible{opacity:1;visibility:visible}.quiz-practice-modal--visible .quiz-practice-modal__dialog{transform:translateY(0)}.quiz-practice-modal__dialog{color:#1f2937;background:#fff;border-radius:20px;flex-direction:column;width:100%;max-height:85vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;transform:translateY(110%);box-shadow:0 -4px 20px #0000001a}.quiz-practice-modal__header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex;position:relative}.quiz-practice-modal__handle{background-color:#d1d5db;border-radius:4px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.quiz-practice-modal__title{color:#1f2937;margin:0;font-size:18px;font-weight:700}.quiz-practice-modal__close-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;color:#6b7280;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.quiz-practice-modal__close-btn:active{background-color:#e5e7eb;transform:scale(.85)}.quiz-practice-modal__body-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:20px;position:relative;overflow-y:auto}.quiz-practice-modal__settings-group{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.quiz-practice-modal__settings-group p{margin-bottom:12px;font-weight:600}.quiz-practice-modal__settings-group .button-edu{justify-content:center;width:100%;margin-top:16px}.quiz-practice-modal__list-header{margin-bottom:16px;font-size:18px;font-weight:600}.quiz-practice-modal__section-list{flex-direction:column;gap:16px;display:flex}body.dark .quiz-practice-modal__dialog{color:#e3e3e3;background:#1b1c1d;border:1px solid #404345;box-shadow:0 -4px 20px #0006}body.dark .quiz-practice-modal__header{background:#1b1c1d;border-bottom-color:#404345}body.dark .quiz-practice-modal__handle{background-color:#404345}body.dark .quiz-practice-modal__title{color:#e3e3e3}body.dark .quiz-practice-modal__close-btn{color:#a3a3a3;background-color:#282a2c}body.dark .quiz-practice-modal__close-btn:active{color:#e3e3e3;background-color:#404345}body.dark .quiz-practice-modal__body-scroll{scrollbar-color:#555 transparent}body.dark .quiz-practice-modal__settings-group{border-bottom-color:#404345}.quiz-test-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:1000;box-sizing:border-box;background:#00000080;align-items:flex-end;padding:12px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;display:flex;position:fixed;inset:0}.quiz-test-modal--visible{opacity:1;visibility:visible}.quiz-test-modal--visible .quiz-test-modal__dialog{transform:translateY(0)}.quiz-test-modal__dialog{color:#1f2937;background:#fff;border-radius:20px;flex-direction:column;width:100%;max-height:85dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;transform:translateY(110%);box-shadow:0 -4px 20px #0000001a}.quiz-test-modal__header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex;position:relative}.quiz-test-modal__handle{background-color:#d1d5db;border-radius:4px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.quiz-test-modal__title{color:#1f2937;margin:0;font-size:18px;font-weight:700}.quiz-test-modal__close-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;color:#6b7280;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.quiz-test-modal__close-btn:active{background-color:#e5e7eb;transform:scale(.85)}.quiz-test-modal__body-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;height:100%;min-height:0;padding:20px;position:relative;overflow-y:auto}.quiz-test-modal__settings-group{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.quiz-test-modal__settings-group p{margin-bottom:12px;font-weight:600}.quiz-test-modal__list-header{margin-bottom:16px;font-size:18px;font-weight:600}.quiz-test-modal__section-list{flex-direction:column;gap:16px;display:flex}body.dark .quiz-test-modal__dialog{color:#e3e3e3;background:#1b1c1d;border:1px solid #404345;box-shadow:0 -4px 20px #0006}body.dark .quiz-test-modal__header{background:#1b1c1d;border-bottom-color:#404345}body.dark .quiz-test-modal__handle{background-color:#404345}body.dark .quiz-test-modal__body-scroll{scrollbar-color:#555 transparent}body.dark .quiz-test-modal__title{color:#e3e3e3}body.dark .quiz-test-modal__close-btn{color:#a3a3a3;background-color:#282a2c}body.dark .quiz-test-modal__close-btn:active{color:#e3e3e3;background-color:#404345}body.dark .quiz-test-modal__settings-group{border-bottom-color:#404345}.index-modal-mobile__overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;background-color:#0009;align-items:flex-end;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.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{color:#1f2937;background-color:#f9fafb;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100%;max-height:70%;transition:transform .35s ease-out;display:flex;transform:translateY(100%)}body.dark .index-modal-mobile__overlay .index-modal-mobile__container{color:#e3e3e3;background-color:#1e1f20}.index-modal-mobile__overlay .index-modal-mobile__header{text-align:center;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:16px;position:relative}body.dark .index-modal-mobile__overlay .index-modal-mobile__header{border-bottom-color:#4b556366}.index-modal-mobile__overlay .index-modal-mobile__header .drag-handle-mobile__header{background-color:#d1d5db;border-radius:2px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}body.dark .index-modal-mobile__overlay .index-modal-mobile__header .drag-handle-mobile__header{background-color:#6b72801c}.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 .header-actions-mobile{align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.index-modal-mobile__overlay .index-modal-mobile__header .filter-mobile-btn{color:#6b7280;cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}body.dark .index-modal-mobile__overlay .index-modal-mobile__header .filter-mobile-btn{color:#aaa;border-color:#4b556366}.index-modal-mobile__overlay .index-modal-mobile__header .filter-mobile-btn.active{color:#ef4444;background-color:#fee2e2;border-color:#fca5a5}body.dark .index-modal-mobile__overlay .index-modal-mobile__header .filter-mobile-btn.active{color:#f87171;background-color:#ef444426;border-color:#ef44444d}.index-modal-mobile__overlay .index-modal-mobile__header .close-btn-mobile__header{cursor:pointer;color:#6b7280;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.index-modal-mobile__overlay .index-modal-mobile__header .close-btn-mobile__header:hover{background-color:#f3f4f6}body.dark .index-modal-mobile__overlay .index-modal-mobile__header .close-btn-mobile__header{color:#aaa}body.dark .index-modal-mobile__overlay .index-modal-mobile__header .close-btn-mobile__header:hover{background-color:#37393b}.index-modal-mobile__overlay .empty-state-mobile{text-align:center;color:#4b5563;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}body.dark .index-modal-mobile__overlay .empty-state-mobile{color:#aaa}.index-modal-mobile__overlay .empty-state-mobile .empty-reset-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:500}.index-modal-mobile__overlay .index-modal-mobile__body{flex-grow:1;padding:16px 16px 32px;overflow-y:auto}.index-modal-mobile__overlay .index-legend{background-color:#fff;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:8px 12px;margin-bottom:20px;padding:12px;display:grid}body.dark .index-modal-mobile__overlay .index-legend{background-color:#1b1b1b}.index-modal-mobile__overlay .index-legend .legend-item{color:#4b5563;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}body.dark .index-modal-mobile__overlay .index-legend .legend-item{color:#aaa}.index-modal-mobile__overlay .index-legend .legend-item.success,body.dark .index-modal-mobile__overlay .index-legend .legend-item.success{color:#4caf50}.index-modal-mobile__overlay .index-legend .legend-item.wrong,body.dark .index-modal-mobile__overlay .index-legend .legend-item.wrong{color:#ef4444}.index-modal-mobile__overlay .index-legend .legend-item.approx,body.dark .index-modal-mobile__overlay .index-legend .legend-item.approx{color:#f59e0b}.index-modal-mobile__overlay .index-legend .legend-item.critical,body.dark .index-modal-mobile__overlay .index-legend .legend-item.critical{color:#ef4444}.index-modal-mobile__overlay .index-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:12px;display:grid}.index-modal-mobile__overlay .index-grid .index-item{aspect-ratio:1;cursor:pointer;color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:all .2s ease-in-out;display:flex}body.dark .index-modal-mobile__overlay .index-grid .index-item{color:#aaa;background-color:#1b1b1b;border-color:#4b556366}.index-modal-mobile__overlay .index-grid .index-item.answered{color:#4b5563;background-color:#f3f4f6;border-color:#d1d5db}body.dark .index-modal-mobile__overlay .index-grid .index-item.answered{background-color:#37393b;border-color:#6b72801c}.index-modal-mobile__overlay .index-grid .index-item.success{color:#15803d;background-color:#f0fdf4;border-color:#4caf50}body.dark .index-modal-mobile__overlay .index-grid .index-item.success{color:#1b1b1b;background-color:#4ade80e3;border-color:#4caf50}.index-modal-mobile__overlay .index-grid .index-item.wrong{color:#b91c1c;background-color:#fef2f2;border-color:#ef4444}body.dark .index-modal-mobile__overlay .index-grid .index-item.wrong{color:#fca5a5;background-color:#422006;border-color:#ef4444}.index-modal-mobile__overlay .index-grid .index-item.approximately{color:#a16207;background-color:#fefce8;border-color:#f59e0b}body.dark .index-modal-mobile__overlay .index-grid .index-item.approximately{color:#fde047;background-color:#713f12;border-color:#f59e0b}.index-modal-mobile__overlay .index-grid .index-item.active{color:#1e3a8a;background-color:#dbeafe;border-color:#3b82f6;transform:scale(1.05);box-shadow:0 4px 12px #3b82f633}body.dark .index-modal-mobile__overlay .index-grid .index-item.active{color:#eff6ff;background-color:#1e3a8a;border-color:#3b82f6;box-shadow:0 4px 12px #60a5fa33}.filter-mobile-btn.has-text{gap:6px;padding:6px 10px;font-size:13px;font-weight:500}.critical-icon-mobile{color:#ef4444;display:flex;position:absolute;top:4px;right:4px}.index-item.active .critical-icon-mobile,.index-item.wrong .critical-icon-mobile,.index-item.success .critical-icon-mobile{color:#fff}body.dark .index-item.success .critical-icon-mobile{color:#1b1b1b}#header-edu{background-color:#fff;border-bottom:1px solid #0000001f;flex:none;height:10vh;padding:0 28px}@media (max-width:768px){#header-edu{border-bottom:none}}#header-edu .container-header{justify-content:space-between;align-items:center;gap:20px;display:flex}#header-edu .container-header .left .bars-responsive{align-items:center;display:flex}#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{align-items:center;gap:10px;display:flex}#header-edu .container-header .right .signin-signup{align-items:center;gap:20px;display:flex}#header-edu .container-header .right .signin-signup button{box-shadow:none;background:0 0;border:none;outline:none;font-weight:600;display:block}#header-edu .container-header .right .signin-signup button:nth-of-type(2){color:#fff;cursor:pointer;background:linear-gradient(to bottom right,#0a8fdc,#06c);border-radius:99px;flex-shrink:0;padding:9px 20px;font-weight:600;transition:opacity .25s}#header-edu .container-header .right .signin-signup button:nth-of-type(2):hover{background:linear-gradient(to bottom right,#0578be,#05a)}@media (max-width:768px){#header-edu .container-header .left .bars-responsive{gap:30px}#header-edu .container-header .left .bars-responsive .fa-bars{font-size:20px;display:block}}.table-list{border-radius:6px;height:75%;overflow:auto}.table-list .table-row{border-bottom:1px solid #ddd;display:flex}.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{word-break:break-all;flex:1;padding:10px}.table-list .table-row .table-cell:first-child{flex:.3}.table-list .table-row .table-cell:nth-child(2){flex:3}.table-list .table-row .table-cell:last-child{justify-content:center;gap:15px;display:flex}.table-list .table-row .table-cell .icon-wrapper{cursor:pointer;display:inline-block;position:relative}.table-list .table-row .table-cell .icon-wrapper .tooltip{z-index:9999;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:8px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.table-list .table-row .table-cell .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.table-list .table-row .table-cell .container-action{flex-direction:column;gap:8px;display:flex}.table-list .table-row .table-cell .container-action .item-action a{color:#000}.table-list .table-row.header{z-index:990;background-color:#fff;font-weight:700;position:sticky;top:0}@media (max-width:575.98px){.table-list{height:auto;overflow-y:unset;margin-top:90px}.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){z-index:1;background-color:#fff;position:sticky;left:0;box-shadow:1px 0 5px #0000001a}.table-list .table-row .table-cell:nth-child(2){flex:1}}@media (min-width:576px) and (max-width:767.98px){.table-list{height:auto;overflow-y:unset;margin-top:90px}.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){z-index:1;background-color:#fff;position:sticky;left:0;box-shadow:1px 0 5px #0000001a}.table-list .table-row .table-cell:nth-child(2){flex:1}}.table-list-detail{border-radius:6px;height:75%;overflow:auto}.table-list-detail .table-row{border-bottom:1px solid #ddd;display:flex}.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{word-break:break-all;flex:1;padding:10px}.table-list-detail .table-row .table-cell:first-child{flex:.3}.table-list-detail .table-row .table-cell:nth-child(2){flex:2}.table-list-detail .table-row .table-cell:last-child{justify-content:center;gap:15px;display:flex}.table-list-detail .table-row .table-cell .icon-wrapper{cursor:pointer;display:inline-block;position:relative}.table-list-detail .table-row .table-cell .icon-wrapper .tooltip{z-index:9999;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:8px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.table-list-detail .table-row .table-cell .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.table-list-detail .table-row .table-cell .container-action{flex-direction:column;gap:8px;display:flex}.table-list-detail .table-row .table-cell .container-action .item-action a{color:#000}.table-list-detail .table-row .table-cell .qr-image{border:1px solid green;border-radius:8px;width:70px;height:70px}.table-list-detail .table-row.header{z-index:990;background-color:#fff;font-weight:700;position:sticky;top:0}@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){z-index:1;background-color:#fff;position:sticky;left:0;box-shadow:1px 0 5px #0000001a}.table-list-detail .table-row .table-cell:first-child{flex:.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){z-index:1;background-color:#fff;position:sticky;left:0;box-shadow:1px 0 5px #0000001a}.table-list-detail .table-row .table-cell:nth-child(2){flex:1.5}}.event-header{z-index:1000;background-color:#fff;border-bottom:1px solid #0000001f;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 20px;display:flex;position:fixed;top:0;left:0;-webkit-transform:translateZ(0)}.event-header .left{flex:1;align-items:center;display:flex}.event-header .left .bars-responsive{align-items:center;gap:16px;display:flex}.event-header .left .bars-responsive .fa-bars{cursor:pointer;color:#4b5563;padding:5px;font-size:20px;display:none}@media (max-width:1200px){.event-header .left .bars-responsive .fa-bars{display:block}}.event-header .left .bars-responsive .header-brand{cursor:pointer;align-items:center;gap:12px;text-decoration:none;transition:opacity .2s;display:flex}.event-header .left .bars-responsive .header-brand:hover{opacity:.8}.event-header .left .bars-responsive .header-brand .brand-icon{color:#2563eb;width:32px;height:32px}.event-header .left .bars-responsive .header-brand .brand-icon svg{width:100%;height:100%}.event-header .left .bars-responsive .header-brand .brand-text{color:#1f2937;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700}.event-header .center-quiz-info{flex-direction:column;flex:2;justify-content:center;align-items:center;gap:4px;display:flex}.event-header .center-quiz-info .quiz-meta{color:#4b5563;align-items:center;gap:8px;max-width:400px;font-size:14px;display:flex}.event-header .center-quiz-info .quiz-meta .exam-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.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{align-items:center;gap:12px;display:flex}.event-header .center-quiz-info .quiz-controls .smart-badge{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:4px 12px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.event-header .center-quiz-info .quiz-controls .smart-badge.countdown{color:#3b82f6;background-color:#eff6ff;border:1px solid #dbeafe}.event-header .center-quiz-info .quiz-controls .smart-badge.reading{color:#f59e0b;background-color:#fff7ed;border:1px solid #ffedd5}.event-header .center-quiz-info .quiz-controls .smart-badge.revealing,.event-header .center-quiz-info .quiz-controls .smart-badge.success{color:#22c55e;background-color:#f0fdf4;border:1px solid #dcfce7}.event-header .center-quiz-info .quiz-controls .smart-badge .icon-pulse{animation:1.5s infinite header-desktop-pulse-opacity}.event-header .center-quiz-info .quiz-controls .smart-badge.practice-timer{color:#3b82f6;letter-spacing:.5px;background-color:#eff6ff;border:1px solid #dbeafe;min-width:100px;height:auto;padding:8px 16px;font-size:16px;font-weight:700}.event-header .center-quiz-info .quiz-controls .pause-btn{color:#6b7280;cursor:pointer;background-color:#0000;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.event-header .center-quiz-info .quiz-controls .pause-btn:hover{color:#111;background-color:#f3f4f6}.event-header .center-quiz-info .quiz-controls .pause-btn.active{color:#ef4444;background-color:#fee2e2;border-color:#fca5a5;animation:2s infinite header-desktop-pulse-border}.event-header .right{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.event-header .right .header-profile{position:relative}.event-header .right .header-profile__trigger{cursor:pointer;align-items:center;gap:8px;display:flex}.event-header .right .header-profile__name{color:#1f2937;font-size:15px;font-weight:600;transition:color .2s}.event-header .right .header-profile__avatar{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;width:40px;height:40px;transition:border-color .2s;overflow:hidden}.event-header .right .header-profile__avatar img{object-fit:cover;width:100%;height:100%}.event-header .right .header-profile__avatar:hover{border-color:#3b82f6}.event-header .right .header-profile__avatar--guest{color:#94a3b8;background-color:#f1f5f9;border:1px solid #e2e8f0;justify-content:center;align-items:center;display:flex}.event-header .right .header-profile__avatar--guest:hover{color:#3b82f6;border-color:#3b82f6}.event-header .right .header-profile__dropdown{z-index:1001;opacity:0;visibility:hidden;transform-origin:100% 0;background-color:#fff;border:1px solid #0000001a;border-radius:12px;width:250px;margin:0;padding:8px 0;list-style:none;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 15px);right:0;transform:translateY(-10px)scale(.95);box-shadow:0 10px 30px #0000001a}.event-header .right .header-profile__dropdown--active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.event-header .right .header-profile__dropdown:before{content:"";background-color:#fff;border-top:1px solid #0000001a;border-left:1px solid #0000001a;width:10px;height:10px;position:absolute;top:-6px;right:14px;transform:rotate(45deg)}.event-header .right .header-profile__header{cursor:default;flex-direction:column;gap:2px;padding:12px 20px;display:flex}.event-header .right .header-profile__title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.event-header .right .header-profile__desc{color:#64748b;font-size:13px;line-height:1.4}.event-header .right .header-profile__divider{background-color:#f1f5f9;height:1px;margin:4px 0}.event-header .right .header-profile__item{padding:2px 8px}.event-header .right .header-profile__link{color:#475569;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:10px 12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.event-header .right .header-profile__link:hover{color:#2563eb;background-color:#f8fafc}.event-header .right .header-profile__link--danger{color:#ef4444}.event-header .right .header-profile__link--danger:hover{color:#dc2626;background-color:#fef2f2}.event-header .right .header-profile__link--primary{color:#2563eb;justify-content:center;font-weight:600}.event-header .right .header-profile__link--primary:hover{background-color:#0000;text-decoration:underline}body.dark .event-header{color:#e5e5e5;background-color:#1e1f20;border-bottom:1px solid #4b556366}body.dark .event-header .center-quiz-info .quiz-meta{color:#d1d5db}body.dark .event-header .center-quiz-info .quiz-controls .smart-badge.countdown{color:#60a5fa;background-color:#3b82f626;border-color:#3b82f64d}body.dark .event-header .center-quiz-info .quiz-controls .smart-badge.reading{color:#fbbf24;background-color:#f59e0b26;border-color:#f59e0b4d}body.dark .event-header .center-quiz-info .quiz-controls .smart-badge.revealing,body.dark .event-header .center-quiz-info .quiz-controls .smart-badge.success{color:#4ade80;background-color:#22c55e26;border-color:#22c55e4d}body.dark .event-header .center-quiz-info .quiz-controls .smart-badge.practice-timer{color:#60a5fa;background-color:#3b82f626;border-color:#3b82f64d}body.dark .event-header .center-quiz-info .quiz-controls .pause-btn{color:#9ca3af;border-color:#4b5563}body.dark .event-header .center-quiz-info .quiz-controls .pause-btn:hover{color:#fff;background-color:#374151}body.dark .event-header .center-quiz-info .quiz-controls .pause-btn.active{color:#fca5a5;background-color:#ef444433;border-color:#ef444466}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,body.dark .event-header .right .header-profile__name{color:#f3f4f6}body.dark .event-header .right .header-profile__avatar{background-color:#374151;border-color:#4b5563}body.dark .event-header .right .header-profile__avatar:hover{border-color:#60a5fa}body.dark .event-header .right .header-profile__avatar--guest{color:#9ca3af;background-color:#374151;border-color:#4b5563}body.dark .event-header .right .header-profile__avatar--guest:hover{color:#60a5fa;border-color:#60a5fa}body.dark .event-header .right .header-profile__dropdown{background-color:#2a2a2e;border-color:#404040;box-shadow:0 10px 30px #00000040}body.dark .event-header .right .header-profile__dropdown:before{background-color:#2a2a2e;border-color:#404040}body.dark .event-header .right .header-profile__title{color:#e5e5e5}body.dark .event-header .right .header-profile__desc{color:#9ca3af}body.dark .event-header .right .header-profile__divider{background-color:#374151}body.dark .event-header .right .header-profile__link{color:#d1d5db}body.dark .event-header .right .header-profile__link:hover{color:#60a5fa;background-color:#374151}body.dark .event-header .right .header-profile__link--danger{color:#fca5a5}body.dark .event-header .right .header-profile__link--danger:hover{color:#f87171;background-color:#ef44441a}body.dark .event-header .right .header-profile__link--primary{color:#60a5fa}body.dark .event-header .right .header-profile__link--primary:hover{color:#93c5fd;background-color:#0000}@keyframes header-desktop-pulse-opacity{0%,to{opacity:1}50%{opacity:.6}}@keyframes header-desktop-pulse-border{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.event-table-detail{border-radius:6px;overflow-x:auto}.event-table-detail .table-row{border-bottom:1px solid #ddd;display:flex}.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{word-break:break-all;flex:1;padding:10px}.event-table-detail .table-row .table-cell:first-child{flex:.3}.event-table-detail .table-row .table-cell:nth-child(2){flex:2}.event-table-detail .table-row .table-cell:last-child{justify-content:center;gap:15px;display:flex}.event-table-detail .table-row .table-cell .icon-wrapper{cursor:pointer;display:inline-block;position:relative}.event-table-detail .table-row .table-cell .icon-wrapper .tooltip{z-index:9999;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:8px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.event-table-detail .table-row .table-cell .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.event-table-detail .table-row .table-cell .container-action{flex-direction:column;gap:8px;display:flex}.event-table-detail .table-row .table-cell .container-action .item-action a{color:#000}.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{border:1px solid green;border-radius:8px;width:70px;height:70px}.event-table-detail .table-row.header{z-index:990;background-color:#fff;font-weight:700;position:sticky;top:0}@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){z-index:1;background-color:#fff;position:sticky;left:0;box-shadow:1px 0 5px #0000001a}.event-table-detail .table-row .table-cell:first-child{flex:.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){z-index:1;background-color:#fff;position:sticky;left:0;box-shadow:1px 0 5px #0000001a}.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{border-bottom:1px solid #ddd;display:flex}.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{word-break:break-all;flex:1;padding:10px}.event-table-list .table-row .table-cell:first-child{flex:.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{justify-content:center;gap:15px;display:flex}.event-table-list .table-row .table-cell .icon-wrapper{cursor:pointer;display:inline-block;position:relative}.event-table-list .table-row .table-cell .icon-wrapper .tooltip{z-index:9999;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:8px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.event-table-list .table-row .table-cell .icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.event-table-list .table-row .table-cell .container-action{flex-direction:column;gap:8px;display:flex}.event-table-list .table-row .table-cell .container-action .item-action a{color:#000}.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{border:1px solid green;border-radius:8px;width:70px;height:70px}.event-table-list .table-row.header{z-index:990;background-color:#fff;font-weight:700;position:sticky;top:0}@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){z-index:1;background-color:#fff;position:sticky;left:0;box-shadow:1px 0 5px #0000001a}.event-table-list .table-row .table-cell:first-child{flex:.1;font-size:10px}.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){z-index:1;background-color:#fff;position:sticky;left:0;box-shadow:1px 0 5px #0000001a}.event-table-list .table-row .table-cell:first-child{flex:.1}.event-table-list .table-row .table-cell:nth-child(2){flex:1.5}}.event-breadcrumb{z-index:998;background-color:#fff;border-bottom:1px solid #ddd;align-items:center;gap:10px;width:calc(100% - 112px);padding:10px 20px;transition:left .3s,width .3s;display:flex;position:fixed;top:72px;left:112px}.event-breadcrumb ol{align-items:center;gap:4px;display:inline-flex}@media (min-width:768px){.event-breadcrumb ol{gap:8px}}.event-breadcrumb ol.rtl{flex-direction:row-reverse}.event-breadcrumb li{align-items:center;display:inline-flex}.event-breadcrumb li a{color:#374151;align-items:center;font-size:15px;font-weight:550;text-decoration:none;display:inline-flex}@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{align-items:center;display:flex}.event-breadcrumb .divider i{transform-origin:50%;color:#cbd5e0;margin-inline:4px}.event-breadcrumb .divider i.rtl{transform:rotate(180deg)}.event-breadcrumb .divider a{color:#4a5568;margin-inline-start:4px;font-size:14px;font-weight:500}@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{color:#a0aec0;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:3em;margin-inline-start:4px;font-size:14px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}@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{width:100%;left:0}}.event-table-filter{z-index:998;background-color:#f8f9fa;border-bottom:1px solid #ddd;align-items:center;gap:2px;width:100%;padding:10px;display:flex;position:sticky;top:116px;box-shadow:0 2px 5px #0000001a}@media (max-width:1200px){.event-table-filter{align-items:unset;flex-direction:column}}@media (max-width:768px){.event-table-filter{top:111px}}.event-table-filter .options .search-box .box-search{padding:5px}.event-table-filter .option-left{align-items:center;gap:25px;display:flex}@media (max-width:768px){.event-table-filter .option-left{flex-wrap:wrap;gap:5px}}.event-table-filter .option-left .radio-item label{gap:5px;padding:8px}@media (max-width:768px){.event-table-filter .option-left .radio-item label{padding:4px}}.event-table-filter .option-left .radio-item label .custom-radio{background-color:#fff;border-width:1px;width:16px;height:16px}.event-table-filter .option-left .radio-item label .custom-radio:before{width:10px;height: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:#000}@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:#f0f8ff}.event-content{margin-top:122px;margin-left:112px;padding:20px 35px;transition:margin-left .3s}@media (max-width:992px){.event-content{margin-left:0;padding:0 20px 20px}}.event-overlay{z-index:999;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.event-overlay.active{display:block}.quiz-curd{scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;display:flex}.quiz-curd .quizz-add{scrollbar-width:thin;flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow-y:auto}.quiz-curd .quizz-add .quiz-add-header{background-color:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-right:16px;display:flex;box-shadow:0 1.6px 3.6px #0002,0 .3px .9px #0000001c}.quiz-curd .quizz-add .quiz-add-header .btn-preview-exam{color:#fff;white-space:nowrap;background-color:#3b82f6;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.quiz-curd .quizz-add .quiz-add-header .btn-preview-exam .icon-play{font-size:12px}@media (max-width:575.98px){.quiz-curd .quizz-add .quiz-add-header .btn-preview-exam{border-radius:6px;padding:8px 12px;font-size:13px}}.quiz-curd .quizz-add .quiz-add-body .save{margin-bottom:20px;margin-left:auto}.quiz-curd .quizz-add .quiz-add-body .add-exam{align-items:flex-start;gap:20px;display:flex}.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{justify-content:space-between;display:flex}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-header .section-header-1{align-items:center;gap:10px;display:flex}.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{justify-content:space-between;padding:10px;display:flex}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-left .item-up{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-left .item-down{color:#555;font-size:13px}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right{align-items:center;gap:20px;font-size:15px;display:flex}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right .icon-wrapper{cursor:pointer;display:inline-block;position:relative}.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{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:8px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.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:#d9d9d9;border-radius:4px}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{background-color:#fff;border:1px solid #e5e7eb99;border-radius:16px;flex-direction:column;width:75%;display:flex;overflow:hidden;box-shadow:0 4px 20px -10px #0000000d}body.dark .quiz-curd .quizz-add .quiz-add-body .add-exam .right-col,html[data-theme=dark] .quiz-curd .quizz-add .quiz-add-body .add-exam .right-col,.dark .quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{background-color:#1a1a1c;border-color:#ffffff0f;box-shadow:0 10px 30px -10px #00000080}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col .list-all-questions{flex-direction:column;height:100%;padding:0 16px;display:flex}@media (max-width:575.98px){.quiz-curd .quizz-add{box-shadow:none;border:none;padding:24px}.quiz-curd .quizz-add .quiz-add-body .add-exam{flex-direction:column;gap:20px;padding:16px 0}.quiz-curd .quizz-add .quiz-add-body .add-exam .left-col{border-right:none;width:100%}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{width:100%}}@media (min-width:576px) and (max-width:767.98px){.quiz-curd{margin-left:0}.quiz-curd .quizz-add{box-shadow:none;border:none;padding:20px}.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{border-right:none;width:100%}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{width:100%}}@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{border-right:none;width:100%}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{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{border-right:none;width:100%}.quiz-curd .quizz-add .quiz-add-body .add-exam .right-col{width:100%}}@media (min-width:1200px) and (max-width:1399.98px){.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:#1e1f20;box-shadow:0 4px 20px #0006}body.dark .quiz-curd .quizz-add .quiz-add-header .btn-preview-exam{box-shadow:0 2px 8px #0009}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}.empty-state{text-align:center;color:#6b7280;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;max-width:100%;margin:20px auto;padding:40px 20px;display:flex}.empty-state .empty-state-icon{color:#9ca3af;margin-bottom:16px}.empty-state .empty-state-title{color:#111827;margin-bottom:8px;font-size:18px;font-weight:600}.empty-state .empty-state-text{max-width:90%;font-size:14px;line-height:1.5}.empty-state-icon.error{color:#dc2626}.retry-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.retry-button:hover{background-color:#0056b3}.retry-button:disabled{cursor:not-allowed;background-color:#ccc}.retry-button svg{width:16px;height:16px}body.dark .empty-state{color:#9ca3af;background-color:#282a2c;border-color:#4b556366}body.dark .empty-state .empty-state-icon{color:#6b7280}body.dark .empty-state .empty-state-title{color:#f9fafb}.container-edu-all-exam-ver2{background-color:#f9fafb;flex-direction:column;flex:1;padding:20px 30px;display:flex}@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{background-color:#fff;border-bottom:1px solid #0000001f;border-top-left-radius:16px;border-top-right-radius:16px;height:60px;padding:10px 24px}.container-edu-all-exam-ver2 .section-search .section-search-header{justify-content:space-between;align-items:center;display:flex}.container-edu-all-exam-ver2 .section-search .section-search-header span{color:#111827;font-size:16px;font-weight:600}.container-edu-all-exam-ver2 .section-list{color:#111827;background-color:#fff;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:100%;overflow-y:auto;box-shadow:0 10px 10px 4px #0000000a}@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{justify-content:space-between;align-items:center;display:flex}.container-edu-all-exam-ver2 .section-list .section-item .section-item-header span{color:#111827;font-size:16px;font-weight:600}.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{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item{background-color:#fff;border:1px solid #d1d5db;border-radius:16px;padding:1rem;box-shadow:0 .125rem .25rem #00000013}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .image-container{border-radius:16px;height:16rem;position:relative;overflow:hidden}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .image-container .quiz-image{object-fit:cover;min-width:100%;max-width:100%;min-height:100%;max-height:100%;position:absolute}.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{justify-content:space-between;align-items:center;margin:2rem 0;display:flex}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author-date .author{align-items:center;gap:.5rem;display:flex}.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%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.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{gap:2rem;margin:2rem 0;display:flex}.container-edu-all-exam-ver2 .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item{align-items:center;gap:.25rem;display:flex}.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{cursor:pointer;display:inline-block;position:relative}.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{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:5px;font-size:10px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.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{gap:1rem;margin:15px 0;display:flex}.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{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:9999px;outline:none;margin-top:1rem;padding:.5rem 1rem}.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{scrollbar-gutter:stable;flex-direction:column;flex:1;height:100%;min-height:0;padding:24px;display:flex}.section-sort-tabs-wrapper{flex-wrap:wrap;flex-shrink:0;gap:8px;padding-bottom:16px;display:flex}.section-sort-tabs-wrapper .sort-tab{cursor:pointer;color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.section-sort-tabs-wrapper .sort-tab:hover{color:#1f2937;background-color:#f3f4f6}.section-sort-tabs-wrapper .sort-tab.active{color:#3b82f6;background-color:#3b82f61a;border-color:#3b82f6}body.dark .section-sort-tabs-wrapper .sort-tab{color:#aaa;background-color:#1e1f20;border-color:#4b556366}body.dark .section-sort-tabs-wrapper .sort-tab:hover{color:#e3e3e3;background-color:#282a2c}body.dark .section-sort-tabs-wrapper .sort-tab.active{color:#3b82f6;background-color:#3b82f626;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:#1e1f20;border-color:#4b556366}.quizz-all{background-color:#fff;border-radius:16px;flex-direction:column;flex:1;min-height:0;display:flex;box-shadow:0 1.6px 3.6px #0002,0 .3px .9px #0000001c}body.dark .quizz-all{background-color:#1b1b1b;box-shadow:0 1.6px 3.6px #0006,0 .3px .9px #0000004d}.quizz-all .section-search{background-color:#fff;border-bottom:1px solid #e5e7eb;border-top-left-radius:16px;border-top-right-radius:16px;flex-shrink:0;padding:10px 24px}.quizz-all .section-search .result-all-my{align-items:center;gap:8px;display:flex}.quizz-all .section-search .result-all-my .number-all-my{color:#3b82f6;font-size:18px}.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:#aaa}body.dark .quizz-all .section-search{background-color:#1e1f20;border-bottom-color:#4b556366}.quizz-all .section-search .section-search-header{justify-content:space-between;align-items:center;display:flex}@media (max-width:575.98px){.quizz-all .section-search .section-search-header{flex-direction:column;gap:5px}}.quizz-all .section-search .section-search-header .search-input-wrapper-list{flex-grow:1;position:relative}.quizz-all .section-search .section-search-header .search-icon-left-btn{cursor:pointer;color:#6b7280;z-index:2;background:0 0;border:none;padding:0;position:absolute;top:50%;left:12px;transform:translateY(-50%)}body.dark .quizz-all .section-search .section-search-header .search-icon-left-btn{color:#aaa}.quizz-all .section-search .section-search-header .search-input{color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-grow:1;padding-top:8px;padding-bottom:8px;font-size:14px;padding-left:40px!important}body.dark .quizz-all .section-search .section-search-header .search-input{color:#e3e3e3;background-color:#1e1f20;border-color:#6b72801c}.quizz-all .section-search .section-search-header .search-input-clear-btn{color:#6b7280;cursor:pointer;z-index:2;background:0 0;border:none;padding:0;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}body.dark .quizz-all .section-search .section-search-header .search-input-clear-btn{color:#aaa}.quizz-all .section-search .section-search-header .search-suggestions-dropdown{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;position:absolute;top:110%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}body.dark .quizz-all .section-search .section-search-header .search-suggestions-dropdown{background-color:#1e1f20;border-color:#4b556366}.quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item{color:#1f2937;cursor:pointer;border:none;outline:none;padding:10px 16px;font-size:14px;text-decoration:none;display:block}.quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.loading{color:#4b5563;align-items:center;gap:8px;display:flex}body.dark .quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.loading{color:#aaa}.quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.loading .animate-spin{animation:1s linear infinite spin}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{color:#4b5563;align-items:center;gap:8px;padding-top:8px;padding-bottom:8px;font-size:13px;font-style:italic;font-weight:400;display:flex}body.dark .quizz-all .section-search .section-search-header .search-suggestions-dropdown .suggestion-item.submit-full{color:#aaa}.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:#0000}.quizz-all .section-search .section-search-header .result-all{align-items:center;gap:8px;display:flex}.quizz-all .section-search .section-search-header .result-all .number-all{color:#3b82f6;font-size:18px}.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:#aaa}.quizz-all .section-search .section-search-header span{color:#1f2937;font-size:16px;font-weight:600}body.dark .quizz-all .section-search .section-search-header span{color:#e3e3e3}.quizz-all .section-search-my{background-color:#fff;border-bottom:1px solid #e5e7eb;border-top-left-radius:16px;border-top-right-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.quizz-all .section-search-my .result-all-my{align-items:center;gap:8px;display:flex}.quizz-all .section-search-my .result-all-my .number-all-my{color:#3b82f6;font-size:18px}.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:#aaa}body.dark .quizz-all .section-search-my{background-color:#1e1f20;border-bottom-color:#4b556366}.quizz-all .section-search-my .section-search-header{justify-content:space-between;align-items:center;display:flex}@media (max-width:575.98px){.quizz-all .section-search-my .section-search-header{flex-direction:column;gap:5px}}.quizz-all .section-search-my .section-search-header .search-input-wrapper-list{flex-grow:1;position:relative}.quizz-all .section-search-my .section-search-header .search-icon-left-btn{cursor:pointer;color:#6b7280;z-index:2;background:0 0;border:none;padding:0;position:absolute;top:50%;left:12px;transform:translateY(-50%)}body.dark .quizz-all .section-search-my .section-search-header .search-icon-left-btn{color:#aaa}.quizz-all .section-search-my .section-search-header .search-input{color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-grow:1;padding-top:8px;padding-bottom:8px;font-size:14px;padding-left:40px!important}body.dark .quizz-all .section-search-my .section-search-header .search-input{color:#e3e3e3;background-color:#1e1f20;border-color:#6b72801c}.quizz-all .section-search-my .section-search-header .search-input-clear-btn{color:#6b7280;cursor:pointer;z-index:2;background:0 0;border:none;padding:0;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}body.dark .quizz-all .section-search-my .section-search-header .search-input-clear-btn{color:#aaa}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;position:absolute;top:110%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}body.dark .quizz-all .section-search-my .section-search-header .search-suggestions-dropdown{background-color:#1e1f20;border-color:#4b556366}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item{color:#1f2937;cursor:pointer;border:none;outline:none;padding:10px 16px;font-size:14px;text-decoration:none;display:block}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.loading{color:#4b5563;align-items:center;gap:8px;display:flex}body.dark .quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.loading{color:#aaa}.quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.loading .animate-spin{animation:1s linear infinite spin}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{color:#4b5563;align-items:center;gap:8px;padding-top:8px;padding-bottom:8px;font-size:13px;font-style:italic;font-weight:400;display:flex}body.dark .quizz-all .section-search-my .section-search-header .search-suggestions-dropdown .suggestion-item.submit-full{color:#aaa}.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:#0000}.quizz-all .section-search-my .section-search-header .result-all{align-items:center;gap:8px;display:flex}.quizz-all .section-search-my .section-search-header .result-all .number-all{color:#3b82f6;font-size:18px}.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:#aaa}.quizz-all .section-search-my .section-search-header span{color:#1f2937;font-size:16px;font-weight:600}body.dark .quizz-all .section-search-my .section-search-header span{color:#e3e3e3}.quizz-all .section-list{color:#1f2937;scrollbar-width:thin;background-color:#fff;flex:1;width:100%;min-height:0;overflow-y:auto}body.dark .quizz-all .section-list{color:#e3e3e3;scrollbar-color:#555 transparent;background-color:#1b1b1b}.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{justify-content:space-between;align-items:center;display:flex}.quizz-all .section-list .section-item .section-item-header span{color:#1f2937;font-size:16px;font-weight:600}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{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding-bottom:20px;display:grid}.quizz-all .section-list .section-item .section-item-content .card-container .card-item{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 .125rem .25rem #00000013}body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item{background-color:#1e1f20;border-color:#4b556366;box-shadow:0 .125rem .25rem #0003}.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;height:16rem;position:relative;overflow:hidden}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .image-container .quiz-image{object-fit:cover;min-width:100%;max-width:100%;min-height:100%;max-height:100%;position:absolute}.quizz-all .section-list .section-item .section-item-content .card-container .card-item h2{color:#1f2937;padding-top:10px;padding-left:1rem;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{flex-direction:column;gap:10px;padding:0 1rem;display:flex}.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 .stat-item,.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .icon-wrapper{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 .stat-item,body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .icon-wrapper{color:#aaa}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author{align-items:center;gap:.5rem;display:flex}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .author .author-icon{background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.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{align-items:center;gap:10px;display:flex}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats{gap:2rem;display:flex}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-stats .stat-item{align-items:center;gap:.25rem;display:flex}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .quiz-info .quiz-tags{gap:1rem;display:flex}.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:#aaa;background-color:#282a2c}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .line-start{border:0 solid #e5e7eb;border-bottom-width:thin}body.dark .quizz-all .section-list .section-item .section-item-content .card-container .card-item .line-start{border-color:#4b556366}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .start-btn{color:#fff;cursor:pointer;background:linear-gradient(to bottom right,#0a8fdc,#06c);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:5px;width:65px;margin-bottom:7px;margin-left:1rem;padding:9px 20px;font-weight:500;transition:opacity .25s;display:flex}.quizz-all .section-list .section-item .section-item-content .card-container .card-item .start-btn:hover{background-color:#2564eba6}@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{background-color:#fff;border-top:1px solid #e5e7eb;border-bottom-right-radius:16px;border-bottom-left-radius:16px;flex-shrink:0;justify-content:center;align-items:center;padding:16px 24px;display:flex}body.dark .quizz-all .section-footer{background-color:#1e1f20;border-top-color:#4b556366}.quizz-all .section-footer .pagination-wrapper{align-items:center;gap:12px;display:flex}.quizz-all .section-footer .pagination-wrapper .page-btn,.quizz-all .section-footer .pagination-wrapper .page-link{cursor:pointer;color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}body.dark .quizz-all .section-footer .pagination-wrapper .page-btn,body.dark .quizz-all .section-footer .pagination-wrapper .page-link{color:#aaa;background-color:#1e1f20;border-color:#4b556366}.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){color:#1f2937;background-color:#f3f4f6}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){color:#e3e3e3;background-color:#37393b}.quizz-all .section-footer .pagination-wrapper .page-btn.active,.quizz-all .section-footer .pagination-wrapper .page-link.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}body.dark .quizz-all .section-footer .pagination-wrapper .page-btn.active,body.dark .quizz-all .section-footer .pagination-wrapper .page-link.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 8px #3b82f680}.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{gap:6px;display:flex}.quizz-all .section-footer .pagination-wrapper .page-dots{color:#6b7280;justify-content:center;align-items:center;width:36px;display:flex}body.dark .quizz-all .section-footer .pagination-wrapper .page-dots{color:#aaa}.quizz-all .back-to-exams-link{color:#3b82f6;font-size:14px;font-weight:500;text-decoration:none}.quizz-all .back-to-exams-link:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body{overflow-wrap:break-word;word-break:break-word;min-width:0}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li p,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text p,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text p,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body p,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body p,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body p,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body p{margin:0}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-passage img{border:1px solid #e5e7eb;border-radius:6px;max-width:100%;height:auto}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li body.dark img,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text body.dark img,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text body.dark img,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body body.dark img,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage body.dark img{border-color:#ffffff1a}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview body.dark .matching-col,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail body.dark .answer-option.preview-only{color:#e8eaed;background-color:#282a2c;border-color:#44474a}.quiz-detail-view{scrollbar-gutter:stable;scrollbar-width:thin;border-radius:16px;flex:1;align-items:flex-start;gap:24px;width:100%;min-height:0;margin:0 auto;padding:24px;display:flex;overflow-y:auto}@media (max-width:767.98px){.quiz-detail-view{flex-direction:column;margin-bottom:60px;padding:16px}.quiz-detail-view .detail-exam-left,.quiz-detail-view aside.detail-exam-left,.quiz-detail-view .detail-exam-right,.quiz-detail-view main.detail-exam-right{width:100%}}@media (min-width:768px) and (max-width:991.98px){.quiz-detail-view{flex-direction:column;padding:24px}.quiz-detail-view .detail-exam-left,.quiz-detail-view aside.detail-exam-left,.quiz-detail-view .detail-exam-right,.quiz-detail-view main.detail-exam-right{width:100%}}@media (min-width:992px) and (max-width:1399.98px){.quiz-detail-view .detail-exam-left,.quiz-detail-view aside.detail-exam-left{flex-shrink:0;width:320px}.quiz-detail-view .detail-exam-right,.quiz-detail-view main.detail-exam-right{flex:1;min-width:0}}@media (min-width:1400px){.quiz-detail-view .detail-exam-left,.quiz-detail-view aside.detail-exam-left{flex-shrink:0;width:350px}.quiz-detail-view .detail-exam-right,.quiz-detail-view main.detail-exam-right{flex:1;min-width:0}}.quiz-detail-view .detail-exam-right,.quiz-detail-view main.detail-exam-right{flex-direction:column;gap:16px;min-width:0;display:flex}.quiz-detail-view .detail-exam-right .content-wrapper,.quiz-detail-view main.detail-exam-right .content-wrapper{position:relative}.quiz-detail-view .detail-exam-right .content-loading-overlay,.quiz-detail-view main.detail-exam-right .content-loading-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffb3;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}body.dark .quiz-detail-view .detail-exam-right .content-loading-overlay,body.dark .quiz-detail-view main.detail-exam-right .content-loading-overlay{background-color:#1e293bb3}.quiz-detail-view .detail-exam-right .detail-header,.quiz-detail-view main.detail-exam-right .detail-header{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}body.dark .quiz-detail-view .detail-exam-right .detail-header,body.dark .quiz-detail-view main.detail-exam-right .detail-header{color:#e3e3e3;background-color:#1e1f20;border-color:#ffffff0d;box-shadow:0 4px 6px -1px #0003}.quiz-detail-view .detail-exam-right .content_tabs .content,.quiz-detail-view main.detail-exam-right .content_tabs .content{display:none}.quiz-detail-view .detail-exam-right .content_tabs .content.active,.quiz-detail-view main.detail-exam-right .content_tabs .content.active{animation:.3s ease-out fadeIn;display:block}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail{color:#e3e3e3;background-color:#1e1f20;border-color:#ffffff0d;box-shadow:0 10px 15px -3px #00000059}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail h3,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail h3,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail h3,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail h3,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail h3,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail h3{color:#111827;margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.5}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail h3,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail h3,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail h3,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail h3,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail h3,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail h3{color:#e3e3e3}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .button-container-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail{gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab{color:#374151;cursor:pointer;background-color:#f3f4f6;border:1px solid #0000;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;height:34px;margin:4px 0;padding:4px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab:hover,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab:hover,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab:hover,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab:hover,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab:hover,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab:hover{color:#111827;background-color:#e5e7eb}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab.active,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab.active,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab.active,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab.active,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab.active,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab.active{color:#fff;background-color:#111827;box-shadow:0 2px 4px #0000001a}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab{color:#aaa;background-color:#282a2c}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab:hover,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab:hover,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab:hover,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab:hover,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab:hover,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab:hover{color:#fff;background-color:#ffffff1a}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab.active,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab.active,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab.active,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .button-container-detail .button-tab.active,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .button-container-detail .button-tab.active,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .button-container-detail .button-tab.active{color:#fff;background-color:#3b82f6;box-shadow:0 2px 8px #3b82f666}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px;padding-right:0;overflow-y:visible}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions{border-top-color:#4b556366}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 2px #00000005}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail{background-color:#1e1f20;border-color:#ffffff14}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header{color:#1e293b;border-bottom:1px dashed #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:12px;font-weight:700;display:flex}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header{color:#f1f5f9;border-bottom-color:#ffffff1a}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header>span:first-child,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header>span:first-child,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header>span:first-child,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header>span:first-child,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header>span:first-child,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header>span:first-child{overflow-wrap:break-word;word-break:break-word;min-width:0;font-size:16px;line-height:1.5}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail{color:#64748b;white-space:normal;background-color:#f1f5f9;border-radius:12px;margin-left:6px;padding:2px 8px;font-size:13px;font-weight:500}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header .question-type-badge-detail{color:#94a3b8;background-color:#ffffff0d}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header .question-marks,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header .question-marks,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header .question-marks,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header .question-marks,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header .question-marks,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header .question-marks{color:#2563eb;background-color:#eff6ff;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:13px;font-weight:600;line-height:1.5}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header .question-marks,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header .question-marks,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header .question-marks,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-header .question-marks,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-header .question-marks,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-header .question-marks{color:#60a5fa;background-color:#3b82f61a;border:1px solid #3b82f633}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-passage,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-passage,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-passage,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-passage{color:#334155;background-color:#f8fafc;border-left:4px solid #6366f1;border-radius:0 8px 8px 0;margin-bottom:16px;padding:16px;font-size:14.5px;font-style:italic}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-passage,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-passage,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-passage,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-passage{color:#cbd5e1;background-color:#ffffff05;border-color:#818cf8}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-passage img{max-width:40%;margin:8px 0}@media (max-width:576px){.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-passage img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-passage img{max-width:80%}}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body{color:#1f2937;margin-bottom:20px;font-size:15px;line-height:1.6}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body{color:#e2e8f0}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body img{max-width:40%;margin:8px 0}@media (max-width:576px){.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body img{max-width:80%}}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder{color:#2563eb;border-bottom:1.5px solid #94a3b8;justify-content:center;align-items:center;min-width:36px;margin:0 4px;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .question-body .preview-blank-placeholder{color:#8ab4f8;border-bottom-color:#5f6368}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .media-placeholder-preview,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .media-placeholder-preview,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .media-placeholder-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .media-placeholder-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .media-placeholder-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .media-placeholder-preview{color:#4b5563;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:8px;margin:8px 0;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.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,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .media-placeholder-preview i,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .media-placeholder-preview svg,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .media-placeholder-preview i,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .media-placeholder-preview svg,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .media-placeholder-preview i,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .media-placeholder-preview svg,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .media-placeholder-preview i,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .media-placeholder-preview svg,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .media-placeholder-preview i,.quiz-detail-view main.detail-exam-right .content_tabs .content section.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,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .media-placeholder-preview,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .media-placeholder-preview,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .media-placeholder-preview,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .media-placeholder-preview,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .media-placeholder-preview{color:#9ca3af;background-color:#1f293780;border-color:#374151}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-list,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-list,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-list,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-list,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-list,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-list{flex-direction:column;gap:10px;min-width:0;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option{align-items:flex-start;gap:12px;min-width:0;padding:14px 16px;transition:background-color .2s;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only{cursor:default}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only:hover,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only:hover,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only:hover,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only:hover,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only:hover,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only:hover{background-color:#f1f5f9}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only:hover,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only:hover,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only:hover,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only:hover,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only:hover,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only:hover{background-color:#3c4043}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter{color:#3b82f6;flex-shrink:0;font-weight:600}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-letter{color:#8ab4f8}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text{flex:1}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img{max-width:40%}@media (max-width:576px){.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .answer-option.preview-only .answer-text img{max-width:80%}}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview{border-left:3px solid #e5e7eb;min-width:0;margin-top:16px;padding-left:16px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview{border-left-color:#5f6368}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item{min-width:0;margin-bottom:16px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title{color:#4b5563;margin-bottom:8px;font-size:14px;font-weight:600}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .sub-question-title{color:#e8eaed}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .question-body,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .question-body,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .question-body,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .question-body,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .question-body,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .question-body{margin-bottom:0}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full{flex-direction:column;gap:6px;margin-top:10px;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item{color:#4b5563;gap:8px;font-size:13px;display:flex}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item{color:#9aa0a6}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter{color:#6b7280;flex-shrink:0;font-weight:600}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-letter{color:#8ab4f8}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text{flex:1}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img{max-width:40%}@media (max-width:576px){.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .sub-questions-preview .sub-question-item .preview-options-full .preview-opt-item .opt-text img{max-width:80%}}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview{gap:16px;min-width:0;margin-top:16px;font-size:14px;display:flex}@media (max-width:576px){.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview{flex-direction:column}}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col{flex:1;padding:12px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title{margin-bottom:8px;font-weight:600;display:block}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a{color:#3b82f6}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-a{color:#8ab4f8}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b{color:#10b981}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col .col-title.col-b{color:#81c995}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul{margin:0;padding-left:20px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li{margin-bottom:6px}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img{max-width:40%;margin:4px 0}@media (max-width:576px){.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .matching-preview .matching-col ul li img{max-width:80%}}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .fitb-preview,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .fitb-preview,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .fitb-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .fitb-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .fitb-preview,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .fitb-preview{color:#475569;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;font-size:14px;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .fitb-preview i,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .fitb-preview i,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .fitb-preview i,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .fitb-preview i,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .fitb-preview i,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .fitb-preview i{color:#3b82f6}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .fitb-preview i,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .fitb-preview i,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .fitb-preview i,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .fitb-preview i,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .fitb-preview i,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .fitb-preview i{color:#8ab4f8}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .fitb-preview,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .fitb-preview,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .fitb-preview,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .fitb-preview,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .fitb-preview,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .fitb-preview{color:#9aa0a6;background-color:#ffffff05;border-color:#44474a}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .fitb-preview strong,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .fitb-preview strong,body.dark .quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .fitb-preview strong,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .questions .question-item-detail .fitb-preview strong,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .questions .question-item-detail .fitb-preview strong,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .questions .question-item-detail .fitb-preview strong{color:#e8eaed}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .banner-detail,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .banner-detail,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .banner-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .banner-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .banner-detail,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .banner-detail{text-align:center;color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb,#1e40af);border-radius:12px;margin-top:24px;padding:12px 16px;font-size:15px;font-weight:600;line-height:1.5;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #2563eb4d}.quiz-detail-view .detail-exam-right .content_tabs .content .content-section-detail .banner-detail:hover,.quiz-detail-view .detail-exam-right .content_tabs .content article.content-section-detail .banner-detail:hover,.quiz-detail-view .detail-exam-right .content_tabs .content section.content-section-detail .banner-detail:hover,.quiz-detail-view main.detail-exam-right .content_tabs .content .content-section-detail .banner-detail:hover,.quiz-detail-view main.detail-exam-right .content_tabs .content article.content-section-detail .banner-detail:hover,.quiz-detail-view main.detail-exam-right .content_tabs .content section.content-section-detail .banner-detail:hover{transform:translateY(-2px);box-shadow:0 6px 12px -2px #2563eb66}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section{color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section{color:#aaa;background-color:#1e1f20;border-color:#ffffff0d;box-shadow:0 10px 15px -3px #00000059}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comments-header{background:0 0;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 24px 16px;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header h2,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comments-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options{align-items:center;gap:8px;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options span,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options span{color:#6b7280;font-size:14px}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:6px 10px;font-size:14px;font-weight:500}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select:focus,.quiz-detail-view main.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,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comments-header{border-bottom-color:#4b556366}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header h2,body.dark .quiz-detail-view main.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,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options span{color:#aaa}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select{color:#e3e3e3;background:#1b1b1b;border-color:#4b556366}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select:focus,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comments-header .sort-options select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #1e3a8a}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-body,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comments-body{flex:auto;padding:24px;overflow-y:visible}@media (min-width:640px){.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comments-body,.quiz-detail-view main.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,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section #comments-list{flex-direction:column;gap:24px;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-item,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-item{align-items:flex-start;gap:16px;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .avatar,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .avatar{object-fit:cover;border-radius:9999px;flex-shrink:0;width:40px;height:40px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .avatar,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .avatar{box-shadow:0 0 0 2px #1e1f20,inset 0 0 0 3px #4b556366}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-content,.quiz-detail-view main.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,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-bubble{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-bubble,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-bubble{background-color:#1b1b1b;border-color:#4b556366}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-header,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-header .comment-author,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-header .comment-author{color:#0f172a;font-size:14px;font-weight:600}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-header .comment-time,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-header .comment-time{color:#6b7280;font-size:12px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-header .comment-author,body.dark .quiz-detail-view main.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,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-header .comment-time{color:#aaa}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-text{color:#4b5563;overflow-wrap:break-word;word-break:break-word;font-size:14px;line-height:1.7}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text a,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-text a{color:#0ea5e9;border-bottom:1px dashed #0ea5e959;text-decoration:none}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text a:hover,.quiz-detail-view main.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,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-text code{color:#111827;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text pre,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-text pre{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;margin:10px 0;padding:10px 12px;overflow:auto}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text blockquote,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-text blockquote{color:#4b5563;border-left:3px solid #e5e7eb;margin:10px 0;padding-left:12px}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-text{color:#aaa}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text a,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-text a{color:#38bdf8;border-bottom-color:#38bdf859}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text code,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-text code{color:#e3e3e3;background:#27272a}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text pre,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-text pre{background:#18181b;border-color:#4b556366}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-text blockquote,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-text blockquote{color:#aaa;border-left-color:#4b556366}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-actions,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-actions{color:#6b7280;align-items:center;gap:16px;margin-top:10px;font-size:12px;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-actions button,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-actions button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;transition:opacity .15s,transform 50ms}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-actions button:hover,.quiz-detail-view main.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,.quiz-detail-view main.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,.quiz-detail-view main.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,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-actions{color:#aaa}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section #load-more-btn,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section #load-more-btn{text-align:center;color:#4b5563;cursor:pointer;background-color:#fff;border:none;border-radius:8px;width:100%;margin-top:24px;padding:12px 16px;font-size:14px;font-weight:600;transition:background-color .15s,opacity .15s;display:block}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section #load-more-btn:hover,.quiz-detail-view main.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,.quiz-detail-view main.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,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section #load-more-btn{color:#aaa;background-color:#1e1f20;border:1px solid #4b556366}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section #load-more-btn:hover,body.dark .quiz-detail-view main.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,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-input-footer{background-color:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding:16px 24px;box-shadow:0 -4px 12px #0000000d}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-input-area,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-input-area{align-items:flex-start;gap:16px;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .textarea-wrapper,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-input-footer .textarea-wrapper{flex:1;align-items:flex-end;gap:8px;display:flex}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea{color:#0f172a;resize:vertical;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:42px;padding:12px 16px;font-size:14px;transition:all .2s}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea::placeholder,.quiz-detail-view main.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,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #dbeafe}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .post-comment-btn,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-input-footer .post-comment-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:opacity .15s,transform 50ms}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .post-comment-btn:disabled,.quiz-detail-view main.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,.quiz-detail-view main.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,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-input-footer{background-color:#1e1f20;border-top-color:#4b556366}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea{color:#e3e3e3;background-color:#1b1b1b;border-color:#4b556366}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea::placeholder,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea::placeholder{color:#aaa}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea:focus,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-input-footer .comment-textarea:focus{background-color:#1e1f20;border-color:#3b82f6;box-shadow:0 0 0 2px #1e3a8a}.quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-badge,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-badge{color:#3730a3;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}body.dark .quiz-detail-view .detail-exam-right .content_tabs .content .comments-section .comment-badge,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .comment-badge{color:#c7d2fe;background:#1e1b4b;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,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .empty-state,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .error-state,.quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .loading-state{background:#f8fafc;border:1px dashed #e5e7eb;border-radius:10px;margin:16px 24px;padding:14px 16px}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,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .empty-state,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .error-state,body.dark .quiz-detail-view main.detail-exam-right .content_tabs .content .comments-section .loading-state{color:#aaa;background:#0b0b0c;border-color:#4b556366}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulsee{0%,to{opacity:1}50%{opacity:.5}}.is-skeleton{animation:2s cubic-bezier(.4,0,.6,1) infinite pulsee}.exam-card-wrapper.is-skeleton .card-image-sk{border-radius:8px 8px 0 0;height:160px}.exam-card-wrapper.is-skeleton .card-content-wrapper{flex-direction:column;gap:12px;padding:16px;display:flex}.exam-card-wrapper.is-skeleton .card-title-sk{width:80%;height:24px}.exam-card-wrapper.is-skeleton .card-author-sk{width:50%;height:16px}.exam-card-wrapper.is-skeleton .card-stats{gap:10px;display:flex}.exam-card-wrapper.is-skeleton .card-stat-sk{width:30%;height:16px}.exam-card-wrapper.is-skeleton .card-description{flex-direction:column;gap:8px;display:flex}.exam-card-wrapper.is-skeleton .card-text-sk{width:100%;height:14px}.exam-card-wrapper.is-skeleton .card-footer-wrapper{border-top:1px solid #e5e7eb;padding:16px}body.dark .exam-card-wrapper.is-skeleton .card-footer-wrapper{border-top-color:#4b556366}.exam-card-wrapper.is-skeleton .card-button-sk{border-radius:8px;width:100%;height:40px}.detail-header.is-skeleton{padding:8px 16px}.detail-header.is-skeleton .tab-btn-sk{border-radius:8px;height:38px}.content-section-detail.is-skeleton h3 .skeleton-box{margin-bottom:8px}.content-section-detail.is-skeleton .button-tab-sk{border-radius:16px;width:100px;height:32px}.question-item-detail.is-skeleton .answer-option-sk{border-radius:6px;width:100%;height:45px}.preview-limit-notice{text-align:center;z-index:2;margin-top:-60px;padding-top:80px;padding-bottom:20px;position:relative}.preview-limit-notice .preview-fade-out{pointer-events:none;background:linear-gradient(#fff0 0%,#ffffffe6 60%,#fff 100%);width:100%;height:100px;position:absolute;top:0;left:0}body.dark .preview-limit-notice .preview-fade-out{background:linear-gradient(#1e1f2000 0%,#1e1f20e6 60%,#1e1f20 100%)}.preview-limit-notice .preview-notice-content{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:inline-flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}body.dark .preview-limit-notice .preview-notice-content{background-color:#ffffff08;border-color:#ffffff1a}.preview-limit-notice .preview-notice-content .lock-icon{color:#94a3b8;font-size:24px}body.dark .preview-limit-notice .preview-notice-content .lock-icon{color:#64748b}.preview-limit-notice .preview-notice-content p{color:#475569;margin:0;font-size:15px}body.dark .preview-limit-notice .preview-notice-content p{color:#cbd5e1}.preview-limit-notice .preview-notice-content p strong{color:#0f172a;font-weight:700}body.dark .preview-limit-notice .preview-notice-content p strong{color:#f8fafc}.preview-limit-notice .preview-notice-content .unlock-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;margin-top:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f64d}.preview-limit-notice .preview-notice-content .unlock-btn:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 8px -1px #3b82f666}.quiz-practice{box-sizing:border-box;flex-direction:column;width:95%;height:100vh;margin:auto;padding-top:102px;display:flex;overflow:hidden}.quiz-practice .box-quiz{box-sizing:border-box;color:#0f0f0f;align-items:flex-start;gap:30px;height:100%;padding-bottom:20px;display:flex}.quiz-practice .box-quiz .left{z-index:1;scrollbar-width:none;flex:.5;height:100%;overflow-y:auto}.quiz-practice .box-quiz .left::-webkit-scrollbar{display:none}.quiz-practice .box-quiz .left .rootone{scrollbar-width:thin;scrollbar-color:#f9fafb transparent;background-color:#fff;border-radius:16px}body.dark .quiz-practice .box-quiz .left .rootone{color:#e3e3e3;background-color:#1e1f20}.quiz-practice .box-quiz .left .root{background-color:#fff;border-radius:16px;flex-direction:column;max-height:400px;margin-bottom:5px;display:flex}body.dark .quiz-practice .box-quiz .left .root{color:#e3e3e3;scrollbar-color:#5555552f transparent;background-color:#1e1f20}.quiz-practice .box-quiz .left .root .header{border-bottom:1px solid #f1f5f9;align-items:center;padding:16px 24px;display:flex}body.dark .quiz-practice .box-quiz .left .root .header{border-bottom-color:#2a2b2c}.quiz-practice .box-quiz .left .root .header .header-content{color:#2d3748;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}body.dark .quiz-practice .box-quiz .left .root .header .header-content{color:#e3e3e3}.quiz-practice .box-quiz .left .root .content{scrollbar-width:thin;scrollbar-color:#f9fafb transparent;height:100%;padding:8px 24px;overflow:auto}body.dark .quiz-practice .box-quiz .left .root .content{scrollbar-color:#5555552f transparent}.quiz-practice .box-quiz .left .root .content .content-1{justify-content:space-between;display:flex}.quiz-practice .box-quiz .left .root .content .content-1 div{align-items:center;display:flex}.quiz-practice .box-quiz .left .root .content .content-1 div div{-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.25rem;line-height:1;display:flex;position:relative;overflow:hidden}.quiz-practice .box-quiz .left .root .content .content-1 div div img{object-fit:cover;color:#0000;text-indent:10000px;width:100%;height:100%}.quiz-practice .box-quiz .left .root .content .content-1 div p{color:#6b7280;margin:0 0 0 10px;font-size:14px;font-weight:400;line-height:1.5}.quiz-practice .box-quiz .left .root .content .content-2{gap:20px;margin-top:12px;margin-bottom:10px;display:flex}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item{align-items:center;gap:.25rem;display:flex}.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,.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 i.fa-thumbs-up{color:#65686c}.quiz-practice .box-quiz .left .root .content .content-2 .stat-item .icon-wrapper{cursor:pointer;color:#65686c;align-items:center;gap:5px;display:flex}.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{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:5px;font-size:10px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.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:0 solid #0000001f;border-bottom-width:thin}.quiz-practice .box-quiz .left .root .content .content-3{color:#4a5568;align-items:center;gap:5px;margin:10px 0;font-size:16px;display:flex}body.dark .quiz-practice .box-quiz .left .root .content .content-3{color:#e3e3e3}.quiz-practice .box-quiz .left .root .content .content-3 p:first-child{flex-shrink:0;font-weight:600}.quiz-practice .box-quiz .left .root .content .content-4{line-height:1.7}.quiz-practice .box-quiz .left .root .content .content-4 p{color:#4a5568;font-size:16px}body.dark .quiz-practice .box-quiz .left .root .content .content-4 p{color:#e3e3e3}.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{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.quiz-practice .box-quiz .left .root .content .content-5 .smart-header-desktop .smart-title-desktop{margin:0;font-weight:600}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-header-desktop .smart-title-desktop{color:#e3e3e3}.quiz-practice .box-quiz .left .root .content .content-5 .pause-control-btn{cursor:pointer;color:#e11d48;background-color:#ffe4e6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:12px;font-size:15px;font-weight:600;transition:all .2s ease-in-out;display:flex}.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{color:#166534;background-color:#dcfce7;animation:2s infinite pulse-green}.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}.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{align-items:center;margin-bottom:10px;display:flex}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-header{color:#e3e3e3}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-header i{text-align:center;width:24px;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{align-items:center;gap:16px;display:flex}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control input[type=range]{-webkit-appearance:none;background:0 0;flex-grow:1;width:100%}.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{cursor:pointer;background:#d1d5db;border-radius:3px;width:100%;height:6px}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}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#3b82f6;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 1px 3px #0003}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control .slider-value{text-align:center;border-radius:8px;min-width:64px;padding:4px 12px;font-weight:600}.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}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control .slider-value.time-value{color:#bcd4ff;background-color:#3b82f633}.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}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .slider-control .slider-value.reading-time-value{color:#e6c6ff;background-color:#a855f733}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-btn-group{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.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{text-align:center;cursor:pointer;border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:14px;transition:all .2s ease-in-out;display:block}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-btn-group label{color:#e3e3e3;border-color:#3b3b3b}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-btn-group input:checked+label{color:#3b82f6;background-color:#dbeafe;border-color:#3b82f6;font-weight:600}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .setting-option .option-btn-group input:checked+label{color:#dbeafe;background-color:#3b82f640;border-color:#3b82f6}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .explanation{border-top:1px solid #e5e7eb;padding-top:12px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .explanation p{color:#6b7280;margin:0;font-size:12px;line-height:1.6}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .explanation p .bold{color:#4b5563;font-weight:600}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .explanation p{color:#b9c0ca}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .toggle-switch{width:56px;height:32px;display:inline-block;position:relative}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .toggle-switch input{opacity:0;width:0;height:0}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .toggle-switch .toggle-slider{cursor:pointer;background-color:#e5e7eb;border-radius:34px;transition:all .4s;position:absolute;inset:0}body.dark .quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .toggle-switch .toggle-slider{background-color:#3b3b3b}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .toggle-switch .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:24px;height:24px;transition:all .4s;position:absolute;bottom:4px;left:4px}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.quiz-practice .box-quiz .left .root .content .content-5 .smart-practice-desktop .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.quiz-practice .box-quiz .left .root .content .content-container{padding:16px 16px 25px 0}.quiz-practice .box-quiz .left .root .footer{padding:8px 24px}.quiz-practice .box-quiz .left .root .footer button{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;background-color:#d32f2f;border:0;border-radius:8px;outline:0;justify-content:center;align-items:center;min-width:64px;margin:6px;padding:4px 12px;font-size:1.4rem;font-weight:500;line-height:1.75;display:flex}body.dark .quiz-practice .box-quiz .left .root .footer button{background-color:#ef44444d}.quiz-practice .box-quiz .left .header-md .timer-md{text-align:center;color:#fff;background-color:#3987c7;padding:10px}.quiz-practice .box-quiz .left .header-md .section-md{justify-content:space-between;padding:15px 15px 10px;display:flex}.quiz-practice .box-quiz .left .header-md .questions-section{white-space:nowrap;scrollbar-width:none;scroll-behavior:smooth;border-bottom:1px solid #ddd;display:flex;position:relative;overflow-x:auto}.quiz-practice .box-quiz .left .header-md .questions-section .question-tab{-webkit-user-select:none;user-select:none;touch-action:manipulation;color:#72757c;cursor:pointer;flex-grow:1;flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:flex}.quiz-practice .box-quiz .left .header-md .questions-section .question-tab.active{color:#3987c7}.quiz-practice .box-quiz .left .header-md .questions-section .indicator{background-color:#3987c7;height:2px;transition:transform .3s;position:absolute;bottom:0}.quiz-practice .box-quiz .right{scrollbar-width:none;flex:.5;height:100%;overflow-y:auto}.quiz-practice .box-quiz .right::-webkit-scrollbar{display:none}.quiz-practice .box-quiz .right .root{color:#111827;background-color:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 10px 4px #0000000a}.quiz-practice .box-quiz .right .root .header{padding:16px 24px 0}.quiz-practice .box-quiz .right .root .header h3{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:16px;font-weight:600;overflow:hidden}.quiz-practice .box-quiz .right .root .content{height:100%;padding:16px 24px}.quiz-practice .box-quiz .right .root .content .content-content{flex-wrap:wrap;justify-content:center;max-height:320px;display:flex;overflow-y:auto}.quiz-practice .box-quiz .right .root .content .content-content button{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;color:#0f0f0f;background-color:#e0e0e0;border:0;border-radius:8px;outline:0;justify-content:center;align-items:center;min-width:64px;margin:6px;padding:8px 16px;font-size:1.4rem;font-weight:500;transition:all .25s;display:flex}.quiz-practice .box-quiz .right .root .content .content-content button.active{color:#fff;background-color:#0a8fdc}body.dark .quiz-practice .box-quiz .right .root .content .content-content button.active{color:#e3e3e3;background-color:#0a8fdcc7}.quiz-practice .box-quiz .right .root .content .content-content button.success{color:#fff;background-color:#2e7d32}body.dark .quiz-practice .box-quiz .right .root .content .content-content button.success{color:#e3e3e3;background-color:#2e7d32ba}.quiz-practice .box-quiz .right .root .content .content-content button.wrong{color:#fff;background-color:#d32f2f}body.dark .quiz-practice .box-quiz .right .root .content .content-content button.wrong{color:#e3e3e3;background-color:#d32f2f99}.quiz-practice .box-quiz .right .root .content .content-content button.approximately{background-color:#f59e0b}body.dark .quiz-practice .box-quiz .right .root .content .content-content button.approximately{background-color:#f59e0bba}.quiz-practice .box-quiz .right .root .content .content-content button.answered{color:#000;background-color:#81d4fa}body.dark .quiz-practice .box-quiz .right .root .content .content-content button.answered{background-color:#81d4fac9}.quiz-practice .box-quiz .right .root .content .content-content button.disabled{color:#00000042;background-color:#0000001f}.quiz-practice .box-quiz .center{scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:#f9fafb transparent;flex:1;min-width:0;max-width:100%;height:100%;overflow:hidden auto}body.dark .quiz-practice .box-quiz .center{scrollbar-color:#55555531 transparent}.quiz-practice .box-quiz .center>.root{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;background-color:#fff;border-radius:16px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 10px 10px 4px #0000000a}.quiz-practice .box-quiz .center>.root img{object-fit:contain;max-width:100%!important;height:auto!important}@media (max-width:1199.98px){.quiz-practice .box-quiz .center>.root{box-shadow:none}}body.dark .quiz-practice .box-quiz .center>.root{color:#e3e3e3;background-color:#1e1f20}.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{justify-content:space-between;align-items:center;display:flex}.quiz-practice .box-quiz .center>.root .header .header-content div strong{color:#1e293b}body.dark .quiz-practice .box-quiz .center>.root .header .header-content div strong{color:#e3e3e3d6}.quiz-practice .box-quiz .center>.root .header .header-content .solution-toggle-btn{color:#1d4ed8;cursor:pointer;white-space:nowrap;background-color:#e0edff;border:1px solid #3b82f6;border-radius:999px;margin-left:12px;padding:4px 10px;font-size:12px;transition:all .15s}.quiz-practice .box-quiz .center>.root .header .header-content .solution-toggle-btn:hover{background-color:#d0e2ff}body.dark .quiz-practice .box-quiz .center>.root .header .header-content .solution-toggle-btn{color:#bfdbfe;background-color:#2563eb33;border-color:#3b82f6}body.dark .quiz-practice .box-quiz .center>.root .header .header-content .solution-toggle-btn:hover{background-color:#2563eb59}.quiz-practice .box-quiz .center>.root .header .header-content .matching-header-right{color:#64748b;align-items:center;gap:10px;font-size:12px;display:flex}body.dark .quiz-practice .box-quiz .center>.root .header .header-content .matching-header-right{color:#cbd5f5}.quiz-practice .box-quiz .center>.root .header .header-content .matching-header-right .matching-progress{font-weight:500}.quiz-practice .box-quiz .center>.root .content .content-header{border-bottom:1px solid #0000001f;padding:16px 24px;font-size:17px;font-weight:500;line-height:1.5}body.dark .quiz-practice .box-quiz .center>.root .content .content-header{border-bottom-color:#eeeeee36}.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{border:0 solid #0000001f;border-bottom-width:thin;margin:0}body.dark .quiz-practice .box-quiz .center>.root .content hr{border-bottom-color:#eeeeee36}.quiz-practice .box-quiz .center>.root .content .content-content{border-bottom:1px solid #0000001f;padding:0 12px}body.dark .quiz-practice .box-quiz .center>.root .content .content-content{border-bottom-color:#eeeeee36}.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{margin:0;list-style:none;position:relative}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border-bottom:1px solid #eee;flex-direction:column;width:100%;padding:6px;font-size:15px;transition:background-color .15s;display:flex;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 #0000}body.dark .quiz-practice .box-quiz .center>.root .content .content-content ul .content-item{border-bottom-color:#eeeeee15!important}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.solution>div{background-color:#ecfdf3;border-color:#22c55e;border-radius:8px}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.solution .solution-badge{color:#166534;pointer-events:none;background-color:#dcfce7;border-radius:999px;margin:0;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;bottom:6px;right:12px}body.dark .quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.solution>div{background-color:#15803d47;border-color:#4ade80}body.dark .quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.solution .solution-badge{color:#bbf7d0;background-color:#22c55e33}.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}body.dark .quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.correct>div{color:#e3e3e3;background-color:#2591725d}.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}body.dark .quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.wrong>div{color:#e3e3e3;background-color:#e753625b}.quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.select>div{border:1px solid #eeaa81;border-radius:8px}body.dark .quiz-practice .box-quiz .center>.root .content .content-content ul .content-item.select>div{border:none!important}.quiz-practice .box-quiz .center>.root .content .content-content .matching{flex-direction:column;gap:10px;padding:3px;display:flex}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item{border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;min-height:85px;margin:10px 0;padding:6px;font-size:15px;line-height:1.5;transition:background-color .3s,border-color .3s;display:flex;position:relative}.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{border-radius:6px;height:100%;min-height:60px;padding:8px;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{background-color:#e3f2fd;box-shadow:0 10px 15px -3px #0000001a}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right div.shadow-matching.inactive{box-shadow:inset 3px 3px 6px #ccdbe8,inset -3px -3px 6px 1px #ffffff80}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right .matching-solution-row{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-height:18px;margin-top:4px;font-size:12px;display:flex;overflow:hidden}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right .matching-solution-row .matching-solution-label{color:#4b5563;font-weight:500}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right .matching-solution-row .matching-solution-text{color:#1d4ed8;font-weight:600}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item:after{content:"→";color:#b0bec5;font-size:24px;transition:opacity .3s,color .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item.success{background-color:#2e7d3214;border-color:#2e7d32}.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{background-color:#d32f2f14;border-color:#d32f2f}.quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item.error:after{content:"✗";color:#d32f2f;font-weight:700}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item{border-color:#ffffff26!important}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item:after{color:#78909c!important}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right .shadow-matching.active{box-shadow:none!important;background-color:#282a2c!important}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item .item-right .shadow-matching.inactive{box-shadow:inset 2px 2px 4px #0006,inset -2px -2px 4px #ffffff05!important}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item.success{background-color:#66bb6a26!important;border-color:#66bb6a!important}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item.success:after{color:#66bb6a!important}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item.error{background-color:#ef535026!important;border-color:#ef5350!important}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching .matching-item.error:after{color:#ef5350!important}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}.quiz-practice .box-quiz .center>.root .content .content-content .matching-instruction{justify-content:space-between;align-items:center;display:flex;margin:1.2rem 0!important}.quiz-practice .box-quiz .center>.root .content .content-content .matching-instruction span{color:#adb5bd}.quiz-practice .box-quiz .center>.root .content .content-content .matching-instruction .css-button-blue{color:#fff;background-color:#0a8fdc91}.quiz-practice .box-quiz .center>.root .content .content-content .matching-instruction .css-button-blue:hover{background-color:#2563eb}.quiz-practice .box-quiz .center>.root .content .content-content .matching-answer{background-color:#f5f5f5;border-radius:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;min-height:80px;padding:8px;display:grid}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching-answer{background-color:#ffffff0d!important}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching-answer>div{border:1px dashed #ffffff4d;background-color:#2c2e30!important}.quiz-practice .box-quiz .center>.root .content .content-content .matching-answer>div .drag-handle{cursor:grab;color:#9ca3af;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.quiz-practice .box-quiz .center>.root .content .content-content .matching-answer>div .drag-handle:hover{background-color:#f3f4f6}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching-answer>div .drag-handle:hover{background-color:#ffffff1a}.quiz-practice .box-quiz .center>.root .content .content-content .matching-answer>div .item-content{flex-grow:1}body.dark .quiz-practice .box-quiz .center>.root .content .content-content .matching-answer>div .item-content{color:#e3e3e3}.quiz-practice .box-quiz .center>.root .content .content-content .fib-correct-hint{color:#4b5563;align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.quiz-practice .box-quiz .center>.root .content .content-content .fib-correct-hint__text{color:#3730a3;background-color:#eef2ff;border-radius:4px;padding:2px 6px;font-weight:600}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{color:#e0f2fe;background-color:#3b82f640}.reveal-badge{color:#c2410c;background-color:#fff7ed;border:1px solid #fdba74;border-radius:20px;align-items:center;gap:8px;margin-left:10px;padding:4px 10px;font-size:13px;font-weight:600;animation:.3s ease-in-out fadeIn;display:inline-flex}.reveal-badge .pulse-dot{background-color:#ea580c;border-radius:50%;width:8px;height:8px;animation:1s infinite alternate pulse-dot-anim;display:inline-block}body.dark .reveal-badge{color:#fdba74;background-color:#ea580c26;border-color:#ea580c66}@keyframes pulse-dot-anim{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.quiz-inline-question-text{word-wrap:break-word;text-align:justify;font-size:16px;line-height:2.6;display:inline-block}body.dark .quiz-inline-question-text{color:#e2e8f0}.quiz-inline-question-text .quiz-inline-wrapper{vertical-align:middle;flex-wrap:wrap;align-items:center;max-width:100%;margin:0 2px;display:inline-flex;position:relative}.quiz-inline-question-text .quiz-inline-input{color:#334155;text-align:center;box-sizing:content-box;background:0 0;border:none;border-bottom:2px solid #cbd5e1;border-radius:0;outline:none;max-width:85vw;height:32px;padding:0 2px;font-family:inherit;font-weight:600;transition:all .2s}.quiz-inline-question-text .quiz-inline-input::placeholder{color:#94a3b8;opacity:.8;font-size:14px;font-weight:400}.quiz-inline-question-text .quiz-inline-input:read-only{cursor:default}.quiz-inline-question-text .quiz-inline-input:focus{background-color:#3b82f614;border-bottom-color:#3b82f6}.quiz-inline-question-text .quiz-inline-input.correct{color:#15803d;background-color:#22c55e1a;border-bottom-color:#22c55e}.quiz-inline-question-text .quiz-inline-input.wrong{color:#b91c1c;background-color:#ef44441a;border-bottom-color:#ef4444}.quiz-inline-question-text .quiz-inline-input.quiz-inline-reveal-active{color:#334155;z-index:10;background-color:#fef3c7;border-bottom-color:#f59e0b;border-radius:4px;transform:scale(1.05);box-shadow:0 2px 8px #f59e0b33}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{background-color:#3b82f633;border-bottom-color:#60a5fa}body.dark .quiz-inline-question-text .quiz-inline-input.correct{color:#86efac;background-color:#22c55e33;border-bottom-color:#4ade80}body.dark .quiz-inline-question-text .quiz-inline-input.wrong{color:#fca5a5;background-color:#ef444433;border-bottom-color:#f87171}body.dark .quiz-inline-question-text .quiz-inline-input.quiz-inline-reveal-active{color:#fde68a;background-color:#f59e0b40;border-bottom-color:#fbbf24}.quiz-inline-question-text .quiz-inline-icon{flex-shrink:0;margin-left:4px;font-size:14px}.quiz-inline-question-text .quiz-inline-icon.correct{color:#22c55e}.quiz-inline-question-text .quiz-inline-icon.wrong{color:#ef4444}.feedback-section{background-color:#f8fafc;border-top:1px dashed #e2e8f0;border-radius:8px;margin-top:20px;padding:12px}body.dark .feedback-section{background-color:#1e293b80;border-top-color:#334155}.feedback-section .fib-correct-hint{color:#475569;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:13px;display:flex}body.dark .feedback-section .fib-correct-hint{color:#94a3b8}.feedback-section .fib-correct-hint__text{color:#15803d;word-break:break-all;background-color:#fff;border:1px solid #bbf7d0;border-radius:4px;padding:2px 6px;font-weight:700}body.dark .feedback-section .fib-correct-hint__text{color:#86efac;background-color:#1e293b;border-color:#166534}.quiz-mobile-content{flex-direction:column;height:100%;transition:margin-left .3s;display:flex}.quiz-mobile-content h3{color:#0f0f0f;font-size:16px;font-weight:600}body.dark .quiz-mobile-content h3{color:#e3e3e3}.quiz-mobile-content .quiz-mobile-practice{flex:auto;padding:20px 14px;overflow:hidden auto}.quiz-mobile-content .quiz-mobile-practice .center{min-width:0;max-width:100%}.quiz-mobile-content .quiz-mobile-practice .center>.root{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;color:#0f0f0f;background-color:#fff;border-radius:16px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 10px 10px 4px #0000000a}.quiz-mobile-content .quiz-mobile-practice .center>.root img{object-fit:contain;max-width:100%!important;height:auto!important}@media (max-width:1199.98px){.quiz-mobile-content .quiz-mobile-practice .center>.root{box-shadow:none}}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root{color:#e3e3e3;background-color:#1e1f20}.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}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .header span{color:#e3e3e3d6}.quiz-mobile-content .quiz-mobile-practice .center>.root .header .header-content{justify-content:space-between;align-items:center;display:flex}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .header .header-content{color:#e3e3e3}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-header{border-bottom:1px solid #0000001f;padding:16px 24px;font-size:16px;font-weight:500;line-height:1.5}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-header>p{font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-header{color:#e3e3e3;border-bottom-color:#eeeeee36}.quiz-mobile-content .quiz-mobile-practice .center>.root .content hr{border:0 solid #0000001f;border-bottom-width:thin;flex-shrink:0;margin:0}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content hr{border-bottom-color:#eeeeee36}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content{border-bottom:1px solid #eee;padding:0 12px}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content{border-bottom-color:#eeeeee36}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .content-quest{padding-top:6px;font-size:15px;font-weight:500}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .content-quest{color:#e3e3e3}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul{margin:0;list-style:none;position:relative}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;text-align:left;background-color:#0000;border-bottom:1px solid #eee;flex-direction:column;width:100%;padding:6px 0;font-size:15px;transition:background-color .15s;display:flex;position:relative}.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 #0000}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item{border-bottom-color:#eeeeee15!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item>div{color:#e3e3e3}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.correct>div{color:#107c67;border:1px solid #259172;border-radius:8px;font-weight:600}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.correct>div{color:#e3e3e3;background-color:#2591725d;border:1px solid #259172}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.wrong>div{color:#e63349;border:1px solid #e75363;border-radius:8px;font-weight:600}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.wrong>div{color:#e3e3e3;background-color:#e753625b;border:1px solid #e75363}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.select>div{border:1px solid #eeaa81;border-radius:8px}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content ul .content-item.select>div{border:none!important}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching{flex-direction:column;gap:10px;padding:3px;display:flex}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item{border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;min-height:85px;margin:10px 0;padding:6px;font-size:15px;line-height:1.5;transition:all .3s;display:flex;position:relative}.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{border-radius:6px;height:100%;min-height:60px;padding:8px;transition:all .3s}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item .item-right div.shadow-matching.active{background-color:#e3f2fd;box-shadow:0 10px 15px -3px #0000001a}.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 #ccdbe8,inset -3px -3px 6px 1px #ffffff80}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item:after{content:"→";color:#b0bec5;font-size:24px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.success{background-color:#2e7d3214;border-color:#2e7d32}.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{background-color:#d32f2f14;border-color:#d32f2f}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.error:after{content:"✗";color:#d32f2f;font-weight:700}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item{border-color:#ffffff26!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{box-shadow:none!important;background-color:#131314dc!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 #0006,inset -2px -2px 4px #ffffff05!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.success{background-color:#66bb6a26!important;border-color:#66bb6a!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{background-color:#ef535026!important;border-color:#ef5350!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching .matching-item.error:after{color:#ef5350!important}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-instruction{justify-content:space-between;align-items:center;display:flex;margin:1.2rem 0!important}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-instruction span{color:#adb5bd}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-instruction .css-button-blue{color:#fff;background-color:#0a8fdc91}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-instruction .css-button-blue:hover{background-color:#2563eb}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-answer{background-color:#f5f5f5;border-radius:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;min-height:80px;padding:8px;display:grid}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-answer{background-color:#ffffff0d!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-answer>div{border:1px dashed #ffffff4d;background-color:#2c2e30!important}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-answer>div .drag-handle{cursor:grab;color:#9ca3af;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;padding:10px;transition:background-color .2s;display:flex}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-answer>div .drag-handle:hover{background-color:#f3f4f6}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-answer>div .drag-handle:hover{background-color:#ffffff1a}.quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-answer>div .item-content{flex-grow:1}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .content .content-content .matching-answer>div .item-content{color:#e3e3e3}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer{justify-content:space-between;align-items:center;padding:8px 24px 16px;display:flex}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button{cursor:pointer;color:#0f0f0f;background-color:#0a8fdc91;border:none;border-radius:8px;align-items:center;gap:5px;min-width:65px;padding:6px 16px;font-weight:500;transition:all .2s;display:flex}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .footer button{background-color:#0a8fdc91}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button.activeButton{color:#fff!important;background-color:#0a8fdc!important}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button.disabledButton,.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button.disabled{color:#00000042!important;background-color:#0000001f!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .footer button.activeButton{color:#e3e3e3!important;background-color:#0a8fdc7d!important}body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .footer button.disabledButton,body.dark .quiz-mobile-content .quiz-mobile-practice .center>.root .footer button.disabled{color:#e3e3e3ab!important;background-color:#e0e0e04a!important}.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{background-color:#0000;font-size:12px;position:relative}.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-right,.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button .btn-circle .fa-chevron-left{font-size:11px}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button .btn-circle .inside{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-mobile-content .quiz-mobile-practice .center>.root .footer button.activeButton .btn-circle .inside{color:#0a8fdc}@media (max-width:768px){input,textarea{font-size:16px}}.quiz-matching{flex-direction:column;gap:16px;width:100%;padding:10px 0 20px;display:flex}.quiz-matching__pairs{flex-direction:column;gap:12px;display:flex}.quiz-matching__row{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:stretch;min-height:80px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 4px #00000005}body.dark .quiz-matching__row{background:#2c2e30;border-color:#ffffff1a}.quiz-matching__row:after{content:"→";color:#94a3b8;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.dark .quiz-matching__row:after{color:#64748b;background:#2c2e30}.quiz-matching__row--selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.quiz-matching__row--selected:after{color:#3b82f6}body.dark .quiz-matching__row--selected{background:#3b82f61a;border-color:#60a5fa}body.dark .quiz-matching__row--selected:after{color:#60a5fa}.quiz-matching__row--success{background:#f0fdf4;border-color:#22c55e}.quiz-matching__row--success:after{content:"✓";color:#16a34a}body.dark .quiz-matching__row--success{background:#22c55e1a;border-color:#4ade80}body.dark .quiz-matching__row--success:after{color:#4ade80}.quiz-matching__row--error{background:#fef2f2;border-color:#ef4444}.quiz-matching__row--error:after{content:"✗";color:#dc2626}body.dark .quiz-matching__row--error{background:#ef44441a;border-color:#f87171}body.dark .quiz-matching__row--error:after{color:#f87171}.quiz-matching__left{word-break:break-word;color:#334155;border-right:1px dashed #e2e8f0;flex:1;align-items:center;padding:12px;font-size:14px;font-weight:500;display:flex}body.dark .quiz-matching__left{color:#e2e8f0;border-right-color:#ffffff1a}.quiz-matching__right{flex-direction:column;flex:1;justify-content:center;padding:8px;display:flex}.quiz-matching__dropzone{border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:100%;min-height:60px;padding:8px;transition:all .2s;display:flex}.quiz-matching__dropzone--empty{background:#f8fafc;border:1px dashed #cbd5e1;box-shadow:inset 0 2px 4px #0000000d}body.dark .quiz-matching__dropzone--empty{background:#1e1f20;border-color:#475569;box-shadow:inset 0 2px 4px #0003}.quiz-matching__dropzone--filled{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}body.dark .quiz-matching__dropzone--filled{background:#3b3d40;border-color:#475569}.quiz-matching__content{color:#1e293b;word-break:break-word;flex:1;font-size:14px;font-weight:600}body.dark .quiz-matching__content{color:#f8fafc}.quiz-matching__remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:background .2s;display:flex}.quiz-matching__remove:hover{background:#fee2e2}body.dark .quiz-matching__remove:hover{background:#ef444433}.quiz-matching__solution-row{align-items:flex-start;gap:4px;margin-top:6px;font-size:12px;display:flex}.quiz-matching__solution-row span.label{color:#64748b;font-weight:500}body.dark .quiz-matching__solution-row span.label{color:#94a3b8}.quiz-matching__solution-row span.text{color:#2563eb;font-weight:600}body.dark .quiz-matching__solution-row span.text{color:#60a5fa}.quiz-matching__actions{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.quiz-matching__hint{color:#64748b;font-size:13px}body.dark .quiz-matching__hint{color:#94a3b8}.quiz-matching__reset-btn{color:#2563eb;cursor:pointer;background:#3b82f61a;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.quiz-matching__reset-btn:hover{background:#3b82f633}body.dark .quiz-matching__reset-btn{color:#60a5fa}.quiz-matching__tray{background:#f1f5f9;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;display:grid}body.dark .quiz-matching__tray{background:#ffffff0d}.quiz-matching__option{color:#334155;text-align:center;cursor:pointer;word-break:break-word;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-height:60px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}body.dark .quiz-matching__option{color:#e2e8f0;background:#2c2e30;border-color:#fff3}.quiz-matching__option--selected{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:600;transform:scale(1.02);box-shadow:0 0 0 2px #3b82f633}body.dark .quiz-matching__option--selected{color:#bfdbfe;background:#3b82f626;border-color:#60a5fa}.quiz-fib-reading-box{color:#334155;text-align:justify;word-break:break-word;padding:16px 0;font-size:16px;line-height:2.2}body.dark .quiz-fib-reading-box{color:#e2e8f0}.quiz-fib-reading-box .fib-inline-blank{color:#3b82f6;cursor:pointer;background:#f1f5f9;border-bottom:2px dashed #94a3b8;border-radius:4px 4px 0 0;justify-content:center;align-items:center;min-height:26px;margin:0 4px;padding:0 8px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.quiz-fib-reading-box .fib-inline-blank--reveal-active{color:#d97706;z-index:10;background:#fef3c7;border-bottom:2px solid #f59e0b;transform:scale(1.05);box-shadow:0 2px 8px #f59e0b33}body.dark .quiz-fib-reading-box .fib-inline-blank--reveal-active{color:#fde68a;background:#f59e0b40;border-bottom-color:#fbbf24}.quiz-fib-reading-box .fib-inline-blank:hover,.quiz-fib-reading-box .fib-inline-blank:active{background:#e2e8f0;border-bottom-color:#3b82f6}body.dark .quiz-fib-reading-box .fib-inline-blank{color:#60a5fa;background:#1e293b;border-bottom-color:#475569}.quiz-fib-reading-box .fib-inline-blank .fib-inline-placeholder{opacity:.8;align-items:center;display:flex}.quiz-fib-reading-box .fib-inline-blank .fib-inline-text{color:#1e293b;font-weight:700}body.dark .quiz-fib-reading-box .fib-inline-blank .fib-inline-text{color:#f8fafc}.quiz-fib-reading-box .fib-inline-blank--success{color:#166534;background:#dcfce7;border-bottom:2px solid #22c55e}.quiz-fib-reading-box .fib-inline-blank--success .fib-inline-text{color:#166534}body.dark .quiz-fib-reading-box .fib-inline-blank--success{color:#4ade80;background:#22c55e33;border-bottom-color:#22c55e}body.dark .quiz-fib-reading-box .fib-inline-blank--success .fib-inline-text{color:#4ade80}.quiz-fib-reading-box .fib-inline-blank--error{color:#b91c1c;background:#fee2e2;border-bottom:2px solid #ef4444}.quiz-fib-reading-box .fib-inline-blank--error .fib-inline-text{color:#b91c1c}body.dark .quiz-fib-reading-box .fib-inline-blank--error{color:#f87171;background:#ef444433;border-bottom-color:#ef4444}body.dark .quiz-fib-reading-box .fib-inline-blank--error .fib-inline-text{color:#f87171}.quiz-fib-inputs-list{border-top:1px dashed #e2e8f0;flex-direction:column;gap:16px;padding:10px 0 20px;display:flex}body.dark .quiz-fib-inputs-list{border-top-color:#ffffff1a}.quiz-fib-inputs-list .fib-input-row{border-radius:8px;flex-direction:column;gap:6px;padding:6px;transition:background .3s;display:flex}.quiz-fib-inputs-list .fib-input-row--reveal-active .fib-input-field{color:#d97706!important;background:#fef3c7!important;border-color:#f59e0b!important}body.dark .quiz-fib-inputs-list .fib-input-row--reveal-active .fib-input-field{color:#fde68a!important;background:#f59e0b40!important;border-color:#fbbf24!important}.quiz-fib-inputs-list .fib-input-row.highlight-pulse{animation:1.5s ease-out fibHighlightPulse}.quiz-fib-inputs-list .fib-input-row__main{align-items:center;gap:12px;display:flex}.quiz-fib-inputs-list .fib-input-row .fib-input-label{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;width:44px;font-size:14px;font-weight:700;display:flex}body.dark .quiz-fib-inputs-list .fib-input-row .fib-input-label{color:#94a3b8}.quiz-fib-inputs-list .fib-input-row .fib-input-wrapper{flex:1;position:relative}.quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-input-field{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:44px;padding:0 40px 0 16px;font-size:16px;font-weight:600;transition:all .2s}body.dark .quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-input-field{color:#f8fafc;background:#1e1f20;border-color:#475569}.quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-input-field::placeholder{color:#94a3b8;font-weight:400}.quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-input-field:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-input-field:disabled{cursor:not-allowed;background:#f8fafc}body.dark .quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-input-field:disabled{background:#2c2e30}.quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-input-field--success{color:#166534;background:#f0fdf4;border-color:#22c55e}body.dark .quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-input-field--success{color:#86efac;background:#22c55e1a;border-color:#4ade80}.quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-input-field--error{color:#b91c1c;background:#fef2f2;border-color:#ef4444}body.dark .quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-input-field--error{color:#fca5a5;background:#ef44441a;border-color:#f87171}.quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-status-icon{font-size:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-status-icon.success{color:#22c55e}body.dark .quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-status-icon.success{color:#4ade80}.quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-status-icon.error{color:#ef4444}body.dark .quiz-fib-inputs-list .fib-input-row .fib-input-wrapper .fib-status-icon.error{color:#f87171}.quiz-fib-inputs-list .fib-input-row .fib-solution-row{background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:6px;margin-left:56px;padding:6px 12px;font-size:13px;display:flex}body.dark .quiz-fib-inputs-list .fib-input-row .fib-solution-row{background:#3b82f61a;border-color:#1e3a8a}.quiz-fib-inputs-list .fib-input-row .fib-solution-row span.label{color:#475569;font-weight:500}body.dark .quiz-fib-inputs-list .fib-input-row .fib-solution-row span.label{color:#94a3b8}.quiz-fib-inputs-list .fib-input-row .fib-solution-row span.text{color:#4338ca;font-weight:700}body.dark .quiz-fib-inputs-list .fib-input-row .fib-solution-row span.text{color:#60a5fa}@keyframes fibHighlightPulse{0%{background-color:#3b82f633}to{background-color:#0000}}.quiz-mobile-header{z-index:1000;background-color:#fff;flex:none;width:100%;box-shadow:0 2px 4px #0000000d}body.dark .quiz-mobile-header{box-shadow:none;background-color:#1e1f20;border-bottom:1px solid #404345}.top-bar{justify-content:space-between;align-items:center;height:56px;padding:0 12px;display:flex;position:relative}.top-bar__group{align-items:center;gap:8px;display:flex}.top-bar__group.left{z-index:2;flex:1;min-width:0;padding-right:4px}.top-bar__group.center{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-bar__group.right{z-index:2;flex:1;justify-content:flex-end;padding-left:4px}.icon-button{color:#4b5563;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:#0000;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;transition:background-color .2s,opacity .2s;display:flex}.icon-button svg,.icon-button i{flex-shrink:0;display:block}.icon-button:hover{background-color:#0000000d}.icon-button:active,.icon-button:focus{background-color:#0000001a;outline:none}body.dark .icon-button{color:#d1d5db}body.dark .icon-button:hover{background-color:#ffffff14}body.dark .icon-button:active,body.dark .icon-button:focus{background-color:#ffffff26}.section-name{white-space:nowrap;text-overflow:ellipsis;color:#1f2937;flex-grow:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}body.dark .section-name{color:#f3f4f6}.timer{color:#374151;white-space:nowrap;background-color:#f3f4f6;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;display:flex;box-shadow:0 1px 2px #00000005}body.dark .timer{color:#f3f4f6;background-color:#404345}.question-nav-container{-ms-overflow-style:none;scrollbar-width:none;background-color:#fff;border-top:1px solid #e5e7eb;width:100%;position:relative;overflow-x:hidden}.question-nav-container::-webkit-scrollbar{display:none}body.dark .question-nav-container{background-color:#1e1f20;border-top-color:#404345}.question-nav-container.skeleton{display:flex}.question-list{width:max-content;min-width:100%;margin:0;padding:0;list-style:none;transition:transform .35s ease-in-out;display:flex;position:relative}.question-item{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;text-align:center;color:#6b7280;background-color:#fff;border-right:1px solid #e5e7eb;flex-grow:1;flex-shrink:0;min-width:75px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s}.question-item:nth-last-child(2){border-right:none}body.dark .question-item{color:#9ca3af;background-color:#1e1f20;border-color:#404345}.question-item.answered{color:#4b5563;background-color:#f3f4f6}body.dark .question-item.answered{color:#d1d5db;background-color:#404345}.question-item.success{color:#166534;background-color:#dcfce7}body.dark .question-item.success{color:#86efac;background-color:#166534}.question-item.wrong{color:#991b1b;background-color:#fee2e2}body.dark .question-item.wrong{color:#fca5a5;background-color:#7f1d1d}.question-item.approximately{color:#713f12;background-color:#fef9c3}body.dark .question-item.approximately{color:#fde047;background-color:#713f12}.question-item.active{color:#2563eb;font-weight:600}body.dark .question-item.active{color:#eff6ff}.question-item.skel-tab{background-color:#f3f4f6;border-color:#fff;border-radius:0;width:80px;height:45px;margin:0}body.dark .question-item.skel-tab{background-color:#404345;border-color:#282c2f}.active-underline{will-change:transform, width;background-color:#3b82f6;border-radius:1.5px;height:3px;transition:transform .35s ease-in-out,width .35s ease-in-out;position:absolute;bottom:0;left:0}body.dark .active-underline{background-color:#60a5fa}.smart-badge{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:6px;min-width:80px;padding:6px 12px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.smart-badge.countdown{color:#3b82f6;background-color:#eff6ff;border:1px solid #dbeafe}.smart-badge.reading{color:#f59e0b;background-color:#fff7ed;border:1px solid #ffedd5}.smart-badge.revealing,.smart-badge.success{color:#22c55e;background-color:#f0fdf4;border:1px solid #dcfce7}.smart-badge .icon-pulse{animation:1.5s infinite pulse-opacity}.smart-badge.skeleton-loader{background-color:#f1f5f9;border:none;width:100px;height:32px;padding:0;position:relative;overflow:hidden}.smart-badge.skeleton-loader .skeleton-pulse{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s infinite skeleton-loading}body.dark .smart-badge.countdown{color:#60a5fa;background-color:#3b82f626;border-color:#3b82f64d}body.dark .smart-badge.reading{color:#fbbf24;background-color:#f59e0b26;border-color:#f59e0b4d}body.dark .smart-badge.revealing,body.dark .smart-badge.success{color:#4ade80;background-color:#22c55e26;border-color:#22c55e4d}body.dark .smart-badge.skeleton-loader{background-color:#334155}body.dark .smart-badge.skeleton-loader .skeleton-pulse{background:linear-gradient(90deg,#334155 0%,#475569 50%,#334155 100%)}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.6}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--btn-bg:#3b82f6;--btn-text:#fff;--btn-bg-hover:#2563eb;--btn-show-bg:#fbbf24;--btn-show-text:#78350f;--btn-show-hover:#f59e0b;--btn-sub-bg:#dcfce7;--btn-sub-text:#166534}body.dark{--btn-bg:#60a5fa;--btn-text:#1e3a8a;--btn-bg-hover:#93c5fd;--btn-show-bg:#d97706;--btn-show-text:#fef3c7;--btn-show-hover:#fbbf24;--btn-sub-bg:#166534;--btn-sub-text:#86efac}.quiz-mobile-footer{background-color:#fff;border-top:1px solid #e5e7eb;flex:none;width:100%;padding:10px}body.dark .quiz-mobile-footer{background-color:#1e1f20;border-top:1px solid #404345}.quiz-mobile-footer .navigation-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-mobile-footer .nav-group{align-items:center;gap:8px;display:flex}.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{cursor:pointer;color:#4b5563;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .15s;display:flex}@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{color:#4b5563;font-size:14px;font-weight:600}.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{cursor:pointer;white-space:nowrap;box-sizing:border-box;color:#1144e8;background-color:#e0edff;border:1px solid #3b82f6;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:150px;height:40px;padding:10px 20px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}@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{color:#bfdbfe;background-color:#2563eb33;border-color:#3b82f6}@media (hover:hover) and (pointer:fine){body.dark .quiz-mobile-footer .submit-action .submit-button-footer:hover{background-color:#3b82f64d}}.quiz-mobile-footer .submit-action .submit-button-footer.showing-answer{color:#92400e;background-color:#fff3cd;border-color:#facc15}@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{color:#fef3c7;background-color:#f59e0b33;border-color:#fbbf24}@media (hover:hover) and (pointer:fine){body.dark .quiz-mobile-footer .submit-action .submit-button-footer.showing-answer:hover{background-color:#f59e0b4d}}.quiz-mobile-footer .submit-action .submit-button-footer.submitted{cursor:not-allowed;opacity:1;color:#166534;background-color:#dcfce7;border-color:#86efac}body.dark .quiz-mobile-footer .submit-action .submit-button-footer.submitted{color:#86efac;background-color:#14532d;border-color:#22c55e}.quiz-mobile-footer .submit-action .submit-button-footer .btn-icon{opacity:.4;flex-shrink:0;width:16px;height:16px}.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:#16a34a33}.icon-play{margin-left:2px}.container-edu-add-edit-exam-ver2{background-color:#f9fafb;flex-direction:column;flex:1;gap:20px;padding:25px 40px;display:flex;overflow:auto}.container-edu-add-edit-exam-ver2 h3{color:#0f0f0f;font-size:16px;font-weight:600}.container-edu-add-edit-exam-ver2 .quiz-add-header-ver2{background-color:#fff;border-radius:4px;box-shadow:0 1.6px 3.6px #0002,0 .3px .9px #0000001c}.container-edu-add-edit-exam-ver2 .quiz-add-body .save{margin-bottom:20px;margin-left:auto}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam{align-items:flex-start;gap:20px;display:flex}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left{background-color:#fff;border-radius:4px;width:20%;padding:20px;box-shadow:0 1.6px 3.6px #0002,0 .3px .9px #0000001c}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .title{margin-bottom:12px;font-size:16px;font-weight:600;display:block}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .main-image{text-align:center;background:#f9f9f9;border:2px dashed #ccc;border-radius:8px;padding:8px;overflow:hidden}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .main-image img{border-radius:8px;width:100%;height:auto;margin:0 auto;display:block}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .main-image .upload-note{color:#777;margin-top:8px;font-size:13px}.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{margin-bottom:8px;font-size:14px;font-weight:500;display:block}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-options{gap:8px;display:flex}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-left .exam-image-box .thumb-list .thumb-options .thumb{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:6px;width:60px;height:40px;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;border-radius:4px;flex-direction:column;gap:40px;width:80%;padding:20px;display:flex;box-shadow:0 1.6px 3.6px #0002,0 .3px .9px #0000001c}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-right .title-right{font-size:16px;font-weight:600;display:block}.container-edu-add-edit-exam-ver2 .quiz-add-body .information-exam .information-right .information-body{flex-direction:column;gap:30px;display:flex}.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{margin-left:auto;display:block}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam{align-items:flex-start;gap:20px;display:flex}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col{background-color:#fff;border-radius:4px;width:25%;padding:20px;box-shadow:0 1.6px 3.6px #0002,0 .3px .9px #0000001c}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-header{justify-content:space-between;display:flex}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-header .section-header-1{align-items:center;gap:10px;display:flex}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-header .section-header-2 button{height:auto;padding:6px 8px;font-size:13px}.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{justify-content:space-between;padding:10px;display:flex}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-left{align-items:center;gap:8px;display:flex}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .left-col .list-all-sections .list-section-body .section-item .section-item-right{align-items:center;gap:20px;font-size:15px;display:flex}.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{cursor:pointer;display:inline-block;position:relative}.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{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:8px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.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:#d9d9d9;border-radius:4px}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col{background-color:#fff;border-radius:4px;width:75%;padding:20px;box-shadow:0 1.6px 3.6px #0002,0 .3px .9px #0000001c}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header{justify-content:space-between;align-items:center;padding:0 20px;display:flex}.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{align-items:center;gap:10px;display:flex}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-header .question-header-2 button{height:auto;padding:6px 8px;font-size:13px}.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:#00000042;box-shadow:none;background-color:#0000001f}.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 #0000001a}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header{justify-content:space-between;margin-bottom:12px;font-weight:700;display:flex}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header span{color:#333}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .header .actions{gap:8px;display:flex}.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:gray}.container-edu-add-edit-exam-ver2 .quiz-add-body .add-exam .right-col .list-all-questions .list-question-body .question .content{color:#222;transition:max-height .3s;overflow:hidden}.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{padding:0;list-style:none}.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:#333;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{justify-content:space-between;display:flex}.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{cursor:pointer;color:#607186;background:0 0;border:none;margin-top:8px;padding:4px 8px;font-size:14px;font-weight:700}@media (max-width:768px){input,textarea{font-size:16px}}@media (max-width:575.98px){.container-edu-add-edit-exam{background-color:#fff;width:100%;padding:0}.container-edu-add-edit-exam .quizz-add{box-shadow:none;border: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;padding:20px 0}.container-edu-add-edit-exam .quizz-add .quiz-add-body .add-exam .left-col{border-right:none;width:100%}.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{grid-template-columns:1fr;height:auto;max-height:none}}@media (min-width:576px) and (max-width:767.98px){.container-edu-add-edit-exam{background-color:#fff;width:100%;padding:10px}.container-edu-add-edit-exam .quizz-add{box-shadow:none;border: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{border-right:none;width:100%}.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{grid-template-columns:1fr;height:auto;max-height:none}}@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{border-right:none;width:100%}.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{grid-template-columns:1fr;height:auto;max-height:none}}@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{align-items:flex-start;gap:20px;display:flex}.quiz-info-form .information-exam .information-left{background-color:#fff;border-radius:16px;width:20%;padding:16px;box-shadow:0 10px 10px #0000000a}.quiz-info-form .information-exam .information-left .thumb-list .thumb-options{gap:10px;display:flex}.quiz-info-form .information-exam .information-right{background-color:#fff;border-radius:16px;width:80%;padding:16px;box-shadow:0 10px 10px #0000000a}.quiz-info-form .information-exam .information-right .information-body{flex-direction:column;gap:10px;display:flex}body.dark .quiz-info-form .skeleton{background-color:#e0e0e028}body.dark .quiz-info-form .information-left,body.dark .quiz-info-form .information-right{box-shadow:none;background-color:#1e1f20}.skeleton,.skeleton--question,.skeleton--section,.skeleton-avatar,.skeleton-logo,.skeleton-title,.skeleton-subtitle,.skeleton-text,.skeleton-circle,.skeleton-button,.skeleton-pill,.skeleton-banner,.skeleton-input,.skeleton-icon,.skeleton-box,.skeleton-tab,.skeleton-question-title,.skeleton-question-text,.skeleton-answer-line{background-color:#e2e2e2;position:relative;overflow:hidden}.skeleton:after,.skeleton--question:after,.skeleton--section:after,.skeleton-avatar:after,.skeleton-logo:after,.skeleton-title:after,.skeleton-subtitle:after,.skeleton-text:after,.skeleton-circle:after,.skeleton-button:after,.skeleton-pill:after,.skeleton-banner:after,.skeleton-input:after,.skeleton-icon:after,.skeleton-box:after,.skeleton-tab:after,.skeleton-question-title:after,.skeleton-question-text:after,.skeleton-answer-line:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-logo{border-radius:6px;width:120px;height:40px}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.skeleton--section{border-radius:8px;height:42px;margin:4px 4px 0}.skeleton--question{border-radius:8px;height:120px}.skeleton-title{border-radius:4px;width:70%;height:20px;margin:12px 0}.skeleton-subtitle{border-radius:4px;width:150px;height:20px;margin:12px 0}.skeleton-text{border-radius:4px;width:80%;height:14px;margin:6px 0}.skeleton-text.short{width:40%}.skeleton-text.tiny{width:30px;height:12px}.skeleton-circle{border-radius:50%;width:32px;height:32px}.skeleton-button{border-radius:8px;width:65px;height:36px}.skeleton-pill{border-radius:9999px;width:100px;height:28px}.skeleton-pill.small{width:70px}.skeleton-banner{border-radius:8px;width:100%;height:40px;margin-top:12px}.skeleton-input{border-radius:6px;width:200px;height:32px}.skeleton-icon{border-radius:6px;width:32px;height:32px;margin-left:8px}.skeleton-question-title{border-radius:4px;width:40%;height:16px;margin-bottom:6px}.skeleton-question-text{border-radius:4px;width:90%;height:14px;margin-bottom:8px}.skeleton-answer-line{border-radius:4px;width:95%;height:12px;margin-bottom:6px}.skeleton-tab-box{display:flex}.skeleton-tab{border-radius:6px;width:100px;height:32px;margin:8px}.skeleton-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.skeleton-box{border-radius:16px 16px 0 0;width:100%;height:180px}.skeleton-line-start{background-color:#e5e7eb;border:none;width:100%;height:1px;margin:12px 0}body.dark .skeleton,body.dark .skeleton-title,body.dark .skeleton-subtitle,body.dark .skeleton-text,body.dark .skeleton-circle,body.dark .skeleton-button,body.dark .skeleton-pill,body.dark .skeleton-banner,body.dark .skeleton-input,body.dark .skeleton-icon,body.dark .skeleton-box,body.dark .skeleton-tab,body.dark .skeleton-question-title,body.dark .skeleton-question-text,body.dark .skeleton-answer-line,body.dark .skeleton-logo,body.dark .skeleton-avatar,body.dark .skeleton--section,body.dark .skeleton--question{background-color:#e0e0e028}body.dark .skeleton:after,body.dark .skeleton-title:after,body.dark .skeleton-subtitle:after,body.dark .skeleton-text:after,body.dark .skeleton-circle:after,body.dark .skeleton-button:after,body.dark .skeleton-pill:after,body.dark .skeleton-banner:after,body.dark .skeleton-input:after,body.dark .skeleton-icon:after,body.dark .skeleton-box:after,body.dark .skeleton-tab:after,body.dark .skeleton-question-title:after,body.dark .skeleton-question-text:after,body.dark .skeleton-answer-line:after,body.dark .skeleton-logo:after,body.dark .skeleton-avatar:after,body.dark .skeleton--section:after,body.dark .skeleton--question:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000)}body.dark .skeleton-card{background-color:#1e1f20;border:none}body.dark .skeleton-line-start{background-color:#4b556366}.quiz-practice-skeleton{width:90%;margin:auto;padding-top:102px}.quiz-practice-skeleton.is-skeleton{animation:2s cubic-bezier(.4,0,.6,1) infinite pulsee}.quiz-practice-skeleton .header-skeleton{z-index:999;background-color:#fff;justify-content:center;align-items:center;width:100%;height:70px;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 12px #0000000d}.quiz-practice-skeleton .header-skeleton .header-container{justify-content:space-between;align-items:center;width:90%;display:flex}.quiz-practice-skeleton .header-skeleton .left-group,.quiz-practice-skeleton .header-skeleton .right-group{align-items:center;gap:12px;display:flex}.quiz-practice-skeleton .header-skeleton .skeleton-logo-icon{border-radius:6px;width:32px;height:32px}.quiz-practice-skeleton .header-skeleton .skeleton-header-title{width:150px;height:20px}.quiz-practice-skeleton .header-skeleton .skeleton-header-action{border-radius:20px;width:100px;height:32px}.quiz-practice-skeleton .header-skeleton .skeleton-avatar-sm{border-radius:50%;width:32px;height:32px}.quiz-practice-skeleton .box-quiz{align-items:stretch;gap:30px;min-height:calc(100vh - 120px);display:flex}.quiz-practice-skeleton .left,.quiz-practice-skeleton .center,.quiz-practice-skeleton .right{flex:.5}.quiz-practice-skeleton .left.center,.quiz-practice-skeleton .center.center,.quiz-practice-skeleton .right.center{flex:1}.quiz-practice-skeleton .left .root,.quiz-practice-skeleton .center .root,.quiz-practice-skeleton .right .root{background-color:#fff;border-radius:16px;flex-direction:column;gap:16px;height:100%;padding:24px;display:flex;box-shadow:0 10px 10px 4px #0000000a}.quiz-practice-skeleton .skeleton{background-color:#e2e2e2;border-radius:8px}.quiz-practice-skeleton .skeleton.skeleton-title{width:60%;height:24px;margin-bottom:8px}.quiz-practice-skeleton .skeleton.skeleton-avatar{border-radius:50%;align-self:center;width:60px;height:60px}.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{border-radius:20px;align-self:center;width:100px;height:30px}.quiz-practice-skeleton .skeleton.skeleton-dropdown{width:100%;height:44px}.quiz-practice-skeleton .skeleton.skeleton-button{border-radius:8px;width:100%;height:40px}.quiz-practice-skeleton .skeleton.skeleton-question{width:100%;height:60px;margin-bottom:10px}.quiz-practice-skeleton .skeleton.skeleton-option{border-radius:12px;width:100%;height:44px}.quiz-practice-skeleton .skeleton.skeleton-footer-button{align-self:flex-end;width:120px;height:44px}.quiz-practice-skeleton .skeleton.skeleton-circle{border-radius:50%;width:36px;height:36px}.quiz-practice-skeleton .skeleton-grid-buttons{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:10px;display:grid}@media (max-width:991.98px){.quiz-practice-skeleton{width:95%;padding-top:90px}.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{width:100%;padding-top:80px;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 .left .root,.quiz-practice-skeleton .center .root,.quiz-practice-skeleton .right .root{padding:16px}}body.dark .quiz-practice-skeleton .header-skeleton{background-color:#1e1f20;border-bottom:1px solid #4b556366}body.dark .quiz-practice-skeleton .left .root,body.dark .quiz-practice-skeleton .center .root,body.dark .quiz-practice-skeleton .right .root{background-color:#1e1f20;border:1px solid #4b556366}body.dark .quiz-practice-skeleton .skeleton,body.dark .quiz-practice-skeleton .skeleton.skeleton-circle{background-color:#e0e0e028}.container-form-repair{color:#020817;background:#fff;border-radius:12px;width:1024px;margin:100px auto;font-family:Inter;font-size:14px;overflow:hidden;box-shadow:0 0 10px #0000001a}.title{text-align:center;margin-top:30px}.title h1{color:#3b82f6;margin-bottom:5px;font-size:28px}.title p{color:#6b7280;margin:0}.header-repair{background:linear-gradient(90deg,#3b82f6,#4f46e5);padding:20px}.header-repair .header-top{color:#fff;letter-spacing:-.8px;align-items:center;gap:8px;font-size:24px;font-weight:600;display:flex}.header-repair .header-bottom{color:#dbeafe;margin-top:6px}.body-repair form .form-group{margin-top:24px;margin-bottom:20px;padding:0 24px}.body-repair form .form-group label{align-items:center;gap:8px;margin-bottom:6px;font-weight:500;display:flex}.body-repair form .form-group .input-form-group,.body-repair form .form-group select,.body-repair form .form-group textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:100%;padding:12px;font-size:16px}.body-repair form .form-group input[type=file]{display:none}.body-repair form .form-group textarea{min-height:100px}.footer-repair{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:16px}.footer-repair .submit-btn{text-align:center}.footer-repair .submit-btn button{color:#f8fafc;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#4f46e5);border:none;border-radius:8px;padding:5px 15px;font-size:16px}.footer-repair .submit-btn button:hover{background-color:#4338ca}.footer-repair .submit-btn button .submit-two{justify-content:center;align-items:center;gap:8px;font-family:Inter;font-weight:500;display:flex}.required{color:red}.lucidee{stroke-width:1.5px;color:#3b82f6;width:16px;height:16px}.lucidee.white{color:#fff;width:20px;height:20px}.custom-file-upload{align-items:center;gap:10px;display:flex}.custom-file-upload .upload-btn{color:#1a73e8;cursor:pointer;background-color:#f0f6ff;border-radius:6px;align-items:center;padding:6px 12px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.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;flex-direction:column;gap:16px;width:60%;margin-left:auto;margin-right:auto;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.card-repair-list .toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.card-repair-list .toolbar .container-dropdown-filter-status{justify-content:flex-start;align-items:center;gap:16px;display:flex}.card-repair-list .toolbar .container-dropdown-page-size{align-items:center;gap:10px;display:flex}.card-repair-list .repair-table-detail{border-radius:6px}.card-repair-list .repair-table-detail .table-row{grid-template-columns:.5fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr 1.5fr;display:grid}.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{word-break:break-word;padding:10px}.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{color:#606060;font-weight:400}.card-repair-list .repair-table-detail .table-row .table-cell .icon-wrapper{cursor:pointer;display:inline-block;position:relative}.card-repair-list .repair-table-detail .table-row .table-cell .icon-wrapper .tooltip{z-index:9999;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background-color:#616161eb;border-radius:4px;padding:8px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.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{flex-direction:column;gap:8px;display:flex}.card-repair-list .repair-table-detail .table-row .table-cell .container-action .item-action a{color:#000}.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{border:1px solid green;border-radius:8px;width:70px;height:70px}.card-repair-list .repair-table-detail .table-row.header{z-index:990;background-color:#fff;border-bottom:1px solid #000;font-weight:700;position:sticky;top:0}@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{grid-template-columns:.3fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;min-width:1000px}.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){z-index:1;background-color:#fff;position:sticky;left:0;box-shadow:1px 0 5px #0000001a}.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{grid-template-columns:.4fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;min-width:1000px}.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){z-index:1;background-color:#fff;position:sticky;left:0;box-shadow:1px 0 5px #0000001a}.card-repair-list .repair-table-detail .table-row .table-cell .profile-table img{width:30px;height:30px}}.quiz-add-header-skeleton{background-color:#fff;border-radius:4px;padding:8px}.quiz-add-header-skeleton .skeleton-navigation{gap:16px;display:flex}.quiz-add-header-skeleton .skeleton-navigation__item{background:#e0e0e0;border-radius:8px;width:160px;height:30px;animation:1.2s ease-in-out infinite pulse}body.dark .quiz-add-header-skeleton{background-color:#1e1f20}body.dark .quiz-add-header-skeleton .skeleton-navigation__item{background-color:#e0e0e028}.modal-add-question-ai{color:#1f2937;background-color:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:900px;height:90dvh;max-height:900px;animation:.2s ease-out modalFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}body.dark .modal-add-question-ai,html[data-theme=dark] .modal-add-question-ai{color:#e3e3e3;background-color:#1b1b1b;border:1px solid #ffffff14;box-shadow:0 25px 50px -12px #00000080}.modal-add-question-ai .selector-overlay{z-index:40;background:0 0;position:absolute;inset:0}.modal-add-question-ai .ai-qmodal__header{z-index:20;background-color:#fff;border-bottom:1px solid #e5e7eb99;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;display:flex;position:relative}body.dark .modal-add-question-ai .ai-qmodal__header,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__header{background-color:#1e1f20;border-bottom-color:#ffffff14}.modal-add-question-ai .ai-qmodal__title-group{flex-direction:column;flex:1;align-items:flex-start;gap:10px;display:flex}@media (min-width:600px){.modal-add-question-ai .ai-qmodal__title-group{flex-direction:row;align-items:center}}.modal-add-question-ai .ai-qmodal__title-text{color:#1f2937;white-space:nowrap;font-size:15px;font-weight:700}body.dark .modal-add-question-ai .ai-qmodal__title-text,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__title-text{color:#e3e3e3}.modal-add-question-ai .ai-qmodal__selector{width:100%;max-width:320px;position:relative}.modal-add-question-ai .ai-qmodal__selector-trigger{color:#334155;cursor:pointer;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modal-add-question-ai .ai-qmodal__selector-trigger:hover{background-color:#f1f5f9;border-color:#cbd5e1}body.dark .modal-add-question-ai .ai-qmodal__selector-trigger,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__selector-trigger{color:#e3e3e3;background-color:#18181b;border-color:#ffffff14}body.dark .modal-add-question-ai .ai-qmodal__selector-trigger:hover,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__selector-trigger:hover{background-color:#37393b;border-color:#6b72801c}.modal-add-question-ai .ai-qmodal__selector-label{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;overflow:hidden}.modal-add-question-ai .ai-qmodal__selector-count{color:#64748b;flex-shrink:0;font-size:13px;font-weight:400}body.dark .modal-add-question-ai .ai-qmodal__selector-count{color:#9ca3af}.modal-add-question-ai .ai-qmodal__selector-icon{color:#64748b;transition:transform .2s}.modal-add-question-ai .ai-qmodal__selector-icon.open{transform:rotate(180deg)}.modal-add-question-ai .ai-qmodal__selector-dropdown{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:300px;max-height:320px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 30px #00000026}body.dark .modal-add-question-ai .ai-qmodal__selector-dropdown,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__selector-dropdown{background-color:#232426;border-color:#ffffff14;box-shadow:0 10px 30px #00000080}.modal-add-question-ai .ai-qmodal__selector-dropdown::-webkit-scrollbar{width:4px}.modal-add-question-ai .ai-qmodal__selector-dropdown::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}body.dark .modal-add-question-ai .ai-qmodal__selector-dropdown::-webkit-scrollbar-thumb{background-color:#4b5563}.modal-add-question-ai .ai-qmodal__selector-group{margin-bottom:8px}.modal-add-question-ai .ai-qmodal__selector-group:last-child{margin-bottom:0}.modal-add-question-ai .ai-qmodal__group-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;font-size:11px;font-weight:700;display:block}body.dark .modal-add-question-ai .ai-qmodal__group-label{color:#9ca3af}.modal-add-question-ai .ai-qmodal__option-item{cursor:pointer;color:#1f2937;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.modal-add-question-ai .ai-qmodal__option-item .ai-qmodal__option-text{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;padding-right:8px;overflow:hidden}.modal-add-question-ai .ai-qmodal__option-item .ai-qmodal__option-count{color:#64748b;flex-shrink:0;font-size:12px}.modal-add-question-ai .ai-qmodal__option-item:hover{background-color:#f1f5f9}.modal-add-question-ai .ai-qmodal__option-item.is-selected{color:#0d9488;background-color:#f0fdfa;font-weight:600}.modal-add-question-ai .ai-qmodal__option-item.is-selected .ai-qmodal__option-count{color:#0f766e}body.dark .modal-add-question-ai .ai-qmodal__option-item,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__option-item{color:#e3e3e3}body.dark .modal-add-question-ai .ai-qmodal__option-item .ai-qmodal__option-count,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__option-item .ai-qmodal__option-count{color:#9ca3af}body.dark .modal-add-question-ai .ai-qmodal__option-item:hover,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__option-item:hover{background-color:#37393b}body.dark .modal-add-question-ai .ai-qmodal__option-item.is-selected,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__option-item.is-selected{color:#5eead4;background-color:#2dd4bf1a}body.dark .modal-add-question-ai .ai-qmodal__option-item.is-selected .ai-qmodal__option-count,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__option-item.is-selected .ai-qmodal__option-count{color:#2dd4bf}.modal-add-question-ai .ai-qmodal__overlay{z-index:15;background:0 0;position:absolute;inset:0}.modal-add-question-ai .ai-qmodal__close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.modal-add-question-ai .ai-qmodal__close-btn:hover{color:#ef4444;background-color:#f1f5f9}body.dark .modal-add-question-ai .ai-qmodal__close-btn,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__close-btn{color:#9ca3af}body.dark .modal-add-question-ai .ai-qmodal__close-btn:hover,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__close-btn:hover{color:#f87171;background-color:#37393b}.modal-add-question-ai .modal-body{background-color:#fff;flex-direction:column;flex-grow:1;gap:20px;padding:32px 40px;display:flex;overflow-y:auto}body.dark .modal-add-question-ai .modal-body,html[data-theme=dark] .modal-add-question-ai .modal-body{background-color:#1e1f20}.modal-add-question-ai .modal-body::-webkit-scrollbar{width:6px}.modal-add-question-ai .modal-body::-webkit-scrollbar-thumb{background-color:#9696964d;border-radius:4px}body.dark .modal-add-question-ai .modal-body::-webkit-scrollbar-thumb{background-color:#ffffff26}@media (max-width:768px){.modal-add-question-ai .modal-body{padding:24px 20px}}.modal-add-question-ai .ai-qmodal__footer{background-color:#fff;border-top:1px solid #e5e7eb99;justify-content:flex-end;align-items:center;padding:20px 24px;display:flex}body.dark .modal-add-question-ai .ai-qmodal__footer,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__footer{background-color:#1e1f20;border-top-color:#ffffff14}.modal-add-question-ai .ai-qmodal__btn{color:#fff;cursor:pointer;background-color:#111827;border:1px solid #111827;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.modal-add-question-ai .ai-qmodal__btn:hover:not(:disabled){background-color:#374151;border-color:#374151}.modal-add-question-ai .ai-qmodal__btn:disabled{opacity:.5;cursor:not-allowed}.modal-add-question-ai .ai-qmodal__btn--secondary{color:#334155;border-color:#cbd5e1;background-color:#0000!important}.modal-add-question-ai .ai-qmodal__btn--secondary:hover:not(:disabled){background-color:#f1f5f9!important}body.dark .modal-add-question-ai .ai-qmodal__btn,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__btn{color:#111827;background-color:#e5e7eb;border-color:#e5e7eb}body.dark .modal-add-question-ai .ai-qmodal__btn:hover:not(:disabled),html[data-theme=dark] .modal-add-question-ai .ai-qmodal__btn:hover:not(:disabled){background-color:#f3f4f6}body.dark .modal-add-question-ai .ai-qmodal__btn--secondary,html[data-theme=dark] .modal-add-question-ai .ai-qmodal__btn--secondary{color:#d1d5db!important;background-color:#0000!important;border-color:#fff3!important}body.dark .modal-add-question-ai .ai-qmodal__btn--secondary:hover:not(:disabled),html[data-theme=dark] .modal-add-question-ai .ai-qmodal__btn--secondary:hover:not(:disabled){color:#fff!important;background-color:#ffffff14!important;border-color:#fff6!important}.modal-add-question-ai .token-hud{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}body.dark .modal-add-question-ai .token-hud,html[data-theme=dark] .modal-add-question-ai .token-hud{color:#4ade80;background-color:#16a34a0d;border-color:#16a34a33}.modal-add-question-ai .token-hud .left{align-items:center;gap:8px;display:flex}.modal-add-question-ai .token-hud .left svg{color:inherit}.modal-add-question-ai .token-hud .right{align-items:center;gap:8px;display:flex}.modal-add-question-ai .token-hud .pill{background:#0000000d;border-radius:20px;padding:4px 10px;font-size:12px}body.dark .modal-add-question-ai .token-hud .pill{background:#ffffff1a}.modal-add-question-ai .spinner-container{display:inline-block;position:relative}.modal-add-question-ai .spinner-container .spinner{color:#3b82f6;filter:drop-shadow(0 0 8px #3b82f666);transition:color .3s}body.dark .modal-add-question-ai .spinner-container .spinner{color:#60a5fa}.modal-add-question-ai .spinner-container .spinner-warning{color:#f59e0b!important}.modal-add-question-ai .spinner-container .connection-warning{color:#f59e0b;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;animation:1s infinite pulse;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 5px #0003}.modal-add-question-ai .process-log{background-color:#0f172a;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;width:100%;max-width:500px;height:160px;margin-top:20px;display:flex;overflow:hidden;box-shadow:inset 0 2px 10px #0000004d}.modal-add-question-ai .process-log .log-header{color:#94a3b8;background-color:#1e293b;gap:10px;padding:8px 12px;font-family:monospace;font-size:12px;font-weight:600;display:flex}.modal-add-question-ai .process-log .log-header .dots span{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.modal-add-question-ai .process-log .log-header .dots .r{background:#ef4444}.modal-add-question-ai .process-log .log-header .dots .y{background:#f59e0b}.modal-add-question-ai .process-log .log-header .dots .g{background:#10b981}.modal-add-question-ai .process-log .log-content{color:#cbd5e1;flex:1;padding:16px;font-family:monospace;font-size:12px;line-height:1.6;overflow-y:auto}.modal-add-question-ai .process-log .log-content::-webkit-scrollbar{width:4px}.modal-add-question-ai .process-log .log-content::-webkit-scrollbar-thumb{background:#475569;border-radius:2px}.modal-add-question-ai .process-log .log-line{margin-bottom:4px;animation:.3s fadeIn}.modal-add-question-ai .process-log .log-line.text-error{color:#f87171;font-weight:700}.modal-add-question-ai .process-log .log-line.text-success{color:#34d399;font-weight:700}.modal-add-question-ai .process-log .log-line.text-warning{color:#fbbf24}.modal-add-question-ai .progress-bar-wrap{background:#f1f5f9;border-radius:12px;width:80%;max-width:400px;height:8px;margin-top:20px;overflow:hidden}body.dark .modal-add-question-ai .progress-bar-wrap{background:#1e293b}.modal-add-question-ai .progress-bar-wrap .progress-bar{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:12px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #3b82f666}.modal-add-question-ai .ai-mode-tabs{background-color:#f3f4f6;border-radius:12px;gap:10px;margin-bottom:24px;padding:4px;display:flex}body.dark .modal-add-question-ai .ai-mode-tabs,html[data-theme=dark] .modal-add-question-ai .ai-mode-tabs{background-color:#1a1a1a}.modal-add-question-ai .ai-mode-tabs .ai-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.modal-add-question-ai .ai-mode-tabs .ai-tab.active{color:#111827;background-color:#fff;box-shadow:0 2px 8px #0000000d}body.dark .modal-add-question-ai .ai-mode-tabs .ai-tab.active,html[data-theme=dark] .modal-add-question-ai .ai-mode-tabs .ai-tab.active{color:#d1d5db;background-color:#282a2c;box-shadow:0 2px 4px #0003}.modal-add-question-ai .dropzone{text-align:center;cursor:pointer;background-color:#fafafa;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:all .2s;display:flex}.modal-add-question-ai .dropzone:hover,.modal-add-question-ai .dropzone.active{background-color:#00000008;border-color:#64748b;transform:translateY(-2px)}.modal-add-question-ai .dropzone .icon-default,.modal-add-question-ai .dropzone .icon-image{color:#94a3b8;margin-bottom:12px;font-size:40px}.modal-add-question-ai .dropzone p{color:#64748b;margin:5px 0;font-size:13px}body.dark .modal-add-question-ai .dropzone,html[data-theme=dark] .modal-add-question-ai .dropzone{background-color:#0003;border-color:#ffffff1a}body.dark .modal-add-question-ai .dropzone:hover,body.dark .modal-add-question-ai .dropzone.active,html[data-theme=dark] .modal-add-question-ai .dropzone:hover,html[data-theme=dark] .modal-add-question-ai .dropzone.active{background-color:#ffffff05;border-color:#9ca3af}.modal-add-question-ai .exam-controls,.modal-add-question-ai .lecture-controls,.modal-add-question-ai .topic-controls{flex-direction:column;gap:16px;margin-top:24px;display:flex}.modal-add-question-ai .exam-controls .control-row,.modal-add-question-ai .lecture-controls .control-row,.modal-add-question-ai .topic-controls .control-row{flex-direction:column;gap:8px;display:flex}.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{color:#475569;font-size:13px;font-weight:600}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:#9ca3af}.modal-add-question-ai .exam-controls .control-row input[type=text],.modal-add-question-ai .lecture-controls .control-row input[type=text],.modal-add-question-ai .topic-controls .control-row input[type=text]{color:#111827;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-size:14px;transition:border-color .2s}.modal-add-question-ai .exam-controls .control-row input[type=text]:focus,.modal-add-question-ai .lecture-controls .control-row input[type=text]:focus,.modal-add-question-ai .topic-controls .control-row input[type=text]:focus{border-color:#64748b;outline:none}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=text],body.dark .modal-add-question-ai .topic-controls .control-row input[type=text]{color:#d1d5db;background-color:#1a1a1a;border-color:#ffffff1a}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=text]:focus,body.dark .modal-add-question-ai .topic-controls .control-row input[type=text]:focus{border-color:#9ca3af}.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{color:#94a3b8;text-align:right;margin-top:2px;font-size:12px}.modal-add-question-ai .exam-controls .target-count-wrapper,.modal-add-question-ai .lecture-controls .target-count-wrapper,.modal-add-question-ai .topic-controls .target-count-wrapper{flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;display:flex}.modal-add-question-ai .exam-controls .target-count-wrapper .stepper,.modal-add-question-ai .lecture-controls .target-count-wrapper .stepper,.modal-add-question-ai .topic-controls .target-count-wrapper .stepper{align-items:center;display:flex}.modal-add-question-ai .exam-controls .target-count-wrapper .stepper button,.modal-add-question-ai .lecture-controls .target-count-wrapper .stepper button,.modal-add-question-ai .topic-controls .target-count-wrapper .stepper button{cursor:pointer;color:#4b5563;background-color:#f3f4f6;border:1px solid #cbd5e1;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:600;transition:all .2s;display:flex}body.dark .modal-add-question-ai .exam-controls .target-count-wrapper .stepper button,body.dark .modal-add-question-ai .lecture-controls .target-count-wrapper .stepper button,body.dark .modal-add-question-ai .topic-controls .target-count-wrapper .stepper button{color:#9ca3af;background-color:#1a1a1a;border-color:#ffffff1a}.modal-add-question-ai .exam-controls .target-count-wrapper .stepper button:first-child,.modal-add-question-ai .lecture-controls .target-count-wrapper .stepper button:first-child,.modal-add-question-ai .topic-controls .target-count-wrapper .stepper button:first-child{border-right:none;border-radius:8px 0 0 8px}.modal-add-question-ai .exam-controls .target-count-wrapper .stepper button:last-child,.modal-add-question-ai .lecture-controls .target-count-wrapper .stepper button:last-child,.modal-add-question-ai .topic-controls .target-count-wrapper .stepper button:last-child{border-left:none;border-radius:0 8px 8px 0}.modal-add-question-ai .exam-controls .target-count-wrapper .stepper button:disabled,.modal-add-question-ai .lecture-controls .target-count-wrapper .stepper button:disabled,.modal-add-question-ai .topic-controls .target-count-wrapper .stepper button:disabled{opacity:.3;cursor:not-allowed}.modal-add-question-ai .exam-controls .target-count-wrapper .stepper button:hover:not(:disabled),.modal-add-question-ai .lecture-controls .target-count-wrapper .stepper button:hover:not(:disabled),.modal-add-question-ai .topic-controls .target-count-wrapper .stepper button:hover:not(:disabled){background-color:#0000000d}body.dark .modal-add-question-ai .exam-controls .target-count-wrapper .stepper button:hover:not(:disabled),body.dark .modal-add-question-ai .lecture-controls .target-count-wrapper .stepper button:hover:not(:disabled),body.dark .modal-add-question-ai .topic-controls .target-count-wrapper .stepper button:hover:not(:disabled){background-color:#ffffff0d}.modal-add-question-ai .exam-controls .target-count-wrapper .stepper .stepper-input,.modal-add-question-ai .lecture-controls .target-count-wrapper .stepper .stepper-input,.modal-add-question-ai .topic-controls .target-count-wrapper .stepper .stepper-input{text-align:center;-moz-appearance:textfield;background:#fff;border:1px solid #cbd5e1;border-radius:0;width:60px;height:44px;padding:0 4px;font-size:14px;font-weight:600}body.dark .modal-add-question-ai .exam-controls .target-count-wrapper .stepper .stepper-input,body.dark .modal-add-question-ai .lecture-controls .target-count-wrapper .stepper .stepper-input,body.dark .modal-add-question-ai .topic-controls .target-count-wrapper .stepper .stepper-input{color:#d1d5db;background:#1a1a1a;border-color:#ffffff1a}.modal-add-question-ai .exam-controls .target-count-wrapper .stepper .stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-add-question-ai .exam-controls .target-count-wrapper .stepper .stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-add-question-ai .lecture-controls .target-count-wrapper .stepper .stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-add-question-ai .lecture-controls .target-count-wrapper .stepper .stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-add-question-ai .topic-controls .target-count-wrapper .stepper .stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-add-question-ai .topic-controls .target-count-wrapper .stepper .stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-add-question-ai .exam-controls .target-count-wrapper .quick-pills,.modal-add-question-ai .lecture-controls .target-count-wrapper .quick-pills,.modal-add-question-ai .topic-controls .target-count-wrapper .quick-pills{flex-wrap:wrap;gap:8px;display:flex}.modal-add-question-ai .exam-controls .target-count-wrapper .quick-pills .pill,.modal-add-question-ai .lecture-controls .target-count-wrapper .quick-pills .pill,.modal-add-question-ai .topic-controls .target-count-wrapper .quick-pills .pill{cursor:pointer;color:#475569;background:0 0;border:1px solid #cbd5e1;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}body.dark .modal-add-question-ai .exam-controls .target-count-wrapper .quick-pills .pill,body.dark .modal-add-question-ai .lecture-controls .target-count-wrapper .quick-pills .pill,body.dark .modal-add-question-ai .topic-controls .target-count-wrapper .quick-pills .pill{color:#9ca3af;border-color:#ffffff1a}.modal-add-question-ai .exam-controls .target-count-wrapper .quick-pills .pill:hover,.modal-add-question-ai .lecture-controls .target-count-wrapper .quick-pills .pill:hover,.modal-add-question-ai .topic-controls .target-count-wrapper .quick-pills .pill:hover{background:#00000005}.modal-add-question-ai .exam-controls .target-count-wrapper .quick-pills .pill.is-active,.modal-add-question-ai .lecture-controls .target-count-wrapper .quick-pills .pill.is-active,.modal-add-question-ai .topic-controls .target-count-wrapper .quick-pills .pill.is-active{color:#fff;background:#111827;border-color:#111827;font-weight:600}body.dark .modal-add-question-ai .exam-controls .target-count-wrapper .quick-pills .pill.is-active,body.dark .modal-add-question-ai .lecture-controls .target-count-wrapper .quick-pills .pill.is-active,body.dark .modal-add-question-ai .topic-controls .target-count-wrapper .quick-pills .pill.is-active{color:#111827;background:#e5e7eb;border-color:#e5e7eb}.modal-add-question-ai .exam-controls .qtype-grid,.modal-add-question-ai .lecture-controls .qtype-grid,.modal-add-question-ai .topic-controls .qtype-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.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{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;transition:all .3s;display:flex}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{color:#9ca3af;background-color:#1a1a1a;border-color:#ffffff14}.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:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.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{color:#0f766e;background-color:#f0fdfa;border-color:#2dd4bf;font-weight:500;box-shadow:0 4px 12px #2dd4bf1a}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{color:#5eead4;background-color:#2dd4bf0d;border-color:#14b8a6}.modal-add-question-ai .exam-controls .qtype-grid .qtype-item input,.modal-add-question-ai .lecture-controls .qtype-grid .qtype-item input,.modal-add-question-ai .topic-controls .qtype-grid .qtype-item input{accent-color:#0d9488;width:16px;height:16px}.modal-add-question-ai .preview-container{flex:1;position:relative}.modal-add-question-ai .q-list{flex-direction:column;gap:20px;display:flex}.modal-add-question-ai .ai-disclaimer{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:10px;margin:16px 0;padding:12px 16px;font-size:13px;font-weight:500;display:flex}body.dark .modal-add-question-ai .ai-disclaimer,html[data-theme=dark] .modal-add-question-ai .ai-disclaimer{color:#fbbf24;background-color:#f59e0b0d;border-color:#f59e0b33}.modal-add-question-ai .empty-state-list{text-align:center;color:#64748b;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;margin-top:16px;padding:60px 20px;font-size:14px}body.dark .modal-add-question-ai .empty-state-list,html[data-theme=dark] .modal-add-question-ai .empty-state-list{color:#9ca3af;background:#ffffff05;border-color:#ffffff1a}.modal-add-question-ai .question-single{position:relative}.modal-add-question-ai .question-single .question-details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:border-color .2s;box-shadow:0 1px 2px #00000005}.modal-add-question-ai .question-single .question-details:hover{border-color:#cbd5e1}body.dark .modal-add-question-ai .question-single .question-details{color:#e3e3e3;background:#1e1f20;border-color:#ffffff0d}body.dark .modal-add-question-ai .question-single .question-details:hover{border-color:#ffffff1a}.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{color:#94a3b8;cursor:pointer;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}body.dark .modal-add-question-ai .question-single .delete-question-btn{color:#6b7280}.modal-add-question-ai .question-single .delete-question-btn:hover{color:#ef4444;background-color:#fee2e2}body.dark .modal-add-question-ai .question-single .delete-question-btn:hover{color:#f87171;background:#f871711a}.modal-add-question-ai .question-single .question-header{border-bottom:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.modal-add-question-ai .question-single .question-header strong{color:#1e293b;font-size:15px}body.dark .modal-add-question-ai .question-single .question-header strong{color:#f8fafc}body.dark .modal-add-question-ai .question-single .question-header{border-bottom-color:#ffffff1a}.modal-add-question-ai .question-single .type-badge{text-transform:uppercase;color:#475569;background-color:#e2e8f0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}body.dark .modal-add-question-ai .question-single .type-badge{color:#cbd5e1;background-color:#334155}.modal-add-question-ai .question-single .question-text{color:#334155;margin-bottom:20px;font-size:14px;line-height:1.6}body.dark .modal-add-question-ai .question-single .question-text{color:#e2e8f0}.modal-add-question-ai .question-single .explanation-block{color:#475569;background-color:#f1f5f9;border:none;border-radius:8px;margin-top:16px;padding:16px;font-size:13px;line-height:1.6}body.dark .modal-add-question-ai .question-single .explanation-block{color:#9ca3af;background-color:#ffffff08}.modal-add-question-ai .question-single .explanation-block .exp-label{color:#334155;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}body.dark .modal-add-question-ai .question-single .explanation-block .exp-label{color:#cbd5e1}.modal-add-question-ai .question-single .explanation-block .exp-label svg{color:#fbbf24}.modal-add-question-ai .question-single .answer-item{background-color:#f8fafc;border:1px solid #0000;border-radius:8px;margin-bottom:8px;padding:12px 16px;transition:all .2s}body.dark .modal-add-question-ai .question-single .answer-item{background-color:#1a1a1a}.modal-add-question-ai .question-single .answer-item p{color:#475569;align-items:flex-start;gap:12px;margin:0;display:flex}body.dark .modal-add-question-ai .question-single .answer-item p{color:#9ca3af}.modal-add-question-ai .question-single .answer-item p span{font-weight:600}.modal-add-question-ai .question-single .answer-item.correct{background-color:#ecfdf5;border-color:#a7f3d0;padding-right:90px;position:relative}.modal-add-question-ai .question-single .answer-item.correct p{color:#059669;font-weight:500}.modal-add-question-ai .question-single .answer-item.correct:after{content:"✓ Đáp án";color:#059669;background-color:#0000;padding:0;font-size:12px;font-weight:600;position:absolute;top:50%;right:16px;transform:translateY(-50%)}body.dark .modal-add-question-ai .question-single .answer-item.correct{background-color:#10b9810d;border-color:#34d39940}body.dark .modal-add-question-ai .question-single .answer-item.correct p{color:#34d399;font-weight:500}body.dark .modal-add-question-ai .question-single .answer-item.correct:after{color:#34d399}.ai-qmodal__info-box{color:#1e3a8a;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px;font-size:13px;line-height:1.5}.ai-qmodal__info-box strong{color:#172554}.ai-qmodal__info-box .icon-bulb{color:#3b82f6;margin-right:4px}.ai-qmodal__info-box ul{flex-direction:column;gap:4px;margin-top:6px;margin-left:20px;display:flex}body.dark .ai-qmodal__info-box{color:#bae6fd;background-color:#1e293b;border:1px solid #334155}body.dark .ai-qmodal__info-box strong{color:#e0f2fe}body.dark .ai-qmodal__info-box .icon-bulb{color:#60a5fa}@media (max-width:820px){input[type=text],input[type=number],.stepper-input{font-size:16px!important}}.ai-tips-box{color:#1e40af;background-color:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;margin-top:16px;margin-bottom:24px;padding:12px 16px;font-size:13.5px;line-height:1.5}.ai-tips-box .icon{color:#3b82f6;margin-right:8px}body.dark .ai-tips-box,html[data-theme=dark] .ai-tips-box{color:#93c5fd;background-color:#60a5fa0d;border-color:#60a5fa26}body.dark .ai-tips-box .icon,html[data-theme=dark] .ai-tips-box .icon{color:#60a5fa}body.dark .ai-tips-box strong,html[data-theme=dark] .ai-tips-box strong{color:#bfdbfe}.topic-textarea{color:#111827;resize:vertical;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:100px;padding:12px;font-size:14px;line-height:1.5;transition:border-color .2s}.topic-textarea:focus{border-color:#64748b;outline:none}body.dark .topic-textarea,html[data-theme=dark] .topic-textarea{color:#d1d5db;background-color:#1a1a1a;border-color:#ffffff1a}body.dark .topic-textarea:focus,html[data-theme=dark] .topic-textarea:focus{border-color:#9ca3af}.modal-overlay-section-mobile-smart{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:1000;box-sizing:border-box;background:#00000080;align-items:flex-end;padding:12px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;display:flex;position:fixed;inset:0}.modal-overlay-section-mobile-smart .modal-section-mobile-smart{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;width:100%;max-height:85vh;transition:transform .3s ease-in-out;display:flex;transform:translateY(110%);box-shadow:0 -4px 20px #0000001a}body.dark .modal-overlay-section-mobile-smart .modal-section-mobile-smart{color:#e3e3e3;background:#1b1c1d;border:1px solid #404345;box-shadow:0 -4px 20px #0006}.modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex;position:relative}.modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header:before{content:"";background-color:#d1d5db;border-radius:4px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header .modal-title{color:#1f2937;margin:0;font-size:18px;font-weight:700}.modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header .close-modal-new{cursor:pointer;-webkit-tap-highlight-color:transparent;color:#6b7280;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header .close-modal-new:active{background-color:#e5e7eb;transform:scale(.85)}body.dark .modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header{border-bottom:1px solid #404345}body.dark .modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header:before{background-color:#404345}body.dark .modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header .modal-title{color:#e3e3e3}body.dark .modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header .close-modal-new{color:#a3a3a3;background-color:#282a2c}body.dark .modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-header .close-modal-new:active{color:#e3e3e3;background-color:#404345}.modal-overlay-section-mobile-smart .modal-section-mobile-smart .modal-content-scrollable{flex-grow:1;min-height:0;padding:16px 20px 20px;overflow-y:auto}.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{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-top:10px;padding:20px}body.dark .smart-block{background:#282a2c;border:1px solid #404345}.smart-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:12px}body.dark .smart-header{border-bottom:1px solid #404345}.smart-header .smart-title{color:#1f2937;font-size:18px;font-weight:600}body.dark .smart-header .smart-title{color:#e3e3e3}.smart-controls{flex-direction:column;gap:16px;display:flex}.smart-actions{margin-top:24px;display:flex}.smart-actions .css-button-blue{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:12px;flex-grow:1;padding:12px 16px;font-size:15px;font-weight:600;transition:background-color .2s}.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{color:#1f2937;font-size:18px;font-weight:600}body.dark .modal-footer p{color:#e3e3e3}.footer-section-container{flex-direction:column;gap:16px;display:flex}#single-top-meta{margin-top:2px}#single-top-meta .single-top-meta{background:#feb343;width:100%;padding:80px 0}@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:#fff;text-transform:capitalize;margin-bottom:20px;padding:0 100px;font-size:4.5rem;font-weight:700;line-height:1.3}@media (max-width:991.98px){#single-top-meta .single-top-meta__title h1{padding:0;font-size:3.6rem}}#single-top-meta .single-top-meta__title .text-center span{color:#fff;padding:0 15px;font-size:1.5rem}@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 #fff}@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{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}#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{color:#ff6d00;text-transform:uppercase;text-decoration:none}.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{object-fit:cover;width:100%;height:100%;transition:all 1s;position:absolute;top:0;left:0;right:0;transform:scale(1)}.blog-list .blog-list__top a .blog-list__top-title{color:#fff;background-color:#f37032;padding:15px 20px}.blog-list .blog-list__top a .blog-list__top-title h2{text-transform:uppercase;margin-bottom:15px;font-size:1.9rem;font-weight:700}@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{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.blog-list .blog-list__top:hover .blog-list__top-image img{transform:scale(1.05)}.blog-list .box{border-bottom:1px solid silver;gap:10px;padding:20px 0;display:flex}.blog-list .box .box-image{flex:1;padding-top:20%;position:relative;overflow:hidden}.blog-list .box .box-image img{object-fit:cover;width:100%;height:100%;transition:all 1s;position:absolute;top:0;left:0;right:0;transform:scale(1)}.blog-list .box .box-text{flex:2}.blog-list .box .box-text h2 a{text-transform:uppercase;color:#000;font-size:1.9rem;font-weight:700;line-height:1.4;text-decoration:none;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{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.blog-list .box .box-text h2:hover a{color:#f37032}.blog-list .box .box-text .time{margin:5px 0 10px;font-size:1.5rem;font-style:italic}.blog-list .box .box-text p{color:#7f7f82;text-align:justify;font-size:1.5rem;line-height:1.3}@media (max-width:767.98px){.blog-list .box .box-text p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.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{background-color:#fff;border-radius:10px;margin-top:30px;padding:40px}@media (max-width:767.98px){.blog-details .content-details{padding:0}}.blog-details .content-details .post h4{text-align:center;font-size:2.8rem;font-weight:700;line-height:4.2rem}.blog-details .content-details .post h5{font-size:2rem;font-weight:700}.blog-details .content-details .post p{text-align:justify;font-weight:400;line-height:2.4rem}.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{padding-left:50px;list-style-type:disc}.blog-details .content-details .post .center{text-align:center}.blog-details .content-details .post .fi{font-style:italic}.blog-details .modal{z-index:1;background-color:#000000e6;padding-top:25vh;display:none;position:fixed;inset:0}.blog-details .modal .close{color:#fff;cursor:pointer;font-size:35px;position:absolute;top:60px;right:30px}.blog-details .modal .modal-content{max-width:100%;max-height:100%;margin:auto;display:block}.sidebar-blog-list{box-shadow:5px 4px 11px #0003}@media (max-width:991.98px){.sidebar-blog-list{margin-top:20px;margin-bottom:30px}}.sidebar-blog-list .widget-title{text-transform:unset;letter-spacing:0;color:#fff;background:linear-gradient(90deg,#ec4532 0%,#f15726 49.48%,#feb343 100%);padding:8px 10px;font-size:1.6rem;font-weight:700;line-height:1.3;display:block}.sidebar-blog-list .box-sidebar{gap:10px;padding:10px;display:flex}.sidebar-blog-list .box-sidebar .box-image{flex:1;padding-top:10%;position:relative;overflow:hidden}.sidebar-blog-list .box-sidebar .box-image img{object-fit:cover;width:100%;height:100%;transition:all 1s;position:absolute;top:0;left:0;right:0;transform:scale(1)}.sidebar-blog-list .box-sidebar .box-text{flex:2}.sidebar-blog-list .box-sidebar .box-text h5 a{text-transform:uppercase;color:#000;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:1.4rem;font-weight:700;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.sidebar-blog-list .box-sidebar .box-text .time{margin:5px 0;font-size:1.2rem;font-style:italic}.sidebar-blog-list .box-sidebar .box-text p{color:#7f7f82;text-align:justify;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:1.2rem;line-height:1.3;display:-webkit-box;overflow:hidden}.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;text-transform:unset;letter-spacing:0;color:#000;border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom:10px;font-size:1.7rem;font-weight:700;line-height:1.3;display:block}.sidebar-blog-details .box-sidebar{gap:10px;padding:10px 0;display:flex}.sidebar-blog-details .box-sidebar .box-image{flex:1;padding-top:10%;position:relative;overflow:hidden}.sidebar-blog-details .box-sidebar .box-image img{object-fit:cover;width:100%;height:100%;transition:all 1s;position:absolute;top:0;left:0;right:0;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;color:#000;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.5rem;font-weight:400;line-height:1.2;text-decoration:none;display:-webkit-box;overflow:hidden}.sidebar-blog-details .box-sidebar+.box-sidebar{border-top:1px solid silver}.pagination{justify-content:center;gap:5px;display:flex}.pagination a{text-decoration:none}.pagination .page-number{text-align:center;color:#000;background-color:#f1f1f1;min-width:30px;min-height:30px;font-weight:500;line-height:30px;display:inline-block}.pagination li:hover .page-number{color:#fff;background-color:#feae45}.blog-author{border:1px solid #d9e1ee;border-radius:6px;margin:30px 0;padding:20px}.blog-author .info-1{justify-content:space-between;align-items:center;display:flex}@media (max-width:767.98px){.blog-author .info-1{flex-direction:column;gap:10px}}.blog-author .info-1 .info-left{align-items:center;gap:15px;display:flex}@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;padding-right:10px;font-size:1.2rem;font-weight:400}@media (max-width:767.98px){.blog-author .info-1 .info-right span{display:none}}.blog-author .info-1 .info-right a{color:#f37032;text-align:center;background-color:#f5f7f8;border-radius:4px;width:24px;height:24px;margin:0 4px;line-height:2.4rem;display:inline-block}.blog-author .info-1 .info-right a:hover{color:#fff;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{text-align:center;flex-basis:10.653%;max-width:10.653%;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{align-items:flex-end;max-width:6.22%;display:flex}@media (max-width:767.98px){.blog-author .info-2 .quote-right{text-align:right;max-width:100%;display:block}}.blog-related .title{margin:20px 0;font-size:2.4rem;font-weight:700}.blog-related .content{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:767.98px){.blog-related .content{grid-template-columns:repeat(2,1fr);gap:10px}}.blog-related .content .item{border-radius:8px;box-shadow:0 3px 15px #0000001f}.blog-related .content .item a{color:#000;font-size:1.4rem;font-weight:500;line-height:1.5;text-decoration:none}.blog-related .content .item a .item-image{padding-top:60%;position:relative;overflow:hidden}.blog-related .content .item a .item-image img{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:all 1s;position:absolute;top:0;left:0;transform:scale(1)}.blog-related .content .item a .item-image:hover img{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{justify-content:space-between;margin:30px 0;display:flex}@media (max-width:767.98px){.post-share-rating{flex-direction:column;align-items:center;gap:10px}}.post-share-rating .share span{padding-right:2px;font-size:1.5rem}.post-share-rating .share a{text-decoration:none}.post-share-rating .share .facebook{color:#fff;text-align:center;border-radius:4px;width:30px;height:30px;margin:0 2px;font-size:1.5rem;line-height:3rem;display:inline-block;background-color:#3a589d!important}.post-share-rating .share .facebook:hover{background-color:#2e467e!important}.post-share-rating .share .twitter{color:#fff;text-align:center;border-radius:4px;width:30px;height:30px;margin:0 2px;font-size:1.5rem;line-height:3rem;display:inline-block;background-color:#2478ba!important}.post-share-rating .share .twitter:hover{background-color:#1d6095!important}.post-share-rating .share .pinterest{color:#fff;text-align:center;border-radius:4px;width:30px;height:30px;margin:0 2px;font-size:1.5rem;line-height:3rem;display:inline-block;background-color:#cb2320!important}.post-share-rating .share .pinterest:hover{background-color:#a21c1a!important}.post-share-rating .share .linkedin{color:#fff;text-align:center;border-radius:4px;width:30px;height:30px;margin:0 2px;font-size:1.5rem;line-height:3rem;display:inline-block;background-color:#0072b7!important}.post-share-rating .share .linkedin:hover{background-color:#005b92!important}.post-share-rating .rating{gap:5px;line-height:2.5rem;display:flex}.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{color:#3c4859;font-size:14px!important}#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{justify-content:flex-end;display:flex}#signin-signup .container .content-signin-signup .signin-link,#signin-signup .container .content-signin-signup .signup-link{color:#f5f9fc;padding:0 15px;line-height:38px;text-decoration:none;transition:all .2s linear;display:block}#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:#fff;border-radius:10px;margin:30px 0;padding:15px 15px 0}.sidebar-blog-category span{text-align:center;letter-spacing:0;margin-bottom:10px;font-size:1.7rem;font-weight:600;display:block}.sidebar-blog-category ul li a{color:#000;text-transform:uppercase;padding:8px 0;font-size:1.5rem;font-weight:400;text-decoration:none;display:inline-block}.sidebar-blog-category ul li+li{border-top:1px solid #ececec}#header-exam{text-align:center;background:#fff;width:100%;padding:5px 0;box-shadow:0 -10px 20px #aaa}#header-exam .container nav{justify-content:space-between;align-items:center;display:flex}#header-exam .container nav .content-exam{text-transform:uppercase;color:#31708f;line-height:1.4}#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:translateY(-100%)}.scroll-up #header-exam{filter:drop-shadow(0 -10px 20px #aaa)}.menu-is-open{overflow:hidden}.menu-is-open #header-exam{filter:none}.radio{cursor:pointer;border:1px solid #0000;flex:auto;align-items:center;padding:18px 24px;display:flex;position:relative}.radio .radio__content{word-break:break-word;flex:1;gap:8px;min-width:0;font-size:16px;display:flex}.radio .radio__input{display:none}.radio .radio__input:checked+.radio__radio:after{display:block}.radio:hover{background-color:#00000005;border-radius:8px}.radio .radio__icon{color:#0000;background-color:#0000;border:1px solid #626262;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:13px;transition:background-color .2s,color .2s;display:flex;position:relative}.radio .radio__input:checked+.radio__icon.success{color:#fff;background-color:#259172;border-color:#259172}.radio .radio__input:checked+.radio__icon.error{color:#fff;background-color:#e63349;border-color:#e63349}.radio .radio__input:checked+.radio__radio{background-color:#fff}.radio .keyboard-hint{pointer-events:none;-webkit-user-select:none;user-select:none;color:#94a3b8;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;transition:all .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.radio.disabled{cursor:default}.radio.disabled .radio__input:checked+.radio__radio:after{background-color:#c3c3c3}.radio.disabled .radio__input+.radio__radio{background-color:#f9f9f9;border:1px solid #c3c3c3}body.dark .radio:hover{background-color:#ffffff0d}body.dark .radio .radio__icon{border-color:#999}body.dark .radio .radio__input:checked+.radio__icon{color:#196ebf;background-color:#fff}body.dark .radio .radio__input:checked+.radio__icon.success{color:#259172;background-color:#fff}body.dark .radio .radio__input:checked+.radio__icon.error{color:#e63349;background-color:#fff}body.dark .radio .radio__input:checked+.radio__icon.disabled{color:#ccc;background-color:#555}body.dark .radio .keyboard-hint{color:#94a3b8;background-color:#1e293b;border:1px solid #334155}.dropdown{width:170px;height:45px;position:relative}.dropdown input{cursor:pointer;color:#111827e0;background:#fff;border:1.9px solid #d3d3d3;border-radius:8px;outline:none;width:100%;height:100%;padding:12px 20px;position:absolute;top:0;left:0;box-shadow:0 5px 20px #0000000d}.dropdown .matching-select{z-index:5;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;display:none;position:absolute;top:50px;overflow:hidden;box-shadow:0 30px 30px #0000000d}.dropdown .matching-select div:first-of-type{background:#ededed}.dropdown .matching-select div:hover:not(div:first-of-type){color:#fff;background:#62baed}.dropdown .matching-select div{cursor:pointer;padding:5px 12px}.dropdown .title-dropdown{color:#908d92;text-align:center;background:#fff;max-width:125px;font-size:11.5px;position:relative;top:-9px;left:15px}.dropdown .dropdown-icon{pointer-events:none;font-size:12px;transition:transform .5s;position:absolute;top:15px;right:20px}.dropdown.active .dropdown-icon{transform:rotate(180deg)}.dropdown.active .matching-select{display:block}body.dark .dropdown input{color:#e3e3e3;background-color:#1e1f20;border-color:#d3d3d342}body.dark .dropdown .title-dropdown{color:#e3e3e3;background-color:#1e1f20}body.dark .dropdown .dropdown-icon{color:#e3e3e3}body.dark .dropdown .matching-select{color:#e3e3e3;background:#131314;border-color:#d3d3d342}body.dark .dropdown .matching-select div:first-of-type{background:#1e1f20}.checkbox{cursor:pointer;align-items:center;padding:6px;display:flex}.checkbox input[type=checkbox]{appearance:none;cursor:pointer;border:1px solid #626262;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:20px;display:flex}.checkbox label{margin:0;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5;display:block}.checkbox input[type=checkbox]:after{content:"";color:#fff;font-family:"Font Awesome 5 Free";font-size:.9em;font-weight:900;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]{background-color:#f9f9f9;border:1px solid #c3c3c3}.input{align-items:center;gap:20px;width:50%;margin-bottom:5px;display:flex}.input .input-wrapper{flex-grow:1;position:relative}.input input{background:#fff;border:1px solid #e0e3e0;border-radius:5px;outline:none;width:100%;padding:10px 40px 10px 10px;transition:all .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{pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.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:#fff;font-size:10px}body.dark .input input{color:#e3e3e3;background-color:#0000001f;border-color:#e0e3e04f}@media (max-width:992px){.input{width:100%}}.modal-overlay{z-index:1000;box-sizing:border-box;overscroll-behavior:contain;touch-action:none;background:#0006;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:16px;display:flex;position:fixed;top:0;left:0}body.dark .modal-overlay,html[data-theme=dark] .modal-overlay{background:#000000bf}.modal-overlay .modal-accept{text-align:center;box-sizing:border-box;z-index:2000;background-color:#fff;border-radius:8px;width:300px;padding:20px;box-shadow:0 4px 6px #0000001a}.modal-overlay .modal-accept .modal-header{margin-bottom:20px}.modal-overlay .modal-accept .modal-footer{justify-content:space-around;display:flex}.modal-overlay .modal-accept .modal-footer .btn{cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-weight:700;line-height:1.75}.modal-overlay .modal-accept .modal-footer .cancel{color:#333;background-color:#f8f9fa}.modal-overlay .modal-accept .modal-footer .confirm{color:#fff;background-color:#0a8fdc}.modal-overlay .modal-add-section{color:#111827;background-color:#fff;border-radius:12px;flex-direction:column;width:calc(100% - 64px);max-width:444px;max-height:calc(100% - 64px);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:10%;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}body.dark .modal-overlay .modal-add-section{background-color:#151c28}.modal-overlay .modal-add-section .modal-header{border-bottom:1px solid #d0d3d7;justify-content:space-between;align-items:center;padding:15px 10px;display:flex}body.dark .modal-overlay .modal-add-section .modal-header{border-bottom-color:#4b556366}.modal-overlay .modal-add-section .modal-header .how,.modal-overlay .modal-add-section .modal-header .close-modal-new{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.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:#aaa}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{text-align:center;color:#1f2937;flex-grow:1;font-size:18px;font-weight:600}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{color:#1f2937;font-size:15px;font-weight:500}body.dark .modal-overlay .modal-add-section .modal-body .custom-text{color:#fff}.modal-overlay .modal-add-section .modal-footer{margin-left:auto;margin-right:auto;padding:0 25px 25px}.modal-overlay .modal-add-section .modal-footer .button-edu:hover{background:#0056b3}.modal-overlay .modal-add-section .modal-footer button.disabled{color:#00000042;box-shadow:none;background-color:#0000001f}.modal-overlay .modal-signin{z-index:1;border-radius:15px;flex-direction:column;width:calc(100% - 64px);max-width:576px;max-height:calc(100% - 64px);display:flex;position:absolute;top:10%}.modal-overlay .modal-signin:before{content:"";z-index:-2;border-radius:inherit;background-color:#fff;position:absolute;inset:0}.modal-overlay .modal-signin:after{content:"";z-index:-1;opacity:.08;border-radius:inherit;background-image:radial-gradient(#ffffff40,#fff0 40%),radial-gradient(#ffd152 30%,#e26996,#e2699666 41%,#0000 52%),radial-gradient(#a033ff 37%,#0000 46%),linear-gradient(155deg,#0000 65%,#25d466 95%),linear-gradient(45deg,#0065e0,#0f8bff);background-position:0 100%,109% 68%,109% 68%,50%,50%;background-size:200% 200%,285% 500%,285% 500%,cover,cover;position:absolute;inset:0}.modal-overlay .modal-signin .modal-header{padding:25px;position:relative}.modal-overlay .modal-signin .modal-body{flex-direction:column;align-items:center;display:flex}.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{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:2px solid #dce0e3;border-radius:44px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:15px;padding-left:16px;transition:background-color .2s;display:flex;position:relative}.modal-overlay .modal-signin .modal-body .signin-options button img{position:absolute;top:50%;left:16px;translate:0 -50%}.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{flex-direction:column;align-items:center;padding:25px;display:flex}.modal-overlay .modal-signin .modal-footer .text-link{color:#f05123;font-weight:600;text-decoration:underline}.modal-overlay .modal-signin .modal-footer .text-policy{text-align:center;color:#666;width:min(400px,100%);margin-left:auto;margin-right:auto;padding:16px;font-size:1.1rem}.modal-overlay .modal-signin .modal-footer .text-policy a{cursor:pointer;color:inherit;text-decoration:underline}.loading-spinner{border:4px solid #ccc;border-top-color:#007bff;border-radius:50%;width:40px;height:40px;animation:2s linear infinite rotation}body.dark .loading-spinner{border-color:#60a5fa #ffffff1a #ffffff1a}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-scroll{overflow:hidden}.cke_reset{border-radius:10px;overflow:hidden}.stars{cursor:pointer;display:inline-block}.fa-star{color:gray;font-size:16px;transition:color .2s}.fa-star.gold{color:#faaf00}.accordion{height:500px;overflow:scroll}.accordion .contentBx{margin:20px;position:relative}.accordion .contentBx .label{cursor:pointer;border:1px solid #0000001f;border-radius:4px;justify-content:space-between;padding:10px;font-weight:700;display:flex;position:relative}.accordion .contentBx .label p{line-height:3.5}.accordion .contentBx .label .final{gap:25px;display:flex}.accordion .contentBx .label .final .btgreen{cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;color:#fff;min-width:40px;box-shadow:none;text-transform:capitalize;background-color:#2e7d32;border:0;border-radius:8px;outline:0;padding:10px;font-weight:500}.accordion .contentBx .label .final .btred{cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;color:#fff;min-width:40px;box-shadow:none;text-transform:capitalize;background-color:#d32f2f;border:0;border-radius:8px;outline:0;padding:10px;font-weight:500}.accordion .contentBx .label .final .btyellow{cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;color:#fff;min-width:40px;box-shadow:none;text-transform:capitalize;background-color:#d3c22f;border:0;border-radius:8px;outline:0;padding:10px;font-weight:500}.accordion .contentBx .label .final .btgray{cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;min-width:40px;box-shadow:none;text-transform:capitalize;background-color:#e0e0e0;border:0;border-radius:8px;outline:0;padding:10px;font-weight:500}.accordion .contentBx .label .final .toggle-icon i{cursor:pointer;vertical-align:middle;margin-left:5px;font-size:10px;transition:transform .3s}.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{opacity:0;background:#fff;border:1px solid #0000001f;border-radius:4px;max-height:400px;margin-top:15px;padding:20px;transition:opacity .5s;display:none;overflow:hidden auto}.accordion .contentBx .contentt.show{opacity:1;display:block}.switch{width:30px;height:17px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:17px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:13px;height:13px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(13px)}.toggle-label{color:#666;margin-left:10px;font-size:16px}body.dark .toggle-switch p{color:#e3e3e3}.profile{cursor:pointer;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:relative}.profile h3{text-align:end;color:#555;font-weight:500;line-height:1em}.profile span{color:#777;font-size:.75em}.profile .imgBx{border-radius:50%;width:40px;height:40px;position:relative;overflow:hidden}.profile .imgBx img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.profile .menu{z-index:9999;background:#fff;border-radius:5px;width:160px;max-height:300px;list-style:none;position:absolute;top:60px;right:0;overflow:hidden;-webkit-box-shadow:0 2px 4px #0003}.profile .menu li{padding:15px 20px}.profile .menu li:hover{background-color:#f5f5f5}.profile .menu li a{color:#555;align-items:center;gap:10px;text-decoration:none;display:flex}.profile.active .menu{max-height:300px}.button-edu{color:#fff;background:linear-gradient(135deg,#0a8fdc,#0062ac);border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:65px;height:35px;padding:6px 16px;font-size:14px;display:flex}.button-edu.disabled{color:#00000073;box-shadow:none;background:#f9fafb;border:1px solid #d1d5db}.button-edu.active{color:#fff;border:1px solid #0a8fdc}body.dark .button-edu{color:#e3e3e3;background:#37393b;border-color:#7180966b}.search-box{background-color:#fff;border:1px solid #3231304f;border-radius:8px;width:300px;position:relative}.search-box .box-search{align-items:center;padding:8px 5px;display:flex}.search-box .box-search .input-box{color:#333;background:0 0;border:0;outline:0;flex:1}.search-box .box-search button{background-color:#0000;border:0;outline:0}.search-box .box-search button .fa-solid{color:#555;cursor:pointer;font-size:16px}.search-box .result-box{background-color:#fff;border:1px solid #ccc;border-radius:12px;width:300px;padding:10px 0;position:absolute;top:50px;-webkit-box-shadow:0 2px 4px #0003}.search-box .result-box li{color:#222;cursor:pointer;border-radius:5px;padding:15px 10px;list-style:none}.search-box .result-box li:hover{background:#e9f3ff}.form-input{align-items:center;width:300px;height:45px;display:flex}.form-input input{background:var(--grey);width:100%;height:100%;color:var(--dark);border:none;border-radius:36px 0 0 36px;outline:none;flex-grow:1;padding:0 16px}.form-input button{width:36px;height:100%;color:var(--light);cursor:pointer;background-color:#0a8fdc;border:none;border-radius:0 36px 36px 0;outline:none;justify-content:center;align-items:center;font-size:18px;display:flex}.modern-tab-wrapper{width:100%;display:inline-flex}@media (min-width:768px){.modern-tab-wrapper{width:auto}}.modern-tab-wrapper.is-disabled{opacity:.6;pointer-events:none}.modern-tab-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;background-color:#0000000a;border-radius:12px;align-items:center;width:100%;padding:4px;display:inline-flex;position:relative;overflow-x:auto}.modern-tab-list::-webkit-scrollbar{display:none}body.dark .modern-tab-list,html[data-theme=dark] .modern-tab-list,.dark .modern-tab-list{background-color:#00000040}.modern-tab-trigger{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:relative}body.dark .modern-tab-trigger,html[data-theme=dark] .modern-tab-trigger,.dark .modern-tab-trigger{color:#6b7280}.modern-tab-trigger:hover:not([aria-selected=true]):not(:disabled){color:#334155}body.dark .modern-tab-trigger:hover:not([aria-selected=true]):not(:disabled),html[data-theme=dark] .modern-tab-trigger:hover:not([aria-selected=true]):not(:disabled),.dark .modern-tab-trigger:hover:not([aria-selected=true]):not(:disabled){color:#d1d5db}.modern-tab-trigger[aria-selected=true]{color:#2563eb;background-color:#fff;box-shadow:0 2px 8px #00000014}body.dark .modern-tab-trigger[aria-selected=true],html[data-theme=dark] .modern-tab-trigger[aria-selected=true],.dark .modern-tab-trigger[aria-selected=true]{color:#60a5fa;background-color:#374151;border:1px solid #ffffff1a;box-shadow:0 4px 12px #0000004d}.modern-tab-trigger[aria-selected=true] .tab-icon{color:inherit}.modern-tab-trigger .tab-icon{font-size:14px;transition:color .3s}.textarea-fake{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;max-width:600px;padding:12px;position:relative}body.dark .textarea-fake{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}.textarea-fake .section-container{margin-bottom:20px}.textarea-fake .section-container .section-header{color:#6b7280;background:#fff;padding:0 4px;font-size:14px;position:absolute;top:-12px;left:12px}body.dark .textarea-fake .section-container .section-header{color:#aaa;background:#1e1f20}.textarea-fake .section-container .section-content{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.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:#aaa}.textarea-fake .section-container .section-content .question-input{color:#111827;background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100px;padding:8.5px 14px}body.dark .textarea-fake .section-container .section-content .question-input{color:#e3e3e3;background-color:#282a2c;border-color:#6b72801c}.dropdown2{flex:1;width:150px;height:45px;position:relative}.dropdown2 input{cursor:pointer;background:#fff;border:1.9px solid #d3d3d3;border-radius:8px;outline:none;width:100%;height:100%;padding:12px 20px;position:absolute;top:0;left:0;box-shadow:0 5px 20px #0000000d}.dropdown2 .matching-select{z-index:5;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;font-size:1.5rem;display:none;position:absolute;top:50px;overflow:hidden;box-shadow:0 30px 30px #0000000d}.dropdown2 .matching-select div:first-of-type{background:#ededed}.dropdown2 .matching-select div:hover:not(div:first-of-type){color:#fff;background:#62baed}.dropdown2 .matching-select div{cursor:pointer;padding:5px 20px}.dropdown2 .matching-select div ion-icon{position:relative;top:2px}.dropdown2:before{content:"";pointer-events:none;z-index:3;border:2px solid #fff;border-color:#fff #fff #333 #333;width:8px;height:8px;transition:all .5s;position:absolute;top:15px;right:20px;transform:rotate(-45deg)}.dropdown2.active:before{top:22px;transform:rotate(-225deg)}.dropdown2.active .matching-select{display:block}.pagination2{background:fff;align-items:center;display:flex;position:relative}.pagination2 li{margin:0 5px;line-height:5px;list-style:none}.pagination2 li a{color:#777;border-radius:50%;font-weight:600;text-decoration:none;display:block}.pagination2 li.pageNumber{text-align:center;width:30px;height:30px;line-height:30px}.pagination2 li.pageNumber a:hover,.pagination2 li.pageNumber.active a{color:#fff;background-color:#0a8fdc}.radio-item{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.radio-item input[type=radio]{display:none}.radio-item label{cursor:pointer;white-space:nowrap;color:#1f2937;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:color .2s;display:flex}body.dark .radio-item label,html[data-theme=dark] .radio-item label{color:#e3e3e3}.radio-item .custom-radio{background-color:#0000;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .2s ease-in-out;position:relative}body.dark .radio-item .custom-radio,html[data-theme=dark] .radio-item .custom-radio{border-color:#4b556366}.radio-item .custom-radio:before{content:"";background-color:#3b82f6;border-radius:50%;width:10px;height:10px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.radio-item input[type=radio]:checked+label{color:#3b82f6}.radio-item input[type=radio]:checked+label .custom-radio{border-color:#3b82f6}.radio-item input[type=radio]:checked+label .custom-radio:before{transform:translate(-50%,-50%)scale(1)}.radio-item input[type=radio]:disabled+label{opacity:.5;cursor:not-allowed;pointer-events:none}.input2{position:relative}.input2 .exam-name{color:#333;border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:16.5px 14px}.input2 .exam-name:focus{border-color:#007bff}.input2 .exam-name::placeholder{color:#aaa;font-style:italic}.input2 .floating-label{color:#5e6c84;pointer-events:none;background-color:#fff;padding:0 5px;font-size:12px;position:absolute;top:-10px;left:10px}body.dark .input2 .exam-name{color:#aaa;background-color:#1e1f20;border-color:#4b556366}body.dark .input2 .exam-name:focus{border-color:#60a5fa}body.dark .input2 .exam-name::placeholder{color:#6b7280}body.dark .input2 .floating-label{color:#aaa;background-color:#1e1f20}.textarea2{position:relative}.textarea2 .exam-description{color:#333;resize:none;border:1px solid #ccc;border-radius:8px;outline:none;width:100%;height:75px;padding:16.5px 14px}.textarea2 .exam-description:focus{border-color:#007bff}.textarea2 .exam-description::placeholder{color:#aaa;font-style:italic}.textarea2 .floating-label{color:#5e6c84;pointer-events:none;background-color:#fff;padding:0 5px;font-size:12px;position:absolute;top:-10px;left:10px}body.dark .textarea2 .exam-description{color:#aaa;background-color:#1e1f20;border-color:#4b556366}body.dark .textarea2 .exam-description:focus{border-color:#60a5fa}body.dark .textarea2 .exam-description::placeholder{color:#6b7280}body.dark .textarea2 .floating-label{color:#aaa;background-color:#1e1f20}.input-dropdown{margin-top:20px;position:relative}.input-dropdown input{cursor:pointer;background:#fff;border:1.9px solid #d3d3d3;border-radius:8px;outline:none;width:100%;padding:14.5px 12px;box-shadow:0 5px 20px #0000000d}.input-dropdown input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.input-dropdown .input-dropdown-select{z-index:5;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;font-size:12px;display:none;position:absolute;top:50px;overflow:hidden;box-shadow:0 30px 30px #0000000d}.input-dropdown .input-dropdown-select div:first-of-type{background:#ededed}.input-dropdown .input-dropdown-select div:hover:not(div:first-of-type){color:#fff;background:#62baed}.input-dropdown .input-dropdown-select div{cursor:pointer;padding:5px 20px}.input-dropdown .input-dropdown-select div ion-icon{position:relative;top:2px}.input-dropdown .title{color:#5e6c84;pointer-events:none;background-color:#fff;padding:0 5px;font-size:12px;position:absolute;top:-10px;left:10px}.input-dropdown:before{content:"";pointer-events:none;z-index:3;border:2px solid #fff;border-color:#fff #fff #0000008a #0000008a;width:8px;height:8px;transition:all .5s;position:absolute;top:15px;right:20px;transform:rotate(-45deg)}.input-dropdown.active:before{top:20px;transform:rotate(-225deg)}.input-dropdown.active .input-dropdown-select{display:block}.import-image{width:256px;margin-left:auto;margin-right:auto}.import-image .box-image{border:1px solid #eee;justify-content:center;align-items:center;height:145px;display:flex}.import-image p{text-align:center;margin-top:10px}.checkbox2{-webkit-user-select:none;user-select:none;align-items:center;display:flex}.checkbox2 input[type=checkbox]{display:none}.checkbox2 label{cursor:pointer;align-items:center;gap:10px;display:flex;position:relative}.checkbox2 .custom-checkbox{background-color:#fff;border:2px solid #5f6368;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:background-color .3s,border-color .3s;display:flex}.checkbox2 .custom-checkbox i{color:#fff;opacity:0;font-size:14px;transition:opacity .3s}.checkbox2 input[type=checkbox]:checked+label .custom-checkbox{background-color:#0a8fdc;border-color:#0a8fdc}.checkbox2 input[type=checkbox]:checked+label .custom-checkbox i{opacity:1}.icon-drop{cursor:pointer;background-color:#0000;border:2px solid #ef4444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:relative}.icon-drop:before{content:"";background-color:#ef4444;border-radius:2px;width:12px;height:2px;transition:background-color .2s}.icon-drop:hover{background-color:#ef44441a;transform:scale(1.05)}body.dark .icon-drop:hover,html[data-theme=dark] .icon-drop:hover{background-color:#ef444433}.btn-add-answer{color:#3b82f6;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px dashed #3b82f6;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-add-answer:hover{background-color:#3b82f614}body.dark .btn-add-answer,html[data-theme=dark] .btn-add-answer{border-color:#3b82f680}body.dark .btn-add-answer:hover,html[data-theme=dark] .btn-add-answer:hover{background-color:#3b82f626}.btn-add-answer .icon-plus-circle{border:2px solid #3b82f6;border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative}.btn-add-answer .icon-plus-circle:before,.btn-add-answer .icon-plus-circle:after{content:"";background-color:#3b82f6;border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-add-answer .icon-plus-circle:before{width:2px;height:10px}.btn-add-answer .icon-plus-circle:after{width:10px;height:2px}.button-index{box-sizing:border-box;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;color:#3e65fe;box-shadow:none;text-transform:none;background-color:#0000;border:1px solid #d3d7ea;border-radius:4px;outline:0;justify-content:center;align-items:center;min-width:35px;margin:0;padding:10px;font-family:Inter,sans-serif;font-weight:500;line-height:1rem;text-decoration:none;display:inline-flex;position:relative}.close-modal-auth{color:#333;cursor:pointer;width:40px;height:40px;box-shadow:none;background:#16182308;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;font-size:2.8rem;font-weight:500;line-height:0;display:flex;position:absolute;top:16px;right:16px}.close-modal-auth:hover{background:#0000000a}.checkbox-item{-webkit-user-select:none;user-select:none;align-items:center;display:flex}.checkbox-item input[type=checkbox]{display:none}.checkbox-item label{cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:15px;display:flex;position:relative}.checkbox-item .custom-checkbox{background-color:#fff;border:1px solid #5f6368;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s ease-in-out;display:flex;position:relative}.checkbox-item .custom-checkbox i{color:#555;opacity:0;font-size:12px;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{background:#0078d4;border-color:#fff}.checkbox-item input[type=checkbox]:checked+label .custom-checkbox i{opacity:1;color:#fff}.textarea-custom{color:#111827;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem}.textarea-custom:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f680}.textarea-custom::placeholder{color:#9ca3af}body.dark .textarea-custom{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}body.dark .textarea-custom:focus{color:#e3e3e3;background-color:#1e1f20}body.dark .textarea-custom::placeholder{color:#aaa}.radio-card{-webkit-tap-highlight-color:transparent;cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:16px;display:flex;box-shadow:0 2px 4px #0000001a}.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{box-sizing:border-box;background-color:#eaeaea94;border:1px solid #626262;border-radius:50%;flex-shrink:0;width:17px;height:17px;padding:2px}.radio-card .radio__radio:after{content:"";background:#6736ac;border-radius:50%;width:100%;height:100%;display:none}.radio-card .quiz-section{flex-direction:column;flex:3;gap:10px;display:flex}.radio-card .quiz-section .section-header h3{color:#453d5d;margin:0;font-size:16px;font-weight:550}.radio-card .quiz-section .section-header .question-count{color:#72727a;font-size:14px}.radio-card .quiz-section .progress span{color:#72727a;margin-bottom:4px;font-size:12px;display:block}.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;width:0%;height:100%;transition:width .3s}.radio-card .quiz-section .result-info{justify-content:space-between;font-size:12px;display:flex}.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:#990}.radio-card .radio__input_card:checked~.radio__radio{background-color:#fff}.pagination-table{border-radius:8px}.pagination-table ul{border-radius:8px;gap:-1px;font-size:14px;display:inline-flex}.pagination-table ul li a{color:#6b7280;background-color:#fff;border:1px solid #d1d5db;border-left:none;justify-content:center;align-items:center;height:32px;padding-inline:12px;line-height:20px;transition:background-color .3s,color .3s;display:flex}.pagination-table ul li a:hover{color:#374151;background-color:#f3f4f6}.pagination-table ul li:first-child a{border-left:1px solid #d1d5db;border-radius:8px 0 0 8px}.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{color:#1d4ed8;background-color:#dbeafe}.pagination-table ul a[aria-current=page].dark{color:#fff;background-color:#374151}.inputpro label{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.dark .inputpro label{color:#fff}.inputpro input{color:#1f2937;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px;display:block}.inputpro input:focus{border-color:#3b82f6;outline:none}.dark .inputpro input{color:#fff;background-color:#374151;border-color:#4b5563}.dark .inputpro input::placeholder{color:#9ca3af}.dark .inputpro input:focus{border-color:#3b82f6}.textareapro label{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.dark .textareapro label{color:#fff}.textareapro textarea{color:#1f2937;resize:vertical;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px;display:block}.textareapro textarea:focus{border-color:#3b82f6;outline:none}.dark .textareapro textarea{color:#fff;background-color:#374151;border-color:#4b5563}.dark .textareapro textarea::placeholder{color:#9ca3af}.dark .textareapro textarea:focus{border-color:#3b82f6}.select-pro label{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.dark .select-pro label{color:#fff}.select-pro select{color:#1f2937;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px;font-size:14px;display:block}.select-pro select:focus{ring-color:#3b82f6;border-color:#3b82f6;outline:none}.dark .select-pro select{color:#fff;background-color:#374151;border-color:#4b5563}.dark .select-pro select::placeholder{color:#9ca3af}.dark .select-pro select:focus{ring-color:#3b82f6;border-color:#3b82f6}.badge{cursor:pointer;border-style:solid;border-width:1px;border-radius:9999px;margin-inline-end:8px;padding:3px 10px;font-size:13px;font-weight:500;display:inline-block}.badge--blue{color:#2b6cb0;background-color:#ebf8ff}.dark .badge--blue{color:#bee3f8;background-color:#2a4365}.badge--gray{color:#2d3748;background-color:#f7fafc}.dark .badge--gray{color:#e2e8f0;background-color:#4a5568}.badge--red{color:#c53030;background-color:#fff5f5}.dark .badge--red{color:#feb2b2;background-color:#742a2a}.badge--green{color:#2f855a;background-color:#f0fff4;border-color:#68d391}.dark .badge--green{color:#c6f6d5;background-color:#22543d}.badge--yellow{color:#723b13;background-color:#fdf6b2;border-color:#fac81598}.dark .badge--yellow{color:#faf089;background-color:#744210}.badge--indigo{color:#434190;background-color:#ebf4ff}.dark .badge--indigo{color:#c3dafe;background-color:#3c366b}.badge--purple{color:#553c9a;background-color:#faf5ff}.dark .badge--purple{color:#d6bcfa;background-color:#44337a}.badge--pink{color:#b83280;background-color:#fff5f7}.dark .badge--pink{color:#fbb6ce;background-color:#702459}@media (max-width:992px){.badge{font-size:12px}}.profile-table{color:#1f2937;flex-wrap:wrap;gap:10px;display:flex}.profile-table.dark{color:#fff}.profile-table .profile-image{border-radius:50%;width:40px;height:40px}.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{color:#6b7280;font-size:14px;font-weight:400}@media (max-width:768px){.profile-table .profile-image{border-radius:50%;width:30px;height:30px}.profile-table .profile-info .profile-name{font-size:12.5px;font-weight:600}.profile-table .profile-info .profile-email{color:#6b7280;font-size:12.5px;font-weight:400}}.custom-button{color:#0f0f0f;cursor:pointer;background-color:#0000000d;border:none;border-radius:8px;justify-content:center;align-items:center;margin-bottom:8px;margin-right:8px;padding:10px 12px;font-size:14px;font-weight:500;display:inline-flex}.custom-button:hover{background-color:#0000001a}.custom-button:focus{outline:none;box-shadow:0 0 0 4px #f3f4f6}.custom-button:active{box-shadow:0 0 0 4px #6b728080}.custom-button.active{color:#fff;background-color:#0f0f0f}.btn{text-align:center;cursor:pointer;background-color:#fff;border:1px solid;border-radius:8px;outline:none;margin-bottom:8px;margin-right:8px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-block}.btn-blue{color:#1a56db;border-color:#1a56db}.btn-blue:hover{color:#fff;background-color:#1e429f}@media (prefers-color-scheme:dark){.btn-blue{color:#3b82f6;border-color:#3b82f6}.btn-blue:hover{color:#fff;background-color:#3b82f6}.btn-blue:focus{box-shadow:0 0 0 4px #1e429f}}.btn-dark{color:#111827;border-color:#1f2937}.btn-dark:hover{color:#fff;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:#fff;background-color:#4b5563}.btn-dark:focus{box-shadow:0 0 0 4px #1f2937}}.btn-green{color:#046c4e;border-color:#046c4e}.btn-green:hover{color:#fff;background-color:#03543f}@media (prefers-color-scheme:dark){.btn-green{color:#22c55e;border-color:#22c55e}.btn-green:hover{color:#fff;background-color:#16a34a}.btn-green:focus{box-shadow:0 0 0 4px #03543f}}.btn-red{color:#b91c1c;border-color:#b91c1c}.btn-red:hover{color:#fff;background-color:#991b1b}@media (prefers-color-scheme:dark){.btn-red{color:#ef4444;border-color:#ef4444}.btn-red:hover{color:#fff;background-color:#dc2626}.btn-red:focus{box-shadow:0 0 0 4px #7f1d1d}}.btn-yellow{color:#facc15;border-color:#facc15}.btn-yellow:hover{color:#fff;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:#fff;background-color:#facc15}.btn-yellow:focus{box-shadow:0 0 0 4px #854d0e}}.btn-purple{color:#6d28d9;border-color:#6d28d9}.btn-purple:hover{color:#fff;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:#fff;background-color:#8b5cf6}.btn-purple:focus{box-shadow:0 0 0 4px #4c1d95}}.loading-overlay{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-overlay .spinner{border:4px solid #ccc;border-top-color:#007bff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.dav-editor{overflow-wrap:break-word;word-wrap:break-word;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;max-width:100%;transition:border-color .2s;overflow:hidden}body.dark .dav-editor,html[data-theme=dark] .dav-editor{background-color:#282a2c70;border-color:#4b556366}.dav-editor:focus-within{border-color:#3b82f6}.dav-editor .toolbar .line{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;display:flex}body.dark .dav-editor .toolbar .line,html[data-theme=dark] .dav-editor .toolbar .line{border-bottom-color:#4b556366}.dav-editor .toolbar .line .box{display:flex}.dav-editor .toolbar .line .box:not(:first-child){border-left:1px solid #e5e7eb}body.dark .dav-editor .toolbar .line .box:not(:first-child),html[data-theme=dark] .dav-editor .toolbar .line .box:not(:first-child){border-left-color:#4b556366}@media (max-width:576px){.dav-editor .toolbar .line .box:not(:first-child){border-left:none}}.dav-editor .toolbar .line .box .editor-btn{cursor:pointer;color:#4b5563;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}body.dark .dav-editor .toolbar .line .box .editor-btn,html[data-theme=dark] .dav-editor .toolbar .line .box .editor-btn{color:#aaa}.dav-editor .toolbar .line .box .editor-btn:hover{color:#1f2937;background-color:#f3f4f6}body.dark .dav-editor .toolbar .line .box .editor-btn:hover,html[data-theme=dark] .dav-editor .toolbar .line .box .editor-btn:hover{color:#e3e3e3;background-color:#37393b}.dav-editor .toolbar .line .box .editor-btn.active{color:#3b82f6;background-color:#e5e7eb}body.dark .dav-editor .toolbar .line .box .editor-btn.active,html[data-theme=dark] .dav-editor .toolbar .line .box .editor-btn.active{color:#3b82f6;background-color:#282a2c}.dav-editor .content-area{line-height:1}.dav-editor .ProseMirror{resize:vertical;color:#1f2937;overflow-wrap:break-word;word-break:break-word;outline:none;height:150px;padding:12px 16px;font-size:14px;overflow-y:auto}@media (max-width:991.98px){.dav-editor .ProseMirror{font-size:16px!important}}body.dark .dav-editor .ProseMirror,html[data-theme=dark] .dav-editor .ProseMirror{color:#e3e3e3}.dav-editor .ProseMirror p{margin:12px 0;line-height:1.6}.dav-editor .ProseMirror hr{border:0;border-top:1px solid #d1d5db;margin:1rem 0}body.dark .dav-editor .ProseMirror hr,html[data-theme=dark] .dav-editor .ProseMirror hr{border-top-color:#4b556366}.dav-editor .ProseMirror::-webkit-scrollbar{width:6px}.dav-editor .ProseMirror::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .dav-editor .ProseMirror::-webkit-scrollbar-thumb{background-color:#282a2c}html[data-theme=dark] .dav-editor .ProseMirror::-webkit-scrollbar-thumb{background-color:#282a2c}.modal-overlay-upload{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-upload-container.media-manager{background-color:#fff;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:90vw;max-width:1100px;height:85vh;max-height:900px;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px -10px #00000026}body.dark .modal-upload-container.media-manager,html[data-theme=dark] .modal-upload-container.media-manager,.dark .modal-upload-container.media-manager{background-color:#1e1f20;border-color:#ffffff14;box-shadow:0 25px 50px -12px #0009}.modal-upload-container.media-manager .modal-upload-header{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}body.dark .modal-upload-container.media-manager .modal-upload-header,html[data-theme=dark] .modal-upload-container.media-manager .modal-upload-header,.dark .modal-upload-container.media-manager .modal-upload-header{background-color:#0000;border-bottom-color:#ffffff14}.modal-upload-container.media-manager .modal-upload-header .title-index-mobile{color:#1f2937;font-size:18px;font-weight:700}.modal-upload-container.media-manager .modal-upload-header .selection-count-title{color:#3b82f6;font-size:16px;font-weight:600}body.dark .modal-upload-container.media-manager .modal-upload-header .title-index-mobile,html[data-theme=dark] .modal-upload-container.media-manager .modal-upload-header .title-index-mobile,.dark .modal-upload-container.media-manager .modal-upload-header .title-index-mobile{color:#e3e3e3}body.dark .modal-upload-container.media-manager .modal-upload-header .selection-count-title,html[data-theme=dark] .modal-upload-container.media-manager .modal-upload-header .selection-count-title,.dark .modal-upload-container.media-manager .modal-upload-header .selection-count-title{color:#3b82f6}.modal-upload-container.media-manager .modal-upload-header .close-modal-new{cursor:pointer;color:#4b5563;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-upload-container.media-manager .modal-upload-header .close-modal-new:hover{color:#fff;background-color:#ef4444}body.dark .modal-upload-container.media-manager .modal-upload-header .close-modal-new,html[data-theme=dark] .modal-upload-container.media-manager .modal-upload-header .close-modal-new,.dark .modal-upload-container.media-manager .modal-upload-header .close-modal-new{color:#aaa}body.dark .modal-upload-container.media-manager .modal-upload-header .close-modal-new:hover,html[data-theme=dark] .modal-upload-container.media-manager .modal-upload-header .close-modal-new:hover,.dark .modal-upload-container.media-manager .modal-upload-header .close-modal-new:hover{color:#ef4444;background-color:#422006}.modal-upload-container.media-manager .modal-upload-body{flex-direction:column;flex-grow:1;padding:0;display:flex;overflow:hidden}.modal-upload-container.media-manager .media-grid-wrapper{background-color:#f9fafb;flex-grow:1;min-height:0;display:flex;position:relative}body.dark .modal-upload-container.media-manager .media-grid-wrapper,html[data-theme=dark] .modal-upload-container.media-manager .media-grid-wrapper,.dark .modal-upload-container.media-manager .media-grid-wrapper{background-color:#1b1b1b}.modal-upload-container.media-manager .modal-footer{background-color:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}body.dark .modal-upload-container.media-manager .modal-footer,html[data-theme=dark] .modal-upload-container.media-manager .modal-footer,.dark .modal-upload-container.media-manager .modal-footer{background-color:#0000;border-top-color:#ffffff14}.modal-upload-container.media-manager .modal-footer .footer-message-area{text-align:left;flex-grow:1;margin-right:16px}.modal-upload-container.media-manager .modal-footer .footer-message-area .footer-guide{color:#4b5563;font-size:14px;font-weight:500}.modal-upload-container.media-manager .modal-footer .footer-message-area .footer-guide-error{color:#ef4444;font-size:14px;font-weight:600}body.dark .modal-upload-container.media-manager .modal-footer .footer-message-area .footer-guide,html[data-theme=dark] .modal-upload-container.media-manager .modal-footer .footer-message-area .footer-guide,.dark .modal-upload-container.media-manager .modal-footer .footer-message-area .footer-guide{color:#aaa}.media-manager-header{border-bottom:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:16px;padding:16px 24px;display:flex}body.dark .media-manager-header,html[data-theme=dark] .media-manager-header,.dark .media-manager-header{border-bottom-color:#ffffff14}.header-top-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.search-bar{flex-shrink:0;align-items:center;width:300px;display:flex;position:relative}.search-bar .search-icon{color:#6b7280;pointer-events:none;position:absolute;left:16px}body.dark .search-bar .search-icon,html[data-theme=dark] .search-bar .search-icon,.dark .search-bar .search-icon{color:#aaa}.search-bar input{color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:99px;width:100%;padding:10px 16px 10px 42px;font-size:14px;font-weight:500;transition:all .2s}body.dark .search-bar input,html[data-theme=dark] .search-bar input,.dark .search-bar input{color:#e3e3e3;background-color:#18181b;border-color:#4b556366}.search-bar input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #dbeafe}body.dark .search-bar input:focus,html[data-theme=dark] .search-bar input:focus,.dark .search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.breadcrumbs{color:#4b5563;flex-wrap:nowrap;flex-grow:1;align-items:center;min-width:0;font-size:14px;font-weight:600;display:flex;overflow:hidden}body.dark .breadcrumbs,html[data-theme=dark] .breadcrumbs,.dark .breadcrumbs{color:#aaa}.breadcrumbs .breadcrumb-item{cursor:pointer;border-radius:8px;padding:6px 10px;transition:all .2s}.breadcrumbs .breadcrumb-item:hover{color:#1f2937;background-color:#f3f4f6}body.dark .breadcrumbs .breadcrumb-item:hover,html[data-theme=dark] .breadcrumbs .breadcrumb-item:hover,.dark .breadcrumbs .breadcrumb-item:hover{color:#e3e3e3;background-color:#37393b}.breadcrumbs .breadcrumb-separator{opacity:.5;margin:0 4px;font-size:12px}.breadcrumbs .breadcrumb-active{color:#1f2937;cursor:default;font-weight:700}body.dark .breadcrumbs .breadcrumb-active,html[data-theme=dark] .breadcrumbs .breadcrumb-active,.dark .breadcrumbs .breadcrumb-active{color:#e3e3e3}.actions-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.actions-toolbar .actions-main,.actions-toolbar .actions-secondary{gap:10px;display:flex}.quota-bar{color:#6b7280;padding-top:4px;font-size:13px;font-weight:500}body.dark .quota-bar,html[data-theme=dark] .quota-bar,.dark .quota-bar{color:#aaa}.media-grid-container{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;flex-grow:1;padding:8px;overflow:hidden auto}.media-grid-container::-webkit-scrollbar{width:8px;height:8px}.media-grid-container::-webkit-scrollbar-track{background:0 0}.media-grid-container::-webkit-scrollbar-thumb{background-color:#d1d5db;background-clip:content-box;border:2px solid #0000;border-radius:8px}.media-grid-container::-webkit-scrollbar-thumb:hover{background-color:#6b7280}body.dark .media-grid-container,html[data-theme=dark] .media-grid-container,.dark .media-grid-container{scrollbar-color:#4b556366 transparent}body.dark .media-grid-container::-webkit-scrollbar-thumb{background-color:#4b556366}html[data-theme=dark] .media-grid-container::-webkit-scrollbar-thumb{background-color:#4b556366}.dark .media-grid-container::-webkit-scrollbar-thumb{background-color:#4b556366}body.dark .media-grid-container::-webkit-scrollbar-thumb:hover{background-color:#aaa}html[data-theme=dark] .media-grid-container::-webkit-scrollbar-thumb:hover{background-color:#aaa}.dark .media-grid-container::-webkit-scrollbar-thumb:hover{background-color:#aaa}.media-grid-loading{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:8px;display:grid}.virtual-row{justify-content:flex-start;width:100%;display:flex;position:absolute;top:0;left:0}.virtual-item-wrapper{box-sizing:border-box;flex-shrink:0;width:156px;height:100%;padding:8px 8px 16px}.drag-overlay{text-align:center;z-index:10;pointer-events:none;background-color:#ffffffe6;border:2px dashed #3b82f6;border-radius:8px;justify-content:center;align-items:center;display:none;position:absolute;inset:0}body.dark .drag-overlay,html[data-theme=dark] .drag-overlay,.dark .drag-overlay{background-color:#1e1e1ef2;border-color:#3b82f6}.drag-overlay .overlay-content{color:#3b82f6;font-size:1.1rem;font-weight:600}body.dark .drag-overlay .overlay-content{color:#3b82f6}.drag-overlay .overlay-content .upload-icon{margin-bottom:8px;font-size:2rem}.drag-overlay .overlay-content .folder-name{color:#1f2937;font-weight:700}body.dark .drag-overlay .overlay-content .folder-name{color:#e3e3e3}.media-grid-wrapper.is-dragging-over .drag-overlay{display:flex}.folder-item,.image-item{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}body.dark .folder-item,html[data-theme=dark] .folder-item,.dark .folder-item,body.dark .image-item,html[data-theme=dark] .image-item,.dark .image-item{background-color:#282a2c;box-shadow:0 4px 12px #0003}.folder-item:hover,.image-item:hover{box-shadow:0 8px 16px #00000014}body.dark .folder-item:hover,html[data-theme=dark] .folder-item:hover,.dark .folder-item:hover,body.dark .image-item:hover,html[data-theme=dark] .image-item:hover,.dark .image-item:hover{background-color:#37393b;box-shadow:0 8px 20px #0006}.folder-item.selected,.image-item.selected{background-color:#dbeafe;border-color:#3b82f6}body.dark .folder-item.selected,html[data-theme=dark] .folder-item.selected,.dark .folder-item.selected,body.dark .image-item.selected,html[data-theme=dark] .image-item.selected,.dark .image-item.selected{background-color:#1e3a8a;border-color:#3b82f6}.folder-item .item-name,.image-item .item-name{text-align:center;color:#1f2937;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;padding:10px 8px;font-size:13px;font-weight:600;overflow:hidden}body.dark .folder-item .item-name,html[data-theme=dark] .folder-item .item-name,.dark .folder-item .item-name,body.dark .image-item .item-name,html[data-theme=dark] .image-item .item-name,.dark .image-item .item-name{color:#e3e3e3}.item-rename-input{text-align:center;color:#1f2937;background-color:#fff;border:2px solid #3b82f6;border-radius:6px;outline:none;width:calc(100% - 16px);margin:8px 8px 0;padding:6px;font-size:13px;font-weight:600}body.dark .item-rename-input,html[data-theme=dark] .item-rename-input,.dark .item-rename-input{color:#e3e3e3;background-color:#18181b;border-color:#3b82f6}.folder-item{justify-content:center;align-items:center;padding:24px 12px 12px}.folder-item .folder-icon{color:#fbbf24;filter:drop-shadow(0 4px 6px #fbbf244d);flex-shrink:0;font-size:54px;transition:transform .2s}.folder-item.drag-target{background-color:#dbeafe;transform:scale(1.05);box-shadow:0 0 0 3px #3b82f6}body.dark .folder-item.drag-target,html[data-theme=dark] .folder-item.drag-target,.dark .folder-item.drag-target{background-color:#1e3a8a;box-shadow:0 0 0 3px #3b82f6}.image-item{padding:6px}.image-item .image-container{aspect-ratio:1;background-color:#f3f4f6;border-radius:8px;width:100%;position:relative;overflow:hidden}body.dark .image-item .image-container,html[data-theme=dark] .image-item .image-container,.dark .image-item .image-container{background-color:#1b1b1b}.image-item .image-container img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.image-item .image-container .item-overlay{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-item .image-container .item-overlay button{color:#1f2937;cursor:pointer;background:#fff;border:none;border-radius:50%;width:40px;height:40px;transition:transform .2s;box-shadow:0 4px 12px #0003}.image-item:hover .item-overlay{opacity:1}.image-item .item-size{color:#6b7280;text-align:center;margin-top:-4px;padding-bottom:8px;font-size:11px;font-weight:500}body.dark .image-item .item-size,html[data-theme=dark] .image-item .item-size,.dark .image-item .item-size{color:#aaa}.skeleton-item{aspect-ratio:1;background-color:#f3f4f6;border-radius:12px;width:100%;height:100%;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse}body.dark .skeleton-item,html[data-theme=dark] .skeleton-item,.dark .skeleton-item{background-color:#e0e0e028}.move-items-modal .modal-content-exam{flex-direction:column;gap:12px;display:flex}.move-items-modal .move-modal-path{color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;padding:12px 16px;font-size:13px;display:flex}body.dark .move-items-modal .move-modal-path,html[data-theme=dark] .move-items-modal .move-modal-path,.dark .move-items-modal .move-modal-path{color:#aaa;background-color:#282a2c;border-color:#4b556366}.move-items-modal .move-modal-path .path-separator{opacity:.5;margin:0 6px}.move-items-modal .move-modal-path .path-item{color:#1f2937;font-weight:600}body.dark .move-items-modal .move-modal-path .path-item{color:#e3e3e3}.move-items-modal .folder-tree{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:35vh;padding:12px;overflow-y:auto}body.dark .move-items-modal .folder-tree,html[data-theme=dark] .move-items-modal .folder-tree,.dark .move-items-modal .folder-tree{background-color:#0000;border-color:#4b556366}.move-items-modal .folder-tree-item{cursor:pointer;color:#1f2937;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:500;display:flex}body.dark .move-items-modal .folder-tree-item,html[data-theme=dark] .move-items-modal .folder-tree-item,.dark .move-items-modal .folder-tree-item{color:#aaa}.move-items-modal .folder-tree-item .toggle-icon{color:#6b7280;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s;display:inline-flex}body.dark .move-items-modal .folder-tree-item .toggle-icon{color:#aaa}.move-items-modal .folder-tree-item .toggle-icon.expanded{transform:rotate(90deg)}.move-items-modal .folder-tree-item:hover{background-color:#f3f4f6}body.dark .move-items-modal .folder-tree-item:hover{background-color:#37393b}.move-items-modal .folder-tree-item.selected{color:#3b82f6;background-color:#dbeafe;font-weight:600}body.dark .move-items-modal .folder-tree-item.selected{color:#3b82f6;background-color:#1e3a8a}.move-items-modal .folder-tree-item.disabled{opacity:.5;cursor:not-allowed;color:#6b7280!important;background-color:#0000!important}body.dark .move-items-modal .folder-tree-item.disabled{color:#aaa!important}.create-folder-modal input{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:14px}body.dark .create-folder-modal input,html[data-theme=dark] .create-folder-modal input,.dark .create-folder-modal input{color:#e3e3e3;background-color:#18181b;border-color:#4b556366}.create-folder-modal input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #dbeafe}.upload-progress-bar{background-color:#f3f4f6;border-radius:99px;width:100%;height:6px;overflow:hidden}body.dark .upload-progress-bar{background-color:#282a2c}.upload-progress-bar .progress-fill{background-color:#3b82f6;height:100%;transition:width .3s}.view-image-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;cursor:zoom-out;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.view-image-modal img{object-fit:contain;cursor:default;border-radius:8px;max-width:90vw;max-height:90vh}.view-image-modal .view-image-header{position:absolute;top:20px;right:30px}.view-image-modal .close-modal-new-zoom{color:#fff;cursor:pointer;background:#ffffff1a;border-radius:50%;padding:8px;font-size:24px}.view-image-modal .close-modal-new-zoom:hover{background:#fff3}.button-edu-primary{cursor:pointer;color:#fff;background-color:#1f2937;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.button-edu-primary:hover{background-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.button-edu-primary:disabled{color:#fff;cursor:not-allowed;box-shadow:none;background-color:#e5e7eb;transform:none}body.dark .button-edu-primary,html[data-theme=dark] .button-edu-primary,.dark .button-edu-primary{color:#1b1b1b;background-color:#e3e3e3}body.dark .button-edu-primary:hover,html[data-theme=dark] .button-edu-primary:hover,.dark .button-edu-primary:hover{background-color:#aaa;box-shadow:0 4px 12px #ffffff1a}body.dark .button-edu-primary:disabled,html[data-theme=dark] .button-edu-primary:disabled,.dark .button-edu-primary:disabled{color:#aaa;background-color:#4b556366}.button-edu-secondary{cursor:pointer;color:#4b5563;background-color:#0000;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.button-edu-secondary:hover{color:#1f2937;background-color:#f9fafb;border-color:#6b7280}.button-edu-secondary:disabled{opacity:.5;cursor:not-allowed}body.dark .button-edu-secondary,html[data-theme=dark] .button-edu-secondary,.dark .button-edu-secondary{color:#aaa;border-color:#4b556366}body.dark .button-edu-secondary:hover,html[data-theme=dark] .button-edu-secondary:hover,.dark .button-edu-secondary:hover{color:#e3e3e3;background-color:#37393b;border-color:#aaa}.button-edu-tertiary{cursor:pointer;color:#6b7280;background-color:#0000;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.button-edu-tertiary:hover{color:#1f2937;background-color:#f3f4f6}.button-edu-tertiary:disabled{opacity:.5;cursor:not-allowed}.button-edu-tertiary[style*="color: '#ef4444'"],.button-edu-tertiary[style*="color: rgb(239, 68, 68)"],.button-edu-tertiary[style*="color:#ef4444"]{color:#ef4444!important}.button-edu-tertiary[style*="color: '#ef4444'"]:hover,.button-edu-tertiary[style*="color: rgb(239, 68, 68)"]:hover,.button-edu-tertiary[style*="color:#ef4444"]:hover{background-color:#ef4444;color:#fff!important}body.dark .button-edu-tertiary[style*="color: '#ef4444'"],body.dark .button-edu-tertiary[style*="color: rgb(239, 68, 68)"],body.dark .button-edu-tertiary[style*="color:#ef4444"]{color:#ef4444!important}body.dark .button-edu-tertiary[style*="color: '#ef4444'"]:hover,body.dark .button-edu-tertiary[style*="color: rgb(239, 68, 68)"]:hover,body.dark .button-edu-tertiary[style*="color:#ef4444"]:hover{color:#ef4444!important;background-color:#422006!important}body.dark .button-edu-tertiary,html[data-theme=dark] .button-edu-tertiary,.dark .button-edu-tertiary{color:#aaa}body.dark .button-edu-tertiary:hover,html[data-theme=dark] .button-edu-tertiary:hover,.dark .button-edu-tertiary:hover{color:#e3e3e3;background-color:#282a2c}.audio-player-modal{background-color:#fff;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:90vw;max-width:500px;min-height:auto;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px -10px #00000026}body.dark .audio-player-modal,html[data-theme=dark] .audio-player-modal,.dark .audio-player-modal{background-color:#1e1f20;border-color:#4b556366;box-shadow:0 25px 50px -12px #0009}.audio-player-modal .modal-upload-header{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}body.dark .audio-player-modal .modal-upload-header,html[data-theme=dark] .audio-player-modal .modal-upload-header,.dark .audio-player-modal .modal-upload-header{background-color:#0000;border-bottom-color:#4b556366}.audio-player-modal .modal-upload-header .title-index-mobile{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;max-width:85%;font-size:16px;font-weight:600;overflow:hidden}body.dark .audio-player-modal .modal-upload-header .title-index-mobile,html[data-theme=dark] .audio-player-modal .modal-upload-header .title-index-mobile,.dark .audio-player-modal .modal-upload-header .title-index-mobile{color:#e3e3e3}.audio-player-modal .modal-upload-header .close-modal-new{cursor:pointer;color:#4b5563;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.audio-player-modal .modal-upload-header .close-modal-new:hover{color:#fff;background-color:#ef4444}body.dark .audio-player-modal .modal-upload-header .close-modal-new,html[data-theme=dark] .audio-player-modal .modal-upload-header .close-modal-new,.dark .audio-player-modal .modal-upload-header .close-modal-new{color:#aaa}body.dark .audio-player-modal .modal-upload-header .close-modal-new:hover,html[data-theme=dark] .audio-player-modal .modal-upload-header .close-modal-new:hover,.dark .audio-player-modal .modal-upload-header .close-modal-new:hover{color:#ef4444;background-color:#422006}.audio-player-body{background-color:#f9fafb;justify-content:center;align-items:center;padding:32px 24px;display:flex}body.dark .audio-player-body,html[data-theme=dark] .audio-player-body,.dark .audio-player-body{background-color:#1b1b1b}.audio-item .audio-placeholder{aspect-ratio:1;background-color:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;height:100%;display:flex}body.dark .audio-item .audio-placeholder,html[data-theme=dark] .audio-item .audio-placeholder,.dark .audio-item .audio-placeholder{background-color:#1b1b1b}.audio-item .audio-icon{color:#6b7280;font-size:48px}body.dark .audio-item .audio-icon{color:#aaa}.audio-item:hover .item-overlay{opacity:1}.custom-audio-player{-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:16px 20px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}body.dark .custom-audio-player,html[data-theme=dark] .custom-audio-player,.dark .custom-audio-player{background-color:#282a2c;border-color:#4b556366}.custom-audio-player .player-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background-color:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.custom-audio-player .player-overlay.loading{cursor:default}body.dark .custom-audio-player .player-overlay,html[data-theme=dark] .custom-audio-player .player-overlay,.dark .custom-audio-player .player-overlay{background-color:#1e1f20cc}.custom-audio-player .player-error{text-align:center;color:#ef4444;padding:16px 0;font-weight:500}.custom-audio-player .loading-spinner-hls{color:#3b82f6;animation:1s linear infinite spin}body.dark .custom-audio-player .loading-spinner-hls{color:#3b82f6}.custom-audio-player .custom-controls{align-items:center;gap:16px;width:100%;display:flex}.custom-audio-player .control-button{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.custom-audio-player .control-button:hover{color:#1f2937;background-color:#d1d5db;transform:scale(1.05)}body.dark .custom-audio-player .control-button,html[data-theme=dark] .custom-audio-player .control-button,.dark .custom-audio-player .control-button{color:#aaa;background-color:#1e1f20}body.dark .custom-audio-player .control-button:hover,html[data-theme=dark] .custom-audio-player .control-button:hover,.dark .custom-audio-player .control-button:hover{color:#e3e3e3;background-color:#4b556366}.custom-audio-player .time-display{color:#6b7280;font-variant-numeric:tabular-nums;text-align:center;min-width:40px;font-size:13px;font-weight:600}body.dark .custom-audio-player .time-display,html[data-theme=dark] .custom-audio-player .time-display,.dark .custom-audio-player .time-display{color:#aaa}.custom-audio-player .volume-control{align-items:center;gap:8px;display:flex}.custom-audio-player input[type=range]{appearance:none;cursor:pointer;background-color:#0000;background-image:linear-gradient(#3b82f6,#3b82f6);background-repeat:no-repeat;background-size:0% 100%}.custom-audio-player input[type=range].seek-bar{flex-grow:1}.custom-audio-player input[type=range].volume-bar{width:80px}.custom-audio-player input[type=range]::-webkit-slider-runnable-track{background-color:#e5e7eb;border-radius:10px;height:6px}body.dark .custom-audio-player input[type=range]::-webkit-slider-runnable-track{background-color:#4b556366}.custom-audio-player input[type=range]::-moz-range-track{background-color:#e5e7eb;border-radius:10px;height:6px}body.dark .custom-audio-player input[type=range]::-moz-range-track{background-color:#4b556366}.custom-audio-player input[type=range]::-webkit-slider-thumb{appearance:none;background-color:#3b82f6;border:none;border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .2s}body.dark .custom-audio-player input[type=range]::-webkit-slider-thumb{background-color:#3b82f6}.custom-audio-player input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}.custom-audio-player input[type=range]::-moz-range-thumb{background-color:#3b82f6;border:none;border-radius:50%;width:16px;height:16px}body.dark .custom-audio-player input[type=range]::-moz-range-thumb{background-color:#3b82f6}body.dark .custom-audio-player input[type=range]{background-image:linear-gradient(#3b82f6,#3b82f6)}.upload-guideline{color:#6b7280;text-align:left;width:100%;padding-top:12px;font-size:13px}body.dark .upload-guideline,html[data-theme=dark] .upload-guideline,.dark .upload-guideline{color:#aaa}.media-error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;display:flex}.media-error-container .error-text{color:#ef4444;font-size:15px;font-weight:600}.media-grid-wrapper.is-busy{pointer-events:none;opacity:.6;filter:grayscale(50%);transition:all .3s ease-in-out}.upload-queue-container{z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:380px;max-width:90vw;transition:all .3s ease-in-out;display:flex;position:absolute;bottom:24px;right:24px;overflow:hidden;box-shadow:0 10px 40px #0003}body.dark .upload-queue-container,html[data-theme=dark] .upload-queue-container,.dark .upload-queue-container{background-color:#1e1f20;border-color:#ffffff14;box-shadow:0 10px 40px #00000080}.upload-queue-container.minimized .upload-queue-list{display:none}.upload-queue-container .upload-queue-header{cursor:pointer;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;font-weight:600;display:flex}body.dark .upload-queue-container .upload-queue-header,html[data-theme=dark] .upload-queue-container .upload-queue-header,.dark .upload-queue-container .upload-queue-header{color:#e3e3e3;background-color:#282a2c;border-bottom-color:#4b556366}.upload-queue-container .upload-queue-header .header-controls button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.upload-queue-container .upload-queue-header .header-controls button:hover{color:#1f2937;background-color:#e5e7eb}body.dark .upload-queue-container .upload-queue-header .header-controls button,html[data-theme=dark] .upload-queue-container .upload-queue-header .header-controls button,.dark .upload-queue-container .upload-queue-header .header-controls button{color:#aaa}body.dark .upload-queue-container .upload-queue-header .header-controls button:hover,html[data-theme=dark] .upload-queue-container .upload-queue-header .header-controls button:hover,.dark .upload-queue-container .upload-queue-header .header-controls button:hover{color:#e3e3e3;background-color:#4b556366}.upload-queue-container .upload-queue-list{flex-direction:column;gap:8px;max-height:250px;padding:12px;display:flex;overflow-y:auto}.upload-queue-container .upload-item{background-color:#fff;border:1px solid #f3f4f6;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}body.dark .upload-queue-container .upload-item,html[data-theme=dark] .upload-queue-container .upload-item,.dark .upload-queue-container .upload-item{background-color:#0000;border-color:#4b556366}.upload-queue-container .upload-item.status-error{background-color:#fefce8;border-color:#facc15}body.dark .upload-queue-container .upload-item.status-error{background-color:#422006;border-color:#d97706}.upload-queue-container .upload-item-info{flex-grow:1;min-width:0}.upload-queue-container .upload-item-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}body.dark .upload-queue-container .upload-item-name{color:#e3e3e3}.upload-queue-container .upload-item-details{color:#6b7280;font-size:12px}body.dark .upload-queue-container .upload-item-details{color:#aaa}.upload-queue-container .upload-item-message{font-style:italic}.upload-queue-container .upload-item-progress-bar{background-color:#e5e7eb;border-radius:99px;flex-shrink:0;width:100px;height:6px;overflow:hidden}body.dark .upload-queue-container .upload-item-progress-bar{background-color:#4b556366}.upload-queue-container .upload-item-progress-bar .progress-fill{background-color:#3b82f6;height:100%;transition:width .3s}body.dark .upload-queue-container .upload-item-progress-bar .progress-fill{background-color:#3b82f6}.upload-queue-container .upload-item-controls{align-items:center;gap:8px;display:flex}.upload-queue-container .upload-item-controls .status-icon{text-align:center;color:#6b7280;width:16px}body.dark .upload-queue-container .upload-item-controls .status-icon{color:#aaa}.upload-queue-container .upload-item-controls .status-icon .icon-complete{color:#10b981}.upload-queue-container .upload-item-controls .status-icon .icon-error{color:#ef4444}.upload-queue-container .upload-item-controls .cancel-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s}.upload-queue-container .upload-item-controls .cancel-btn:hover{color:#1f2937;background-color:#f3f4f6}body.dark .upload-queue-container .upload-item-controls .cancel-btn{color:#aaa}body.dark .upload-queue-container .upload-item-controls .cancel-btn:hover{color:#e3e3e3;background-color:#37393b}@media (max-width:1024px){.modal-upload-container.media-manager{width:95vw}}@media (max-width:768px){.modal-overlay-upload{padding:12px}.modal-upload-container.media-manager{width:100%;height:95dvh;max-height:95dvh}.search-bar input,.item-rename-input,.create-folder-modal input{font-size:16px!important}.media-manager-header{gap:12px;padding:12px 16px}.header-top-row{flex-direction:column;align-items:stretch;gap:12px}.search-bar{width:100%}.upload-guideline{display:none}.actions-toolbar{flex-direction:column;align-items:stretch;gap:8px}.actions-toolbar .actions-main{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.actions-toolbar .actions-secondary{grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;display:grid}.actions-toolbar button{justify-content:center;gap:6px;width:100%;padding:8px 4px;font-size:12px}.media-grid-container{padding:8px}.media-grid-loading{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-content:center;gap:16px;padding:8px}.virtual-item-wrapper{padding:8px 8px 16px}.upload-queue-container{width:auto;max-width:none;bottom:12px;left:12px;right:12px}.upload-queue-list{max-height:20vh}.modal-footer{text-align:center;flex-direction:column;gap:12px;padding:12px}.modal-footer .footer-message-area{text-align:center;margin-right:0}.modal-footer button{justify-content:center;width:100%;padding:12px;font-size:14px}}@media (max-width:400px){.actions-toolbar .actions-main,.actions-toolbar .actions-secondary{grid-template-columns:1fr}}.checkbox3{-webkit-user-select:none;user-select:none;align-items:center;padding:6px;display:flex}.checkbox3 input[type=checkbox]{display:none}.checkbox3 label{cursor:pointer;align-items:center;gap:15px;display:flex}.checkbox3 .custom-checkbox{background-color:#fff;border:1px solid #626262;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.checkbox3 .custom-checkbox i{color:#fff;opacity:0;font-size:14px}.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{background-color:#f9f9f9;border:1px solid #c3c3c3}.checkbox4{cursor:pointer;border:1px solid #0000;flex:auto;align-items:center;padding:18px 40px 18px 24px;display:flex;position:relative}.checkbox4 .checkbox__input{display:none}.checkbox4:hover{background-color:#00000005;border-radius:8px}.checkbox4 .checkbox__icon{color:#0000;background-color:#0000;border:1px solid #626262;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:10px;transition:background-color .2s,color .2s,border .2s;display:flex}.checkbox4 .checkbox__content{word-break:break-word;flex-direction:column;flex:1;gap:8px;min-width:0;font-size:16px;display:flex}.checkbox4 .checkbox__input:checked+.checkbox__icon{color:#fff;background:#196ebf;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{pointer-events:none;-webkit-user-select:none;user-select:none;color:#9ca3af;text-align:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;min-width:20px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}body.dark .checkbox4:hover,.dark .checkbox4:hover{background-color:#ffffff0d}body.dark .checkbox4 .checkbox__icon,.dark .checkbox4 .checkbox__icon{border-color:#999}body.dark .checkbox4 .checkbox__input:checked+.checkbox__icon,.dark .checkbox4 .checkbox__input:checked+.checkbox__icon{color:#196ebf;background-color:#fff}body.dark .checkbox4.success .checkbox__input:checked+.checkbox__icon,.dark .checkbox4.success .checkbox__input:checked+.checkbox__icon{color:#259172;background-color:#fff}body.dark .checkbox4.wrong .checkbox__input:checked+.checkbox__icon,.dark .checkbox4.wrong .checkbox__input:checked+.checkbox__icon{color:#e63349;background-color:#fff}body.dark .checkbox4 .checkbox__input:checked+.checkbox__icon.disabled,.dark .checkbox4 .checkbox__input:checked+.checkbox__icon.disabled{color:#ccc;background-color:#555}body.dark .checkbox4 .key-hint,.dark .checkbox4 .key-hint{color:#9ca3af;background-color:#1f2937;border-color:#374151}.quiz-skeleton-desktop{box-sizing:border-box;background-color:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;width:100%;height:400px;padding:16px;display:flex;box-shadow:0 10px 10px #0000000a}.quiz-skeleton-desktop .skeleton-header{background-color:#e0e0e0;border-radius:4px;width:70%;height:24px;margin-bottom:16px}.quiz-skeleton-desktop .skeleton-options{flex-direction:column;gap:10px;display:flex}.quiz-skeleton-desktop .skeleton-options .skeleton-option{background-color:#e0e0e0;border-radius:4px;width:100%;height:16px}.quiz-skeleton-desktop .skeleton-footer{justify-content:space-between;margin-top:20px;display:flex}.quiz-skeleton-desktop .skeleton-footer .skeleton-button-quiz{background-color:#ccc;border-radius:6px;width:90px;height:36px}body.dark .quiz-skeleton-desktop{background-color:#1e1f20}body.dark .quiz-skeleton-desktop .skeleton-header,body.dark .quiz-skeleton-desktop .skeleton-options .skeleton-option,body.dark .quiz-skeleton-desktop .skeleton-footer .skeleton-button-quiz{background-color:#e0e0e028}.quiz-skeleton-mobile{box-sizing:border-box;background-color:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;width:100%;height:400px;padding:16px;display:flex;box-shadow:0 10px 10px #0000000a}.skeleton-header{background-color:#e0e0e0;border-radius:4px;width:70%;height:24px;margin-bottom:16px}.skeleton-options{flex-direction:column;gap:10px;display:flex}.skeleton-options .skeleton-option{background-color:#e0e0e0;border-radius:4px;width:100%;height:16px}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:#e0e0e028}.checkbox5{cursor:pointer;align-items:center;padding:10px;display:flex}.checkbox5 .checkbox__input{display:none}.checkbox5 .checkbox__icon{background-color:#0000;border:2px solid #5f6368;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;display:flex}.checkbox5 .checkbox__icon .iconcheck5{color:#fff;opacity:0;font-size:14px;transition:opacity .3s}.checkbox5 .checkbox__input:checked+.checkbox__icon{background-color:#0a8fdc;border-color:#0a8fdc}.checkbox5 .checkbox__input:checked+.checkbox__icon .iconcheck5{opacity:1}.checkbox5.disabled{pointer-events:none;opacity:.6}.radio3{cursor:pointer;border:1px solid #0000;flex:auto;align-items:center;padding:18px 24px;display:flex}.radio3 .radio__input{display:none}.radio3 .radio__input:checked+.radio__radio:after{display:block}.radio3:hover{background-color:#00000005;border-radius:8px}.radio3 .radio__icon{color:#0000;background-color:#0000;border:1px solid #626262;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:13px;transition:background-color .2s,color .2s;display:flex;position:relative}.radio3 .radio__icon:after{content:"";opacity:0;background:#196ebf;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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:#e0e0e010}body.dark .radio3 .radio__icon:after{background:#e3e3e3}.dropdown3{-webkit-user-select:none;user-select:none;position:relative}.dropdown3 .textBox{cursor:pointer;color:#111827e0;background:#fff;border:1.9px solid #d3d3d3;border-radius:8px;padding:12px 16px;position:relative;box-shadow:0 5px 20px #0000000d}.dropdown3 .dropdown-icon{color:#666;font-size:12px;transition:transform .3s;position:absolute;top:16px;right:16px}.dropdown3 .matching-select{z-index:10;background:#fff;border:1px solid #ddd;border-radius:10px;flex-direction:column;width:100%;display:none;position:absolute;top:50px;left:0;box-shadow:0 20px 30px #0000000d}.dropdown3 .matching-select .searchBox{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:unset;border-bottom-right-radius:unset;border:none;border-bottom:1px solid #eee;outline:none;padding:10px;font-size:16px}.dropdown3 .matching-select .option-list{flex-direction:column;max-height:220px;display:flex;overflow:hidden auto}.dropdown3 .matching-select .option-list .option-item{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px 10px 25px;display:flex}.dropdown3 .matching-select .option-list .option-item:hover{color:#fff;background:#62baed}.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{color:#999;padding:10px 14px;font-style:italic;display:none}.dropdown3 .title{color:#908d92;background:#fff;padding:0 5px;font-size:12px;position:absolute;top:-10px;left:14px}.dropdown-page-size{position:relative}.dropdown-page-size .page-size-toggle{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.dropdown-page-size .page-size-toggle i{font-size:12px;transition:transform .3s}.dropdown-page-size.open .page-size-toggle i{transform:rotate(180deg)}.dropdown-page-size .page-size-menu{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:100%;margin-top:6px;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000014}.dropdown-page-size.open .page-size-menu{display:block}.dropdown-page-size .page-size-item{cursor:pointer;padding:8px 12px}.dropdown-page-size .page-size-item:hover{background:#f3f4f6}.dropdown-page-size .page-size-item.selected{background:#e0e7ff;font-weight:600}.dropdown-filter-status{position:relative}.dropdown-filter-status .filter-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;display:flex}.dropdown-filter-status .filter-btn i{font-size:14px}.dropdown-filter-status .filter-status-menu{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:140px;margin-top:6px;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000014}.dropdown-filter-status.open .filter-status-menu{display:block}.dropdown-filter-status .filter-status-item{cursor:pointer;padding:8px 12px}.dropdown-filter-status .filter-status-item:hover{background:#f3f4f6}.dropdown-filter-status .filter-status-item.selected{background:#e0e7ff;font-weight:600}.exam-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;width:100%;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -10px #0000000d}body.dark .exam-card,html[data-theme=dark] .exam-card,.dark .exam-card{background-color:#1e1f20;border:1px solid #6b72801c;box-shadow:0 10px 30px -10px #00000080}.exam-card:hover{border-color:#d1d5db;transform:translateY(-4px);box-shadow:0 20px 40px -12px #0000001f}body.dark .exam-card:hover,html[data-theme=dark] .exam-card:hover,.dark .exam-card:hover{border-color:#4b556366;box-shadow:0 20px 40px -12px #000000b3}.exam-card__header{aspect-ratio:16/9;cursor:pointer;width:100%;position:relative;overflow:hidden}.exam-card__cover{object-fit:cover;transition:transform .5s}.exam-card:hover .exam-card__cover{transform:scale(1.05)}.exam-card__overlay{z-index:1;background:linear-gradient(#00000005 0%,#0009 100%);position:absolute;inset:0}.exam-card__category{z-index:2;color:#1f2937;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffffff2;border-radius:8px;align-items:center;gap:6px;max-width:140px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 4px #0000001a}.exam-card__category svg{flex-shrink:0}.exam-card__category span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}body.dark .exam-card__category,html[data-theme=dark] .exam-card__category,.dark .exam-card__category{color:#e3e3e3;background-color:#18181bd9;border:1px solid #ffffff14}.exam-card__badges{z-index:2;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12px;right:12px}.exam-card__badge{text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.5px;border:none;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex}.exam-card__badge--shared{color:#fff;background-color:#2563ebf2}body.dark .exam-card__badge--shared,html[data-theme=dark] .exam-card__badge--shared,.dark .exam-card__badge--shared{color:#bfdbfe;background-color:#1e3a8ae6}.exam-card__badge--public{color:#fff;background-color:#16a534f2}body.dark .exam-card__badge--public,html[data-theme=dark] .exam-card__badge--public,.dark .exam-card__badge--public{color:#bbf7d0;background-color:#14532de6}.exam-card__badge--private{color:#374151;background-color:#f3f4f6f2}body.dark .exam-card__badge--private,html[data-theme=dark] .exam-card__badge--private,.dark .exam-card__badge--private{color:#e4e4e7;background-color:#27272ae6}.exam-card__body{flex-direction:column;flex:1;padding:20px;display:flex}@media (max-width:768px){.exam-card__body{padding:16px}}.exam-card__title{color:#1f2937;cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px;margin:0 0 16px;font-size:17px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.exam-card__title:hover{color:#3b82f6}body.dark .exam-card__title,html[data-theme=dark] .exam-card__title,.dark .exam-card__title{color:#e3e3e3}body.dark .exam-card__title:hover,html[data-theme=dark] .exam-card__title:hover,.dark .exam-card__title:hover{color:#60a5fa}@media (max-width:768px){.exam-card__title{min-height:44px;font-size:16px}}.exam-card__meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.exam-card__author{background-color:#f3f4f6;border-radius:99px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}body.dark .exam-card__author,html[data-theme=dark] .exam-card__author,.dark .exam-card__author{background-color:#ffffff0d}.exam-card__avatar,.exam-card__avatar-placeholder{object-fit:cover;border-radius:50%;width:22px;height:22px}.exam-card__avatar-placeholder{color:#6b7280;background:#d1d5db;justify-content:center;align-items:center;font-size:10px;display:flex}.exam-card__author-name{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:12px;font-weight:600;overflow:hidden}body.dark .exam-card .exam-card__avatar-placeholder,html[data-theme=dark] .exam-card .exam-card__avatar-placeholder,.dark .exam-card .exam-card__avatar-placeholder{color:#94a3b8;background:#334155}body.dark .exam-card .exam-card__author-name,html[data-theme=dark] .exam-card .exam-card__author-name,.dark .exam-card .exam-card__author-name{color:#aaa}.exam-card__date{color:#6b7280;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}body.dark .exam-card__date,html[data-theme=dark] .exam-card__date,.dark .exam-card__date{color:#aaa}.exam-card__stats{border-top:1px solid #e5e7eb;align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}body.dark .exam-card__stats,html[data-theme=dark] .exam-card__stats,.dark .exam-card__stats{border-top-color:#6b72801c}.exam-card__stat-item{color:#6b7280;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.exam-card__stat-item svg{opacity:.8;font-size:14px}body.dark .exam-card__stat-item,html[data-theme=dark] .exam-card__stat-item,.dark .exam-card__stat-item{color:#aaa}.exam-card__stat-separator{color:#d1d5db;font-size:10px}body.dark .exam-card__stat-separator,html[data-theme=dark] .exam-card__stat-separator,.dark .exam-card__stat-separator{color:#4b556366}.exam-card__footer{flex-direction:column;gap:16px;padding:0 20px 20px;display:flex}@media (max-width:768px){.exam-card__footer{padding:0 16px 16px}}.exam-card__toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.exam-card__owner-tools{flex-wrap:nowrap;gap:6px;display:flex}.exam-card__tool-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}body.dark .exam-card__tool-btn,html[data-theme=dark] .exam-card__tool-btn,.dark .exam-card__tool-btn{color:#aaa;background:#ffffff0d}.exam-card__tool-btn:hover{color:#1f2937;background-color:#e5e7eb}body.dark .exam-card__tool-btn:hover,html[data-theme=dark] .exam-card__tool-btn:hover,.dark .exam-card__tool-btn:hover{color:#f8fafc;background-color:#ffffff1f}.exam-card__tool-btn--like.is-liked{color:#3b82f6;background-color:#dbeafe}body.dark .exam-card__tool-btn--like.is-liked,html[data-theme=dark] .exam-card__tool-btn--like.is-liked,.dark .exam-card__tool-btn--like.is-liked{color:#60a5fa;background-color:#3b82f626}.exam-card__tool-btn--icon{width:36px;height:36px;padding:0;font-size:14px}.exam-card__tool-btn--delete:hover{color:#ef4444;background-color:#fee2e2}body.dark .exam-card__tool-btn--delete:hover,html[data-theme=dark] .exam-card__tool-btn--delete:hover,.dark .exam-card__tool-btn--delete:hover{color:#f87171;background-color:#ef444433}.exam-card__action-group{gap:8px;width:100%;display:flex}.exam-card__btn{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.exam-card__btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.exam-card__btn--primary{background:#111827}body.dark .exam-card__btn--primary,html[data-theme=dark] .exam-card__btn--primary,.dark .exam-card__btn--primary{color:#18181b;background:#e4e4e7}.exam-card__btn--secondary{color:#4b5563;background-color:#f3f4f6}body.dark .exam-card__btn--secondary,html[data-theme=dark] .exam-card__btn--secondary,.dark .exam-card__btn--secondary{color:#aaa;background-color:#ffffff0d}.exam-card__btn--secondary:hover{color:#1f2937;background-color:#e5e7eb}body.dark .exam-card__btn--secondary:hover,html[data-theme=dark] .exam-card__btn--secondary:hover,.dark .exam-card__btn--secondary:hover{color:#fff;background-color:#ffffff1a}.exam-card__btn--warning{color:#fff;background:#f59e0b}body.dark .exam-card__btn--warning,html[data-theme=dark] .exam-card__btn--warning,.dark .exam-card__btn--warning{color:#fbbf24;background:#f59e0b26}.exam-card__btn--success{color:#fff;background:#10b981}body.dark .exam-card__btn--success,html[data-theme=dark] .exam-card__btn--success,.dark .exam-card__btn--success{color:#34d399;background:#10b98126}.exam-card__btn--disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6;transform:none}body.dark .exam-card__btn--disabled,html[data-theme=dark] .exam-card__btn--disabled,.dark .exam-card__btn--disabled{color:#aaa;background:#ffffff05}.modal-overlay-exam{z-index:2222;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay-exam.active{opacity:1}.modal-overlay-exam.active .modal-exam{transform:scale(1)translateY(0)}body.dark .modal-overlay-exam{background-color:#0a0a0ab3}.modal-exam{text-align:center;background-color:#fff;border-radius:12px;width:90%;max-width:420px;padding:24px;transition:transform .3s;transform:scale(.95)translateY(-10px);box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a}body.dark .modal-exam{background-color:#1b1b1b;box-shadow:0 20px 25px #0003,0 10px 10px #00000014}.modal-header-exam{flex-direction:column;align-items:center;gap:12px;margin-bottom:8px;display:flex}.modal-header-exam .modal-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.modal-header-exam .modal-icon.danger{color:#dc2626;background-color:#fee2e2}body.dark .modal-header-exam .modal-icon.danger{background-color:#451b1b}.modal-header-exam .modal-icon.warning{color:#f59e0b;background-color:#fef3c7}body.dark .modal-header-exam .modal-icon.warning{background-color:#45331b}.modal-header-exam .modal-title{color:#1f2937;font-size:20px;font-weight:700}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;margin:0;line-height:1.6}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{color:#1f2937;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:18px;font-weight:700;display:-webkit-box;overflow:hidden}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{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions-exam:has(.modal-btn:only-child){grid-template-columns:1fr}.modal-actions-exam .modal-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600;transition:all .2s}.modal-actions-exam .cancel-btn{color:#4b5563;background-color:#f3f4f6}.modal-actions-exam .cancel-btn:hover{background-color:#e5e7eb}body.dark .modal-actions-exam .cancel-btn{color:#e5e7eb;background-color:#282a2c}body.dark .modal-actions-exam .cancel-btn:hover{background-color:#2f3131}.modal-actions-exam .confirm-btn.danger{color:#fff;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:#dc2626cb}.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{color:#fff;background-color:#2563eb}body.dark .modal-actions-exam .confirm-btn:hover{background-color:#1d4ed8}.event-section-card{cursor:pointer;box-sizing:border-box;color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:12px;padding:12px;transition:all .2s ease-in-out;box-shadow:0 2px 4px -1px #0000000d}body.dark .event-section-card{color:#e3e3e3;background-color:#282a2c;border-color:#404345}.event-section-card:hover,.event-section-card.active{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 4px 12px #3b82f626}body.dark .event-section-card:hover,body.dark .event-section-card.active{background-color:#2b2d30;border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa,0 4px 12px #0000004d}.event-section-card__header{align-items:flex-start;gap:8px;min-width:0;margin-bottom:12px;display:flex}.event-section-card__header .event-section-card__indicator{background-color:#3b82f6;border-radius:2px;flex-shrink:0;width:8px;height:8px;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{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.event-section-card__progress-section{margin-bottom:12px}.event-section-card__progress-section .event-section-card__progress-bar{background-color:#f3f4f6;border-radius:99px;width:100%;height:6px;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;border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.event-section-card__progress-section .event-section-card__progress-text{color:#6b7280;text-align:right;margin-top:6px;font-size:11px;font-weight:500}body.dark .event-section-card__progress-section .event-section-card__progress-text{color:#9ca3af}.event-section-card__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.event-section-card__stats .stat-item{border-radius:8px;flex-direction:column;align-items:center;min-width:0;padding:6px 4px;display:flex}.event-section-card__stats .stat-item__header{justify-content:center;align-items:center;gap:4px;width:100%;margin-bottom:2px;display:flex}.event-section-card__stats .stat-item__header p{color:#6b7280;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}body.dark .event-section-card__stats .stat-item__header p{color:#9ca3af}.event-section-card__stats .stat-item__header .stat-icon{flex-shrink:0;font-size:12px}.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{border-top:1px dashed #e5e7eb;margin-top:12px;padding-top:12px}body.dark .event-section-card__summary{border-top-color:#404345}.event-section-card__summary .summary__row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.event-section-card__summary .summary__row span:first-child{color:#6b7280;font-size:13px}body.dark .event-section-card__summary .summary__row span:first-child{color:#9ca3af}.event-section-card__summary .summary__row .summary__score{color:#1f2937;font-size:15px;font-weight:700}body.dark .event-section-card__summary .summary__row .summary__score{color:#e3e3e3}.event-section-card__summary .summary__passmark{color:#9ca3af;text-align:right;font-size:11px;font-style:italic}.event-section-card__summary .summary__status{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;justify-content:center;align-items:center;margin-top:10px;padding:6px;font-size:13px;font-weight:600;display:flex}.event-section-card__summary .summary__status.passed{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0;gap:6px}body.dark .event-section-card__summary .summary__status.passed{color:#86efac;background-color:#1665344d;border-color:#16653480}.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:#7f1d1d4d;border-color:#7f1d1d80}.event-section-card__summary .summary__status.failed .status-text{align-items:center;gap:4px;display:flex}.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{width:170px;height:45px;position:relative}.dropdown3 input{cursor:pointer;color:#111827e0;background:#fff;border:1.9px solid #d3d3d3;border-radius:8px;outline:none;width:100%;height:100%;padding:12px 20px;position:absolute;top:0;left:0;box-shadow:0 5px 20px #0000000d}body.dark .dropdown3 input{color:#e3e3e3;background:#1e1f20;border-color:#4b556366;box-shadow:0 5px 20px #0003}.dropdown3 .matching-select{z-index:5;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;display:none;position:absolute;top:50px;overflow:hidden;box-shadow:0 30px 30px #0000000d}body.dark .dropdown3 .matching-select{background:#1e1f20;border-color:#6b72801c;box-shadow:0 30px 30px #0003}.dropdown3 .matching-select div:first-of-type{background:#ededed}body.dark .dropdown3 .matching-select div:first-of-type{color:#aaa;background:#282a2c}.dropdown3 .matching-select div:hover:not(div:first-of-type){color:#fff;background:#62baed}.dropdown3 .matching-select div{cursor:pointer;padding:5px 12px}.dropdown3 .title-dropdown{color:#908d92;text-align:center;background:#fff;max-width:125px;font-size:11.5px;position:relative;top:-52px;left:15px}body.dark .dropdown3 .title-dropdown{color:#aaa;background:#1e1f20}.dropdown3 .dropdown-icon{pointer-events:none;font-size:12px;transition:transform .5s;position:absolute;top:15px;right:20px}.dropdown3.active .dropdown-icon{transform:rotate(180deg)}.dropdown3.active .matching-select{display:block}.search-input-wrapper-list{align-items:center;width:300px;display:flex;position:relative}.search-icon-left{pointer-events:none;color:#6b7280;position:absolute;top:50%;left:12px;transform:translateY(-50%)}body.dark .search-icon-left{color:#aaa}.search-input-wrapper-list .search-input{color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 35px 10px 40px;font-size:16px;transition:border-color .2s,box-shadow .2s}.search-input-wrapper-list .search-input::placeholder{color:#6b7280}body.dark .search-input-wrapper-list .search-input{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}body.dark .search-input-wrapper-list .search-input::placeholder{color:#aaa}.search-input-wrapper-list .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.search-input-clear-btn{cursor:pointer;color:#6b7280;background-color:#0000;border:none;border-radius:50%;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}body.dark .search-input-clear-btn{color:#aaa}.search-input-clear-btn:hover{color:#1f2937;background-color:#f3f4f6}body.dark .search-input-clear-btn:hover{color:#e3e3e3;background-color:#37393b}.search-results-list{z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;margin:0;padding:8px 0;list-style:none;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 4px 12px #0000001a}body.dark .search-results-list{background-color:#1e1f20;border-color:#4b556366}.search-result-item a{color:#1f2937;padding:10px 15px;font-size:15px;text-decoration:none;transition:background-color .2s;display:block}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{width:100%;position:relative}.input3 .exam-name{color:#1f2937;background-color:#0000;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.input3 .exam-name:focus{border-color:#3b82f6}.input3 .exam-name::placeholder{color:#6b7280;font-style:italic}body.dark .input3 .exam-name,html[data-theme=dark] .input3 .exam-name{color:#e3e3e3;background-color:#1b1b1b;border-color:#4b556366}body.dark .input3 .exam-name:focus,html[data-theme=dark] .input3 .exam-name:focus{border-color:#3b82f6}body.dark .input3 .exam-name::placeholder,html[data-theme=dark] .input3 .exam-name::placeholder{color:#aaa}.input3 .floating-label{color:#4b5563;pointer-events:none;z-index:1;background-color:#fff;padding:0 4px;font-size:12px;font-weight:500;position:absolute;top:-9px;left:12px}body.dark .input3 .floating-label,html[data-theme=dark] .input3 .floating-label{color:#aaa;background-color:#1b1b1b}.custom-audio-player{box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:100%;height:48px;padding:0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s;display:flex;position:relative}body.dark .custom-audio-player{color:#e5e5e5;background:#1f1f1f;border-color:#373737}.custom-audio-player.idle,.custom-audio-player.loading,.custom-audio-player.error,.custom-audio-player.deleted{cursor:pointer}.custom-audio-player.idle:hover,.custom-audio-player.loading:hover,.custom-audio-player.error:hover,.custom-audio-player.deleted:hover{background:#f9fafb;border-color:#3b82f6}body.dark .custom-audio-player.idle:hover,body.dark .custom-audio-player.loading:hover,body.dark .custom-audio-player.error:hover,body.dark .custom-audio-player.deleted:hover{background:#262626}.player-overlay{border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.player-overlay .play-btn-large{color:#374151;cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;display:flex}body.dark .player-overlay .play-btn-large{color:#e5e5e5}.player-message{color:#ef4444;align-items:center;gap:8px;font-size:13px;display:flex}.player-message button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;align-items:center;display:flex}.custom-controls{border-radius:inherit;align-items:center;gap:8px;width:100%;display:flex}.control-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.control-btn:hover{color:#3b82f6;background:#3b82f61a}body.dark .control-btn{color:#a3a3a3}body.dark .control-btn:hover{color:#fff;background:#ffffff1a}.time-text{color:#9ca3af;text-align:center;cursor:default;flex-shrink:0;min-width:38px;font-family:Roboto Mono,monospace;font-size:11px}.seek-container{flex:1;align-items:center;height:100%;margin:0 6px;display:flex;position:relative}.range-input{appearance:none;cursor:pointer;background-color:#0000;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-position:50%;background-repeat:no-repeat;background-size:100% 4px;outline:none;width:100%;height:12px;margin:0}body.dark .range-input{background-image:linear-gradient(to right, #fff 0%, #fff var(--played,0%), #525252 var(--played,0%), #525252 var(--buffered,0%), #404040 var(--buffered,0%), #404040 100%)}.range-input::-webkit-slider-thumb{appearance:none;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 1px 3px #0000004d}.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{background:#3b82f6;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:transform .1s}.range-input::-moz-range-thumb:hover{transform:scale(1.3)}body.dark .range-input::-moz-range-thumb{background:#fff;border-color:#000}.volume-container{flex-shrink:0;align-items:center;height:100%;display:flex;position:relative}.volume-container:hover .volume-slider-wrapper{opacity:1;pointer-events:auto;width:60px;margin-left:4px}.volume-slider-wrapper{opacity:0;pointer-events:none;align-items:center;width:0;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}@media (max-width:480px){.time-text.duration{display:none}.custom-audio-player{padding:0 8px}.volume-container:hover .volume-slider-wrapper{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:20px;justify-content:center;align-items:center;width:36px;height:100px;padding:0;position:absolute;bottom:120%;right:0;box-shadow:0 4px 10px #00000026}body.dark .volume-container:hover .volume-slider-wrapper{background:#262626;border-color:#373737}.volume-container:hover .volume-slider-wrapper input{transform-origin:50%;width:80px;height:12px;transform:rotate(-90deg)}}.c-modal.result-summary-modal{flex-direction:column;width:100%;max-width:700px;height:90dvh;max-height:800px;display:flex}.c-modal.result-summary-modal .c-modal__header,.c-modal.result-summary-modal .c-modal__footer{flex-shrink:0}.c-modal.result-summary-modal .c-modal__body{-webkit-overflow-scrolling:touch;background-color:#f9fafb;flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow-y:auto}.c-modal.result-summary-modal .c-modal__body>*{flex-shrink:0}body.dark .c-modal.result-summary-modal .c-modal__body,html[data-theme=dark] .c-modal.result-summary-modal .c-modal__body{background-color:#121212}.c-modal.result-summary-modal .c-modal__body::-webkit-scrollbar{width:6px}.c-modal.result-summary-modal .c-modal__body::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .c-modal.result-summary-modal .c-modal__body::-webkit-scrollbar-thumb{background-color:#282a2c}html[data-theme=dark] .c-modal.result-summary-modal .c-modal__body::-webkit-scrollbar-thumb{background-color:#282a2c}.c-modal.result-summary-modal .result-summary-block{grid-template-columns:1fr 1fr;gap:16px;display:grid}.c-modal.result-summary-modal .result-summary-block .summary-metric{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}body.dark .c-modal.result-summary-modal .result-summary-block .summary-metric,html[data-theme=dark] .c-modal.result-summary-modal .result-summary-block .summary-metric{background-color:#18181b;border-color:#ffffff14}.c-modal.result-summary-modal .result-summary-block .summary-metric__title{color:#4b5563;text-transform:uppercase;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}body.dark .c-modal.result-summary-modal .result-summary-block .summary-metric__title,html[data-theme=dark] .c-modal.result-summary-modal .result-summary-block .summary-metric__title{color:#aaa}.c-modal.result-summary-modal .result-summary-block .summary-metric__value{color:#1f2937;font-size:24px;font-weight:800}body.dark .c-modal.result-summary-modal .result-summary-block .summary-metric__value,html[data-theme=dark] .c-modal.result-summary-modal .result-summary-block .summary-metric__value{color:#e3e3e3}.c-modal.result-summary-modal .result-summary-block .summary-overall-status{text-align:center;border:1px solid #0000;border-radius:12px;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:16px;font-weight:700;display:flex}.c-modal.result-summary-modal .result-summary-block .summary-overall-status.passed{color:#166534;background-color:#f0fdf4;border-color:#bbf7d0}body.dark .c-modal.result-summary-modal .result-summary-block .summary-overall-status.passed,html[data-theme=dark] .c-modal.result-summary-modal .result-summary-block .summary-overall-status.passed{color:#86efac;background-color:#064e3b4d;border-color:#065f46}.c-modal.result-summary-modal .result-summary-block .summary-overall-status.failed{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}body.dark .c-modal.result-summary-modal .result-summary-block .summary-overall-status.failed,html[data-theme=dark] .c-modal.result-summary-modal .result-summary-block .summary-overall-status.failed{color:#fca5a5;background-color:#450a0a66;border-color:#7f1d1d}.c-modal.result-summary-modal .result-section-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 5px #0000000d}body.dark .c-modal.result-summary-modal .result-section-card,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card{background-color:#18181b;border-color:#ffffff14}.c-modal.result-summary-modal .result-section-card__header{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:16px;display:flex}body.dark .c-modal.result-summary-modal .result-section-card__header,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__header{background-color:#37393b;border-bottom-color:#4b556366}.c-modal.result-summary-modal .result-section-card__header .result-section-card__indicator{background-color:#3b82f6;border-radius:4px;flex-shrink:0;width:4px;height:16px}.c-modal.result-summary-modal .result-section-card__header .result-section-card__title{color:#1f2937;margin:0;font-size:15px;font-weight:700;line-height:1.4}body.dark .c-modal.result-summary-modal .result-section-card__header .result-section-card__title,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__header .result-section-card__title{color:#e3e3e3}.c-modal.result-summary-modal .result-section-card__stats{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid}body.dark .c-modal.result-summary-modal .result-section-card__stats,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats{border-bottom-color:#4b556366}@media (max-width:576px){.c-modal.result-summary-modal .result-section-card__stats{grid-template-columns:repeat(2,1fr)}}.c-modal.result-summary-modal .result-section-card__stats .stat-item{background-color:#f9fafb;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item{background-color:#18181b}.c-modal.result-summary-modal .result-section-card__stats .stat-item__header{color:#4b5563;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item__header,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item__header{color:#aaa}.c-modal.result-summary-modal .result-section-card__stats .stat-item__header p{margin:0}.c-modal.result-summary-modal .result-section-card__stats .stat-item__value{color:#1f2937;font-size:20px;font-weight:700}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item__value,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item__value{color:#e3e3e3}.c-modal.result-summary-modal .result-section-card__stats .stat-item.correct{background-color:#f0fdf4;border-color:#bbf7d0}.c-modal.result-summary-modal .result-section-card__stats .stat-item.correct .stat-icon{color:#166534}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item.correct,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item.correct{background-color:#064e3b33;border-color:#065f4680}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item.correct .stat-icon,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item.correct .stat-icon{color:#34d399}.c-modal.result-summary-modal .result-section-card__stats .stat-item.wrong{background-color:#fef2f2;border-color:#fecaca}.c-modal.result-summary-modal .result-section-card__stats .stat-item.wrong .stat-icon{color:#991b1b}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item.wrong,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item.wrong{background-color:#450a0a33;border-color:#7f1d1d80}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item.wrong .stat-icon,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item.wrong .stat-icon{color:#f87171}.c-modal.result-summary-modal .result-section-card__stats .stat-item.approximate{background-color:#fffbeb;border-color:#fde68a}.c-modal.result-summary-modal .result-section-card__stats .stat-item.approximate .stat-icon{color:#b45309}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item.approximate,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item.approximate{background-color:#78350f33;border-color:#92400e80}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item.approximate .stat-icon,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item.approximate .stat-icon{color:#fbbf24}.c-modal.result-summary-modal .result-section-card__stats .stat-item.unanswered{background-color:#f3f4f6;border-color:#e5e7eb}.c-modal.result-summary-modal .result-section-card__stats .stat-item.unanswered .stat-icon{color:#4b5563}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item.unanswered,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item.unanswered{background-color:#3741514d;border-color:#4b556380}body.dark .c-modal.result-summary-modal .result-section-card__stats .stat-item.unanswered .stat-icon,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__stats .stat-item.unanswered .stat-icon{color:#9ca3af}.c-modal.result-summary-modal .result-section-card__summary{justify-content:space-between;align-items:center;padding:16px;display:flex}@media (max-width:400px){.c-modal.result-summary-modal .result-section-card__summary{flex-direction:column;align-items:flex-start;gap:12px}}.c-modal.result-summary-modal .result-section-card__summary .summary__row{color:#4b5563;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}body.dark .c-modal.result-summary-modal .result-section-card__summary .summary__row,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__summary .summary__row{color:#aaa}.c-modal.result-summary-modal .result-section-card__summary .summary__row .summary__score{color:#1f2937;font-size:18px}body.dark .c-modal.result-summary-modal .result-section-card__summary .summary__row .summary__score,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__summary .summary__row .summary__score{color:#e3e3e3}.c-modal.result-summary-modal .result-section-card__summary .summary__passmark{color:#6b7280;margin-left:8px;font-size:13px}body.dark .c-modal.result-summary-modal .result-section-card__summary .summary__passmark,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__summary .summary__passmark{color:#aaa}.c-modal.result-summary-modal .result-section-card__summary .summary__status{text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.c-modal.result-summary-modal .result-section-card__summary .summary__status.passed{color:#166534;background-color:#dcfce7}body.dark .c-modal.result-summary-modal .result-section-card__summary .summary__status.passed,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__summary .summary__status.passed{color:#4ade80;background-color:#16a34a33}.c-modal.result-summary-modal .result-section-card__summary .summary__status.failed{color:#991b1b;background-color:#fee2e2}body.dark .c-modal.result-summary-modal .result-section-card__summary .summary__status.failed,html[data-theme=dark] .c-modal.result-summary-modal .result-section-card__summary .summary__status.failed{color:#f87171;background-color:#dc262633}.radio5{cursor:pointer;border:1px solid #0000;flex:auto;align-items:center;padding:18px 24px;display:flex}.radio5 .radio__input{display:none}.radio5 .radio__input:checked+.radio__radio:after{display:block}.radio5 .radio__icon{color:#0000;background-color:#0000;border:1px solid #626262;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:13px;transition:background-color .2s,color .2s;display:flex;position:relative}.radio5 .radio__content{word-break:break-word;flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.radio5 .radio__icon:after{content:"";opacity:0;background:#196ebf;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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{cursor:pointer;border:1px solid #0000;align-items:center;padding:18px 24px;display:flex}.checkbox6 .checkbox__input{display:none}.checkbox6 .checkbox__icon{color:#0000;background-color:#0000;border:1px solid #626262;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:10px;transition:background-color .2s,color .2s,border .2s;display:flex}.checkbox6 .checkbox__content{word-break:break-word;flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.checkbox6 .checkbox__input:checked+.checkbox__icon{color:#fff;background:#196ebf;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}body.dark .checkbox6 .checkbox__icon,.dark .checkbox6 .checkbox__icon{border-color:#999}body.dark .checkbox6 .checkbox__input:checked+.checkbox__icon,.dark .checkbox6 .checkbox__input:checked+.checkbox__icon{color:#196ebf;background-color:#fff}body.dark .checkbox6.success .checkbox__input:checked+.checkbox__icon,.dark .checkbox6.success .checkbox__input:checked+.checkbox__icon{color:#259172;background-color:#fff}body.dark .checkbox6.wrong .checkbox__input:checked+.checkbox__icon,.dark .checkbox6.wrong .checkbox__input:checked+.checkbox__icon{color:#e63349;background-color:#fff}body.dark .checkbox6 .checkbox__input:checked+.checkbox__icon.disabled,.dark .checkbox6 .checkbox__input:checked+.checkbox__icon.disabled{color:#ccc;background-color:#555}.radiofinal{cursor:pointer;border:1px solid #0000;flex:auto;align-items:center;padding:18px 24px;display:flex}.radiofinal .radio__input{display:none}.radiofinal .radio__input:checked+.radio__radio:after{display:block}.radiofinal .radio__icon{color:#0000;background-color:#0000;border:1px solid #626262;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:13px;transition:background-color .2s,color .2s;display:flex;position:relative}.radiofinal .radio__content{word-break:break-word;flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.radiofinal .radio__input:checked+.radio__icon.success{color:#fff;background-color:#259172;border-color:#259172}.radiofinal .radio__input:checked+.radio__icon.error{color:#fff;background-color:#e63349;border-color:#e63349}.radiofinal .radio__input:checked+.radio__radio{background-color:#fff}.radiofinal .questError{color:#fff;background:red;padding:4px}.radiofinal .questSuccess{color:#fff;background:green;padding:4px}.radiofinal.disabled .radio__input:checked+.radio__radio:after{background-color:#c3c3c3}.radiofinal.disabled .radio__input+.radio__radio{background-color:#f9f9f9;border:1px solid #c3c3c3}body.dark .radiofinal .radio__icon{border-color:#999}body.dark .radiofinal .radio__input:checked+.radio__icon{color:#196ebf;background-color:#fff}body.dark .radiofinal .radio__input:checked+.radio__icon.success{color:#259172;background-color:#fff}body.dark .radiofinal .radio__input:checked+.radio__icon.error{color:#e63349;background-color:#fff}body.dark .radiofinal .radio__input:checked+.radio__icon.disabled{color:#ccc;background-color:#555}.custom-bubble-menu{z-index:10000;background:#fff;border:1px solid #ccc;border-radius:6px;gap:6px;padding:4px 8px;display:flex;box-shadow:0 2px 8px #0003}.custom-bubble-menu button{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;transition:background .2s}.custom-bubble-menu button:hover{background:#f3f3f3}body.dark .custom-bubble-menu{color:#e3e3e3;background:#374151;border-color:#4b5563}body.dark .custom-bubble-menu button:hover{background:#4b5563}.radio4{cursor:pointer;border:1px solid #0000;flex:auto;align-items:center;padding:18px 40px 18px 24px;display:flex;position:relative}.radio4 .radio__input{display:none}.radio4 .radio__icon{color:#0000;background-color:#0000;border:1px solid #626262;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:13px;transition:background-color .2s,color .2s;display:flex;position:relative}.radio4 .radio__icon:after{content:"";opacity:0;background:#196ebf;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio4 .radio__content{word-break:break-word;flex-direction:column;flex:1;gap:8px;min-width:0;font-size:16px;display:flex}.radio4:hover{background-color:#00000005;border-radius:8px}.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{pointer-events:none;-webkit-user-select:none;user-select:none;color:#9ca3af;text-align:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;min-width:20px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}body.dark .radio4:hover{background-color:#ffffff0d}body.dark .radio4 .radio__icon{border-color:#999}body.dark .radio4 .radio__icon:after{background:#e3e3e3}body.dark .radio4 .key-hint{color:#9ca3af;background-color:#1f2937;border-color:#374151}.modal-container{z-index:9999;-webkit-backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.modal-container .modal-content{background-color:#fff;border-radius:16px;width:100%;max-width:400px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) zoomInModal;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-container .modal-content .close-modal-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.modal-container .modal-content .close-modal-btn:hover{color:#1f2937;background-color:#f3f4f6;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{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.modal-container .modal-content .modal-header p{color:#4b5563;margin:0;font-size:14px}.modal-container .modal-content .login-options{flex-direction:column;gap:12px;display:flex}.modal-container .modal-content .login-options .login-button{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.modal-container .modal-content .login-options .login-button .icon{flex-shrink:0;width:20px;height:20px;margin-right:12px}.modal-container .modal-content .login-options .login-button span{color:#4b5563;font-size:15px;font-weight:600}.modal-container .modal-content .login-options .login-button:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.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:#1e1f20;border:1px solid #4b556366;box-shadow:0 25px 50px -12px #00000080}body.dark .modal-container .modal-content .close-modal-btn{color:#aaa}body.dark .modal-container .modal-content .close-modal-btn:hover{color:#e3e3e3;background-color:#37393b}body.dark .modal-container .modal-content .modal-header h2{color:#e3e3e3}body.dark .modal-container .modal-content .modal-header p{color:#aaa}body.dark .modal-container .modal-content .login-options .login-button{background-color:#1e1f20;border-color:#4b556366}body.dark .modal-container .modal-content .login-options .login-button span{color:#aaa}body.dark .modal-container .modal-content .login-options .login-button:hover{background-color:#37393b;border-color:#aaa}body.dark .modal-container .modal-content .login-options .login-button:hover span{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)}}.timer-display{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.countdown-timer{width:100%;height:100%;position:relative}.countdown-timer .timer-text-container{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.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-origin:50%;transition:stroke-dashoffset 1s linear,stroke .5s;transform:rotate(-90deg)}.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{color:#64748b;font-size:10px}.review-timer .review-text-large{font-size:16px;font-weight:700}.custom-dropdown{width:100%;max-width:280px;position:relative}.custom-dropdown .dropdown-trigger{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:12px 16px;transition:all .2s ease-in-out;display:flex;position:relative}.custom-dropdown .dropdown-trigger:hover{border-color:#9ca3af}.custom-dropdown .dropdown-trigger:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}body.dark .custom-dropdown .dropdown-trigger{background-color:#1e1f20;border-color:#4b556366}.custom-dropdown .dropdown-selected-value{color:#1f2937;font-size:14px}body.dark .custom-dropdown .dropdown-selected-value{color:#e3e3e3}.custom-dropdown .dropdown-label{color:#6b7280;pointer-events:none;background-color:#fff;padding:0 4px;font-size:14px;transition:all .2s ease-in-out;position:absolute;top:50%;left:16px;transform:translateY(-50%)}body.dark .custom-dropdown .dropdown-label{color:#aaa;background-color:#1e1f20}.custom-dropdown .dropdown-caret{color:#6b7280;transition:transform .2s ease-in-out}body.dark .custom-dropdown .dropdown-caret{color:#aaa}.custom-dropdown .dropdown-menu{z-index:10;opacity:0;pointer-events:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-height:200px;margin:0;padding:8px 0;list-style:none;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;transform:translateY(-10px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}body.dark .custom-dropdown .dropdown-menu{background-color:#282a2c;border-color:#6b72801c;box-shadow:0 10px 15px -3px #0006}.custom-dropdown .dropdown-menu .dropdown-option{cursor:pointer;color:#1f2937;padding:10px 16px;transition:background-color .15s}.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:hover,body.dark .custom-dropdown .dropdown-menu .dropdown-option.selected{background-color:#37393b}.custom-dropdown.has-value .dropdown-label,.custom-dropdown.state-open .dropdown-label{font-size:12px;top:0}.custom-dropdown.state-open .dropdown-trigger{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.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;pointer-events:auto;transform:translateY(0)}.theme-switcher-container{position:relative}.theme-switcher-container .theme-switcher-button{cursor:pointer;color:#4b5563;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.theme-switcher-container .theme-switcher-button:hover{color:#1f2937;background-color:#f3f4f6}body.dark .theme-switcher-container .theme-switcher-button{color:#aaa}body.dark .theme-switcher-container .theme-switcher-button:hover{color:#e3e3e3;background-color:#37393b}.theme-switcher-container .theme-switcher-dropdown{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:160px;padding:6px;animation:.2s ease-out fadeInDropdown;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}body.dark .theme-switcher-container .theme-switcher-dropdown{background:#1e1f20;border-color:#4b556366;box-shadow:0 10px 15px -3px #00000080}.theme-switcher-container .theme-switcher-dropdown .theme-option{cursor:pointer;text-align:left;color:#4b5563;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.theme-switcher-container .theme-switcher-dropdown .theme-option svg{opacity:.8;width:16px;height:16px}.theme-switcher-container .theme-switcher-dropdown .theme-option .active-check{color:#3b82f6;width:14px;height:14px;margin-left:auto}.theme-switcher-container .theme-switcher-dropdown .theme-option:hover{color:#1f2937;background-color:#f3f4f6}.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:#aaa}body.dark .theme-switcher-container .theme-switcher-dropdown .theme-option:hover{color:#e3e3e3;background-color:#37393b}body.dark .theme-switcher-container .theme-switcher-dropdown .theme-option.active{color:#3b82f6;background-color:#3b82f626}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.quiz-image-uploader{background-color:#fff;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.quiz-image-uploader .uploader-title{color:#111827;font-size:16px;font-weight:600}.quiz-image-uploader .uploader-preview{aspect-ratio:16/9;cursor:pointer;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:200px;transition:all .3s;display:flex;position:relative;overflow:hidden}.quiz-image-uploader .uploader-preview .preview-image{object-fit:cover;transition:transform .4s}.quiz-image-uploader .uploader-preview .preview-overlay{color:#fff;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;transition:opacity .3s;display:flex;position:absolute;inset:0}.quiz-image-uploader .uploader-preview .empty-placeholder{color:#6b7280;flex-direction:column;align-items:center;gap:12px;transition:color .3s;display:flex}.quiz-image-uploader .uploader-preview .empty-placeholder .placeholder-icon{opacity:.7;font-size:32px;transition:opacity .3s}.quiz-image-uploader .uploader-preview .empty-placeholder p{margin:0;font-size:14px;font-weight:500}.quiz-image-uploader .uploader-preview:hover{background-color:#3b82f605;border-color:#3b82f6}.quiz-image-uploader .uploader-preview:hover .preview-image{transform:scale(1.03)}.quiz-image-uploader .uploader-preview:hover .preview-overlay{opacity:1}.quiz-image-uploader .uploader-preview:hover .empty-placeholder{color:#3b82f6}.quiz-image-uploader .uploader-preview:hover .empty-placeholder .placeholder-icon{opacity:1}.quiz-image-uploader .uploader-preview .preview-loading{color:#3b82f6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}body.dark .quiz-image-uploader,.dark .quiz-image-uploader{background-color:#1e1f20;border-color:#ffffff14}body.dark .quiz-image-uploader .uploader-title,.dark .quiz-image-uploader .uploader-title{color:#f9fafb}body.dark .quiz-image-uploader .uploader-preview,.dark .quiz-image-uploader .uploader-preview{background-color:#ffffff08;border-color:#ffffff14}body.dark .quiz-image-uploader .uploader-preview .empty-placeholder,.dark .quiz-image-uploader .uploader-preview .empty-placeholder{color:#fff6}body.dark .quiz-image-uploader .uploader-preview:hover,.dark .quiz-image-uploader .uploader-preview:hover{background-color:#0003;border-color:#3b82f6}body.dark .quiz-image-uploader .uploader-preview:hover .empty-placeholder,.dark .quiz-image-uploader .uploader-preview:hover .empty-placeholder{color:#3b82f6}body.dark .quiz-image-uploader .preview-loading,.dark .quiz-image-uploader .preview-loading{background-color:#1e1f20cc}.setting-row{flex-direction:column;align-items:flex-start;display:flex}.setting-row label{color:#333;font-size:14px;font-weight:600}body.dark .setting-row label{color:#ccc}.setting-row .status-text{color:#6b7280;font-size:13px}body.dark .setting-row .status-text{color:#9ca3af}.c-toggle{flex-shrink:0;width:50px;display:inline-block;position:relative}.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{cursor:pointer;border:0 solid #ccc;border-radius:30px;margin:0;display:block;position:relative;overflow:hidden}.c-toggle__inner{background-color:#ccc;border-radius:30px;width:100%;height:28px;transition:background-color .3s ease-in-out;display:block}.c-toggle__switch{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s ease-in;display:block;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.comments-disabled-warning{color:#a16207;background-color:#fffbe6;border:1px solid #fde68a;border-radius:6px;margin:16px 0 0;padding:12px 16px;font-size:14px}body.dark .comments-disabled-warning{color:#fde047;background-color:#423c1d;border-color:#a16207}.notice-box{text-align:center;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:16px 0;padding:48px 24px;display:flex}.notice-box__icon{color:#9ca3af;margin-bottom:16px;font-size:40px}.notice-box__message{color:#1f2937;margin:0 0 4px;font-size:16px;font-weight:600}.notice-box__description{color:#6b7280;max-width:350px;margin:0;font-size:14px}body.dark .notice-box{background-color:#282a2c;border-color:#4b556366}body.dark .notice-box__icon{color:#6b7280}body.dark .notice-box__message{color:#f9fafb}body.dark .notice-box__description{color:#9ca3af}.c-loading-overlay{z-index:10;background-color:#ffffffd9;border-radius:16px;justify-content:center;align-items:center;transition:opacity .2s ease-in-out;display:flex;position:absolute;inset:0}.c-loading-overlay__spinner{border:4px solid #0000001a;border-left-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}body.dark .c-loading-overlay{background-color:#1e1f20}body.dark .c-loading-overlay__spinner{border-color:#ffffff1a #ffffff1a #ffffff1a #60a5fa}.overlay-loading{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;background-color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s ease-in-out;display:flex;position:absolute;inset:0}.overlay-loading .spinner{border:4px solid #0000001a;border-top-color:#3b82f6;border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:.8s linear infinite spin}.overlay-loading span{color:#374151;font-weight:500}body.dark .overlay-loading{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1b1b1b}body.dark .overlay-loading .spinner{border-color:#60a5fa #ffffff1a #ffffff1a}body.dark .overlay-loading span{color:#e5e7eb}.c-modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;padding:17px;display:flex;position:fixed;inset:0}body.dark .c-modal-overlay,html[data-theme=dark] .c-modal-overlay{background-color:#0a0a0ab3}.c-modal{touch-action:auto;background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;min-height:0;max-height:90vh;animation:.2s ease-out modalFadeIn;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}body.dark .c-modal,html[data-theme=dark] .c-modal{background-color:#1e1f20;border:1px solid #ffffff14;box-shadow:0 8px 24px #0006}.c-modal__header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 24px;display:flex}body.dark .c-modal__header,html[data-theme=dark] .c-modal__header{border-bottom:1px solid #ffffff14}.c-modal__header h2{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:18px;font-weight:600;overflow:hidden}body.dark .c-modal__header h2,html[data-theme=dark] .c-modal__header h2{color:#e3e3e3}.c-modal__header .close-btn-modal{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;transition:background-color .2s,color .2s;display:flex}.c-modal__header .close-btn-modal:hover{color:#ef4444;background-color:#f3f4f6}body.dark .c-modal__header .close-btn-modal,html[data-theme=dark] .c-modal__header .close-btn-modal{color:#aaa}body.dark .c-modal__header .close-btn-modal:hover,html[data-theme=dark] .c-modal__header .close-btn-modal:hover{color:#ef4444;background-color:#282a2c}.c-modal__body{scrollbar-width:thin;flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow-y:auto}body.dark .c-modal__body{scrollbar-color:#555 transparent}.c-modal__footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}body.dark .c-modal__footer,html[data-theme=dark] .c-modal__footer{background-color:#1e1f20;border-top:1px solid #ffffff14}.c-modal__footer .q-modal-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.c-modal__footer .q-modal-btn:hover:not(:disabled){background-color:#2564eba6}.c-modal__footer .q-modal-btn:disabled{opacity:.6;cursor:not-allowed}.c-modal__footer .q-modal-btn.secondary{color:#4b5563;background-color:#0000;border:1px solid #d1d5db}.c-modal__footer .q-modal-btn.secondary:hover:not(:disabled){color:#1f2937;background-color:#f3f4f6}body.dark .c-modal__footer .q-modal-btn,html[data-theme=dark] .c-modal__footer .q-modal-btn{color:#fff;background-color:#3b82f6}body.dark .c-modal__footer .q-modal-btn:hover:not(:disabled),html[data-theme=dark] .c-modal__footer .q-modal-btn:hover:not(:disabled){filter:brightness(1.1)}body.dark .c-modal__footer .q-modal-btn.secondary,html[data-theme=dark] .c-modal__footer .q-modal-btn.secondary{color:#aaa;background-color:#0000;border-color:#4b556366}body.dark .c-modal__footer .q-modal-btn.secondary:hover:not(:disabled),html[data-theme=dark] .c-modal__footer .q-modal-btn.secondary:hover:not(:disabled){color:#e3e3e3;background-color:#37393b}.c-modal .pass-mark-note{color:#4b5563;margin-bottom:16px;font-size:14px;line-height:1.5}.c-modal .pass-mark-note strong{color:#1f2937;font-weight:600}body.dark .c-modal .pass-mark-note,html[data-theme=dark] .c-modal .pass-mark-note{color:#aaa}body.dark .c-modal .pass-mark-note strong,html[data-theme=dark] .c-modal .pass-mark-note strong{color:#e3e3e3}.c-modal .form-group{flex-direction:column;gap:8px;display:flex}.c-modal .form-label{color:#1f2937;font-size:14px;font-weight:500}body.dark .c-modal .form-label,html[data-theme=dark] .c-modal .form-label{color:#e3e3e3}.c-modal .form-input,.c-modal .form-textarea{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;transition:border-color .2s,box-shadow .2s;font-size:16px!important}.c-modal .form-input:focus,.c-modal .form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}body.dark .c-modal .form-input,html[data-theme=dark] .c-modal .form-input,body.dark .c-modal .form-textarea,html[data-theme=dark] .c-modal .form-textarea{color:#e3e3e3;background-color:#1b1b1b;border-color:#4b556366}body.dark .c-modal .form-input:focus,html[data-theme=dark] .c-modal .form-input:focus,body.dark .c-modal .form-textarea:focus,html[data-theme=dark] .c-modal .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.c-modal .form-textarea{resize:vertical;min-height:80px}.c-modal .form-error{color:#ef4444;margin-top:-4px;font-size:13px}.c-modal .form-bottom-row{justify-content:space-between;align-items:flex-start;min-height:20px;margin-top:-4px;display:flex}.c-modal .char-counter{color:#6b7280;font-size:12px;font-weight:500;transition:color .2s}body.dark .c-modal .char-counter,html[data-theme=dark] .c-modal .char-counter{color:#aaa}.c-modal .char-counter.is-max{color:#ef4444}body.dark .c-modal .char-counter.is-max,html[data-theme=dark] .c-modal .char-counter.is-max{color:#f87171}.c-modal .setting-row-modern{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 16px;display:flex}body.dark .c-modal .setting-row-modern,html[data-theme=dark] .c-modal .setting-row-modern{background-color:#18181b;border:1px solid #ffffff14}.c-modal .setting-row-modern .setting-info{flex-direction:column;gap:4px;display:flex}.c-modal .setting-row-modern .setting-info .form-label{margin:0;font-size:14px}.c-modal .setting-row-modern .setting-info .setting-desc{color:#4b5563;margin:0;font-size:13px}body.dark .c-modal .setting-row-modern .setting-info .setting-desc,html[data-theme=dark] .c-modal .setting-row-modern .setting-info .setting-desc{color:#aaa}.c-modal .setting-row-modern .c-toggle{flex-shrink:0;margin-left:16px}.reorder-item{cursor:default;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:box-shadow .2s,border-color .2s;display:flex}body.dark .reorder-item,html[data-theme=dark] .reorder-item{background-color:#18181b;border:1px solid #ffffff14}.reorder-item.dragging{background-color:#fff;border-color:#3b82f6;box-shadow:0 10px 25px #00000026}body.dark .reorder-item.dragging,html[data-theme=dark] .reorder-item.dragging{background-color:#27272a;border-color:#3b82f6;box-shadow:0 12px 30px #0009}.reorder-item-handle{cursor:grab;color:#6b7280;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.reorder-item-handle:active{cursor:grabbing}.reorder-item-handle:hover{color:#4b5563;background-color:#f3f4f6}body.dark .reorder-item-handle,html[data-theme=dark] .reorder-item-handle{color:#aaa}body.dark .reorder-item-handle:hover,html[data-theme=dark] .reorder-item-handle:hover{color:#e3e3e3;background-color:#37393b}.reorder-item-text{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;flex:1;font-size:14px;overflow:hidden}body.dark .reorder-item-text,html[data-theme=dark] .reorder-item-text{color:#e3e3e3}.number-stepper{align-items:center;gap:10px;display:flex}.number-stepper .form-input.text-center{text-align:center;-moz-appearance:textfield;flex:1;font-size:16px;font-weight:600}.number-stepper .form-input.text-center::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-stepper .form-input.text-center::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-stepper .stepper-btn{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:all .2s;display:flex}.number-stepper .stepper-btn:active:not(:disabled){transform:scale(.95)}.number-stepper .stepper-btn:hover:not(:disabled){color:#3b82f6;background-color:#fff;border-color:#3b82f6}.number-stepper .stepper-btn:disabled{opacity:.4;cursor:not-allowed}body.dark .number-stepper .stepper-btn,html[data-theme=dark] .number-stepper .stepper-btn{color:#aaa;background-color:#18181b;border-color:#4b556366}body.dark .number-stepper .stepper-btn:hover:not(:disabled),html[data-theme=dark] .number-stepper .stepper-btn:hover:not(:disabled){color:#3b82f6;background-color:#1b1b1b;border-color:#3b82f6}.c-confirm-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100001;background-color:#11182799;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}body.dark .c-confirm-modal-overlay,html[data-theme=dark] .c-confirm-modal-overlay{background-color:#000000b3}.c-confirm-modal{background-color:#fff;border-radius:12px;width:100%;max-width:450px;margin:16px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}body.dark .c-confirm-modal,html[data-theme=dark] .c-confirm-modal{background-color:#1e1f20;border:1px solid #4b556366}.c-confirm-modal__header{align-items:center;gap:16px;padding:24px 24px 16px;display:flex;position:relative}.c-confirm-modal__header .header-icon{color:#ef4444;background-color:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}body.dark .c-confirm-modal__header .header-icon,html[data-theme=dark] .c-confirm-modal__header .header-icon{background-color:#dc262633}.c-confirm-modal__header .header-title{color:#1f2937;margin:0;padding-right:24px;font-size:18px;font-weight:700}body.dark .c-confirm-modal__header .header-title,html[data-theme=dark] .c-confirm-modal__header .header-title{color:#e3e3e3}.c-confirm-modal__header .header-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.c-confirm-modal__header .header-close-btn:hover{color:#1f2937;background-color:#f3f4f6}body.dark .c-confirm-modal__header .header-close-btn,html[data-theme=dark] .c-confirm-modal__header .header-close-btn{color:#aaa}body.dark .c-confirm-modal__header .header-close-btn:hover,html[data-theme=dark] .c-confirm-modal__header .header-close-btn:hover{color:#e3e3e3;background-color:#37393b}.c-confirm-modal__content{color:#4b5563;padding:0 24px 24px;font-size:15px;line-height:1.6}.c-confirm-modal__content p{margin:0}body.dark .c-confirm-modal__content,html[data-theme=dark] .c-confirm-modal__content{color:#aaa}.c-confirm-modal__actions{background-color:#f3f4f6;border-top:1px solid #e5e7eb;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}body.dark .c-confirm-modal__actions,html[data-theme=dark] .c-confirm-modal__actions{background-color:#121212;border-top-color:#4b556366}.c-confirm-modal__actions .modal-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.c-confirm-modal__actions .cancel-btn{color:#4b5563;background-color:#0000;border:1px solid #d1d5db}.c-confirm-modal__actions .cancel-btn:hover{color:#1f2937;background-color:#fff}body.dark .c-confirm-modal__actions .cancel-btn,html[data-theme=dark] .c-confirm-modal__actions .cancel-btn{color:#aaa;border-color:#4b556366}body.dark .c-confirm-modal__actions .cancel-btn:hover,html[data-theme=dark] .c-confirm-modal__actions .cancel-btn:hover{color:#e3e3e3;background-color:#37393b}.c-confirm-modal__actions .confirm-btn.danger{color:#fff;background-color:#ef4444}.c-confirm-modal__actions .confirm-btn.danger:hover{background-color:#b21d1d}body.dark .c-confirm-modal__actions .confirm-btn.danger,html[data-theme=dark] .c-confirm-modal__actions .confirm-btn.danger{background-color:#ef4444}body.dark .c-confirm-modal__actions .confirm-btn.danger:hover,html[data-theme=dark] .c-confirm-modal__actions .confirm-btn.danger:hover{background-color:#dc2626}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-selector-wrapper{width:100%;position:relative}.custom-selector-wrapper .selector-trigger{color:#1f2937;cursor:pointer;text-align:left;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.custom-selector-wrapper .selector-trigger .chevron{color:#6b7280;transition:transform .2s}.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{color:#e5e7eb;background-color:#1e1f20;border-color:#4b5563}body.dark .custom-selector-wrapper .selector-trigger .chevron{color:#9ca3af}.custom-selector-wrapper .selector-options{z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-height:300px;padding:8px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.custom-selector-wrapper .selector-options .option-item{text-align:left;cursor:pointer;color:#1f2937;background-color:#0000;border:none;border-radius:6px;width:100%;padding:10px 12px;font-size:15px;font-weight:500;display:block}.custom-selector-wrapper .selector-options .option-item:hover{background-color:#f3f4f6}.custom-selector-wrapper .selector-options .option-item.selected{color:#fff;background-color:#3b82f6;font-weight:600}body.dark .custom-selector-wrapper .selector-options{background-color:#1e1f20;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{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background-color:#000c;justify-content:center;align-items:center;padding:16px;transition:opacity .3s ease-in-out;display:flex;position:fixed;inset:0}.image-zoom-backdrop.visible{opacity:1}.image-zoom-backdrop.visible .image-container,.image-zoom-backdrop.visible .controls,.image-zoom-backdrop.visible .close-button{opacity:1;transform:none}.image-zoom-backdrop.visible .controls{transform:translate(-50%)}.image-zoom-backdrop .image-container{opacity:0;justify-content:center;align-items:center;width:90vw;height:90vh;transition:transform .3s,opacity .3s;display:flex;position:relative;overflow:hidden;transform:scale(.9)}.image-zoom-backdrop .image-container .zoomable-image{object-fit:contain;cursor:grab;border-radius:8px;max-width:100%;max-height:100%;transition:transform .15s ease-out;box-shadow:0 10px 30px #0006}.image-zoom-backdrop .image-container .zoomable-image:active{cursor:grabbing}.image-zoom-backdrop .control-button,.image-zoom-backdrop .close-button{color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s,transform .1s;display:flex}.image-zoom-backdrop .control-button svg,.image-zoom-backdrop .close-button svg{width:24px;height:24px}.image-zoom-backdrop .control-button:hover,.image-zoom-backdrop .close-button:hover{background-color:#fff3}.image-zoom-backdrop .control-button:active,.image-zoom-backdrop .close-button:active{transform:scale(.95)}.image-zoom-backdrop .controls{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background-color:#141414b3;border:1px solid #ffffff1a;border-radius:999px;gap:8px;padding:8px;transition:opacity .3s .15s,transform .3s .15s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%,20px)}.image-zoom-backdrop .close-button{opacity:0;background-color:#14141480;transition:opacity .3s .15s,transform .3s .15s;position:absolute;top:16px;right:16px;transform:scale(.5)}.custom-dropdown2{width:100%;max-width:280px;position:relative}.custom-dropdown2 .dropdown-trigger{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:12px 16px;transition:all .2s ease-in-out;display:flex;position:relative}.custom-dropdown2 .dropdown-trigger:hover{border-color:#9ca3af}.custom-dropdown2 .dropdown-trigger:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}body.dark .custom-dropdown2 .dropdown-trigger{background-color:#1e1f20;border-color:#4b556366}.custom-dropdown2 .dropdown-selected-value{color:#1f2937;font-size:14px}body.dark .custom-dropdown2 .dropdown-selected-value{color:#e3e3e3}.custom-dropdown2 .dropdown-label{color:#6b7280;pointer-events:none;background-color:#fff;padding:0 4px;font-size:14px;transition:all .2s ease-in-out;position:absolute;top:50%;left:16px;transform:translateY(-50%)}body.dark .custom-dropdown2 .dropdown-label{color:#aaa;background-color:#1e1f20}.custom-dropdown2 .dropdown-caret{color:#6b7280;transition:transform .2s ease-in-out}body.dark .custom-dropdown2 .dropdown-caret{color:#aaa}.custom-dropdown2 .dropdown-menu{z-index:10;opacity:0;pointer-events:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-height:200px;margin:0;padding:8px 0;list-style:none;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;transform:translateY(-10px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}body.dark .custom-dropdown2 .dropdown-menu{background-color:#131314;border-color:#6b72801c;box-shadow:0 10px 15px -3px #0006}.custom-dropdown2 .dropdown-menu .dropdown-option{cursor:pointer;color:#1f2937;padding:10px 16px;transition:background-color .15s}.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:hover,body.dark .custom-dropdown2 .dropdown-menu .dropdown-option.selected{background-color:#37393b}.custom-dropdown2.has-value .dropdown-label,.custom-dropdown2.state-open .dropdown-label{font-size:12px;top:0}.custom-dropdown2.state-open .dropdown-trigger{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.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;pointer-events:auto;transform:translateY(0)}.custom-dropdown3{width:100%;position:relative}.custom-dropdown3 .dropdown-trigger{cursor:pointer;text-align:left;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:56px;padding:12px 16px;transition:all .2s ease-in-out;display:flex;position:relative}.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{color:#1f2937;font-size:14px;font-weight:500}body.dark .custom-dropdown3 .dropdown-selected-value{color:#e3e3e3}.custom-dropdown3 .dropdown-label{pointer-events:none;color:#6b7280;background-color:#f9fafb;padding:0 5px;font-size:14px;transition:all .2s ease-in-out;position:absolute;top:50%;left:15px;transform:translateY(-50%)}body.dark .custom-dropdown3 .dropdown-label{color:#9ca3af;background-color:#282a2c}.custom-dropdown3 .dropdown-caret{color:#6b7280;font-size:14px;transition:transform .2s ease-in-out}body.dark .custom-dropdown3 .dropdown-caret{color:#9ca3af}.custom-dropdown3 .dropdown-menu{z-index:1010;opacity:0;pointer-events:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-height:200px;margin:0;padding:8px;list-style:none;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;transform:translateY(-10px);box-shadow:0 10px 20px #0000001a}body.dark .custom-dropdown3 .dropdown-menu{background-color:#1b1c1d;border:1px solid #404345;box-shadow:0 10px 20px #0006}.custom-dropdown3 .dropdown-menu .dropdown-option{cursor:pointer;color:#1f2937;border-radius:8px;padding:10px 12px;font-weight:500;transition:background-color .15s}.custom-dropdown3 .dropdown-menu .dropdown-option:hover,.custom-dropdown3 .dropdown-menu .dropdown-option.selected{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:hover,body.dark .custom-dropdown3 .dropdown-menu .dropdown-option.selected{background-color:#404345}.custom-dropdown3.has-value .dropdown-label,.custom-dropdown3.state-open .dropdown-label{font-size:12px;font-weight:500;top:0}.custom-dropdown3.state-open .dropdown-trigger{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}body.dark .custom-dropdown3.state-open .dropdown-trigger{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa4d}.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;pointer-events:auto;transform:translateY(0)}.question-index-panel{background-color:#fff;border-radius:16px;flex-direction:column;height:100%;padding:20px;display:flex}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{align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.question-index-panel__header h3{color:#1f2937;margin-bottom:12px;font-size:18px;font-weight:600}body.dark .question-index-panel__header h3{color:#f3f4f6}.question-index-panel__header .current-section-name{color:#4b5563;background-color:#e5e7eb;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:500}body.dark .question-index-panel__header .current-section-name{color:#d1d5db;background-color:#404345}.question-index-panel__header .index-legend{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.question-index-panel__header .index-legend .legend-item{color:#4b5563;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}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;height:320px;overflow-y:auto}.question-index-panel__grid-container::-webkit-scrollbar{width:6px}.question-index-panel__grid-container::-webkit-scrollbar-track{background:0 0}.question-index-panel__grid-container::-webkit-scrollbar-thumb{background:#f3f4f6;border-radius:3px}body.dark .question-index-panel__grid-container::-webkit-scrollbar-thumb{background:#33333348}.question-index-panel .index-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:10px;padding:4px 8px 8px 0;display:grid}.question-index-panel .index-grid__item{cursor:pointer;color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;height:48px;font-size:15px;font-weight:600;transition:all .2s ease-in-out;display:flex;position:relative}body.dark .question-index-panel .index-grid__item{color:#9ca3af;background-color:#1b1c1d;border-color:#404345}.question-index-panel .index-grid__item.answered{color:#4b5563;background-color:#f3f4f6;border-color:#d1d5db}body.dark .question-index-panel .index-grid__item.answered{color:#e8eaed;background-color:#3c4043;border-color:#5f6368}.question-index-panel .index-grid__item.success{color:#15803d;background-color:#f0fdf4;border-color:#4ade80}body.dark .question-index-panel .index-grid__item.success{color:#86efac;background-color:#166534c4;border-color:#4ade80c4}.question-index-panel .index-grid__item.wrong{color:#b91c1c;background-color:#fef2f2;border-color:#f87171}body.dark .question-index-panel .index-grid__item.wrong{color:#fca5a5;background-color:#7f1d1dc9;border-color:#f87171b7}.question-index-panel .index-grid__item.approximately{color:#a16207;background-color:#fefce8;border-color:#facc15}body.dark .question-index-panel .index-grid__item.approximately{color:#fde047;background-color:#713e12c7;border-color:#facc15be}.question-index-panel .index-grid__item.active{color:#1e3a8a;background-color:#dbeafe;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}body.dark .question-index-panel .index-grid__item.active{color:#eff6ff;background-color:#222426;border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.question-index-panel .index-grid__item .critical-dot{z-index:2;background-color:#ef4444;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px;box-shadow:0 1px 2px #0000001a}body.dark .question-index-panel .index-grid__item .critical-dot{background-color:#f87171;border-color:#1b1c1d}.question-index-panel__footer{border-top:1px solid #e5e7eb;flex-shrink:0;margin-top:auto;padding-top:20px}body.dark .question-index-panel__footer{border-top-color:#374151}.question-index-panel__footer .submit-button{cursor:pointer;color:#fff;background-color:#0284c7;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.question-index-panel__footer .submit-button:hover:not(.disabled){background-color:#0369a1;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0284c740}.question-index-panel__footer .submit-button:active:not(.disabled){background-color:#0c4a6e;transform:translateY(0)}body.dark .question-index-panel__footer .submit-button{color:#f0f9ff;background-color:#0285c760;box-shadow:0 4px 6px -1px #0000004d}body.dark .question-index-panel__footer .submit-button:hover:not(.disabled){background-color:#0ea4e965;box-shadow:0 10px 15px -3px #0ea5e94d}body.dark .question-index-panel__footer .submit-button:active:not(.disabled){background-color:#036aa18f}.question-index-panel__footer .submit-button.disabled{opacity:1;cursor:not-allowed;box-shadow:none;color:#9ca3af;background-color:#f3f4f6;transform:none}body.dark .question-index-panel__footer .submit-button.disabled{color:#6b7280;background-color:#374151}.assign-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100dvh;padding:16px;animation:.2s ease-out am-fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes am-fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.assign-modal{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:calc(100dvh - 32px);animation:.3s cubic-bezier(.16,1,.3,1) am-slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}body.dark .assign-modal{background-color:#1e1f20;border-color:#4b556366;box-shadow:0 20px 25px -5px #0000004d}.assign-modal__form-wrapper{flex-direction:column;height:100%;display:flex;overflow:hidden}.assign-modal__header{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:20px 24px;position:relative}body.dark .assign-modal__header{background-color:#1e1f20;border-bottom-color:#6b72801c}.assign-modal__header .assign-modal__title{margin-bottom:0}.assign-modal__body{scrollbar-width:thin;flex-grow:1;padding:20px 24px;overflow-y:auto}body.dark .assign-modal__body{scrollbar-color:#555 transparent}.assign-modal__body::-webkit-scrollbar{width:6px}.assign-modal__body::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}body.dark .assign-modal__body::-webkit-scrollbar-thumb{background-color:#6b72801c}@media (max-width:480px){.assign-modal__body{padding:16px}}.assign-modal__footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;padding:20px 24px}body.dark .assign-modal__footer{background-color:#282a2c;border-top-color:#6b72801c}@media (max-width:480px){.assign-modal__footer{padding:16px}}.assign-modal__title{text-align:center;color:#1f2937;font-size:20px;font-weight:700}body.dark .assign-modal__title{color:#e3e3e3}.assign-modal__subtitle{text-align:center;color:#4b5563;margin-bottom:24px;font-size:14px}body.dark .assign-modal__subtitle{color:#aaa}.assign-modal__close-btn{cursor:pointer;z-index:10;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background-color .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.assign-modal__success-view .assign-modal__close-btn{top:16px;right:16px;transform:none}.assign-modal__close-btn:hover{color:#1f2937;background-color:#f3f4f6}body.dark .assign-modal__close-btn{color:#aaa}body.dark .assign-modal__close-btn:hover{color:#e3e3e3;background-color:#282a2c}.assign-modal__form-group{margin-bottom:20px}.assign-modal__form-group label{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:500;display:block}body.dark .assign-modal__form-group label{color:#e3e3e3}.assign-modal__input{color:#1f2937;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.assign-modal__input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.assign-modal__input:disabled{color:#6b7280;cursor:not-allowed;opacity:.8;background-color:#0000000a;border-color:#00000014}body.dark .assign-modal__input{color:#e3e3e3;background-color:#282a2c;border-color:#6b72801c}body.dark .assign-modal__input:focus{background-color:#232527;border-color:#3b82f6}body.dark .assign-modal__input:disabled{color:#aaa;cursor:not-allowed;opacity:.6;background-color:#ffffff08;border-color:#ffffff0d}@media (max-width:768px){.assign-modal__input{font-size:16px!important}}.assign-modal__date-row{gap:12px;display:flex}@media (max-width:480px){.assign-modal__date-row{flex-direction:column;gap:16px}}.assign-modal__date-row .date-col{flex-direction:column;flex:1;gap:4px;display:flex}.assign-modal__date-row .date-col span.label-sub{color:#4b5563;font-size:12px}body.dark .assign-modal__date-row .date-col span.label-sub{color:#aaa}.assign-modal__date-row .date-col input[type=datetime-local]{width:100%}body.dark .assign-modal__date-row .date-col input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.assign-modal__helper-text{color:#6b7280;margin-top:6px;font-size:12px;font-style:italic}body.dark .assign-modal__helper-text{color:#aaa}.assign-modal__section-list{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;height:200px;padding:8px 12px;transition:opacity .2s;overflow-y:auto}body.dark .assign-modal__section-list{background-color:#282a2c;border-color:#6b72801c}.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:#6b72801c}.assign-modal__loading-placeholder,.assign-modal__empty-placeholder{color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:200px;font-size:14px;display:flex}body.dark .assign-modal__loading-placeholder,body.dark .assign-modal__empty-placeholder{color:#aaa;background-color:#282a2c;border-color:#6b72801c}.assign-modal__empty-placeholder{text-align:center;border-style:dashed;padding:20px}.assign-modal__checkbox-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #0000;align-items:center;padding:8px 0;display:flex}.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:#6b72801c}.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;cursor:pointer;background-color:#fff;border:1.5px solid #d1d5db;border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-right:12px;transition:all .2s;position:relative}body.dark .assign-modal__checkbox-item input[type=checkbox]{background-color:#282a2c;border-color:#6b72801c}.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:"";opacity:0;transition:opacity .2s;position:absolute}.assign-modal__checkbox-item input[type=checkbox]:checked:after{opacity:1;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.assign-modal__checkbox-item input[type=checkbox]:indeterminate:after{opacity:1;background-color:#fff;width:10px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.assign-modal__checkbox-item span{color:#1f2937;font-size:14px}body.dark .assign-modal__checkbox-item span{color:#e3e3e3}.assign-modal__notice{color:#ac6f07;background-color:#f59e0b1a;border:1px solid #f59e0b33;border-radius:6px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;font-size:13px;display:flex}body.dark .assign-modal__notice{color:#f9c56d;background-color:#f59e0b26;border-color:#f59e0b33}.assign-modal__time-grid{flex-direction:column;gap:12px;display:flex}.assign-modal__time-item{background-color:#0000;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.assign-modal__time-item label{color:#4b5563;margin:0;font-size:14px}body.dark .assign-modal__time-item label{color:#aaa}.assign-modal__number-input-group{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;width:130px;height:38px;display:flex;overflow:hidden}body.dark .assign-modal__number-input-group{background-color:#1e1f20;border-color:#6b72801c}.assign-modal__number-input-group button{color:#4b5563;cursor:pointer;background-color:#f9fafb;border:none;justify-content:center;align-items:center;width:40px;height:100%;transition:background-color .2s;display:flex}body.dark .assign-modal__number-input-group button{color:#aaa;background-color:#282a2c}.assign-modal__number-input-group button:hover{background-color:#d1d5db}body.dark .assign-modal__number-input-group button:hover{background-color:#6b72801c}.assign-modal__number-input-group button:active{opacity:.7}.assign-modal__number-input-group input{text-align:center;color:#1f2937;-moz-appearance:textfield;background:0 0;border:none;flex:1;width:100%;height:100%;padding:0;font-size:15px;font-weight:600}body.dark .assign-modal__number-input-group input{color:#e3e3e3}.assign-modal__number-input-group input:focus{outline:none}.assign-modal__number-input-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.assign-modal__number-input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.assign-modal__checkbox-group{gap:16px;margin-top:4px;display:flex}@media (max-width:480px){.assign-modal__checkbox-group{flex-direction:column;gap:12px}}.assign-modal__checkbox-row{border-radius:6px;flex:1;align-items:center;gap:12px;margin-bottom:16px;padding:12px;transition:background-color .2s;display:flex;position:relative}.assign-modal__checkbox-group .assign-modal__checkbox-row{background-color:#f9fafb;border:1px solid #0000;margin-bottom:0}body.dark .assign-modal__checkbox-group .assign-modal__checkbox-row{background-color:#282a2c}.assign-modal__checkbox-row:hover{background-color:#f0f2f5}body.dark .assign-modal__checkbox-row:hover{background-color:#343739}.assign-modal__checkbox-row input[type=checkbox]{appearance:none;cursor:pointer;z-index:2;background:#fff;border:1.5px solid #d1d5db;border-radius:4px;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}body.dark .assign-modal__checkbox-row input[type=checkbox]{background:#282a2c;border-color:#6b72801c}.assign-modal__checkbox-row input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.assign-modal__checkbox-row input[type=checkbox]:after{content:"";opacity:0;transition:opacity .2s;position:absolute}.assign-modal__checkbox-row input[type=checkbox]:checked:after{opacity:1;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.assign-modal__checkbox-row label{cursor:pointer;color:#1f2937;-webkit-user-select:none;user-select:none;flex-grow:1;margin:0;font-weight:500}body.dark .assign-modal__checkbox-row label{color:#e3e3e3}.assign-modal__checkbox-row label:after{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.assign-modal__error{color:#ef4444;text-align:center;background-color:#ef44441a;border:1px solid #ef444433;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.assign-modal__submit-btn{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:6px;width:100%;padding:14px 12px;font-size:15px;font-weight:600;transition:all .2s}.assign-modal__submit-btn:hover{background-color:#2564eba6;transform:translateY(-1px)}.assign-modal__submit-btn:disabled{color:#f3f4f6;cursor:not-allowed;background:#6b7280;transform:none}body.dark .assign-modal__submit-btn:disabled{color:#aaa;background:#37393b}.assign-modal__success-view{flex-direction:column;align-items:center;padding:32px 24px;display:flex;position:relative}.assign-modal__success-view .success-icon{color:#10b981;margin-bottom:16px}.assign-modal__link-wrapper{width:100%;height:44px;margin-bottom:16px;display:flex}.assign-modal__link-wrapper input{color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-right:none;border-top-left-radius:6px;border-bottom-left-radius:6px;flex-grow:1;padding:10px 12px;font-size:14px}body.dark .assign-modal__link-wrapper input{color:#aaa;background-color:#282a2c;border-color:#6b72801c}.assign-modal__link-wrapper button{cursor:pointer;color:#fff;background-color:#3b82f6;border:1px solid #e5e7eb;border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.assign-modal__link-wrapper button:hover{background-color:#2564eba6}.assign-modal__link-wrapper button.copied{background-color:#10b981;border-color:#10b981}.assign-modal__qr-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;overflow:hidden}body.dark .assign-modal__qr-section{border-color:#6b72801c}.assign-modal__qr-section .qr-toggle-btn{cursor:pointer;background-color:#f9fafb;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;transition:background-color .2s;display:flex}body.dark .assign-modal__qr-section .qr-toggle-btn{color:#1f2937;background-color:#282a2c}.assign-modal__qr-section .qr-toggle-btn:hover{background-color:#f0f2f5}body.dark .assign-modal__qr-section .qr-toggle-btn:hover{background-color:#2f3234}.assign-modal__qr-section .qr-toggle-btn span{color:#1f2937;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}body.dark .assign-modal__qr-section .qr-toggle-btn span{color:#e3e3e3}.assign-modal__qr-section .qr-content{background-color:#fff;border-top:1px solid #e5e7eb;flex-direction:column;align-items:center;padding:20px 16px;animation:.3s ease-out am-fadeIn;display:flex}body.dark .assign-modal__qr-section .qr-content{background-color:#1e1f20;border-top-color:#6b72801c}.assign-modal__qr-section .qr-content canvas{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:6px;box-shadow:0 4px 6px -1px #0000000d;background-color:#fff!important}.assign-modal__qr-section .qr-content .qr-input-group{gap:8px;width:100%;height:44px;margin-bottom:16px;display:flex}.assign-modal__qr-section .qr-content .qr-input-group input{border-radius:6px;flex-grow:1;margin:0;padding:0 12px;font-size:13px}.assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon{cursor:pointer;color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:all .2s;display:flex}body.dark .assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon{color:#aaa;background-color:#282a2c;border-color:#6b72801c}.assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon:hover{color:#3b82f6;background-color:#f3f4f6;border-color:#3b82f6}body.dark .assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon:hover{background-color:#37393b;border-color:#3b82f6}.assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon.copied{color:#10b981;background-color:#10b9811a;border-color:#10b981}body.dark .assign-modal__qr-section .qr-content .qr-input-group .assign-modal__copy-btn-icon.copied{background-color:#10b98133}.assign-modal__qr-section .qr-content .qr-download-link{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.assign-modal__qr-section .qr-content .qr-download-link:hover{background-color:#3b82f61a;border-color:#3b82f633}.assign-modal__qr-section .qr-content .qr-download-link:active{transform:translateY(1px)}@keyframes am-slideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.assign-modal--qr-view{max-width:400px!important}.assign-modal--qr-view .assign-modal__qr-center{justify-content:center;margin:20px 0;display:flex}.assign-modal--qr-view .assign-modal__qr-center canvas{border:8px solid #fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.assign-modal--qr-view .assign-modal__qr-actions{justify-content:center;display:flex}.assign-modal--qr-view .assign-modal__qr-actions button{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}body.dark .assign-modal--qr-view .assign-modal__qr-actions button{color:#aaa;background-color:#282a2c;border-color:#6b72801c}.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}.assignment-dashboard{scrollbar-width:thin;scrollbar-gutter:stable;flex-direction:column;flex:1;width:100%;min-height:0;margin:0 auto;padding:24px;display:flex;overflow:auto}@media (max-width:768px){.assignment-dashboard{padding:16px}}.assignment-dashboard .dashboard-header{flex-shrink:0;margin-bottom:24px}.assignment-dashboard .dashboard-header h1{color:#1f2937;font-size:28px;font-weight:700}body.dark .assignment-dashboard .dashboard-header h1{color:#e3e3e3}.assignment-dashboard .dashboard-header p{color:#4b5563;font-size:16px}body.dark .assignment-dashboard .dashboard-header p{color:#aaa}.breadcrumb-wrapper{align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.breadcrumb-wrapper .breadcrumb-link{opacity:.6;color:inherit;text-decoration:none;transition:opacity .2s}.breadcrumb-wrapper .breadcrumb-link:hover{opacity:1}.breadcrumb-wrapper .breadcrumb-separator{opacity:.4}.breadcrumb-wrapper .breadcrumb-current{text-overflow:ellipsis;white-space:nowrap;color:#1f2937;max-width:300px;overflow:hidden}body.dark .breadcrumb-wrapper .breadcrumb-current{color:#e3e3e3}@media (max-width:640px){.breadcrumb-wrapper{font-size:16px}.breadcrumb-wrapper .breadcrumb-current{max-width:150px}}.assignment-back-wrapper{margin-bottom:20px}.assignment-back-wrapper .assignment-back-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:600;transition:color .2s;display:inline-flex}body.dark .assignment-back-wrapper .assignment-back-btn{color:#aaa}.assignment-back-wrapper .assignment-back-btn:hover{color:#3b82f6}.assignment-header{flex-wrap:wrap;gap:16px;display:flex;padding:0!important}.assignment-header .assignment-filter-wrapper{flex:1;min-width:250px;max-width:300px;position:relative}.assignment-header .assignment-filter-wrapper .filter-icon{color:#9ca3af;pointer-events:none;z-index:10;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.assignment-header .assignment-filter-wrapper .filter-select,.assignment-header .assignment-filter-wrapper .zen-sk-asm-card{appearance:none;cursor:pointer;align-items:center;width:100%;display:flex;padding-left:48px!important}.assignment-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));align-items:stretch;gap:16px;padding-bottom:20px;display:grid}.assignment-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 2px 4px #00000005}.assignment-card:hover{border-color:#3b82f666;box-shadow:0 8px 16px #0000000f}body.dark .assignment-card,html[data-theme=dark] .assignment-card,.dark .assignment-card{box-shadow:none;background-color:#1e1f20;border:1px solid #6b72801c}body.dark .assignment-card:hover,html[data-theme=dark] .assignment-card:hover,.dark .assignment-card:hover{border-color:#3b82f699}.assignment-card .card-main-info{flex:1;margin-bottom:16px}.assignment-card .card-main-info .card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.assignment-card .card-main-info .status-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.assignment-card .card-main-info .status-tag.active{color:#0c8a60;background-color:#10b9811a}body.dark .assignment-card .card-main-info .status-tag.active{color:#29ecac;background-color:#10b98126}.assignment-card .card-main-info .status-tag.closed{color:#4b5563;background-color:#f9fafb}body.dark .assignment-card .card-main-info .status-tag.closed{color:#aaa;background-color:#282a2c}.assignment-card .card-main-info .status-tag.scheduled{color:#ac6f07;background-color:#f59e0b1a}body.dark .assignment-card .card-main-info .status-tag.scheduled{color:#f8bb54;background-color:#f59e0b26}.assignment-card .card-main-info .status-tag.ended{color:#eb1515;background-color:#ef44441a}body.dark .assignment-card .card-main-info .status-tag.ended{color:#f58a8a;background-color:#ef444426}.assignment-card .card-main-info .card-participants{color:#4b5563;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}body.dark .assignment-card .card-main-info .card-participants{color:#aaa}.assignment-card .card-main-info .card-title{color:#1f2937;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin-bottom:4px;font-size:18px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}body.dark .assignment-card .card-main-info .card-title{color:#e3e3e3}.assignment-card .card-main-info .card-exam-name{color:#6b7280;word-break:break-word;margin-bottom:12px;font-size:13px}.assignment-card .card-main-info .card-exam-name span{color:#4b5563;font-weight:500}body.dark .assignment-card .card-main-info .card-exam-name,body.dark .assignment-card .card-main-info .card-exam-name span{color:#aaa}.assignment-card .card-main-info .card-exam-name .exam-link-hover{color:inherit;text-decoration:none;transition:color .2s}.assignment-card .card-main-info .card-exam-name .exam-link-hover:hover{color:#3b82f6;text-decoration:underline}body.dark .assignment-card .card-main-info .card-exam-name .exam-link-hover:hover{color:#60a5fa}.assignment-card .card-main-info .card-meta-info{border-top:1px dashed #e5e7eb;flex-direction:column;gap:6px;padding-top:12px;display:flex}body.dark .assignment-card .card-main-info .card-meta-info{border-top-color:#6b72801c}.assignment-card .card-main-info .card-meta-info .card-date{color:#4b5563;margin:0;font-size:12px}body.dark .assignment-card .card-main-info .card-meta-info .card-date{color:#aaa}.assignment-card .card-main-info .card-schedule-info{flex-direction:column;gap:4px;margin-top:4px;display:flex}.assignment-card .card-main-info .card-schedule-info .schedule-item{color:#4b5563;align-items:center;gap:6px;font-size:12px;display:flex}body.dark .assignment-card .card-main-info .card-schedule-info .schedule-item{color:#aaa}.assignment-card .card-main-info .card-schedule-info .schedule-item .icon-sub{color:#6b7280;text-align:center;width:14px}body.dark .assignment-card .card-main-info .card-schedule-info .schedule-item .icon-sub{color:#aaa}.assignment-card .card-actions{flex-direction:column;gap:12px;display:flex}.assignment-card .card-actions .card-link-wrapper{color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}body.dark .assignment-card .card-actions .card-link-wrapper{color:#aaa;background-color:#282a2c;border:1px solid #6b72801c}.assignment-card .card-actions .card-link-wrapper .link-text{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:8px;font-family:monospace;overflow:hidden}.assignment-card .card-actions .card-link-wrapper .link-icon{color:#6b7280}body.dark .assignment-card .card-actions .card-link-wrapper .link-icon{color:#aaa}.assignment-card .card-actions .card-link-wrapper .link-btns{gap:4px;display:flex}.assignment-card .card-actions .card-link-wrapper .card-copy-btn{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .2s;display:flex}body.dark .assignment-card .card-actions .card-link-wrapper .card-copy-btn{color:#aaa;background:#1e1f20;border-color:#6b72801c}.assignment-card .card-actions .card-link-wrapper .card-copy-btn:hover:not(.copied){color:#3b82f6;border-color:#3b82f6}.assignment-card .card-actions .card-link-wrapper .card-copy-btn.copied{color:#10b981;background-color:#10b9810d;border-color:#10b98166;font-weight:600}body.dark .assignment-card .card-actions .card-link-wrapper .card-copy-btn.copied{color:#14e8a2;background-color:#10b9811a;border-color:#10b98180}.assignment-card .card-actions .action-buttons-group{align-items:center;gap:8px;display:flex}.assignment-card .card-actions .action-btn{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;padding:10px;font-size:14px;transition:all .2s;display:flex}body.dark .assignment-card .card-actions .action-btn{color:#aaa;background-color:#1e1f20;border-color:#6b72801c}.assignment-card .card-actions .action-btn:hover{color:#1f2937;background-color:#f9fafb}body.dark .assignment-card .card-actions .action-btn:hover{color:#e3e3e3;background-color:#37393b}.assignment-card .card-actions .action-btn.play-btn{color:#10b981;background-color:#10b9810d;border-color:#10b98166;flex:1;gap:6px;font-weight:600;text-decoration:none}body.dark .assignment-card .card-actions .action-btn.play-btn{color:#34d399;background-color:#34d3991a;border-color:#34d39966}.assignment-card .card-actions .action-btn.play-btn:hover{color:#fff;background-color:#10b981;border-color:#10b981}body.dark .assignment-card .card-actions .action-btn.play-btn:hover{background-color:#059669;border-color:#059669}.assignment-card .card-actions .action-btn.edit:hover{color:#16a34a;background-color:#f0fdf4;border-color:#bbf7d0}body.dark .assignment-card .card-actions .action-btn.edit:hover{color:#4ade80;background-color:#16a34a1a;border-color:#4ade804d}.assignment-card .card-actions .action-btn.delete:hover{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}body.dark .assignment-card .card-actions .action-btn.delete:hover{color:#f87171;background-color:#dc26261a;border-color:#f871714d}.assignment-card .card-actions .action-btn.view-results{color:#fff;background-color:#3b82f6;border-color:#3b82f6;flex:1;gap:8px;font-weight:600}.assignment-card .card-actions .action-btn.view-results:hover{background-color:#2564eba6}.qr-view-modal{max-width:400px!important;padding-bottom:24px!important}.qr-view-modal .qr-container-center{justify-content:center;margin:24px 0;display:flex}.qr-view-modal .qr-container-center .qr-canvas-shadow{border:8px solid #fff;border-radius:16px;box-shadow:0 8px 24px #0000001f}.qr-view-modal .qr-actions{justify-content:center;display:flex}.qr-view-modal .qr-actions .qr-download-btn{cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .2s;display:flex}.qr-view-modal .qr-actions .qr-download-btn:hover{color:#3b82f6;background-color:#e5e7eb;border-color:#3b82f6}body.dark .qr-view-modal .qr-actions .qr-download-btn{color:#1f2937;background-color:#282a2c;border-color:#6b72801c}body.dark .qr-view-modal .qr-actions .qr-download-btn:hover{color:#3b82f6;background-color:#37393b;border-color:#3b82f6}@keyframes zenSkPulseAsm{0%,to{opacity:1}50%{opacity:.5}}.zen-sk-assignments{flex-direction:column;width:100%;display:flex}.zen-sk-assignments__toolbar{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.zen-sk-assignments__toolbar .sk-filter,.zen-sk-assignments__toolbar .sk-search{background-color:#f3f4f6;border-radius:4px;flex:1;min-width:250px;height:42px;animation:1.5s ease-in-out infinite zenSkPulseAsm}body.dark .zen-sk-assignments__toolbar .sk-filter,html[data-theme=dark] .zen-sk-assignments__toolbar .sk-filter,.dark .zen-sk-assignments__toolbar .sk-filter,body.dark .zen-sk-assignments__toolbar .sk-search,html[data-theme=dark] .zen-sk-assignments__toolbar .sk-search,.dark .zen-sk-assignments__toolbar .sk-search{background-color:#ffffff0d}.zen-sk-assignments__grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;padding-bottom:20px;display:grid}.zen-sk-asm-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:280px;padding:16px;display:flex}body.dark .zen-sk-asm-card,html[data-theme=dark] .zen-sk-asm-card,.dark .zen-sk-asm-card{background-color:#1e1f20;border-color:#6b72801c}.zen-sk-asm-card__top{flex:1;margin-bottom:16px}.zen-sk-asm-card__header{justify-content:space-between;margin-bottom:16px;display:flex}.zen-sk-asm-card__header .sk-tag{background-color:#f3f4f6;border-radius:4px;width:110px;height:22px;animation:1.5s ease-in-out infinite zenSkPulseAsm}body.dark .zen-sk-asm-card__header .sk-tag,html[data-theme=dark] .zen-sk-asm-card__header .sk-tag,.dark .zen-sk-asm-card__header .sk-tag{background-color:#ffffff0d}.zen-sk-asm-card__header .sk-users{background-color:#f3f4f6;border-radius:4px;width:80px;height:16px;animation:1.5s ease-in-out infinite zenSkPulseAsm}body.dark .zen-sk-asm-card__header .sk-users,html[data-theme=dark] .zen-sk-asm-card__header .sk-users,.dark .zen-sk-asm-card__header .sk-users{background-color:#ffffff0d}.zen-sk-asm-card__title{background-color:#f3f4f6;border-radius:4px;width:85%;height:22px;margin-bottom:12px;animation:1.5s ease-in-out infinite zenSkPulseAsm}body.dark .zen-sk-asm-card__title,html[data-theme=dark] .zen-sk-asm-card__title,.dark .zen-sk-asm-card__title{background-color:#ffffff0d}.zen-sk-asm-card__subtitle{background-color:#f3f4f6;border-radius:4px;width:50%;height:16px;margin-bottom:16px;animation:1.5s ease-in-out infinite zenSkPulseAsm}body.dark .zen-sk-asm-card__subtitle,html[data-theme=dark] .zen-sk-asm-card__subtitle,.dark .zen-sk-asm-card__subtitle{background-color:#ffffff0d}.zen-sk-asm-card__meta{border-top:1px dashed #e5e7eb;flex-direction:column;gap:8px;padding-top:12px;display:flex}body.dark .zen-sk-asm-card__meta,html[data-theme=dark] .zen-sk-asm-card__meta,.dark .zen-sk-asm-card__meta{border-top-color:#6b72801c}.zen-sk-asm-card__meta .sk-date{background-color:#f3f4f6;border-radius:4px;width:40%;height:14px;animation:1.5s ease-in-out infinite zenSkPulseAsm}body.dark .zen-sk-asm-card__meta .sk-date,html[data-theme=dark] .zen-sk-asm-card__meta .sk-date,.dark .zen-sk-asm-card__meta .sk-date{background-color:#ffffff0d}.zen-sk-asm-card__meta .sk-schedule{background-color:#f3f4f6;border-radius:4px;width:70%;height:14px;animation:1.5s ease-in-out infinite zenSkPulseAsm}body.dark .zen-sk-asm-card__meta .sk-schedule,html[data-theme=dark] .zen-sk-asm-card__meta .sk-schedule,.dark .zen-sk-asm-card__meta .sk-schedule{background-color:#ffffff0d}.zen-sk-asm-card__actions{flex-direction:column;gap:12px;display:flex}.zen-sk-asm-card__actions .sk-link-box{background-color:#f3f4f6;border-radius:4px;width:100%;height:38px;animation:1.5s ease-in-out infinite zenSkPulseAsm}body.dark .zen-sk-asm-card__actions .sk-link-box,html[data-theme=dark] .zen-sk-asm-card__actions .sk-link-box,.dark .zen-sk-asm-card__actions .sk-link-box{background-color:#ffffff0d}.zen-sk-asm-card__actions .sk-btn-group{gap:8px;display:flex}.zen-sk-asm-card__actions .sk-btn-group .sk-btn-large{background-color:#f3f4f6;border-radius:4px;flex:1;height:42px;animation:1.5s ease-in-out infinite zenSkPulseAsm}body.dark .zen-sk-asm-card__actions .sk-btn-group .sk-btn-large,html[data-theme=dark] .zen-sk-asm-card__actions .sk-btn-group .sk-btn-large,.dark .zen-sk-asm-card__actions .sk-btn-group .sk-btn-large{background-color:#ffffff0d}.zen-sk-asm-card__actions .sk-btn-group .sk-btn-small{background-color:#f3f4f6;border-radius:4px;flex-shrink:0;width:42px;height:42px;animation:1.5s ease-in-out infinite zenSkPulseAsm}body.dark .zen-sk-asm-card__actions .sk-btn-group .sk-btn-small,html[data-theme=dark] .zen-sk-asm-card__actions .sk-btn-group .sk-btn-small,.dark .zen-sk-asm-card__actions .sk-btn-group .sk-btn-small{background-color:#ffffff0d}.lobby-container{background-color:#667eea;background-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.lobby-card{background:#fff;border-radius:24px;width:100%;max-width:480px;padding:40px 32px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;box-shadow:0 20px 50px #0003}.lobby-card .back-button{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:24px;left:24px}.lobby-card .back-button:hover{color:#764ba2;background:#e5e7eb}.lobby-card .lobby-header{text-align:center;margin-bottom:32px}.lobby-card .lobby-header .icon-wrapper{color:#764ba2;background:#f3efff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex}.lobby-card .lobby-header h1{color:#1f2937;margin:0;font-size:24px;font-weight:800}.lobby-card .lobby-header .assignment-name{color:#6b7280;margin:8px 0 0;font-size:15px;font-weight:500}.lobby-card .lobby-header .time-info-badge{color:#c2410c;background-color:#fff7ed;border:1px solid #ffedd5;border-radius:99px;align-items:center;margin-top:12px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.lobby-card .lobby-header .start-time-display{color:#6b21a8;background-color:#f3efff;border:1px solid #e9d5ff;border-radius:99px;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.lobby-card .lobby-header .start-time-display strong{color:#581c87;font-weight:700}.lobby-card .lobby-form{flex-direction:column;gap:24px;display:flex}.lobby-card .avatar-section{text-align:center}.lobby-card .avatar-section label{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.lobby-card .avatar-section .avatar-grid{grid-template-columns:repeat(6,1fr);justify-items:center;gap:10px;display:grid}.lobby-card .avatar-section .avatar-grid .avatar-item{aspect-ratio:1;cursor:pointer;border:3px solid #0000;border-radius:50%;width:100%;padding:2px;transition:all .2s;overflow:hidden}.lobby-card .avatar-section .avatar-grid .avatar-item img{object-fit:cover;background:#f3f4f6;border-radius:50%;width:100%;height:100%}.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;transform:scale(1.1);box-shadow:0 0 0 4px #764ba233}.lobby-card .input-group{flex-direction:column;gap:16px;display:flex}.lobby-card .form-field label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.lobby-card .form-field input{color:#1f2937;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:all .2s}.lobby-card .form-field input::placeholder{color:#9ca3af}.lobby-card .form-field input:focus{background-color:#fff;border-color:#764ba2;box-shadow:0 4px 12px #764ba21a}.lobby-card .error-message{color:#ef4444;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px;font-size:14px;font-weight:500}.lobby-card .submit-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:99px;width:100%;padding:16px;font-size:18px;font-weight:800;transition:all .2s;box-shadow:0 8px 20px #764ba24d}.lobby-card .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #764ba266}.lobby-card .submit-btn:active:not(:disabled){transform:scale(.98)}.lobby-card .submit-btn:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#e5e7eb}.lobby-box.closed-state{text-align:center;background:#fff;border-radius:24px;max-width:450px;padding:40px;animation:.5s popIn;box-shadow:0 20px 50px #0003}.lobby-box.closed-state h2{color:#374151;font-size:20px;font-weight:700}.lobby-box.closed-state p{color:#6b7280;margin-top:8px;line-height:1.5}.lobby-box.closed-state .text-gray-400{color:#9ca3af}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(20px)}60%{opacity:1;transform:scale(1.02)translateY(-5px)}to{transform:scale(1)translateY(0)}}@media (max-width:480px){.lobby-container{align-items:flex-end;padding:0}.lobby-card{border-radius:0;flex-direction:column;justify-content:center;max-width:100%;min-height:100vh;padding:24px 20px;display:flex}.avatar-section .avatar-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.waiting-room{text-align:center}.waiting-room .waiting-title{color:#764ba2;text-transform:uppercase;letter-spacing:1px;font-size:28px}.waiting-room .countdown-wrapper{flex-direction:column;align-items:center;gap:24px;margin-top:10px;display:flex}.waiting-room .countdown-grid{justify-content:center;gap:12px;display:flex}.waiting-room .countdown-grid .time-box{background:#f3efff;border:2px solid #e9d5ff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:80px;height:90px;transition:all .2s;display:flex;box-shadow:0 4px #d8b4fe}.waiting-room .countdown-grid .time-box .time-value{color:#764ba2;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1}.waiting-room .countdown-grid .time-box .time-label{text-transform:uppercase;color:#9ca3af;margin-top:4px;font-size:12px;font-weight:600}.waiting-room .countdown-grid .time-box.active-pulse{background:#fff;border-color:#764ba2;animation:1s infinite pulseBorder;box-shadow:0 4px #5b21b6}.waiting-room .countdown-grid .time-box.active-pulse .time-value{color:#5b21b6}.waiting-room .waiting-note{color:#6b7280;max-width:80%;font-size:14px;line-height:1.5}.waiting-room .reload-btn-text{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:8px;font-size:13px;text-decoration:underline;transition:color .2s}.waiting-room .reload-btn-text:hover{color:#764ba2}.waiting-room .waiting-footer{color:#4b5563;border-top:2px dashed #e5e7eb;justify-content:center;align-items:center;gap:8px;margin-top:32px;padding-top:24px;font-size:14px;font-weight:600;display:flex}.waiting-room .waiting-footer .rocket-icon{color:#ef4444;font-size:18px;animation:2s ease-in-out infinite floatRocket}@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}}.quiz-container{color:#fff;background-color:#667eea;background-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px 40px;display:flex;overflow:visible}@media (max-width:640px){.quiz-container{padding:10px}}.quiz-ready-overlay{text-align:center;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eeaf2;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:24px 16px;display:flex;position:fixed;inset:0;overflow:auto}.quiz-ready-overlay .ready-title{text-shadow:0 2px 4px #0003;margin:0;font-size:56px;font-weight:700;animation:.5s ease-out fadeInDown}@media (max-width:640px){.quiz-ready-overlay .ready-title{font-size:36px}}.quiz-ready-overlay .ready-subtitle{opacity:.9;margin:8px 0 40px;font-size:20px;font-weight:400;animation:.5s ease-out fadeInUp}@media (max-width:640px){.quiz-ready-overlay .ready-subtitle{margin-bottom:24px;font-size:16px}}.quiz-ready-overlay .ready-countdown{font-size:160px;font-weight:800;line-height:1;animation:1s infinite pulse-score}@media (max-width:640px){.quiz-ready-overlay .ready-countdown{font-size:100px}}.quiz-ready-overlay svg{opacity:.8;margin-bottom:16px}.quiz-game-ui{flex-direction:column;width:100%;max-width:1200px;height:100%;display:flex}@media (max-width:640px){.quiz-game-ui{padding-bottom:80px}}.game-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:20px;display:flex;overflow:hidden}@media (max-width:640px){.game-header{flex-direction:column;align-items:stretch;gap:10px}}.game-section-tabs{white-space:nowrap;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;background-color:#00000040;border:1px solid #ffffff1a;border-radius:10px;max-width:100%;display:flex;overflow-x:auto}.game-section-tabs::-webkit-scrollbar{height:6px}.game-section-tabs::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.game-section-tabs::-webkit-scrollbar-track{background:0 0}@media (max-width:640px){.game-section-tabs{scrollbar-width:none;justify-content:flex-start}.game-section-tabs::-webkit-scrollbar{display:none}}.game-section-tab{text-align:center;opacity:.6;cursor:pointer;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;max-width:200px;padding:10px 20px;transition:all .3s;display:flex}.game-section-tab span{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.game-section-tab span:first-child{opacity:.8;margin-bottom:4px;font-size:11px;font-weight:700}.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;color:#480ca8;z-index:2;background-color:#fff;border-radius:9px;font-weight:700;position:sticky;left:0;transform:none;box-shadow:0 4px 10px #0003}.game-total-progress{white-space:nowrap;background:#00000040;border:1px solid #ffffff1a;border-radius:10px;padding:12px 20px;font-size:16px;font-weight:600}.game-question-timer{align-items:center;gap:16px;width:100%;margin-bottom:20px;display:flex}.game-question-timer .question-circle-timer{color:#1f2937;background:#fff;border:3px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;font-weight:700;display:flex;box-shadow:0 4px 10px #0003}.game-question-timer .question-progress-bar-container{box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;border-radius:99px;width:100%;height:20px;padding:4px;overflow:hidden}.game-question-timer .question-progress-bar-fill{transform-origin:0;will-change:transform;background:#fff;border-radius:99px;width:100%;height:100%;transition:none;transform:scaleX(1)}.question-content-wrapper{color:#1f2937;background:#fff;border-radius:12px;flex-direction:column;flex-grow:1;min-height:400px;padding:0;display:flex;box-shadow:0 10px 20px #0000001a}.game-question-content{flex-direction:column;flex-grow:1;height:100%;display:flex}.game-question-text{text-align:center;color:#1f2937;overflow-wrap:break-word;word-break:break-word;padding:24px 32px;font-size:24px;font-weight:600;line-height:1.5}@media (max-width:640px){.game-question-text{padding:16px;font-size:18px}}.game-question-text img{border-radius:8px;max-width:100%;height:auto;margin-top:16px}.preview-filled{color:#764ba2;background-color:#f3efff;border-bottom:2px dashed #764ba2;border-radius:4px;margin:0 4px;padding:0 6px;font-weight:800;animation:.2s cubic-bezier(.175,.885,.32,1.275) popWord}.preview-empty{color:#9ca3af;letter-spacing:1px;padding:0 6px;font-weight:600}@keyframes popWord{0%{opacity:.8;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.game-multi-choice-counter{text-align:center;color:#555;margin-top:-12px;padding:0 32px 16px;font-size:16px;font-style:italic;font-weight:500}.pro-answer-list{flex-direction:column;gap:12px;margin-top:auto;padding:0 32px 32px;display:flex}@media (max-width:640px){.pro-answer-list{padding:0 16px 24px}}.pro-option-item{color:#1f2937;cursor:pointer;appearance:none;text-align:left;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:flex-start;width:100%;margin:0;padding:16px 20px;transition:transform .1s ease-out,box-shadow .1s ease-out;display:flex;box-shadow:0 4px #d1d5db}.pro-option-item .pro-option-icon{color:#9ca3af;flex-shrink:0;margin-top:2px;margin-right:16px;font-size:24px;transition:color .1s ease-out,transform .1s ease-out}.pro-option-item .pro-option-text{overflow-wrap:break-word;word-break:break-word;flex-direction:column;flex:1;gap:8px;min-width:0;font-size:18px;font-weight:500;line-height:1.5;display:flex}.pro-option-item .pro-option-text p,.pro-option-item .pro-option-text img{max-width:100%;margin:0}@media (max-width:640px){.pro-option-item .pro-option-text{font-size:16px}}.pro-option-item:not(.selected):not(.disabled):hover{border-color:#764ba2;transform:translateY(-3px);box-shadow:0 7px #d1d5db,0 4px 10px #0000001a}.pro-option-item:not(.selected):not(.disabled):active{transform:translateY(2px);box-shadow:0 2px #d1d5db}.pro-option-item.selected{background-color:#f3efff;border-color:#764ba2;transform:translateY(2px);box-shadow:0 2px #d1d5db}.pro-option-item.selected .pro-option-icon{color:#764ba2;transform:scale(1.1)}.pro-option-item.disabled{cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.pro-option-item.disabled:not(.selected){opacity:.6;color:#9ca3af;background-color:#e5e7eb;border-color:#d1d5db}.pro-option-item.disabled:not(.selected) .pro-option-icon{color:#d1d5db}.pro-option-item.disabled.selected{opacity:1;color:#4c1d95;background-color:#f3efff;border-color:#c4b5fd;box-shadow:inset 0 2px 4px #0000000d!important}.pro-option-item.disabled.selected .pro-option-icon{color:#7c3aed}.matching-container{flex-direction:row;flex-grow:1;gap:24px;margin-top:auto;padding:32px 32px 24px;display:flex}@media (max-width:992px){.matching-container{flex-direction:column;gap:16px;padding:0 16px 24px}}.matching-left-column,.matching-right-column{flex-direction:column;flex:1;gap:10px;display:flex}.matching-left-column{flex:1.2}.matching-right-column{background-color:#0000000d;border:1px solid #0000001a;border-radius:12px;min-height:300px;padding:12px;box-shadow:inset 0 2px 4px #0000001a}@media (max-width:992px){.matching-right-column{min-height:auto;padding:8px}}.matching-left-item{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:stretch;gap:12px;display:flex;box-shadow:0 4px #d1d5db}@media (max-width:640px){.matching-left-item{flex-direction:column}}.matching-left-item .item-left-content{overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;padding:16px;font-size:15px;font-weight:500}@media (max-width:640px){.matching-left-item .item-left-content{padding:12px;font-size:14px}}.matching-drop-zone{overflow-wrap:break-word;word-break:break-word;background-color:#fff;border-left:2px dashed #d1d5db;border-radius:0 10px 10px 0;flex:1;justify-content:center;align-items:center;min-width:0;min-height:50px;padding:16px;transition:all .2s;display:flex}@media (max-width:992px){.matching-drop-zone{border:2px dashed #d1d5db;border-radius:8px;min-height:60px;margin-bottom:8px}}.matching-drop-zone.over{background-color:#d1fae5;border-style:solid;border-color:#10b981}.matching-drop-zone.matched{color:#764ba2;background-color:#f3efff;border-style:solid;border-color:#764ba2;font-weight:500}.matching-container.disabled .matching-drop-zone{cursor:not-allowed;background-color:#f9fafb;border-color:#e5e7eb}.matching-drag-item{-webkit-user-select:none;user-select:none;touch-action:none;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:transform .1s ease-out,box-shadow .1s ease-out,opacity .2s;display:flex;box-shadow:0 4px #d1d5db}@media (max-width:992px){.matching-drag-item{padding:12px}}.matching-drag-item .item-content{overflow-wrap:break-word;word-break:break-word;flex-grow:1;min-width:0;font-size:15px;font-weight:500}.matching-drag-item:hover:not(.dragging):not(.used):not(.disabled){border-color:#764ba2;transform:translateY(-3px);box-shadow:0 7px #d1d5db}.matching-drag-item:active:not(.dragging):not(.used):not(.disabled){transform:translateY(2px);box-shadow:0 2px #d1d5db}.matching-drag-item.dragging{opacity:.9;z-index:9999;transform:translateY(-3px)scale(1.03);box-shadow:0 7px #d1d5db,0 10px 20px #00000026}.matching-drag-item.used{opacity:.7;height:50px;box-shadow:none;background-color:#e5e7eb;border-style:dashed;padding:0;transform:none}.matching-drag-item.used .item-content,.matching-drag-item.used .drag-handle{display:none}.matching-drag-item.disabled{opacity:.6;cursor:not-allowed;box-shadow:none;pointer-events:none;background-color:#f3f4f6;border-color:#d1d5db;transform:none!important}.matching-drag-item.disabled .drag-handle{opacity:.3}.drag-handle{color:#6b7280;cursor:grab;background-color:#f4f5f7;border:none;border-radius:4px;flex-shrink:0;padding:8px;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{justify-content:flex-end;padding:0 32px 32px;display:flex}.matching-reset-btn{color:#374151;cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:700;transition:transform .1s ease-out,box-shadow .1s ease-out,background-color .15s;box-shadow:0 4px #d1d5db}.matching-reset-btn svg{margin-right:6px}.matching-reset-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#b0b6c0;transform:translateY(-3px);box-shadow:0 7px #d1d5db}.matching-reset-btn:active:not(:disabled){background-color:#f3f4f6;transform:translateY(2px);box-shadow:0 2px #d1d5db}.matching-reset-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background-color:#f3f4f6;border-color:#e5e7eb;transform:none}.fill-in-the-blank-list{flex-direction:column;gap:20px;margin-top:auto;padding:0 32px 32px;display:flex}@media (max-width:768px){.fill-in-the-blank-list{gap:16px;padding:0 16px 24px}}.fill-blank-item{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:16px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.fill-blank-item:focus-within{background-color:#f3efff;border-style:solid;border-color:#764ba2;transform:translateY(-2px);box-shadow:0 4px 15px #764ba226}@media (max-width:640px){.fill-blank-item{flex-direction:column;align-items:stretch;gap:12px}}.fill-blank-label{color:#fff;background-color:#764ba2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px #5b397d}@media (max-width:640px){.fill-blank-label{border-radius:8px;align-self:flex-start;width:38px;height:38px;font-size:16px;box-shadow:0 3px #5b397d}}.fill-blank-input{color:#1f2937;background-color:#0000;border:2px solid #0000;border-bottom:3px solid #cbd5e1;flex-grow:1;width:100%;padding:12px 8px;font-size:18px;font-weight:600;transition:all .2s ease-out}.fill-blank-input::placeholder{color:#94a3b8;font-style:italic;font-weight:500}@media (max-width:640px){.fill-blank-input{padding:10px 8px;font-size:16px}}.fill-blank-input:focus{border-bottom-color:#764ba2;outline:none}.fill-blank-input.has-value{color:#480ca8;border-bottom-color:#480ca8}.fill-blank-input:read-only{opacity:.8;cursor:not-allowed;color:#4b5563;border-bottom-style:dashed;border-bottom-color:#9ca3af}.reading-container{flex-direction:row;flex-grow:1;gap:24px;min-height:400px;max-height:60vh;margin-top:auto;padding:32px;display:flex}@media (max-width:768px){.reading-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:0;height:calc(100dvh - 200px);min-height:400px;padding:16px;overflow:hidden}}.reading-passage-column{overflow-wrap:break-word;word-break:break-word;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1.5;padding:20px 12px 20px 24px;line-height:1.6;overflow-y:auto}@media (max-width:768px){.reading-passage-column{background-color:#fff;border:none;border-bottom:4px solid #f3f4f6;border-radius:0;flex:none;height:40%;padding:16px}.reading-passage-column:before{content:"Văn bản đọc hiểu";color:#9ca3af;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}}.reading-sub-questions-column{flex:1;padding-right:12px;overflow-y:auto}@media (max-width:768px){.reading-sub-questions-column{background-color:#f9fafb;flex:1;height:60%;padding:16px}.reading-sub-questions-column:before{content:"Câu hỏi";color:#764ba2;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700;display:block}}.reading-sub-q-item{margin-bottom:24px}.reading-sub-q-item .pro-answer-list{gap:8px;padding:0}.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{color:#374151;overflow-wrap:break-word;word-break:break-word;margin-bottom:12px;font-weight:600;line-height:1.5}.reading-sub-q-title span{color:#1f2937;margin-right:4px;font-weight:700}@media (max-width:640px){.reading-sub-q-title{font-size:15px}}.quiz-submitting-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.quiz-submitting-inner{color:#764ba2;background-color:#fff;border:4px solid #e5e7eb;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:30px 50px;font-size:20px;font-weight:700;animation:.4s cubic-bezier(.175,.885,.32,1.275) popInBouncy;display:flex;box-shadow:0 10px #d1d5db,0 20px 40px #0000004d}.quiz-submitting-inner svg{color:#764ba2;margin-bottom:8px;font-size:40px}.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{margin-bottom:4px;font-size:32px}}@keyframes popInBouncy{0%{opacity:0;transform:scale(.5)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}.ready-countdown.go-animation{animation:.7s ease-out forwards readyGoPop}@keyframes readyGoPop{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.2)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.question-actions{justify-content:flex-end;padding:24px 32px 32px;display:flex}@media (max-width:640px){.question-actions{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:500;background:#fffffff2;border-top:1px solid #e5e7eb;justify-content:stretch;padding:12px 16px;position:fixed;bottom:0;left:0;right:0}}.next-btn{color:#480ca8;cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px 36px;font-size:18px;font-weight:700;transition:transform .1s ease-out,box-shadow .1s ease-out,background-color .15s;position:relative;overflow:hidden;box-shadow:0 4px #d1d5db}@media (max-width:640px){.next-btn{width:100%;padding:14px;font-size:16px}}.next-btn:hover{background-color:#f3efff;border-color:#764ba2;transform:translateY(-3px);box-shadow:0 7px #d1d5db,0 4px 10px #0000001a}.next-btn:active{background-color:#ede9fe;transform:translateY(2px);box-shadow:0 2px #d1d5db}.next-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px #d1d5db}.next-btn:after{content:"";background:linear-gradient(120deg,#fff3,#fff0);width:50%;height:100%;transition:left .5s;position:absolute;top:0;left:-75%;transform:skew(-25deg)}.next-btn:hover:after{left:125%}.game-banner-urgent,.game-banner-info,.game-banner-success,.game-banner-locked,.game-banner-processing{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;padding:16px 24px;font-size:16px;font-weight:600;line-height:1.4;animation:.3s ease-out fadeInBanner;display:flex;box-shadow:0 4px 10px #0000001a}@media (max-width:640px){.game-banner-urgent,.game-banner-info,.game-banner-success,.game-banner-locked,.game-banner-processing{padding:12px 16px;font-size:14px}}.game-banner-urgent svg,.game-banner-info svg,.game-banner-success svg,.game-banner-locked svg,.game-banner-processing svg{flex-shrink:0}.game-banner-processing{color:#c2410c;background-color:#fff7ed;border:2px solid #fdba74}.game-banner-processing svg{color:#ea580c}.game-banner-locked{color:#4b5563;background-color:#f3f4f6;border:2px solid #d1d5db}.game-banner-info,.game-banner-success{color:#047857;background-color:#ecfdf5;border:2px solid #34d399}.game-banner-info svg,.game-banner-success svg{color:#059669}.game-banner-urgent{color:#b91c1c;background-color:#fef2f2;border:2px solid #f87171;animation:.5s ease-in-out shakeUrgent}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shakeUrgent{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse-score{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.results-action-btn{color:#764ba2;background-color:#fff;border-radius:50px;margin-top:32px;padding:14px 36px;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s ease-out;display:inline-block;box-shadow:0 6px 15px #0003}.results-action-btn:hover{color:#480ca8;transform:translateY(-4px);box-shadow:0 10px 20px #0000004d}.results-action-btn:active{transform:translateY(2px);box-shadow:0 2px 5px #0003}.results-action-btn.danger{color:#d9534f}.results-action-btn.danger:hover{color:#c9302c}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #764ba266}70%{box-shadow:0 0 0 15px #764ba200}to{box-shadow:0 0 #764ba200}}@keyframes floatRank{0%,to{transform:translateY(0)scale(1.1)}50%{transform:translateY(-6px)scale(1.1)}}@keyframes rotateGlow{to{transform:rotate(1turn)}}@keyframes blinkWarning{0%,to{opacity:1}50%{opacity:.6}}.quiz-results-view{color:#1f2937;flex-direction:column;width:100%;max-width:1000px;margin:0 auto;padding:40px 20px;animation:.4s ease-out fadeIn;display:flex}.quiz-results-view *,.quiz-results-view :before,.quiz-results-view :after{box-sizing:border-box}.quiz-results-view .loading-state,.quiz-results-view .error-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.quiz-results-view .loading-state .loading-icon,.quiz-results-view .error-card .loading-icon{color:#764ba2;margin-bottom:20px}.quiz-results-view .loading-state .error-title,.quiz-results-view .error-card .error-title{color:#f87171;margin-bottom:12px;font-size:28px;font-weight:800}.quiz-results-view .loading-state p,.quiz-results-view .error-card p{color:#6b7280;font-size:16px}.quiz-results-view .dashboard-card{background:#fff;border:1px solid #fffc;border-radius:20px;padding:24px;box-shadow:0 8px 25px #0000000d}.quiz-results-view .dashboard-card .card-title{color:#9ca3af;text-transform:uppercase;text-align:center;border-bottom:2px dashed #f3f4f6;margin:0 0 20px;padding-bottom:10px;font-size:15px;font-weight:800}.quiz-results-view .results-top-panel{grid-template-columns:1fr 1fr 1.5fr;gap:20px;margin-bottom:24px;display:grid}.quiz-results-view .score-status-card{background:linear-gradient(145deg,#fff,#f9fafb);flex-direction:column;justify-content:center;align-items:center;display:flex}.quiz-results-view .score-status-card .results-score-circle{color:#764ba2;background:#fff;border:8px solid #f3efff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:20px;animation:.6s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;box-shadow:0 10px 20px #764ba21a}.quiz-results-view .score-status-card .results-score-circle .score-value{font-size:56px;font-weight:900;line-height:1}.quiz-results-view .score-status-card .results-score-circle .score-label{opacity:.7;text-transform:uppercase;margin-top:4px;font-size:13px;font-weight:700}.quiz-results-view .score-status-card .overall-status-badge{border-radius:50px;justify-content:center;align-items:center;width:100%;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex}.quiz-results-view .score-status-card .overall-status-badge .status-content{align-items:center;gap:6px;display:flex}.quiz-results-view .score-status-card .overall-status-badge.passed{color:#166534;background:#dcfce7;border:2px solid #bbf7d0;box-shadow:0 4px 10px #1665341a}.quiz-results-view .score-status-card .overall-status-badge.failed{color:#991b1b;background:#fee2e2;border:2px solid #fecaca;box-shadow:0 4px 10px #991b1b1a}.quiz-results-view .ranking-card{text-align:center;background:linear-gradient(#fff 0%,#f8fafc 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.quiz-results-view .ranking-card.is-top-tier:before{content:"";z-index:0;opacity:.15;pointer-events:none;background:conic-gradient(#0000,#0000,#0000,gold);width:200%;height:200%;animation:4s linear infinite rotateGlow;position:absolute;top:-50%;left:-50%}.quiz-results-view .ranking-card .card-title,.quiz-results-view .ranking-card .ranking-content{z-index:1;width:100%;position:relative}.quiz-results-view .ranking-card .rank-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 12px;font-size:32px;transition:all .3s;display:flex;box-shadow:0 6px 15px #0000001a}.quiz-results-view .ranking-card .rank-icon-wrapper.top-1{color:#fff;background:linear-gradient(135deg,gold,#fdb931);animation:3s ease-in-out infinite floatRank;box-shadow:0 0 20px #ffd70099}.quiz-results-view .ranking-card .rank-icon-wrapper.top-2{color:#fff;background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.quiz-results-view .ranking-card .rank-icon-wrapper.top-3{color:#fff;background:linear-gradient(135deg,#fdba74,#b45309)}.quiz-results-view .ranking-card .rank-icon-wrapper.standard{color:#764ba2;background:#f3efff}.quiz-results-view .ranking-card .rank-icon-wrapper.failed{color:#dc2626;box-shadow:none;background:#fee2e2;border:2px dashed #fca5a5}.quiz-results-view .ranking-card .rank-numbers{justify-content:center;align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.quiz-results-view .ranking-card .rank-numbers .rank-current{color:#1f2937;font-size:42px;font-weight:900;line-height:1}.quiz-results-view .ranking-card .rank-numbers .rank-total{color:#9ca3af;font-size:16px;font-weight:700}.quiz-results-view .ranking-card .rank-numbers.failed .rank-current{color:#9ca3af;opacity:.7;text-decoration:line-through}.quiz-results-view .ranking-card .rank-message{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-block}.quiz-results-view .ranking-card .rank-message.failed{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.quiz-results-view .ranking-card .unranked-state{color:#9ca3af;padding:10px 0}.quiz-results-view .ranking-card .unranked-state .unranked-icon{opacity:.4;margin-bottom:8px;font-size:36px}.quiz-results-view .ranking-card .unranked-state p{color:#6b7280;margin:0 0 4px;font-size:15px;font-weight:800}.quiz-results-view .ranking-card .unranked-state small{font-size:13px;font-weight:600}.quiz-results-view .stats-overview-card .results-details-grid{flex-direction:column;justify-content:center;gap:12px;height:calc(100% - 40px);display:flex}.quiz-results-view .stats-overview-card .results-details-grid .detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.quiz-results-view .stats-overview-card .results-details-grid .detail-item:hover{background:#fff;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:14px;font-size:18px;display:flex}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info{flex-direction:column;flex:1;display:flex}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info span{color:#64748b;text-transform:uppercase;margin-bottom:2px;font-size:12px;font-weight:800}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info strong{color:#0f172a;align-items:baseline;gap:6px;font-size:18px;font-weight:900;display:flex}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info small{color:#94a3b8;font-size:13px;font-weight:700}.quiz-results-view .stats-overview-card .results-details-grid .detail-item.correct .icon-wrapper{color:#10b981;background:#dcfce7}.quiz-results-view .stats-overview-card .results-details-grid .detail-item.partial .icon-wrapper{color:#f59e0b;background:#fef3c7}.quiz-results-view .stats-overview-card .results-details-grid .detail-item.total .icon-wrapper{color:#764ba2;background:#f3efff}.quiz-results-view .results-section-stats{margin-bottom:32px}.quiz-results-view .results-section-stats .section-stats-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.quiz-results-view .results-section-stats .stat-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px;transition:all .2s}.quiz-results-view .results-section-stats .stat-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 10px #0000000d}.quiz-results-view .results-section-stats .stat-row .stat-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.quiz-results-view .results-section-stats .stat-row .stat-name{color:#1e293b;word-break:break-word;flex:1;font-size:15px;font-weight:800;line-height:1.4}.quiz-results-view .results-section-stats .stat-row .stat-details{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;font-size:14px;font-weight:800;display:flex}.quiz-results-view .results-section-stats .stat-row .stat-footer{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;padding-top:12px;font-size:14px;display:flex}.quiz-results-view .results-section-stats .stat-row .stat-footer .score-info{color:#64748b;font-weight:600}.quiz-results-view .results-section-stats .stat-row .stat-footer .score-info b{color:#0f172a;font-size:15px;font-weight:900}.quiz-results-view .results-section-stats .stat-row .stat-footer .score-info .pass-mark{color:#94a3b8;margin-left:4px;font-size:12px}.quiz-results-view .results-section-stats .stat-row .stat-footer .score-info .pass-mark.failed-text{color:#ef4444;font-weight:800}.quiz-results-view .results-section-stats .stat-row .stat-footer .section-status{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.quiz-results-view .results-section-stats .stat-row .stat-footer .section-status.passed{color:#059669;background:#dcfce7}.quiz-results-view .results-section-stats .stat-row .stat-footer .section-status.failed{color:#dc2626;background:#fee2e2}.quiz-results-view .results-section-stats .stat-row .stat-footer .section-status.critical-failed{color:#fecaca;background:#7f1d1d}.quiz-results-view .results-section-stats .stat-row .stat-footer .section-status.passmark-failed{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.quiz-results-view .results-actions{justify-content:center;margin-top:10px;display:flex}.quiz-results-view .results-actions .results-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#764ba2 0%,#5b21b6 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:16px 40px;font-size:16px;font-weight:900;transition:all .2s cubic-bezier(.175,.885,.32,1.275);animation:2.5s infinite pulseGlow;display:inline-flex;box-shadow:0 6px 20px #764ba24d}.quiz-results-view .results-actions .results-action-btn:hover{background:linear-gradient(135deg,#8b5dbb 0%,#6d28d9 100%);transform:translateY(-4px)scale(1.02);box-shadow:0 10px 25px #764ba280}.quiz-results-view .results-actions .results-action-btn:active{transform:translateY(2px)scale(.98);box-shadow:0 4px 10px #764ba266}.review-modal-backdrop{z-index:99999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172ad9;justify-content:center;align-items:center;height:100dvh;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.review-modal-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:900px;height:85dvh;animation:.3s cubic-bezier(.16,1,.3,1) slideUpModal;display:flex;box-shadow:0 20px 40px -10px #00000080}.review-modal-content .review-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top-left-radius:20px;border-top-right-radius:20px;flex:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.review-modal-content .review-modal-header h3{color:#0f172a;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:18px;font-weight:900}.review-modal-content .review-modal-header .close-btn{cursor:pointer;color:#64748b;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.review-modal-content .review-modal-header .close-btn:hover{color:#ef4444;background:#fee2e2;transform:rotate(90deg)}.review-modal-content .review-modal-body{background:#f1f5f9;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.review-modal-content .review-modal-body .review-history-container{-webkit-overflow-scrolling:touch;flex:1;width:100%!important;height:100%!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;overflow-y:auto!important}.review-modal-content .review-modal-body .review-history-container::-webkit-scrollbar{width:8px}.review-modal-content .review-modal-body .review-history-container::-webkit-scrollbar-track{background:0 0}.review-modal-content .review-modal-body .review-history-container::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:8px}.virtual-row-wrapper{width:100%;position:absolute;top:0;left:0}.review-section-header{z-index:10;background:#f3efff;border-bottom:1px solid #ddd6fe;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:relative}.review-section-header .rs-title{align-items:center;gap:8px;display:flex;overflow:hidden}.review-section-header .rs-title .rs-name{color:#5b21b6;text-transform:uppercase;font-size:14px;font-weight:800}.review-section-header .rs-meta{color:#7c3aed;background:#fff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:800;box-shadow:0 1px 3px #7c3aed1a}.review-question-row{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;width:100%;padding:20px 24px;display:block}.review-question-row.is-last{border-bottom:6px solid #e2e8f0}.review-question-row .rq-content{flex-direction:column;gap:12px;display:flex}.review-question-row .rq-meta-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.review-question-row .rq-index{color:#0f172a;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:800}.review-question-row .rq-type-badge{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.review-question-row .critical-badge-result{color:#dc2626;text-transform:uppercase;background-color:#fef2f2;border:1px solid #fecaca;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;animation:1.5s infinite blinkWarning;display:inline-flex}.review-question-row .rq-state-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.review-question-row .rq-state-badge.success{color:#059669;background:#dcfce7;border:1px solid #a7f3d0}.review-question-row .rq-state-badge.wrong{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.review-question-row .rq-state-badge.approximately{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.review-question-row .rq-state-badge.unanswered{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.review-question-row .rq-score{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:800}.review-question-row .rq-text{color:#1e293b;overflow-wrap:break-word;word-break:break-word;background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:8px;padding:12px;font-size:14px;font-weight:500;line-height:1.5}.review-question-row .rq-text img{border-radius:6px;max-width:100%;height:auto;margin-top:8px}.review-question-row .rq-answers{border-top:1px dashed #e2e8f0;margin-top:4px;padding-top:12px}.review-question-row .rq-answers .ans-label{color:#64748b;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.review-question-row .rq-answers .ans-empty{color:#94a3b8;text-align:center;background:#f8fafc;border-radius:6px;padding:10px;font-size:13px;font-style:italic;font-weight:600}.review-question-row .rq-answers .ans-list{flex-wrap:wrap;gap:8px;display:flex}.review-question-row .rq-answers .ans-simple-row{background:#f8fafc;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.review-question-row .rq-answers .ans-chip{overflow-wrap:break-word;word-break:break-word;white-space:normal;border:1px solid #0000;border-radius:8px;align-items:center;max-width:100%;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.review-question-row .rq-answers .ans-chip.ok{color:#064e3b;background:#dcfce7;border-color:#34d399}.review-question-row .rq-answers .ans-chip.bad{color:#991b1b;opacity:.8;background:#fee2e2;border-color:#f87171;text-decoration:line-through}.review-question-row .rq-answers .ans-chip p{margin:0;display:inline}.review-question-row .rq-answers .ans-vertical-list{flex-direction:column;gap:8px;display:flex}.review-question-row .rq-answers .ans-vertical-list .ans-row-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.review-question-row .rq-answers .ans-vertical-list .ans-row-item.ok{background:#ecfdf5;border-color:#34d399}.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{background:#fef2f2;border-color:#fca5a5}.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{color:#1e293b;white-space:nowrap;background:#e2e8f0;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:800}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .val-text{color:#0f172a;overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;font-weight:600}.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{color:#1e293b;overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;font-weight:500}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .match-arrow{color:#94a3b8;font-size:12px}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .match-right{color:#475569;font-weight:700}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .empty-text{color:#94a3b8;font-style:italic;font-weight:500}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .status-icon{flex-shrink:0;font-size:16px}.review-question-row .rq-answers .ans-vertical-list.reading{gap:12px}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.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{opacity:.8;border-left:4px solid #94a3b8}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-header{color:#1e293b;overflow-wrap:break-word;word-break:break-word;background:#f8fafc;border-radius:6px;margin-bottom:8px;padding:10px;font-size:14px;font-weight:600;line-height:1.4}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-header p{margin:0;display:inline}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result{background:#f1f5f9;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result .label{color:#64748b;white-space:nowrap;font-weight:700}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result .user-choice{color:#0f172a;overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;font-weight:600}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result .user-choice.empty{color:#94a3b8;font-style:italic;font-weight:500}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result .status-icon{color:#cbd5e1;flex-shrink:0;font-size:16px}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item.ok .sub-q-result{background:#ecfdf5;border:1px solid #d1fae5}.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{background:#fef2f2;border:1px solid #fee2e2}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item.bad .sub-q-result .status-icon{color:#dc2626}.scoring-rules-container{color:#0369a1;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:12px;display:inline-block}.scoring-rules-container .sr-title{text-transform:uppercase;opacity:.8;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:800}.scoring-rules-container .sr-grid{flex-wrap:wrap;gap:8px;display:flex}.scoring-rules-container .sr-item{background:#fff;border:1px solid #e0f2fe;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-weight:600;display:flex}.scoring-rules-container .sr-item.max{background:#e0f2fe;border-color:#7dd3fc;font-weight:700}.scoring-rules-container .sr-label{color:#64748b}.scoring-rules-container .sr-value{color:#0284c7;font-size:13px;font-weight:800}.scoring-rules-container .sr-value small{opacity:.8;margin-left:2px;font-size:11px;font-weight:600}@media (max-width:768px){.quiz-results-view{padding:16px 12px}.quiz-results-view .results-header .ready-title{margin-bottom:12px;font-size:24px}.quiz-results-view .results-header .results-user-info{padding:4px 16px 4px 4px}.quiz-results-view .results-header .results-user-info .user-avatar{width:32px;height:32px}.quiz-results-view .results-header .results-user-info .user-name{font-size:14px}.quiz-results-view .results-top-panel{grid-template-columns:1fr;gap:16px}.quiz-results-view .dashboard-card{border-radius:16px;padding:16px}.quiz-results-view .dashboard-card .card-title{margin-bottom:16px;padding-bottom:8px;font-size:13px}.quiz-results-view .score-status-card .results-score-circle{border-width:6px;width:120px;height:120px}.quiz-results-view .score-status-card .results-score-circle .score-value{font-size:46px}.quiz-results-view .score-status-card .overall-status-badge{padding:8px 12px;font-size:13px}.quiz-results-view .score-status-card .overall-status-badge .status-content svg{width:18px;height:18px}.quiz-results-view .ranking-card .rank-icon-wrapper{width:60px;height:60px;margin-bottom:10px;font-size:28px}.quiz-results-view .ranking-card .rank-numbers .rank-current{font-size:36px}.quiz-results-view .ranking-card .rank-message{padding:4px 12px;font-size:12px}.quiz-results-view .stats-overview-card .results-details-grid .detail-item{padding:10px 14px}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .icon-wrapper{width:36px;height:36px;margin-right:12px;font-size:16px}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info strong{font-size:18px}.quiz-results-view .stats-overview-card .results-details-grid .detail-item .info span{font-size:11px}.results-section-stats .section-stats-list{gap:12px}.results-section-stats .stat-row{padding:12px}.results-section-stats .stat-row .stat-header{gap:8px;margin-bottom:8px}.results-section-stats .stat-row .stat-name{font-size:14px}.results-section-stats .stat-row .stat-details{font-size:13px}.results-section-stats .stat-row .stat-footer{padding-top:8px;font-size:13px}.results-section-stats .stat-row .stat-footer .score-info b{font-size:14px}.results-section-stats .stat-row .stat-footer .section-status{padding:4px 8px;font-size:11px}.results-section-stats .stat-row .stat-footer .section-status svg{width:14px;height:14px}.review-modal-backdrop{align-items:flex-end;padding:0}.review-modal-content{border-radius:20px 20px 0 0;height:92dvh;max-height:92dvh}.review-modal-content .review-modal-header{padding:12px 16px}.review-modal-content .review-modal-header h3{font-size:16px}.review-modal-content .review-modal-header .close-btn{width:32px;height:32px;font-size:16px}.review-modal-content .review-modal-body,.review-modal-content .review-history-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.review-section-header{padding:10px 16px;position:relative!important}.review-section-header .rs-title .rs-name{font-size:13px}.review-section-header .rs-meta{padding:3px 8px;font-size:11px}.review-question-row{padding:16px 12px}.review-question-row .rq-meta-line{gap:6px}.review-question-row .rq-index,.review-question-row .rq-score{padding:4px 8px;font-size:12px}.review-question-row .rq-type-badge,.review-question-row .critical-badge-result{padding:4px 8px;font-size:10px}.review-question-row .rq-state-badge{width:auto;margin-left:auto;padding:4px 10px;font-size:10px}.review-question-row .rq-text{border-left-width:3px;margin-top:6px;padding:10px;font-size:13px}.review-question-row .rq-answers .ans-label{margin-bottom:6px;font-size:11px}.review-question-row .rq-answers .ans-chip{padding:6px 10px;font-size:12px}.review-question-row .rq-answers .ans-vertical-list .ans-row-item{flex-direction:row;align-items:center;gap:8px;padding:8px 10px}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .pos-badge{padding:2px 4px;font-size:10px}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .val-text,.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{font-size:12px}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .match-arrow{margin-left:0;font-size:10px;transform:none}.review-question-row .rq-answers .ans-vertical-list .ans-row-item .status-icon{font-size:14px;position:relative;top:0;right:0}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item{padding:10px}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-header{padding:8px;font-size:13px}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result{padding:8px 10px;font-size:12px}.review-question-row .rq-answers .ans-vertical-list.reading .ans-reading-item .sub-q-result .status-icon{font-size:16px}.sr-grid{gap:6px}.sr-item{padding:4px 6px;font-size:11px}.sr-item .sr-value{font-size:12px}}.media-placeholder-result{color:#475569;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;margin:4px 0;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.results-header{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px;margin-bottom:32px;padding:32px 24px;position:relative;overflow:hidden;box-shadow:0 10px 30px #764ba233}.results-header .header-bg-pattern{opacity:.15;background-image:radial-gradient(circle at 2px 2px,#fff 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.results-header .header-content-wrapper{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.results-header .header-subtitle{text-transform:uppercase;letter-spacing:2px;color:#e2e8f0;background:#0003;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:14px;font-weight:800}.results-header .ready-title{color:#fff;text-shadow:0 2px 4px #0003;max-width:800px;margin:0 0 20px;font-size:32px;font-weight:900;line-height:1.4}.results-header .results-user-info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;align-items:center;gap:10px;padding:6px 20px 6px 6px;display:inline-flex;box-shadow:0 4px 15px #0000001a}.results-header .results-user-info .user-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:40px;height:40px}.results-header .results-user-info .user-name{color:#fff;font-size:15px;font-weight:800}@media (max-width:768px){.results-header{border-radius:16px;margin-bottom:24px;padding:24px 16px}.results-header .ready-title{margin-bottom:16px;font-size:24px}.results-header .header-subtitle{font-size:12px}}.status-failed-layout{flex-direction:column;align-items:center;gap:4px;width:100%}.status-failed-title{align-items:center;gap:6px;display:flex}.status-failed-desc{opacity:.9;text-align:center;font-size:11px;font-weight:700}.failed-icon{margin-right:6px}.failed-reasons{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.stat-correct{color:#059669;align-items:center;gap:6px;display:flex}.stat-partial{color:#d97706;align-items:center;gap:6px;display:flex}.view-top10-btn{z-index:1;color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;justify-content:center;align-items:center;width:100%;margin-top:16px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .2s ease-out;display:flex;position:relative}.view-top10-btn:hover{color:#a16207;background-color:#fef08a;border-color:#fde047;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.view-top10-btn:active{transform:translateY(0)}.top10-modal{max-width:600px;height:auto;max-height:80dvh}.top10-modal-header{color:#fff;background:linear-gradient(135deg,gold 0%,#fdb931 100%);border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.top10-modal-header h3{text-transform:uppercase;text-shadow:0 2px 4px #0003;margin:0;font-size:18px;font-weight:900}.top10-modal-header .close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.top10-modal-header .close-btn:hover{background:#fff6;transform:rotate(90deg)}.top10-empty{text-align:center;color:#6b7280;padding:40px 20px;font-size:15px;font-weight:600}.top10-list{flex-direction:column;gap:12px;padding:20px;display:flex}.top10-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;transition:transform .2s;display:flex}.top10-item.is-podium{box-shadow:0 4px 10px #0000000d}.top10-item:hover{border-color:#cbd5e1;transform:translate(4px)}.top10-rank-badge{color:#94a3b8;background-color:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:flex}.top10-rank-badge.rank-1{color:#ca8a04;background-color:#fef08a}.top10-rank-badge.rank-2{color:#475569;background-color:#e2e8f0}.top10-rank-badge.rank-3{color:#9a3412;background-color:#fed7aa}.top10-avatar{object-fit:cover;border:2px solid #f1f5f9;border-radius:50%;flex-shrink:0;width:40px;height:40px}.top10-info{flex:1;min-width:0}.top10-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.top10-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;font-weight:500;overflow:hidden}.top10-score{color:#764ba2;background-color:#f3efff;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:16px;font-weight:900}.leaderboard-page{max-width:1200px;margin:0 auto;padding:24px}.leaderboard-page .dashboard-header{margin-bottom:24px}.leaderboard-page .dashboard-header .header-title-wrapper{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:6px;display:flex}.leaderboard-page .dashboard-header .header-title-wrapper h1{color:#111827;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:24px;font-weight:700}body.dark .leaderboard-page .dashboard-header .header-title-wrapper h1{color:#f9fafb}.leaderboard-page .dashboard-header .header-title-wrapper .participant-count{color:#4b5563;white-space:nowrap;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.leaderboard-page .dashboard-header .header-title-wrapper .participant-count strong{color:#111827;font-weight:700}body.dark .leaderboard-page .dashboard-header .header-title-wrapper .participant-count{color:#9ca3af;background-color:#1f1f1f;border-color:#333}body.dark .leaderboard-page .dashboard-header .header-title-wrapper .participant-count strong{color:#e5e7eb}.leaderboard-page .dashboard-header .subtitle{color:#6b7280;word-break:break-word;margin:0;font-size:15px}body.dark .leaderboard-page .dashboard-header .subtitle{color:#9ca3af}@media (max-width:640px){.leaderboard-page .dashboard-header{margin-bottom:16px}.leaderboard-page .dashboard-header .header-title-wrapper{flex-direction:column;align-items:flex-start;gap:8px}.leaderboard-page .dashboard-header .header-title-wrapper h1{font-size:20px;line-height:1.3}.leaderboard-page .dashboard-header .subtitle{font-size:14px}}.leaderboard-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding-bottom:12px;display:flex;box-shadow:0 4px 12px #0000000d}body.dark .leaderboard-container{box-shadow:none;background-color:#1a1a1a;border-color:#333}.leaderboard-controls{background-color:#fff;border-bottom:1px solid #e5e7eb;border-top-left-radius:12px;border-top-right-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}body.dark .leaderboard-controls{background-color:#242424;border-color:#333}.filter-tabs{background-color:#f3f4f6;border-radius:8px;gap:4px;padding:4px;display:flex}body.dark .filter-tabs{background-color:#18181b;border:1px solid #27272a}.filter-tabs .filter-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}body.dark .filter-tabs .filter-tab{color:#71717a}.filter-tabs .filter-tab:hover:not(.active):not(:disabled){color:#111827;background-color:#00000008}body.dark .filter-tabs .filter-tab:hover:not(.active):not(:disabled){color:#e4e4e7;background-color:#ffffff0d}.filter-tabs .filter-tab:disabled{opacity:.7;cursor:not-allowed}.filter-tabs .filter-tab.active{background-color:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}body.dark .filter-tabs .filter-tab.active{color:#f4f4f5;background-color:#3f3f46;box-shadow:0 2px 5px #00000080}.filter-tabs .filter-tab.active.tab-all{color:#111827}body.dark .filter-tabs .filter-tab.active.tab-all{color:#f4f4f5}.filter-tabs .filter-tab.active.tab-completed{color:#059669}body.dark .filter-tabs .filter-tab.active.tab-completed{color:#f4f4f5}.filter-tabs .filter-tab.active.tab-active{color:#d97706}body.dark .filter-tabs .filter-tab.active.tab-active{color:#f4f4f5}.search-box{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;width:280px;padding:8px 12px;transition:all .2s;display:flex}@media (max-width:1024px){.search-box{font-size:16px}}body.dark .search-box{background-color:#0003;border-color:#ffffff1a}.search-box:focus-within{background-color:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}body.dark .search-box:focus-within{background-color:#242424}.search-box .icon{color:#9ca3af;margin-right:8px;font-size:14px}.search-box input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}body.dark .search-box input{color:#f9fafb}.search-box input::placeholder{color:#9ca3af}.search-box .clear-btn{color:#9ca3af;cursor:pointer;font-size:14px}.search-box .clear-btn:hover{color:#ef4444}.leaderboard-header{text-transform:uppercase;color:#6b7280;letter-spacing:.5px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;padding:12px 16px;font-size:12px;font-weight:700;display:flex}body.dark .leaderboard-header{color:#9ca3af;background-color:#1f1f1f;border-bottom-color:#333}.rank-col{text-align:center;flex:0 0 50px}.player-col{flex:1;min-width:0;padding-right:16px}.status-col{flex:0 0 130px}.score-col{text-align:right;flex-direction:column;flex:0 0 150px;align-items:flex-end;display:flex}.time-col{flex:0 0 140px;padding-left:20px}.action-col{flex:0 0 80px;justify-content:flex-end;gap:8px;display:flex}.leaderboard-row{background-color:#fff;border-bottom:1px solid #e5e7eb;align-items:center;padding:12px 16px;transition:background-color .1s;display:flex}body.dark .leaderboard-row{background-color:#242424;border-bottom-color:#333}.leaderboard-row:hover{background-color:#7c3aed05}body.dark .leaderboard-row:hover{background-color:#ffffff05}.leaderboard-row.in_progress,.leaderboard-row.started{background-color:#d9770605}body.dark .leaderboard-row.in_progress,body.dark .leaderboard-row.started{background-color:#d977060d}.rank-number{color:#9ca3af;font-size:14px;font-weight:600}body.dark .rank-number{color:#6b7280}.rank-dash{color:#d1d5db}.rank-badge{filter:drop-shadow(0 2px 4px #0003);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto;font-size:18px;transition:transform .2s;display:flex}.rank-badge:hover{transform:scale(1.1)}.rank-badge.rank-top-1{color:#b45309;background:linear-gradient(135deg,#fff9c4 0%,#fbbf24 100%);border:2px solid #fff}.rank-badge.rank-top-2{color:#374151;background:linear-gradient(135deg,#f5f5f5 0%,#9ca3af 100%);border:2px solid #fff}.rank-badge.rank-top-3{color:#78350f;background:linear-gradient(135deg,#efebe9 0%,#d97706 100%);border:2px solid #fff}body.dark .rank-badge{border-color:#0003}.player-info{align-items:center;gap:12px;min-width:0;display:flex}.player-info .player-avatar{object-fit:cover;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0}body.dark .player-info .player-avatar{border-color:#333}.player-info .player-details{flex-direction:column;min-width:0;line-height:1.3;display:flex}.player-info .player-details .player-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}body.dark .player-info .player-details .player-name{color:#fff}.player-info .player-details .player-email{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}body.dark .player-info .player-details .player-email{color:#6b7280}.status-badge{text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.success{color:#059669;background-color:#10b9811a;border:1px solid #10b98133}.status-badge.warning{color:#d97706;background-color:#d977061a;border:1px solid #d9770633}.status-badge.neutral{color:#6b7280;background-color:#f3f4f6;border:1px solid #e5e7eb}body.dark .status-badge.neutral{background-color:#1f1f1f;border-color:#333}.status-badge.pulsing{animation:2s ease-in-out infinite pulse}.score-block{flex-direction:column;align-items:flex-end;width:100%;display:flex}.score-block .score-val{color:#111827;font-size:15px;font-weight:700}body.dark .score-block .score-val{color:#fff}.score-block .score-temp{color:#d97706;white-space:nowrap;font-size:10px;font-style:italic}.score-block .score-sub{color:#9ca3af;margin-top:4px;font-size:11px}.score-block .score-sub .score-partial{color:#d97706;margin-left:4px;font-size:.9em;font-weight:500}.score-block .fail-badge-container{flex-direction:column;align-items:flex-end;gap:4px;margin-top:4px;display:flex}.score-block .fail-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;width:fit-content;margin:0;padding:3px 6px;font-size:10px;font-weight:700;display:inline-flex}.score-block .fail-badge.critical{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}body.dark .score-block .fail-badge.critical{color:#fca5a5;background-color:#dc262626;border-color:#dc26264d}.score-block .fail-badge.passmark{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}body.dark .score-block .fail-badge.passmark{color:#fcd34d;background-color:#d9770626;border-color:#d977064d}.time-block{flex-direction:column;display:flex}.time-block .time-label{color:#9ca3af;text-transform:uppercase;margin-bottom:2px;font-size:10px}.time-block .time-val{color:#4b5563;font-variant-numeric:tabular-nums;font-size:13px}body.dark .time-block .time-val{color:#9ca3af}.btn-action{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}body.dark .btn-action{color:#9ca3af;background-color:#1f1f1f;border-color:#333}.btn-action:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.btn-action.btn-view:hover{color:#7c3aed;background-color:#7c3aed0d;border-color:#7c3aed}.leaderboard-empty-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:60px 24px;display:flex}.leaderboard-empty-wrapper .empty-icon-box{color:#6b7280;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.leaderboard-empty-wrapper .empty-icon-box svg{opacity:.7}.leaderboard-empty-wrapper h3{color:#111827;margin-bottom:8px;font-size:18px;font-weight:600}.leaderboard-empty-wrapper p{color:#6b7280;max-width:400px;margin-bottom:24px;font-size:15px;line-height:1.5}body.dark .leaderboard-empty-wrapper .empty-icon-box{color:#9ca3af;background-color:#1f1f1f}body.dark .leaderboard-empty-wrapper h3{color:#f9fafb}body.dark .leaderboard-empty-wrapper p{color:#9ca3af}.leaderboard-error-wrapper{color:#dc2626}.leaderboard-error-wrapper .empty-icon-box.error-icon{color:#dc2626;background-color:#fee2e2}.leaderboard-error-wrapper h3{color:#b91c1c}.leaderboard-error-wrapper p{color:#dc2626}.leaderboard-error-wrapper .btn-retry{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.leaderboard-error-wrapper .btn-retry:hover{background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 6px #dc262633}body.dark .leaderboard-error-wrapper{color:#fca5a5}body.dark .leaderboard-error-wrapper .empty-icon-box.error-icon{color:#fca5a5;background-color:#dc262626}body.dark .leaderboard-error-wrapper h3{color:#fecaca}body.dark .leaderboard-error-wrapper p{color:#fca5a5}body.dark .leaderboard-error-wrapper .btn-retry{background-color:#dc2626cc}body.dark .leaderboard-error-wrapper .btn-retry:hover{background-color:#dc2626}@media (max-width:900px){.time-col{flex:0 0 110px;padding-left:10px}.status-col{flex:0 0 110px}.score-col{flex:0 0 120px}}@media (max-width:640px){.leaderboard-controls{flex-direction:column;align-items:stretch}.leaderboard-controls .total-users-badge{justify-content:center}.leaderboard-controls .search-box{width:100%}.leaderboard-controls .filter-tabs{flex-wrap:wrap;justify-content:space-between}.leaderboard-controls .filter-tabs .filter-tab{flex:30%;justify-content:center;padding:8px 4px;font-size:12px}.leaderboard-header{display:none}.leaderboard-row{flex-wrap:wrap;gap:12px;padding:16px 12px;position:relative}.rank-col{flex:0 0 40px;align-self:flex-start}.player-col{flex:1;align-self:flex-start;min-width:0;padding-right:40px}.player-email{display:none}.score-col{text-align:left;border-top:1px dashed #e5e7eb;flex:100%;align-items:flex-start;margin-left:40px;padding-top:12px}body.dark .score-col{border-top-color:#333}.score-block{flex-flow:wrap;align-items:flex-start;gap:8px;width:100%}.score-block .score-val{margin-right:auto}.score-block .fail-badge-container{align-items:flex-start}.action-col{flex:none;position:absolute;top:16px;right:12px}.status-col{flex:100%;margin-top:-4px;margin-bottom:8px;margin-left:40px;display:flex}.time-col{flex:100%;margin-top:4px;margin-left:40px;padding-left:0;display:flex}.time-block{flex-direction:row;align-items:center;gap:6px}.time-block .time-label{margin-bottom:0}}.leaderboard-body-standard{flex:1;height:auto}.leaderboard-body-standard::-webkit-scrollbar{width:6px}.leaderboard-body-standard::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:3px}body.dark .leaderboard-body-standard::-webkit-scrollbar-thumb{background-color:#333}.btn-export-word{color:#fff;cursor:pointer;background-color:#1d4ed8;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #1d4ed833}.btn-export-word:hover:not(:disabled){background-color:#1e40af;transform:translateY(-1px)}.btn-export-word:disabled{opacity:.7}.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:2s cubic-bezier(.4,0,.6,1) infinite pulsee}.lb-sk-row{border-bottom:1px solid #0000;align-items:center;padding:16px;display:flex}.lb-sk-rank-num{border-radius:50%;width:24px;height:24px;margin:0 auto}.lb-sk-player{align-items:center;gap:12px;display:flex}.lb-sk-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.lb-sk-player-details{flex-direction:column;flex-grow:1;gap:8px;display:flex}.lb-sk-text{width:80%;height:14px}.lb-sk-text.is-short{width:40%}.lb-sk-button{border-radius:6px;width:36px;height:36px;margin-left:auto}.lb-sk-row .rank-col{text-align:center;flex-basis:8%}.lb-sk-row .player-col{flex-grow:1;flex-basis:35%;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{text-align:right;flex-basis:12%;min-width:80px}.app-container{background-color:#f9fafb;height:100dvh;display:flex}body.dark .app-container{background-color:#1b1b1b}.main-container{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex}.main-content-area{scrollbar-gutter:stable;flex:1;padding:24px;overflow-y:auto}@media (max-width:768px){.main-content-area{padding:16px}}#sidebar-overlay{z-index:10;opacity:0;background-color:#00000080;transition:opacity .3s ease-in-out;display:none;position:fixed;inset:0}#sidebar-overlay.visible{opacity:1;display:block}@media (min-width:768px){body.sidebar-collapsed #sidebar{width:80px}body.sidebar-collapsed .sidebar-text{display:none}body.sidebar-collapsed .sidebar-logo,body.sidebar-collapsed .nav-link,body.sidebar-collapsed .sidebar-footer .nav-link,body.sidebar-collapsed .btn-new-quiz{justify-content:center}body.sidebar-collapsed #collapse-sidebar-icon{transform:rotate(180deg)}}.sidebar__nav-link,.sidebar__create-btn,.sidebar__icon-btn,.sidebar__logo{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-align:left;appearance:none;background:0 0;border:none;margin:0;padding:0}.sidebar{--flyout-bg:#fff;--flyout-border:#e2e8f0;--flyout-shadow:#00000014;--flyout-header-color:#94a3b8;--flyout-text:#64748b;--flyout-hover-bg:#f1f5f9;--flyout-hover-text:#334155;--flyout-active-bg:#3b82f61a;--flyout-active-text:#3b82f6;z-index:20;background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;height:100dvh;padding:0;transition:width .3s cubic-bezier(.2,0,0,1),transform .3s cubic-bezier(.2,0,0,1);display:flex;position:fixed;top:0;left:0;overflow:visible;transform:translate(-100%)}body.dark .sidebar{--flyout-bg:#1e1f20;--flyout-border:#4b556366;--flyout-shadow:#00000080;--flyout-header-color:#94a3b8;--flyout-text:#cbd5e1;--flyout-hover-bg:#334155;--flyout-hover-text:#f8fafc;--flyout-active-bg:#3b82f633;--flyout-active-text:#60a5fa;background-color:#1e1f20;border-right-color:#4b556366}.sidebar.is-open{transform:translate(0);box-shadow:4px 0 24px #0000001a}.sidebar__header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.sidebar__logo{align-items:center;gap:10px;text-decoration:none;display:flex}.sidebar__logo svg{color:#3b82f6;flex-shrink:0;width:30px;height:30px;transition:transform .3s}.sidebar__logo:hover svg{transform:scale(1.1)rotate(-5deg)}.sidebar__logo h1{color:#1f2937;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:800}body.dark .sidebar__logo h1{color:#e3e3e3}.sidebar__icon-btn{color:#4b5563;background-color:#0000;border-radius:50%;padding:6px;transition:all .2s}body.dark .sidebar__icon-btn{color:#aaa}.sidebar__icon-btn:hover{color:#1f2937;background-color:#f3f4f6}body.dark .sidebar__icon-btn:hover{color:#e3e3e3;background-color:#37393b}.sidebar__icon-btn svg{width:22px;height:22px;transition:transform .3s}.sidebar__icon-btn--collapse{display:none}.sidebar__icon-btn--close{display:block}.sidebar__create-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:calc(100% - 40px);margin:0 20px 24px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #3b82f640}body.dark .sidebar__create-btn{box-shadow:0 4px 12px #3b82f666}.sidebar__create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.sidebar__create-btn svg{width:20px;height:20px}.sidebar__nav{flex-direction:column;flex:1;padding:0 8px 20px 20px;display:flex;overflow:hidden auto}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:0 0}.sidebar__nav::-webkit-scrollbar-thumb{background-color:#0000;border-radius:10px;transition:background-color .3s}.sidebar__nav:hover::-webkit-scrollbar-thumb{background-color:#00000026}.sidebar__nav:hover::-webkit-scrollbar-thumb:hover{background-color:#00000040}body.dark .sidebar__nav:hover::-webkit-scrollbar-thumb{background-color:#ffffff26}.sidebar__nav-title{color:#6b7280;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;padding:12px 8px 4px;font-size:11px;font-weight:700}body.dark .sidebar__nav-title{color:#aaa}.sidebar__nav-divider{border:none;border-top:1px solid #e5e7eb;margin:12px 0}body.dark .sidebar__nav-divider{border-top-color:#ffffff14}.sidebar__nav-link{color:#4b5563;white-space:nowrap;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}body.dark .sidebar__nav-link{color:#aaa}.sidebar__nav-link:hover{color:#1f2937;background-color:#f3f4f6}body.dark .sidebar__nav-link:hover{color:#e3e3e3;background-color:#37393b}.sidebar__nav-link.is-active{color:#3b82f6;background:#3b82f614;font-weight:600}body.dark .sidebar__nav-link.is-active{color:#60a5fa;background-color:#3b82f626}.sidebar__nav-link .nav-link--media{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;margin:8px auto!important;padding:0!important;display:flex!important}.sidebar__nav-link .nav-link--media .sidebar__text{display:none!important}.sidebar__nav-link .nav-link--media svg{margin:0!important;font-size:20px!important}.sidebar__nav-link .nav-link--media:after{display:none!important}.sidebar__nav-link .nav-link--media:hover{transform:translateY(-2px)scale(1.05)!important}.sidebar__nav-link.nav-link--premium{color:#4b5563;background:0 0;border:1px solid #0000;margin-bottom:2px;font-weight:500}body.dark .sidebar__nav-link.nav-link--premium{color:#aaa;background:0 0}.sidebar__nav-link.nav-link--premium:hover{color:#1f2937;box-shadow:none;background-color:#f3f4f6;transform:none}body.dark .sidebar__nav-link.nav-link--premium:hover{color:#e3e3e3;background-color:#37393b}.sidebar__nav-link.nav-link--premium.is-active{color:#3b82f6;background:#3b82f614;font-weight:600}body.dark .sidebar__nav-link.nav-link--premium.is-active{color:#60a5fa;background-color:#3b82f626}.sidebar__nav-link.nav-link--premium .premium-icon{color:#ec4899;animation:2.5s ease-in-out infinite magic-glow}.sidebar__nav-link.nav-link--premium .premium-text-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar__nav-link.nav-link--premium .premium-badge{color:#fff;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.sidebar__nav-link svg{text-align:center;flex-shrink:0;width:18px;margin-right:2px;font-size:18px}.sidebar__nav-group{flex-direction:column;display:flex}.sidebar__nav-link--dropdown{justify-content:space-between}.sidebar__nav-link--dropdown .nav-link-left{align-items:center;gap:12px;display:flex}.sidebar__nav-link--dropdown .dropdown-icon{opacity:.7;font-size:11px;transition:transform .3s}.sidebar__nav-link--dropdown .dropdown-icon.is-rotated{transform:rotate(180deg)}.sidebar .dropdown-icon--desktop-down{display:block}.sidebar .dropdown-icon--collapsed-right,.sidebar__flyout-header{display:none}.sidebar__sub-menu{opacity:0;flex-direction:column;max-height:0;margin-top:2px;margin-bottom:0;padding-left:28px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-in-out,margin-bottom .3s;display:flex;overflow:hidden}.sidebar__sub-menu.is-expanded{opacity:1;max-height:250px;margin-bottom:8px}.sidebar__sub-menu .nav-link--sub{color:#6b7280;padding:8px 10px;font-size:13px;position:relative}body.dark .sidebar__sub-menu .nav-link--sub{color:#aaa}.sidebar__sub-menu .nav-link--sub:hover{color:#4b5563}body.dark .sidebar__sub-menu .nav-link--sub:hover{color:#aaa}.sidebar__sub-menu .nav-link--sub.is-active{color:#3b82f6;background-color:#0000;font-weight:600}.sidebar__sub-menu .nav-link--sub.is-active:before{content:"";background-color:#3b82f6;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.sidebar__footer-legal{border-top:1px solid #e5e7eb;flex-direction:column;gap:8px;margin-top:auto;padding:16px 8px 0;display:flex}body.dark .sidebar__footer-legal{border-top-color:#ffffff14}.sidebar__footer-legal .legal-links{flex-wrap:wrap;gap:6px 12px;display:flex}.sidebar__footer-legal .legal-links a{color:#6b7280;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}body.dark .sidebar__footer-legal .legal-links a{color:#aaa}.sidebar__footer-legal .legal-links a:hover{color:#3b82f6}.sidebar__footer-legal .legal-copyright{color:#6b7280;font-size:11px}body.dark .sidebar__footer-legal .legal-copyright{color:#ffffff4d}@media (min-width:992px){.sidebar{position:relative;transform:translate(0)}.sidebar__icon-btn--close{display:none}.sidebar__icon-btn--collapse{display:block}}@media (min-width:992px) and (max-width:1199.98px){.sidebar{width:80px}.sidebar__header{flex-direction:column;justify-content:center;gap:16px;padding:16px 0}.sidebar__logo{justify-content:center}.sidebar__logo h1{display:none}.sidebar__create-btn{border-radius:50%;width:48px;height:48px;margin:0 auto 24px;padding:0;overflow:hidden}.sidebar__create-btn span{display:none}.sidebar__icon-btn--collapse{margin:0 auto;display:flex}.sidebar__icon-btn--collapse #collapse-sidebar-icon{transform:rotate(180deg)}.sidebar__nav{align-items:center;padding:0 8px 24px!important;overflow:visible!important}.sidebar__text,.sidebar__nav-title,.sidebar__skeleton-text,.sidebar__nav-divider,.sidebar__footer-legal,.sidebar__nav-link--dropdown .dropdown-icon--desktop-down{display:none!important}.sidebar__nav-link,.sidebar__footer .sidebar__nav-link{border-radius:12px;position:relative;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;margin:0 auto 4px!important;padding:0!important}.sidebar__nav-link svg,.sidebar__footer .sidebar__nav-link svg{font-size:20px;margin:0!important}.sidebar__nav-link .nav-link-left,.sidebar__footer .sidebar__nav-link .nav-link-left{justify-content:center;align-items:center;display:flex;gap:0!important;width:100%!important}.sidebar .dropdown-icon--collapsed-right{color:inherit;opacity:.8!important;font-size:9px!important;display:block!important;position:absolute!important;top:auto!important;bottom:4px!important;right:4px!important;transform:none!important}.sidebar__nav-group{justify-content:center;width:100%;display:flex;position:relative}.sidebar__sub-menu{z-index:999;opacity:0;visibility:hidden;border-radius:16px;flex-direction:column;gap:4px;width:220px;display:flex;position:absolute;top:0;left:72px;transform:translate(10px);background-color:var(--flyout-bg)!important;border:1px solid var(--flyout-border)!important;max-height:none!important;box-shadow:4px 4px 24px var(--flyout-shadow)!important;margin:0!important;padding:12px!important;transition:none!important}.sidebar__sub-menu.is-flyout-visible{opacity:1;visibility:visible;transform:translate(0);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s!important}.sidebar__flyout-header{text-transform:uppercase;margin-bottom:6px;padding:4px 8px 8px;font-size:11px;font-weight:700;color:var(--flyout-header-color)!important;border-bottom:1px solid var(--flyout-border)!important;display:block!important}.sidebar .nav-link--sub{width:100%!important;height:auto!important;color:var(--flyout-text)!important;border-radius:8px!important;justify-content:flex-start!important;margin:0!important;padding:8px 12px!important;font-size:13px!important}.sidebar .nav-link--sub .sidebar__text{display:inline-block!important}.sidebar .nav-link--sub svg{margin-right:10px!important;font-size:14px!important}.sidebar .nav-link--sub:before{display:none!important}.sidebar .nav-link--sub:hover{background-color:var(--flyout-hover-bg)!important;color:var(--flyout-hover-text)!important}.sidebar .nav-link--sub.is-active{color:var(--flyout-active-text)!important;background-color:var(--flyout-active-bg)!important;font-weight:600!important}.sidebar .nav-link--sub.is-active svg{color:var(--flyout-active-text)!important}.sidebar__nav-link.nav-link--premium{overflow:hidden;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;margin:0 auto 4px!important;padding:0!important;display:flex!important}.sidebar__nav-link.nav-link--premium .premium-text-wrapper{display:none!important}.sidebar__nav-link.nav-link--premium .premium-icon{font-size:18px;margin:0!important}.sidebar__nav-link.nav-link--premium:hover{transform:translateY(-2px)scale(1.05)}.sidebar__skeleton-item{width:40px;height:40px;margin:0 auto 8px}.sidebar__icon-btn--collapse{display:none!important}}@media (min-width:1200px){body.sidebar-collapsed .sidebar{width:80px}body.sidebar-collapsed .sidebar__header{flex-direction:column;justify-content:center;gap:16px;padding:16px 0}body.sidebar-collapsed .sidebar__logo{justify-content:center}body.sidebar-collapsed .sidebar__logo h1{display:none}body.sidebar-collapsed .sidebar__create-btn{border-radius:50%;width:48px;height:48px;margin:0 auto 24px;padding:0;overflow:hidden}body.sidebar-collapsed .sidebar__create-btn span{display:none}body.sidebar-collapsed .sidebar__icon-btn--collapse{margin:0 auto;display:flex}body.sidebar-collapsed .sidebar__icon-btn--collapse #collapse-sidebar-icon{transform:rotate(180deg)}body.sidebar-collapsed .sidebar__nav{align-items:center;padding:0 8px 24px!important;overflow:visible!important}body.sidebar-collapsed .sidebar__text,body.sidebar-collapsed .sidebar__nav-title,body.sidebar-collapsed .sidebar__skeleton-text,body.sidebar-collapsed .sidebar__nav-divider,body.sidebar-collapsed .sidebar__footer-legal,body.sidebar-collapsed .sidebar__nav-link--dropdown .dropdown-icon--desktop-down{display:none!important}body.sidebar-collapsed .sidebar__nav-link,body.sidebar-collapsed .sidebar__footer body.sidebar-collapsed .sidebar__nav-link{border-radius:12px;position:relative;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;margin:0 auto 4px!important;padding:0!important}body.sidebar-collapsed .sidebar__nav-link svg,body.sidebar-collapsed .sidebar__footer body.sidebar-collapsed .sidebar__nav-link svg{font-size:20px;margin:0!important}body.sidebar-collapsed .sidebar__nav-link .nav-link-left,body.sidebar-collapsed .sidebar__footer body.sidebar-collapsed .sidebar__nav-link .nav-link-left{justify-content:center;align-items:center;display:flex;gap:0!important;width:100%!important}body.sidebar-collapsed .sidebar .dropdown-icon--collapsed-right{color:inherit;opacity:.8!important;font-size:9px!important;display:block!important;position:absolute!important;top:auto!important;bottom:4px!important;right:4px!important;transform:none!important}body.sidebar-collapsed .sidebar__nav-group{justify-content:center;width:100%;display:flex;position:relative}body.sidebar-collapsed .sidebar__sub-menu{z-index:999;opacity:0;visibility:hidden;border-radius:16px;flex-direction:column;gap:4px;width:220px;display:flex;position:absolute;top:0;left:72px;transform:translate(10px);background-color:var(--flyout-bg)!important;border:1px solid var(--flyout-border)!important;max-height:none!important;box-shadow:4px 4px 24px var(--flyout-shadow)!important;margin:0!important;padding:12px!important;transition:none!important}body.sidebar-collapsed .sidebar__sub-menu.is-flyout-visible{opacity:1;visibility:visible;transform:translate(0);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s!important}body.sidebar-collapsed .sidebar__flyout-header{text-transform:uppercase;margin-bottom:6px;padding:4px 8px 8px;font-size:11px;font-weight:700;color:var(--flyout-header-color)!important;border-bottom:1px solid var(--flyout-border)!important;display:block!important}body.sidebar-collapsed .sidebar .nav-link--sub{width:100%!important;height:auto!important;color:var(--flyout-text)!important;border-radius:8px!important;justify-content:flex-start!important;margin:0!important;padding:8px 12px!important;font-size:13px!important}body.sidebar-collapsed .sidebar .nav-link--sub .sidebar__text{display:inline-block!important}body.sidebar-collapsed .sidebar .nav-link--sub svg{margin-right:10px!important;font-size:14px!important}body.sidebar-collapsed .sidebar .nav-link--sub:before{display:none!important}body.sidebar-collapsed .sidebar .nav-link--sub:hover{background-color:var(--flyout-hover-bg)!important;color:var(--flyout-hover-text)!important}body.sidebar-collapsed .sidebar .nav-link--sub.is-active{color:var(--flyout-active-text)!important;background-color:var(--flyout-active-bg)!important;font-weight:600!important}body.sidebar-collapsed .sidebar .nav-link--sub.is-active svg{color:var(--flyout-active-text)!important}body.sidebar-collapsed .sidebar__nav-link.nav-link--premium{overflow:hidden;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;margin:0 auto 4px!important;padding:0!important;display:flex!important}body.sidebar-collapsed .sidebar__nav-link.nav-link--premium .premium-text-wrapper{display:none!important}body.sidebar-collapsed .sidebar__nav-link.nav-link--premium .premium-icon{font-size:18px;margin:0!important}body.sidebar-collapsed .sidebar__nav-link.nav-link--premium:hover{transform:translateY(-2px)scale(1.05)}body.sidebar-collapsed .sidebar__skeleton-item{width:40px;height:40px;margin:0 auto 8px}}.sidebar-overlay{opacity:0;transition:opacity .3s}.sidebar-overlay.is-visible{opacity:1}@keyframes magic-glow{0%,to{filter:drop-shadow(0 0 2px #ec489966);transform:scale(1)}50%{filter:drop-shadow(0 0 6px #ec4899cc);transform:scale(1.1)rotate(-5deg)}}.header__notif-loadmore,.header__notif-btn,.header__dropdown-btn,.header__avatar-btn,.header__signin-btn,.header__mobile-search-trigger,.header__toggle-btn{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-align:left;appearance:none;background:0 0;border:none;margin:0;padding:0}@keyframes header-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.header-main{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:16px;transition:all .3s;display:flex}body.dark .header-main{background-color:#1e1f20;border-bottom-color:#4b556366}.header__left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.header__toggle-btn{color:#4b5563;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}body.dark .header__toggle-btn{color:#aaa}.header__toggle-btn:hover{color:#1f2937;background-color:#f3f4f6}body.dark .header__toggle-btn:hover{color:#e3e3e3;background-color:#37393b}.header__toggle-btn svg{width:24px;height:24px;display:block}@media (min-width:992px){.header__toggle-btn{display:none}}.header__title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin:0;font-size:18px;font-weight:600;display:flex;overflow:hidden}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{background-color:#e5e7eb;border-radius:6px;width:220px;height:24px;animation:2s cubic-bezier(.4,0,.6,1) infinite header-skeleton-pulse}body.dark .header__breadcrumb-skeleton{background-color:#e0e0e028}.header__center{flex:2;justify-content:center;align-items:center;padding:0 16px;display:flex}.header__right{flex:1 0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.header__mobile-search-trigger{color:#4b5563;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:none}body.dark .header__mobile-search-trigger{color:#aaa}.header__mobile-search-trigger:hover{background-color:#f3f4f6}body.dark .header__mobile-search-trigger:hover{background-color:#37393b}.header__signin{align-items:center;gap:20px;display:flex}.header__signin-btn{color:#1f2937;font-size:15px;font-weight:600;display:block}body.dark .header__signin-btn{color:#e3e3e3}.header__profile{position:relative}.header__avatar-btn{border:2px solid #0000;border-radius:50%;width:40px;height:40px;font-size:0;transition:border-color .2s;display:block;overflow:hidden}.header__avatar-btn:hover{border-color:#3b82f6}.header__avatar-btn img{object-fit:cover;width:100%;height:100%}.header__dropdown{z-index:1001;opacity:0;visibility:hidden;transform-origin:100% 0;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:280px;padding:12px 0;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 15px);right:0;transform:translateY(-10px)scale(.95);box-shadow:0 10px 30px #0000001a}body.dark .header__dropdown{background-color:#1e1f20;border:1px solid #4b556366;box-shadow:0 10px 40px #0006}.header__dropdown.is-active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.header__dropdown:before{content:"";background-color:#fff;border-top:1px solid #e5e7eb;border-left:1px solid #e5e7eb;width:10px;height:10px;position:absolute;top:-6px;right:14px;transform:rotate(45deg)}body.dark .header__dropdown:before{background-color:#1e1f20;border-color:#4b556366}.header__dropdown-header{padding:8px 20px}.header__dropdown-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}body.dark .header__dropdown-header h3{color:#e3e3e3}.header__dropdown-header p{color:#4b5563;word-break:break-all;margin:4px 0 0;font-size:14px}body.dark .header__dropdown-header p{color:#aaa}.header__dropdown-separator{background-color:#e5e7eb;height:1px;margin:12px 0}body.dark .header__dropdown-separator{background-color:#4b556366}.header__dropdown-list{margin:0;padding:0;list-style:none}.header__dropdown-btn{align-items:center;gap:12px;width:100%;padding:10px 20px;transition:background-color .2s;display:flex}.header__dropdown-btn:hover{background-color:#f9fafb}body.dark .header__dropdown-btn:hover{background-color:#282a2c}.header__dropdown-btn .fa-icon,.header__dropdown-btn svg{text-align:center;color:#4b5563;width:20px;font-size:16px}body.dark .header__dropdown-btn .fa-icon,body.dark .header__dropdown-btn svg{color:#e3e3e3}.header__dropdown-btn span{color:#1f2937;font-size:15px;font-weight:500}body.dark .header__dropdown-btn span{color:#e3e3e3}.header__skeleton-avatar{background-color:#f3f4f6;border-radius:50%;width:40px;height:40px;animation:1.5s ease-in-out infinite header-skeleton-pulse}body.dark .header__skeleton-avatar{background-color:#e0e0e028}.header__notif-wrapper{position:relative}.header__notif-btn{color:#4b5563;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}body.dark .header__notif-btn{color:#aaa}.header__notif-btn:hover{color:#3b82f6;background-color:#3b82f614;transform:scale(1.05)}body.dark .header__notif-btn:hover{background-color:#3b82f626}.header__notif-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #ef444466}body.dark .header__notif-badge{border-color:#1e1f20}.header__notif-dropdown{border:1px solid #e5e7eb;border-radius:12px;width:400px;padding:8px 0;box-shadow:0 4px 24px #00000026}body.dark .header__notif-dropdown{border-color:#4b556366;box-shadow:0 4px 24px #00000080}@media (max-width:640px){.header__notif-dropdown{width:320px;right:-60px}}.header__notif-dropdown:before{display:none}.header__notif-dropdown .header__dropdown-header h3{color:#1f2937;padding:4px 16px 12px;font-size:20px;font-weight:700}body.dark .header__notif-dropdown .header__dropdown-header h3{color:#e3e3e3}.header__notif-list{max-height:480px;padding:0 8px;overflow-y:auto}.header__notif-list::-webkit-scrollbar{width:6px}.header__notif-list::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:10px}.header__notif-loading,.header__notif-empty{text-align:center;color:#6b7280;padding:32px 20px;font-size:14px}body.dark .header__notif-loading,body.dark .header__notif-empty{color:#aaa}.header__notif-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s;display:flex}.header__notif-item.unread{background-color:#ebf5ff}.header__notif-item.unread p{color:#0f172a}.header__notif-item.unread strong{color:#000;font-weight:700}body.dark .header__notif-item.unread{background-color:#3b82f626}body.dark .header__notif-item.unread p{color:#f8fafc}body.dark .header__notif-item.unread strong{color:#fff}.header__notif-item.read{opacity:.65;background-color:#0000}.header__notif-item.read p{color:#4b5563}.header__notif-item.read strong{color:#1f2937;font-weight:600}.header__notif-item.read .notif-time{color:#6b7280;font-weight:400}body.dark .header__notif-item.read p{color:#aaa}body.dark .header__notif-item.read strong{color:#e3e3e3}body.dark .header__notif-item.read .notif-time{color:#aaa}.header__notif-item.read:hover{opacity:1;background-color:#f9fafb}body.dark .header__notif-item.read:hover{background-color:#282a2c}.header__notif-item.unread:hover{background-color:#dcedff}body.dark .header__notif-item.unread:hover{background-color:#3b82f640}.header__notif-avatar-container{flex-shrink:0;width:56px;height:56px;position:relative}.header__notif-avatar-img{object-fit:cover;border:1px solid #0000000d;border-radius:50%;width:100%;height:100%}.header__notif-badge-icon{color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;bottom:-4px;right:-4px}body.dark .header__notif-badge-icon{border-color:#1e1f20}.header__notif-badge-icon.like{background-color:#ef4444}.header__notif-badge-icon.comment{background-color:#22c55e}.header__notif-badge-icon.system{background-color:#64748b}.header__notif-content{flex:1;min-width:0}.header__notif-content p{margin:0 0 6px;font-size:15px;line-height:1.4}.header__notif-content .notif-time{color:#2563eb;font-size:13px;font-weight:600;display:block}body.dark .header__notif-content .notif-time{color:#60a5fa}.header__notif-dot{background-color:#2563eb;border-radius:50%;flex-shrink:0;width:12px;height:12px}.header__notif-footer{text-align:center;padding:8px 16px}.header__notif-loadmore{color:#3b82f6;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.header__notif-loadmore:hover{background-color:#3b82f60d}.header__notif-loadmore:disabled{opacity:.5;cursor:not-allowed}@media (max-width:820px){.header-main{justify-content:space-between}.header-main .header__center{display:none}.header-main .header__left{flex:auto}.header-main .header__right{flex:none}.header-main .header__mobile-search-trigger{display:flex}.header-main.mobile-search-active{z-index:50;background-color:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex}body.dark .header-main.mobile-search-active{background-color:#1e1f20}.header-main.mobile-search-active .close-search-btn{color:#4b5563;margin:0;padding:4px;display:flex}body.dark .header-main.mobile-search-active .close-search-btn{color:#aaa}.header-main.mobile-search-active .mobile-search-wrapper{flex-grow:1;width:100%}.header-main.mobile-search-active .mobile-search-wrapper .header-search-wrapper{max-width:100%}.header-main.mobile-search-active .mobile-search-wrapper .header-search-input-box input,body.dark .header-main.mobile-search-active .mobile-search-wrapper .header-search-input-box input{border-color:#3b82f6}input[type=text],input[type=search]{font-size:16px!important}}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .author-info .author-name-text,.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-link,.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .name-content{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}@keyframes pan-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.dashboard-container{scrollbar-width:thin;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:28px;width:100%;min-height:0;margin:0 auto;padding:24px;display:flex;overflow-y:auto}@media (max-width:768px){.dashboard-container{padding:16px}}.dashboard-container h3{color:#1f2937;margin:0;font-size:20px;font-weight:600}body.dark .dashboard-container h3{color:#e3e3e3}.dashboard-welcome-header h2{color:#1f2937;margin:0 0 8px;font-size:32px;font-weight:700}body.dark .dashboard-welcome-header h2{color:#e3e3e3}.dashboard-welcome-header p{color:#4b5563;margin:0;font-size:18px}body.dark .dashboard-welcome-header p{color:#aaa}.dashboard-welcome-header .gradient-text{background:linear-gradient(90deg,#3b82f6 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard-quota-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}body.dark .dashboard-quota-section{background-color:#1e1f20;border-color:#4b556366}.dashboard-quota-grid{flex-grow:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}@media (max-width:768px){.dashboard-quota-grid{grid-template-columns:1fr;width:100%}}.quota-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}body.dark .quota-card{background-color:#282a2c;border-color:#4b556366}.quota-card .quota-card-header{align-items:center;gap:10px;display:flex}.quota-card .quota-card-header .quota-card-icon{color:#6b7280;font-size:14px}body.dark .quota-card .quota-card-header .quota-card-icon{color:#aaa}.quota-card .quota-card-header .quota-card-title{color:#1f2937;font-size:14px;font-weight:500}body.dark .quota-card .quota-card-header .quota-card-title{color:#e3e3e3}.quota-card .quota-card-body{align-items:baseline;gap:4px;display:flex}.quota-card .quota-card-body .quota-balance{color:#1f2937;font-size:24px;font-weight:700}body.dark .quota-card .quota-card-body .quota-balance{color:#e3e3e3}.quota-card .quota-card-body .quota-total{color:#6b7280;font-size:14px;font-weight:500}body.dark .quota-card .quota-card-body .quota-total{color:#aaa}.quota-card .quota-progress-bar{background-color:#f3f4f6;border-radius:3px;width:100%;height:6px;overflow:hidden}body.dark .quota-card .quota-progress-bar{background-color:#1b1b1b}.quota-card .quota-progress-bar .quota-progress-inner{background-color:#3b82f6;border-radius:3px;height:100%;transition:width .3s}.upgrade-button-wrapper{cursor:pointer;background:linear-gradient(90deg,#3b82f6,#34d399,#3b82f6) 0 0/200%;border-radius:8px;flex-shrink:0;padding:1px;transition:box-shadow .3s;animation:3s linear infinite pan-gradient;position:relative}.upgrade-button-wrapper:hover{box-shadow:0 0 15px #3b82f680}@media (max-width:768px){.upgrade-button-wrapper{width:100%}}.upgrade-button-wrapper .upgrade-button-inner{color:#1f2937;cursor:pointer;background-color:#f9fafb;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 19px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.upgrade-button-wrapper .upgrade-button-inner:hover{background-color:#f3f4f6}body.dark .upgrade-button-wrapper .upgrade-button-inner{color:#e3e3e3;background-color:#1e1f20}body.dark .upgrade-button-wrapper .upgrade-button-inner:hover{background-color:#282a2c}.dashboard-stats-section .stats-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.dashboard-filters{flex-wrap:wrap;gap:12px;display:flex}.dashboard-filters select{cursor:pointer;color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:140px;padding:10px 14px;font-size:14px;transition:all .2s}.dashboard-filters select:hover{border-color:#6b7280}.dashboard-filters select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.dashboard-filters select:disabled{opacity:.5;cursor:not-allowed;background-color:#e5e7eb}body.dark .dashboard-filters select{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}body.dark .dashboard-filters select:hover{border-color:#aaa}body.dark .dashboard-filters select:disabled{background-color:#4b556366}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;transition:opacity .2s;display:grid}.stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;padding:20px 24px;display:flex;box-shadow:0 2px 4px #00000005}.stat-card h4{text-transform:uppercase;letter-spacing:.5px;color:#6b7280;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:600;display:flex}.stat-card h4 .stat-card-icon{opacity:.8;text-align:center;width:16px;font-size:13px}.stat-card p{color:#1f2937;margin:0;font-size:36px;font-weight:700;line-height:1.2}body.dark .stat-card{background-color:#1e1f20;border-color:#4b556366}body.dark .stat-card h4{color:#aaa}body.dark .stat-card p{color:#e3e3e3}.dashboard-activity-section h3{margin-bottom:16px}.dashboard-activity-table{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:opacity .2s;overflow:hidden}body.dark .dashboard-activity-table{background-color:#1e1f20;border-color:#4b556366}.dashboard-activity-table .col-exam{flex:1;min-width:0}.dashboard-activity-table .col-last-played{flex:0 0 110px}.dashboard-activity-table .col-practice,.dashboard-activity-table .col-test,.dashboard-activity-table .col-smart{text-align:center;flex:0 0 70px}@media (max-width:640px){.dashboard-activity-table .col-practice,.dashboard-activity-table .col-test,.dashboard-activity-table .col-smart{flex-basis:50px}}.dashboard-activity-table .col-action{text-align:right;flex:0 0 60px}.dashboard-activity-table .activity-table-header{text-transform:uppercase;letter-spacing:.5px;color:#4b5563;border-bottom:1px solid #e5e7eb;padding:12px 24px;font-size:13px;font-weight:600;display:flex}body.dark .dashboard-activity-table .activity-table-header{color:#aaa;border-bottom-color:#4b556366}@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-test,.dashboard-activity-table .activity-table-header .col-smart{display:none}}.dashboard-activity-table .activity-table-body .no-activity-msg{text-align:center;color:#6b7280;padding:40px 24px;font-size:15px}body.dark .dashboard-activity-table .activity-table-body .no-activity-msg{color:#aaa}.dashboard-activity-table .activity-table-body .activity-row{color:#1f2937;border-bottom:1px solid #e5e7eb;align-items:center;padding:16px 24px;font-size:15px;display:flex}.dashboard-activity-table .activity-table-body .activity-row:last-child{border-bottom:none}@media (max-width:640px){.dashboard-activity-table .activity-table-body .activity-row{flex-wrap:wrap}}body.dark .dashboard-activity-table .activity-table-body .activity-row{color:#e3e3e3;border-bottom-color:#4b556366}.dashboard-activity-table .activity-table-body .activity-row.row-deleted{background-color:#f9fafb80}.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-test,.dashboard-activity-table .activity-table-body .activity-row.row-deleted .col-smart{opacity:.5}body.dark .dashboard-activity-table .activity-table-body .activity-row.row-deleted{background-color:#282a2c4d}.dashboard-activity-table .activity-table-body .activity-row .col-exam{align-items:center;gap:16px;display:flex}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-image-thumb{object-fit:cover;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;width:48px;height:48px}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-image-thumb{border-color:#4b556366}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-image-thumb.grayscale{filter:grayscale();opacity:.6}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-wrapper,.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-text.deleted{flex-wrap:nowrap;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-link,.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .name-content{font-weight:500}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .exam-name-link{color:#1f2937;text-decoration:none}.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 .name-content{color:#6b7280;text-decoration:line-through}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .name-content{color:#aaa}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .dash-badge{text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700;line-height:1}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .dash-badge.badge-deleted{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .dash-badge.badge-shared{color:#8b5cf6;background-color:#8b5cf61a;border:1px solid #8b5cf633}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .author-info{color:#6b7280;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:13px;display:flex}.dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .author-info .author-avatar-thumb{object-fit:cover;border-radius:50%;flex-shrink:0}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-exam .exam-info .author-info{color:#aaa}.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:#aaa}@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-test,.dashboard-activity-table .activity-table-body .activity-row .col-smart{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-test,.dashboard-activity-table .activity-table-body .activity-row .col-smart{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{color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn.disabled{color:#6b7280;cursor:not-allowed;opacity:.6;background-color:#f3f4f6;border-color:#0000}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn.disabled{color:#aaa;background-color:#282a2c}.dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn:not(.disabled):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:#aaa;background-color:#282a2c;border-color:#4b556366}body.dark .dashboard-activity-table .activity-table-body .activity-row .col-action .practice-again-btn:not(.disabled):hover{color:#3b82f6;background-color:#3b82f626;border-color:#3b82f6}.skeleton-box{background-color:#e5e7eb;border-radius:6px}body.dark .skeleton-box{background-color:#e0e0e028}.is-loading,.is-skeleton,.dashboard-welcome-header .skeleton-box{animation:2s infinite pulsee}.welcome-title-sk{width:40%;height:38px;margin-bottom:8px}.welcome-subtitle-sk{width:60%;height:22px}.dashboard-quota-section.is-loading .quota-card-header-sk{align-items:center;gap:10px;display:flex}.dashboard-quota-section.is-loading .quota-card-header-sk .quota-icon-sk{width:14px;height:14px}.dashboard-quota-section.is-loading .quota-card-header-sk .quota-title-sk{width:100px;height:16px}.dashboard-quota-section.is-loading .quota-card-body-sk .quota-balance-sk{width:60px;height:28px}.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{border-radius:8px;flex-shrink:0;width:110px;height:42px}.dashboard-filters .filter-sk{border-radius:10px;width:140px;height:40px}.stats-section-header .section-title-sk,.dashboard-activity-section .section-title-sk{width:250px;height:24px}.dashboard-stats-grid.is-loading .stat-card .skeleton-box:first-child{width:50%;height:16px;margin-bottom:0}.dashboard-stats-grid.is-loading .stat-card .skeleton-box:last-child{width:30%;height:40px}.activity-row.is-skeleton .exam-image-thumb-sk{border-radius:6px;flex-shrink:0;width:48px;height:48px}.activity-row.is-skeleton .exam-info-sk{flex-direction:column;flex-grow:1;gap:6px;display:flex}.activity-row.is-skeleton .exam-name-sk{width:60%;height:18px}.activity-row.is-skeleton .author-info-sk{width:30%;height:14px}.activity-row.is-skeleton .text-sk-short{width:50%;height:16px;margin:0 auto}@media (max-width:640px){.activity-row.is-skeleton .text-sk-short{display:none}}.activity-row.is-skeleton .col-last-played .text-sk-short{width:80%;margin:0 0 0 auto}.activity-row.is-skeleton .button-sk{border-radius:50%;width:36px;height:36px;margin-left:auto}.dashboard-toast-error{z-index:9999;background-color:#fff;border-left:4px solid #ef4444;border-radius:8px;align-items:flex-start;gap:12px;width:90%;max-width:400px;padding:16px;animation:.3s ease-out forwards slideInRight;display:flex;position:fixed;top:24px;right:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}body.dark .dashboard-toast-error{background-color:#1e1f20;border-color:#ef4444;box-shadow:0 4px 20px #0006}.dashboard-toast-error .toast-icon{color:#ef4444;padding-top:2px;font-size:20px}.dashboard-toast-error .toast-content{flex:1}.dashboard-toast-error .toast-content h4{color:#1f2937;margin:0 0 4px;font-size:16px;font-weight:700}body.dark .dashboard-toast-error .toast-content h4{color:#e3e3e3}.dashboard-toast-error .toast-content p{color:#4b5563;margin:0;font-size:14px}body.dark .dashboard-toast-error .toast-content p{color:#aaa}.dashboard-toast-error .toast-close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0}.dashboard-toast-error .toast-close:hover{color:#1f2937}body.dark .dashboard-toast-error .toast-close:hover{color:#e3e3e3}.dashboard-toast-error .toast-progress{opacity:.5;background-color:#ef4444;width:100%;height:3px;animation:5s linear forwards toastProgress;position:absolute;bottom:0;left:0}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.out-of-quota-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.out-of-quota-modal-content{text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;gap:15px;width:90%;max-width:400px;padding:30px;display:flex;position:relative;box-shadow:0 10px 30px #0000004d}body.dark .out-of-quota-modal-content{background-color:#1e1f20;border-color:#4b556366}.out-of-quota-modal-content .close-button{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .2s;position:absolute;top:15px;right:15px}.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:#aaa}.out-of-quota-modal-content .icon-wrapper{margin-bottom:5px;line-height:1}.out-of-quota-modal-content .premium-sparkle-icon{filter:drop-shadow(0 4px 12px #3b82f680);transition:transform .3s}.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 #3b82f666)}.out-of-quota-modal-content .modal-title{color:#1f2937;margin-bottom:5px;font-size:24px;font-weight:700}body.dark .out-of-quota-modal-content .modal-title{color:#e3e3e3}.out-of-quota-modal-content .modal-message{color:#4b5563;margin-bottom:20px;font-size:15px;line-height:1.6}body.dark .out-of-quota-modal-content .modal-message{color:#aaa}.out-of-quota-modal-content .upgrade-button-link{width:100%;max-width:250px;text-decoration:none}.out-of-quota-modal-content .upgrade-button-wrapper-modal{cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#34d399 50%,#3b82f6 100%) 0 0/200% 200%;border-radius:10px;width:100%;padding:1px;transition:all .3s;position:relative;overflow:hidden}.out-of-quota-modal-content .upgrade-button-wrapper-modal:hover{animation:4s linear infinite pan-gradient;box-shadow:0 0 20px #3b82f6b3,0 0 40px #34d39966}.out-of-quota-modal-content .upgrade-button-inner-modal{color:#1f2937;background-color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:12px 25px;font-size:16px;font-weight:600;transition:background-color .3s,color .3s;display:flex}body.dark .out-of-quota-modal-content .upgrade-button-inner-modal{color:#e3e3e3;background-color:#1e1f20}.out-of-quota-modal-content .upgrade-button-inner-modal:hover{color:#1f2937;background-color:#0000}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:#fff;--card-bg:#f9fafb;--border:#e5e7eb;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;background-image:linear-gradient(135deg, var(--bg-gradient-1) 0%, var(--bg-gradient-2) 100%);width:100%;height:100dvh;color:var(--text-main);box-sizing:border-box;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.mobile-view-container *,.mobile-view-container :before,.mobile-view-container :after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.m-game-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000026;border-bottom:1px solid #ffffff1a;flex:none;padding:12px 16px}.m-game-header .header-stats-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.m-game-header .circle-timer{background:var(--white);width:42px;height:42px;color:var(--text-main);border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 10px #0000001a}.m-game-header .circle-timer.danger{color:var(--danger);border-color:#ef444480;animation:1s infinite pulse-danger}.m-game-header .score-badge{color:var(--white);background:#0003;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;max-width:70%;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.m-game-header .score-badge span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.m-game-header .progress-container{background:#0000004d;border:1px solid #ffffff1a;border-radius:99px;width:100%;height:6px;overflow:hidden}.m-game-header .progress-container .progress-fill{background:var(--white);transform-origin:0;will-change:transform;border-radius:99px;width:100%;height:100%;transform:scaleX(1)}.m-game-content{background:var(--card-bg);border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;flex:1;padding-bottom:20px;display:flex;position:relative;overflow-y:auto;box-shadow:0 -10px 30px #0003}.m-game-content .content-padding{width:100%;max-width:600px;margin:0 auto;padding:24px 20px 100px}.question-type-badge{color:var(--primary);text-transform:uppercase;background:#e0e7ff;border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.m-game-question-root{flex-direction:column;gap:20px;display:flex}.m-question-text{color:var(--text-main);overflow-wrap:break-word;word-break:break-word;font-size:17px;font-weight:600;line-height:1.5}.m-question-text img{border-radius:12px;max-width:100%;height:auto;margin-top:12px;box-shadow:0 4px 6px #0000000d}.m-answer-list{flex-direction:column;gap:12px;display:flex}.m-option-item{text-align:left;background:var(--white);border:2px solid var(--border);cursor:pointer;border-radius:16px;align-items:flex-start;gap:14px;width:100%;margin:0;padding:16px;transition:all .15s;display:flex;position:relative}.m-option-item .m-icon-box{color:#d1d5db;flex-shrink:0;margin-top:-2px;font-size:24px;transition:color .2s,transform .2s}.m-option-item .m-opt-content{min-width:0;color:var(--text-main);overflow-wrap:break-word;word-break:break-word;flex-direction:column;flex:1;gap:8px;font-size:16px;font-weight:500;line-height:1.4;display:flex}.m-option-item .m-opt-content p{margin:0}.m-option-item .m-opt-content img{border-radius:6px;max-width:100%;margin-top:8px}.m-option-item:active:not(.disabled){background-color:#f9fafb;transform:scale(.98)}.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()}.m-blank-list{flex-direction:column;gap:16px;display:flex}.m-blank-item{background:var(--white);border:2px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex}.m-blank-item:focus-within{border-color:var(--primary);box-shadow:0 4px 12px #764ba226}.m-blank-item .m-blank-header{align-items:center;display:flex}.m-blank-item .m-blank-badge{text-transform:uppercase;color:var(--white);background-color:var(--text-sub);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.m-blank-item .m-blank-input{width:100%;color:var(--text-main);background:0 0;border:none;border-bottom:2px dashed #d1d5db;border-radius:0;outline:none;padding:12px 0;font-size:18px;font-weight:500;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{gap:10px;width:100%;display:flex}.mm-col{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.mm-card{background:var(--white);border:2px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;min-height:70px;padding:10px 8px 10px 12px;transition:all .15s;display:flex;position:relative}.mm-card .mm-pair-badge{width:24px;height:24px;color:var(--white);border:2px solid var(--white);z-index:10;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #00000026}.mm-card .mm-content{color:var(--text-main);overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;padding-right:4px;font-size:13px;font-weight:500;line-height:1.3}.mm-card .mm-content img{border-radius:4px;max-width:100%;margin-top:4px;display:block}.mm-card.left.active{border-color:var(--primary);background-color:var(--primary-light);z-index:5;transform:scale(1.02);box-shadow:0 4px 12px #764ba233}.mm-card.left.active .mm-content{color:var(--primary);font-weight:700}.mm-card.left.matched{background-color:#eff6ff;border-color:#3b82f6}.mm-card.left.matched .mm-content{color:#1e40af;opacity:1}.mm-card.right{text-align:center;border-style:dashed;border-color:#cbd5e1;justify-content:center}.mm-card.right.used{opacity:1;background-color:#eff6ff;border-style:solid;border-color:#3b82f6}.mm-card.right.used .mm-content{color:#1e40af}.mm-hint{text-align:center;color:var(--text-sub);background:#00000008;border:1px solid #0000000d;border-radius:8px;margin-top:10px;padding:8px;font-size:12px;font-style:italic}.m-reading-passage{border:1px solid var(--border);background:#f8fafc;border-radius:12px;flex-direction:column;max-height:280px;transition:all .3s;display:flex;overflow:hidden}.m-reading-passage.expanded{border-color:var(--primary);max-height:80vh;box-shadow:0 10px 30px #00000026}.m-reading-passage .m-reading-header{text-align:center;color:#475569;text-transform:uppercase;cursor:pointer;background:#e2e8f0;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:700;display:flex}.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{color:var(--text-main);overflow-wrap:break-word;word-break:break-word;padding:16px;font-size:15px;line-height:1.6;overflow-y:auto}.m-reading-questions{margin-top:10px}.m-sub-question-card{border-top:2px dashed var(--border);margin-top:24px;padding-top:20px}.m-sub-question-card .m-sub-label{color:var(--primary);text-transform:uppercase;background:var(--primary-light);border-radius:6px;margin-bottom:12px;padding:4px 8px;font-size:14px;font-weight:800;display:inline-block}.m-multi-counter{color:var(--text-sub);background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.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{background:var(--white);border-top:1px solid var(--border);z-index:50;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));flex:none}.m-game-footer .game-next-btn{background:var(--white);width:100%;color:var(--primary);border:2px solid var(--border);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:18px;font-weight:800;transition:all .1s;display:flex;box-shadow:0 4px #cbd5e1}.m-game-footer .game-next-btn:active:not(:disabled){box-shadow:none;background:#f9fafb;transform:translateY(4px)}.m-game-footer .game-next-btn:not(:disabled){background:var(--primary);color:var(--white);border-color:#5e3a8a;box-shadow:0 4px #4a2c6d}.m-game-footer .game-next-btn:disabled{opacity:.5;color:#9ca3af;box-shadow:none;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb;transform:none}.game-banner-processing,.game-banner-locked,.game-banner-success,.game-banner-urgent{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600;animation:.3s ease-out fadeIn;display:flex;box-shadow:0 4px 10px #0000000d}.game-banner-processing{color:#c2410c;background:#fff7ed;border:1px solid #fdba74}.game-banner-locked{color:#4b5563;background:#f3f4f6;border:1px solid #d1d5db}.game-banner-success{color:#047857;background:#ecfdf5;border:1px solid #34d399}.game-banner-urgent{color:#b91c1c;background:#fef2f2;border:1px solid #f87171}.mobile-overlay{z-index:9999;color:var(--white);text-align:center;background:#667eeafa;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mobile-overlay h1.ready-count{margin:0;font-size:100px;font-weight:900;line-height:1;animation:1s infinite pulse-mobile}.mobile-overlay h1.pop{animation:.5s ease-out forwards pop-mobile}.mobile-overlay p{opacity:.9;margin-top:16px;font-size:18px}.mobile-overlay .spinner{opacity:.8;margin-bottom:16px;font-size:40px}.m-overlay-fullscreen{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background:#667eeafa;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.m-overlay-fullscreen.section-break{background:#764ba2f5}.m-overlay-fullscreen .m-spinner-large{opacity:.9;margin-bottom:24px;font-size:48px}.m-overlay-fullscreen .m-ready-title{text-shadow:0 2px 10px #0000001a;margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.2}.m-overlay-fullscreen .m-ready-subtitle{opacity:.9;margin:0;font-size:18px;font-weight:400;line-height:1.5}.m-overlay-fullscreen .m-ready-countdown{margin-top:20px;font-size:120px;font-weight:900;animation:1s infinite pulse-mobile}.m-overlay-fullscreen .m-ready-countdown.go{color:#facc15;animation:.5s forwards pop-mobile}.m-overlay-submitting{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.m-overlay-submitting .m-submitting-box{color:var(--primary);background:#fff;border:3px solid #e5e7eb;border-radius:20px;flex-direction:column;align-items:center;gap:16px;min-width:240px;padding:24px 32px;display:flex;box-shadow:0 10px 30px #0003}.m-overlay-submitting .m-submitting-box span{text-align:center;font-size:16px;font-weight:700}.m-modal-backdrop{z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.m-modal-sheet{background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 -10px 40px #0003}.m-modal-sheet .m-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.m-modal-sheet .m-modal-header h3{color:var(--text-main);margin:0;font-size:18px;font-weight:700}.m-modal-sheet .m-modal-header button{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.m-modal-sheet .m-modal-body{flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.m-modal-sheet .m-section-item{color:var(--text-main);background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.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{flex-direction:column;gap:4px;display:flex}.m-modal-sheet .m-section-item .sec-info .sec-idx{text-transform:uppercase;color:#6b7280;font-size:12px;font-weight:600}.m-modal-sheet .m-section-item .sec-info .sec-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.m-modal-sheet .m-section-item .sec-count{color:#6b7280;background:#e5e7eb;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:500}.m-game-header .header-stats-row .score-badge{flex:1;justify-content:center;margin:0 12px;overflow:hidden}.m-game-header .header-stats-row .score-badge .truncate-text{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}.m-game-header .header-stats-row .score-badge .sep{opacity:.6;margin:0 4px}.m-game-header .header-stats-row .info-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.m-game-header .header-stats-row .info-btn:active{background:#ffffff4d}@keyframes pulse-danger{0%{transform:scale(1)}50%{background:#fee2e2;transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse-mobile{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pop-mobile{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.m-preview-filled{color:var(--primary);border-bottom:2px dashed var(--primary);background-color:var(--primary-light);border-radius:4px;margin:0 2px;padding:0 4px;font-weight:800;animation:.2s cubic-bezier(.175,.885,.32,1.275) popWordMobile}.m-preview-empty{color:#9ca3af;letter-spacing:1px;padding:0 4px;font-weight:600}@keyframes popWordMobile{0%{opacity:.8;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.m-blank-input.has-value{font-weight:700;color:var(--primary)!important;border-bottom-color:var(--primary)!important}.matching-items-form{width:100%}.matching-items-form .matching-form-header{margin-bottom:20px}.matching-items-form .matching-form-header .title-question{color:#1f2937;margin-bottom:8px;font-size:16px;font-weight:700;display:block}body.dark .matching-items-form .matching-form-header .title-question,html[data-theme=dark] .matching-items-form .matching-form-header .title-question{color:#e3e3e3}.matching-items-form .matching-form-header .error-text{color:#ef4444;margin-top:4px;font-size:12px}.matching-items-form .matching-form-body{flex-direction:column;align-items:stretch;gap:30px;display:flex}.matching-items-form .matching-form-body .matching-left{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.matching-items-form .matching-form-body .matching-left .matching-split-container{flex-direction:column;gap:24px;display:flex}@media (min-width:993px){.matching-items-form .matching-form-body .matching-left .matching-split-container{grid-template-columns:1fr 1fr;display:grid}}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col{flex-direction:column;gap:12px;min-width:0;display:flex}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .col-head{border-bottom:2px solid #e2e8f0;margin-bottom:5px;padding-bottom:10px}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .col-head .col-title{text-transform:uppercase;color:#64748b;font-size:14px;font-weight:700;display:block}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .col-head,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .col-head{border-bottom-color:#4b556366}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .col-head .col-title,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .col-head .col-title{color:#aaa}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .empty-placeholder{color:#6b7280;text-align:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;padding:20px;font-size:13px;font-style:italic}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .empty-placeholder,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .empty-placeholder{color:#aaa;background:#282a2c;border-color:#4b556366}.matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .items-list{flex-direction:column;gap:12px;display:flex}.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;flex-direction:column;gap:10px;min-width:0;padding:16px;transition:all .2s;display:flex;position:relative}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row,html[data-theme=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,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item{background-color:#1e1f20;border-color:#4b556366}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row:hover,html[data-theme=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,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item:hover{background-color:#37393b}.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{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.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{color:#334155;font-size:13px;font-weight:700}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-top .row-label,html[data-theme=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,html[data-theme=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}.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}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-top .row-remove,html[data-theme=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,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-top .row-remove{color:#aaa}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,html[data-theme=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,html[data-theme=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}.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__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__pool-item .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{color:#ef4444;margin-top:4px;font-size:12px}.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{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.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{color:#1e40af;background-color:#dbeafe;border:1px solid #bfdbfe;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.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{color:#94a3b8;background-color:#f1f5f9;border-color:#e2e8f0;font-style:italic;font-weight:500}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .linked-tags .linked-tag,html[data-theme=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,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .linked-tags .linked-tag{color:#93c5fd;background-color:#1e3a8a;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,html[data-theme=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,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .linked-tags .linked-tag.unused{color:#aaa;background-color:#1b1b1b;border-color:#4b556366}.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{border-top:1px dashed #cbd5e1;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;padding-top:10px;display:flex}body.dark .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__match-row .row-connector-area,html[data-theme=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,html[data-theme=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:#4b556366}.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{color:#059669;white-space:nowrap;font-size:12px;font-weight:600}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,html[data-theme=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,html[data-theme=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:#aaa}.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{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;flex:1;min-width:150px;padding:8px;font-size:13px;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 #0596691a}.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{background-color:#fef2f2;border-color:#ef4444}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,html[data-theme=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,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .matching-split-container .split-col .matching-items-form__pool-item .row-connector-area .conn-select{color:#e3e3e3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#1b1b1b;border:1px solid #4b556366}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,html[data-theme=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,html[data-theme=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:#aaa}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,html[data-theme=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,html[data-theme=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{background-color:#1b1b1b;border-color:#4ade80e3}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,html[data-theme=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,html[data-theme=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{color:#e3e3e3;background-color:#1e1f20}.matching-items-form .matching-form-body .matching-left .explanation-section{border-top:1px dashed #d1d5db;margin-top:10px;padding-top:20px}body.dark .matching-items-form .matching-form-body .matching-left .explanation-section,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .explanation-section{border-top-color:#4b556366}.matching-items-form .matching-form-body .matching-left .explanation-section .title-question{color:#4b5563;align-items:center;font-size:15px;font-weight:600;display:flex}body.dark .matching-items-form .matching-form-body .matching-left .explanation-section .title-question,html[data-theme=dark] .matching-items-form .matching-form-body .matching-left .explanation-section .title-question{color:#aaa}.matching-items-form .matching-form-body .matching-right{justify-content:flex-start;width:100%;min-width:0;display:flex}.matching-items-form .matching-form-body .matching-right .mcr-panel{width:100%}:root{--btn-bg:#3b82f6;--btn-text:#fff;--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{cursor:pointer;white-space:nowrap;color:#1144e8;background-color:#e0edff;border:1px solid #3b82f6;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:130px;height:34px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}body.dark .quiz-desktop-solution-btn{color:#bfdbfead;background-color:#2563eb33;border-color:#3b83f6b2}.quiz-desktop-solution-btn.showing-answer{color:#92400e;background-color:#fff3cd;border-color:#facc15}body.dark .quiz-desktop-solution-btn.showing-answer{color:#fef3c7d5;background-color:#f59e0b33;border-color:#fbbe24c5}.quiz-desktop-solution-btn.submitted{cursor:not-allowed;opacity:1;color:#166534;background-color:#dcfce7;border-color:#86efac}body.dark .quiz-desktop-solution-btn.submitted{color:#86efadc0;background-color:#14532db9;border-color:#22c55ead}.quiz-desktop-solution-btn .btn-icon{opacity:.5;flex-shrink:0;width:16px;height:16px}.quiz-desktop-solution-btn .btn-icon.active{opacity:1}.empty-state-wrapper{text-align:center;background-color:#0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:64px 32px;display:flex}.empty-state-wrapper .empty-icon-box{color:#4b5563;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.empty-state-wrapper .empty-icon-box svg{opacity:.8}.empty-state-wrapper .empty-title{color:#1f2937;margin-bottom:8px;font-size:18px;font-weight:600}.empty-state-wrapper .empty-desc{color:#4b5563;max-width:400px;margin-bottom:24px;font-size:15px;line-height:1.5}.empty-state-wrapper .empty-desc strong{color:#1f2937;font-weight:500}.empty-state-wrapper .btn-clear-search{cursor:pointer;color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.empty-state-wrapper .btn-clear-search:hover{color:#3b82f6;background-color:#f3f4f6;border-color:#3b82f6}body.dark .empty-state-wrapper .empty-icon-box{color:#aaa;background-color:#282a2c}body.dark .empty-state-wrapper .empty-title{color:#e3e3e3}body.dark .empty-state-wrapper .empty-desc{color:#aaa}body.dark .empty-state-wrapper .empty-desc strong{color:#e3e3e3}body.dark .empty-state-wrapper .btn-clear-search{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}body.dark .empty-state-wrapper .btn-clear-search:hover{background-color:#37393b;border-color:#aaa}.auth-error-static{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:60vh;padding:32px;display:flex}.auth-error-static .error-content{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:32px;width:100%;max-width:420px;padding:48px 32px;animation:.5s cubic-bezier(.175,.885,.32,1.275) bounceInStatic;box-shadow:0 10px 40px -10px #0000000d}body.dark .auth-error-static .error-content,html[data-theme=dark] .auth-error-static .error-content{background:#1e1f20;border-color:#6b72801c;box-shadow:0 20px 40px #0000004d}.auth-error-static .error-icon-box{color:#ec4899;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 24px;animation:3s ease-in-out infinite floatSoftly;display:inline-flex;position:relative;box-shadow:0 10px 15px -3px #bfdbfe80}body.dark .auth-error-static .error-icon-box,html[data-theme=dark] .auth-error-static .error-icon-box{background:#ffffff0d;box-shadow:0 10px 15px -3px #00000080}.auth-error-static .error-icon-box .main-icon{width:44px;height:44px}.auth-error-static .error-icon-box .sparkle-icon{color:#f59e0b;width:26px;height:26px;animation:1.5s infinite twinkle;position:absolute;top:-4px;right:-4px}.auth-error-static .error-title{color:#1f2937;margin-bottom:12px;font-size:22px;font-weight:700}body.dark .auth-error-static .error-title,html[data-theme=dark] .auth-error-static .error-title{color:#e3e3e3}.auth-error-static .error-message{color:#4b5563;margin-bottom:32px;font-size:15px;line-height:1.6}body.dark .auth-error-static .error-message,html[data-theme=dark] .auth-error-static .error-message{color:#aaa}.auth-error-static .auth-actions{justify-content:center;display:flex}.auth-error-static .auth-actions .btn-login{color:#fff;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:99px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #3b82f666}.auth-error-static .auth-actions .btn-login:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.auth-error-static .auth-actions .btn-login:active{transform:translateY(0)}@keyframes bounceInStatic{0%{opacity:0;transform:translateY(20px)scale(.95)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{transform:scale(1)translateY(0)}}.sidebar-auth-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.sidebar-auth-modal-content{background-color:#fff;border-radius:16px;width:90%;max-width:480px;padding:8px;animation:.3s cubic-bezier(.16,1,.3,1) zoomInModal;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.sidebar-auth-modal-content .btn-close-modal{cursor:pointer;color:#4b5563;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.sidebar-auth-modal-content .btn-close-modal:hover{color:#1f2937;background-color:#f3f4f6;transform:rotate(90deg)}body.dark .sidebar-auth-modal-content{background-color:#1e1f20;border:1px solid #4b556366;box-shadow:0 25px 50px -12px #00000080}body.dark .sidebar-auth-modal-content .btn-close-modal{color:#aaa}body.dark .sidebar-auth-modal-content .btn-close-modal:hover{color:#e3e3e3;background-color:#37393b}.qt-wrapper{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.qt-wrapper .qt-group-left{border-right:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:8px;padding-right:12px;display:flex}body.dark .qt-wrapper .qt-group-left{border-right-color:#5f6368}@media (max-width:768px){.qt-wrapper .qt-group-left{border-right:none;width:100%;margin-bottom:8px;padding-right:0}}.qt-wrapper .qt-group-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:768px){.qt-wrapper .qt-group-right{width:100%}}.qt-wrapper .qt-btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.qt-wrapper .qt-btn svg,.qt-wrapper .qt-btn i{font-size:14px}.qt-wrapper .qt-btn:active{transform:scale(.97)}@media (max-width:480px){.qt-wrapper .qt-btn{flex:1;justify-content:center}}.qt-wrapper .qt-btn-secondary{color:#374151;background-color:#fff;border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.qt-wrapper .qt-btn-secondary:hover{color:#000;background-color:#f3f4f6;border-color:#9ca3af}.qt-wrapper .qt-btn-secondary.qt-active{color:#ef4444;background-color:#fef2f2;border-color:#fca5a5}body.dark .qt-wrapper .qt-btn-secondary{color:#e8eaed;box-shadow:none;background-color:#303134;border-color:#5f6368}body.dark .qt-wrapper .qt-btn-secondary:hover{background-color:#3c4043;border-color:#80868b}body.dark .qt-wrapper .qt-btn-secondary.qt-active{color:#f28b82;background-color:#f28b821a;border-color:#f28b82}.qt-wrapper .qt-btn-outline{color:#3b82f6;background-color:#0000;border:1px dashed #3b82f6}.qt-wrapper .qt-btn-outline:hover{background-color:#eff6ff}body.dark .qt-wrapper .qt-btn-outline{color:#8ab4f8;border-color:#8ab4f8}body.dark .qt-wrapper .qt-btn-outline:hover{background-color:#8ab4f814}.qt-wrapper .qt-btn-primary{color:#fff;background-color:#3b82f6;box-shadow:0 2px 4px #3b82f633}.qt-wrapper .qt-btn-primary:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f64d}body.dark .qt-wrapper .qt-btn-primary{color:#202124;box-shadow:none;background-color:#8ab4f8;font-weight:600}body.dark .qt-wrapper .qt-btn-primary:hover{background-color:#a2c3f9}.qt-wrapper .qt-btn-ai{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;box-shadow:0 2px 4px #a855f740}.qt-wrapper .qt-btn-ai:hover{background:linear-gradient(135deg,#4f46e5 0%,#9333ea 100%);transform:translateY(-1px);box-shadow:0 4px 8px #a855f766}.qt-wrapper .qt-btn-ai svg{animation:2s infinite qt-pulse}body.dark .qt-wrapper .qt-btn-ai{color:#fff;background:linear-gradient(135deg,#818cf8 0%,#c084fc 100%);box-shadow:0 2px 4px #0006}@keyframes qt-pulse{0%{opacity:.8}50%{opacity:1;transform:scale(1.1)}to{opacity:.8}}.qt-btn-header-add{cursor:pointer;color:#3b82f6;background-color:#0000;border:1px solid #3b82f666;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.qt-btn-header-add svg,.qt-btn-header-add i{font-size:14px;transition:transform .2s}.qt-btn-header-add:hover{background-color:#3b82f60d;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.qt-btn-header-add:hover svg,.qt-btn-header-add:hover i{transform:rotate(90deg)}.qt-btn-header-add:active{transform:scale(.96)}body.dark .qt-btn-header-add{color:#8ab4f8;border-color:#8ab4f866}body.dark .qt-btn-header-add:hover{background-color:#8ab4f81a;border-color:#8ab4f8}.mcr-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s;box-shadow:0 1px 3px #0000000d}body.dark .mcr-panel{box-shadow:none;background:#1e1f20;border-color:#4b556366}.mcr-panel .modern-stepper{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;height:44px;transition:border-color .2s,box-shadow .2s;display:inline-flex;overflow:hidden}.mcr-panel .modern-stepper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}body.dark .mcr-panel .modern-stepper{background:#282a2c;border-color:#4b556366}.mcr-panel .modern-stepper .stepper-btn{color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9fafb;border:none;justify-content:center;align-items:center;width:44px;height:100%;font-size:20px;transition:background .15s;display:flex}.mcr-panel .modern-stepper .stepper-btn:hover:not(:disabled){background:#eaedf1}.mcr-panel .modern-stepper .stepper-btn:active:not(:disabled){background:#dae1e7}.mcr-panel .modern-stepper .stepper-btn:disabled{opacity:.4;cursor:not-allowed}body.dark .mcr-panel .modern-stepper .stepper-btn{color:#aaa;background:#ffffff0d}body.dark .mcr-panel .modern-stepper .stepper-btn:hover:not(:disabled){background:#ffffff1a}.mcr-panel .modern-stepper .stepper-input-wrapper{background:0 0;border-left:1px solid #d1d5db;border-right:1px solid #d1d5db;justify-content:center;align-items:center;height:100%;padding:0 12px;display:flex}body.dark .mcr-panel .modern-stepper .stepper-input-wrapper{border-color:#4b556366}.mcr-panel .modern-stepper .stepper-input-wrapper input{text-align:center;color:#3b82f6;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:45px;padding:0;font-size:15px;font-weight:700}.mcr-panel .modern-stepper .stepper-input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mcr-panel .modern-stepper .stepper-input-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body.dark .mcr-panel .modern-stepper .stepper-input-wrapper input{color:#6ca1f8}.mcr-panel .modern-stepper .stepper-input-wrapper input:disabled{color:#10b981;opacity:1}.mcr-panel .modern-stepper .stepper-input-wrapper .stepper-suffix{color:#6b7280;-webkit-user-select:none;user-select:none;margin-left:2px;font-size:13px;font-weight:500}body.dark .mcr-panel .modern-stepper .stepper-input-wrapper .stepper-suffix{color:#aaa}.mcr-panel .modern-stepper.stepper-sm{height:38px}.mcr-panel .modern-stepper.stepper-sm .stepper-btn{width:38px;font-size:18px}.mcr-panel .modern-stepper.stepper-sm .stepper-input-wrapper{padding:0 8px}.mcr-panel .modern-stepper.stepper-sm .stepper-input-wrapper input{width:35px;font-size:14px}.mcr-panel .mcr-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}body.dark .mcr-panel .mcr-header{border-bottom-color:#4b556366}.mcr-panel .mcr-header h4{color:#1f2937;margin:0;font-size:15px;font-weight:700}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{color:#4b5563;margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}body.dark .mcr-panel .mcr-section-total label{color:#aaa}.mcr-panel .mcr-section-total .mcr-input-group{align-items:center;display:flex;position:relative}.mcr-panel .mcr-section-total .mcr-input-group input{color:#3b82f6;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 50px 10px 12px;font-size:15px;font-weight:700;transition:border-color .2s,box-shadow .2s}.mcr-panel .mcr-section-total .mcr-input-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}body.dark .mcr-panel .mcr-section-total .mcr-input-group input{color:#6ca1f8;background-color:#282a2c;border-color:#4b556366}body.dark .mcr-panel .mcr-section-total .mcr-input-group input:focus{box-shadow:none;border-color:#3b82f6}.mcr-panel .mcr-section-total .mcr-input-group .mcr-suffix{color:#6b7280;pointer-events:none;font-size:12px;font-weight:500;position:absolute;right:12px}body.dark .mcr-panel .mcr-section-total .mcr-input-group .mcr-suffix{color:#aaa}.mcr-panel .critical-switch{cursor:pointer;background-color:#f9fafb;border:1px solid #0000;border-left-width:4px;border-radius:6px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}body.dark .mcr-panel .critical-switch{background-color:#ffffff08}.mcr-panel .critical-switch:hover{background-color:#f0f2f5}body.dark .mcr-panel .critical-switch:hover{background-color:#ffffff0f}.mcr-panel .critical-switch.active{background-color:#fef2f2;border-left-color:#ef4444;box-shadow:0 4px 6px -1px #ef44441a,0 2px 4px -1px #ef44440f}body.dark .mcr-panel .critical-switch.active{box-shadow:none;background-color:#ef444426}.mcr-panel .critical-switch.active .switch-label .label-text{color:#ef4444}body.dark .mcr-panel .critical-switch.active .switch-label .label-text{color:#f37373}.mcr-panel .critical-switch.active .switch-checkbox .slider{background-color:#ef4444}.mcr-panel .critical-switch.active .switch-checkbox input:checked+.slider:before{transform:translate(18px);box-shadow:-2px 0 5px #0003}.mcr-panel .critical-switch .switch-checkbox{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.mcr-panel .critical-switch .switch-checkbox input{opacity:0;width:0;height:0}.mcr-panel .critical-switch .switch-checkbox .slider{cursor:pointer;background-color:#d1d5db;border-radius:34px;transition:all .4s;position:absolute;inset:0}body.dark .mcr-panel .critical-switch .switch-checkbox .slider{background-color:#4b5563}.mcr-panel .critical-switch .switch-checkbox .slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}.mcr-panel .critical-switch .switch-label{flex-direction:column;gap:2px;display:flex}.mcr-panel .critical-switch .switch-label .label-text{color:#1f2937;font-size:14px;font-weight:700;transition:color .2s}body.dark .mcr-panel .critical-switch .switch-label .label-text{color:#e3e3e3}.mcr-panel .critical-switch .switch-label .label-desc{color:#6b7280;font-size:12px}body.dark .mcr-panel .critical-switch .switch-label .label-desc{color:#aaa}.mcr-panel .mcr-section-partial .mcr-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;margin-bottom:10px;padding:0 4px;font-size:12px;font-weight:700;display:flex}body.dark .mcr-panel .mcr-section-partial .mcr-section-title{color:#aaa}.mcr-panel .mcr-section-partial .mcr-table{border-collapse:separate;border-spacing:0 8px;width:100%}.mcr-panel .mcr-section-partial .mcr-table .mcr-row{font-size:13px}.mcr-panel .mcr-section-partial .mcr-table .mcr-row td{color:#1f2937;vertical-align:middle;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:8px 12px}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row td{color:#e3e3e3;background-color:#282a2c;border-color:#4b556366}.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;width:45%;font-weight:600}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row td:first-child{border-left-color:#4b556366}.mcr-panel .mcr-section-partial .mcr-table .mcr-row td:last-child{text-align:right;border-right:1px solid #e5e7eb;border-top-right-radius:6px;border-bottom-right-radius:6px;width:25%}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row td:last-child{border-right-color:#4b556366}.mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:90px;margin:0 auto;padding:4px 8px;display:flex}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper{background-color:#1b1b1b;border-color:#4b556366}.mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper input{text-align:right;color:#1f2937;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;font-size:13px;font-weight:600}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;cursor:not-allowed;opacity:1;font-weight:800}.mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper span{color:#6b7280;margin-left:4px;font-size:12px}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-percent-wrapper span{color:#aaa}.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{color:#3b82f6;font-weight:700}body.dark .mcr-panel .mcr-section-partial .mcr-table .mcr-row .mcr-calculated-point{color:#6ca1f8}.mcr-panel .mcr-section-partial .mcr-empty-state{text-align:center;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;padding:24px;font-size:13px;font-style:italic}body.dark .mcr-panel .mcr-section-partial .mcr-empty-state{color:#aaa;background:#282a2c;border-color:#4b556366}.mcr-panel .mcr-error-text{color:#ef4444;margin-top:6px;font-size:12px;font-weight:500;display:block}body.dark .mcr-panel .mcr-error-text{color:#f37373}.auth-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a73;justify-content:center;align-items:center;animation:.3s ease-out fadeInModal;display:flex;position:fixed;inset:0}.auth-modal-content{background-color:#fff;border-radius:28px;width:90%;max-width:380px;animation:.4s cubic-bezier(.175,.885,.32,1.275) bounceInModal;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #3b82f626}.auth-modal-content .btn-close-auth-modal{color:#94a3b8;cursor:pointer;z-index:10;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.auth-modal-content .btn-close-auth-modal:hover{color:#ef4444;background-color:#fee2e2;transform:rotate(90deg)scale(1.1)}.auth-modal-content .auth-error-container{text-align:center;padding:40px 24px 32px}.auth-modal-content .auth-error-container .error-content{flex-direction:column;align-items:center;display:flex}.auth-modal-content .auth-error-container .error-icon-box{color:#ec4899;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:20px;animation:3s ease-in-out infinite floatSoftly;display:flex;position:relative;box-shadow:0 10px 15px -3px #bfdbfe80}.auth-modal-content .auth-error-container .error-icon-box .main-icon{width:36px;height:36px}.auth-modal-content .auth-error-container .error-icon-box .sparkle-icon{color:#f59e0b;width:22px;height:22px;animation:1.5s ease-in-out infinite twinkle;position:absolute;top:-4px;right:-8px}.auth-modal-content .auth-error-container .error-title{color:#1f2937;margin-bottom:8px;font-size:20px;font-weight:700}.auth-modal-content .auth-error-container .error-message{color:#4b5563;margin-bottom:28px;padding:0 8px;font-size:14px;line-height:1.6}.auth-modal-content .auth-actions{gap:12px;width:100%;display:flex}.auth-modal-content .auth-actions button{cursor:pointer;white-space:nowrap;border-radius:99px;flex:1;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s}.auth-modal-content .auth-actions .btn-login{color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;box-shadow:0 4px 14px #3b82f666}.auth-modal-content .auth-actions .btn-login:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.auth-modal-content .auth-actions .btn-login:active{transform:translateY(0)}.auth-modal-content .auth-actions .btn-cancel{color:#64748b;background-color:#0000;border:2px solid #f1f5f9}.auth-modal-content .auth-actions .btn-cancel:hover{color:#334155;background-color:#f8fafc;border-color:#e2e8f0}body.dark .auth-modal-content,html[data-theme=dark] .auth-modal-content{background-color:#1e1f20;border:1px solid #6b72801c;box-shadow:0 25px 50px -12px #00000080}body.dark .auth-modal-content .btn-close-auth-modal,html[data-theme=dark] .auth-modal-content .btn-close-auth-modal{color:#aaa;background:#282a2c}body.dark .auth-modal-content .btn-close-auth-modal:hover,html[data-theme=dark] .auth-modal-content .btn-close-auth-modal:hover{color:#f87171;background:#ef444433}body.dark .auth-modal-content .auth-error-container .error-icon-box,html[data-theme=dark] .auth-modal-content .auth-error-container .error-icon-box{color:#f472b6;background:#ffffff0d;box-shadow:0 10px 15px -3px #00000080}body.dark .auth-modal-content .auth-error-container .error-title,html[data-theme=dark] .auth-modal-content .auth-error-container .error-title{color:#e3e3e3}body.dark .auth-modal-content .auth-error-container .error-message,html[data-theme=dark] .auth-modal-content .auth-error-container .error-message{color:#aaa}body.dark .auth-modal-content .auth-actions .btn-cancel,html[data-theme=dark] .auth-modal-content .auth-actions .btn-cancel{color:#aaa;border-color:#4b556366}body.dark .auth-modal-content .auth-actions .btn-cancel:hover,html[data-theme=dark] .auth-modal-content .auth-actions .btn-cancel:hover{color:#e3e3e3;background-color:#37393b}@keyframes fadeInModal{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes bounceInModal{0%{opacity:0;transform:translateY(30px)scale(.9)}60%{opacity:1;transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatSoftly{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(.8)rotate(15deg)}}.auth-wrapper{background-color:#0000;justify-content:center;align-items:center;width:100%;min-height:80vh;padding:20px;display:flex}.auth-wrapper__card{text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:400px;padding:40px 32px;transition:all .3s;animation:.5s ease-out forwards slideUpFade;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-wrapper__header{margin-bottom:32px}.auth-wrapper__logo{color:#fff;background:linear-gradient(135deg,#4285f4 0%,#34a853 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 10px #4285f44d}.auth-wrapper__title{color:#1f2937;margin-bottom:8px;font-size:24px;font-weight:700}.auth-wrapper__subtitle{color:#4b5563;font-size:14px;line-height:1.5}.auth-wrapper__google-btn{color:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.auth-wrapper__google-btn:hover{background-color:#f3f4f6;border-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.auth-wrapper__google-btn:active{background-color:#f3f4f6;transform:translateY(0)}.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{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.auth-wrapper__footer p{color:#6b7280;font-size:12px;line-height:1.5}.auth-wrapper__footer a{color:#3b82f6;font-weight:500;text-decoration:none}.auth-wrapper__footer a:hover{text-decoration:underline}body.dark .auth-wrapper__card{background-color:#1e1f20;border-color:#4b556366;box-shadow:0 4px 20px #0006}body.dark .auth-wrapper__title{color:#e3e3e3}body.dark .auth-wrapper__subtitle{color:#aaa}body.dark .auth-wrapper__google-btn{color:#e3e3e3;background-color:#0000;border-color:#4b556366}body.dark .auth-wrapper__google-btn:hover{background-color:#37393b;border-color:#aaa}body.dark .auth-wrapper__google-btn:active{background-color:#282a2c}body.dark .auth-wrapper__footer{border-top-color:#4b556366}body.dark .auth-wrapper__footer p{color:#aaa}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:1s linear infinite spin}.quiz-empty-question{text-align:center;background-color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:32px;display:flex}.quiz-empty-question__icon-wrapper{background-color:#f3f4f6;border-radius:50%;margin-bottom:24px;padding:24px;transition:background-color .3s;display:inline-flex}.quiz-empty-question__icon-wrapper svg{color:#6b7280;transition:color .3s}.quiz-empty-question__title{color:#1f2937;margin-bottom:12px;font-size:20px;font-weight:600;transition:color .3s}.quiz-empty-question__desc{color:#4b5563;max-width:400px;margin:0 auto 32px;font-size:15px;line-height:1.6;transition:color .3s}.quiz-empty-question__desc strong{color:#1f2937;font-weight:600}.quiz-empty-question__actions{justify-content:center;align-items:center;gap:12px;display:flex}.quiz-empty-question__btn-secondary{cursor:pointer;color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .2s}.quiz-empty-question__btn-secondary:hover:not(:disabled){color:#1f2937;background-color:#f3f4f6;border-color:#d1d5db}.quiz-empty-question__btn-secondary:disabled{opacity:.6;cursor:not-allowed}.quiz-empty-question__btn-primary{cursor:pointer;color:#fff;background-color:#3b82f6;border:none;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .2s}.quiz-empty-question__btn-primary:hover{background-color:#2564eba6}body.dark .quiz-empty-question{background-color:#0000}body.dark .quiz-empty-question__icon-wrapper{background-color:#37393b}body.dark .quiz-empty-question__icon-wrapper svg{color:#aaa}body.dark .quiz-empty-question__title{color:#e3e3e3}body.dark .quiz-empty-question__desc{color:#aaa}body.dark .quiz-empty-question__desc strong{color:#e3e3e3}body.dark .quiz-empty-question__btn-secondary{color:#aaa;background-color:#1e1f20;border-color:#4b556366}body.dark .quiz-empty-question__btn-secondary:hover:not(:disabled){color:#e3e3e3;background-color:#37393b;border-color:#aaa}.search-page{background-color:#f9fafb;flex-direction:column;min-height:100vh;transition:background-color .2s;display:flex}body.dark .search-page{background-color:#1b1b1b}.search-page__header{z-index:10;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;transition:background-color .2s,border-color .2s;display:flex;position:sticky;top:0}body.dark .search-page__header{background-color:#1e1f20;border-bottom-color:#4b556366}.search-page__back-link{color:#4b5563;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.search-page__back-link:hover{color:#3b82f6;text-decoration:underline}body.dark .search-page__back-link{color:#aaa}.search-page__result-info{color:#4b5563;font-size:14px}.search-page__result-info strong{color:#1f2937;font-weight:600}body.dark .search-page__result-info{color:#aaa}body.dark .search-page__result-info strong{color:#e3e3e3}.search-page__body{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px}.search-page__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.search-page__empty{text-align:center;background-color:#fff;border:1px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:64px 20px;transition:background-color .2s,border-color .2s;display:flex}body.dark .search-page__empty{background-color:#1e1f20;border-color:#4b556366}.search-page__empty-icon{opacity:.6;color:#6b7280;margin-bottom:16px}.search-page__empty-icon svg{width:64px;height:64px}body.dark .search-page__empty-icon{color:#aaa}.search-page__empty-title{color:#1f2937;margin-bottom:8px;font-size:18px;font-weight:600}body.dark .search-page__empty-title{color:#e3e3e3}.search-page__empty-desc{color:#4b5563;max-width:400px;font-size:14px;line-height:1.5}body.dark .search-page__empty-desc{color:#aaa}.search-page__footer{text-align:center;color:#6b7280;padding:24px;font-size:13px}body.dark .search-page__footer{color:#aaa}.exam-empty-state{text-align:center;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;transition:all .3s;display:flex}body.dark .exam-empty-state{background-color:#1e1f20;border-color:#4b556366}.exam-empty-state__icon{color:#cbd5e1;stroke-width:1.5px;width:64px;height:64px;margin-bottom:24px}.exam-empty-state:hover .exam-empty-state__icon{color:#94a3b8;transition:transform .3s,color .3s;transform:scale(1.05)}body.dark .exam-empty-state__icon,body.dark .exam-empty-state:hover .exam-empty-state__icon{color:#aaa}.exam-empty-state__title{color:#1e293b;margin-bottom:12px;font-size:20px;font-weight:700}body.dark .exam-empty-state__title{color:#e3e3e3}.exam-empty-state__text{color:#64748b;max-width:450px;margin-bottom:40px;font-size:15px;line-height:1.6}body.dark .exam-empty-state__text{color:#aaa}.exam-empty-state__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.exam-empty-state__btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.exam-empty-state__btn--ai{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a}.exam-empty-state__btn--ai:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e54d,0 4px 6px -2px #4f46e526}.exam-empty-state__btn--ai:active{transform:translateY(0)}.exam-empty-state__btn--ai svg{color:#fcd34d}.exam-empty-state__btn--outline{color:#475569;background-color:#0000;border:1px solid #e2e8f0}.exam-empty-state__btn--outline:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}body.dark .exam-empty-state__btn--outline{color:#aaa;border-color:#4b556366}body.dark .exam-empty-state__btn--outline:hover{color:#e3e3e3;background-color:#37393b;border-color:#aaa}.create-full-ai{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:950px;height:90dvh;max-height:900px;animation:.2s ease-out modalFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000026}body.dark .create-full-ai,html[data-theme=dark] .create-full-ai{color:#e3e3e3;background:#1b1b1b;border:1px solid #ffffff14;box-shadow:0 15px 50px #00000080}.create-full-ai .modal-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}body.dark .create-full-ai .modal-header,html[data-theme=dark] .create-full-ai .modal-header{background-color:#1e1f20;border-bottom-color:#ffffff14}.create-full-ai .modal-header .title-index-mobile{color:#1f2937;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}body.dark .create-full-ai .modal-header .title-index-mobile,html[data-theme=dark] .create-full-ai .modal-header .title-index-mobile{color:#e3e3e3}.create-full-ai .modal-header .close-modal-new{cursor:pointer;color:#6b7280;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.create-full-ai .modal-header .close-modal-new:hover{color:#ef4444;background-color:#e5e7eb}body.dark .create-full-ai .modal-header .close-modal-new,html[data-theme=dark] .create-full-ai .modal-header .close-modal-new{color:#aaa}body.dark .create-full-ai .modal-header .close-modal-new:hover,html[data-theme=dark] .create-full-ai .modal-header .close-modal-new:hover{color:#ef4444;background-color:#37393b}.create-full-ai .modal-body{background-color:#f9fafb;flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow-y:auto}body.dark .create-full-ai .modal-body,html[data-theme=dark] .create-full-ai .modal-body{background-color:#121212}.create-full-ai .modal-body::-webkit-scrollbar{width:6px}.create-full-ai .modal-body::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .create-full-ai .modal-body::-webkit-scrollbar-thumb{background-color:#282a2c}html[data-theme=dark] .create-full-ai .modal-body::-webkit-scrollbar-thumb{background-color:#282a2c}.create-full-ai .ai-mode-tabs{background-color:#e5e7eb;border-radius:10px;flex-shrink:0;gap:10px;padding:4px;display:flex}body.dark .create-full-ai .ai-mode-tabs,html[data-theme=dark] .create-full-ai .ai-mode-tabs{background-color:#1e1f20}.create-full-ai .ai-mode-tabs .ai-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.create-full-ai .ai-mode-tabs .ai-tab:hover{color:#1f2937}.create-full-ai .ai-mode-tabs .ai-tab.active{color:#3b82f6;background-color:#fff;box-shadow:0 2px 4px #0000000d}body.dark .create-full-ai .ai-mode-tabs .ai-tab,html[data-theme=dark] .create-full-ai .ai-mode-tabs .ai-tab{color:#aaa}body.dark .create-full-ai .ai-mode-tabs .ai-tab:hover,html[data-theme=dark] .create-full-ai .ai-mode-tabs .ai-tab:hover{color:#e3e3e3}body.dark .create-full-ai .ai-mode-tabs .ai-tab.active,html[data-theme=dark] .create-full-ai .ai-mode-tabs .ai-tab.active{color:#e3e3e3;background-color:#282a2c;box-shadow:0 2px 4px #0003}.create-full-ai .dropzone{text-align:center;cursor:pointer;background-color:#fff;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:all .2s;display:flex}.create-full-ai .dropzone:hover,.create-full-ai .dropzone.active{background-color:#dbeafe;border-color:#3b82f6}.create-full-ai .dropzone .icon-default,.create-full-ai .dropzone .icon-image{color:#6b7280;margin-bottom:12px;font-size:40px}.create-full-ai .dropzone .icon-pdf{color:#ef4444;margin-bottom:12px;font-size:40px}.create-full-ai .dropzone .icon-word{color:#3b82f6;margin-bottom:12px;font-size:40px}.create-full-ai .dropzone p{color:#4b5563;margin:5px 0;font-size:14px}body.dark .create-full-ai .dropzone,html[data-theme=dark] .create-full-ai .dropzone{background-color:#18181b;border-color:#ffffff14}body.dark .create-full-ai .dropzone .icon-default,body.dark .create-full-ai .dropzone .icon-image,html[data-theme=dark] .create-full-ai .dropzone .icon-default,html[data-theme=dark] .create-full-ai .dropzone .icon-image,body.dark .create-full-ai .dropzone p,html[data-theme=dark] .create-full-ai .dropzone p{color:#aaa}body.dark .create-full-ai .dropzone:hover,body.dark .create-full-ai .dropzone.active,html[data-theme=dark] .create-full-ai .dropzone:hover,html[data-theme=dark] .create-full-ai .dropzone.active{background-color:#3b82f61a;border-color:#3b82f6}.create-full-ai .lecture-controls,.create-full-ai .topic-controls{flex-direction:column;gap:16px;display:flex}.create-full-ai .lecture-controls .control-row,.create-full-ai .topic-controls .control-row{flex-direction:column;gap:6px;display:flex}.create-full-ai .lecture-controls .control-row label,.create-full-ai .topic-controls .control-row label{color:#1f2937;font-size:14px;font-weight:600}body.dark .create-full-ai .lecture-controls .control-row label,html[data-theme=dark] .create-full-ai .lecture-controls .control-row label,body.dark .create-full-ai .topic-controls .control-row label,html[data-theme=dark] .create-full-ai .topic-controls .control-row label{color:#aaa}.create-full-ai .lecture-controls .control-row input[type=text],.create-full-ai .lecture-controls .control-row input[type=number],.create-full-ai .topic-controls .control-row input[type=text],.create-full-ai .topic-controls .control-row input[type=number]{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px;font-size:16px!important}.create-full-ai .lecture-controls .control-row input[type=text]:focus,.create-full-ai .lecture-controls .control-row input[type=number]:focus,.create-full-ai .topic-controls .control-row input[type=text]:focus,.create-full-ai .topic-controls .control-row input[type=number]:focus{border-color:#3b82f6;outline:none}body.dark .create-full-ai .lecture-controls .control-row input[type=text],html[data-theme=dark] .create-full-ai .lecture-controls .control-row input[type=text],body.dark .create-full-ai .lecture-controls .control-row input[type=number],html[data-theme=dark] .create-full-ai .lecture-controls .control-row input[type=number],body.dark .create-full-ai .topic-controls .control-row input[type=text],html[data-theme=dark] .create-full-ai .topic-controls .control-row input[type=text],body.dark .create-full-ai .topic-controls .control-row input[type=number],html[data-theme=dark] .create-full-ai .topic-controls .control-row input[type=number]{color:#e3e3e3;background-color:#18181b;border-color:#ffffff14}body.dark .create-full-ai .lecture-controls .control-row input[type=text]:focus,html[data-theme=dark] .create-full-ai .lecture-controls .control-row input[type=text]:focus,body.dark .create-full-ai .lecture-controls .control-row input[type=number]:focus,html[data-theme=dark] .create-full-ai .lecture-controls .control-row input[type=number]:focus,body.dark .create-full-ai .topic-controls .control-row input[type=text]:focus,html[data-theme=dark] .create-full-ai .topic-controls .control-row input[type=text]:focus,body.dark .create-full-ai .topic-controls .control-row input[type=number]:focus,html[data-theme=dark] .create-full-ai .topic-controls .control-row input[type=number]:focus{border-color:#3b82f6}.create-full-ai .lecture-controls .control-row .char-counter,.create-full-ai .topic-controls .control-row .char-counter{color:#6b7280;text-align:right;margin-top:2px;font-size:12px}.create-full-ai .lecture-controls .qtype-grid,.create-full-ai .topic-controls .qtype-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.create-full-ai .lecture-controls .qtype-grid .qtype-item,.create-full-ai .topic-controls .qtype-grid .qtype-item{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:10px;font-size:13px;transition:all .2s;display:flex}.create-full-ai .lecture-controls .qtype-grid .qtype-item:hover,.create-full-ai .topic-controls .qtype-grid .qtype-item:hover{border-color:#3b82f6}.create-full-ai .lecture-controls .qtype-grid .qtype-item.active,.create-full-ai .topic-controls .qtype-grid .qtype-item.active{color:#3b82f6;background-color:#dbeafe;border-color:#3b82f6;font-weight:500}body.dark .create-full-ai .lecture-controls .qtype-grid .qtype-item,html[data-theme=dark] .create-full-ai .lecture-controls .qtype-grid .qtype-item,body.dark .create-full-ai .topic-controls .qtype-grid .qtype-item,html[data-theme=dark] .create-full-ai .topic-controls .qtype-grid .qtype-item{color:#aaa;background-color:#18181b;border-color:#ffffff14}body.dark .create-full-ai .lecture-controls .qtype-grid .qtype-item.active,html[data-theme=dark] .create-full-ai .lecture-controls .qtype-grid .qtype-item.active,body.dark .create-full-ai .topic-controls .qtype-grid .qtype-item.active,html[data-theme=dark] .create-full-ai .topic-controls .qtype-grid .qtype-item.active{color:#6ca1f8;background-color:#3b82f633;border-color:#3b82f680}.create-full-ai .lecture-controls .mix-grid,.create-full-ai .topic-controls .mix-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.create-full-ai .lecture-controls .mix-grid .mix-item,.create-full-ai .topic-controls .mix-grid .mix-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}body.dark .create-full-ai .lecture-controls .mix-grid .mix-item,html[data-theme=dark] .create-full-ai .lecture-controls .mix-grid .mix-item,body.dark .create-full-ai .topic-controls .mix-grid .mix-item,html[data-theme=dark] .create-full-ai .topic-controls .mix-grid .mix-item{background:#18181b;border-color:#ffffff14}.create-full-ai .lecture-controls .mix-grid .mix-item label,.create-full-ai .topic-controls .mix-grid .mix-item label{flex:1;margin:0;font-size:12px;font-weight:500}.create-full-ai .lecture-controls .mix-grid .mix-item input,.create-full-ai .topic-controls .mix-grid .mix-item input{text-align:center;border:1px solid #d1d5db;border-radius:4px;width:50px;padding:4px;font-size:14px!important}.create-full-ai .preview-container{flex-direction:column;flex:1;min-height:0;display:flex}.create-full-ai .preview-split-layout{flex-direction:row;flex:1;gap:20px;min-height:0;margin-top:16px;display:flex}@media (max-width:768px){.create-full-ai .preview-split-layout{flex-direction:column;gap:12px}}.create-full-ai .section-nav-sidebar{flex-direction:column;flex-shrink:0;gap:8px;width:220px;max-height:100%;padding-right:10px;display:flex;overflow-y:auto}.create-full-ai .section-nav-sidebar::-webkit-scrollbar{width:4px;height:4px}.create-full-ai .section-nav-sidebar::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .create-full-ai .section-nav-sidebar::-webkit-scrollbar-thumb{background-color:#282a2c}html[data-theme=dark] .create-full-ai .section-nav-sidebar::-webkit-scrollbar-thumb{background-color:#282a2c}@media (max-width:768px){.create-full-ai .section-nav-sidebar{width:100%;max-height:auto;flex-direction:row;padding-bottom:8px;padding-right:0;overflow:auto hidden}}.create-full-ai .section-nav-title{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:600}body.dark .create-full-ai .section-nav-title,html[data-theme=dark] .create-full-ai .section-nav-title{color:#aaa}.create-full-ai .section-nav-item{text-align:left;color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px;font-weight:400;transition:all .2s;display:flex}body.dark .create-full-ai .section-nav-item,html[data-theme=dark] .create-full-ai .section-nav-item{color:#aaa;background:#ffffff08;border-color:#0000}.create-full-ai .section-nav-item:hover{background:#f3f4f6}body.dark .create-full-ai .section-nav-item:hover,html[data-theme=dark] .create-full-ai .section-nav-item:hover{background:#37393b}.create-full-ai .section-nav-item.active{color:#3b82f6;background:#dbeafe;border-color:#bfdbfe;font-weight:600}body.dark .create-full-ai .section-nav-item.active,html[data-theme=dark] .create-full-ai .section-nav-item.active{color:#6ca1f8;background:#3b82f626;border-color:#3b82f64d}.create-full-ai .section-nav-item .section-nav-name{white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.create-full-ai .section-nav-item .section-nav-count{color:#fff;background:#d1d5db;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}body.dark .create-full-ai .section-nav-item .section-nav-count,html[data-theme=dark] .create-full-ai .section-nav-item .section-nav-count{color:#aaa;background:#ffffff1a}.create-full-ai .section-nav-item.active .section-nav-count{color:#3b82f6;background:#3b82f633}body.dark .create-full-ai .section-nav-item.active .section-nav-count,html[data-theme=dark] .create-full-ai .section-nav-item.active .section-nav-count{color:#84b1f9;background:#3b82f640}@media (max-width:768px){.create-full-ai .section-nav-item{gap:8px;padding:8px 12px}.create-full-ai .section-nav-item .section-nav-name{max-width:150px}}.create-full-ai .preview-questions-list{flex-grow:1;padding-right:8px;position:relative;overflow:hidden auto}.create-full-ai .preview-questions-list::-webkit-scrollbar{width:6px}.create-full-ai .preview-questions-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .create-full-ai .preview-questions-list::-webkit-scrollbar-thumb{background-color:#282a2c}html[data-theme=dark] .create-full-ai .preview-questions-list::-webkit-scrollbar-thumb{background-color:#282a2c}.create-full-ai .c-modal__footer{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}body.dark .create-full-ai .c-modal__footer,html[data-theme=dark] .create-full-ai .c-modal__footer{background:#1e1f20;border-top-color:#ffffff14}.create-full-ai .c-modal__footer .q-modal-btn{color:#fff;cursor:pointer;background-color:#1f2937;border:1px solid #1f2937;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.create-full-ai .c-modal__footer .q-modal-btn:hover:not(:disabled){background-color:#4b5563;border-color:#4b5563}.create-full-ai .c-modal__footer .q-modal-btn:disabled{opacity:.5;cursor:not-allowed}.create-full-ai .c-modal__footer .q-modal-btn.secondary{color:#1f2937;background-color:#0000;border-color:#d1d5db}.create-full-ai .c-modal__footer .q-modal-btn.secondary:hover{background-color:#f3f4f6}body.dark .create-full-ai .c-modal__footer .q-modal-btn,html[data-theme=dark] .create-full-ai .c-modal__footer .q-modal-btn{color:#1b1b1b;background-color:#e3e3e3;border-color:#e3e3e3}body.dark .create-full-ai .c-modal__footer .q-modal-btn:hover:not(:disabled),html[data-theme=dark] .create-full-ai .c-modal__footer .q-modal-btn:hover:not(:disabled){background-color:#aaa;border-color:#aaa}body.dark .create-full-ai .c-modal__footer .q-modal-btn.secondary,html[data-theme=dark] .create-full-ai .c-modal__footer .q-modal-btn.secondary{color:#e3e3e3;background-color:#0000;border-color:#4b556366}body.dark .create-full-ai .c-modal__footer .q-modal-btn.secondary:hover,html[data-theme=dark] .create-full-ai .c-modal__footer .q-modal-btn.secondary:hover{background-color:#37393b}.token-hud{color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.token-hud .left{align-items:center;gap:8px;display:flex}.token-hud .right b{margin-left:4px;font-weight:700}.token-hud .pill{background:#0000000d;border-radius:20px;padding:4px 10px}.token-hud .pill.success{color:#15803d;background-color:#dcfce7}.token-hud .pill.error{color:#b91c1c;background-color:#fee2e2}body.dark .token-hud,html[data-theme=dark] .token-hud{color:#a1a1aa;background-color:#0000;border-color:#ffffff14}body.dark .token-hud .pill,html[data-theme=dark] .token-hud .pill{background:#ffffff1a}body.dark .token-hud .pill.success,html[data-theme=dark] .token-hud .pill.success{color:#34d399;background-color:#10b9811a}body.dark .token-hud .pill.error,html[data-theme=dark] .token-hud .pill.error{color:#f87171;background-color:#ef44441a}.ai-disclaimer{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px;font-size:13px;display:flex}body.dark .ai-disclaimer,html[data-theme=dark] .ai-disclaimer{color:#fbbf24;background:0 0;border-color:#fbbf2426}.image-batch{margin:16px 0}.image-batch__header{color:#4b5563;margin-bottom:8px;font-size:13px}body.dark .image-batch__header,html[data-theme=dark] .image-batch__header{color:#aaa}.image-batch__header strong{color:#1f2937}body.dark .image-batch__header strong,html[data-theme=dark] .image-batch__header strong{color:#e3e3e3}.image-batch__grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;display:grid}.image-thumb{background:#fff;border:1px solid #d1d5db;border-radius:6px;height:70px;position:relative;overflow:hidden}body.dark .image-thumb,html[data-theme=dark] .image-thumb{background:#1e1f20;border-color:#4b556366}.image-thumb img{object-fit:cover;width:100%;height:100%}.image-thumb__remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.image-thumb__remove:hover{background:#ef4444}.processing-view,.failed-view{text-align:center;color:#4b5563;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}body.dark .processing-view,html[data-theme=dark] .processing-view,body.dark .failed-view,html[data-theme=dark] .failed-view{color:#aaa}.processing-view .spinner,.failed-view .spinner{color:#3b82f6;margin-bottom:16px;font-size:32px}.processing-view .error-message,.failed-view .error-message{color:#ef4444;max-width:80%;margin-top:10px}.processing-view h4,.failed-view h4{color:#1f2937;margin-top:16px;margin-bottom:8px;font-size:18px}body.dark .processing-view h4,html[data-theme=dark] .processing-view h4,body.dark .failed-view h4,html[data-theme=dark] .failed-view h4{color:#e3e3e3}.progress-bar-wrap{background:#e5e7eb;border-radius:4px;width:80%;max-width:400px;height:8px;margin-top:20px;overflow:hidden}body.dark .progress-bar-wrap,html[data-theme=dark] .progress-bar-wrap{background:#282a2c}.progress-bar-wrap .progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.process-log{text-align:left;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;width:100%;max-width:500px;height:140px;margin-top:20px;display:flex;overflow:hidden}body.dark .process-log,html[data-theme=dark] .process-log{background-color:#18181b;border-color:#ffffff14}.process-log .log-header{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#e2e8f0;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}body.dark .process-log .log-header,html[data-theme=dark] .process-log .log-header{color:#a1a1aa;background:#ffffff0d}.process-log .log-content{flex:1;padding:10px;font-family:Consolas,Monaco,monospace;font-size:12px;overflow-y:auto}.process-log .log-content::-webkit-scrollbar{width:4px}.process-log .log-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}body.dark .process-log .log-content::-webkit-scrollbar-thumb{background:#555}html[data-theme=dark] .process-log .log-content::-webkit-scrollbar-thumb{background:#555}.process-log .log-line{color:#334155;word-break:break-all;margin-bottom:4px;line-height:1.4;animation:.3s fadeIn}body.dark .process-log .log-line,html[data-theme=dark] .process-log .log-line{color:#cbd5e1}.process-log .log-line.text-error{color:#ef4444;font-weight:700}.process-log .log-line.text-success{color:#4caf50;font-weight:700}.process-log .log-line.text-warning{color:#f59e0b}.create-full-ai .question-single{position:relative;background:0 0!important;border:none!important;margin:0!important;padding:0 0 16px!important}.create-full-ai .question-single .question-details{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 48px 16px 16px;box-shadow:0 1px 2px #0000000d}body.dark .create-full-ai .question-single .question-details,html[data-theme=dark] .create-full-ai .question-single .question-details{color:#e3e3e3;background:#18181b;border-color:#ffffff14;box-shadow:0 4px 6px #0003}.create-full-ai .question-single.is-critical-wrapper .question-details{border-left:4px solid #ef4444}.create-full-ai .question-single .delete-question-btn{z-index:10;background-color:#0000;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;color:#a1a1aa!important;width:28px!important;height:28px!important;display:flex!important;position:absolute!important;top:12px!important;right:12px!important}body.dark .create-full-ai .question-single .delete-question-btn,html[data-theme=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:#0000!important}.create-full-ai .question-single .question-header{border-bottom:1px dashed #d1d5db;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.create-full-ai .question-single .question-header strong{color:#1f2937}body.dark .create-full-ai .question-single .question-header strong,html[data-theme=dark] .create-full-ai .question-single .question-header strong{color:#e3e3e3}body.dark .create-full-ai .question-single .question-header,html[data-theme=dark] .create-full-ai .question-single .question-header{border-bottom-color:#4b556366}.create-full-ai .question-single .critical-badge{text-transform:uppercase;color:#ef4444;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}body.dark .create-full-ai .question-single .critical-badge,html[data-theme=dark] .create-full-ai .question-single .critical-badge{background:#ef444426;border-color:#ef444466}.create-full-ai .question-single .type-badge{text-transform:uppercase;letter-spacing:.3px;color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}body.dark .create-full-ai .question-single .type-badge,html[data-theme=dark] .create-full-ai .question-single .type-badge{color:#81818b;background-color:#0000;border-color:#ffffff1f}.create-full-ai .question-single .question-text{color:#1f2937;margin-bottom:15px;font-size:15px;line-height:1.6}body.dark .create-full-ai .question-single .question-text,html[data-theme=dark] .create-full-ai .question-single .question-text{color:#e4e4e7}.create-full-ai .question-single .explanation-block{color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:14px;line-height:1.6}body.dark .create-full-ai .question-single .explanation-block,html[data-theme=dark] .create-full-ai .question-single .explanation-block{color:#a1a1aa;background-color:#ffffff05;border-color:#ffffff14}.create-full-ai .question-single .explanation-block .exp-label{text-transform:uppercase;color:#4b5563;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}body.dark .create-full-ai .question-single .explanation-block .exp-label,html[data-theme=dark] .create-full-ai .question-single .explanation-block .exp-label{color:#71717a}.create-full-ai .question-single .explanation-block .exp-label svg{color:#fbbf24;opacity:.8}.create-full-ai .question-single .explanation-block .exp-content p{color:inherit}body.dark .create-full-ai .question-single .explanation-block .exp-content,html[data-theme=dark] .create-full-ai .question-single .explanation-block .exp-content{color:#d4d4d8}.create-full-ai .question-single .question-answers{border-left:3px solid #f3f4f6;margin-top:12px;padding-left:12px}body.dark .create-full-ai .question-single .question-answers,html[data-theme=dark] .create-full-ai .question-single .question-answers{border-left-color:#4b556366}.create-full-ai .question-single .answer-item{background-color:#f9fafb;border:1px solid #0000;border-radius:8px;margin-bottom:8px;padding:10px 14px;transition:all .2s}body.dark .create-full-ai .question-single .answer-item,html[data-theme=dark] .create-full-ai .question-single .answer-item{background-color:#ffffff05;border-color:#ffffff0d}.create-full-ai .question-single .answer-item p{color:#1f2937;align-items:flex-start;gap:8px;margin:0;display:flex}body.dark .create-full-ai .question-single .answer-item p,html[data-theme=dark] .create-full-ai .question-single .answer-item p{color:#a1a1aa}.create-full-ai .question-single .answer-item.correct{background-color:#ecfdf5;border-color:#a7f3d0;padding-right:90px;position:relative}.create-full-ai .question-single .answer-item.correct p{color:#065f46;font-weight:500}.create-full-ai .question-single .answer-item.correct:after{content:"✓ Đáp án";color:#047857;background-color:#d1fae5;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}body.dark .create-full-ai .question-single .answer-item.correct,html[data-theme=dark] .create-full-ai .question-single .answer-item.correct{background-color:#10b9810d;border-color:#34d39940}body.dark .create-full-ai .question-single .answer-item.correct p,html[data-theme=dark] .create-full-ai .question-single .answer-item.correct p{color:#e4e4e7;font-weight:500}body.dark .create-full-ai .question-single .answer-item.correct:after,html[data-theme=dark] .create-full-ai .question-single .answer-item.correct:after{color:#34d399;background-color:#0000;border:1px solid}.create-full-ai .question-single .passage{color:#4b5563;background:#f3f4f6;border-radius:6px;margin-bottom:12px;padding:12px;font-size:14px;font-style:italic}body.dark .create-full-ai .question-single .passage,html[data-theme=dark] .create-full-ai .question-single .passage{color:#aaa;background:#37393b}.create-full-ai .question-single .sub-question{margin-bottom:12px;padding-left:8px}.create-full-ai .question-single .sub-question strong{color:#1f2937}body.dark .create-full-ai .question-single .sub-question strong,html[data-theme=dark] .create-full-ai .question-single .sub-question strong{color:#e3e3e3}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.range-selector{background-color:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;animation:.2s ease-out slideDown;display:flex}body.dark .range-selector{background-color:#282a2c;border-color:#4b556366}.range-selector__group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.range-selector__label{color:#4b5563;white-space:nowrap;font-size:13px;font-weight:500}body.dark .range-selector__label{color:#aaa}.range-selector__input{color:#1f2937;text-align:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;flex-shrink:0;width:60px;height:34px;padding:0 10px;font-size:13px;font-weight:600;transition:all .2s}.range-selector__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}body.dark .range-selector__input{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}body.dark .range-selector__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.range-selector__btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#3b82f6;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;height:34px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.range-selector__btn:hover{background-color:#2372f5;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.range-selector__btn:active{box-shadow:none;transform:translateY(0)}body.dark .range-selector__btn{color:#fff;background-color:#3b82f6;box-shadow:0 1px 3px #0000004d}body.dark .range-selector__btn:hover{background-color:#5392f7;box-shadow:0 4px 6px -1px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-explanation-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:24px;animation:.3s ease-out fadeInUp;overflow:hidden}body.dark .quiz-explanation-box{background-color:#3b82f61a;border-color:#3b82f64d}.quiz-explanation-box .explanation-header{color:#1e40af;text-transform:uppercase;letter-spacing:.5px;background-color:#dbeafe;border-bottom:1px solid #bfdbfe;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:700;display:flex}body.dark .quiz-explanation-box .explanation-header{color:#93c5fd;background-color:#3b82f626;border-bottom-color:#3b82f64d}.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{color:#1f2937;padding:16px;font-size:15px;line-height:1.6}body.dark .quiz-explanation-box .explanation-content{color:#e5e7eb}.quiz-explanation-box .explanation-content img{border:1px solid #0000001a;border-radius:6px;max-width:100%;margin:10px 0}.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{color:#ef4444;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#fef2f2;border:1px solid #fecaca;border-radius:99px;align-items:center;gap:6px;margin-left:8px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.critical-badge svg{width:12px;height:12px}.critical-badge:hover{cursor:pointer;background-color:#fee2e2;transform:translateY(-1px)}.critical-badge.active{color:#fff;background-color:#ef4444;border-color:#ef4444;box-shadow:0 2px 4px #ef444440}body.dark .critical-badge{color:#fca5a5;background-color:#ef444426;border-color:#ef44444d}body.dark .critical-badge:hover{background-color:#ef444440}body.dark .critical-badge.active{color:#fff;background-color:#ef4444;border-color:#ef4444;box-shadow:0 0 0 2px #ef444466}.critical-badge-small{color:#ef4444;white-space:nowrap;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}body.dark .critical-badge-small{color:#fca5a5;background-color:#ef444426;border-color:#ef44444d}.critical-dot{z-index:2;background-color:#ef4444;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px;box-shadow:0 1px 2px #0000001a}body.dark .critical-dot{border-color:#1e1f20}.critical-icon{color:#ef4444;z-index:2;filter:drop-shadow(0 1px 1px #0000001a);position:absolute;top:2px;right:2px}.question-footer{justify-content:space-between;align-items:center;padding:8px 24px 16px;display:flex}.question-footer__btn{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.question-footer__btn .question-footer__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.question-footer__btn--active{color:#3b82f6}.question-footer__btn--active .question-footer__icon{color:#3b82f6;background-color:#3b82f61a}.question-footer__btn--active:hover{background-color:#3b82f60d;transform:translateY(-2px)}.question-footer__btn--active:hover .question-footer__icon{color:#fff;background-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f64d}.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{color:#60a5fa;background-color:#60a5fa26}body.dark .question-footer__btn--active:hover .question-footer__icon{color:#1f2937;background-color:#60a5fa}.question-footer__btn--disabled{color:#9ca3af;cursor:not-allowed}.question-footer__btn--disabled .question-footer__icon{color:#d1d5db;background-color:#f3f4f6}body.dark .question-footer__btn--disabled{color:#6b7280}body.dark .question-footer__btn--disabled .question-footer__icon{color:#4b5563;background-color:#374151}.editor-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;background-color:#fff;border:none;border-radius:16px;min-width:0;max-width:100%;margin-bottom:24px;padding:24px;transition:background-color .15s,box-shadow .15s;position:relative;box-shadow:inset 0 0 0 1px #e5e7ebcc,0 4px 20px -10px #0000000d}@media (max-width:640px){.editor-card{border-radius:12px;margin-bottom:16px;padding:16px}}.editor-card:hover:not(.editor-card--selected){box-shadow:inset 0 0 0 1px #cbd5e1,0 12px 30px -10px #00000014}body.dark .editor-card,html[data-theme=dark] .editor-card,.dark .editor-card{color:#f8fafc;background-color:#ffffff05;box-shadow:inset 0 0 0 1px #ffffff0f}body.dark .editor-card:hover:not(.editor-card--selected),html[data-theme=dark] .editor-card:hover:not(.editor-card--selected),.dark .editor-card:hover:not(.editor-card--selected){box-shadow:inset 0 0 0 1px #ffffff26,0 12px 30px -10px #0006}.editor-card--selected{background-color:#eff6ff!important;box-shadow:inset 0 0 0 2px #3b82f6!important}body.dark .editor-card--selected,html[data-theme=dark] .editor-card--selected,.dark .editor-card--selected{background-color:#3b82f614!important;box-shadow:inset 0 0 0 2px #3b82f6!important}.editor-card--critical{background-color:#fff1f2;box-shadow:inset 0 0 0 1px #fecaca}body.dark .editor-card--critical,html[data-theme=dark] .editor-card--critical,.dark .editor-card--critical{background-color:#ef44440d;box-shadow:inset 0 0 0 1px #ef444433}.editor-card--critical.editor-card--selected{box-shadow:inset 0 0 0 2px #3b82f6!important}.editor-card__header{border-bottom:1px dashed #e5e7ebcc;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}@media (max-width:640px){.editor-card__header{margin-bottom:16px;padding-bottom:12px}}body.dark .editor-card__header,html[data-theme=dark] .editor-card__header,.dark .editor-card__header{border-bottom-color:#ffffff14}.editor-card__title-group{flex:1;align-items:flex-start;gap:14px;display:flex}.editor-checkbox{cursor:pointer;width:22px;height:22px;margin-top:6px;display:block;position:relative}.editor-checkbox input{opacity:0;position:absolute}.editor-checkbox .editor-checkmark{background-color:#0000;border:2px solid #94a3b8;border-radius:6px;width:22px;height:22px;transition:all .2s;position:absolute;top:0;left:0}body.dark .editor-checkbox .editor-checkmark,html[data-theme=dark] .editor-checkbox .editor-checkmark,.dark .editor-checkbox .editor-checkmark{border-color:#64748b}.editor-checkbox input:checked~.editor-checkmark{background-color:#3b82f6;border-color:#3b82f6}.editor-checkbox input:checked~.editor-checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:block;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.editor-icon{color:#64748b;background-color:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}body.dark .editor-icon,html[data-theme=dark] .editor-icon,.dark .editor-icon{color:#94a3b8;background-color:#ffffff0d}.editor-info{flex-direction:column;gap:6px;display:flex}.editor-info__top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-info .editor-badge{color:#1e293b;font-size:16px;font-weight:700}body.dark .editor-info .editor-badge,html[data-theme=dark] .editor-info .editor-badge,.dark .editor-info .editor-badge{color:#f8fafc}.editor-info .editor-badge-critical{text-transform:uppercase;letter-spacing:.5px;color:#ef4444;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}body.dark .editor-info .editor-badge-critical,html[data-theme=dark] .editor-info .editor-badge-critical,.dark .editor-info .editor-badge-critical{color:#f87171;background-color:#ef44441a;border-color:#ef444433}.editor-info .editor-type{color:#64748b;font-size:13px;font-weight:500}body.dark .editor-info .editor-type{color:#94a3b8}.editor-card__actions{gap:8px;display:flex}.editor-card__actions .editor-action-btn{cursor:pointer;background-color:#0000;border:none;border-radius:8px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.editor-card__actions .editor-action-btn:disabled{opacity:.5;cursor:not-allowed}.editor-card__actions .editor-action-btn--edit{color:#64748b}.editor-card__actions .editor-action-btn--edit:hover:not(:disabled){color:#3b82f6;background-color:#f1f5f9}body.dark .editor-card__actions .editor-action-btn--edit,html[data-theme=dark] .editor-card__actions .editor-action-btn--edit,.dark .editor-card__actions .editor-action-btn--edit{color:#94a3b8}body.dark .editor-card__actions .editor-action-btn--edit:hover:not(:disabled),html[data-theme=dark] .editor-card__actions .editor-action-btn--edit:hover:not(:disabled),.dark .editor-card__actions .editor-action-btn--edit:hover:not(:disabled){color:#60a5fa;background-color:#ffffff0d}.editor-card__actions .editor-action-btn--delete{color:#64748b}.editor-card__actions .editor-action-btn--delete:hover:not(:disabled){color:#dc2626;background-color:#fef2f2}body.dark .editor-card__actions .editor-action-btn--delete,html[data-theme=dark] .editor-card__actions .editor-action-btn--delete,.dark .editor-card__actions .editor-action-btn--delete{color:#94a3b8}body.dark .editor-card__actions .editor-action-btn--delete:hover:not(:disabled),html[data-theme=dark] .editor-card__actions .editor-action-btn--delete:hover:not(:disabled),.dark .editor-card__actions .editor-action-btn--delete:hover:not(:disabled){color:#f87171;background-color:#ef44441a}.editor-card__body{font-size:15px;line-height:1.6}.editor-section{margin-bottom:20px}.editor-section__label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}body.dark .editor-section__label,html[data-theme=dark] .editor-section__label,.dark .editor-section__label{color:#94a3b8}.editor-text{color:#334155;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}body.dark .editor-text,html[data-theme=dark] .editor-text,.dark .editor-text{color:#e2e8f0}.editor-text.is-truncated{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.editor-toggle-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:6px 0;font-size:13px;font-weight:600;display:flex}.editor-toggle-btn:hover{color:#2563eb;text-decoration:underline}body.dark .editor-toggle-btn,html[data-theme=dark] .editor-toggle-btn,.dark .editor-toggle-btn{color:#60a5fa}body.dark .editor-toggle-btn:hover,html[data-theme=dark] .editor-toggle-btn:hover,.dark .editor-toggle-btn:hover{color:#93c5fd}.editor-options{flex-direction:column;gap:10px;display:flex}.editor-option{background-color:#f8fafc;border:1px solid #e5e7ebcc;border-radius:12px;align-items:flex-start;padding:14px 16px;transition:all .2s;display:flex}.editor-option .opt-label{color:#64748b;min-width:20px;margin-right:12px;font-weight:700}.editor-option .opt-content{color:#334155;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;flex:1;min-width:0}body.dark .editor-option,html[data-theme=dark] .editor-option,.dark .editor-option{background-color:#ffffff05;border-color:#ffffff0d}body.dark .editor-option .opt-label,html[data-theme=dark] .editor-option .opt-label,.dark .editor-option .opt-label{color:#94a3b8}body.dark .editor-option .opt-content,html[data-theme=dark] .editor-option .opt-content,.dark .editor-option .opt-content{color:#e2e8f0}.editor-option.is-correct{background-color:#f0fdf4;border-color:#86efac}.editor-option.is-correct .opt-label{color:#16a34a}.editor-option.is-correct .opt-content{color:#14532d;font-weight:500}.editor-option.is-correct .icon-check{color:#22c55e;margin-left:auto}body.dark .editor-option.is-correct,html[data-theme=dark] .editor-option.is-correct,.dark .editor-option.is-correct{background-color:#22c55e0d;border-color:#22c55e4d}body.dark .editor-option.is-correct .opt-label,html[data-theme=dark] .editor-option.is-correct .opt-label,.dark .editor-option.is-correct .opt-label{color:#4ade80}body.dark .editor-option.is-correct .opt-content,html[data-theme=dark] .editor-option.is-correct .opt-content,.dark .editor-option.is-correct .opt-content{color:#a7f3d0}body.dark .editor-option.is-correct .icon-check,html[data-theme=dark] .editor-option.is-correct .icon-check,.dark .editor-option.is-correct .icon-check{color:#4ade80}.editor-explanation{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-top:24px;overflow:hidden}body.dark .editor-explanation,html[data-theme=dark] .editor-explanation,.dark .editor-explanation{background-color:#0ea5e90d;border-color:#0ea5e933}.editor-explanation__toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:#0284c7;text-transform:uppercase;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.editor-explanation__toggle:hover{background-color:#00000005}body.dark .editor-explanation__toggle,html[data-theme=dark] .editor-explanation__toggle,.dark .editor-explanation__toggle{color:#38bdf8}body.dark .editor-explanation__toggle:hover,html[data-theme=dark] .editor-explanation__toggle:hover,.dark .editor-explanation__toggle:hover{background-color:#ffffff08}.editor-explanation__toggle .icon-bulb{color:#eab308}.editor-explanation__content{color:#0f172a;padding:0 16px 16px;font-size:14px;line-height:1.6}body.dark .editor-explanation__content,html[data-theme=dark] .editor-explanation__content,.dark .editor-explanation__content{color:#e2e8f0;border-top:1px dashed #ffffff14;margin:0 16px;padding-top:16px}.editor-explanation__content p{margin-bottom:8px}.editor-explanation__content p:last-child{margin-bottom:0}.editor-pair{background-color:#f8fafc;border:1px solid #e5e7ebcc;border-radius:12px;grid-template-columns:1fr 32px 1fr;align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:grid}body.dark .editor-pair,html[data-theme=dark] .editor-pair,.dark .editor-pair{background-color:#ffffff05;border-color:#ffffff0d}.editor-pair .pair-side{color:#334155;overflow-wrap:break-word;word-break:break-word;min-width:0;font-weight:500}body.dark .editor-pair .pair-side{color:#e2e8f0}.editor-pair .pair-arrow{color:#94a3b8;justify-content:center;display:flex}body.dark .editor-pair .pair-arrow{color:#64748b}.editor-pair .pair-idx{color:#3b82f6;margin-right:8px;font-weight:700}body.dark .editor-pair .pair-idx{color:#60a5fa}.editor-pair .text-missing{color:#ef4444;opacity:.8;font-size:13px;font-style:italic}.editor-blank-item{background-color:#f8fafc;border:1px solid #e5e7ebcc;border-radius:10px;gap:10px;margin-bottom:8px;padding:12px;display:flex}body.dark .editor-blank-item,html[data-theme=dark] .editor-blank-item,.dark .editor-blank-item{background-color:#ffffff05;border-color:#ffffff0d}.editor-blank-item .blank-num{color:#64748b;flex-shrink:0;font-weight:700}body.dark .editor-blank-item .blank-num{color:#94a3b8}.editor-blank-item .blank-val{color:#0f172a;overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;font-weight:600}body.dark .editor-blank-item .blank-val{color:#f8fafc}.editor-blank-placeholder{color:#2563eb;background-color:#eff6ff;border-radius:6px;padding:2px 6px;font-weight:700}body.dark .editor-blank-placeholder{color:#93c5fd;background-color:#3b82f626}.editor-sub-box{background:#f8fafc;border:1px solid #e5e7ebcc;border-radius:12px;margin-top:16px;padding:20px}body.dark .editor-sub-box,html[data-theme=dark] .editor-sub-box,.dark .editor-sub-box{background:#ffffff03;border-color:#ffffff0d}.editor-sub-box__header{margin-bottom:16px}.editor-sub-box .sub-idx{color:#1e293b;margin-bottom:8px;font-weight:700;display:block}body.dark .editor-sub-box .sub-idx{color:#f8fafc}.quiz-checkbox{cursor:pointer;border:1px solid #0000;border-radius:8px;flex:auto;align-items:center;padding:18px 24px;transition:all .2s;display:flex;position:relative}.quiz-checkbox:hover{background-color:#00000008}.quiz-checkbox__input{display:none}.quiz-checkbox__icon{color:#fff;background-color:#0000;border:2px solid #62626291;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:14px;transition:all .2s;display:flex}.quiz-checkbox__content{word-break:break-word;flex:1;gap:8px;min-width:0;padding-right:30px;font-size:16px;display:flex}.quiz-checkbox__key-hint{pointer-events:none;-webkit-user-select:none;user-select:none;color:#94a3b8;text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;min-width:20px;padding:3px 7px;font-size:11px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.quiz-checkbox__input:checked+.quiz-checkbox__icon{color:#fff;background-color:#196ebf;border-color:#196ebf}.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{color:#fff!important;background-color:#259172!important;border-color:#259172!important}.quiz-checkbox__icon--wrong{color:#fff!important;background-color:#e63349!important;border-color:#e63349!important}body.dark .quiz-checkbox:hover{background-color:#ffffff0d}body.dark .quiz-checkbox__icon{border-color:#94a3b880}body.dark .quiz-checkbox__input:checked+body.dark .quiz-checkbox__icon{color:#fff;background-color:#3b82f6;border-color:#3b82f6}body.dark .quiz-checkbox__icon--correct{color:#064e3b!important;background-color:#34d399cb!important;border-color:#34d399cb!important}body.dark .quiz-checkbox__icon--wrong{color:#7f1d1d!important;background-color:#f87171!important;border-color:#f87171!important}body.dark .quiz-checkbox__key-hint{color:#cbd5e1;background-color:#1e293b;border-color:#334155}body.dark .quiz-checkbox--disabled .quiz-checkbox__input:checked+.quiz-checkbox__icon{color:#d1d5db;background-color:#4b5563;border-color:#4b5563}body.dark .content-item.correct{background-color:#05966933}body.dark .content-item.wrong{background-color:#dc262633}body.dark .content-item.solution{background-color:#eab3081a;border-color:#eab30880}.upgrade-container{scrollbar-width:thin;scrollbar-gutter:stable;flex-direction:column;flex:1;align-items:center;gap:40px;width:100%;min-height:0;margin:0 auto;padding:24px;display:flex;overflow-y:auto}body.dark .upgrade-container{scrollbar-color:#555 transparent}@media (max-width:768px){.upgrade-container{gap:32px;padding:16px}}.upgrade-header{text-align:center;max-width:600px}.upgrade-header h1{letter-spacing:-.5px;margin:0 0 16px;font-size:36px;font-weight:800}@media (max-width:480px){.upgrade-header h1{font-size:28px}}.upgrade-header p{color:#4b5563;margin:0;font-size:16px;line-height:1.5}body.dark .upgrade-header p{color:#aaa}.upgrade-header .gradient-text{background:linear-gradient(90deg,#3b82f6 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pricing-tabs-wrapper{justify-content:center;width:100%;display:flex}.pricing-tabs{background-color:#f9fafb;border:1px solid #0000;border-radius:12px;padding:6px;display:inline-flex}body.dark .pricing-tabs{background-color:#0000004d;border-color:#ffffff0d}.pricing-tabs .tab-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}body.dark .pricing-tabs .tab-btn{color:#aaa}.pricing-tabs .tab-btn .tab-icon{opacity:.7}.pricing-tabs .tab-btn:hover:not(.active){color:#1f2937;background-color:#00000008}body.dark .pricing-tabs .tab-btn:hover:not(.active){color:#e3e3e3;background-color:#ffffff0d}.pricing-tabs .tab-btn.active{color:#3b82f6;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.pricing-tabs .tab-btn.active .tab-icon{opacity:1}body.dark .pricing-tabs .tab-btn.active{background-color:#1e1f20;box-shadow:0 2px 6px #0006}@media (max-width:600px){.pricing-tabs{flex-direction:column;width:100%}.pricing-tabs .tab-btn{justify-content:center;padding:12px}}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;width:100%;max-width:800px;display:grid}.pricing-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;height:100%;padding:32px 24px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}body.dark .pricing-card{background-color:#1e1f20;border-color:#4b556366}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a}.pricing-card.recommended{background-color:#dbeafe;border:2px solid #3b82f6}body.dark .pricing-card.recommended{background-color:#3b82f60d;border-color:#3b82f6}.pricing-card .badge-recommended{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(90deg,#3b82f6,#34d399);border-radius:20px;padding:6px 16px;font-size:11px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #3b82f64d}.pricing-card .plan-name{color:#1f2937;margin:0 0 12px;font-size:20px;font-weight:600}body.dark .pricing-card .plan-name{color:#e3e3e3}.pricing-card .plan-price-wrapper{border-bottom:1px solid #e5e7eb;align-items:baseline;gap:4px;margin-bottom:16px;padding-bottom:20px;display:flex}body.dark .pricing-card .plan-price-wrapper{border-bottom-color:#4b556366}.pricing-card .plan-price-wrapper .plan-price{color:#1f2937;font-size:36px;font-weight:800;line-height:1}body.dark .pricing-card .plan-price-wrapper .plan-price{color:#e3e3e3}.pricing-card .plan-price-wrapper .plan-duration{color:#6b7280;font-size:14px;font-weight:500}body.dark .pricing-card .plan-price-wrapper .plan-duration{color:#aaa}.pricing-card .plan-desc{color:#4b5563;margin:0 0 24px;font-size:14px;line-height:1.5}body.dark .pricing-card .plan-desc{color:#aaa}.pricing-card .plan-features{flex-grow:1;margin:0 0 32px;padding:0;list-style:none}.pricing-card .plan-features li{color:#1f2937;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:14px;line-height:1.4;display:flex}body.dark .pricing-card .plan-features li{color:#e3e3e3}.pricing-card .plan-features li .feature-icon{color:#10b981;flex-shrink:0;margin-top:2px;font-size:16px}.pricing-card .btn-choose-plan{cursor:pointer;text-align:center;border-radius:8px;width:100%;margin-top:auto;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.pricing-card .btn-choose-plan.btn-primary{color:#fff;background-color:#3b82f6;border:none}.pricing-card .btn-choose-plan.btn-primary:hover{background-color:#2564eba6;box-shadow:0 4px 12px #3b82f666}.pricing-card .btn-choose-plan.btn-outline{color:#3b82f6;background-color:#0000;border:1px solid #3b82f6}.pricing-card .btn-choose-plan.btn-outline:hover{background-color:#dbeafe}body.dark .pricing-card .btn-choose-plan.btn-outline:hover{background-color:#3b82f61a}.checkout-section{width:100%;max-width:650px;animation:.4s ease-out forwards slideUp}.checkout-section .btn-back{color:#4b5563;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-size:15px;font-weight:500;transition:color .2s;display:inline-flex}.checkout-section .btn-back:hover{color:#3b82f6}body.dark .checkout-section .btn-back{color:#aaa}body.dark .checkout-section .btn-back:hover{color:#3b82f6}.checkout-section .checkout-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;position:relative}@media (max-width:600px){.checkout-section .checkout-card{padding:20px}}body.dark .checkout-section .checkout-card{background-color:#1e1f20;border-color:#4b556366}.checkout-section .checkout-card h2{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}@media (max-width:600px){.checkout-section .checkout-card h2{font-size:20px}}body.dark .checkout-section .checkout-card h2{color:#e3e3e3}.checkout-section .checkout-card .checkout-amount{color:#4b5563;border-bottom:1px dashed #d1d5db;margin:0 0 32px;padding-bottom:24px;font-size:16px}body.dark .checkout-section .checkout-card .checkout-amount{color:#aaa;border-bottom-color:#4b556366}.checkout-section .checkout-card .checkout-amount strong{color:#ef4444;margin-left:8px;font-size:24px;font-weight:800}.checkout-section .checkout-card .payment-instructions{gap:32px;margin-bottom:32px;display:flex}@media (max-width:600px){.checkout-section .checkout-card .payment-instructions{flex-direction:column;align-items:center;gap:24px}}.checkout-section .checkout-card .payment-instructions .qr-code-box{flex-shrink:0}.checkout-section .checkout-card .payment-instructions .qr-code-box .qr-placeholder{color:#6b7280;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:180px;height:180px;display:flex}body.dark .checkout-section .checkout-card .payment-instructions .qr-code-box .qr-placeholder{color:#aaa;background-color:#282a2c;border-color:#6b72801c}.checkout-section .checkout-card .payment-instructions .qr-code-box .qr-placeholder svg{opacity:.5;font-size:40px}.checkout-section .checkout-card .payment-instructions .qr-code-box .qr-placeholder span{text-align:center;padding:0 10px;font-size:13px;font-weight:500}.checkout-section .checkout-card .payment-instructions .bank-details{flex-direction:column;flex-grow:1;justify-content:center;gap:20px;width:100%;min-width:0;display:flex}.checkout-section .checkout-card .payment-instructions .bank-details .info-row{flex-direction:column;gap:6px;display:flex}.checkout-section .checkout-card .payment-instructions .bank-details .info-row span{text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-size:12px;font-weight:600}body.dark .checkout-section .checkout-card .payment-instructions .bank-details .info-row span{color:#aaa}.checkout-section .checkout-card .payment-instructions .bank-details .info-row strong{color:#1f2937;word-break:break-all;font-size:15px}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{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}body.dark .checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group{background-color:#282a2c;border-color:#4b556366}.checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:6px;transition:all .2s}body.dark .checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group button{color:#aaa}.checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group button:hover{color:#3b82f6;background-color:#3b82f61a}.checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group.is-copied{background-color:#10b9810d;border-color:#10b981}body.dark .checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group.is-copied{background-color:#10b9811a}.checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group.is-copied strong,.checkout-section .checkout-card .payment-instructions .bank-details .info-row .copy-group.is-copied button{color:#10b981}.checkout-section .checkout-card .payment-instructions .bank-details .info-row.highlight .copy-group{background-color:#f59e0b1a;border-color:#f59e0b4d}.checkout-section .checkout-card .payment-instructions .bank-details .info-row.highlight .copy-group strong{color:#f59e0b;font-size:17px}.checkout-section .checkout-card .payment-instructions .bank-details .info-row.highlight .copy-group button{color:#f59e0b}.checkout-section .checkout-card .payment-instructions .bank-details .info-row.highlight .copy-group.is-copied{background-color:#10b9810d;border-color:#10b981}.checkout-section .checkout-card .payment-instructions .bank-details .info-row.highlight .copy-group.is-copied strong,.checkout-section .checkout-card .payment-instructions .bank-details .info-row.highlight .copy-group.is-copied button{color:#10b981}.checkout-section .checkout-card .checkout-note{background-color:#fefce8;border:1px solid #facc15;border-radius:8px;padding:16px}body.dark .checkout-section .checkout-card .checkout-note{background-color:#422006;border-color:#d97706}.checkout-section .checkout-card .checkout-note p{color:#1f2937;margin:0 0 8px;font-size:14px}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{color:#4b5563;margin:0;padding-left:20px;font-size:13px;line-height:1.5}body.dark .checkout-section .checkout-card .checkout-note ul{color:#aaa}.checkout-section .checkout-card .checkout-note ul li{margin-bottom:6px}.checkout-section .checkout-card .toast-copied{color:#fff;z-index:9999;background-color:#10b981;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:600;animation:.3s ease-out forwards slideUpToast;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 16px #10b9814d}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.share-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.share-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;animation:.2s ease-out modalScaleIn;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.dark .share-modal{background-color:#1e1f20;border:1px solid #ffffff14;box-shadow:0 25px 50px -12px #00000080}.share-modal__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}body.dark .share-modal__header{border-bottom-color:#ffffff14}.share-modal__header .title{color:#1f2937;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}body.dark .share-modal__header .title{color:#e3e3e3}.share-modal__header .close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.share-modal__header .close-btn:hover{color:#ef4444;background:#f3f4f6}body.dark .share-modal__header .close-btn{color:#aaa}body.dark .share-modal__header .close-btn:hover{color:#ef4444;background:#37393b}.share-modal__body{flex-direction:column;gap:20px;min-height:250px;padding:20px;display:flex}.share-modal .selected-users-area label{color:#4b5563;margin-bottom:8px;font-size:13px;font-weight:600;display:block}body.dark .share-modal .selected-users-area label{color:#aaa}.share-modal .selected-users-area .empty-text{color:#6b7280;font-size:14px;font-style:italic}body.dark .share-modal .selected-users-area .empty-text{color:#aaa}.share-modal .selected-users-area .chip-list{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.share-modal .selected-users-area .user-chip{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:99px;align-items:center;gap:8px;max-width:100%;padding:4px 10px 4px 4px;transition:all .2s;display:flex}body.dark .share-modal .selected-users-area .user-chip{background-color:#282a2c;border-color:#4b556366}.share-modal .selected-users-area .user-chip:hover{background-color:#e5e7eb}body.dark .share-modal .selected-users-area .user-chip:hover{background-color:#37393b;border-color:#ffffff26}.share-modal .selected-users-area .user-chip .chip-avatar{object-fit:cover;background-color:#fff;border-radius:50%;flex-shrink:0}body.dark .share-modal .selected-users-area .user-chip .chip-avatar{background-color:#1b1b1b}.share-modal .selected-users-area .user-chip .chip-info{flex-direction:column;justify-content:center;max-width:200px;display:flex;overflow:hidden}.share-modal .selected-users-area .user-chip .chip-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}body.dark .share-modal .selected-users-area .user-chip .chip-name{color:#e3e3e3}.share-modal .selected-users-area .user-chip .chip-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;overflow:hidden}body.dark .share-modal .selected-users-area .user-chip .chip-email{color:#aaa}.share-modal .selected-users-area .user-chip .chip-remove{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:4px;transition:all .2s;display:flex}.share-modal .selected-users-area .user-chip .chip-remove:hover{color:#ef4444;background:#fee2e2}body.dark .share-modal .selected-users-area .user-chip .chip-remove{color:#aaa}body.dark .share-modal .selected-users-area .user-chip .chip-remove:hover{color:#ef4444;background:#ef444433}.share-modal .search-wrapper{position:relative}.share-modal .search-wrapper .input-group{align-items:center;display:flex;position:relative}.share-modal .search-wrapper .input-group .search-icon{color:#6b7280;position:absolute;left:12px}body.dark .share-modal .search-wrapper .input-group .search-icon{color:#aaa}.share-modal .search-wrapper .input-group .loading-icon{color:#3b82f6;position:absolute;right:12px}.share-modal .search-wrapper .input-group input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 35px;font-size:14px;transition:all .2s}.share-modal .search-wrapper .input-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.share-modal .search-wrapper .input-group input:disabled{cursor:not-allowed;background:#f3f4f6}body.dark .share-modal .search-wrapper .input-group input{color:#e3e3e3;background:#18181b;border-color:#ffffff1f}body.dark .share-modal .search-wrapper .input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}body.dark .share-modal .search-wrapper .input-group input:disabled{background:#ffffff05}.share-modal .search-wrapper .search-dropdown{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-height:250px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden auto;box-shadow:0 10px 15px -3px #0000001a}body.dark .share-modal .search-wrapper .search-dropdown{background:#232323;border-color:#ffffff14;box-shadow:0 10px 20px #00000080}.share-modal .search-wrapper .search-dropdown .dropdown-empty{text-align:center;color:#6b7280;padding:12px;font-size:13px}body.dark .share-modal .search-wrapper .search-dropdown .dropdown-empty{color:#aaa}.share-modal .search-wrapper .search-dropdown .dropdown-item{cursor:pointer;border-bottom:1px solid #f9fafb;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.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:#ffffff05}body.dark .share-modal .search-wrapper .search-dropdown .dropdown-item:hover{background:#ffffff0d}.share-modal .search-wrapper .search-dropdown .dropdown-item .dropdown-avatar{object-fit:cover;border-radius:50%}.share-modal .search-wrapper .search-dropdown .dropdown-item .dropdown-info{flex-direction:column;display:flex}.share-modal .search-wrapper .search-dropdown .dropdown-item .dropdown-info .dropdown-name{color:#1f2937;font-size:14px;font-weight:600}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{color:#6b7280;font-size:12px}body.dark .share-modal .search-wrapper .search-dropdown .dropdown-item .dropdown-info .dropdown-email{color:#aaa}.share-modal__footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}body.dark .share-modal__footer{background:#18181b;border-top-color:#ffffff14}.share-modal__footer button{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.share-modal__footer button.btn-cancel{color:#4b5563;background:0 0;border:1px solid #d1d5db}.share-modal__footer button.btn-cancel:hover{background:#fff}body.dark .share-modal__footer button.btn-cancel{color:#aaa;border-color:#ffffff1f}body.dark .share-modal__footer button.btn-cancel:hover{background:#ffffff0d}.share-modal__footer button.btn-save{color:#fff;background:#3b82f6;border:none;align-items:center;gap:8px;display:flex}.share-modal__footer button.btn-save:hover{background:#2564eba6}.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)}}.warning-message-text{color:#4b5563;margin:0;font-size:14px;line-height:1.6}body.dark .warning-message-text,html[data-theme=dark] .warning-message-text,.dark .warning-message-text{color:#aaa}.analytics-dashboard{scrollbar-width:thin;scrollbar-gutter:stable;flex-direction:column;flex:1;width:100%;min-height:0;margin:0 auto;padding:24px;display:flex;overflow-y:auto}@media (max-width:575.98px){.analytics-dashboard{padding:16px}.analytics-dashboard__charts{gap:16px;grid-template-columns:1fr!important}.analytics-dashboard__header{flex-direction:column;align-items:flex-start}}@media (min-width:576px) and (max-width:767.98px){.analytics-dashboard{padding:20px}.analytics-dashboard__charts{grid-template-columns:1fr!important}}@media (min-width:992px) and (max-width:1199.98px){.analytics-dashboard__charts{grid-template-columns:1.5fr 1fr}}.analytics-dashboard__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.analytics-dashboard__header h2{color:#1f2937;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}body.dark .analytics-dashboard__header h2{color:#e3e3e3}.analytics-dashboard__header .header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.analytics-dashboard__header .time-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 16px;font-weight:600}body.dark .analytics-dashboard__header .time-select{color:#e3e3e3;background:#1e1f20;border-color:#4b556366}.analytics-dashboard__header .balance-badge{color:#fff;background:linear-gradient(135deg,#4338ca,#312e81);border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:flex;box-shadow:0 4px 10px #4338ca33}.analytics-dashboard__header .balance-badge .vip-text{opacity:.9;text-transform:uppercase;font-size:11px}.analytics-dashboard__header .btn-exchange{cursor:pointer;color:#fff;background:linear-gradient(135deg,#475569,#334155);border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 10px #47556933}.analytics-dashboard__header .btn-exchange:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 14px #4755694d}.analytics-dashboard__rules-banner{background:linear-gradient(90deg,#3b82f60d,#8b5cf60d);border:1px solid #3b82f633;border-radius:12px;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex}body.dark .analytics-dashboard__rules-banner{background:linear-gradient(90deg,#3b82f61a,#8b5cf61a);border-color:#3b82f64d}.analytics-dashboard__rules-banner .rules-icon{color:#3b82f6;margin-top:4px;font-size:24px}.analytics-dashboard__rules-banner .rules-content h3{color:#1f2937;margin-bottom:8px;font-size:16px;font-weight:700}body.dark .analytics-dashboard__rules-banner .rules-content h3{color:#e3e3e3}.analytics-dashboard__rules-banner .rules-content ul{margin:0;padding:0;list-style:none}.analytics-dashboard__rules-banner .rules-content ul li{color:#4b5563;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}body.dark .analytics-dashboard__rules-banner .rules-content ul li{color:#aaa}.analytics-dashboard__rules-banner .rules-content ul li:before{content:"•";color:#8b5cf6;font-weight:700}.analytics-dashboard__summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px;display:grid}.analytics-dashboard__summary .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}body.dark .analytics-dashboard__summary .stat-card{background:#1e1f20;border-color:#4b556366}.analytics-dashboard__summary .stat-card .stat-title{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:600}body.dark .analytics-dashboard__summary .stat-card .stat-title{color:#aaa}.analytics-dashboard__summary .stat-card .stat-value{color:#1f2937;align-items:center;gap:8px;font-size:28px;font-weight:700;display:flex}body.dark .analytics-dashboard__summary .stat-card .stat-value{color:#e3e3e3}.analytics-dashboard__charts{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}.analytics-dashboard__charts .chart-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}body.dark .analytics-dashboard__charts .chart-box{background:#1e1f20;border-color:#4b556366}.analytics-dashboard__charts .chart-box h3{color:#1f2937;margin-bottom:20px;font-size:16px;font-weight:600}body.dark .analytics-dashboard__charts .chart-box h3{color:#e3e3e3}.analytics-dashboard__top-exams{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}body.dark .analytics-dashboard__top-exams{background:#1e1f20;border-color:#4b556366}.analytics-dashboard__top-exams h3{color:#1f2937;margin-bottom:16px;font-size:18px;font-weight:700}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{border-collapse:collapse;width:100%;font-size:14px}.analytics-dashboard__top-exams .table-responsive table th{color:#6b7280;text-align:left;border-bottom:2px solid #e5e7eb;padding:14px 12px}body.dark .analytics-dashboard__top-exams .table-responsive table th{color:#9ca3af;border-color:#4b556366}.analytics-dashboard__top-exams .table-responsive table td{color:#4b5563;border-bottom:1px solid #e5e7eb;padding:16px 12px}body.dark .analytics-dashboard__top-exams .table-responsive table td{color:#d1d5db;border-color:#ffffff0d}.analytics-dashboard__top-exams .table-responsive table .exam-name{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-weight:600;overflow:hidden}.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{color:#1f2937;font-weight:800}body.dark .analytics-dashboard__top-exams .table-responsive table .col-total-plays{color:#fff}.analytics-dashboard__top-exams .table-responsive table .rank-badge{color:#4b5563;background:#0000000d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}body.dark .analytics-dashboard__top-exams .table-responsive table .rank-badge{color:#d1d5db;background:#ffffff1a}.analytics-dashboard__top-exams .table-responsive table .rank-badge.top-1{color:#f59e0b;background:#f59e0b26}body.dark .analytics-dashboard__top-exams .table-responsive table .rank-badge.top-1{background:#f59e0b33}.analytics-dashboard__top-exams .table-responsive table .rank-badge.top-2{color:#9ca3af;background:#9ca3af26}body.dark .analytics-dashboard__top-exams .table-responsive table .rank-badge.top-2{background:#9ca3af33}.analytics-dashboard__top-exams .table-responsive table .rank-badge.top-3{color:#d97706;background:#d9770626}body.dark .analytics-dashboard__top-exams .table-responsive table .rank-badge.top-3{background:#d9770633}.analytics-dashboard__top-exams .table-responsive table .trend-up{color:#10b981;align-items:center;gap:4px;font-size:13px;display:inline-flex}.analytics-dashboard__top-exams .table-responsive table .trend-down{color:#ef4444;align-items:center;gap:4px;font-size:13px;display:inline-flex}.analytics-dashboard__top-exams .table-responsive table .trend-neutral{color:#6b7280;align-items:center;gap:4px;font-size:13px;display:inline-flex}body.dark .analytics-dashboard__top-exams .table-responsive table .trend-neutral{color:#aaa}.analytics-dashboard__top-exams .table-responsive table .reward-cell{min-width:200px}.analytics-dashboard__top-exams .table-responsive table .reward-cell .reward-progress{flex-direction:column;gap:6px;display:flex}.analytics-dashboard__top-exams .table-responsive table .reward-cell .reward-progress .reward-info{justify-content:space-between;font-size:11px;font-weight:700;display:flex}.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{background:#f3f4f6;border-radius:99px;width:100%;height:6px;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{background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;transition:width .3s}.analytics-dashboard__top-exams .table-responsive table .reward-cell .btn-claim{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:8px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.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:2s infinite pulse-gold}.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){filter:brightness(1.1);transform:translateY(-1px)}.analytics-dashboard__skeleton{background-color:#f3f4f6;border-radius:12px;animation:1.5s ease-in-out infinite pulse}body.dark .analytics-dashboard__skeleton{background-color:#3a3a3a}.analytics-dashboard__skeleton--title{width:250px;height:40px;margin-bottom:24px}.analytics-dashboard__skeleton--card{height:112px}.analytics-dashboard__skeleton--chart{height:360px}.exchange-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.exchange-modal-overlay .exchange-modal{background:#fff;border-radius:16px;width:420px;padding:24px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.dark .exchange-modal-overlay .exchange-modal{color:#e3e3e3;background:#1e1f20;border:1px solid #4b556366;box-shadow:0 20px 25px -5px #00000080}.exchange-modal-overlay .exchange-modal .btn-close{cursor:pointer;color:#4b5563;background:0 0;border:none;font-size:20px;position:absolute;top:16px;right:16px}body.dark .exchange-modal-overlay .exchange-modal .btn-close{color:#aaa}.exchange-modal-overlay .exchange-modal .btn-close:hover{color:#ef4444}.exchange-modal-overlay .exchange-modal .modal-title{color:#1f2937;gap:8px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}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:#aaa}.exchange-modal-overlay .exchange-modal .exchange-card{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:16px}body.dark .exchange-modal-overlay .exchange-modal .exchange-card{background:#ffffff05;border-color:#4b556366}.exchange-modal-overlay .exchange-modal .exchange-card h4{color:#1f2937;justify-content:space-between;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}body.dark .exchange-modal-overlay .exchange-modal .exchange-card h4{color:#e3e3e3}.exchange-modal-overlay .exchange-modal .exchange-card p{margin-bottom:12px;font-size:12px}.exchange-modal-overlay .exchange-modal .exchange-card .badge-soon{color:#854d0e;background:#fef08a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper{margin-bottom:8px;display:flex}.exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper input{text-align:center;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;padding:12px;font-size:18px;font-weight:800}body.dark .exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper input{color:#e3e3e3;background:#282a2c;border-color:#4b556366}.exchange-modal-overlay .exchange-modal .exchange-card .input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.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::-webkit-inner-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{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:700;transition:all .2s;display:flex}.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{color:#6b7280;cursor:not-allowed;background:#f3f4f6}body.dark .exchange-modal-overlay .exchange-modal .exchange-card .btn-action.disabled{color:#9ca3af;background:#374151}@keyframes pulse-gold{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.exam-section-card{background-color:#fff;border:1px solid #e5e7eb99;border-radius:16px;font-family:inherit;overflow:hidden;box-shadow:0 4px 20px -10px #0000000d}body.dark .exam-section-card,html[data-theme=dark] .exam-section-card,.dark .exam-section-card{background-color:#1a1a1c;border-color:#ffffff0f;box-shadow:0 10px 30px -10px #00000080}.exam-section-card .exam-header{border-bottom:1px solid #e5e7eb99;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}body.dark .exam-section-card .exam-header,html[data-theme=dark] .exam-section-card .exam-header,.dark .exam-section-card .exam-header{border-bottom-color:#ffffff0f}.exam-section-card .exam-header .exam-title{color:#1e293b;margin:0;font-size:16px;font-weight:700}body.dark .exam-section-card .exam-header .exam-title,html[data-theme=dark] .exam-section-card .exam-header .exam-title,.dark .exam-section-card .exam-header .exam-title{color:#f8fafc}.exam-section-card .exam-header .qt-btn-header-add{color:#3b82f6;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.exam-section-card .exam-header .qt-btn-header-add:hover{color:#fff;background-color:#3b82f6;transform:scale(1.05)}body.dark .exam-section-card .exam-header .qt-btn-header-add,html[data-theme=dark] .exam-section-card .exam-header .qt-btn-header-add,.dark .exam-section-card .exam-header .qt-btn-header-add{color:#60a5fa;background-color:#ffffff0d}body.dark .exam-section-card .exam-header .qt-btn-header-add:hover,html[data-theme=dark] .exam-section-card .exam-header .qt-btn-header-add:hover,.dark .exam-section-card .exam-header .qt-btn-header-add:hover{color:#fff;background-color:#3b82f6}.exam-section-card .exam-empty-state{text-align:center;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.exam-section-card .exam-empty-state__icon{color:#94a3b8;opacity:.5;width:48px;height:48px;margin-bottom:16px}body.dark .exam-section-card .exam-empty-state__icon{color:#64748b}.exam-section-card .exam-empty-state__title{color:#334155;margin:0 0 8px;font-size:16px;font-weight:600}body.dark .exam-section-card .exam-empty-state__title{color:#cbd5e1}.exam-section-card .exam-empty-state__text{color:#64748b;max-width:300px;margin:0 0 24px;font-size:14px;line-height:1.5}body.dark .exam-section-card .exam-empty-state__text{color:#94a3b8}.exam-section-card .exam-empty-state__actions{gap:12px;display:flex}.exam-section-card .exam-empty-state__actions .exam-empty-state__btn{cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.exam-section-card .exam-empty-state__actions .exam-empty-state__btn--outline{color:#475569;background:0 0;border:1px solid #cbd5e1}.exam-section-card .exam-empty-state__actions .exam-empty-state__btn--outline:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}body.dark .exam-section-card .exam-empty-state__actions .exam-empty-state__btn--outline{color:#cbd5e1;border-color:#ffffff1a}body.dark .exam-section-card .exam-empty-state__actions .exam-empty-state__btn--outline:hover{color:#fff;background:#ffffff0d}.exam-section-card .exam-content{scrollbar-width:thin;flex-direction:column;gap:16px;max-height:calc(100vh - 300px);padding:24px;display:flex;overflow:hidden auto}.exam-section-card .exam-content::-webkit-scrollbar-track{background:0 0}.exam-section-card .exam-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}body.dark .exam-section-card .exam-content::-webkit-scrollbar-thumb{background-color:#475569}html[data-theme=dark] .exam-section-card .exam-content::-webkit-scrollbar-thumb{background-color:#475569}.dark .exam-section-card .exam-content::-webkit-scrollbar-thumb{background-color:#475569}@media (max-width:640px){.exam-section-card .exam-content{gap:8px!important;max-height:none!important;overflow:visible!important}}.exam-section-card .exam-item{background-color:#fff;border:1px solid #e5e7ebcc;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000005}body.dark .exam-section-card .exam-item,html[data-theme=dark] .exam-section-card .exam-item,.dark .exam-section-card .exam-item{background-color:#ffffff05;border-color:#ffffff0d}.exam-section-card .exam-item:hover:not(.disabled){border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}body.dark .exam-section-card .exam-item:hover:not(.disabled){border-color:#ffffff26;box-shadow:0 4px 12px #0000004d}.exam-section-card .exam-item.active{border-color:#3b82f6;background-color:#eff6ff!important}body.dark .exam-section-card .exam-item.active{border-color:#3b82f666;background-color:#3b82f614!important}.exam-section-card .exam-item.active .exam-item-number{color:#1d4ed8;background-color:#dbeafe}body.dark .exam-section-card .exam-item.active .exam-item-number{color:#93c5fd;background-color:#3b82f626}.exam-section-card .exam-item.is-hidden{opacity:.5;filter:grayscale()}.exam-section-card .exam-item.disabled{pointer-events:none;opacity:.6}.exam-section-card .exam-item .exam-item-content{cursor:pointer;align-items:flex-start;gap:12px;width:100%;display:flex}.exam-section-card .exam-item .exam-item-number{color:#475569;background-color:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;transition:all .2s;display:flex}body.dark .exam-section-card .exam-item .exam-item-number{color:#cbd5e1;background-color:#ffffff0d}.exam-section-card .exam-item .exam-item-details{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.exam-section-card .exam-item .exam-item-title{color:#1e293b;align-items:flex-start;gap:8px;margin:0;font-size:15px;font-weight:600;line-height:1.4;display:flex}body.dark .exam-section-card .exam-item .exam-item-title{color:#f8fafc}.exam-section-card .exam-item .exam-item-title .status-icon{flex-shrink:0;margin-top:2px}.exam-section-card .exam-item .exam-item-title .status-icon.visible{color:#10b981}.exam-section-card .exam-item .exam-item-title .status-icon.hidden{color:#94a3b8}.exam-section-card .exam-item .exam-item-title .title-text{word-break:break-word;flex:1;min-width:0}.exam-section-card .exam-item .exam-item-title .question-count{opacity:.7;white-space:nowrap;font-size:13px;font-weight:500}.exam-section-card .exam-item .exam-item-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.exam-section-card .exam-item .exam-item-score{color:#64748b;align-items:center;gap:4px;margin:0;font-size:13px;display:flex}body.dark .exam-section-card .exam-item .exam-item-score{color:#94a3b8}.exam-section-card .exam-item .exam-item-score span{color:#334155;font-weight:600}body.dark .exam-section-card .exam-item .exam-item-score span{color:#cbd5e1}.exam-section-card .exam-item .critical-badge{color:#ef4444;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}body.dark .exam-section-card .exam-item .critical-badge{color:#f87171;background-color:#ef44441a;border-color:#ef444433}.exam-section-card .exam-item .critical-badge:hover,.exam-section-card .exam-item .critical-badge.active{background-color:#fee2e2;border-color:#fca5a5}.exam-section-card .exam-item .exam-item-actions{border-top:1px dashed #e5e7ebcc;justify-content:flex-end;align-items:center;gap:6px;width:100%;padding-top:12px;display:flex}body.dark .exam-section-card .exam-item .exam-item-actions{border-top-color:#ffffff14}@media (max-width:640px){.exam-section-card .exam-item .exam-item-actions{gap:10px}}.exam-section-card .exam-item .esc-btn{cursor:pointer;background-color:#0000;border:none;border-radius:8px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}@media (max-width:640px){.exam-section-card .exam-item .esc-btn{border-radius:10px;width:40px;height:40px}.exam-section-card .exam-item .esc-btn svg{width:18px!important;height:18px!important}}.exam-section-card .exam-item .esc-btn:disabled{opacity:.5;cursor:not-allowed}.exam-section-card .exam-item .esc-btn--settings{color:#64748b}.exam-section-card .exam-item .esc-btn--settings:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9}body.dark .exam-section-card .exam-item .esc-btn--settings{color:#94a3b8}body.dark .exam-section-card .exam-item .esc-btn--settings:hover:not(:disabled){color:#f8fafc;background-color:#ffffff0d}.exam-section-card .exam-item .esc-btn--edit{color:#3b82f6}.exam-section-card .exam-item .esc-btn--edit:hover:not(:disabled){color:#1d4ed8;background-color:#eff6ff}body.dark .exam-section-card .exam-item .esc-btn--edit{color:#60a5fa}body.dark .exam-section-card .exam-item .esc-btn--edit:hover:not(:disabled){color:#93c5fd;background-color:#3b82f61a}.exam-section-card .exam-item .esc-btn--delete{color:#ef4444}.exam-section-card .exam-item .esc-btn--delete:hover:not(:disabled){color:#b91c1c;background-color:#fef2f2}body.dark .exam-section-card .exam-item .esc-btn--delete{color:#f87171}body.dark .exam-section-card .exam-item .esc-btn--delete:hover:not(:disabled){color:#fca5a5;background-color:#ef44441a}@media (max-width:640px){.exam-section-card .exam-header{padding:12px 16px!important}.exam-section-card .exam-header .exam-title{font-size:15px!important}.exam-section-card .exam-content{gap:10px!important;padding:16px!important}.exam-section-card .exam-empty-state{padding:40px 16px!important}.exam-section-card .exam-item{border-radius:10px!important;gap:10px!important;padding:12px!important}.exam-section-card .exam-item .exam-item-content{gap:10px!important}.exam-section-card .exam-item .exam-item-number{border-radius:8px!important;width:32px!important;height:32px!important;font-size:13px!important}.exam-section-card .exam-item .exam-item-title{font-size:14px!important}.exam-section-card .exam-item .exam-item-score{font-size:12px!important}.exam-section-card .exam-item .critical-badge{padding:2px 6px!important;font-size:10px!important}.exam-section-card .exam-item .exam-item-actions{gap:8px!important;margin-top:0!important;padding-top:10px!important}.exam-section-card .exam-item .esc-btn{border-radius:6px!important;width:32px!important;height:32px!important}.exam-section-card .exam-item .esc-btn svg{width:14px!important;height:14px!important}}.modal-exam-mode{color:#1f2937;background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:700px;height:85dvh;min-height:600px;animation:.2s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000026}body.dark .modal-exam-mode,html[data-theme=dark] .modal-exam-mode{color:#e3e3e3;background-color:#1b1b1b;border:1px solid #ffffff14;box-shadow:0 15px 50px #00000080}.modal-exam-mode .modal-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}body.dark .modal-exam-mode .modal-header,html[data-theme=dark] .modal-exam-mode .modal-header{background-color:#1e1f20;border-bottom-color:#ffffff14}.modal-exam-mode .modal-header .title-index-mobile{color:#1f2937;font-size:18px;font-weight:700}body.dark .modal-exam-mode .modal-header .title-index-mobile,html[data-theme=dark] .modal-exam-mode .modal-header .title-index-mobile{color:#e3e3e3}.modal-exam-mode .modal-header .close-modal-new{cursor:pointer;color:#6b7280;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.modal-exam-mode .modal-header .close-modal-new:hover:not(.disabled){color:#ef4444;background-color:#e5e7eb}.modal-exam-mode .modal-header .close-modal-new.disabled{opacity:.5;cursor:not-allowed}body.dark .modal-exam-mode .modal-header .close-modal-new,html[data-theme=dark] .modal-exam-mode .modal-header .close-modal-new{color:#aaa}body.dark .modal-exam-mode .modal-header .close-modal-new:hover:not(.disabled),html[data-theme=dark] .modal-exam-mode .modal-header .close-modal-new:hover:not(.disabled){color:#ef4444;background-color:#37393b}.modal-exam-mode .modal-body{scrollbar-gutter:stable;background-color:#f9fafb;flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}body.dark .modal-exam-mode .modal-body,html[data-theme=dark] .modal-exam-mode .modal-body{background-color:#121212}.modal-exam-mode .modal-body::-webkit-scrollbar{width:6px}.modal-exam-mode .modal-body::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .modal-exam-mode .modal-body::-webkit-scrollbar-thumb{background-color:#282a2c}html[data-theme=dark] .modal-exam-mode .modal-body::-webkit-scrollbar-thumb{background-color:#282a2c}.modal-exam-mode .mode-tabs{background-color:#e5e7eb;border-radius:10px;flex-shrink:0;gap:10px;padding:4px;display:flex}body.dark .modal-exam-mode .mode-tabs,html[data-theme=dark] .modal-exam-mode .mode-tabs{background-color:#1e1f20}.modal-exam-mode .mode-tabs .tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modal-exam-mode .mode-tabs .tab-btn:hover:not(.disabled){color:#1f2937}.modal-exam-mode .mode-tabs .tab-btn.active{color:#3b82f6;background-color:#fff;box-shadow:0 2px 4px #0000000d}.modal-exam-mode .mode-tabs .tab-btn.disabled{opacity:.5;cursor:not-allowed}body.dark .modal-exam-mode .mode-tabs .tab-btn,html[data-theme=dark] .modal-exam-mode .mode-tabs .tab-btn{color:#aaa}body.dark .modal-exam-mode .mode-tabs .tab-btn:hover:not(.disabled),html[data-theme=dark] .modal-exam-mode .mode-tabs .tab-btn:hover:not(.disabled){color:#e3e3e3}body.dark .modal-exam-mode .mode-tabs .tab-btn.active,html[data-theme=dark] .modal-exam-mode .mode-tabs .tab-btn.active{color:#e3e3e3;background-color:#282a2c;box-shadow:0 2px 4px #0003}.modal-exam-mode .setting-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:16px;padding:20px;display:flex}body.dark .modal-exam-mode .setting-section,html[data-theme=dark] .modal-exam-mode .setting-section{background:#18181b;border-color:#ffffff14}.modal-exam-mode .setting-section .section-title{color:#1f2937;align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}body.dark .modal-exam-mode .setting-section .section-title,html[data-theme=dark] .modal-exam-mode .setting-section .section-title{color:#e3e3e3}.modal-exam-mode .setting-section .feature-list{flex-direction:column;gap:8px;display:flex}.modal-exam-mode .setting-section .feature-list .feature-item{color:#4b5563;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.modal-exam-mode .setting-section .feature-list .feature-item svg{color:#10b981;flex-shrink:0;margin-top:2px}body.dark .modal-exam-mode .setting-section .feature-list .feature-item,html[data-theme=dark] .modal-exam-mode .setting-section .feature-list .feature-item{color:#aaa}body.dark .modal-exam-mode .setting-section .feature-list .feature-item svg,html[data-theme=dark] .modal-exam-mode .setting-section .feature-list .feature-item svg{color:#34d399}.modal-exam-mode .setting-section hr{border:0;border-bottom:1px dashed #d1d5db;margin:8px 0}body.dark .modal-exam-mode .setting-section hr,html[data-theme=dark] .modal-exam-mode .setting-section hr{border-bottom-color:#4b556366}.modal-exam-mode .setting-section .config-row{flex-direction:column;gap:8px;display:flex}.modal-exam-mode .setting-section .config-row .config-label{color:#4b5563;font-size:13px;font-weight:600}body.dark .modal-exam-mode .setting-section .config-row .config-label,html[data-theme=dark] .modal-exam-mode .setting-section .config-row .config-label{color:#aaa}.modal-exam-mode .setting-section .option-shuffle{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.modal-exam-mode .setting-section .option-shuffle .checkbox5{cursor:pointer;-webkit-user-select:none;user-select:none;color:#1f2937;align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex}body.dark .modal-exam-mode .setting-section .option-shuffle .checkbox5,html[data-theme=dark] .modal-exam-mode .setting-section .option-shuffle .checkbox5{color:#e3e3e3}.modal-exam-mode .setting-section .option-shuffle .checkbox5.disabled{opacity:.5;pointer-events:none}.modal-exam-mode .setting-section .option-shuffle .checkbox5 .checkbox__input{display:none}.modal-exam-mode .setting-section .option-shuffle .checkbox5 .checkbox__icon{background:#fff;border:2px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}body.dark .modal-exam-mode .setting-section .option-shuffle .checkbox5 .checkbox__icon,html[data-theme=dark] .modal-exam-mode .setting-section .option-shuffle .checkbox5 .checkbox__icon{background:#18181b;border-color:#ffffff14}.modal-exam-mode .setting-section .option-shuffle .checkbox5 .checkbox__icon .iconcheck5{color:#0000;font-size:12px;transition:all .2s}.modal-exam-mode .setting-section .option-shuffle .checkbox5 .checkbox__input:checked+.checkbox__icon{background:#3b82f6;border-color:#3b82f6}.modal-exam-mode .setting-section .option-shuffle .checkbox5 .checkbox__input:checked+.checkbox__icon .iconcheck5{color:#fff}body.dark .modal-exam-mode .setting-section .option-shuffle .checkbox5 .checkbox__input:checked+.checkbox__icon,html[data-theme=dark] .modal-exam-mode .setting-section .option-shuffle .checkbox5 .checkbox__input:checked+.checkbox__icon{background:#3b82f6;border-color:#3b82f6}.modal-exam-mode .section-config-box{border:1px solid #d1d5db;border-radius:8px;overflow:hidden}body.dark .modal-exam-mode .section-config-box,html[data-theme=dark] .modal-exam-mode .section-config-box{border-color:#4b556366}.modal-exam-mode .section-config-box .header{color:#4b5563;background:#f3f4f6;padding:10px 16px;font-size:13px;font-weight:600}body.dark .modal-exam-mode .section-config-box .header,html[data-theme=dark] .modal-exam-mode .section-config-box .header{color:#aaa;background:#37393b}.modal-exam-mode .section-config-box .section-item{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}body.dark .modal-exam-mode .section-config-box .section-item,html[data-theme=dark] .modal-exam-mode .section-config-box .section-item{border-top-color:#4b556366}.modal-exam-mode .section-config-box .section-item .info{flex-direction:column;gap:4px;display:flex}.modal-exam-mode .section-config-box .section-item .info .name{color:#1f2937;word-break:break-word;font-size:14px;font-weight:600}body.dark .modal-exam-mode .section-config-box .section-item .info .name,html[data-theme=dark] .modal-exam-mode .section-config-box .section-item .info .name{color:#e3e3e3}.modal-exam-mode .section-config-box .section-item .info .max{color:#6b7280;font-size:12px}body.dark .modal-exam-mode .section-config-box .section-item .info .max,html[data-theme=dark] .modal-exam-mode .section-config-box .section-item .info .max{color:#aaa}.modal-exam-mode .section-config-box .section-item input[type=number]{text-align:center;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:70px;padding:8px;font-weight:600;font-size:16px!important}.modal-exam-mode .section-config-box .section-item input[type=number]:focus{border-color:#3b82f6;outline:none}.modal-exam-mode .section-config-box .section-item input[type=number]:disabled{opacity:.5;background:#f3f4f6}body.dark .modal-exam-mode .section-config-box .section-item input[type=number],html[data-theme=dark] .modal-exam-mode .section-config-box .section-item input[type=number]{color:#e3e3e3;background:#18181b;border-color:#4b556366}body.dark .modal-exam-mode .section-config-box .section-item input[type=number]:disabled,html[data-theme=dark] .modal-exam-mode .section-config-box .section-item input[type=number]:disabled{background:#37393b}.modal-exam-mode .modal-footer{background:#fff;border-top:1px solid #e5e7eb;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 24px;display:flex}body.dark .modal-exam-mode .modal-footer,html[data-theme=dark] .modal-exam-mode .modal-footer{background:#1e1f20;border-top-color:#ffffff14}.modal-exam-mode .modal-footer .warning-message{color:#e11d48;background-color:#ffe4e6;border:1px solid #fecdd3;border-radius:6px;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.modal-exam-mode .modal-footer .warning-message svg{color:#e11d48}body.dark .modal-exam-mode .modal-footer .warning-message,html[data-theme=dark] .modal-exam-mode .modal-footer .warning-message{color:#fb7185;background-color:#e11d4826;border-color:#e11d484d}body.dark .modal-exam-mode .modal-footer .warning-message svg,html[data-theme=dark] .modal-exam-mode .modal-footer .warning-message svg{color:#fb7185}.modal-exam-mode .modal-footer .q-modal-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.modal-exam-mode .modal-footer .q-modal-btn:hover:not(:disabled){background-color:#2564eba6}.modal-exam-mode .modal-footer .q-modal-btn:disabled{opacity:.6;cursor:not-allowed;color:#6b7280;background-color:#d1d5db}body.dark .modal-exam-mode .modal-footer .q-modal-btn:disabled,html[data-theme=dark] .modal-exam-mode .modal-footer .q-modal-btn:disabled{color:#aaa;background-color:#37393b}.exam-option-modal__overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.exam-option-modal__content{background-color:#fff;border-radius:16px;width:90%;max-width:500px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) zoomInModal;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.dark .exam-option-modal__content{background-color:#1e1f20;border:1px solid #4b556366;box-shadow:0 25px 50px -12px #00000080}.exam-option-modal__close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.exam-option-modal__close-btn:hover{color:#1f2937;background-color:#f3f4f6;transform:rotate(90deg)}body.dark .exam-option-modal__close-btn{color:#aaa}body.dark .exam-option-modal__close-btn:hover{color:#e3e3e3;background-color:#37393b}.exam-option-modal__title{color:#1f2937;text-align:center;margin:0 0 8px;font-size:20px;font-weight:700}body.dark .exam-option-modal__title{color:#e3e3e3}.exam-option-modal__subtitle{color:#6b7280;text-align:center;margin:0 0 24px;font-size:14px}body.dark .exam-option-modal__subtitle{color:#aaa}.exam-option-modal__list{flex-direction:column;gap:12px;display:flex}.exam-option-modal__item{cursor:pointer;text-align:left;background-color:#0000;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.exam-option-modal__item-content{flex-direction:column;gap:4px;display:flex}.exam-option-modal__item-title{margin:0;font-size:16px;font-weight:600}.exam-option-modal__item-desc{margin:0;font-size:13px;line-height:1.4}.exam-option-modal__item--ai{background:linear-gradient(135deg,#3b82f60d 0%,#9333ea0d 100%);border:1px solid #3b82f64d}body.dark .exam-option-modal__item--ai{background:linear-gradient(135deg,#3b82f61a 0%,#9333ea1a 100%);border-color:#3b82f666}.exam-option-modal__item--ai:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.exam-option-modal__item--ai .exam-option-modal__item-title{color:#3b82f6}body.dark .exam-option-modal__item--ai .exam-option-modal__item-title{color:#93c5fd}.exam-option-modal__item--ai .exam-option-modal__item-desc{color:#4b5563}body.dark .exam-option-modal__item--ai .exam-option-modal__item-desc{color:#aaa}.exam-option-modal__item--manual{background-color:#fff;border:1px solid #e5e7eb}body.dark .exam-option-modal__item--manual{background-color:#282a2c;border-color:#4b556366}.exam-option-modal__item--manual:hover{background-color:#f3f4f6;border-color:#d1d5db}body.dark .exam-option-modal__item--manual:hover{background-color:#37393b;border-color:#ffffff1a}.exam-option-modal__item--manual .exam-option-modal__item-title{color:#1f2937}body.dark .exam-option-modal__item--manual .exam-option-modal__item-title{color:#e3e3e3}.exam-option-modal__item--manual .exam-option-modal__item-desc{color:#6b7280}body.dark .exam-option-modal__item--manual .exam-option-modal__item-desc{color:#aaa}.exam-option-modal__icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.exam-option-modal__icon-wrapper--ai{color:#fff;background-color:#3b82f6;box-shadow:0 4px 10px #3b82f64d}.exam-option-modal__icon-wrapper--manual{color:#6b7280;background-color:#f3f4f6}body.dark .exam-option-modal__icon-wrapper--manual{color:#aaa;background-color:#1e1f20}.aic-page-wrapper{color:#1f2937;scrollbar-gutter:stable;flex-direction:column;flex:1;width:100%;min-height:0;padding:24px;display:flex;overflow-y:auto}.aic-page-wrapper::-webkit-scrollbar{width:6px}.aic-page-wrapper::-webkit-scrollbar-thumb{background:#9696964d;border-radius:4px}body.dark .aic-page-wrapper{color:#d1d5db}body.dark .aic-page-wrapper::-webkit-scrollbar-thumb{background:#ffffff26}@media (max-width:768px){.aic-page-wrapper{padding:16px}}.aic-icon-red{color:#ef4444}.aic-icon-blue{color:#3b82f6}.aic-hidden-input{display:none}.aic-empty-q-list{text-align:center;color:#6b7280;padding:40px;font-size:14px}body.dark .aic-empty-q-list{color:#9ca3af}.aic-header-title-wrap{align-items:center;gap:12px;display:flex}.aic-back-btn{cursor:pointer;color:inherit;background:0 0;border:none;padding:4px;font-size:18px;transition:color .2s}body.dark .aic-back-btn{color:#9ca3af}body.dark .aic-back-btn:hover{color:#e5e7eb}.aic-header-text{font-weight:600}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.aic-view-centered{flex:1;justify-content:center;align-items:flex-start;padding:40px 0;display:flex}.aic-setup-box,.aic-status-box{background-color:#fff;border:1px solid #e5e7eb99;border-radius:24px;width:100%;max-width:640px;padding:32px 40px;box-shadow:0 20px 40px -15px #0000000d}body.dark .aic-setup-box,body.dark .aic-status-box{background-color:#1e1f20;border-color:#ffffff0f;box-shadow:0 20px 40px -15px #0006}@media (max-width:768px){.aic-setup-box,.aic-status-box{border-radius:20px;padding:24px 20px}}.aic-setup-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}body.dark .aic-setup-header{border-bottom-color:#ffffff0d}.aic-setup-header h2{margin:0;font-size:18px;font-weight:600}body.dark .aic-setup-header h2{color:#e5e7eb}.aic-token-pill{color:#475569;background-color:#64748b1a;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}body.dark .aic-token-pill{color:#9ca3af;background-color:#ffffff1a}.aic-tabs{background-color:#f3f4f6;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}body.dark .aic-tabs{background-color:#1a1a1a}.aic-tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 8px;font-size:13px;font-weight:600;transition:all .2s}body.dark .aic-tab-btn{color:#6b7280}.aic-tab-btn.is-active{color:#111827;background-color:#fff;box-shadow:0 2px 8px #0000000d}body.dark .aic-tab-btn.is-active{color:#d1d5db;background-color:#282a2c}.aic-dropzone{text-align:center;cursor:pointer;background-color:#fafafa;border:2px dashed #d1d5db;border-radius:16px;padding:40px 20px;transition:all .2s}body.dark .aic-dropzone{background-color:#0003;border-color:#ffffff1a}.aic-dropzone.is-dragover,.aic-dropzone:hover{background-color:#00000008;border-color:#64748b;transform:translateY(-2px)}body.dark .aic-dropzone.is-dragover,body.dark .aic-dropzone:hover{background-color:#ffffff05;border-color:#9ca3af}.aic-dropzone .aic-dz-content p{color:#4b5563;margin:12px 0 0;font-size:13px}body.dark .aic-dropzone .aic-dz-content p{color:#9ca3af}.aic-img-preview-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.aic-img-item{border:1px solid #e5e7eb;border-radius:8px;width:56px;height:56px;position:relative;overflow:hidden}body.dark .aic-img-item{border-color:#ffffff1a}.aic-img-item img{object-fit:cover;width:100%;height:100%}.aic-img-item button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:4px;width:20px;height:20px;font-size:10px;position:absolute;top:2px;right:2px}.aic-form-group{flex-direction:column;gap:8px;display:flex}.aic-form-group label{color:#4b5563;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}body.dark .aic-form-group label{color:#6b7280}.aic-input{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px;font-size:13px;transition:border-color .2s}body.dark .aic-input{color:#d1d5db;background-color:#1a1a1a;border-color:#ffffff1a}.aic-input:focus{border-color:#64748b}body.dark .aic-input:focus{border-color:#9ca3af}@media (max-width:768px){.aic-input{font-size:16px!important}}.aic-checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.aic-checkbox-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;transition:all .3s;display:flex}body.dark .aic-checkbox-card{color:#9ca3af;background-color:#1a1a1a;border-color:#ffffff14}.aic-checkbox-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.aic-checkbox-card.is-checked{color:#0f766e;background-color:#f0fdfa;border-color:#2dd4bf;font-weight:500;box-shadow:0 4px 12px #2dd4bf1a}body.dark .aic-checkbox-card.is-checked{color:#5eead4;background-color:#2dd4bf0d;border-color:#14b8a6}.aic-checkbox-card input{accent-color:#0d9488;width:16px;height:16px}.aic-setup-footer{justify-content:flex-end;margin-top:24px;display:flex}.aic-btn-primary{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s}body.dark .aic-btn-primary{color:#111827;background-color:#e5e7eb}.aic-btn-primary:hover:not(:disabled){background-color:#374151}body.dark .aic-btn-primary:hover:not(:disabled){background-color:#f3f4f6}.aic-btn-primary:disabled{opacity:.5;cursor:not-allowed}.aic-btn-danger-text{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-top:12px;padding:8px;font-size:13px;font-weight:600;transition:color .2s}.aic-btn-danger-text:hover{color:#dc2626}.aic-status-box{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.aic-spinner-huge{color:#3b82f6;filter:drop-shadow(0 0 8px #3b82f666);font-size:36px}body.dark .aic-spinner-huge{color:#60a5fa}.aic-status-text{font-size:16px;font-weight:600}body.dark .aic-status-text{color:#d1d5db}.aic-terminal{text-align:left;background-color:#0f172a;border:1px solid #ffffff0d;border-radius:12px;width:100%;overflow:hidden;box-shadow:inset 0 2px 10px #0000004d}.aic-terminal .aic-term-header{color:#94a3b8;background-color:#1e293b;gap:10px;padding:8px 12px;font-family:monospace;font-size:12px;display:flex}.aic-terminal .aic-term-header .dots span{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.aic-terminal .aic-term-header .dots .r{background:#ef4444}.aic-terminal .aic-term-header .dots .y{background:#f59e0b}.aic-terminal .aic-term-header .dots .g{background:#10b981}.aic-terminal .aic-term-body{color:#cbd5e1;height:160px;padding:16px;font-family:monospace;font-size:12px;line-height:1.6;overflow-y:auto}.aic-terminal .aic-term-body .error{color:#f87171}.aic-terminal .aic-term-body .success{color:#34d399}.aic-progress-wrapper{background-color:#f1f5f9;border-radius:12px;width:100%;height:8px;overflow:hidden}body.dark .aic-progress-wrapper{background-color:#1e293b}.aic-progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:12px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #3b82f666}.aic-target-count-wrapper{flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;display:flex}.aic-stepper{align-items:center;display:flex}.aic-stepper button{cursor:pointer;color:#4b5563;background-color:#f3f4f6;border:1px solid #d1d5db;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:600;transition:all .2s;display:flex}body.dark .aic-stepper button{color:#9ca3af;background-color:#1a1a1a;border-color:#ffffff1a}.aic-stepper button:first-child{border-right:none;border-radius:8px 0 0 8px}.aic-stepper button:last-child{border-left:none;border-radius:0 8px 8px 0}.aic-stepper button:disabled{opacity:.3;cursor:not-allowed}.aic-stepper button:hover:not(:disabled){background-color:#0000000d}body.dark .aic-stepper button:hover:not(:disabled){background-color:#ffffff0d}.aic-stepper .aic-stepper-input{text-align:center;-moz-appearance:textfield;border-radius:0;width:60px;height:44px;padding:0 4px;font-size:14px;font-weight:600}.aic-stepper .aic-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aic-stepper .aic-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.aic-quick-pills{flex-wrap:wrap;gap:8px;display:flex}.aic-quick-pills .aic-pill{cursor:pointer;color:#4b5563;background:0 0;border:1px solid #d1d5db;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}body.dark .aic-quick-pills .aic-pill{color:#9ca3af;border-color:#ffffff1a}.aic-quick-pills .aic-pill:hover{background:#00000005}body.dark .aic-quick-pills .aic-pill:hover{background:#ffffff05}.aic-quick-pills .aic-pill.is-active{color:#fff;background:#111827;border-color:#111827;font-weight:600}body.dark .aic-quick-pills .aic-pill.is-active{color:#111827;background:#e5e7eb;border-color:#e5e7eb}.aic-layout-split{align-items:flex-start;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding-top:10px;display:flex}@media (max-width:992px){.aic-layout-split{flex-direction:column;gap:16px}}.aic-layout-left{flex-direction:column;flex-shrink:0;gap:16px;width:320px;max-height:100%;padding-right:4px;display:flex;position:sticky;top:0;overflow-y:auto}.aic-layout-left::-webkit-scrollbar{width:4px}.aic-layout-left::-webkit-scrollbar-thumb{background:#96969633;border-radius:4px}@media (max-width:992px){.aic-layout-left{width:100%;max-height:none;padding-right:0;position:static;overflow-y:visible}}.aic-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}body.dark .aic-panel{background-color:#1e1f20;border-color:#ffffff0d}.aic-panel .aic-panel-title{color:#1f2937;border-bottom:1px solid #e5e7eb;margin:0 0 16px;padding-bottom:12px;font-size:14px;font-weight:600}body.dark .aic-panel .aic-panel-title{color:#f9fafb;border-bottom-color:#ffffff0d}.aic-cover-selector-v2{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.aic-upload-cover-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}body.dark .aic-upload-cover-btn{color:#9ca3af;background-color:#ffffff05;border-color:#ffffff1a}.aic-upload-cover-btn:hover:not(:disabled){color:#475569;background-color:#f1f5f9;border-color:#94a3b8}body.dark .aic-upload-cover-btn:hover:not(:disabled){color:#cbd5e1;background-color:#ffffff0d;border-color:#fff3}.aic-upload-cover-btn:disabled{opacity:.6;cursor:wait}.aic-cover-preview-wrapper{border:1px solid #e2e8f0;border-radius:12px;width:100%;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}body.dark .aic-cover-preview-wrapper{border-color:#ffffff1a}.aic-cover-preview-wrapper .aic-cover-preview{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.aic-cover-preview-wrapper .aic-cover-remove{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.aic-cover-preview-wrapper .aic-cover-remove:hover{background-color:#ef4444;transform:scale(1.1)}.aic-share-block{background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}body.dark .aic-share-block{background-color:#ffffff05;border-color:#ffffff0d}.aic-share-block .share-desc{color:#4b5563;font-size:12px}body.dark .aic-share-block .share-desc{color:#6b7280}.aic-share-block .share-count{color:#475569;font-size:13px;font-weight:600}body.dark .aic-share-block .share-count{color:#9ca3af}.aic-share-block .btn-manage-access{color:#0f172a;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px;font-size:13px;font-weight:600;transition:background .2s;display:flex}body.dark .aic-share-block .btn-manage-access{color:#d1d5db;background-color:#ffffff0d}.aic-share-block .btn-manage-access:hover{background-color:#cbd5e1}body.dark .aic-share-block .btn-manage-access:hover{background-color:#ffffff1a}.aic-toggle-row{background-color:#f3f4f6;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}body.dark .aic-toggle-row{background-color:#1a1a1a;border:1px solid #ffffff05}.aic-toggle-row label{font-size:13px;font-weight:600}body.dark .aic-toggle-row label{color:#9ca3af}.aic-sidebar-list{flex-direction:column;gap:6px;display:flex}.aic-sidebar-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:flex-start;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}body.dark .aic-sidebar-item{color:#9ca3af}.aic-sidebar-item:hover{background-color:#f3f4f6}body.dark .aic-sidebar-item:hover{background-color:#ffffff08}.aic-sidebar-item.is-active{color:#0f172a;background-color:#0000000a;font-weight:600}body.dark .aic-sidebar-item.is-active{color:#e5e7eb;background-color:#ffffff14}.aic-sidebar-item.is-active .count{color:#fff;background:#475569}body.dark .aic-sidebar-item.is-active .count{color:#111827;background:#9ca3af}.aic-sidebar-item .name{text-overflow:clip;white-space:normal;word-break:break-word;max-width:none;padding-right:12px;line-height:1.4;overflow:visible}.aic-sidebar-item .count{background:#f3f4f6;border-radius:12px;flex-shrink:0;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:600}body.dark .aic-sidebar-item .count{color:#d1d5db;background:#ffffff0d}.aic-layout-right{flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:992px){.aic-layout-right{width:100%}}.aic-top-bar{z-index:10;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #00000005}body.dark .aic-top-bar{background-color:#1e1f20;border-color:#ffffff0d;box-shadow:0 4px 12px #0006}@media (max-width:768px){.aic-top-bar{flex-direction:column;align-items:stretch;gap:16px;position:static}}.aic-top-bar .aic-warning-alert{color:#d97706;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}body.dark .aic-top-bar .aic-warning-alert{color:#fbbf24}.aic-btn-save{cursor:pointer;color:#fff;background-color:#1e293b;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.aic-btn-save:disabled{opacity:.5;cursor:not-allowed}.aic-btn-save:not(:disabled):hover{background-color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}body.dark .aic-btn-save{color:#fff;background-color:#3b82f6}body.dark .aic-btn-save:disabled{color:#aaa;background-color:#282a2c}body.dark .aic-btn-save:not(:disabled):hover{background-color:#2564eba6;box-shadow:0 4px 16px #3b82f640}.aic-q-list{flex-direction:column;gap:20px;display:flex}.aic-q-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:border-color .2s;position:relative}body.dark .aic-q-card{background-color:#1e1f20;border-color:#ffffff0d}.aic-q-card:hover{border-color:#cbd5e1}body.dark .aic-q-card:hover{border-color:#ffffff1a}.aic-q-card .aic-q-header{border-bottom:1px dashed #d1d5db;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}body.dark .aic-q-card .aic-q-header{border-bottom-color:#ffffff1a}.aic-q-card .aic-q-header-left{align-items:center;gap:12px;display:flex}.aic-q-card .aic-q-header-left strong{color:#1e293b;font-size:15px}body.dark .aic-q-card .aic-q-header-left strong{color:#f8fafc}.aic-q-card .aic-q-header-right{align-items:center;gap:10px;display:flex}.aic-q-card .aic-q-text{color:#334155;margin-bottom:20px;font-size:14px;line-height:1.6}body.dark .aic-q-card .aic-q-text{color:#e2e8f0}.aic-q-card .aic-ans-item{color:#475569;background:#f8fafc;border-radius:8px;gap:12px;margin-bottom:8px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}body.dark .aic-q-card .aic-ans-item{color:#9ca3af;background:#1a1a1a;border:1px solid #0000}.aic-q-card .aic-ans-item.is-correct{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;font-weight:500}body.dark .aic-q-card .aic-ans-item.is-correct{color:#34d399;background:#10b9810d;border-color:#10b98126}.aic-q-card .aic-ans-item .aic-ans-label{font-weight:600}.aic-q-card .aic-q-explanation{color:#475569;background:#f1f5f9;border-radius:8px;margin-top:16px;padding:16px;font-size:13px}body.dark .aic-q-card .aic-q-explanation{color:#9ca3af;background:#ffffff08}.aic-q-card .aic-q-explanation .title-explanation{color:#334155;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}body.dark .aic-q-card .aic-q-explanation .title-explanation{color:#cbd5e1}.aic-q-card .aic-q-explanation .content{line-height:1.5}.aic-badge{border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.aic-badge--critical{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}body.dark .aic-badge--critical{color:#ef4444;background-color:#ef44441a;border-color:#ef444433}.aic-badge--type{color:#4b5563;background-color:#f3f4f6;border:1px solid #0000}body.dark .aic-badge--type{color:#aaa;background-color:#282a2c;border-color:#4b556366}.aic-q-delete-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:14px;transition:all .2s}body.dark .aic-q-delete-btn{color:#6b7280}.aic-q-delete-btn:hover{color:#ef4444;background:#fee2e2}body.dark .aic-q-delete-btn:hover{color:#f87171;background:#f871711a}.is-saving-locked{opacity:.6;-webkit-user-select:none;user-select:none;transition:opacity .3s;pointer-events:none!important}.aic-system-loading{color:#64748b;flex-direction:column;align-items:center;padding:60px 0;display:flex}body.dark .aic-system-loading{color:#aaa}.aic-system-loading .icon{color:#3b82f6;margin-bottom:16px}.aic-system-maintenance{text-align:center;flex-direction:column;align-items:center;padding:40px 0;display:flex}.aic-system-maintenance .icon-wrapper{margin-bottom:24px;display:inline-block;position:relative}.aic-system-maintenance .main-icon{color:#cbd5e1}body.dark .aic-system-maintenance .main-icon{color:#4b556366}.aic-system-maintenance .badge{color:#ef4444;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;bottom:-5px;right:-15px;box-shadow:0 2px 4px #0000001a}body.dark .aic-system-maintenance .badge{color:#ef4444;background:#ef44441a;border-color:#ef444433}.aic-system-maintenance h4{margin-bottom:12px;font-size:18px;font-weight:600}body.dark .aic-system-maintenance h4{color:#e3e3e3}.aic-system-maintenance p{color:#64748b;max-width:400px;margin-bottom:24px;font-size:14px;line-height:1.5}body.dark .aic-system-maintenance p{color:#aaa}.aic-system-maintenance .retry-btn{color:#334155;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}body.dark .aic-system-maintenance .retry-btn{color:#e3e3e3;border-color:#4b556366}.aic-system-maintenance .retry-btn:hover{background:#0000000d}body.dark .aic-system-maintenance .retry-btn:hover{background:#ffffff0d}.aic-tips-box{color:#1e40af;background-color:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:13.5px;line-height:1.5}.aic-tips-box .icon{color:#3b82f6;margin-right:8px}body.dark .aic-tips-box{color:#93c5fd;background-color:#60a5fa0d;border-color:#60a5fa26}body.dark .aic-tips-box .icon{color:#60a5fa}body.dark .aic-tips-box strong{color:#bfdbfe}.aic-input-label{color:#4b5563;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}body.dark .aic-input-label{color:#aaa}.aic-input--textarea{resize:vertical;min-height:100px;line-height:1.5}.aic-input-counter{text-align:right;color:#6b7280;margin-top:4px;font-size:12px}body.dark .aic-input-counter{color:#aaa}.aic-format-label{color:#4b5563;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}body.dark .aic-format-label{color:#aaa}.aic-virtual-container{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;width:100%;height:calc(100vh - 140px);padding:20px;overflow:hidden auto;box-shadow:inset 0 2px 4px #00000005}body.dark .aic-virtual-container{background-color:#00000026;border-color:#ffffff0d;box-shadow:inset 0 2px 8px #0003}@media (max-width:768px){.aic-virtual-container{border-radius:12px;padding:12px}}.aic-virtual-row-pad{width:100%;padding-bottom:20px}.aic-fullscreen-saver{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}body.dark .aic-fullscreen-saver{background-color:#121212d9}.aic-fullscreen-saver .aic-saver-content{text-align:center;background:0 0;border-radius:16px;flex-direction:column;align-items:center;gap:16px;max-width:90vw;padding:30px;display:flex}.aic-fullscreen-saver .aic-saver-content .aic-saver-icon{color:#3b82f6}.aic-fullscreen-saver .aic-saver-content .aic-saver-title{color:#1f2937;margin:0;font-size:20px;font-weight:700}body.dark .aic-fullscreen-saver .aic-saver-content .aic-saver-title{color:#e3e3e3}.aic-fullscreen-saver .aic-saver-content .aic-saver-text{color:#4b5563;margin:0;font-size:14px}body.dark .aic-fullscreen-saver .aic-saver-content .aic-saver-text{color:#aaa}.aic-status-box--timeout{background-color:#f59e0b0d;border:2px solid #f59e0b66}body.dark .aic-status-box--timeout{background-color:#f59e0b0d;border-color:#f59e0b26}.aic-status-box--timeout .timeout-icon{color:#f59e0b;filter:drop-shadow(0 0 12px #f59e0b66);margin-bottom:16px}.aic-status-box--timeout .timeout-title{color:#ac6f07;margin:0;font-size:20px}body.dark .aic-status-box--timeout .timeout-title{color:#f7b13c}.aic-status-box--timeout .timeout-desc{color:#7b4f05;margin-bottom:24px;padding:0 20px;line-height:1.6}body.dark .aic-status-box--timeout .timeout-desc{color:#aaa}.aic-status-box--timeout .timeout-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.aic-status-box--timeout .timeout-actions .timeout-btn-primary{color:#fff;background-color:#f59e0b}body.dark .aic-status-box--timeout .timeout-actions .timeout-btn-primary{color:#111827;background-color:#f59e0b}.aic-status-box--timeout .timeout-actions .timeout-btn-primary:hover:not(:disabled){background-color:#c57f08}body.dark .aic-status-box--timeout .timeout-actions .timeout-btn-primary:hover:not(:disabled){background-color:#f7b13c}.aic-btn-secondary{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}body.dark .aic-btn-secondary{color:#aaa;background-color:#282a2c;border-color:#4b556366}.aic-btn-secondary:hover:not(:disabled){background-color:#e5e7eb}body.dark .aic-btn-secondary:hover:not(:disabled){background-color:#37393b}.aic-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.breadcrumb-wrapper{align-items:center;gap:8px;display:flex}.breadcrumb-wrapper .breadcrumb-link-back{opacity:.6;color:inherit;flex-shrink:0;text-decoration:none;transition:color .2s}.breadcrumb-wrapper .breadcrumb-link-back:hover{color:#3b82f6}.breadcrumb-wrapper .breadcrumb-separator{opacity:.4;flex-shrink:0}.breadcrumb-wrapper .breadcrumb-current{max-width:150px}@media (min-width:640px){.breadcrumb-wrapper .breadcrumb-current{max-width:300px}}.breadcrumb-wrapper .breadcrumb-current .breadcrumb-current-text{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.breadcrumb-wrapper .breadcrumb-current .breadcrumb-exam-link{color:inherit;align-items:center;gap:6px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.breadcrumb-wrapper .breadcrumb-current .breadcrumb-exam-link:hover{color:#3b82f6}.breadcrumb-wrapper .breadcrumb-current .breadcrumb-exam-link .icon-link{opacity:.7;flex-shrink:0;font-size:12px}.warning-banner.locked{color:#663c00;background-color:#fff4e5;border:1px solid #ffcc80;border-radius:8px;margin-bottom:20px;padding:12px}@media (min-width:640px){.warning-banner.locked{padding:16px}}.warning-banner.locked .warning-content{align-items:flex-start;gap:12px;font-size:14px;font-weight:500;display:flex}@media (min-width:640px){.warning-banner.locked .warning-content{align-items:center}}.warning-banner.locked .warning-content .icon-lock{flex-shrink:0;margin-top:2px}@media (min-width:640px){.warning-banner.locked .warning-content .icon-lock{margin-top:0}}.warning-banner.locked .warning-content .warning-text{line-height:1.5}.marketplace-container{scrollbar-width:thin;gap:24px;width:100%;margin:0 auto;padding:24px;display:flex}@media (max-width:991.98px){.marketplace-container{flex-direction:column;padding:16px}}.market-main-content{flex-direction:column;flex:1;gap:32px;min-width:0;display:flex}.market-section .section-head{border-bottom:1px solid #3b82f6;margin-bottom:20px;display:flex}body.dark .market-section .section-head{border-bottom-color:#3b82f666}.market-section .section-head .section-title{color:#3b82f6;text-transform:uppercase;z-index:2;background-color:#fff;border:1px solid #3b82f6;border-bottom:none;border-radius:8px 8px 0 0;margin:0;padding:10px 24px;font-size:16px;font-weight:700;position:relative}.market-section .section-head .section-title svg{display:none}body.dark .market-section .section-head .section-title{color:#3b82f6e6;background-color:#1b1b1b;border:1px solid #3b82f640;border-bottom:none;box-shadow:0 -4px 12px #3b82f61a}.market-section .market-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}@media (max-width:575.98px){.market-section .market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.market-card{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}body.dark .market-card,html[data-theme=dark] .market-card,.dark .market-card{background-color:#1e1f20;border-color:#4b556366}.market-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 24px #00000014}body.dark .market-card:hover,html[data-theme=dark] .market-card:hover,.dark .market-card:hover{border-color:#3b82f699;box-shadow:0 12px 30px #0006}.market-card:hover .mc-img{transform:scale(1.05)}.mc-image-box{aspect-ratio:16/9;background-color:#f9fafb;flex-shrink:0;width:100%;position:relative;overflow:hidden}body.dark .mc-image-box,html[data-theme=dark] .mc-image-box,.dark .mc-image-box{background-color:#282a2c}.mc-image-box .mc-img{object-fit:cover;transition:transform .4s}.mc-image-box .mc-img-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#0000001a 100%);position:absolute;inset:0}.mc-info-box{flex-direction:column;flex-grow:1;gap:12px;min-width:0;padding:14px;display:flex}.mc-title{color:#1f2937;-webkit-line-clamp:2;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}body.dark .mc-title,html[data-theme=dark] .mc-title,.dark .mc-title{color:#e3e3e3}.mc-meta-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.mc-author{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mc-author .mc-avt{object-fit:cover;border-radius:50%;flex-shrink:0}.mc-author .mc-avt-icon-wrapper{background-color:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}body.dark .mc-author .mc-avt-icon-wrapper{background-color:#282a2c}.mc-author .mc-avt-icon-wrapper .mc-avt-icon{color:#4b5563;font-size:10px}body.dark .mc-author .mc-avt-icon-wrapper .mc-avt-icon{color:#aaa}.mc-author .mc-author-name{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:500;overflow:hidden}body.dark .mc-author .mc-author-name{color:#aaa}.mc-stats{flex-shrink:0;align-items:center;gap:10px;display:flex}.mc-stats .stat-item{color:#6b7280;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}body.dark .mc-stats .stat-item{color:#aaa}.mc-stats .stat-item .mc-icon{font-size:11px}.market-right-sidebar{flex-shrink:0;width:320px}@media (max-width:991.98px){.market-right-sidebar{width:100%}}.market-right-sidebar .leaderboard-widget{background:#fff;border:1px solid #3b82f61a;border-radius:16px;padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a}.market-right-sidebar .leaderboard-widget:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}body.dark .market-right-sidebar .leaderboard-widget{background:linear-gradient(145deg,#1e1f20,#1b1b1b);border:1px solid #ffffff0d;box-shadow:0 10px 30px #0003}body.dark .market-right-sidebar .leaderboard-widget:before{background:radial-gradient(circle,#3b82f61a 0%,#0000 70%)}.market-right-sidebar .leaderboard-widget .lb-header{text-align:center;margin-bottom:24px}.market-right-sidebar .leaderboard-widget .lb-header .lb-icon-wrapper{color:#f59e0b;background:#f59e0b26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:20px;display:inline-flex;box-shadow:0 0 15px #f59e0b33}body.dark .market-right-sidebar .leaderboard-widget .lb-header .lb-icon-wrapper{background:#f59e0b33}.market-right-sidebar .leaderboard-widget .lb-header .lb-title{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 4px;font-size:18px;font-weight:800}body.dark .market-right-sidebar .leaderboard-widget .lb-header .lb-title{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.market-right-sidebar .leaderboard-widget .lb-header .lb-subtitle{color:#4b5563;margin:0;font-size:13px}body.dark .market-right-sidebar .leaderboard-widget .lb-header .lb-subtitle{color:#aaa}.market-right-sidebar .leaderboard-widget .lb-list{flex-direction:column;gap:12px;display:flex}.market-right-sidebar .leaderboard-widget .lb-list .lb-item{background:#f9fafb;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}body.dark .market-right-sidebar .leaderboard-widget .lb-list .lb-item{background:#282a2c}.market-right-sidebar .leaderboard-widget .lb-list .lb-item:hover{background:#fff;border-color:#3b82f633;transform:translateY(-3px);box-shadow:0 8px 16px #0000000f}body.dark .market-right-sidebar .leaderboard-widget .lb-list .lb-item:hover{background:#1e1f20;border-color:#3b82f64d;box-shadow:0 8px 16px #0000004d}.market-right-sidebar .leaderboard-widget .lb-list .lb-item:hover .lb-exam-title{color:#3b82f6}.market-right-sidebar .leaderboard-widget .lb-list .lb-item:hover .lb-action{opacity:1;transform:translate(0)}.market-right-sidebar .leaderboard-widget .lb-list .lb-item .lb-rank-badge{color:#6b7280;background:#d1d5db4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-style:italic;font-weight:800;display:flex}body.dark .market-right-sidebar .leaderboard-widget .lb-list .lb-item .lb-rank-badge{color:#aaa;background:#6b728080}.market-right-sidebar .leaderboard-widget .lb-list .lb-item.rank-1 .lb-rank-badge{color:#fff;background:linear-gradient(135deg,gold,#fdb931);font-size:18px;box-shadow:0 4px 10px #ffd70066}.market-right-sidebar .leaderboard-widget .lb-list .lb-item.rank-2 .lb-rank-badge{color:#fff;background:linear-gradient(135deg,#e0e0e0,#9e9e9e);box-shadow:0 4px 10px #9e9e9e4d}.market-right-sidebar .leaderboard-widget .lb-list .lb-item.rank-3 .lb-rank-badge{color:#fff;background:linear-gradient(135deg,#ff9b70,#cd7f32);box-shadow:0 4px 10px #cd7f324d}.market-right-sidebar .leaderboard-widget .lb-list .lb-item .lb-info{flex:1;min-width:0}.market-right-sidebar .leaderboard-widget .lb-list .lb-item .lb-info .lb-exam-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:14px;font-weight:700;transition:color .2s;overflow:hidden}body.dark .market-right-sidebar .leaderboard-widget .lb-list .lb-item .lb-info .lb-exam-title{color:#e3e3e3}.market-right-sidebar .leaderboard-widget .lb-list .lb-item .lb-info .lb-meta .lb-stat-pill{color:#3b82f6;background:#3b82f61a;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}body.dark .market-right-sidebar .leaderboard-widget .lb-list .lb-item .lb-info .lb-meta .lb-stat-pill{color:#93c5fd;background:#3b82f626}.market-right-sidebar .leaderboard-widget .lb-list .lb-item .lb-info .lb-meta .lb-stat-pill svg{font-size:10px}.market-right-sidebar .leaderboard-widget .lb-list .lb-item .lb-action{opacity:0;color:#d1d5db;font-size:12px;transition:all .3s;transform:translate(-10px)}body.dark .market-right-sidebar .leaderboard-widget .lb-list .lb-item .lb-action{color:#aaa}.market-view-more{justify-content:flex-end;margin-top:20px;display:flex}.market-view-more a{color:#3b82f6;background-color:#3b82f60d;border-radius:99px;align-items:center;gap:8px;padding:8px 20px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.market-view-more a svg{font-size:12px;transition:transform .3s}.market-view-more a:hover{color:#2372f5;background-color:#3b82f61f}.market-view-more a:hover svg{transform:translate(4px)}body.dark .market-view-more a,html[data-theme=dark] .market-view-more a,.dark .market-view-more a{color:#3b82f6e6;background-color:#3b82f614}body.dark .market-view-more a:hover,html[data-theme=dark] .market-view-more a:hover,.dark .market-view-more a:hover{color:#60a5fa;background-color:#3b82f62e}.market-list-card{border-bottom:1px solid #e5e7eb;gap:20px;padding:16px 0;text-decoration:none;transition:background-color .2s,padding-left .2s;display:flex}body.dark .market-list-card{border-bottom-color:#4b556366}.market-list-card:hover{background-color:#f9fafb;border-radius:8px;padding-left:8px}body.dark .market-list-card:hover{background-color:#ffffff05}.market-list-card:hover .mlc-title{color:#3b82f6}.market-list-card .mlc-image-box{aspect-ratio:16/9;border:1px solid #d1d5db;border-radius:6px;flex-shrink:0;width:240px;position:relative;overflow:hidden}body.dark .market-list-card .mlc-image-box{border-color:#0000}.market-list-card .mlc-image-box .mlc-img{object-fit:cover}@media (max-width:575.98px){.market-list-card .mlc-image-box{width:130px}}.market-list-card .mlc-content{flex-direction:column;flex:1;justify-content:flex-start;min-width:0;display:flex}.market-list-card .mlc-content .mlc-title{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}body.dark .market-list-card .mlc-content .mlc-title{color:#e3e3e3}@media (max-width:575.98px){.market-list-card .mlc-content .mlc-title{font-size:14px}}.market-list-card .mlc-content .mlc-desc{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}body.dark .market-list-card .mlc-content .mlc-desc{color:#aaa}@media (max-width:575.98px){.market-list-card .mlc-content .mlc-desc{display:none}}.market-list-card .mlc-content .mlc-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;font-size:12px;font-weight:500;display:flex}body.dark .market-list-card .mlc-content .mlc-meta{color:#aaa}.market-list-card .mlc-content .mlc-meta .mlc-author,.market-list-card .mlc-content .mlc-meta .mlc-stat{align-items:center;gap:6px;display:flex}.market-list-card .mlc-content .mlc-meta .mc-icon-sm{opacity:.6;font-size:11px}@media (max-width:575.98px){.market-list-card .mlc-content .mlc-meta{gap:10px;font-size:11px}}.market-list-page{flex-direction:column;gap:24px;width:100%;max-width:900px;margin:0 auto;padding:24px;display:flex}.market-list-page .list-page-header{border-bottom:2px solid #e5e7eb;padding-bottom:16px}body.dark .market-list-page .list-page-header{border-bottom-color:#4b556366}.market-list-page .list-page-header .list-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:24px;font-weight:800}body.dark .market-list-page .list-page-header .list-title{color:#e3e3e3}.market-list-page .list-page-header .list-title .category-count{color:#6b7280;vertical-align:middle;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:20px;margin-left:12px;padding:2px 10px;font-size:.6em;font-weight:500}body.dark .market-list-page .list-page-header .list-title .category-count{color:#aaa;background:#ffffff0d;border-color:#ffffff1a}.market-list-page .list-page-content{flex-direction:column;display:flex}.market-list-page .list-page-content .empty-message{text-align:center;color:#6b7280;padding:40px;font-style:italic}body.dark .market-list-page .list-page-content .empty-message{color:#aaa}@keyframes pulse-skeleton{0%,to{opacity:1}50%{opacity:.5}}.sk-anim,.sk-list-card .sk-content-box .sk-meta .sk-item,.sk-list-card .sk-content-box .sk-desc-2,.sk-list-card .sk-content-box .sk-desc-1,.sk-list-card .sk-content-box .sk-title,.sk-list-card .sk-img-box,.sk-grid-card .sk-info-box .sk-author .sk-name,.sk-grid-card .sk-info-box .sk-author .sk-avt,.sk-grid-card .sk-info-box .sk-line-2,.sk-grid-card .sk-info-box .sk-line-1,.sk-grid-card .sk-img-box,.sk-sidebar-widget,.sk-title-tab{background-color:#f3f4f6;border-radius:4px;animation:1.5s ease-in-out infinite pulse-skeleton}body.dark .sk-anim,body.dark .sk-list-card .sk-content-box .sk-meta .sk-item,.sk-list-card .sk-content-box .sk-meta body.dark .sk-item,body.dark .sk-list-card .sk-content-box .sk-desc-2,.sk-list-card .sk-content-box body.dark .sk-desc-2,body.dark .sk-list-card .sk-content-box .sk-desc-1,.sk-list-card .sk-content-box body.dark .sk-desc-1,body.dark .sk-list-card .sk-content-box .sk-title,.sk-list-card .sk-content-box body.dark .sk-title,body.dark .sk-list-card .sk-img-box,.sk-list-card body.dark .sk-img-box,body.dark .sk-grid-card .sk-info-box .sk-author .sk-name,.sk-grid-card .sk-info-box .sk-author body.dark .sk-name,body.dark .sk-grid-card .sk-info-box .sk-author .sk-avt,.sk-grid-card .sk-info-box .sk-author body.dark .sk-avt,body.dark .sk-grid-card .sk-info-box .sk-line-2,.sk-grid-card .sk-info-box body.dark .sk-line-2,body.dark .sk-grid-card .sk-info-box .sk-line-1,.sk-grid-card .sk-info-box body.dark .sk-line-1,body.dark .sk-grid-card .sk-img-box,.sk-grid-card body.dark .sk-img-box,body.dark .sk-sidebar-widget,body.dark .sk-title-tab{background-color:#ffffff0d}.sk-title-tab{border-radius:8px 8px 0 0;width:200px;height:36px;margin-bottom:20px}.sk-sidebar-widget{border-radius:8px;width:100%;height:450px}.sk-grid-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}body.dark .sk-grid-card{background:#1e1f20;border-color:#ffffff0d}.sk-grid-card .sk-img-box{aspect-ratio:16/9;border-radius:0;width:100%}.sk-grid-card .sk-info-box{flex-direction:column;flex:1;gap:10px;padding:10px 12px;display:flex}.sk-grid-card .sk-info-box .sk-line-1{width:80%;height:12px}.sk-grid-card .sk-info-box .sk-line-2{width:50%;height:12px}.sk-grid-card .sk-info-box .sk-author{align-items:center;gap:6px;margin-top:auto;display:flex}.sk-grid-card .sk-info-box .sk-author .sk-avt{border-radius:50%;flex-shrink:0;width:16px;height:16px}.sk-grid-card .sk-info-box .sk-author .sk-name{width:60%;height:12px}.sk-list-card{border-bottom:1px solid #e5e7eb;gap:20px;padding:16px 0;display:flex}body.dark .sk-list-card{border-bottom-color:#4b556366}.sk-list-card .sk-img-box{aspect-ratio:16/9;border-radius:6px;flex-shrink:0;width:240px}@media (max-width:575.98px){.sk-list-card .sk-img-box{width:130px}}.sk-list-card .sk-content-box{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.sk-list-card .sk-content-box .sk-title{width:60%;height:18px}.sk-list-card .sk-content-box .sk-desc-1{width:90%;height:14px}.sk-list-card .sk-content-box .sk-desc-2{width:70%;height:14px}.sk-list-card .sk-content-box .sk-meta{gap:16px;margin-top:auto;display:flex}.sk-list-card .sk-content-box .sk-meta .sk-item{width:70px;height:14px}.back-btn{color:#4b5563;cursor:pointer;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:8px;margin-left:-12px;padding:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.back-btn svg{transition:transform .2s}body.dark .back-btn{color:#aaa}.back-btn:hover{color:#3b82f6;background-color:#3b82f614}body.dark .back-btn:hover{background-color:#3b82f626}.back-btn:hover svg{transform:translate(-4px)}.back-btn:active{transform:scale(.96)}.back-btn:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.mc-bottom-area{flex-direction:column;gap:10px;margin-top:auto;display:flex}.mc-category-text{color:#6b7280;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:inline-flex}.mc-category-text svg{opacity:.8;flex-shrink:0;font-size:10px}.mc-category-text span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}body.dark .mc-category-text,html[data-theme=dark] .mc-category-text,.dark .mc-category-text{color:#aaa}.mc-meta-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:10px;display:flex}body.dark .mc-meta-footer,html[data-theme=dark] .mc-meta-footer,.dark .mc-meta-footer{border-top-color:#ffffff0f}.category-chips-wrapper{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin:0 auto;padding:24px 24px 0;display:flex}@media (max-width:768px){.category-chips-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding:16px 16px 0;overflow-x:auto}.category-chips-wrapper::-webkit-scrollbar{display:none}}.category-chips-wrapper .category-chip{white-space:nowrap;color:#0b63f3;background-color:#3b82f614;border:1px solid #3b82f626;border-radius:99px;flex-shrink:0;align-items:center;gap:8px;max-width:250px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}body.dark .category-chips-wrapper .category-chip,html[data-theme=dark] .category-chips-wrapper .category-chip,.dark .category-chips-wrapper .category-chip{color:#fffffff2;background-color:#ffffff14;border:1px solid #ffffff26}.category-chips-wrapper .category-chip span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.category-chips-wrapper .category-chip:hover{color:#fff;background-color:#3b82f6;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.category-chips-wrapper .category-chip:hover span,.category-chips-wrapper .category-chip:hover svg{color:#fff}body.dark .category-chips-wrapper .category-chip:hover,html[data-theme=dark] .category-chips-wrapper .category-chip:hover,.dark .category-chips-wrapper .category-chip:hover{color:#fff;background-color:#3b82f6;box-shadow:0 4px 16px #3b82f666}}.category-chips-wrapper .category-chip:active{opacity:.8;transform:scale(.96)}.pub-search-wrapper{width:100%;max-width:350px;position:relative}@media (max-width:768px){.pub-search-wrapper{max-width:100%}}.pub-search-wrapper .pub-search-icon{color:#6b7280;pointer-events:none;z-index:2;position:absolute;top:50%;left:14px;transform:translateY(-50%)}body.dark .pub-search-wrapper .pub-search-icon,html[data-theme=dark] .pub-search-wrapper .pub-search-icon,.dark .pub-search-wrapper .pub-search-icon{color:#aaa}.pub-search-wrapper .pub-search-input{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:24px;outline:none;width:100%;height:42px;padding:0 44px 0 40px;font-size:14px;transition:all .2s}body.dark .pub-search-wrapper .pub-search-input,html[data-theme=dark] .pub-search-wrapper .pub-search-input,.dark .pub-search-wrapper .pub-search-input{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}.pub-search-wrapper .pub-search-input::placeholder{color:#6b7280}body.dark .pub-search-wrapper .pub-search-input::placeholder,html[data-theme=dark] .pub-search-wrapper .pub-search-input::placeholder,.dark .pub-search-wrapper .pub-search-input::placeholder{color:#aaa}.pub-search-wrapper .pub-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.pub-search-wrapper .pub-clear-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:6px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pub-search-wrapper .pub-clear-btn:hover{color:#e53e3e}body.dark .pub-search-wrapper .pub-clear-btn,html[data-theme=dark] .pub-search-wrapper .pub-clear-btn,.dark .pub-search-wrapper .pub-clear-btn{color:#aaa}.mkt-sort-group{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;align-items:center;gap:4px;padding:4px;display:flex}body.dark .mkt-sort-group,html[data-theme=dark] .mkt-sort-group,.dark .mkt-sort-group{background-color:#282a2c;border-color:#4b556366}.mkt-sort-group .mkt-sort-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}body.dark .mkt-sort-group .mkt-sort-btn,html[data-theme=dark] .mkt-sort-group .mkt-sort-btn,.dark .mkt-sort-group .mkt-sort-btn{color:#aaa}.mkt-sort-group .mkt-sort-btn:hover{color:#1f2937}body.dark .mkt-sort-group .mkt-sort-btn:hover,html[data-theme=dark] .mkt-sort-group .mkt-sort-btn:hover,.dark .mkt-sort-group .mkt-sort-btn:hover{color:#e3e3e3}.mkt-sort-group .mkt-sort-btn.active{color:#3b82f6;background-color:#fff;box-shadow:0 2px 6px #00000014}body.dark .mkt-sort-group .mkt-sort-btn.active,html[data-theme=dark] .mkt-sort-group .mkt-sort-btn.active,.dark .mkt-sort-group .mkt-sort-btn.active{color:#3b82f6f2;background-color:#1e1f20;box-shadow:0 2px 8px #0000004d}.scroll-buttons-container{z-index:50;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:20px;right:20px}.scroll-buttons-container .scroll-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);animation:.3s ease-out forwards fadeInScrollBtn;display:flex;box-shadow:0 4px 12px #00000014}.scroll-buttons-container .scroll-btn:hover{color:#3b82f6;background:#dbeafe;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f633}.scroll-buttons-container .scroll-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f633}body.dark .scroll-buttons-container .scroll-btn{color:#aaa;background:#282a2c;border-color:#4b556366;box-shadow:0 4px 12px #0000004d}body.dark .scroll-buttons-container .scroll-btn:hover{color:#84b1f9;background:#1e3a8a;border-color:#3b82f6;box-shadow:0 6px 16px #0006}body.dark .scroll-buttons-container .scroll-btn:active{background:#193175}@keyframes fadeInScrollBtn{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.not-found-container{background-color:#f9fafb;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}body.dark .not-found-container,html[data-theme=dark] .not-found-container,.dark .not-found-container{background-color:#121212}.not-found-content{text-align:center;flex-direction:column;align-items:center;max-width:480px;animation:.5s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex}.not-found-visual{flex-direction:column;align-items:center;margin-bottom:24px;display:flex;position:relative}.glitch-wrapper{position:relative}.glitch-text{color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);letter-spacing:-4px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:120px;font-weight:900;line-height:1}body.dark .glitch-text,html[data-theme=dark] .glitch-text,.dark .glitch-text{background:linear-gradient(135deg,#3b82f6,#a78bfa);text-shadow:0 10px 30px #3b82f633;-webkit-background-clip:text;background-clip:text}.visual-icon{color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:50%;margin-top:-20px;padding:12px;box-shadow:0 4px 12px #0000000d}body.dark .visual-icon,html[data-theme=dark] .visual-icon,.dark .visual-icon{color:#aaa;background-color:#1e1f20;border-color:#4b556366;box-shadow:0 4px 20px #0006}.not-found-title{color:#1f2937;margin:0 0 12px;font-size:28px;font-weight:700}body.dark .not-found-title,html[data-theme=dark] .not-found-title,.dark .not-found-title{color:#e3e3e3}.not-found-desc{color:#4b5563;margin:0 0 32px;font-size:15px;line-height:1.6}body.dark .not-found-desc,html[data-theme=dark] .not-found-desc,.dark .not-found-desc{color:#aaa}.not-found-actions{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}@media (max-width:640px){.glitch-text{font-size:96px}.not-found-title{font-size:24px}.not-found-actions{flex-direction:column}.not-found-actions button,.not-found-actions a{justify-content:center;width:100%}}.header-search-wrapper{width:100%;max-width:400px;position:relative}.header-search-input-box{align-items:center;display:flex;position:relative}.header-search-input-box .search-icon{color:#6b7280;pointer-events:none;transition:color .2s;position:absolute;left:16px}body.dark .header-search-input-box .search-icon{color:#aaa}.header-search-input-box .spinner-icon{color:#3b82f6;animation:1s linear infinite spin;position:absolute;right:16px}body.dark .header-search-input-box .spinner-icon{color:#3b82f6}.header-search-input-box input{color:#1f2937;background-color:#f9fafb;border:2px solid #0000;border-radius:99px;width:100%;padding:10px 40px 10px 44px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark .header-search-input-box input{color:#e3e3e3;background-color:#18181b;border-color:#ffffff0a}.header-search-input-box input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 4px 15px #3b82f61a}.header-search-input-box input:focus~.search-icon{color:#3b82f6}body.dark .header-search-input-box input:focus{background-color:#1b1b1b;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633}body.dark .header-search-input-box input:focus~.search-icon{color:#3b82f6}.header-search-input-box input::placeholder{color:#6b7280}body.dark .header-search-input-box input::placeholder{color:#aaa}.header-search-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background-color:#fffffff2;border:1px solid #e5e7eb80;border-radius:16px;width:100%;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;position:absolute;top:calc(100% + 12px);left:0;overflow:hidden;box-shadow:0 12px 40px #00000014}body.dark .header-search-dropdown{background-color:#1e1f20f2;border-color:#ffffff14;box-shadow:0 15px 50px #0009}.dropdown-list{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;flex-direction:column;max-height:320px;padding:8px;display:flex;overflow-y:auto}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:0 0}.dropdown-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:10px}body.dark .dropdown-list{scrollbar-color:#4b556366 transparent}body.dark .dropdown-list::-webkit-scrollbar-thumb{background-color:#4b556366}body.dark .dropdown-list::-webkit-scrollbar-thumb:hover{background-color:#aaa}.dropdown-item{border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover{background-color:#f9fafb;transform:translate(4px)}body.dark .dropdown-item:hover{background-color:#282a2c}.dropdown-item:hover .item-icon{color:#3b82f6;background-color:#dbeafe}body.dark .dropdown-item:hover .item-icon{color:#3b82f6;background-color:#1e3a8a}.dropdown-item .item-icon{color:#6b7280;background-color:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}body.dark .dropdown-item .item-icon{color:#aaa;background-color:#1b1b1b}.dropdown-item .item-info{flex-direction:column;gap:4px;display:flex;overflow:hidden}.dropdown-item .item-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}body.dark .dropdown-item .item-name{color:#e3e3e3}.dropdown-item .item-meta{color:#6b7280;font-size:12px;font-weight:500}body.dark .dropdown-item .item-meta{color:#aaa}.dropdown-footer{color:#3b82f6;cursor:pointer;background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}body.dark .dropdown-footer{color:#3b82f6;background-color:#ffffff05;border-top-color:#4b556366}.dropdown-footer .footer-icon{opacity:.8}.dropdown-footer .footer-arrow{transition:transform .2s}.dropdown-footer:hover{background-color:#dbeafe}body.dark .dropdown-footer:hover{background-color:#3b82f61a}.dropdown-footer:hover .footer-arrow{transform:translate(4px)}.dropdown-status{color:#4b5563;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;font-size:14px;font-weight:500;display:flex}body.dark .dropdown-status{color:#aaa}.dropdown-status .status-spinner{color:#3b82f6;animation:1s linear infinite spin}body.dark .dropdown-status .status-spinner{color:#3b82f6}.dropdown-status .status-empty-icon{color:#6b7280;opacity:.5}body.dark .dropdown-status .status-empty-icon{color:#aaa}.search-page-container{max-width:1200px;min-height:calc(100vh - 64px);margin:0 auto;padding:24px}.search-top-nav{margin-bottom:24px}.search-top-nav .back-link{color:#4b5563;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}body.dark .search-top-nav .back-link,html[data-theme=dark] .search-top-nav .back-link,.dark .search-top-nav .back-link{color:#aaa}.search-top-nav .back-link:hover,body.dark .search-top-nav .back-link:hover,html[data-theme=dark] .search-top-nav .back-link:hover,.dark .search-top-nav .back-link:hover{color:#3b82f6}.search-page-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.search-page-header .search-title{color:#1f2937;margin-bottom:12px;font-size:32px;font-weight:800}body.dark .search-page-header .search-title,html[data-theme=dark] .search-page-header .search-title,.dark .search-page-header .search-title{color:#e3e3e3}.search-page-header .search-subtitle{color:#4b5563;margin-bottom:24px;font-size:16px}body.dark .search-page-header .search-subtitle,html[data-theme=dark] .search-page-header .search-subtitle,.dark .search-page-header .search-subtitle{color:#aaa}.in-page-search-form{align-items:center;gap:12px;width:100%;max-width:600px;display:flex;position:relative}.in-page-search-form .search-icon{color:#6b7280;position:absolute;left:20px}body.dark .in-page-search-form .search-icon,html[data-theme=dark] .in-page-search-form .search-icon,.dark .in-page-search-form .search-icon{color:#aaa}.in-page-search-form input{color:#1f2937;background-color:#fff;border:2px solid #d1d5db;border-radius:99px;flex-grow:1;padding:16px 20px 16px 50px;font-size:16px;transition:all .2s;box-shadow:0 4px 12px #0000000d}body.dark .in-page-search-form input,html[data-theme=dark] .in-page-search-form input,.dark .in-page-search-form input{color:#e3e3e3;background-color:#18181b;border-color:#4b556366}.in-page-search-form input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #dbeafe}body.dark .in-page-search-form input:focus,html[data-theme=dark] .in-page-search-form input:focus,.dark .in-page-search-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.in-page-search-form button{border-radius:99px;flex-shrink:0;padding:16px 24px;font-size:16px}.search-results-meta{margin-bottom:24px}.search-results-meta h2{color:#1f2937;margin-bottom:4px;font-size:24px}body.dark .search-results-meta h2,html[data-theme=dark] .search-results-meta h2,.dark .search-results-meta h2{color:#e3e3e3}.search-results-meta h2 .highlight,body.dark .search-results-meta h2 .highlight{color:#3b82f6}.search-results-meta p{color:#4b5563;font-size:14px}body.dark .search-results-meta p,html[data-theme=dark] .search-results-meta p,.dark .search-results-meta p{color:#aaa}.exam-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}@media (max-width:640px){.exam-card-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}@media (min-width:641px) and (max-width:1024px){.exam-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.empty-search-state{text-align:center;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}body.dark .empty-search-state,html[data-theme=dark] .empty-search-state,.dark .empty-search-state{background-color:#0000;border-color:#4b556366}.empty-search-state .empty-icon{color:#6b7280;margin-bottom:16px}body.dark .empty-search-state .empty-icon,html[data-theme=dark] .empty-search-state .empty-icon,.dark .empty-search-state .empty-icon{color:#aaa}.empty-search-state .empty-icon.error,body.dark .empty-search-state .empty-icon.error{color:#ef4444}.empty-search-state h2{color:#1f2937;margin-bottom:8px;font-size:20px;font-weight:700}body.dark .empty-search-state h2,html[data-theme=dark] .empty-search-state h2,.dark .empty-search-state h2{color:#e3e3e3}.empty-search-state p{color:#4b5563;font-size:15px}body.dark .empty-search-state p,html[data-theme=dark] .empty-search-state p,.dark .empty-search-state p{color:#aaa}@media (max-width:768px){.in-page-search-form{flex-direction:column}.in-page-search-form input{padding:14px 20px 14px 44px}.in-page-search-form button{width:100%;padding:14px}}.pagination-container{border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:16px;margin-top:40px;padding-top:24px;display:flex}body.dark .pagination-container,html[data-theme=dark] .pagination-container,.dark .pagination-container{border-top-color:#4b556366}.pagination-container .pagination-btn{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}body.dark .pagination-container .pagination-btn,html[data-theme=dark] .pagination-container .pagination-btn,.dark .pagination-container .pagination-btn{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}.pagination-container .pagination-btn:hover:not(.disabled){color:#3b82f6;background-color:#f9fafb;border-color:#3b82f6}body.dark .pagination-container .pagination-btn:hover:not(.disabled),html[data-theme=dark] .pagination-container .pagination-btn:hover:not(.disabled),.dark .pagination-container .pagination-btn:hover:not(.disabled){color:#3b82f6;background-color:#282a2c;border-color:#3b82f6}.pagination-container .pagination-btn.disabled{opacity:.5;cursor:not-allowed}.pagination-container .pagination-info{color:#4b5563;font-size:14px;font-weight:500}body.dark .pagination-container .pagination-info,html[data-theme=dark] .pagination-container .pagination-info,.dark .pagination-container .pagination-info{color:#aaa}@keyframes search-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.loading-state{pointer-events:none}.loading-state .skeleton-item{background-color:#f3f4f6;border-radius:8px;animation:1.5s cubic-bezier(.4,0,.6,1) infinite search-skeleton-pulse}body.dark .loading-state .skeleton-item,html[data-theme=dark] .loading-state .skeleton-item,.dark .loading-state .skeleton-item{background-color:#ffffff14}.loading-state .skeleton-title{border-radius:12px;width:320px;height:36px;margin:0 auto 16px}.loading-state .skeleton-subtitle{width:240px;height:20px;margin:0 auto 32px}.loading-state .skeleton-search-input{border-radius:99px;flex-grow:1;height:56px}.loading-state .skeleton-search-button{border-radius:99px;flex-shrink:0;width:120px;height:56px}.loading-state .skeleton-meta-text{width:200px;height:28px;margin-bottom:8px}.loading-state .skeleton-card{min-height:180px}.loading-state .skeleton-card .skeleton-badge{border-radius:99px;width:80px;height:24px;margin-bottom:16px}.loading-state .skeleton-card .card-title-group{flex-direction:column;flex-grow:1;gap:10px;margin-bottom:16px;display:flex}.loading-state .skeleton-card .card-title-group .skeleton-text-line{width:100%;height:18px}.loading-state .skeleton-card .card-title-group .skeleton-text-line.short{width:60%}.loading-state .skeleton-card .skeleton-stat{width:80px;height:16px}.privacy-share-box .btn-manage-soft{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-align:left;appearance:none;background:0 0;border:none;margin:0;padding:0}.quiz-info-setup-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:32px;overflow:visible;box-shadow:0 4px 24px #0000000a}body.dark .quiz-info-setup-wrapper,html[data-theme=dark] .quiz-info-setup-wrapper,.dark .quiz-info-setup-wrapper{background-color:#1e1f20;border-color:#4b556366;box-shadow:0 8px 32px #0000004d}.setup-header{background-color:#fafafa;border-bottom:1px solid #e5e7eb;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}body.dark .setup-header,html[data-theme=dark] .setup-header,.dark .setup-header{background-color:#0003;border-bottom-color:#4b556366}@media (max-width:640px){.setup-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px}}.setup-header .setup-header-titles h2{color:#1f2937;margin:0 0 4px;font-size:20px;font-weight:700}body.dark .setup-header .setup-header-titles h2{color:#e3e3e3}.setup-header .setup-header-titles p{color:#4b5563;margin:0;font-size:14px}body.dark .setup-header .setup-header-titles p{color:#aaa}.btn-save-quiz{font:inherit;cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:99px;outline:none;align-items:center;gap:8px;margin:0;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #3b82f64d}.btn-save-quiz:hover:not(:disabled){background-color:#2372f5;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-save-quiz:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-save-quiz.is-unsaved{background-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.btn-save-quiz.is-unsaved:hover:not(:disabled){background-color:#dd8e09}@media (max-width:640px){.btn-save-quiz{justify-content:center;gap:6px;width:100%;padding:10px 16px;font-size:14px}}.setup-body{gap:40px;padding:32px;display:flex}@media (max-width:820px){.setup-body{flex-direction:column;gap:32px;padding:24px}}.setup-left-cover{flex:0 0 350px}@media (max-width:820px){.setup-left-cover{flex:auto;width:100%}}.setup-left-cover .section-label{color:#1f2937;margin-bottom:4px;font-size:15px;font-weight:600;display:block}body.dark .setup-left-cover .section-label{color:#e3e3e3}.setup-left-cover .section-desc{color:#4b5563;margin-bottom:16px;font-size:13px}body.dark .setup-left-cover .section-desc{color:#aaa}.cover-uploader-zone{aspect-ratio:16/9;cursor:pointer;background-color:#f8fafc;border:2px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}body.dark .cover-uploader-zone,html[data-theme=dark] .cover-uploader-zone,.dark .cover-uploader-zone{background-color:#282a2c;border-color:#4b556366}.cover-uploader-zone:hover:not(.has-image){background-color:#dbeafe;border-color:#3b82f6}body.dark .cover-uploader-zone:hover:not(.has-image){background-color:#3b82f61a;border-color:#3b82f6}.cover-uploader-zone.has-image{border:none}.cover-uploader-zone .cover-img{object-fit:cover}.cover-uploader-zone .cover-empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.cover-uploader-zone .cover-empty-state .icon-circle{color:#3b82f6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;box-shadow:0 4px 12px #0000000d}body.dark .cover-uploader-zone .cover-empty-state .icon-circle{color:#3b82f6;background-color:#1e1f20}.cover-uploader-zone .cover-empty-state .upload-text{color:#1f2937;font-size:14px;font-weight:600}body.dark .cover-uploader-zone .cover-empty-state .upload-text{color:#e3e3e3}.cover-uploader-zone .cover-empty-state .upload-hint{color:#6b7280;font-size:12px}body.dark .cover-uploader-zone .cover-empty-state .upload-hint{color:#aaa}.cover-uploader-zone .cover-hover-overlay{color:#fff;opacity:0;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;inset:0}.cover-uploader-zone .cover-hover-overlay .icon-camera{font-size:24px}.cover-uploader-zone .cover-hover-overlay span{font-size:14px;font-weight:500}.cover-uploader-zone:hover .cover-hover-overlay{opacity:1}.cover-uploader-zone .cover-loading-overlay{color:#3b82f6;background-color:#fffc;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:600;display:flex;position:absolute;inset:0}body.dark .cover-uploader-zone .cover-loading-overlay{color:#3b82f6;background-color:#000c}.setup-right-form{flex-direction:column;flex:1;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group .soft-label{color:#1f2937;font-size:14px;font-weight:600}body.dark .form-group .soft-label{color:#e3e3e3}.form-group .soft-label .required{color:#ef4444}.form-group .soft-input,.form-group .soft-textarea{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:14px 16px;font-size:15px;transition:all .2s}body.dark .form-group .soft-input,body.dark .form-group .soft-textarea{color:#e3e3e3;background-color:#18181b;border-color:#4b556366}.form-group .soft-input::placeholder,.form-group .soft-textarea::placeholder{color:#6b7280}body.dark .form-group .soft-input::placeholder,body.dark .form-group .soft-textarea::placeholder{color:#aaa}.form-group .soft-input:focus,.form-group .soft-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #dbeafe}body.dark .form-group .soft-input:focus,body.dark .form-group .soft-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.form-group .soft-textarea{resize:vertical;min-height:100px}.form-group.has-error .soft-input,.form-group.has-error .dropdown-container{border-color:#ef4444!important}body.dark .form-group.has-error .soft-input,body.dark .form-group.has-error .dropdown-container{border-color:#f87171!important}.form-group .err-msg{color:#ef4444;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}body.dark .form-group .err-msg{color:#f87171}.privacy-share-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:16px;display:flex}body.dark .privacy-share-box,html[data-theme=dark] .privacy-share-box,.dark .privacy-share-box{background-color:#ffffff08;border-color:#ffffff14}@media (max-width:600px){.privacy-share-box{flex-direction:column;align-items:flex-start}}.privacy-share-box .share-text{color:#475569;flex-direction:column;gap:4px;font-size:13px;display:flex}body.dark .privacy-share-box .share-text{color:#94a3b8}.privacy-share-box .share-text strong{color:#0f172a;align-items:center;gap:8px;font-size:14px;display:flex}body.dark .privacy-share-box .share-text strong{color:#f1f5f9}.privacy-share-box .share-text strong .icon-lock{color:#64748b}body.dark .privacy-share-box .share-text strong .icon-lock{color:#94a3b8}.privacy-share-box .share-text .share-highlight{color:#3b82f6;margin-top:4px;font-weight:600}.privacy-share-box .btn-manage-soft{color:#334155;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #0000000d}.privacy-share-box .btn-manage-soft:hover{background-color:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}body.dark .privacy-share-box .btn-manage-soft,html[data-theme=dark] .privacy-share-box .btn-manage-soft,.dark .privacy-share-box .btn-manage-soft{color:#e3e3e3;background-color:#282a2c;border-color:#4b556366}body.dark .privacy-share-box .btn-manage-soft:hover,html[data-theme=dark] .privacy-share-box .btn-manage-soft:hover,.dark .privacy-share-box .btn-manage-soft:hover{background-color:#37393b;border-color:#ffffff26}.shared-users-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.shared-users-list .shared-user-badge{color:#334155;background-color:#fff;border:1px solid #cbd5e1;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000008}body.dark .shared-users-list .shared-user-badge,html[data-theme=dark] .shared-users-list .shared-user-badge,.dark .shared-users-list .shared-user-badge{color:#cbd5e1;background-color:#ffffff0d;border-color:#ffffff1a}.shared-users-list .shared-user-badge .shared-avatar{object-fit:cover;border-radius:50%}.settings-toggle-group{border:1px solid #e5e7eb;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;padding:16px}body.dark .settings-toggle-group{background-color:#282a2c;border-color:#4b556366}.settings-toggle-group__text{flex-direction:column;gap:4px;display:flex}.settings-toggle-group__desc{color:#4b5563;font-size:13px}body.dark .settings-toggle-group__desc{color:#aaa}.quiz-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.quiz-toggle__input{display:none}.quiz-toggle__input:checked+.quiz-toggle__label,body.dark .quiz-toggle__input:checked+.quiz-toggle__label{background-color:#3b82f6}.quiz-toggle__input:checked+.quiz-toggle__label .quiz-toggle__thumb{transform:translate(20px,-50%)}.quiz-toggle__label{cursor:pointer;background-color:#6b7280;border-radius:99px;width:100%;height:100%;transition:background-color .3s;display:block;position:relative}body.dark .quiz-toggle__label{background-color:#aaa}.quiz-toggle__thumb{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 2px 4px #0003}@keyframes quiz-setup-pulse{0%,to{opacity:1}50%{opacity:.4}}.quiz-setup-skel{pointer-events:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 24px #0000000a}body.dark .quiz-setup-skel,html[data-theme=dark] .quiz-setup-skel,.dark .quiz-setup-skel{background-color:#1e1f20;border-color:#4b556366;box-shadow:0 8px 32px #0000004d}.quiz-setup-skel .quiz-setup-skel__toggle-btn,.quiz-setup-skel .quiz-setup-skel__textarea,.quiz-setup-skel .quiz-setup-skel__input,.quiz-setup-skel .quiz-setup-skel__hint,.quiz-setup-skel .quiz-setup-skel__label,.quiz-setup-skel .quiz-setup-skel__cover,.quiz-setup-skel .quiz-setup-skel__btn,.quiz-setup-skel .quiz-setup-skel__desc,.quiz-setup-skel .quiz-setup-skel__title{background-color:#f3f4f6;border-radius:8px;animation:1.5s cubic-bezier(.4,0,.6,1) infinite quiz-setup-pulse}html[data-theme=dark] .quiz-setup-skel .quiz-setup-skel__toggle-btn,html[data-theme=dark] .quiz-setup-skel .quiz-setup-skel__textarea,html[data-theme=dark] .quiz-setup-skel .quiz-setup-skel__input,html[data-theme=dark] .quiz-setup-skel .quiz-setup-skel__hint,html[data-theme=dark] .quiz-setup-skel .quiz-setup-skel__label,html[data-theme=dark] .quiz-setup-skel .quiz-setup-skel__cover,html[data-theme=dark] .quiz-setup-skel .quiz-setup-skel__btn,html[data-theme=dark] .quiz-setup-skel .quiz-setup-skel__desc,html[data-theme=dark] .quiz-setup-skel .quiz-setup-skel__title,.dark .quiz-setup-skel .quiz-setup-skel__toggle-btn,.dark .quiz-setup-skel .quiz-setup-skel__textarea,.dark .quiz-setup-skel .quiz-setup-skel__input,.dark .quiz-setup-skel .quiz-setup-skel__hint,.dark .quiz-setup-skel .quiz-setup-skel__label,.dark .quiz-setup-skel .quiz-setup-skel__cover,.dark .quiz-setup-skel .quiz-setup-skel__btn,.dark .quiz-setup-skel .quiz-setup-skel__desc,.dark .quiz-setup-skel .quiz-setup-skel__title{background-color:#ffffff0f}.quiz-setup-skel__header{background-color:#fafafa;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}body.dark .quiz-setup-skel__header,html[data-theme=dark] .quiz-setup-skel__header,.dark .quiz-setup-skel__header{background-color:#0003;border-bottom-color:#4b556366}.quiz-setup-skel__header-text{flex-direction:column;gap:8px;display:flex}.quiz-setup-skel__title{width:200px;height:24px}.quiz-setup-skel__desc{width:350px;height:14px}.quiz-setup-skel__btn{border-radius:99px;width:140px;height:44px}.quiz-setup-skel__body{gap:40px;padding:32px;display:flex}@media (max-width:820px){.quiz-setup-skel__body{flex-direction:column;gap:32px;padding:24px}}.quiz-setup-skel__left{flex-direction:column;flex:0 0 350px;display:flex}@media (max-width:820px){.quiz-setup-skel__left{flex:auto;width:100%}}.quiz-setup-skel__cover{aspect-ratio:16/9;border-radius:16px;width:100%}.quiz-setup-skel__right{flex-direction:column;flex:1;gap:24px;display:flex}.quiz-setup-skel__group{flex-direction:column;gap:8px;display:flex}.quiz-setup-skel__label{width:120px;height:16px;margin-bottom:4px}.quiz-setup-skel__hint{width:250px;height:14px;margin-bottom:16px}.quiz-setup-skel__input{border-radius:12px;width:100%;height:48px}.quiz-setup-skel__textarea{border-radius:12px;width:100%;height:100px}.quiz-setup-skel__toggle-group{border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}body.dark .quiz-setup-skel__toggle-group,html[data-theme=dark] .quiz-setup-skel__toggle-group,.dark .quiz-setup-skel__toggle-group{background-color:#282a2c;border-color:#4b556366}.quiz-setup-skel__toggle-text{flex-direction:column;gap:8px;display:flex}.quiz-setup-skel__toggle-btn{border-radius:99px;width:44px;height:24px}@media (max-width:820px){input[type=text],input[type=number],textarea,select,.soft-input,.soft-textarea,.quiz-qsearch__input{font-size:16px!important}}.custom-select-wrapper{width:100%;position:relative}.custom-select{appearance:none;cursor:pointer;width:100%;padding-right:30px}.select-arrow{pointer-events:none;border-top:5px solid #64748b;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}body.dark .select-arrow{border-top-color:#94a3b8}.custom-privacy-select{-webkit-user-select:none;user-select:none;width:100%;position:relative}.custom-privacy-select.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.custom-privacy-select .select-trigger{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:15px;transition:all .2s;display:flex}body.dark .custom-privacy-select .select-trigger,html[data-theme=dark] .custom-privacy-select .select-trigger,.dark .custom-privacy-select .select-trigger{color:#e3e3e3;background-color:#18181b;border-color:#4b556366}.custom-privacy-select .select-trigger .selected-value{align-items:center;font-weight:500;display:flex}.custom-privacy-select .select-trigger .chevron-icon{color:#6b7280;font-size:14px;transition:transform .3s}body.dark .custom-privacy-select .select-trigger .chevron-icon{color:#aaa}.custom-privacy-select.open .select-trigger{border-color:#3b82f6;box-shadow:0 0 0 4px #dbeafe}body.dark .custom-privacy-select.open .select-trigger{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.custom-privacy-select.open .select-trigger .chevron-icon{transform:rotate(180deg)}.custom-privacy-select .select-menu{z-index:50;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;animation:.2s cubic-bezier(.4,0,.2,1) dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}body.dark .custom-privacy-select .select-menu,html[data-theme=dark] .custom-privacy-select .select-menu,.dark .custom-privacy-select .select-menu{background-color:#1e1f20;border-color:#4b556366;box-shadow:0 10px 30px #00000080}.custom-privacy-select .select-menu .select-option{cursor:pointer;color:#1f2937;align-items:center;padding:12px 16px;font-size:14.5px;transition:background-color .2s;display:flex}body.dark .custom-privacy-select .select-menu .select-option{color:#e3e3e3}.custom-privacy-select .select-menu .select-option:hover{background-color:#f3f4f6}body.dark .custom-privacy-select .select-menu .select-option:hover{background-color:#37393b}.custom-privacy-select .select-menu .select-option.active{color:#3b82f6;background-color:#3b82f614;font-weight:600}body.dark .custom-privacy-select .select-menu .select-option.active{color:#3b82f6;background-color:#3b82f626}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-qheader{background-color:#0000;border-bottom:1px solid #e5e7eb99;padding:20px 24px}body.dark .quiz-qheader,html[data-theme=dark] .quiz-qheader,.dark .quiz-qheader{border-bottom-color:#ffffff0f}.quiz-qheader__top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.quiz-qheader__title-area{align-items:center;gap:12px;display:flex}.quiz-qheader__icon-box{color:#3b82f6;background-color:#dbeafe;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}body.dark .quiz-qheader__icon-box{color:#3b82f6;background-color:#1e3a8a}.quiz-qheader__text{flex-direction:column;display:flex}.quiz-qheader__title{color:#1f2937;margin:0;font-size:18px;font-weight:700}body.dark .quiz-qheader__title{color:#e3e3e3}.quiz-qheader__subtitle{color:#4b5563;font-size:13px;font-weight:500}body.dark .quiz-qheader__subtitle{color:#aaa}.quiz-qheader__search-inline{align-items:center;width:260px;display:flex;position:relative}@media (max-width:640px){.quiz-qheader__search-inline{width:100%}}.quiz-qheader__search-inline .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}body.dark .quiz-qheader__search-inline .search-icon{color:#64748b}.quiz-qheader__search-inline input{color:#1e293b;background-color:#f8fafc;border:1px solid #e5e7ebcc;border-radius:99px;width:100%;padding:8px 32px 8px 36px;font-size:13px;transition:all .2s}body.dark .quiz-qheader__search-inline input{color:#f8fafc;background-color:#ffffff08;border-color:#ffffff1a}.quiz-qheader__search-inline input::placeholder{color:#94a3b8}body.dark .quiz-qheader__search-inline input::placeholder{color:#64748b}.quiz-qheader__search-inline input:focus{background-color:#0000;border-color:#3b82f6;outline:none}.quiz-qheader__search-inline .search-clear{cursor:pointer;color:#64748b;background:#e2e8f0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:flex;position:absolute;right:8px}body.dark .quiz-qheader__search-inline .search-clear{color:#94a3b8;background-color:#334155}.quiz-qheader__search-inline .search-clear:hover,body.dark .quiz-qheader__search-inline .search-clear:hover{color:#fff;background-color:#ef4444}.quiz-qheader__toolbar{border-top:1px dashed #d1d5db;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}body.dark .quiz-qheader__toolbar{border-top-color:#4b556366}.quiz-qheader__tools,.quiz-qheader__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quiz-qheader__selection-mode{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:6px 0;animation:.2s ease-in-out forwards fadeIn;display:flex}.quiz-qheader__selection-left{align-items:center;gap:12px;display:flex}.quiz-qheader__selection-left .quiz-btn-icon-close{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}body.dark .quiz-qheader__selection-left .quiz-btn-icon-close{color:#aaa;background-color:#282a2c}.quiz-qheader__selection-left .quiz-btn-icon-close:hover{color:#fff;background-color:#ef4444;transform:rotate(90deg)}.quiz-qheader__selection-left .selection-count-text{color:#1f2937;font-size:15px}body.dark .quiz-qheader__selection-left .selection-count-text{color:#e3e3e3}.quiz-qheader__selection-left .selection-count-text strong{color:#3b82f6;font-size:16px}body.dark .quiz-qheader__selection-left .selection-count-text strong{color:#3b82f6}.quiz-qheader__selection-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quiz-qheader__range-inline{background:#f8fafc;border:1px solid #e5e7ebcc;border-radius:99px;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 12px;animation:.2s forwards fadeIn;display:flex}body.dark .quiz-qheader__range-inline,html[data-theme=dark] .quiz-qheader__range-inline,.dark .quiz-qheader__range-inline{background:#ffffff08;border-color:#ffffff1a}.quiz-qheader__range-inline .range-stepper{align-items:center;gap:6px;display:flex}.quiz-qheader__range-inline .range-stepper .stepper-label{color:#64748b;font-size:13px;font-weight:600}body.dark .quiz-qheader__range-inline .range-stepper .stepper-label{color:#94a3b8}.quiz-qheader__range-inline .range-stepper .stepper-controls{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:row;align-items:center;display:flex;overflow:hidden}body.dark .quiz-qheader__range-inline .range-stepper .stepper-controls{background:#ffffff0d;border-color:#ffffff1a}.quiz-qheader__range-inline .range-stepper .stepper-controls .stepper-btn{cursor:pointer;color:#475569;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .1s;display:flex}body.dark .quiz-qheader__range-inline .range-stepper .stepper-controls .stepper-btn{color:#cbd5e1}.quiz-qheader__range-inline .range-stepper .stepper-controls .stepper-btn:hover:not(:disabled){background:#e2e8f0}body.dark .quiz-qheader__range-inline .range-stepper .stepper-controls .stepper-btn:hover:not(:disabled){background:#334155}.quiz-qheader__range-inline .range-stepper .stepper-controls .stepper-btn:active:not(:disabled){background:#cbd5e1}.quiz-qheader__range-inline .range-stepper .stepper-controls .stepper-btn:disabled{opacity:.3;cursor:not-allowed}.quiz-qheader__range-inline .range-stepper .stepper-controls input{text-align:center;color:#0f172a;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:36px;height:28px;font-size:13px;font-weight:600}body.dark .quiz-qheader__range-inline .range-stepper .stepper-controls input{color:#f8fafc}.quiz-qheader__range-inline .range-stepper .stepper-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quiz-qheader__range-inline .range-stepper .stepper-controls input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quiz-qheader__range-inline .range-apply-btn{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:99px;outline:none;padding:6px 14px;font-size:13px;font-weight:600;transition:background-color .2s}body.dark .quiz-qheader__range-inline .range-apply-btn{background-color:#3b82f6}.quiz-qheader__range-inline .range-apply-btn:hover{background-color:#2563eb}.quiz-btn{cursor:pointer;background:0 0;border:none;border-radius:99px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.quiz-btn--tool{color:#4b5563;background-color:#f9fafb}body.dark .quiz-btn--tool{color:#aaa;background-color:#282a2c}.quiz-btn--tool:hover:not(:disabled){color:#1f2937;background-color:#f3f4f6}body.dark .quiz-btn--tool:hover:not(:disabled){color:#e3e3e3;background-color:#37393b}.quiz-btn--tool:disabled{opacity:.5;cursor:not-allowed}.quiz-btn--tool.is-active-critical{color:#ef4444;background-color:#fef2f2;border:1px solid #fca5a5}body.dark .quiz-btn--tool.is-active-critical{background-color:#ef44441a;border-color:#ef44444d}.quiz-btn--tool.is-active-select{color:#3b82f6;background-color:#dbeafe;border:1px solid #3b82f64d}body.dark .quiz-btn--tool.is-active-select{color:#3b82f6;background-color:#1e3a8a;border-color:#3b82f64d}.quiz-btn--danger{color:#ef4444;background-color:#fef2f2;border:1px solid #0000}body.dark .quiz-btn--danger{color:#f87171;background-color:#ef44441a}.quiz-btn--danger:hover:not(:disabled){background-color:#fee2e2;border-color:#fca5a5}.quiz-btn--danger:disabled{opacity:.5;cursor:not-allowed}.quiz-btn--outline{color:#4b5563;background-color:#0000;border:1px solid #d1d5db}body.dark .quiz-btn--outline{color:#aaa;border-color:#4b556366}.quiz-btn--outline:hover{color:#1f2937;border-color:#1f2937}body.dark .quiz-btn--outline:hover{color:#e3e3e3;border-color:#e3e3e3}.quiz-btn--primary{color:#fff;background-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.quiz-btn--primary:hover{background-color:#1469f4;transform:translateY(-1px)}.quiz-btn--ai{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#d946ef 100%);box-shadow:0 4px 12px #d946ef4d}.quiz-btn--ai:hover{background:linear-gradient(135deg,#7a44f5 0%,#d42fed 100%);transform:translateY(-1px)}@media (max-width:768px){.quiz-btn{padding:8px 12px}.quiz-btn span{display:none}}.quiz-qheader__selection-mode{animation:.2s ease-in-out forwards fadeInHeader}@keyframes fadeInHeader{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.addq-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain;background-color:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}body.dark .addq-overlay,html[data-theme=dark] .addq-overlay{background-color:#000000b3}@media (max-width:768px){.addq-overlay{padding:12px}}.addq-modal{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;animation:.2s ease-out modalFadeIn;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.addq-modal--large{max-width:850px;max-height:calc(100dvh - 48px)}body.dark .addq-modal,html[data-theme=dark] .addq-modal{background-color:#1e1e20;border:1px solid #ffffff0d}.addq-modal__header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}body.dark .addq-modal__header{border-bottom-color:#ffffff0d}.addq-modal__title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:18px;font-weight:700;overflow:hidden}body.dark .addq-modal__title{color:#f8fafc}.addq-modal__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.addq-modal__close:hover{color:#ef4444;background:#fee2e2}body.dark .addq-modal__close{color:#94a3b8;background:#ffffff0d}.addq-modal__body{overflow-wrap:break-word;word-break:break-word;scrollbar-width:thin;flex:1;min-width:0;padding:24px;overflow-y:auto}.addq-modal__body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}body.dark .addq-modal__body{scrollbar-color:#555 transparent}.addq-modal__footer{background-color:#f8fafc;border-top:1px solid #f1f5f9;border-radius:0 0 16px 16px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}body.dark .addq-modal__footer{background-color:#0003;border-top-color:#ffffff0d}@media (max-width:768px){.addq-modal--large{max-height:calc(100dvh - 24px)}.addq-modal__header,.addq-modal__body{padding:16px}.addq-modal__title{font-size:16px}.addq-modal__footer{padding:12px 16px}.addq-modal__footer .addq-btn{width:100%}}.addq-form-group{margin-bottom:24px}.addq-type{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.addq-type__item{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.addq-type__input{display:none}.addq-type__label{color:#64748b;background-color:#f1f5f9;border:1px solid #0000;border-radius:99px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-block}body.dark .addq-type__label{color:#94a3b8;background-color:#ffffff0d}@media (hover:hover){.addq-type__item:hover:not(.addq-type__item--disabled) .addq-type__label{color:#1e293b;background-color:#e2e8f0}body.dark .addq-type__item:hover:not(.addq-type__item--disabled) .addq-type__label{color:#f8fafc;background-color:#ffffff1a}}.addq-type__item:active:not(.addq-type__item--disabled) .addq-type__label{background-color:#e2e8f0;transform:scale(.96)}body.dark .addq-type__item:active:not(.addq-type__item--disabled) .addq-type__label{background-color:#ffffff1a}.addq-type__item--active .addq-type__label{color:#4f46e5;background-color:#eef2ff;border-color:#c7d2fe;box-shadow:0 2px 4px #4f46e51a}body.dark .addq-type__item--active .addq-type__label{color:#a5b4fc;background-color:#4f46e526;border-color:#4f46e54d}.addq-type__item--disabled{cursor:not-allowed;opacity:.5}.addq-form{flex-direction:column;gap:24px;display:flex}.addq-form__section{flex-direction:column;gap:8px;display:flex}.addq-form__section--divider{border-top:1px dashed #e2e8f0;padding-top:24px}body.dark .addq-form__section--divider{border-top-color:#ffffff1a}.addq-form__header-row{justify-content:space-between;align-items:flex-end;display:flex}.addq-label{color:#1e293b;margin:0;font-size:15px;font-weight:700}body.dark .addq-label{color:#f8fafc}.addq-label-hint{color:#94a3b8;margin-left:4px;font-size:13px;font-weight:400}.addq-error{color:#ef4444;margin:4px 0 0;font-size:13px}.addq-error--inline{margin:0}.addq-error--sm{font-size:12px}.addq-editor-wrapper{border-radius:12px}.addq-editor-wrapper.has-error{border:1px solid #ef4444;box-shadow:0 0 0 2px #ef44441a}.addq-opt-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.addq-opt-grid{grid-template-columns:1fr}}.addq-opt-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}body.dark .addq-opt-card{background-color:#ffffff05;border-color:#ffffff0d}.addq-opt-card:hover{border-color:#cbd5e1}body.dark .addq-opt-card:hover{border-color:#ffffff26}.addq-opt-card--correct{background-color:#f0fdf4;border-color:#86efac;box-shadow:0 4px 12px #22c55e0d}body.dark .addq-opt-card--correct{background-color:#22c55e0d;border-color:#22c55e4d}.addq-opt-card--error{background-color:#fef2f2;border-color:#fca5a5}.addq-opt-card__header{justify-content:space-between;align-items:center;display:flex}.addq-opt-card__delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.addq-opt-card__delete:hover{color:#ef4444;background:#fee2e2}.addq-opt-card__body{flex:1;min-width:0}.addq-opt-card__body .dav-editor{border-color:#e2e8f0}.addq-radio{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.addq-radio__input{display:none}.addq-radio__box{color:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;transition:all .2s;display:flex}body.dark .addq-radio__box{border-color:#475569}.addq-radio__label{color:#334155;font-size:15px;font-weight:600}body.dark .addq-radio__label{color:#e2e8f0}.addq-radio__input:checked+.addq-radio__box{background-color:#22c55e;border-color:#22c55e}.addq-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.addq-btn--primary{color:#fff;background-color:#4f46e5}.addq-btn--primary:hover:not(:disabled){background-color:#4338ca;box-shadow:0 4px 12px #4f46e533}.addq-btn--primary:disabled{opacity:.6;cursor:not-allowed}.addq-btn-dashed{color:#4f46e5;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}body.dark .addq-btn-dashed{color:#a5b4fc;border-color:#ffffff1a}.addq-btn-dashed:hover{background-color:#f8fafc;border-color:#a5b4fc}body.dark .addq-btn-dashed:hover{background-color:#ffffff05}.addq-loader-overlay{z-index:10;color:#64748b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:500;display:flex;position:absolute;inset:0}body.dark .addq-loader-overlay{color:#94a3b8;background-color:#1e1e20cc}.addq-loader-spinner{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}body.dark .addq-loader-spinner{border-color:#818cf8 #334155 #334155}@media (max-width:640px){.addq-type{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.addq-type::-webkit-scrollbar{height:0}.addq-type__label{white-space:nowrap}.addq-form{gap:16px}}.addq-split-layout{grid-template-columns:1fr 400px;align-items:start;gap:24px;display:grid}.addq-split-layout__main{flex-direction:column;gap:24px;min-width:0;display:flex}@media (max-width:1024px){.addq-split-layout{grid-template-columns:1fr}}.addq-opt-list{flex-direction:column;gap:16px;display:flex}.addq-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.addq-checkbox__input{display:none}.addq-checkbox__box{color:#fff;border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;transition:all .2s;display:flex}body.dark .addq-checkbox__box{border-color:#475569}.addq-checkbox__label{color:#334155;font-size:15px;font-weight:600}body.dark .addq-checkbox__label{color:#e2e8f0}.addq-checkbox__input:checked+.addq-checkbox__box{background-color:#22c55e;border-color:#22c55e}.addq-match-board{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1fr 1fr;gap:20px;padding:20px;display:grid}body.dark .addq-match-board,html[data-theme=dark] .addq-match-board{background-color:#ffffff03;border-color:#ffffff0d}@media (max-width:768px){.addq-match-board{grid-template-columns:1fr;padding:16px}}.addq-match-col{flex-direction:column;gap:16px;display:flex}.addq-match-col__header{color:#64748b;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;padding-bottom:8px;font-size:14px;font-weight:800}body.dark .addq-match-col__header{color:#94a3b8;border-bottom-color:#ffffff1a}.addq-match-empty{text-align:center;color:#94a3b8;border:1px dashed #cbd5e1;border-radius:12px;padding:20px;font-size:14px}body.dark .addq-match-empty{border-color:#ffffff1a}.addq-match-list{flex-direction:column;gap:12px;display:flex}.addq-match-card{background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}body.dark .addq-match-card{background:#1e1e20;box-shadow:0 4px 12px #0003}.addq-match-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.addq-match-card__header{justify-content:space-between;align-items:center;display:flex}.addq-match-card__title{color:#1e293b;font-size:14px;font-weight:700}body.dark .addq-match-card__title{color:#f8fafc}.addq-match-card__delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.addq-match-card__delete:hover{color:#ef4444;background:#fee2e2}.addq-match-card__body{flex:1;min-width:0}.addq-match-card__body .dav-editor{border-color:#e2e8f0}.addq-match-card__footer{border-top:1px dashed #e2e8f0;align-items:center;gap:10px;padding-top:10px;display:flex}body.dark .addq-match-card__footer{border-top-color:#ffffff0d}.addq-match-card__label{white-space:nowrap;font-size:13px;font-weight:600}.addq-match-card__tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.addq-select{color:#334155;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 32px 8px 12px;font-size:14px;font-weight:600;transition:all .2s}.addq-select--error{border-color:#ef4444!important}.addq-select:focus{box-shadow:0 0 0 2px #4f46e533}body.dark .addq-select{color:#e2e8f0;background-color:#1e1e20;border-color:#ffffff1a}.addq-tag{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.addq-tag--unused{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0}body.dark .addq-tag--unused{color:#94a3b8;background-color:#ffffff0d;border-color:#0000}.addq-content-editable{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-height:150px;padding:16px;font-size:15px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.addq-content-editable:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}body.dark .addq-content-editable,html[data-theme=dark] .addq-content-editable{color:#f8fafc;background-color:#ffffff05;border-color:#ffffff1a}body.dark .addq-content-editable:focus,html[data-theme=dark] .addq-content-editable:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf81a}.addq-content-editable span[data-blank-uid]{color:#4f46e5;cursor:default;background-color:#eef2ff;border:1px dashed #a5b4fc;border-radius:4px;margin:0 4px;padding:2px 8px;font-weight:600;display:inline-block}body.dark .addq-content-editable span[data-blank-uid]{color:#a5b4fc;background-color:#4f46e526;border-color:#4f46e566}.addq-fill-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (max-width:640px){.addq-fill-toolbar{flex-direction:column;align-items:stretch}}.addq-textarea{color:#334155;resize:vertical;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px}body.dark .addq-textarea,html[data-theme=dark] .addq-textarea{color:#e2e8f0;background-color:#ffffff05;border-color:#ffffff0d}.addq-subq-list{flex-direction:column;gap:16px;display:flex}.addq-subq-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000d}body.dark .addq-subq-card,html[data-theme=dark] .addq-subq-card{background-color:#1e1e20;border-color:#ffffff1a}.addq-subq-card__header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .2s;display:flex}.addq-subq-card__header:hover{background-color:#f1f5f9}body.dark .addq-subq-card__header{background-color:#ffffff05}body.dark .addq-subq-card__header:hover{background-color:#ffffff0d}.addq-subq-card__title{color:#1e293b;align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.addq-subq-card__title svg{color:#64748b;width:14px}body.dark .addq-subq-card__title{color:#f8fafc}body.dark .addq-subq-card__title svg{color:#94a3b8}.addq-subq-card__delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.addq-subq-card__delete:hover{color:#ef4444;background:#fee2e2}.addq-subq-card__body{border-top:1px solid #e2e8f0;padding:20px}body.dark .addq-subq-card__body{border-top-color:#ffffff0d}.addq-label--sm{color:#475569;font-size:14px}body.dark .addq-label--sm{color:#cbd5e1}.c-comment-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:24px;padding:24px;display:flex}body.dark .c-comment-section,html[data-theme=dark] .c-comment-section{background-color:#1b1b1b;border-color:#4b556366}@media (max-width:640px){.c-comment-section{gap:20px;padding:16px}}.c-comment-section__header{border-bottom:1px solid #e5e7eb;padding-bottom:16px}body.dark .c-comment-section__header{border-bottom-color:#4b556366}.c-comment-section__header h2{color:#1f2937;margin:0;font-size:18px;font-weight:700}body.dark .c-comment-section__header h2{color:#e3e3e3}.c-comment__avatar-wrapper{border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}body.dark .c-comment__avatar-wrapper{border-color:#4b556366}.c-comment__avatar-img{object-fit:cover}.c-comment-input{align-items:flex-start;gap:16px;display:flex}.c-comment-input__wrapper{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:12px;flex:1;min-width:0;padding:12px 16px;transition:all .2s}.c-comment-input__wrapper:focus-within{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #4f46e51a}body.dark .c-comment-input__wrapper,html[data-theme=dark] .c-comment-input__wrapper{background-color:#18181b;border-color:#ffffff14}body.dark .c-comment-input__wrapper:focus-within,html[data-theme=dark] .c-comment-input__wrapper:focus-within{background-color:#1b1b1b;border-color:#3b82f6;box-shadow:0 0 0 3px #818cf81a}.c-comment-input__textarea{color:#1f2937;resize:none;word-break:break-word;overflow-wrap:break-word;background:0 0;border:none;outline:none;width:100%;margin-bottom:8px;padding:0;font-family:inherit;font-size:15px;line-height:1.5;overflow-y:auto}.c-comment-input__textarea::placeholder{color:#6b7280}.c-comment-input__textarea::-webkit-scrollbar{width:4px}.c-comment-input__textarea::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}body.dark .c-comment-input__textarea,html[data-theme=dark] .c-comment-input__textarea{color:#e3e3e3}body.dark .c-comment-input__textarea::placeholder,html[data-theme=dark] .c-comment-input__textarea::placeholder{color:#aaa}body.dark .c-comment-input__textarea::-webkit-scrollbar-thumb{background-color:#4b556366}html[data-theme=dark] .c-comment-input__textarea::-webkit-scrollbar-thumb{background-color:#4b556366}@media (max-width:640px){.c-comment-input__textarea{font-size:16px!important}}.c-comment-input__actions{border-top:1px dashed #e5e7eb;justify-content:flex-end;padding-top:12px;display:flex}body.dark .c-comment-input__actions,html[data-theme=dark] .c-comment-input__actions{border-top-color:#4b556366}.c-comment-list{flex-direction:column;gap:20px;display:flex}.c-comment-item{align-items:flex-start;gap:16px;margin-bottom:20px;padding:0;animation:.3s ease-out modalFadeIn;display:flex}.c-comment-item.is-highlighted .c-comment-item__bubble{animation:3s ease-out forwards bubble-highlight}body.dark .c-comment-item.is-highlighted .c-comment-item__bubble,html[data-theme=dark] .c-comment-item.is-highlighted .c-comment-item__bubble{animation:3s ease-out forwards bubble-highlight-dark}.c-comment-item__content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.c-comment-item__bubble{background-color:#f9fafb;border-radius:0 16px 16px;align-self:flex-start;max-width:100%;padding:8px 12px;transition:all .4s;display:inline-block}body.dark .c-comment-item__bubble,html[data-theme=dark] .c-comment-item__bubble{background-color:#18181b}.c-comment-item__header{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.c-comment-item__author{color:#1f2937;margin:0;font-size:14px;font-weight:700}body.dark .c-comment-item__author{color:#e3e3e3}.c-comment-item__time{color:#6b7280;font-size:12px}body.dark .c-comment-item__time{color:#aaa}.c-comment-item__text{color:#4b5563;white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.5}body.dark .c-comment-item__text,html[data-theme=dark] .c-comment-item__text{color:#aaa}.c-comment-item__actions{margin-top:4px;padding-left:12px}.c-comment-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.c-comment-btn--primary{color:#fff;background-color:#3b82f6}.c-comment-btn--primary:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px #4f46e533}.c-comment-btn--primary:disabled{opacity:.5;cursor:not-allowed;background-color:#6b7280}body.dark .c-comment-btn--primary:disabled,html[data-theme=dark] .c-comment-btn--primary:disabled{background-color:#aaa}.c-comment-btn--outline{color:#4b5563;background-color:#0000;border:1px solid #d1d5db}.c-comment-btn--outline:hover:not(:disabled){color:#1f2937;background-color:#f3f4f6}.c-comment-btn--outline:disabled{opacity:.5;cursor:not-allowed;background-color:#0000!important}body.dark .c-comment-btn--outline,html[data-theme=dark] .c-comment-btn--outline{color:#aaa;border-color:#4b556366}body.dark .c-comment-btn--outline:hover:not(:disabled),html[data-theme=dark] .c-comment-btn--outline:hover:not(:disabled){color:#e3e3e3;background-color:#37393b}.c-comment-action-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.c-comment-action-btn:hover{color:#1f2937;background-color:#f3f4f6}body.dark .c-comment-action-btn,html[data-theme=dark] .c-comment-action-btn{color:#aaa}body.dark .c-comment-action-btn:hover,html[data-theme=dark] .c-comment-action-btn:hover{color:#e3e3e3;background-color:#37393b}.c-comment-action-btn.is-liked{color:#ef4444}.c-comment-action-btn.is-liked:hover{background-color:#ef44441a}body.dark .c-comment-action-btn.is-liked,html[data-theme=dark] .c-comment-action-btn.is-liked{color:#ef4444}body.dark .c-comment-action-btn.is-liked:hover,html[data-theme=dark] .c-comment-action-btn.is-liked:hover{background-color:#ef44441a}@keyframes bubble-highlight{0%,80%{background-color:#4f46e514;box-shadow:0 0 0 1px #4f46e566,0 0 12px #4f46e526}to{box-shadow:0 0 #0000}}@keyframes bubble-highlight-dark{0%,80%{background-color:#818cf81f;box-shadow:0 0 0 1px #818cf880,0 0 12px #818cf826}to{box-shadow:0 0 #0000}}.c-comment-replies{margin-top:4px;padding-left:48px;position:relative}.c-comment-reply-item{margin-bottom:8px;position:relative}.c-comment-reply-item:before{content:"";pointer-events:none;border-bottom:2px solid #d1d5db;border-left:2px solid #d1d5db;border-bottom-left-radius:12px;width:20px;position:absolute;top:-12px;bottom:calc(100% - 16px);left:-28px}body.dark .c-comment-reply-item:before,html[data-theme=dark] .c-comment-reply-item:before{border-color:#4b556366}.c-comment-reply-item:not(:last-child):after{content:"";pointer-events:none;border-left:2px solid #d1d5db;position:absolute;top:16px;bottom:-16px;left:-28px}body.dark .c-comment-reply-item:not(:last-child):after,html[data-theme=dark] .c-comment-reply-item:not(:last-child):after{border-color:#4b556366}.c-comment-toolbar-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px 8px;font-size:20px;transition:all .2s;display:flex}.c-comment-toolbar-btn:hover{color:#3b82f6;background-color:#4f46e51a}body.dark .c-comment-toolbar-btn,html[data-theme=dark] .c-comment-toolbar-btn{color:#64748b}body.dark .c-comment-toolbar-btn:hover,html[data-theme=dark] .c-comment-toolbar-btn:hover{color:#818cf8;background-color:#818cf826}.emoji-picker-container{z-index:9999;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);left:-10px;box-shadow:0 10px 40px #00000026}body.dark .emoji-picker-container,html[data-theme=dark] .emoji-picker-container{background-color:#1e1f20;border-color:#4b556366}.custom-emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-emoji-btn:hover{background-color:#f3f4f6;transform:scale(1.15)}body.dark .custom-emoji-btn:hover,html[data-theme=dark] .custom-emoji-btn:hover{background-color:#37393b}.c-comment-pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px;padding-top:24px;display:flex}body.dark .c-comment-pagination,html[data-theme=dark] .c-comment-pagination{border-top-color:#4b556366}.c-pagination-nav{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.c-pagination-nav:hover:not(:disabled){color:#1f2937;background-color:#f3f4f6}.c-pagination-nav:disabled{opacity:.4;cursor:not-allowed;border-color:#0000}body.dark .c-pagination-nav,html[data-theme=dark] .c-pagination-nav{color:#aaa;border-color:#4b556366}body.dark .c-pagination-nav:hover:not(:disabled),html[data-theme=dark] .c-pagination-nav:hover:not(:disabled){color:#e3e3e3;background-color:#37393b}.c-pagination-number{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.c-pagination-number:hover:not(:disabled):not(.is-active){color:#1f2937;background-color:#f3f4f6}.c-pagination-number.is-active{color:#fff;background-color:#3b82f6;box-shadow:0 4px 10px #4f46e533}.c-pagination-number:disabled{opacity:.5;cursor:not-allowed}body.dark .c-pagination-number,html[data-theme=dark] .c-pagination-number{color:#aaa}body.dark .c-pagination-number:hover:not(:disabled):not(.is-active),html[data-theme=dark] .c-pagination-number:hover:not(:disabled):not(.is-active){color:#e3e3e3;background-color:#37393b}.c-pagination-ellipsis{color:#6b7280;letter-spacing:2px;padding:0 4px;font-weight:600}body.dark .c-pagination-ellipsis,html[data-theme=dark] .c-pagination-ellipsis{color:#aaa}.c-comment-login-prompt{background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex}body.dark .c-comment-login-prompt,html[data-theme=dark] .c-comment-login-prompt{background-color:#ffffff08;border-color:#4b556366}.c-comment-login-prompt:hover{background-color:#fff;border-color:#3b82f6;box-shadow:0 4px 15px #3b82f61a}body.dark .c-comment-login-prompt:hover,html[data-theme=dark] .c-comment-login-prompt:hover{background-color:#ffffff0d}.c-comment-login-prompt .ghost-avatar{color:#6b7280;background-color:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}body.dark .c-comment-login-prompt .ghost-avatar,html[data-theme=dark] .c-comment-login-prompt .ghost-avatar{color:#aaa;background-color:#37393b}.c-comment-login-prompt .ghost-avatar svg{width:20px;height:20px}.c-comment-login-prompt .prompt-content{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.c-comment-login-prompt .prompt-content .prompt-text{color:#4b5563;margin:0;font-size:14.5px;font-weight:500}body.dark .c-comment-login-prompt .prompt-content .prompt-text,html[data-theme=dark] .c-comment-login-prompt .prompt-content .prompt-text{color:#aaa}.c-comment-login-prompt .prompt-content .prompt-login-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:99px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #3b82f633}.c-comment-login-prompt .prompt-content .prompt-login-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 15px #3b82f659}.c-comment-login-prompt .prompt-content .prompt-login-btn:active{transform:translateY(0)}@media (max-width:500px){.c-comment-login-prompt .prompt-content{flex-direction:column;align-items:flex-start}.c-comment-login-prompt .prompt-content .prompt-login-btn{width:100%}}.c-notice-box{text-align:center;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:16px 0;padding:48px 24px;transition:all .3s;display:flex}body.dark .c-notice-box,html[data-theme=dark] .c-notice-box{background-color:#ffffff05;border-color:#ffffff1a}.c-notice-box__icon-wrapper{color:#3b82f6;background-color:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex}body.dark .c-notice-box__icon-wrapper,html[data-theme=dark] .c-notice-box__icon-wrapper{color:#818cf8;background-color:#818cf826}.c-notice-box__icon{font-size:32px}.c-notice-box__content{flex-direction:column;gap:8px;max-width:400px;display:flex}.c-notice-box__title{color:#1f2937;margin:0;font-size:18px;font-weight:700}body.dark .c-notice-box__title,html[data-theme=dark] .c-notice-box__title{color:#e3e3e3}.c-notice-box__desc{color:#4b5563;margin:0;font-size:14px;line-height:1.5}body.dark .c-notice-box__desc,html[data-theme=dark] .c-notice-box__desc{color:#aaa}.c-notice-box__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.pro-exams-wrapper{width:100%;max-width:1100px;margin:0 auto;padding:24px}@media (max-width:768px){.pro-exams-wrapper{padding:16px 12px}}@media (max-width:575px){.pro-exams-header{flex-direction:column;align-items:flex-start}}.pro-pagination{justify-content:center;align-items:center;gap:10px;margin-top:32px;display:flex}.pro-pagination .page-numbers-group{gap:6px;display:flex}.pro-pagination .page-btn{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;min-width:38px;height:38px;font-size:14px;font-weight:600;transition:all .2s;display:flex}body.dark .pro-pagination .page-btn,html[data-theme=dark] .pro-pagination .page-btn,.dark .pro-pagination .page-btn{color:#aaa;background-color:#1e1f20;border-color:#4b556366}.pro-pagination .page-btn:hover:not(:disabled){color:#3b82f6;background-color:#3b82f60d;border-color:#3b82f6}.pro-pagination .page-btn.active{box-shadow:0 4px 12px #3b82f640;color:#fff!important;background-color:#3b82f6!important;border-color:#3b82f6!important}.pro-pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.pro-pagination .page-dots{color:#6b7280;align-items:center;display:flex}body.dark .pro-pagination .page-dots,html[data-theme=dark] .pro-pagination .page-dots,.dark .pro-pagination .page-dots{color:#aaa}.pro-exams-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:24px;display:flex}@media (max-width:575px){.pro-exams-header{flex-direction:column;align-items:flex-start}}.pro-exams-header .pro-search-form{align-items:center;width:100%;max-width:450px;display:flex;position:relative}@media (max-width:575px){.pro-exams-header .pro-search-form{max-width:100%}}.pro-exams-header .pro-search-form .pro-search-input{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:24px;outline:none;width:100%;height:42px;padding:0 44px 0 16px;font-size:14px;transition:all .2s}body.dark .pro-exams-header .pro-search-form .pro-search-input,html[data-theme=dark] .pro-exams-header .pro-search-form .pro-search-input,.dark .pro-exams-header .pro-search-form .pro-search-input{color:#e3e3e3;background-color:#1e1f20;border-color:#4b556366}.pro-exams-header .pro-search-form .pro-search-input::placeholder{color:#6b7280}body.dark .pro-exams-header .pro-search-form .pro-search-input::placeholder,html[data-theme=dark] .pro-exams-header .pro-search-form .pro-search-input::placeholder,.dark .pro-exams-header .pro-search-form .pro-search-input::placeholder{color:#aaa}.pro-exams-header .pro-search-form .pro-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.pro-exams-header .pro-search-form .pro-search-btn,.pro-exams-header .pro-search-form .pro-clear-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}body.dark .pro-exams-header .pro-search-form .pro-search-btn,html[data-theme=dark] .pro-exams-header .pro-search-form .pro-search-btn,.dark .pro-exams-header .pro-search-form .pro-search-btn,body.dark .pro-exams-header .pro-search-form .pro-clear-btn,html[data-theme=dark] .pro-exams-header .pro-search-form .pro-clear-btn,.dark .pro-exams-header .pro-search-form .pro-clear-btn{color:#aaa}.pro-exams-header .pro-search-form .pro-search-btn{right:12px}.pro-exams-header .pro-search-form .pro-search-btn:hover{color:#3b82f6}.pro-exams-header .pro-search-form .pro-clear-btn{color:#ef4444;right:40px}.pro-exams-header .pro-search-form .pro-clear-btn:after{content:"";background-color:#d1d5db;width:1px;height:80%;position:absolute;top:10%;right:-8px}body.dark .pro-exams-header .pro-search-form .pro-clear-btn:after,html[data-theme=dark] .pro-exams-header .pro-search-form .pro-clear-btn:after,.dark .pro-exams-header .pro-search-form .pro-clear-btn:after{background-color:#4b556366}.pro-exams-header .pro-result-count{color:#4b5563;font-size:14px;font-weight:500}body.dark .pro-exams-header .pro-result-count,html[data-theme=dark] .pro-exams-header .pro-result-count,.dark .pro-exams-header .pro-result-count{color:#aaa}.pro-exams-header .pro-result-count strong{color:#1f2937;font-weight:700}body.dark .pro-exams-header .pro-result-count strong,html[data-theme=dark] .pro-exams-header .pro-result-count strong,.dark .pro-exams-header .pro-result-count strong{color:#e3e3e3}.pro-exams-list{flex-direction:column;gap:16px;display:flex}.pro-exam-card{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:200px 1fr auto;grid-template-areas:"thumb info actions";gap:20px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:grid}body.dark .pro-exam-card,html[data-theme=dark] .pro-exam-card,.dark .pro-exam-card{background-color:#1e1f20;border-color:#4b556366}.pro-exam-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}body.dark .pro-exam-card:hover,html[data-theme=dark] .pro-exam-card:hover,.dark .pro-exam-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #0000004d}@media (max-width:767px){.pro-exam-card{border-radius:12px;grid-template-columns:110px 1fr;grid-template-areas:"thumb info""actions actions";gap:12px;padding:14px}}.pec-thumb{aspect-ratio:16/9;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:10px;grid-area:thumb;width:100%;position:relative;overflow:hidden}body.dark .pec-thumb,html[data-theme=dark] .pec-thumb,.dark .pec-thumb{background-color:#282a2c;border-color:#0000}.pec-thumb .pec-img{object-fit:cover;transition:transform .3s}.pec-thumb .pro-exam-card:hover .pec-img{transform:scale(1.05)}.pec-thumb .pec-status-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.pec-thumb .pec-status-badge.private{background-color:#000000b3}.pec-thumb .pec-status-badge.public{background-color:#3b82f6}.pec-thumb .pec-status-badge.shared{background-color:#10b981;top:32px}.pec-info{flex-direction:column;grid-area:info;justify-content:center;gap:8px;display:flex}.pec-info .pec-category-inline{color:#3b82f6;background-color:#3b82f61a;border-radius:4px;align-items:center;gap:6px;width:fit-content;margin-bottom:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.pec-info .pec-category-inline .cat-icon{opacity:.8;font-size:11px}body.dark .pec-info .pec-category-inline,html[data-theme=dark] .pec-info .pec-category-inline,.dark .pec-info .pec-category-inline{color:#3b82f6;background-color:#3b82f626}.pec-info .pec-title{color:#1f2937;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}body.dark .pec-info .pec-title,html[data-theme=dark] .pec-info .pec-title,.dark .pec-info .pec-title{color:#e3e3e3}@media (max-width:767px){.pec-info .pec-title{-webkit-line-clamp:3;font-size:14px}}.pec-info .pec-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}body.dark .pec-info .pec-meta,html[data-theme=dark] .pec-info .pec-meta,.dark .pec-info .pec-meta{color:#aaa}@media (max-width:767px){.pec-info .pec-meta{gap:8px;font-size:12px}}.pec-info .pec-meta .meta-item{align-items:center;gap:5px;display:flex}.pec-info .pec-meta .meta-dot{opacity:.5;font-size:10px}.pec-actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (max-width:767px){.pec-actions{border-top:1px dashed #e5e7eb;justify-content:flex-start;padding-top:12px}body.dark .pec-actions,html[data-theme=dark] .pec-actions,.dark .pec-actions{border-top-color:#4b556366}}.pec-actions .pec-tools{background-color:#f3f4f6;border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}body.dark .pec-actions .pec-tools,html[data-theme=dark] .pec-actions .pec-tools,.dark .pec-actions .pec-tools{background-color:#282a2c}.pec-actions .pec-tools button,.pec-actions .pec-tools a{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}body.dark .pec-actions .pec-tools button,html[data-theme=dark] .pec-actions .pec-tools button,.dark .pec-actions .pec-tools button,body.dark .pec-actions .pec-tools a,html[data-theme=dark] .pec-actions .pec-tools a,.dark .pec-actions .pec-tools a{color:#aaa}.pec-actions .pec-tools button:hover,.pec-actions .pec-tools a:hover{color:#1f2937;background-color:#d1d5db}body.dark .pec-actions .pec-tools button:hover,html[data-theme=dark] .pec-actions .pec-tools button:hover,.dark .pec-actions .pec-tools button:hover,body.dark .pec-actions .pec-tools a:hover,html[data-theme=dark] .pec-actions .pec-tools a:hover,.dark .pec-actions .pec-tools a:hover{color:#e3e3e3;background-color:#37393b}.pec-actions .pec-tools button.liked,.pec-actions .pec-tools a.liked{color:#3b82f6}.pec-actions .pec-tools button.delete:hover,.pec-actions .pec-tools a.delete:hover{color:#ef4444;background-color:#ef44441a}@media (max-width:767px){.pec-actions .pec-tools button,.pec-actions .pec-tools a{width:30px;height:30px;font-size:13px}}.pec-actions .pec-main-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}@media (max-width:767px){.pec-actions .pec-main-btn{flex:1;min-width:140px;height:36px;padding:0 10px;font-size:13px}}.pec-actions .pec-main-btn.manage{color:#fff;background-color:#3b82f6}.pec-actions .pec-main-btn.manage:hover{background-color:#2564eba6}.pec-actions .pec-main-btn.manage .badge-count{color:#3b82f6;background-color:#fff;border-radius:12px;padding:2px 6px;font-size:12px;font-weight:700;line-height:1}.pec-actions .pec-main-btn.history{color:#10b981;background-color:#0000;border:1px solid #10b981}.pec-actions .pec-main-btn.history:hover{background-color:#10b9811a}body.dark .pec-actions .pec-main-btn.history,html[data-theme=dark] .pec-actions .pec-main-btn.history,.dark .pec-actions .pec-main-btn.history{color:#34d399;border-color:#34d399}body.dark .pec-actions .pec-main-btn.history:hover,html[data-theme=dark] .pec-actions .pec-main-btn.history:hover,.dark .pec-actions .pec-main-btn.history:hover{background-color:#34d39926}.pec-actions .pec-main-btn.create{color:#f59e0b;background-color:#f59e0b26;border:1px solid #f59e0b4d}.pec-actions .pec-main-btn.create:hover{background-color:#f59e0b40}body.dark .pec-actions .pec-main-btn.create,html[data-theme=dark] .pec-actions .pec-main-btn.create,.dark .pec-actions .pec-main-btn.create{color:#fbbf24}.pec-actions .pec-main-btn.primary{color:#fff;background-color:#3b82f6}.pec-actions .pec-main-btn.primary:hover{background-color:#2564eba6}@keyframes zenSkPulse{0%,to{opacity:1}50%{opacity:.5}}.zen-sk-pro-exams{width:100%;max-width:1100px;margin:0 auto;padding:24px}@media (max-width:768px){.zen-sk-pro-exams{padding:16px 12px}}.zen-sk-pro-exams__list{flex-direction:column;gap:16px;width:100%;display:flex}.zen-sk-pro-exams__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:24px;display:flex}@media (max-width:575px){.zen-sk-pro-exams__header{flex-direction:column;align-items:flex-start}}.zen-sk-pro-exams__search{background-color:#f3f4f6;border-radius:4px;width:100%;max-width:450px;height:42px;animation:1.5s ease-in-out infinite zenSkPulse}body.dark .zen-sk-pro-exams__search,html[data-theme=dark] .zen-sk-pro-exams__search,.dark .zen-sk-pro-exams__search{background-color:#ffffff0d}@media (max-width:575px){.zen-sk-pro-exams__search{max-width:100%}}.zen-sk-pro-exams__count{background-color:#f3f4f6;border-radius:4px;width:120px;height:20px;animation:1.5s ease-in-out infinite zenSkPulse}body.dark .zen-sk-pro-exams__count,html[data-theme=dark] .zen-sk-pro-exams__count,.dark .zen-sk-pro-exams__count{background-color:#ffffff0d}.zen-sk-exam-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:200px 1fr auto;grid-template-areas:"thumb info actions";gap:20px;width:100%;padding:16px;display:grid}body.dark .zen-sk-exam-card,html[data-theme=dark] .zen-sk-exam-card,.dark .zen-sk-exam-card{background-color:#1e1f20;border-color:#4b556366}@media (max-width:767px){.zen-sk-exam-card{border-radius:12px;grid-template-columns:110px 1fr;grid-template-areas:"thumb info""actions actions";gap:12px;padding:14px}}.zen-sk-exam-card__thumb{aspect-ratio:16/9;background-color:#f3f4f6;border-radius:4px;grid-area:thumb;width:100%;animation:1.5s ease-in-out infinite zenSkPulse}body.dark .zen-sk-exam-card__thumb,html[data-theme=dark] .zen-sk-exam-card__thumb,.dark .zen-sk-exam-card__thumb{background-color:#ffffff0d}.zen-sk-exam-card__info{flex-direction:column;grid-area:info;justify-content:center;gap:12px;display:flex}.zen-sk-exam-card__title{background-color:#f3f4f6;border-radius:4px;width:90%;height:16px;animation:1.5s ease-in-out infinite zenSkPulse}body.dark .zen-sk-exam-card__title,html[data-theme=dark] .zen-sk-exam-card__title,.dark .zen-sk-exam-card__title{background-color:#ffffff0d}.zen-sk-exam-card__line{background-color:#f3f4f6;border-radius:4px;width:60%;height:16px;animation:1.5s ease-in-out infinite zenSkPulse}body.dark .zen-sk-exam-card__line,html[data-theme=dark] .zen-sk-exam-card__line,.dark .zen-sk-exam-card__line{background-color:#ffffff0d}.zen-sk-exam-card__meta{background-color:#f3f4f6;border-radius:4px;width:45%;height:12px;margin-top:6px;animation:1.5s ease-in-out infinite zenSkPulse}body.dark .zen-sk-exam-card__meta,html[data-theme=dark] .zen-sk-exam-card__meta,.dark .zen-sk-exam-card__meta{background-color:#ffffff0d}.zen-sk-exam-card__actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (max-width:767px){.zen-sk-exam-card__actions{border-top:1px dashed #e5e7eb;justify-content:flex-start;padding-top:12px}body.dark .zen-sk-exam-card__actions,html[data-theme=dark] .zen-sk-exam-card__actions,.dark .zen-sk-exam-card__actions{border-top-color:#4b556366}}.zen-sk-exam-card__tools{background-color:#f3f4f6;border-radius:4px;width:136px;height:38px;animation:1.5s ease-in-out infinite zenSkPulse}body.dark .zen-sk-exam-card__tools,html[data-theme=dark] .zen-sk-exam-card__tools,.dark .zen-sk-exam-card__tools{background-color:#ffffff0d}.zen-sk-exam-card__btn-create{background-color:#f3f4f6;border-radius:4px;width:110px;height:38px;animation:1.5s ease-in-out infinite zenSkPulse}body.dark .zen-sk-exam-card__btn-create,html[data-theme=dark] .zen-sk-exam-card__btn-create,.dark .zen-sk-exam-card__btn-create{background-color:#ffffff0d}.zen-sk-exam-card__btn-manage{background-color:#f3f4f6;border-radius:4px;width:160px;height:38px;animation:1.5s ease-in-out infinite zenSkPulse}body.dark .zen-sk-exam-card__btn-manage,html[data-theme=dark] .zen-sk-exam-card__btn-manage,.dark .zen-sk-exam-card__btn-manage{background-color:#ffffff0d}@media (max-width:767px){.zen-sk-exam-card__btn-create,.zen-sk-exam-card__btn-manage{flex:1;min-width:140px;height:36px}}.pro-exams-wrapper.virtual-mode{flex-direction:column;height:calc(100vh - 80px);display:flex}.pro-exams-header.shrink-0{flex-shrink:0}.pro-virtual-box{background-color:#f3f4f666;border:1px solid #d1d5db;border-radius:16px;flex:1;padding:16px 4px 16px 16px;overflow:hidden}body.dark .pro-virtual-box,html[data-theme=dark] .pro-virtual-box,.dark .pro-virtual-box{background-color:#282a2c66;border-color:#4b556366}.pro-virtual-container{scrollbar-width:thin;height:100%;padding-right:12px;overflow-y:auto}.pro-virtual-container::-webkit-scrollbar{width:6px}.pro-virtual-container::-webkit-scrollbar-track{background:0 0}.pro-virtual-container::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:10px}body.dark .pro-virtual-container::-webkit-scrollbar-thumb{background-color:#4b556366}html[data-theme=dark] .pro-virtual-container::-webkit-scrollbar-thumb{background-color:#4b556366}.dark .pro-virtual-container::-webkit-scrollbar-thumb{background-color:#4b556366}.pro-virtual-inner{width:100%;position:relative}.pro-virtual-item{width:100%;padding-bottom:16px;position:absolute;top:0;left:0}.pro-empty-state{text-align:center;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.pro-empty-state .empty-icon{color:#6b7280;stroke-width:1.5px;width:64px;height:64px;margin-bottom:20px}body.dark .pro-empty-state .empty-icon,html[data-theme=dark] .pro-empty-state .empty-icon,.dark .pro-empty-state .empty-icon{color:#aaa}.pro-empty-state h3{color:#1f2937;margin-bottom:8px;font-size:20px;font-weight:700}body.dark .pro-empty-state h3,html[data-theme=dark] .pro-empty-state h3,.dark .pro-empty-state h3{color:#e3e3e3}.pro-empty-state p{color:#4b5563;max-width:400px;font-size:15px;line-height:1.5}body.dark .pro-empty-state p,html[data-theme=dark] .pro-empty-state p,.dark .pro-empty-state p{color:#aaa}.pro-empty-state .pro-btn-clear-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;margin-top:16px;font-size:14px;font-weight:600;text-decoration:underline;transition:opacity .2s}.pro-empty-state .pro-btn-clear-link:hover{opacity:.8}body.dark .pro-empty-state .pro-btn-clear-link,html[data-theme=dark] .pro-empty-state .pro-btn-clear-link,.dark .pro-empty-state .pro-btn-clear-link{color:#3b82f6}.exam-sidebar{border-radius:16px;flex-direction:column;max-height:400px;display:flex}.exam-sidebar__header{border-bottom:1px solid #f1f5f9;padding:20px 24px 16px}.exam-sidebar__title{color:#1e293b;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.exam-sidebar__content{scrollbar-width:thin;scrollbar-color:#f9fafb transparent;flex-direction:column;gap:24px;padding:20px 24px;display:flex;overflow:auto}body.dark .exam-sidebar__content{scrollbar-color:#55555531 transparent}.exam-sidebar__footer{margin-top:auto;padding:16px 24px 20px}.exam-sidebar__btn-return{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:all .2s}.exam-sidebar__btn-return:hover{color:#1e293b;background:#e2e8f0}.exam-info{align-items:center;gap:16px;display:flex}.exam-info__thumbnail{border-radius:14px;flex-shrink:0;width:64px;height:64px;overflow:hidden;box-shadow:0 4px 10px #0000000d}.exam-info__image{object-fit:cover;width:100%;height:100%}.exam-info__details{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.exam-info__badge{color:#a855f7;background:linear-gradient(135deg,#fdf4ff 0%,#f3e8ff 100%);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.exam-info__author{align-items:center;gap:8px;display:flex}.exam-info__author-avatar{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:24px;height:24px}.exam-info__author-name{color:#475569;font-size:13px;font-weight:600}.exam-overall-progress{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000005}.exam-overall-progress__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.exam-overall-progress__title{color:#334155;margin:0;font-size:14px;font-weight:700}.exam-overall-progress__count{color:#64748b;font-size:13px;font-weight:500}.exam-overall-progress__current{color:#3b82f6;font-size:16px;font-weight:800}.exam-overall-progress__bar{background:#f1f5f9;border-radius:10px;width:100%;height:8px;overflow:hidden}.exam-overall-progress__bar-inner{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:10px;height:100%;transition:width .4s ease-out}body.dark .exam-info__author-name{color:#94a3b8}body.dark .exam-info__author-avatar{border-color:#334155}body.dark .exam-overall-progress{background:#252628;border-color:#2e2f31}body.dark .exam-overall-progress__title{color:#e2e8f0}body.dark .exam-overall-progress__count{color:#94a3b8}body.dark .exam-overall-progress__current{color:#60a5fa}body.dark .exam-overall-progress__bar{background:#334155}.exam-status{grid-template-columns:1fr 1fr;gap:12px;display:grid}.exam-status__item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.exam-status__label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.exam-status__selector{position:relative}.exam-status__trigger{color:#3b82f6;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:15px;font-weight:600;display:flex}.exam-status__dropdown{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:150px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.exam-status__option{text-align:left;color:#334155;background:0 0;border:none;border-bottom:1px solid #f1f5f9;width:100%;padding:10px 16px;font-size:14px;transition:all .2s}.exam-status__option:hover{color:#3b82f6;background:#f8fafc}.exam-status__option:last-child{border-bottom:none}.exam-status__timer{color:#334155;font-size:16px;font-weight:700}.smart-config{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000005}.smart-config__header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.smart-config__icon{color:#f59e0b}.smart-config__title{color:#334155;margin:0;font-size:15px;font-weight:700}.smart-config__list{flex-direction:column;gap:20px;display:flex}.smart-config__item{flex-direction:column;gap:10px;display:flex}.smart-config__label{color:#475569;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.smart-config__label-icon{color:#94a3b8}.smart-config__slider-group{align-items:center;gap:12px;display:flex}.smart-config__slider{-webkit-appearance:none;background:#e2e8f0;border-radius:10px;outline:none;flex:1;height:6px}.smart-config__slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #3b82f6;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 2px 5px #3b82f64d}.smart-config__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.smart-config__badge{color:#2563eb;text-align:center;background:#eff6ff;border-radius:20px;min-width:45px;padding:4px 10px;font-size:12px;font-weight:700}.smart-config__pills{background:#f1f5f9;border-radius:12px;gap:8px;padding:4px;display:flex}.smart-config__pill{flex:1}.smart-config__radio{display:none}.smart-config__pill-label{text-align:center;color:#64748b;cursor:pointer;border-radius:8px;padding:6px 0;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.smart-config__radio:checked+.smart-config__pill-label{color:#3b82f6;background:#fff;box-shadow:0 2px 6px #0000000d}.smart-config__chips{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}.smart-config__chip{cursor:pointer;margin:0;display:block}.smart-config__chip-input{display:none}.smart-config__chip-text{text-align:center;color:#64748b;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 8px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:block}.smart-config__chip-text:hover{color:#475569;background:#f1f5f9}.smart-config__chip-input:checked+.smart-config__chip-text{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.test-top-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.exam-timer-used{flex-direction:column;align-items:flex-end;display:flex}.exam-timer-used__label{text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700}.exam-timer-used__time{color:#0f172a;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.exam-ring-timer{justify-content:center;align-items:center;display:flex;position:relative}.exam-ring-timer--compact{width:82px;height:82px}.exam-ring-timer__svg{width:100%;height:100%;transform:rotate(-90deg)scaleX(-1)}.exam-ring-timer__track{fill:none;stroke:#e2e8f0;stroke-width:8px}.exam-ring-timer__progress{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray 1s linear,stroke .4s}.exam-ring-timer__progress--green{stroke:#10b981}.exam-ring-timer__progress--orange{stroke:#f59e0b}.exam-ring-timer__progress--red{stroke:#ef4444}.exam-ring-timer__text{color:#1e293b;font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:13px;font-weight:700;position:absolute}body.dark .exam-sidebar{background-color:#1e1f20;border-color:#2a2b2c;box-shadow:0 4px 20px #0003}body.dark .exam-sidebar__header{border-bottom-color:#2a2b2c}body.dark .exam-sidebar__title{color:#f8fafc}body.dark .exam-sidebar__btn-return{color:#cbd5e1;background:#252628;border-color:#334155}body.dark .exam-sidebar__btn-return:hover{color:#f8fafc;background:#334155}body.dark .test-top-row{background:#252628;border-color:#2e2f31}body.dark .exam-timer-used__time{color:#f8fafc}body.dark .exam-ring-timer__track{stroke:#334155}body.dark .exam-ring-timer__text{color:#f8fafc}body.dark .exam-ring-timer__progress--green{stroke:#34d399}body.dark .exam-ring-timer__progress--orange{stroke:#fbbf24}body.dark .exam-ring-timer__progress--red{stroke:#f87171}body.dark .exam-info__badge{color:#d8b4fe;background:#a855f726}body.dark .exam-status__item{background:#252628;border-color:#2e2f31}body.dark .exam-status__label{color:#94a3b8}body.dark .exam-status__trigger{color:#60a5fa}body.dark .exam-status__dropdown{background:#252628;border-color:#334155}body.dark .exam-status__option{color:#e2e8f0;border-bottom-color:#334155}body.dark .exam-status__option:hover{color:#93c5fd;background:#334155}body.dark .exam-status__timer{color:#e2e8f0}body.dark .smart-config{background:#252628;border-color:#2e2f31}body.dark .smart-config__title{color:#e2e8f0}body.dark .smart-config__label{color:#cbd5e1}body.dark .smart-config__slider{background:#334155}body.dark .smart-config__slider::-webkit-slider-thumb{background:#1e1f20;border-color:#60a5fa;box-shadow:0 0 10px #60a5fa66}body.dark .smart-config__badge{color:#60a5fa;background:#60a5fa26}body.dark .smart-config__pills{background:#1e1f20}body.dark .smart-config__pill-label{color:#94a3b8}body.dark .smart-config__radio:checked+body.dark .smart-config__pill-label{color:#93c5fd;background:#334155}body.dark .smart-config__chip-text{color:#94a3b8;background:#1e1f20;border-color:#334155}body.dark .smart-config__chip-text:hover{color:#cbd5e1;background:#2a2b2c}body.dark .smart-config__chip-input:checked+body.dark .smart-config__chip-text{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa66;box-shadow:0 4px 12px #0000004d}.require-save-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0000008c;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.require-save-modal__container{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;width:90%;max-width:400px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.dark .require-save-modal__container{background-color:#1e1f20;border-color:#4b556366;box-shadow:0 20px 25px -5px #00000080}.require-save-modal__header{flex-direction:column;align-items:center;gap:16px;padding:32px 24px 16px;display:flex}.require-save-modal__icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.require-save-modal__icon--warning{color:#f59e0b;background-color:#f59e0b26}body.dark .require-save-modal__icon--warning{background-color:#f59e0b1a}.require-save-modal__title{color:#1f2937;text-align:center;margin:0;font-size:20px;font-weight:700}body.dark .require-save-modal__title{color:#e3e3e3}.require-save-modal__body{padding:0 24px 28px}.require-save-modal__text{color:#4b5563;text-align:center;margin:0;font-size:15px;line-height:1.5}.require-save-modal__text strong{color:#1f2937;font-weight:600}body.dark .require-save-modal__text{color:#aaa}body.dark .require-save-modal__text strong{color:#e3e3e3}.require-save-modal__footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:center;padding:16px 24px;display:flex}body.dark .require-save-modal__footer{background-color:#282a2c;border-color:#4b556366}.require-save-modal__btn{cursor:pointer;border:none;border-radius:8px;outline:none;width:100%;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s ease-in-out}.require-save-modal__btn--primary{color:#fff;background-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f64d}.require-save-modal__btn--primary:hover{background-color:#2564eba6;transform:translateY(-1px);box-shadow:0 6px 8px -1px #3b82f666}.require-save-modal__btn--primary:active{transform:translateY(0)}.ai-history{color:#1f2937;max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;padding:32px 24px;font-family:Google Sans,Inter,sans-serif}@media (max-width:768px){.ai-history{padding:24px 16px}}.ai-history__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.ai-history__title{color:#1f2937;margin:0;font-size:24px;font-weight:500}.ai-history__refresh-btn{color:#4b5563;cursor:pointer;background-color:#0000;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:0;transition:all .2s cubic-bezier(.2,0,0,1);display:flex}.ai-history__refresh-btn:hover:not(:disabled){color:#1f2937;background-color:#f3f4f6}.ai-history__refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ai-history__refresh-btn.is-spinning .fa-rotate-right{animation:1s linear infinite spin}.ai-history__refresh-btn svg{font-size:18px;margin:0!important}.ai-history__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;transition:opacity .3s;display:grid}.ai-history__grid.is-loading{opacity:.8;pointer-events:none}.ai-history__empty{text-align:center;color:#4b5563;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:24px;padding:80px 20px}.ai-history__empty-icon{color:#6b7280;margin-bottom:16px;font-size:48px}.ai-history__empty-title{color:#1f2937;margin-bottom:8px;font-size:18px;font-weight:600}.job-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:box-shadow .25s,border-color .25s,transform .2s;display:flex;overflow:hidden}.job-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.job-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.job-card__info{flex:1;min-width:0}.job-card__tags{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.job-card__mode-label{text-transform:uppercase;letter-spacing:.5px;color:#4b5563;background-color:#f3f4f6;border-radius:4px;align-items:center;gap:6px;margin-bottom:0;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.job-card__mode-label--success{color:#0ea271;background-color:#10b9811a}body.dark .job-card__mode-label--success{color:#10b981;background-color:#10b98126}.job-card__topic{color:#1f2937;cursor:pointer;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.job-card__target-info{align-items:center;gap:6px;margin-top:4px;margin-bottom:8px;font-size:13px;display:flex}.job-card__target-info .text-neutral{color:#4b5563}.job-card__target-info .text-error{color:#ef4444;font-weight:600}.job-card__meta{color:#6b7280;font-size:12px;display:block}.job-card__badge{white-space:nowrap;border:1px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.job-card__badge--pending{color:#4b5563;background-color:#f9fafb;border-color:#e5e7eb}.job-card__badge--processing{color:#3b82f6;background-color:#dbeafe;border-color:#3b82f633}.job-card__badge--processing .icon{animation:1.5s infinite pulse}.job-card__badge--completed{color:#0ea271;background-color:#10b9811a;border-color:#10b98133}.job-card__badge--failed{color:#ef4444;background-color:#ef44441a;border-color:#ef444433}.job-card__body{flex-direction:column;flex:1;display:flex}.job-card__progress{margin-top:8px}.job-card__progress-track{background:#f3f4f6;border-radius:4px;height:6px;position:relative;overflow:hidden}.job-card__progress-fill{background:#3b82f6;border-radius:4px;height:100%;transition:width .4s ease-out;position:absolute}.job-card__progress-text{color:#4b5563;justify-content:space-between;margin-top:8px;font-size:13px;font-weight:500;display:flex}.job-card__error-zone{background:#fefce8;border:1px solid #ef444433;border-left:4px solid #ef4444;border-radius:8px;margin-top:auto;padding:12px}.job-card__error-zone .job-card__error{align-items:flex-start;gap:10px;display:flex}.job-card__error-zone .error-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.job-card__error-zone .error-content{flex-direction:column;gap:6px;min-width:0;display:flex}.job-card__error-zone .error-content .error-main{color:#1f2937;word-wrap:break-word;white-space:pre-wrap;font-size:13px;font-weight:500}.job-card__error-zone .error-content .error-refund{color:#eb1515;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.job-card__actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:16px;display:flex}.job-card__btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.job-card__btn--primary{color:#fff;background-color:#3b82f6}.job-card__btn--primary:hover{background-color:#2564eba6;box-shadow:0 2px 4px #3b82f64d}.job-card__btn--danger{color:#ef4444;background-color:#0000;padding:8px 16px}.job-card__btn--danger:hover{background-color:#ef444414}.job-card__btn--warning{color:#c57f08;background-color:#f59e0b26}.job-card__btn--warning:hover{color:#fff;background-color:#f59e0b}.ai-pagination{justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}.ai-pagination__btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:flex}.ai-pagination__btn:hover:not(:disabled){color:#1f2937;background:#f3f4f6}.ai-pagination__btn--active{color:#fff;background:#3b82f6;box-shadow:0 2px 6px #3b82f666}.ai-pagination__btn--active:hover:not(:disabled){color:#fff;background:#2564eba6}.ai-pagination__btn:disabled{opacity:.3;cursor:not-allowed}.ai-pagination__btn--ellipsis{pointer-events:none;width:24px}body.dark .ai-history,body.dark .ai-history__title{color:#e3e3e3}body.dark .ai-history__refresh-btn{color:#aaa;border-color:#4b556366}body.dark .ai-history__refresh-btn:hover:not(:disabled){color:#e3e3e3;background-color:#37393b}body.dark .ai-history__empty{color:#aaa;background-color:#1e1f20;border-color:#4b556366}body.dark .ai-history__empty-title{color:#e3e3e3}body.dark .job-card{box-shadow:none;background:#1e1f20;border-color:#4b556366}body.dark .job-card:hover{background:#282a2c;border-color:#ffffff26;box-shadow:0 8px 16px #0006}body.dark .job-card__topic{color:#e3e3e3}body.dark .job-card__mode-label{color:#aaa;background-color:#37393b}body.dark .job-card__target-info .text-neutral{color:#aaa}body.dark .job-card__target-info .text-error{color:#f37373}body.dark .job-card__meta{color:#aaa}body.dark .job-card__badge--pending{color:#aaa;background:#37393b;border-color:#4b556366}body.dark .job-card__badge--processing{color:#84b1f9;background-color:#3b82f626;border-color:#3b82f64d}body.dark .job-card__badge--completed{color:#10b981;background:#10b98126;border-color:#10b9814d}body.dark .job-card__badge--failed{color:#ef4444;background:#ef444426;border-color:#ef44444d}body.dark .job-card__progress-track{background:#282a2c}body.dark .job-card__progress-fill{background:#6ca1f8}body.dark .job-card__progress-text{color:#aaa}body.dark .job-card__error-zone{background-color:#ef444414;border-color:#ef444433 #ef444433 #ef444433 #ef4444}body.dark .job-card__error-zone .error-icon{color:#ef4444}body.dark .job-card__error-zone .error-main{color:#e3e3e3}body.dark .job-card__error-zone .error-refund{color:#f37373}body.dark .job-card__actions{border-top-color:#4b556366}body.dark .job-card__btn--primary{color:#fff;background-color:#1e3a8a}body.dark .job-card__btn--primary:hover{background-color:#274cb4}body.dark .job-card__btn--danger{color:#f37373}body.dark .job-card__btn--danger:hover{background-color:#ef44441a}body.dark .job-card__btn--warning{color:#f59e0b;background-color:#f59e0b26;border:1px solid #f59e0b4d}body.dark .job-card__btn--warning:hover{background-color:#f59e0b40}body.dark .ai-pagination__btn{color:#aaa}body.dark .ai-pagination__btn:hover:not(:disabled){color:#e3e3e3;background:#37393b}body.dark .ai-pagination__btn--active{color:#fff;background-color:#1e3a8a}.ai-recovery-overlay{z-index:10000;background-color:#fff;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.ai-recovery-overlay__content{text-align:center;padding:32px;animation:.4s ease-out aiRecoveryFadeIn}.ai-recovery-overlay__icon{color:#3b82f6;margin-bottom:24px}.ai-recovery-overlay__title{color:#1f2937;margin-bottom:8px;font-size:20px;font-weight:600}.ai-recovery-overlay__desc{color:#6b7280;font-size:15px}body.dark .ai-recovery-overlay{background-color:#1e1f20}body.dark .ai-recovery-overlay .ai-recovery-overlay__title{color:#e3e3e3}body.dark .ai-recovery-overlay .ai-recovery-overlay__desc{color:#aaa}@keyframes aiRecoveryFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.exam-error-view{justify-content:center;align-items:center;min-height:60vh;padding:20px;display:flex}.exam-error-view__card{text-align:center;background-color:#fff;border-radius:16px;width:100%;max-width:500px;padding:40px;box-shadow:0 4px 20px #0000000d}.exam-error-view__icon{color:#ef4444;margin-bottom:20px;font-size:48px}.exam-error-view__title{color:#1f2937;margin-bottom:12px;font-size:22px;font-weight:600}.exam-error-view__desc{color:#4b5563;margin-bottom:24px;line-height:1.5}.exam-error-view__rescue-box{text-align:left;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:24px;padding:20px}.exam-error-view__rescue-title{color:#166534;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.exam-error-view__rescue-desc{color:#15803d;margin-bottom:16px;font-size:14px;line-height:1.5}.exam-error-view__btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.exam-error-view__btn--primary{color:#fff;background-color:#3b82f6}.exam-error-view__btn--primary:hover{background-color:#2564eba6;box-shadow:0 4px 12px #3b82f64d}.exam-error-view__btn--secondary{color:#4b5563;background-color:#f3f4f6}.exam-error-view__btn--secondary:hover{background-color:#d1d5db}.exam-error-view__btn--full{width:100%}body.dark .exam-error-view__card,html[data-theme=dark] .exam-error-view__card{box-shadow:none;background-color:#1e1f20;border:1px solid #4b556366}body.dark .exam-error-view__title,html[data-theme=dark] .exam-error-view__title{color:#e3e3e3}body.dark .exam-error-view__desc,html[data-theme=dark] .exam-error-view__desc{color:#aaa}body.dark .exam-error-view__rescue-box,html[data-theme=dark] .exam-error-view__rescue-box{background-color:#16653426;border-color:#4ade8033}body.dark .exam-error-view__rescue-title,html[data-theme=dark] .exam-error-view__rescue-title{color:#4ade80}body.dark .exam-error-view__rescue-desc,html[data-theme=dark] .exam-error-view__rescue-desc{color:#86efac}body.dark .exam-error-view__btn--secondary,html[data-theme=dark] .exam-error-view__btn--secondary{color:#e3e3e3;background-color:#282a2c}body.dark .exam-error-view__btn--secondary:hover,html[data-theme=dark] .exam-error-view__btn--secondary:hover{background-color:#37393b}.cute-login-wrapper{background-color:#f9fafb;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}body.dark .cute-login-wrapper,html[data-theme=dark] .cute-login-wrapper{background-color:#1b1b1b}.cute-login-wrapper .bg-bubble{filter:blur(80px);z-index:0;opacity:.3;border-radius:50%;animation:10s ease-in-out infinite alternate drift;position:absolute}.cute-login-wrapper .bg-bubble.bubble-1{background:#3b82f6;width:350px;height:350px;animation-duration:12s;top:-10%;left:-5%}body.dark .cute-login-wrapper .bg-bubble.bubble-1{opacity:.15}.cute-login-wrapper .bg-bubble.bubble-2{background:#ec4899;width:300px;height:300px;animation-duration:14s;animation-delay:-5s;bottom:-10%;right:-5%}body.dark .cute-login-wrapper .bg-bubble.bubble-2{opacity:.15}.cute-login-wrapper .cute-login-card{z-index:10;text-align:center;background:#fff;border-radius:32px;width:100%;max-width:420px;margin-top:-20vh;padding:40px 32px;animation:.6s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;box-shadow:0 10px 40px -10px #00000014}body.dark .cute-login-wrapper .cute-login-card,html[data-theme=dark] .cute-login-wrapper .cute-login-card{background:#1e1f20;border:1px solid #6b72801c;box-shadow:0 25px 50px -12px #00000080}.cute-login-wrapper .cute-login-card__header{margin-bottom:32px}.cute-login-wrapper .cute-login-card__header .icon-showcase{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:3s ease-in-out infinite floatIcon;display:flex;position:relative;box-shadow:0 10px 20px -8px #0000001a}body.dark .cute-login-wrapper .cute-login-card__header .icon-showcase{background:#ffffff0d;box-shadow:0 10px 15px -3px #00000080}.cute-login-wrapper .cute-login-card__header .icon-showcase .heart-icon{color:#ec4899;width:38px;height:38px}.cute-login-wrapper .cute-login-card__header .icon-showcase .sparkle-icon{color:#f59e0b;width:24px;height:24px;animation:1.5s infinite twinkle;position:absolute;top:0;right:-4px}.cute-login-wrapper .cute-login-card__header .title{color:#1f2937;margin-bottom:12px;font-size:24px;font-weight:800}body.dark .cute-login-wrapper .cute-login-card__header .title{color:#e3e3e3}.cute-login-wrapper .cute-login-card__header .subtitle{color:#4b5563;font-size:14.5px;line-height:1.6}body.dark .cute-login-wrapper .cute-login-card__header .subtitle{color:#aaa}.cute-login-wrapper .cute-login-card__error-box{color:#991b1b;background:#fefce8;border:1px dashed #facc15;border-radius:16px;margin-bottom:24px;padding:16px;font-size:13.5px;line-height:1.5;animation:.4s ease-in-out shake}body.dark .cute-login-wrapper .cute-login-card__error-box{color:#fca5a5;background:#422006;border-color:#d97706}.cute-login-wrapper .cute-login-card__error-box .btn-reload{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fca5a5;border-radius:99px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}body.dark .cute-login-wrapper .cute-login-card__error-box .btn-reload{color:#f87171;border-color:#ef4444}.cute-login-wrapper .cute-login-card__error-box .btn-reload:hover{color:#fff;background:#ef4444;transform:translateY(-1px)}.cute-login-wrapper .cute-login-card__action-area{justify-content:center;align-items:center;min-height:60px;margin-bottom:24px;display:flex}.cute-login-wrapper .cute-login-card__action-area .loading-state{color:#3b82f6;flex-direction:column;align-items:center;gap:12px;display:flex}.cute-login-wrapper .cute-login-card__action-area .loading-state .spinner{animation:1s linear infinite spin}.cute-login-wrapper .cute-login-card__action-area .loading-state span{color:#4b5563;font-size:14px;font-weight:500}body.dark .cute-login-wrapper .cute-login-card__action-area .loading-state span{color:#aaa}.cute-login-wrapper .cute-login-card__action-area .btn-google-login{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:99px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 20px;transition:all .3s;display:flex;box-shadow:0 4px 6px #00000005}body.dark .cute-login-wrapper .cute-login-card__action-area .btn-google-login{background:#282a2c;border-color:#4b556366}.cute-login-wrapper .cute-login-card__action-area .btn-google-login .gg-icon-wrapper{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}body.dark .cute-login-wrapper .cute-login-card__action-area .btn-google-login .gg-icon-wrapper{background:#1e1f20}.cute-login-wrapper .cute-login-card__action-area .btn-google-login .btn-text{color:#1f2937;font-size:16px;font-weight:700}body.dark .cute-login-wrapper .cute-login-card__action-area .btn-google-login .btn-text{color:#e3e3e3}.cute-login-wrapper .cute-login-card__action-area .btn-google-login:hover{background:#f3f4f6;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 15px #3b82f61a}body.dark .cute-login-wrapper .cute-login-card__action-area .btn-google-login:hover{background:#37393b;border-color:#3b82f6}.cute-login-wrapper .cute-login-card__action-area .btn-google-login:active{transform:translateY(0)}.cute-login-wrapper .cute-login-card__footer p{color:#6b7280;font-size:12px;line-height:1.6}body.dark .cute-login-wrapper .cute-login-card__footer p{color:#aaa}.cute-login-wrapper .cute-login-card__footer p a{color:#3b82f6;font-weight:600;text-decoration:none}.cute-login-wrapper .cute-login-card__footer p a:hover{text-decoration:underline}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(30px,-30px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.legal-container{width:100%;max-width:860px;margin:0 auto;padding:40px 24px}@media (max-width:768px){.legal-container{padding:24px 16px}}.legal-header{border-bottom:1px solid #e5e7eb;margin-bottom:40px;padding-bottom:24px}body.dark .legal-header{border-bottom-color:#4b556366}.legal-header .legal-back-btn{color:#4b5563;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}body.dark .legal-header .legal-back-btn{color:#aaa}.legal-header .legal-back-btn:hover{color:#3b82f6}.legal-header h1{color:#1f2937;align-items:center;gap:12px;margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.3;display:flex}body.dark .legal-header h1{color:#e3e3e3}.legal-header h1 .header-icon{color:#3b82f6}.legal-header .last-updated{color:#6b7280;margin:0;font-size:14px}body.dark .legal-header .last-updated{color:#aaa}.legal-content .legal-section{margin-bottom:40px}.legal-content .legal-section h2{color:#1f2937;margin-top:0;margin-bottom:16px;font-size:20px;font-weight:700;line-height:1.4}body.dark .legal-content .legal-section h2{color:#e3e3e3}.legal-content .legal-section p{color:#4b5563;margin-bottom:16px;font-size:16px;line-height:1.7}body.dark .legal-content .legal-section p{color:#aaa}.legal-content .legal-section p:last-child{margin-bottom:0}.legal-content .legal-section ul{margin:0 0 16px;padding-left:24px}.legal-content .legal-section ul li{color:#4b5563;margin-bottom:12px;font-size:16px;line-height:1.7}body.dark .legal-content .legal-section ul li{color:#aaa}.legal-content .legal-section ul li strong{color:#1f2937}body.dark .legal-content .legal-section ul li strong{color:#e3e3e3}.legal-content .legal-section a{color:#3b82f6;text-underline-offset:4px;text-decoration:underline}.legal-content .legal-section a:hover{color:#0b63f3}body.dark .legal-content .legal-section a:hover{color:#6ca1f8}.pricing-page{max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 24px}.pricing-page__nav{margin-bottom:32px}.pricing-page__back-link{color:#71717a;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.pricing-page__back-link:hover{color:#09090b}body.dark .pricing-page__back-link{color:#a1a1aa}body.dark .pricing-page__back-link:hover{color:#f4f4f5}.pricing-page__header{text-align:center;margin-bottom:48px}.pricing-page__badge{color:#18181b;background:#f4f4f5;border-radius:99px;align-items:center;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}body.dark .pricing-page__badge{color:#f4f4f5;background:#27272a}.pricing-page__title{color:#09090b;letter-spacing:-1px;margin-bottom:12px;font-size:36px;font-weight:800}body.dark .pricing-page__title{color:#f4f4f5}.pricing-page__magic-text{background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.pricing-page__subtitle{color:#71717a;max-width:600px;margin:0 auto;font-size:16px}body.dark .pricing-page__subtitle{color:#a1a1aa}.pricing-page__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:64px;display:grid}.pricing-page__card{background:#fff;border:1px solid #e4e4e7;border-radius:24px;flex-direction:column;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.pricing-page__card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000a}body.dark .pricing-page__card{background:#18181b;border-color:#27272a}body.dark .pricing-page__card:hover{box-shadow:0 12px 30px #00000040}.pricing-page__card--popular{border-width:2px;border-color:#18181b}body.dark .pricing-page__card--popular{border-color:#a1a1aa;box-shadow:0 0 15px -3px #a1a1aa4d}.pricing-page__popular-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#18181b;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}body.dark .pricing-page__popular-tag{color:#f4f4f5;background:#27272a;border:1px solid #3f3f46}.pricing-page__icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:20px;display:flex}.pricing-page__name{color:#09090b;margin-bottom:8px;font-size:20px;font-weight:700}body.dark .pricing-page__name{color:#f4f4f5}.pricing-page__price{color:#09090b;letter-spacing:-.5px;font-size:32px;font-weight:800}body.dark .pricing-page__price{color:#f4f4f5}.pricing-page__credits{color:#64748b;margin-bottom:12px;font-size:14px;font-weight:600}body.dark .pricing-page__credits{color:#94a3b8}.pricing-page__desc{color:#71717a;margin-bottom:24px;font-size:14px}body.dark .pricing-page__desc{color:#a1a1aa}.pricing-page__divider{border:none;border-top:1px solid #e4e4e7;margin-bottom:24px}body.dark .pricing-page__divider{border-top-color:#27272a}.pricing-page__features{flex-direction:column;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.pricing-page__feature-item{color:#09090b;align-items:center;gap:10px;font-size:14px;display:flex}body.dark .pricing-page__feature-item{color:#f4f4f5}.pricing-page__check-icon{color:#10b981;font-size:14px}.pricing-page__buy-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:auto;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.pricing-page__buy-btn:hover{filter:brightness(1.1);transform:scale(1.01)}.pricing-page__buy-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-page__faq{border-top:1px solid #e4e4e7;padding-top:48px}body.dark .pricing-page__faq{border-top-color:#27272a}.pricing-page__faq-title{color:#09090b;align-items:center;gap:8px;margin-bottom:24px;font-size:20px;font-weight:800;display:flex}body.dark .pricing-page__faq-title{color:#f4f4f5}.pricing-page__faq-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (max-width:768px){.pricing-page__faq-grid{grid-template-columns:1fr}}.pricing-page__faq-question{color:#09090b;margin-bottom:8px;font-size:15px;font-weight:700}body.dark .pricing-page__faq-question{color:#f4f4f5}.pricing-page__faq-answer{color:#71717a;font-size:14px;line-height:1.5}body.dark .pricing-page__faq-answer{color:#a1a1aa}.qr-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.qr-modal-container{background:#fff;border:1px solid #f4f4f5;border-radius:28px;width:100%;max-width:780px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) zoomIn;position:relative;box-shadow:0 30px 60px -15px #0000004d}body.dark .qr-modal-container{background:#111113;border:1px solid #27272a;box-shadow:0 30px 60px -15px #000000b3}.qr-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}body.dark .qr-modal-close{color:#a1a1aa;background:#27272a}.qr-modal-close:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.qr-header-area{text-align:center;margin-bottom:24px}.qr-header-area h2{color:#0f172a;margin-bottom:8px;font-size:22px;font-weight:800}body.dark .qr-header-area h2{color:#f4f4f5}.qr-header-area p{color:#475569;font-size:14px}body.dark .qr-header-area p{color:#94a3b8}.qr-header-area .text-highlight{color:#d9534f;font-weight:700}body.dark .qr-header-area .text-highlight{color:#ef4444}.qr-body-area{gap:32px;margin-bottom:24px;display:flex}@media (max-width:768px){.qr-body-area{flex-direction:column;gap:24px}}.qr-left-col{flex-direction:column;flex:0 0 300px;gap:16px;display:flex}@media (max-width:768px){.qr-left-col{flex:1;align-items:center}}.qr-image-box{aspect-ratio:1;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:240px;padding:12px;display:flex;position:relative;box-shadow:0 4px 20px #0000000f}body.dark .qr-image-box{background:#fff;border-color:#27272a}.qr-image-box img{object-fit:contain;border-radius:8px;width:100%;height:100%;transition:opacity .3s}.qr-image-box img.is-hidden{opacity:0;position:absolute}.qr-image-box img.is-visible{opacity:1}.qr-skeleton-pulse{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s linear infinite shimmer;position:absolute;inset:12px}body.dark .qr-skeleton-pulse{background:linear-gradient(90deg,#18181b 25%,#27272a 50%,#18181b 75%)}.btn-download-qr{color:#d9534f;cursor:pointer;background:0 0;border:1px solid #d9534f;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}body.dark .btn-download-qr{color:#ef4444;border-color:#ef4444}.btn-download-qr:hover{background:#d9534f0d}.qr-right-col{flex-direction:column;flex:1;justify-content:space-between;gap:16px;display:flex}.qr-info-list{border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}body.dark .qr-info-list{background:#18181b;border-color:#27272a}.qr-info-list .plan-highlight-row{background-color:#f8fafc;border-radius:8px 8px 0 0;margin-bottom:8px;border:none!important;border-bottom:1px solid #e2e8f0!important;padding:12px 16px!important}body.dark .qr-info-list .plan-highlight-row{background-color:#ffffff05;border-bottom-color:#ffffff0d!important}.qr-info-list .plan-highlight-row .plan-badge{white-space:nowrap;border-radius:99px;align-items:center;margin-left:10px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.info-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}body.dark .info-row{border-bottom-color:#27272a}.info-row:last-child{border-bottom:none}.info-row .label{color:#64748b;font-size:13px}body.dark .info-row .label{color:#a1a1aa}.info-row .value-wrap{align-items:center;gap:12px;display:flex}.info-row strong{color:#0f172a;text-align:right;font-size:14px;font-weight:600}body.dark .info-row strong{color:#f4f4f5}.info-row .text-highlight{color:#d9534f;font-weight:800}body.dark .info-row .text-highlight{color:#ef4444}.btn-icon-copy{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}body.dark .btn-icon-copy{color:#a1a1aa;background:#27272a}.btn-icon-copy:hover{color:#0f172a;background:#e2e8f0}body.dark .btn-icon-copy:hover{color:#fff;background:#3f3f46}.btn-copy-all{color:#fff;cursor:pointer;background:#d9534f;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}body.dark .btn-copy-all{background:#ef4444}.btn-copy-all:hover{background:#c9302c}body.dark .btn-copy-all:hover{background:#dc2626}.qr-status-area{justify-content:center;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.status-waiting{color:#f59e0b;align-items:center;gap:8px;display:flex}.status-success{color:#10b981;align-items:center;gap:8px;display:flex}.qr-alert-box{color:#0369a1;background:#e0f2fe;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}body.dark .qr-alert-box{color:#38bdf8;background:#0ea5e926}@media (max-width:768px){.qr-modal-overlay{padding:12px}.qr-modal-container{border-radius:20px;max-height:92vh;padding:24px 16px;overflow-y:auto}.qr-header-area{margin-bottom:20px}.qr-header-area h2{margin-bottom:4px;font-size:18px}.qr-header-area p{font-size:13px;line-height:1.4}.qr-body-area{flex-direction:column;gap:20px}.qr-left-col{flex:auto;gap:12px;width:100%;max-width:260px;margin:0 auto}.qr-image-box{border-radius:12px;padding:10px}.qr-failed-trigger{text-align:center;color:#64748b;padding:20px;font-size:13px}body.dark .qr-failed-trigger{color:#a1a1aa}.qr-failed-trigger p{margin-bottom:12px}.qr-failed-trigger button{cursor:pointer;color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.qr-failed-trigger button:hover{background:#e2e8f0}body.dark .qr-failed-trigger button{color:#f4f4f5;background:#27272a;border-color:#3f3f46}body.dark .qr-failed-trigger button:hover{background:#3f3f46}.info-row{padding:12px}.info-row .label{font-size:12px}.info-row strong{font-size:13px}.info-row .text-highlight{font-size:14px}.info-row .value-wrap{gap:8px}.btn-icon-copy{width:26px;height:26px;font-size:12px}.qr-status-area{margin-bottom:12px;font-size:14px}.qr-alert-box{text-align:center;padding:10px 12px;font-size:12px}}@media (max-width:400px){.info-row{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px}.info-row .value-wrap{justify-content:space-between;width:100%}.info-row strong{text-align:left}}@keyframes zoomIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.billing-history{color:#1f2937;max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;padding:32px 24px}@media (max-width:768px){.billing-history{padding:24px 16px}}.billing-table-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow-x:auto;box-shadow:0 4px 12px #00000005}body.dark .billing-table-wrapper{background-color:#1e1f20;border-color:#4b556366}.billing-table-wrapper::-webkit-scrollbar{height:6px}.billing-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}body.dark .billing-table-wrapper::-webkit-scrollbar-thumb{background:#fff3}.billing-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px;font-size:14px}.billing-table th{color:#4b5563;white-space:nowrap;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px;font-weight:600}body.dark .billing-table th{color:#aaa;background-color:#282a2c;border-bottom-color:#4b556366}.billing-table td{color:#1f2937;vertical-align:middle;border-bottom:1px dashed #e5e7eb;padding:16px 20px}body.dark .billing-table td{color:#e3e3e3;border-bottom-color:#ffffff0d}.billing-table tr:last-child td{border-bottom:none}.billing-table tr:hover td{background-color:#f3f4f6}body.dark .billing-table tr:hover td{background-color:#37393b}.billing-table .tx-code{color:#4b5563;font-family:monospace}body.dark .billing-table .tx-code{color:#aaa}.billing-table .tx-amount{color:#1f2937;font-weight:600}body.dark .billing-table .tx-amount{color:#e3e3e3}.billing-table .tx-credits{color:#3b82f6;font-weight:700}.billing-badge{border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.billing-badge--success{color:#0ea271;background-color:#10b9811a}body.dark .billing-badge--success{color:#10b981;background-color:#10b98126}.billing-badge--pending{color:#ac6f07;background-color:#f59e0b1a}body.dark .billing-badge--pending{color:#f59e0b;background-color:#f59e0b26}.billing-badge--failed{color:#ef4444;background-color:#ef44441a}body.dark .billing-badge--failed{color:#f37373;background-color:#ef444426}.billing-empty{text-align:center;color:#4b5563;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:24px;padding:80px 20px}body.dark .billing-empty{color:#aaa;background-color:#1e1f20;border-color:#4b556366}.billing-empty__icon{color:#6b7280;margin-bottom:16px;font-size:48px}body.dark .billing-empty__icon{color:#aaa}.billing-empty__title{color:#1f2937;margin-bottom:8px;font-size:18px;font-weight:600}body.dark .billing-empty__title{color:#e3e3e3}