@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-3{bottom:.75rem}.left-0{left:0}.left-1{left:.25rem}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-3{top:.75rem}.z-20{z-index:20}.mb-1{margin-bottom:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-8{margin-top:2rem}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-10{height:2.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.w-10{width:2.5rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-full{width:100%}.max-w-\[80\%\]{max-width:80%}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-br-none{border-bottom-right-radius:0}.rounded-tl-none{border-top-left-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-red-500\/30{border-color:#ef44444d}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/5{border-color:#ffffff0d}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-red-500\/80{background-color:#ef4444cc}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/60{--tw-gradient-from:#0009 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:#000c var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-red-500{fill:#ef4444}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pt-20{padding-top:5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover\:border-blue-500\/50:hover{border-color:#3b82f680}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.toast-animation{animation:slideIn .35s ease}.toast-container{align-items:flex-end;display:flex;flex-direction:column;position:fixed;right:20px;top:20px;z-index:9999}.toast-notification{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#f798b6,#f6c2d2);border:1px solid rgba(127,87,113,.479);border-radius:12px;box-shadow:0 20px 25px -5px rgba(255,161,213,.507),0 10px 10px -5px rgba(240,109,177,.435);color:#f50950;justify-content:space-between;margin-bottom:12px;max-width:400px;min-width:280px;padding:12px 16px}.toast-content,.toast-notification{align-items:center;display:flex;gap:12px}.toast-content{flex:1 1}.toast-icon{align-items:center;background:#22c55e33;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.toast-icon-svg{color:#4ade80;height:20px;width:20px}.toast-message{font-size:14px;font-weight:600;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.toast-close:hover{background:#ffffff1a;color:#fff}.toast-close-icon{height:16px;width:16px}.header{background-color:#fffbde;box-sizing:border-box;color:#d5a30a;font-family:Baloo\ 2,cursive,sans-serif;font-weight:700;height:80px;justify-content:space-between;padding:10px 25px;position:relative}.header,.header-logo{align-items:center;display:flex}.header-logo{color:inherit;cursor:pointer;flex:0 0 auto;gap:10px;text-decoration:none}.logo-img{height:60px;width:60px}.logo-text{color:#d5a30a;font-size:1.8rem;font-weight:800}.dropdown-menu,.header,.header-nav{z-index:2000}.header-nav{align-items:center;display:flex;gap:30px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:10}.nav-link{color:#d5a30a;font-size:1.2rem;font-weight:700;text-decoration:none;transition:color .3s;white-space:nowrap}.nav-link.active,.nav-link:hover{color:#fe5d01}.nav-dropdown{position:relative}.dropdown-btn{background:none;border:none;color:#d5a30a;cursor:pointer;font-family:Baloo\ 2,cursive,sans-serif;font-size:1.2rem;font-weight:700}.dropdown-btn:hover{color:#fe5d01}.dropdown-menu{background-color:#fffbea;border:1px solid #f3e0a0;border-radius:8px;box-shadow:0 4px 8px #0000000d;display:none;left:0;min-width:180px;padding:8px 0;top:110%;z-index:999}.dropdown-menu a{color:#d5a30a;display:block;font-size:1.05rem;font-weight:600;padding:10px 16px;text-decoration:none}.dropdown-menu a:hover{background-color:#fff2c6;color:#fe5d01}.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown:hover .dropdown-menu{display:block}.header-icons{gap:18px}.header-icons,.icon-wrapper{align-items:center;display:flex}.icon-wrapper{background-color:#fff5c0;border-radius:50%;box-shadow:0 2px 6px #fc03;height:42px;justify-content:center;transition:all .3s ease;width:42px}.icon-wrapper:hover{background-color:#ffeeb0;box-shadow:0 4px 10px #ffaf0040;transform:translateY(-2px)}.icon{color:#d5a30a;font-size:1.4rem;transition:color .3s ease}.icon-wrapper:hover .icon{color:#ff5d01}.menu-toggle,.search-icon{display:none}.menu-toggle{cursor:pointer;display:none;font-size:1.3rem}.scrolling-text{animation:scrollText 15s linear infinite;display:inline-block}.top-strip{align-items:center;background-color:#fae8f0;color:#f10d5b;display:flex;font-family:Baloo\ 2,cursive,sans-serif;font-size:15px;font-weight:600;height:35px;overflow:hidden}.scrolling-text{animation:scrollText linear infinite;display:inline-flex;gap:40px;white-space:nowrap}.coupon-item{flex-shrink:0}@keyframes scrollText{0%{transform:translateX(0)}to{transform:translateX(calc(var(--scroll-width)*-1))}}@media (max-width:1024px){.header-nav{display:none}.menu-toggle{display:block;z-index:1001}.responsive-menu{background-color:#0006;display:flex;height:100vh;justify-content:flex-end;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.responsive-menu.open{opacity:1;visibility:visible}.responsive-menu .menu-content{background-color:#fffbde;display:flex;flex-direction:column;height:100%;padding:30px 20px;transform:translateX(100%);transition:transform .3s ease;width:260px}.responsive-menu.open .menu-content{transform:translateX(0)}.responsive-menu ul{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}.responsive-menu li a{color:#d5a30a;font-size:1.3rem;font-weight:700;text-decoration:none;transition:color .3s ease}.responsive-menu li a:hover{color:#fe5d01}}@media (min-width:1025px){.responsive-menu{display:none!important}}@media (max-width:1024px){.logo-text{font-size:1.5rem}.dropdown-btn,.nav-link{font-size:1rem}.dropdown-menu a{font-size:.95rem}.header-icons .icon{font-size:1.4rem}}.dropdown-menu a.active,.dropdown-menu a:hover{background-color:#fff2c6;color:#fe5d01}@media (max-width:768px){.logo-img{height:50px;width:50px}.logo-text{font-size:1.3rem}.responsive-menu li a{font-size:1.1rem}.responsive-menu li a.active{color:#fe5d01}.header-icons{align-items:center;display:flex;gap:15px;height:100%}.menu-toggle{align-items:center;border-radius:50%;cursor:pointer;display:none;display:flex;font-size:1.8rem;height:44px;justify-content:center;transition:background .2s ease;width:44px}.menu-toggle:hover{background-color:#0000000d}}.user-menu{cursor:pointer;position:relative}.user-dropdown{background:#fffbde;border-radius:8px;box-shadow:0 4px 8px #00000026;min-width:140px;padding:8px 0;position:absolute;right:0;top:40px;z-index:1000}.user-dropdown ul{list-style:none;margin:0;padding:0}.user-dropdown li{padding:8px 16px;transition:background .2s}.user-dropdown li:hover{background:#d5a30a}.user-dropdown a,.user-dropdown button{background:none;border:none;color:#333;cursor:pointer;font-family:Baloo\ 2,cursive,sans-serif;font-size:17px;font-weight:600;text-align:left;text-decoration:none;width:100%}.footer{background-color:#fffbde;color:#d5a30a;font-family:Baloo\ 2,cursive,sans-serif;overflow:hidden;padding:40px 10px 20px;position:relative}.footer:before{background:linear-gradient(135deg,#0000,#d5a30a0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:1}.footer-logo{align-items:center;animation:fadeInUp .6s ease-out;display:flex;gap:12px;margin-bottom:20px}.footer-logo-img{border-radius:12px;box-shadow:0 4px 15px #d5a30a33;height:55px;transition:transform .3s ease;width:55px}.footer-logo-img:hover{transform:scale(1.05) rotate(5deg)}.footer-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d5a30a,#fe5d01);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 4px #d5a30a1a}.footer-desc{color:#d5a30ae6;font-size:1rem;font-weight:500;letter-spacing:.3px;line-height:1.7;margin-bottom:25px;max-width:300px;text-align:justify}.footer-socials{align-items:center;display:flex;gap:18px}.footer-socials a{align-items:center;background:#d5a30a1a;border:2px solid #0000;border-radius:50%;color:#d5a30a;display:flex;font-size:1.4rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.footer-socials a:hover{background:linear-gradient(135deg,#d5a30a,#fe5d01);border-color:#fff3;box-shadow:0 8px 25px #d5a30a4d;color:#fff;transform:translateY(-3px) scale(1.1)}.footer-col{animation:fadeInUp .6s ease-out}.footer-col:nth-child(2){animation-delay:.1s}.footer-col:nth-child(3){animation-delay:.2s}.footer-col:nth-child(4){animation-delay:.3s}.footer-col h4{color:#d5a30a;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:25px;position:relative;text-transform:uppercase}.footer-col h4:after{background:linear-gradient(90deg,#d5a30a,#fe5d01);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:40px}.footer-col:hover h4:after{width:60px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col ul li{margin-bottom:14px;padding-left:0;position:relative;transition:padding-left .3s ease}.footer-col ul li:before{color:#fe5d01;content:"→";font-weight:700;left:-20px;opacity:0;position:absolute;transition:all .3s ease}.footer-col ul li:hover:before{left:-15px;opacity:1}.footer-col ul li:hover{padding-left:15px}.footer-col ul li a{color:#d5a30a;display:inline-block;font-size:1rem;font-weight:500;letter-spacing:.3px;position:relative;text-decoration:none;transition:all .3s ease}.footer-col ul li a:hover{color:#fe5d01;transform:translateX(5px)}.footer-bottom{border-top:2px solid #d5a30a33;color:#d5a30acc;font-size:.95rem;letter-spacing:.5px;margin-top:50px;padding-top:25px;position:relative;text-align:center}.footer-bottom:before{background:linear-gradient(90deg,#0000,#d5a30a 50%,#0000);content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.footer-container{gap:35px;grid-template-columns:1fr 1fr;justify-items:start;text-align:left}.footer-col h4:after{left:0;transform:none}.footer-desc{max-width:100%;text-align:left}}@media (max-width:768px){.footer{padding:25px 24px 10px}.footer-container{gap:25px;grid-template-columns:1fr;justify-items:start;text-align:left}.footer-logo{justify-content:flex-start;margin-bottom:10px}.footer-desc{margin:0 0 15px;max-width:90%;text-align:left}.footer-socials{flex-wrap:wrap;gap:10px;justify-content:flex-start}.footer-col{text-align:left;width:100%}.footer-col h4:after{left:0;transform:none}.footer-col ul li:before{display:none}.footer-col ul li:hover{padding-left:0}}@media (max-width:480px){.footer{padding:20px 20px 10px}.footer-logo-text{font-size:1.3rem}.footer-col h4{font-size:1.5rem;margin-bottom:12px}.footer-col ul li a{font-size:1.2rem}.footer-socials a{font-size:1rem;height:36px;width:36px}.footer-container{gap:20px}.footer-bottom{font-size:.8rem;margin-top:20px;padding-top:10px;text-align:left}}.slider-container{align-items:center;background-color:#fff;border-radius:0;box-shadow:0 8px 25px #00000014;display:flex;justify-content:center;margin-left:calc(-50vw + 50%);min-height:400px;overflow:hidden;position:relative;width:100vw;z-index:20}.slider-track{transition:transform .5s ease-in-out}.slider-item,.slider-track{display:flex;height:100%;width:100%}.slider-item{align-items:center;background:#fff;flex:0 0 100%;justify-content:center;overflow:hidden}.slider-image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.slider-next,.slider-prev{display:none!important;pointer-events:none;visibility:hidden}.navigation{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:20px;bottom:20px;display:flex;gap:6px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);z-index:10}.dot{background-color:#e298104d;border:none;border-radius:50%;cursor:pointer;display:inline-block;height:12px;outline:none;padding:0;transition:background-color .3s ease,transform .2s ease;width:12px}.dot:hover{background-color:#f7d64399;transform:scale(1.2)}.dot.active{background-color:#f28f05;transform:scale(1.1)}@media (max-width:768px){.slider-container{max-height:400px;min-height:320px}.slider-image{min-height:320px;object-fit:cover}.navigation{bottom:16px;padding:6px 12px}.dot{height:10px;width:10px}}@media (max-width:480px){.slider-container{margin-left:calc(-50vw + 50%);max-height:350px;min-height:280px;width:100vw}.slider-track{height:100%}.slider-image,.slider-item{min-height:280px}.slider-image{height:100%;object-fit:cover;object-position:center center;width:100%}.navigation{bottom:12px;gap:4px;padding:5px 10px}.dot{height:8px;width:8px}.dot:hover{transform:scale(1.15)}.dot.active{transform:scale(1.05)}}@media (max-width:360px){.slider-container{max-height:300px;min-height:240px}.slider-image,.slider-item{min-height:240px}.navigation{bottom:10px;gap:3px;padding:4px 8px}.dot{height:7px;width:7px}}body,html{box-sizing:border-box;margin:0;overflow-x:hidden;padding:0}*,:after,:before{box-sizing:inherit}.intro-section{grid-gap:2rem;align-items:center;background-color:#fffaf0;color:#fff;display:grid;font-family:Baloo\ 2,cursive,sans-serif;gap:2rem;grid-template-columns:1fr 1fr;max-width:100%;padding:4rem clamp(1rem,4vw,5rem)}.intro-image-left,.intro-image-right{box-sizing:border-box;object-fit:cover}.intro-left{display:flex;flex-direction:column;gap:1.2rem}.intro-subtitle{color:#d5a30a;font-size:.9rem;font-weight:900;letter-spacing:2px;text-transform:uppercase}.intro-title{color:#fe5d01;font-size:2.8rem;font-weight:700;line-height:1.2}.intro-title:hover{color:#f10d5b}.intro-text{color:#000;font-size:1.1rem;font-weight:300;line-height:1.6}.intro-image-left{border-radius:1rem;box-shadow:0 6px 16px #0009;margin-top:1rem;width:100%}.intro-right{display:flex;flex-direction:column;gap:1rem}.intro-image-right{border-radius:1rem;box-shadow:0 6px 16px #0009;width:100%}.intro-detail{background-color:#fffaf0;padding:1.5rem}.intro-detail-title{color:#fe5d01;font-size:1.6rem;margin-bottom:.5rem}.intro-detail-title:hover{color:#f10d5b}.intro-detail-text{color:#000;font-size:1rem;font-weight:300;margin-bottom:1rem}.intro-points{list-style:none;margin:0;padding:0}.intro-points li{color:#fe5d01;font-size:1rem;margin-bottom:.5rem}.intro-image-left,.intro-image-right{display:block;max-width:100%;width:100%}@media (max-width:900px){.intro-section{grid-template-columns:1fr;padding:3rem 5%;text-align:left}.intro-left,.intro-right{align-items:left}.intro-title{font-size:2.2rem}.intro-image-left,.intro-image-right{max-width:90%}}@media (max-width:480px){.intro-section{padding:2rem 4%}.intro-title{font-size:1.8rem}.intro-text{font-size:1rem}.intro-detail{padding:1rem}.intro-detail-title{font-size:1.4rem}}.roadmap-intro{font-family:Baloo\ 2,cursive,sans-serif;padding:4rem 8%;text-align:center}.roadmap-intro-title{color:#fe5d01;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.roadmap-intro-title:hover{color:#f10d5b}.roadmap-intro-subtitle{color:#444;font-size:1.1rem;font-weight:500;margin-bottom:2.5rem}.roadmap-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.roadmap-step{background:#fff;border-radius:1rem;box-shadow:0 4px 16px rgba(252,140,202,.484);padding:2rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.roadmap-step:hover{box-shadow:0 6px 20px rgba(254,120,194,.484);transform:translateY(-5px)}.roadmap-icon{display:block;height:60px;margin:0 auto 1rem;object-fit:contain;transition:transform .3s ease;width:60px}.roadmap-step:hover .roadmap-icon{transform:scale(1.1)}.roadmap-step-title{color:#fe5d01;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.roadmap-step-title:hover{color:#f10d5b}.roadmap-step-text{color:#333;font-size:1rem;font-weight:300;line-height:1.4}@media (max-width:768px){.roadmap-steps{grid-template-columns:1fr}}.suggested-exercises{font-family:Baloo\ 2,cursive,sans-serif;margin:60px auto;max-width:1200px;padding:5px}.exercise-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:25px}.section-title{color:#fe5d01;font-size:28px;font-weight:700;margin:0;position:relative}.section-title:hover{color:#f10d5b}.section-title:after{background:#f1b24a;border-radius:2px;content:"";display:block;height:4px;margin-top:6px;width:50px}.exercise-filters{background:#fff2e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:8px 12px}.exercise-filters select{background:#fedeb1;border:none;border-radius:20px;cursor:pointer;font-family:Baloo\ 2,cursive,sans-serif;font-size:14px;font-weight:700;padding:6px 10px;transition:background .2s ease}.exercise-filters select:hover{background:#f5ad04}.exercise-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.exercise-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px hsla(42,95%,77%,.484);display:flex;flex-direction:column;padding:16px;transition:transform .25s ease,box-shadow .25s ease}.exercise-card:hover{box-shadow:0 6px 16px rgba(247,178,18,.484);transform:translateY(-4px)}.exercise-image{border-radius:12px;height:150px;margin-bottom:10px;object-fit:cover;width:100%}.exercise-card h3{color:#333;font-size:16px;margin:6px 0}.exercise-card p{font-size:14px;margin:3px 0}.start-btn{background:linear-gradient(135deg,#ffe7b3,#ffd77d);border:none;border-radius:30px;box-shadow:0 2px 6px #00000014;color:#fe5d01;cursor:pointer;font-size:13px;font-weight:600;margin-top:auto;padding:6px 16px;transition:all .25s ease}.start-btn:hover{background:linear-gradient(135deg,#ffc94d,#ffb733);box-shadow:0 4px 10px #0000001f;color:#f10d5b;transform:scale(1.05)}.pagination-controls{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:24px}.nav-btn{background:linear-gradient(135deg,#ffe7b3,#ffd77d);border:none;border-radius:30px;box-shadow:0 2px 6px #00000014;color:#fe5d01;cursor:pointer;font-weight:600;padding:6px 16px;transition:all .25s ease}.nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffc94d,#ffb733);color:#f10d5b;transform:scale(1.05)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.page-info{color:#444;font-size:14px;font-weight:600}@media (max-width:768px){.exercise-header{align-items:flex-start;flex-direction:column}.section-title{font-size:24px}.exercise-filters{justify-content:space-between;width:100%}}.video-call-section{grid-gap:2rem;align-items:center;display:grid;font-family:Baloo\ 2,cursive,sans-serif;gap:2rem;grid-template-columns:1fr 1fr;padding:10px 8%}.video-call-left{display:flex;justify-content:center}.video-call-image{max-width:550px;width:100%}.video-call-right{display:flex;flex-direction:column;gap:1.2rem}.video-call-title{color:#fe5d01;font-size:2.2rem;font-weight:700;line-height:1.3}.video-call-title .highlight{color:#f10d5b}.video-call-text{color:#333;font-size:1.1rem;font-weight:500;line-height:1.6}.video-call-points{display:flex;flex-direction:column;gap:.8rem;list-style:none;margin:0;padding:0}.video-call-points li{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:500;gap:10px}.point-icon{height:40px;object-fit:contain;width:40px}.book-btn{background:linear-gradient(135deg,#ffe7b3,#ffd77d);border:none;border-radius:30px;box-shadow:0 4px 12px hsla(42,95%,77%,.484);color:#fe5d01;cursor:pointer;font-size:16px;font-weight:600;padding:10px 22px;transition:all .3s ease}.book-btn:hover{background:linear-gradient(135deg,#ffc94d,#ffb733);box-shadow:0 6px 16px rgba(247,178,18,.484);color:#f10d5b;transform:scale(1.05)}@media (max-width:900px){.video-call-section{grid-template-columns:1fr;text-align:left}.video-call-left{margin-bottom:1.5rem}}.services-section{background:#fffaf0;color:#000;font-family:Baloo\ 2,cursive,sans-serif;padding:60px 20px;text-align:center}.services-title{color:#fe5d01;font-size:2rem;font-weight:700;margin-bottom:40px}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center}.service-card{background:#0000;max-width:300px;text-align:left}.service-icon{align-items:center;background:#ffa5001a;border-radius:50%;display:flex;flex-shrink:0;height:70px;justify-content:center;margin-bottom:15px;width:70px}.service-icon img{height:52px;object-fit:contain;width:52px}.service-title{color:#fe5d01;font-size:1.2rem;font-weight:700;margin-bottom:8px}.service-desc{color:#000;font-size:.95rem;line-height:1.5}@media (max-width:768px){.service-card{align-items:center;display:flex;gap:15px;max-width:100%}.service-icon{margin-bottom:0}.service-content{text-align:left}}.listening-page{background:#f8f9fb;display:flex;font-family:Baloo\ 2,cursive,sans-serif;min-height:100vh}.sidebar-lis{background:#f9ecc0;border-radius:20px;height:350px;margin-left:50px;margin-top:80px;padding:10px;width:220px}.sidebar-lis h3{color:#dc9f36;font-size:18px;margin-bottom:15px}.filter-group-lis{margin-bottom:10px}.filter-group-lis label{display:block;font-size:18px;margin:20px 0}.content-lis{flex:1 1;padding:20px 30px}.tabs-search-lis{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tabs-lis{margin-bottom:0}.tabs-lis button{background:#fff;border:1px solid #f9ecc0;border-radius:16px;cursor:pointer;font-weight:700;margin-right:10px;padding:12px 20px}.tabs-lis button.active{background:#f9ecc0;border-color:#f9ecc0;border-radius:16px;color:#dc9f36}.search-lis{align-items:center;background:#fff;border:1px solid #dc9f36;border-radius:10px;display:flex;gap:8px;padding:4px 8px}.search-lis input{border:none;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.search-lis input:focus{border-color:#dc9f36}.cards-lis{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card-lis{background:#fff;border-radius:12px;box-shadow:0 3px 8px #00000014;overflow:hidden;transition:transform .2s ease}.card-lis:hover{transform:translateY(-4px)}.card-lis img{height:140px;object-fit:cover;width:100%}.card-info-lis{padding:12px}.section-lis{background:#eee;border-radius:6px;display:inline-block;font-size:12px;margin-bottom:6px;padding:2px 8px}.card-lis h4{color:#333;font-size:15px;margin:8px 0}.type-lis{color:#666;font-size:13px;margin-bottom:4px}.attempts-lis{color:#999;font-size:12px}.wishlist-message{animation:fadeInOut 2s ease;background-color:#4caf50;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff;padding:10px 18px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media (max-width:1200px){.listening-page{align-items:center;flex-direction:column}.sidebar-lis{height:auto;margin-left:0;margin-top:20px;width:90%}.content-lis{padding:20px 10px;width:95%}.tabs-search-lis{align-items:stretch;flex-direction:column;gap:10px}.search-lis input{margin-left:0;width:100%}.tabs-lis{display:flex;flex-wrap:wrap;gap:10px}}@media (max-width:768px){.cards-lis{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tabs-lis button{font-size:14px;padding:10px 14px}.section-lis{font-size:11px;padding:2px 6px}.card-lis h4{font-size:14px}.type-lis{font-size:12px}.attempts-lis{font-size:11px}.completed-label{font-size:11px;padding:4px 8px}}@media (max-width:480px){.cards-lis{grid-template-columns:1fr}.tabs-search-lis{flex-direction:column;gap:10px}}.login-container{align-items:center;display:flex;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:40px 20px 40px 80px;position:relative;width:100%}.signin-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5f5f599;border-radius:32px;box-shadow:0 20px 60px #00000014;padding:48px;width:100%}.signin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.signin-header h1{color:#000;font-size:48px;font-weight:700}.form-content{gap:24px}.password-header{align-items:center;display:flex;justify-content:space-between}.forgot-link{color:#4f80ff;font-size:14px;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.signin-btn{background:linear-gradient(135deg,#ffe7b3,#ffd77d);border:none;border-radius:16px;color:#fe5d01;cursor:pointer;font-size:18px;font-weight:600;margin-top:8px;padding:16px;transition:all .2s}.signin-btn:hover{background:linear-gradient(135deg,#ffc94d,#ffb733);box-shadow:0 4px 10px #0000001f;color:#f10d5b;transform:translateY(-2px)}.signin-btn:active{transform:translateY(0)}.signup-text{color:#666;font-size:14px;margin-top:24px;text-align:center}.signup-text a{color:#000;font-weight:600;text-decoration:none}.signup-text a:hover{text-decoration:underline}@media (max-width:768px){.login-container{justify-content:center;padding:20px}.signin-card{padding:32px 24px}.signin-header{align-items:flex-start;flex-direction:column;gap:16px}.signin-header h1{font-size:36px}.google-btn{align-self:flex-end}}@media (max-width:480px){.signin-card{padding:24px 20px}.signin-header h1{font-size:32px}.form-input{font-size:15px;padding:14px 16px}.signin-btn{font-size:16px;padding:14px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.register-container{align-items:center;display:flex;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:40px 20px 40px 80px;position:relative;width:100%}.background-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.content-wrapper{align-items:center;display:flex;justify-content:flex-start;max-width:500px;position:relative;width:100%;z-index:1}.register-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5f5f599;border-radius:32px;box-shadow:0 20px 60px #00000014;padding:48px;width:100%}.register-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.register-header h1{color:#000;font-size:48px;font-weight:700}.google-btn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.google-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.form-content{gap:20px}.form-content,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#999;font-size:14px;font-weight:500}.form-input{background:#fff;border:2px solid #0000;border-radius:16px;font-size:16px;outline:none;padding:16px 20px;transition:all .3s}.form-input:focus{border-color:#8b9eff;box-shadow:0 0 0 4px #8b9eff1a}.form-input::placeholder{color:#ccc}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper .form-input{padding-right:50px;width:100%}.toggle-password{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:2}.toggle-password:hover{color:#5865ff}.register-btn{background:linear-gradient(135deg,#ffe7b3,#ffd77d);border:none;border-radius:16px;color:#fe5d01;cursor:pointer;font-size:18px;font-weight:600;margin-top:8px;padding:16px;transition:all .2s}.register-btn:hover{background:linear-gradient(135deg,#ffc94d,#ffb733);box-shadow:0 4px 10px #0000001f;color:#f10d5b;transform:translateY(-2px)}.register-btn:active{transform:translateY(0)}.signin-text{color:#666;font-size:14px;margin-top:24px;text-align:center}.signin-text a{color:#000;font-weight:600;text-decoration:none}.signin-text a:hover{text-decoration:underline}@media (max-width:768px){.register-container{justify-content:center;padding:20px}.register-card{padding:32px 24px}.register-header{align-items:flex-start;flex-direction:column;gap:16px}.register-header h1{font-size:36px}.google-btn{align-self:flex-end}}@media (max-width:480px){.register-card{padding:24px 20px}.register-header h1{font-size:32px}.form-input{font-size:15px;padding:14px 16px}.register-btn{font-size:16px;padding:14px}}.listen-detail-container{background-color:#fffbde;font-family:Baloo\ 2,cursive,sans-serif;padding:20px 20px 100px}.listen-detail-title{color:#d5a30a;font-size:30px;margin-bottom:5px;text-align:center}.listen-detail-timer{border:2px solid #d5a30a;border-radius:50%;color:#d5a30a;font-size:50px;margin-top:10px;padding:30px}.listen-detail-audio{background-color:#f1f3f4;bottom:0;box-shadow:0 -2px 6px #0003;display:flex;justify-content:center;left:0;padding:10px;position:fixed;width:100%;z-index:1000}.listen-detail-main{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.listen-detail-left{background-color:#fff;border-radius:20px;flex:2 1;min-width:300px;padding:25px}.listen-detail-right{align-items:flex-start;display:flex;flex:1 1;justify-content:center}.listen-detail-right-inner{align-items:center;display:flex;flex-direction:column;gap:10px}.listen-detail-image{border-radius:8px;box-shadow:0 2px 6px #0003;max-height:250px;max-width:100%;object-fit:contain}.listen-detail-passage{font-size:20px;line-height:1.5;white-space:pre-line}.listen-detail-input{background:#0000;border:none;border-bottom:2px solid #d5a30a;font-size:20px;margin:0 5px;padding:2px 5px;text-align:center;width:120px}.listen-detail-input:focus{border-bottom:2px solid #b58105;outline:none}.listen-detail-blank{align-items:center;display:inline-flex;margin:0 5px;position:relative}.listen-detail-blank-number{color:#d5a30a;font-size:15px;font-weight:700;margin-right:3px}.listen-detail-submit{background-color:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-top:10px;padding:15px 30px}.listen-detail-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.listen-detail-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000004d;max-width:500px;padding:30px;text-align:center;width:100%}.listen-detail-modal-buttons{display:flex;gap:10px;justify-content:space-around;margin-top:15px}.listen-detail-modal-buttons button{background-color:#fffbde;border:none;border-radius:15px;color:#d5a30a;cursor:pointer;font-size:18px;font-weight:700;padding:8px 16px;transition:background .2s}.listen-detail-modal-buttons button:hover{background-color:#d5a30a;color:#fffbde}@media (max-width:768px){.listen-detail-main{flex-direction:column}.listen-detail-right{align-items:center;justify-content:center;margin-top:20px}.listen-detail-right-inner{width:100%}.listen-detail-image{height:auto;max-width:100%}}.score-page-layout{align-items:flex-start;display:flex;font-family:Baloo\ 2,cursive,sans-serif;gap:20px;margin:40px auto;max-width:1200px}.ai-feedback-lis{background:#fffbde;border-radius:20px;box-shadow:0 4px 10px #0000001a;color:#333;flex:1 1;font-size:16px;line-height:1.6;padding:20px}.ai-feedback-lis h3{color:#d5a30a;font-size:22px;font-weight:700;margin-bottom:15px}.score-container-lis{background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000001a;flex:2 1;max-width:800px;padding:20px}.score-title-lis{color:#ff843d;font-size:26px;font-weight:700;margin-bottom:20px;text-align:center}.score-summary-lis{color:#d5a30a;font-size:20px;margin-bottom:25px;text-align:center}.score-detail-lis{margin-bottom:25px}.score-item-lis{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:18px;gap:15px;padding:12px}.score-num-lis{color:#d5a30a;font-weight:700;min-width:50px}.score-user-lis{flex:1 1}.score-correct-lis{color:#d5a30a;font-weight:700}.correct-lis{color:green;font-weight:700}.wrong-lis{color:red;font-weight:700}.score-buttons-lis{display:flex;gap:20px;justify-content:center}.score-buttons-lis button{border:none;border-radius:20px;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background .3s ease}.score-buttons-lis button:first-child{background:#f0ad4e;color:#fffbde}.score-buttons-lis button:first-child:hover{background:#ec971f}.score-buttons-lis button:last-child{background:#5cb85c;color:#fff}.score-buttons-lis button:last-child:hover{background:#4cae4c}@media (max-width:992px){.score-page-layout{flex-direction:column;max-width:90%}.ai-feedback-lis,.score-container-lis{width:100%}}@media (max-width:768px){.score-container-lis{margin:20px 0;padding:15px}.score-title-lis{font-size:22px}.score-summary-lis{font-size:18px}.score-item-lis{align-items:flex-start;flex-direction:column;font-size:16px;gap:8px;padding:10px 0}.score-num-lis{min-width:auto}.score-buttons-lis{flex-direction:column;gap:12px}.score-buttons-lis button{font-size:16px;padding:10px 0;width:100%}}@media (max-width:480px){.score-title-lis{font-size:20px}.score-summary-lis{font-size:16px}.score-buttons-lis button,.score-item-lis{font-size:14px}}.reading-page{background:#f8f9fb;display:flex;font-family:Baloo\ 2,cursive,sans-serif;min-height:100vh}.sidebar-read{background:#f9ecc0;border-radius:20px;height:300px;margin-left:50px;margin-top:80px;padding:10px;width:220px}.sidebar-read h3{color:#dc9f36;font-size:18px;margin-bottom:15px}.filter-group-read{margin-bottom:10px}.filter-group-read label{display:block;font-size:18px;margin:20px 0}.content-read{flex:1 1;padding:20px 30px}.tabs-search-read{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tabs-read{margin-bottom:0}.tabs-read button{background:#fff;border:1px solid #f9ecc0;border-radius:16px;cursor:pointer;font-weight:700;margin-right:10px;padding:12px 20px}.tabs-read button.active{background:#f9ecc0;border-color:#f9ecc0;border-radius:16px;color:#dc9f36}.search-read{align-items:center;background:#fff;border:1px solid #dc9f36;border-radius:10px;display:flex;gap:8px;padding:4px 8px}.search-read input{border:none;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.search-read input:focus{border-color:#dc9f36}.cards-read{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card-read{background:#fff;border-radius:12px;box-shadow:0 3px 8px #00000014;overflow:hidden;transition:transform .2s ease}.card-read:hover{transform:translateY(-4px)}.card-read img{height:140px;object-fit:cover;width:100%}.card-info-read{padding:12px}.section-read{background:#eee;border-radius:6px;display:inline-block;font-size:12px;margin-bottom:6px;padding:2px 8px}.card-read h4{color:#333;font-size:15px;margin:8px 0}.type-read{color:#666;font-size:13px;margin-bottom:4px}.attempts-read{color:#999;font-size:12px}@media (max-width:1200px){.reading-page{align-items:center;flex-direction:column}.sidebar-read{height:auto;margin-left:0;margin-top:20px;width:90%}.content-read{padding:20px 10px;width:95%}.tabs-search-read{align-items:stretch;flex-direction:column;gap:10px}.search-read input{margin-left:0;width:100%}.tabs-read{display:flex;flex-wrap:wrap;gap:10px}}@media (max-width:768px){.cards-read{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tabs-read button{font-size:14px;padding:10px 14px}.section-read{font-size:11px;padding:2px 6px}.card-read h4{font-size:14px}.type-read{font-size:12px}.attempts-read{font-size:11px}.completed-label{font-size:11px;padding:4px 8px}}@media (max-width:480px){.cards-read{grid-template-columns:1fr}.tabs-search-read{flex-direction:column;gap:10px}}.writing-page{background:#f8f9fb;display:flex;font-family:Baloo\ 2,cursive,sans-serif;min-height:100vh}.sidebar-write{background:#f9ecc0;border-radius:20px;height:250px;margin-left:50px;margin-top:80px;padding:10px;width:220px}.sidebar-write h3{color:#dc9f36;font-size:18px;margin-bottom:15px}.filter-group-write{margin-bottom:10px}.filter-group-write label{display:block;font-size:18px;margin:20px 0}.content-write{flex:1 1;padding:20px 30px}.tabs-search-write{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tabs-write{margin-bottom:0}.tabs-write button{background:#fff;border:1px solid #f9ecc0;border-radius:16px;cursor:pointer;font-weight:700;margin-right:10px;padding:12px 20px;transition:all .2s ease}.tabs-write button:hover{background:#fff9e8;transform:translateY(-2px)}.tabs-write button.active{background:#f9ecc0;border-color:#f9ecc0;color:#dc9f36}.search-write{align-items:center;background:#fff;border:1px solid #dc9f36;border-radius:10px;display:flex;gap:8px;padding:4px 8px}.search-write input{border:none;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.search-write input:focus{border-color:#dc9f36}.cards-write{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card-write{background:#fff;border-radius:12px;box-shadow:0 3px 8px #00000014;overflow:hidden;transition:transform .2s ease}.card-write:hover{transform:translateY(-4px)}.card-write img{height:140px;object-fit:cover;width:100%}.card-info-write{padding:12px}.section-write{background:#eee;border-radius:6px;display:inline-block;font-size:12px;margin-bottom:6px;padding:2px 8px}.card-write h4{color:#333;font-size:15px;margin:8px 0}.type-write{color:#666;font-size:13px;margin-bottom:4px}.attempts-write{color:#999;font-size:12px}@media (max-width:1200px){.writing-page{align-items:center;flex-direction:column}.sidebar-write{height:auto;margin-left:0;margin-top:20px;width:90%}.content-write{padding:20px 10px;width:95%}.tabs-search-write{align-items:stretch;flex-direction:column;gap:10px}.search-write input{margin-left:0;width:100%}.tabs-write{display:flex;flex-wrap:wrap;gap:10px}}@media (max-width:768px){.cards-write{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tabs-write button{font-size:14px;padding:10px 14px}.section-write{font-size:11px;padding:2px 6px}.card-write h4{font-size:14px}.type-write{font-size:12px}.attempts-write{font-size:11px}.completed-label{font-size:11px;padding:4px 8px}}@media (max-width:480px){.cards-write{grid-template-columns:1fr}.tabs-search-write{flex-direction:column;gap:10px}}.write-detail-container{font-family:Baloo\ 2,cursive,sans-serif;padding:20px 20px 80px}.write-detail-title{color:#d5a30a;font-size:32px;font-weight:500;margin-bottom:15px;text-align:center}.write-detail-main{display:flex;flex-wrap:wrap;gap:20px}.write-detail-left{background-color:#f4f4f4;border-radius:20px;flex:1 1;font-size:18px;line-height:1.6;padding:25px}.write-detail-question{font-weight:600;margin-bottom:15px}.write-detail-image{border-radius:10px;margin-top:10px;width:100%}.write-detail-right{background-color:#f4f4f4;border-radius:20px;display:flex;flex:1.2 1;flex-direction:column;gap:15px;padding:25px}.write-detail-top-info{align-items:center;display:flex;justify-content:space-between}.write-detail-timer{color:#d5a30a;font-size:40px;font-weight:700}.write-detail-word-count{color:#666;font-weight:600}.write-detail-form{display:flex;flex-direction:column;gap:15px}.write-detail-section label{color:#d5a30a;font-size:17px;font-weight:700}.write-detail-section textarea{background-color:#f8f6e8;border:2px solid #ffe647;border-radius:12px;font-size:15px;min-height:100px;padding:10px;resize:vertical;transition:all .3s;width:100%}.write-detail-section textarea:focus{border-color:#ffb347;outline:none}.write-detail-section textarea:disabled{cursor:not-allowed;opacity:.6}.write-detail-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.write-detail-back,.write-detail-submit{border:none;border-radius:20px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:.3s}.write-detail-back{background-color:#fffbde;color:#d5a30a}.write-detail-submit{background-color:#4caf50;color:#fff}.write-detail-back:hover:not(:disabled){background-color:#d5a30a;color:#fff}.write-detail-submit:hover:not(:disabled){background-color:#45a049}.write-detail-back:disabled,.write-detail-submit:disabled{cursor:not-allowed;opacity:.6}.write-detail-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.write-detail-loading-popup{animation:popupFadeIn .3s ease-out;background:linear-gradient(135deg,#fffbde,#fff8e1);border-radius:20px;box-shadow:0 10px 40px #0000004d;max-width:450px;padding:40px 50px;text-align:center;width:90%}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.write-detail-loading-popup h3{color:#d5a30a;font-size:24px;font-weight:700;margin-bottom:10px}.write-detail-loading-popup p{color:#666;font-size:16px;line-height:1.5;margin-bottom:25px}.write-detail-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#d5a30a;height:60px;margin:0 auto 20px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.write-detail-progress-dots{display:flex;gap:8px;justify-content:center;margin-top:15px}.write-detail-progress-dots span{animation:dotPulse 1.4s ease-in-out infinite;background-color:#d5a30a;border-radius:50%;height:12px;width:12px}.write-detail-progress-dots span:first-child{animation-delay:0s}.write-detail-progress-dots span:nth-child(2){animation-delay:.2s}.write-detail-progress-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.write-detail-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.write-detail-modal-content{background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000004d;max-width:480px;padding:30px;text-align:center;width:100%}.write-detail-modal-buttons{display:flex;gap:10px;justify-content:space-around;margin-top:20px}.write-detail-modal-buttons button{background-color:#fffbde;border:none;border-radius:15px;color:#d5a30a;cursor:pointer;font-size:16px;font-weight:700;padding:10px 18px;transition:all .2s}.write-detail-modal-buttons button:hover{background-color:#d5a30a;color:#fffbde}@media (max-width:768px){.write-detail-main{flex-direction:column}.write-detail-timer{font-size:28px}.write-detail-loading-popup{padding:30px 25px}.write-detail-loading-popup h3{font-size:20px}.write-detail-loading-popup p{font-size:14px}}.read-detail-container{background-color:#fffbde;font-family:Baloo\ 2,cursive,sans-serif;padding:20px 20px 100px}.read-detail-title{color:#d5a30a;font-size:30px;margin-bottom:5px;text-align:center}.read-detail-timer{border:none;border-radius:50%;color:#d5a30a;font-size:50px;margin-top:10px;padding:30px}.read-detail-main{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.read-detail-left{background-color:#f5f3e5;border-radius:20px;flex:2 1;font-size:20px;line-height:1.5;max-height:600px;max-width:600px;overflow-y:auto;padding:25px;white-space:pre-line}.read-detail-bottom-controls{align-items:center;display:flex;gap:10px;margin-top:15px}.read-detail-right{align-items:flex-start;background-color:#f5f3e5;border-radius:20px;display:flex;flex:1 1;justify-content:center;max-height:600px;overflow-y:auto;padding:25px}.read-detail-right-inner{align-items:center;display:flex;flex-direction:column;gap:15px;width:100%}.mcq-question-card{background:#fff;border-radius:15px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px;transition:transform .2s,box-shadow .2s;width:100%}.mcq-question-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.mcq-question-text{color:#d5a30a;font-size:18px;font-weight:700;line-height:1.6;margin-bottom:15px}.mcq-question-number{color:#d5a30a;margin-right:5px}.mcq-option-label{align-items:center;background-color:#f9f9f9;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;margin:8px 0;padding:12px 15px;transition:all .2s ease}.mcq-option-label:hover{background-color:#fff5e6;border-color:#ffd699}.mcq-option-label input[type=radio]{accent-color:#f9cd48;cursor:pointer;height:20px;margin-right:12px;width:20px}.mcq-option-label.selected{background-color:#fff5e6;border-color:#d5a30a;font-weight:600}.mcq-option-text{color:#444;flex:1 1;font-size:16px;line-height:1.5}.mcq-option-letter{color:#d5a30a;font-weight:700;margin-right:8px;min-width:25px}.read-detail-passage{font-size:20px;line-height:1.5;white-space:pre-line}.read-detail-input{background:#0000;border:none;border-bottom:2px solid #ff843d;font-size:20px;margin:0 5px;padding:2px 5px;text-align:center;width:120px}.read-detail-input:focus{border-bottom:2px solid #ff843d;outline:none}.read-detail-blank{align-items:center;display:inline-flex;margin:0 5px;position:relative}.read-detail-blank-number{color:#ff843d;font-size:15px;font-weight:700;margin-right:3px}.read-detail-submit{background-color:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-top:10px;padding:15px 30px}.read-detail-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.read-detail-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000004d;max-width:500px;padding:30px;text-align:center;width:100%}.read-detail-modal-buttons{display:flex;gap:10px;justify-content:space-around;margin-top:15px}.read-detail-modal-buttons button{background-color:#fffbde;border:none;border-radius:15px;color:#d5a30a;cursor:pointer;font-size:18px;font-weight:700;padding:8px 16px;transition:background .2s}.read-detail-modal-buttons button:hover{background-color:#d5a30a;color:#fffbde}@media (max-width:768px){.read-detail-main{flex-direction:column}.read-detail-right{align-items:center;justify-content:center;margin-top:20px}.read-detail-right-inner{width:100%}.read-detail-image{height:auto;max-width:100%}.mcq-question-text{font-size:16px}.mcq-option-text{font-size:15px}}.score-page-layout-read{align-items:flex-start;display:flex;font-family:Baloo\ 2,cursive,sans-serif;gap:20px;margin:40px auto;max-width:1200px}.ai-feedback-read{background:#fffbde;border-radius:20px;box-shadow:0 4px 10px #0000001a;color:#333;flex:1 1;font-size:16px;line-height:1.6;padding:20px}.ai-feedback-read h3{color:#d5a30a;font-size:22px;font-weight:700;margin-bottom:15px}.score-container-read{background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000001a;flex:2 1;max-width:800px;padding:20px}.score-title-read{color:#ff843d;font-size:26px;font-weight:700;margin-bottom:20px;text-align:center}.score-summary-read{color:#d5a30a;font-size:20px;margin-bottom:25px;text-align:center}.score-detail-read{margin-bottom:25px}.score-item-read{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:18px;gap:15px;padding:12px}.score-num-read{color:#d5a30a;font-weight:700;min-width:50px}.score-user-read{flex:1 1}.score-correct-read{color:#d5a30a;font-weight:700}.correct-read{color:green;font-weight:700}.wrong-read{color:red;font-weight:700}.score-buttons-read{display:flex;gap:20px;justify-content:center}.score-buttons-read button{border:none;border-radius:20px;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background .3s ease}.score-buttons-read button:first-child{background:#f0ad4e;color:#fffbde}.score-buttons-read button:first-child:hover{background:#ec971f}.score-buttons-read button:last-child{background:#5cb85c;color:#fff}.score-buttons-read button:last-child:hover{background:#4cae4c}@media (max-width:992px){.score-page-layout-read{flex-direction:column;max-width:90%}.ai-feedback-read,.score-container-read{width:100%}}@media (max-width:768px){.score-container-read{margin:20px 0;padding:15px}.score-title-read{font-size:22px}.score-summary-read{font-size:18px}.score-item-read{align-items:flex-start;flex-direction:column;font-size:16px;gap:8px;padding:10px 0}.score-num-read{min-width:auto}.score-buttons-read{flex-direction:column;gap:12px}.score-buttons-read button{font-size:16px;padding:10px 0;width:100%}}@media (max-width:480px){.score-title-read{font-size:20px}.score-summary-read{font-size:16px}.score-buttons-read button,.score-item-read{font-size:14px}}.account-wrapper{display:flex;font-family:Baloo\ 2,cursive,sans-serif;margin:40px auto;max-width:900px}.account-left{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px}.account-avatar{border:2px solid #d5a30a;border-radius:50%;height:200px;object-fit:cover;width:200px}.account-avatar-btn{background:#d5a30a;border:none;border-radius:20px;color:#fffbde;cursor:pointer;font-size:18px;font-weight:700;margin-top:15px;padding:12px 16px;transition:.3s}.account-right{flex:2 1;padding:30px}.account-title{color:#ff843d;font-size:30px;margin-bottom:10px;text-align:center}.account-form{display:flex;flex-direction:column;gap:15px}.account-form label{color:#d5a30a;font-size:16px;font-weight:700}.account-form input{border:1px solid #f2dd9e;border-radius:20px;font-size:18px;outline:none;padding:20px;transition:border .3s}.account-form input:focus{border-color:#d5a30a}.account-update-btn{background:#f8f2c2;border:none;border-radius:15px;color:#d5a30a;cursor:pointer;font-size:15px;font-weight:700;margin-top:10px;padding:12px;transition:background .3s}.account-update-btn:hover{background:#d5a30a;color:#f8f2c2}@media (max-width:768px){.account-wrapper{flex-direction:column}.account-left{border-bottom:1px solid #ddd;border-right:none}}.account-update-btn:disabled{cursor:not-allowed;opacity:.6}.account-update-btn:disabled,.account-update-btn:disabled:hover{background:#e0e0e0;color:#999}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contact-container{align-items:stretch;display:flex;font-family:Baloo\ 2,cursive,sans-serif;gap:30px;justify-content:space-between;min-height:80vh;padding:40px}.contact-form{border-radius:12px;flex:1 1;padding:30px}.contact-form h2{color:#ff7221;margin-bottom:20px}.contact-form label{color:#d5a30a;display:block;font-weight:700;margin-top:15px}.contact-form input,.contact-form textarea{border:1px solid #f2dd9e;border-radius:15px;font-size:14px;margin-top:8px;padding:10px 12px;transition:all .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#d5a30a;outline:none}.contact-form button{background:#f2dd9e;border:none;border-radius:20px;color:#ff7221;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px 20px;transition:background .3s ease}.contact-map{border-radius:12px;box-shadow:0 4px 10px #0000001a;flex:1 1;overflow:hidden}@media (max-width:992px){.contact-container{flex-direction:column;padding:20px}.contact-form,.contact-map{width:100%}.contact-map{height:300px}}.speaking-page{background:#f8f9fb;display:flex;font-family:Baloo\ 2,cursive,sans-serif;min-height:100vh}.sidebar-speak{background:#f9ecc0;border-radius:20px;height:300px;margin-left:50px;margin-top:80px;padding:10px;width:220px}.sidebar-speak h3{color:#dc9f36;font-size:18px;margin-bottom:15px}.filter-group-speak{margin-bottom:10px}.filter-group-speak label{display:block;font-size:18px;margin:20px 0}.content-speak{flex:1 1;padding:20px 30px}.tabs-search-speak{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tabs-speak{margin-bottom:0}.tabs-speak button{background:#fff;border:1px solid #f9ecc0;border-radius:16px;cursor:pointer;font-weight:700;margin-right:10px;padding:12px 20px}.tabs-speak button.active{background:#f9ecc0;border-color:#f9ecc0;color:#dc9f36}.search-speak{align-items:center;background:#fff;border:1px solid #dc9f36;border-radius:10px;display:flex;gap:8px;padding:4px 8px}.search-speak input{border:none;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.search-speak input:focus{border-color:#dc9f36}.cards-speak{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card-speak{background:#fff;border-radius:12px;box-shadow:0 3px 8px #00000014;overflow:hidden;transition:transform .2s ease}.card-speak:hover{transform:translateY(-4px)}.card-speak img{height:140px;object-fit:cover;width:100%}.card-info-speak{padding:12px}.section-speak{background:#eee;border-radius:6px;display:inline-block;font-size:12px;margin-bottom:6px;padding:2px 8px}.card-speak h4{color:#333;font-size:15px;margin:8px 0}.type-speak{color:#666;font-size:13px;margin-bottom:4px}.attempts-speak{color:#999;font-size:12px}@media (max-width:1200px){.speaking-page{align-items:center;flex-direction:column}.sidebar-speak{height:auto;margin-left:0;margin-top:20px;width:90%}.content-speak{padding:20px 10px;width:95%}.tabs-search-speak{align-items:stretch;flex-direction:column;gap:10px}.search-speak input{margin-left:0;width:100%}.tabs-speak{display:flex;flex-wrap:wrap;gap:10px}}@media (max-width:768px){.cards-speak{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tabs-speak button{font-size:14px;padding:10px 14px}.section-speak{font-size:11px;padding:2px 6px}.card-speak h4{font-size:14px}.type-speak{font-size:12px}.attempts-speak{font-size:11px}.completed-label{font-size:11px;padding:4px 8px}}@media (max-width:480px){.cards-speak{grid-template-columns:1fr}.tabs-search-speak{flex-direction:column;gap:10px}}.bottom-bar{position:absolute}.question-item.recorded{background:#d4f7d4;background-color:#d4edda}.question-item.recorded:hover{background-color:#c3e6cb}.speak-detail-page{background:#fff9f4;display:flex;flex-direction:row;font-family:Baloo\ 2,cursive,sans-serif;height:100vh;position:relative}.sidebar-left{background:#fff;border-right:1px solid #eee;overflow-y:auto;padding:15px;width:280px}.sidebar-title{color:#333;font-size:18px;margin-bottom:15px}.search-topic{align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:8px;display:flex;gap:8px;margin-bottom:15px;padding:6px 10px}.search-topic input{background:#0000;border:none;flex:1 1;outline:none}.search-btn{background:#dc9f36;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:5px 10px}.topics-list{display:flex;flex-direction:column;gap:10px}.topic-item{background:#f9f9f9;border-radius:8px;cursor:pointer;font-size:14px;padding:10px}.topic-item.active{background:#ffe8b3;font-weight:700}.question-area{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:20px 20px 120px}.question-box{font-size:20px;font-weight:600;margin-bottom:20px;position:relative;text-align:center}.audio-btn{background:#0000;border:none;cursor:pointer;font-size:18px;margin-left:10px}.nav-buttons{display:flex;gap:20px;margin-bottom:20px}.nav-buttons button{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:8px 12px}.sidebar-right{background:#fff;border-left:1px solid #eee;display:flex;flex-direction:column;padding:15px;width:280px}.note-box{display:flex;flex:1 1;flex-direction:column}.note-header{background:#ffe066;border-radius:6px 6px 0 0;display:flex;font-weight:700;justify-content:space-between;padding:6px 10px}.note-box textarea{border:1px solid #ffe066;border-top:none;flex:1 1;font-size:14px;padding:10px;resize:none}.bottom-bar{background:#fff9f4;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:center;left:280px;padding:15px 0;position:fixed;right:280px;z-index:100}.record-btn{background:#ff7f32;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px}.questions-list{display:flex;flex-direction:column;gap:10px}.question-item{background:#f8f8f8;border:1px solid #eee;border-radius:8px;cursor:pointer;font-size:14px;padding:10px;transition:all .2s ease}.question-item:hover{background:#fff4e0}.question-item.active{background:#ffe8b3;font-weight:700}.question-item.recorded{background:#d4edda;border-color:#8fd88f;font-weight:600}.question-item.recorded:hover{background:#c3e6cb}.ai-feedback{background:#fff6;border-radius:12px;color:#000;margin-top:20px;max-height:450px;overflow-y:auto;padding:20px;scroll-behavior:smooth;width:100%}.ai-feedback h3{align-items:center;display:flex;font-size:1.5rem;gap:8px;margin-top:0}.ai-feedback .scores{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0}.ai-feedback .scores span{background:#eca3bb33;border-radius:8px;font-size:.95rem;font-weight:600;padding:8px 15px}.ai-feedback .feedback-text{background:#ffffff26;border-radius:8px;line-height:1.6;margin:15px 0;padding:15px}.errors{background:#ff3b3033;border-radius:8px;margin-top:15px;padding:15px}.errors h4{color:#000;margin-top:0}.error-item{background:#ffffff1a;border-radius:6px;padding:10px}.error-item strong{color:gold}.error-item p{font-size:.9rem;font-style:italic;margin:5px 0 0}.suggestions{background:#34c75933;border-radius:8px;margin-top:15px;padding:15px}.suggestions h4{color:#000;margin-top:0}.suggestions ul{margin:10px 0;padding-left:20px}.suggestions li{line-height:1.5;margin-bottom:8px}.finalize-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:20px;padding:15px;transition:transform .2s;width:100%}.finalize-btn:hover{box-shadow:0 6px 20px #f5576c66;transform:translateY(-2px)}.overall-score{background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:10px;color:#fff;margin-top:20px;padding:15px}.overall-score h4{font-size:1.3rem;margin-top:0}.overall-score p{font-size:.95rem;margin:5px 0}.record-btn.evaluating{background:linear-gradient(135deg,#667eea,#764ba2);cursor:not-allowed;opacity:.8}.record-btn.stop{background:linear-gradient(135deg,#f093fb,#f5576c)}.playback{background:#ef9fb760;border-radius:15px;margin-top:10px;padding:15px;width:100%}.playback h4{color:#333;margin-top:0}.playback audio{margin-top:10px;width:100%}.ai-feedback::-webkit-scrollbar{width:8px}.ai-feedback::-webkit-scrollbar-thumb{background:#ccc;border-radius:8px}.ai-feedback::-webkit-scrollbar-thumb:hover{background:#aaa}@media (max-width:1024px){.sidebar-left,.sidebar-right{width:220px}.bottom-bar{left:220px;right:220px}}@media (max-width:768px){.speak-detail-page{flex-direction:column;height:auto;min-height:100vh}.sidebar-right{display:none}.sidebar-left{border-bottom:1px solid #eee;border-right:none;max-height:250px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:50}.sidebar-title{font-size:16px;margin-bottom:10px}.questions-list{max-height:150px;overflow-y:auto}.question-item{font-size:13px;padding:8px}.question-area{justify-content:flex-start;min-height:calc(100vh - 250px);padding:15px 15px 120px}.question-box{font-size:18px;padding:0 10px}.audio-btn{font-size:16px}.nav-buttons{gap:15px}.nav-buttons button{font-size:18px;padding:10px 15px}.ai-feedback{margin-top:15px;max-height:none;padding:15px}.ai-feedback h3{font-size:1.2rem}.ai-feedback .scores{gap:8px}.ai-feedback .scores span{font-size:.85rem;padding:6px 10px}.ai-feedback .feedback-text,.errors,.suggestions{font-size:.9rem;padding:12px}.bottom-bar{left:0;padding:12px;right:0}.record-btn{font-size:15px;max-width:320px;padding:12px 20px;width:90%}.finalize-btn{font-size:1rem;padding:12px}.overall-score{margin-top:15px;padding:12px}.overall-score h4{font-size:1.1rem}.overall-score p{font-size:.85rem}.playback{padding:12px}.playback h4{font-size:1rem}}@media (max-width:480px){.sidebar-left{max-height:200px;padding:10px}.sidebar-title{font-size:14px}.question-item{font-size:12px;padding:6px}.question-area{padding:10px 10px 130px}.question-box{font-size:16px}.audio-btn{font-size:14px}.nav-buttons button{font-size:16px;padding:8px 12px}.ai-feedback{padding:10px}.ai-feedback h3{font-size:1.1rem}.ai-feedback .scores span{font-size:.8rem;padding:5px 8px}.ai-feedback .feedback-text,.errors,.suggestions{font-size:.85rem;padding:10px}.errors,.suggestions{margin-bottom:15px}.error-item,.error-item p{font-size:.85rem}.record-btn{font-size:14px;padding:10px 16px;width:95%}.bottom-bar{padding:10px}.finalize-btn{font-size:.95rem;padding:10px}.overall-score h4{font-size:1rem}.overall-score p{font-size:.8rem}}@media (max-width:360px){.question-box{font-size:14px}.nav-buttons{gap:10px}.nav-buttons button{padding:6px 10px}.ai-feedback .scores{flex-direction:column;gap:5px}.ai-feedback .scores span{text-align:center;width:100%}.record-btn{font-size:13px;padding:10px}}.admin-container{display:flex;height:90px}.admin-logo{align-items:center;display:flex;height:100px;justify-content:center;padding:10px}.admin-logo-image{max-height:100px;max-width:100%;object-fit:contain}.sidebar{background:#fffbde;color:#d5a30a;display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;overflow-y:auto;padding:15px;position:fixed;top:0;width:200px}.sidebar ul{flex:1 1;list-style:none;margin-top:30px;padding:0}.sidebar li{align-items:center;border-radius:10px;color:#d5a30a;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:12px 15px;transition:all .3s ease}.sidebar li.active,.sidebar li:hover{background:linear-gradient(135deg,#ffe7b3,#ffd77d);color:#fe5d01}.sidebar .logout-item{border-top:1px solid #f5d97c;margin-top:auto;padding-top:15px}.main-content{align-items:flex-start;display:flex;justify-content:center;margin-top:0!important;min-height:100vh;padding-top:10px;position:relative;top:0}.admin-header{align-items:center;background:#fffbde;display:flex;height:80px;justify-content:space-between;left:200px;padding:0 20px;position:fixed;top:0;width:calc(100% - 200px);z-index:1000}.admin-title{align-items:center;color:#d5a30a;flex:1 1;font-size:35px;font-weight:700;justify-content:center;margin-top:15px}.admin-header .header-right{align-items:center;display:flex;gap:20px}.admin-searchBar{align-items:center;border:1px dashed #d5a30a;border-radius:20px;display:flex;padding:5px 10px;position:relative;width:250px}.admin-searchBar input{background-color:initial;border:none;color:#d5a30a;flex:1 1;outline:none;padding:5px}.admin-searchBar input::placeholder{color:#d5a30a}.admin-searchButton{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;position:absolute;right:10px}.icon-search-admin{color:#d5a30a}.admin-avatar{color:#d5a30a;cursor:pointer;position:relative}.admin-avatar .avatar-icon{font-size:30px}.dropdown-menu{background:#fff;border-radius:5px;box-shadow:0 2px 4px #0003;position:absolute;right:0;top:40px;width:150px}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu li{cursor:pointer;padding:10px}.dropdown-menu li:hover{background:#f1f1f1}.icon-dropdown-admin{margin-right:10px;vertical-align:middle}@media screen and (max-width:768px){.sidebar{padding:10px;width:60px}.sidebar-text{display:none}.sidebar ul{align-items:center;display:flex;flex-direction:column;padding:0}.sidebar li{justify-content:center;padding:15px}.sidebar li span{display:none}.admin-logo{height:60px;padding:5px}.admin-logo-image{max-height:60px;max-width:60px}.main-content{margin-left:70px;width:calc(100% - 70px)}.admin-header{left:60px;width:calc(100% - 60px)}.admin-searchBar{max-width:150px;padding:3px 8px}.admin-searchBar input{font-size:12px;padding-right:25px}.icon-search-admin{font-size:14px}.admin-title{font-size:20px}.admin-searchBar input{font-size:14px}}.loading-container{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:600;height:100vh;justify-content:center}.admin-dashboard-container{font-family:Baloo\ 2,cursive,sans-serif;margin-left:200px;min-height:100vh;padding-top:40px}.dashboard-content{margin:0 auto;max-width:1400px;padding:32px 24px}.dashboard-title{-webkit-background-clip:text;background-clip:text;color:#d5a30a;font-size:40px;font-weight:700;margin-bottom:20px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{border-radius:20px;color:#484747;cursor:pointer;padding:28px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card-purple{background:#b2a5ff;box-shadow:0 10px 30px #667eea4d}.stat-card-purple:hover{box-shadow:0 15px 40px #667eea66}.stat-card-pink{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 10px 30px #f093fb4d}.stat-card-pink:hover{box-shadow:0 15px 40px #f093fb66}.stat-card-cyan{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 10px 30px #4facfe4d}.stat-card-cyan:hover{box-shadow:0 15px 40px #4facfe66}.stat-card-content{align-items:center;display:flex;justify-content:space-between}.stat-label{font-size:14px;font-weight:500;margin:0;opacity:.9}.stat-value{font-size:42px;font-weight:700;margin:8px 0 0}.stat-icon{opacity:.8}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:40px}.chart-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px;transition:box-shadow .3s ease}.chart-card:hover{box-shadow:0 8px 30px #0000001f}.chart-card-full{grid-column:1/-1}.chart-title{color:#ff7221;font-size:20px;font-weight:600;margin:0 0 24px}.custom-tooltip{background:#fffffffa;border:1px solid #6366f133;border-radius:12px;box-shadow:0 8px 24px #00000026;padding:12px 16px}.tooltip-label{color:#1f2937;font-weight:600;margin:0}.pie-cell{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.recharts-legend-wrapper{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.recharts-legend-item-text{color:#4b5563!important;font-weight:500!important}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.dashboard-title{font-size:28px}}@media screen and (max-width:768px){.admin-dashboard-container{margin-left:60px;padding-top:90px}.dashboard-content{padding:20px 16px}.stats-grid{gap:16px;grid-template-columns:1fr}.dashboard-title{font-size:24px;margin-bottom:24px}.stat-card{padding:20px}.stat-value{font-size:32px}.chart-card{padding:20px}.chart-title{font-size:18px;margin-bottom:16px}.charts-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-dashboard-container{margin-left:60px;padding-top:90px}.stat-icon{display:none}.stat-value{font-size:28px}.stats-grid{gap:12px}}.user-avatar-usermanage{border-radius:50%;height:60px;object-fit:cover;width:60px}.active-usermanage{color:green;font-weight:700}.inactive-usermanage{color:red;font-weight:700}.btn-update-usermanage{background:#d5a30a;border:none;border-radius:15px;color:#fffbde;cursor:pointer;font-weight:700;padding:8px 17px;transition:.3s}@media (max-width:768px){.main-content-usermanage{margin-left:60px;overflow-x:hidden;padding:10px}.user-table-wrapper-usermanage{overflow-x:hidden;padding:0}.user-table-usermanage{display:block;font-size:14px;min-width:0;width:100%}.user-table-usermanage thead{display:none}.user-table-usermanage tbody{display:flex;flex-direction:column;gap:16px}.user-table-usermanage tr{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:block;padding:16px}.user-table-usermanage td{border:none;display:flex;justify-content:space-between;padding:8px 0;position:relative;white-space:normal}.user-table-usermanage td:before{color:#ff7221;content:attr(data-label);flex:1 1;font-weight:700;margin-right:8px;position:relative;text-align:left;z-index:0}.btn-learningpath-usermanage,.btn-update-usermanage{margin-top:8px;padding:8px 0;position:relative;width:100%;z-index:2}.user-avatar-usermanage{height:60px;margin-bottom:8px;width:60px}}.btn-learningpath-usermanage{background:linear-gradient(135deg,#4cafef,#2196f3);color:#fff}.btn-learningpath-usermanage,.btn-personalaim-usermanage{border:none;border-radius:15px;box-shadow:0 3px 6px #00000026;cursor:pointer;font-weight:700;padding:8px 17px;transition:all .3s ease}.btn-personalaim-usermanage{background-color:#fff3cc;color:#d18f00}.main-content-updateuser{font-family:Baloo\ 2,cursive,sans-serif;padding:20px;position:relative}.page-title-updateuser{color:#d5a30a;font-size:30px;font-weight:700;margin-left:350px}.update-user-form-updateuser{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:700px;padding:20px}.update-user-avatar-updateuser{border-radius:50%;height:80px;margin-top:8px;object-fit:cover;width:80px}.form-group-updateuser{display:flex;flex-direction:column}.form-group-updateuser label{font-weight:700;margin-bottom:6px}.form-group-updateuser input,.form-group-updateuser select{border:1px solid #d5a30a;border-radius:15px;font-size:16px;padding:10px 13px}.checkbox-group-updateuser{align-items:center;flex-direction:row;gap:8px}.btn-save-updateuser{background:#f6f0c7;color:#d5a30a}.btn-cancel-updateuser,.btn-save-updateuser{border:none;border-radius:15px;cursor:pointer;font-weight:700;padding:10px 15px;transition:.3s}.btn-cancel-updateuser{background:#ff8b97;color:#9d0303}.button-group-updateuser{display:flex;gap:12px;justify-content:flex-start}.button-group-updateuser .btn-cancel-updateuser,.button-group-updateuser .btn-save-updateuser{flex:1 1}@media (max-width:768px){.main-content-updateuser{margin-left:60px;margin-top:30px;padding:10px}.page-title-updateuser{color:#d5a30a;margin-left:60px}.update-user-form-updateuser{gap:12px;max-width:100%;padding:16px;width:100%}.update-user-avatar-updateuser{height:60px;margin:0 auto 10px;width:60px}.form-group-updateuser{flex-direction:column;gap:6px}.form-group-updateuser input,.form-group-updateuser select{font-size:14px;padding:6px 8px;width:100%}.checkbox-group-updateuser{flex-direction:row;font-size:14px;gap:6px}.btn-cancel-updateuser,.btn-save-updateuser{font-size:14px;padding:8px 0;width:100%}}.main-content-testresult{flex:1 1;font-family:Baloo\ 2,cursive,sans-serif;margin-left:240px;margin-top:40px;min-height:100vh;padding:20px;transition:margin-left .3s ease}.page-title-testresult{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:20px}.loading{padding:40px}.control-bar-testresult{background:rgba(254,220,234,.343);border-radius:12px;margin-bottom:20px;padding:20px}.control-bar-testresult,.filter-section-testresult{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.label-testresult{color:#555;font-weight:600;margin-right:4px}.select-testresult{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.select-testresult:hover{border-color:#999}.select-testresult:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-input-testresult{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;min-width:250px;padding:8px 12px;transition:all .3s ease}.search-input-testresult:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.reset-btn-testresult{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.reset-btn-testresult:hover{background:#c0392b;transform:translateY(-1px)}.grouped-container-testresult{display:flex;flex-direction:column;gap:16px}.user-card-testresult{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.user-card-testresult:hover{box-shadow:0 4px 16px #00000026}.user-header-testresult{align-items:center;background:#fbf9e5;color:#000;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.user-header-testresult:hover{background:linear-gradient(135deg,#ffe7b3,#ffd77d)}.user-info-testresult{flex:1 1}.user-name-testresult{font-size:18px;font-weight:600;margin-bottom:4px}.user-email-testresult{font-size:14px;opacity:.9}.test-count-testresult{background:#f5acac33;border-radius:20px;font-size:14px;font-weight:600;padding:6px 12px}.tests-container-testresult{background:#f8f9fa;display:flex;flex-direction:column;gap:12px;padding:16px}.test-card-testresult{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .3s ease}.test-card-testresult:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.test-header-testresult{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.test-number-testresult{background:#ecf0f1;border-radius:4px;color:#555;font-size:14px;font-weight:600;padding:4px 10px}.skill-badge-testresult{background-color:#f35891;border-radius:4px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.skill-badge-testresult.writing{background-color:#3498db}.skill-badge-testresult.speaking{background-color:#e74c3c}.test-date-testresult{color:#7f8c8d;font-size:13px;margin-left:auto}.test-title-testresult{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:12px}.scores-grid-testresult{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.score-item-testresult{background:#f8f9fa;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.score-item-testresult.overall-score-item{background:#d4edda;color:#155724;font-weight:600}.feedback-text-testresult{background:#fff3cd;border-left:4px solid #ffc107}.feedback-text-testresult,.question-box-testresult{border-radius:6px;font-size:14px;grid-column:1/-1;line-height:1.5;padding:12px}.question-box-testresult{background:#e7f3ff}.transcript-box-testresult{background:#f0f0f0;border-radius:6px;font-size:14px;grid-column:1/-1;line-height:1.5;padding:12px}.audio-btn-testresult{background:#a4d4f4;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:600;grid-column:1/-1;padding:10px;transition:all .3s ease}.audio-btn-testresult:hover{background:#2980b9;transform:translateY(-1px)}.table-wrapper-testresult{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;padding:20px;width:100%}.result-table-testresult{border-collapse:collapse;min-width:800px;text-align:center;width:100%}.result-table-testresult thead{background-color:#667eea;color:#fff}.result-table-testresult td,.result-table-testresult th{border-bottom:1px solid #ddd;padding:12px 15px}.result-table-testresult th{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.result-table-testresult tbody tr{transition:all .3s ease}.result-table-testresult tbody tr:hover{background-color:#f8f9fa}.overall-score-testresult{color:#27ae60;font-size:16px;font-weight:700}.play-audio-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.play-audio-btn:hover{background:#2980b9;transform:scale(1.05)}.audio-modal{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.audio-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:90%;min-width:400px;padding:30px;text-align:center}.audio-modal-content h3{color:#333;font-size:20px;margin-bottom:20px}.audio-player{margin-bottom:20px;width:100%}.close-btn-modal{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 30px;transition:all .3s ease}.close-btn-modal:hover{background:#c0392b;transform:translateY(-1px)}.topic-complete-badge{background:linear-gradient(135deg,#f6d365,#fda085);border-radius:4px;box-shadow:0 2px 4px #fda0854d;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.topic-summary-box{background:linear-gradient(135deg,#fff7e6,#ffe7b3);border-radius:8px;grid-column:1/-1;padding:16px;text-align:center}.topic-summary-box strong{color:#d35400;display:block;font-size:16px;margin-bottom:8px}.topic-summary-box p{color:#7f8c8d;font-size:14px;margin:0}.topic-badge-table{background:linear-gradient(135deg,#f6d365,#fda085)}.question-badge-table,.topic-badge-table{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.question-badge-table{background:#95a5a6}.no-results-testresult{background:#fff;border-radius:12px;color:#7f8c8d;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.main-content-testresult{margin-left:60px;margin-top:80px;padding:10px}.control-bar-testresult,.filter-section-testresult{align-items:stretch;flex-direction:column}.reset-btn-testresult,.search-input-testresult,.select-testresult{width:100%}.user-header-testresult{align-items:flex-start;flex-direction:column;gap:10px}.test-count-testresult{align-self:flex-end}.test-header-testresult{align-items:flex-start;flex-direction:column}.test-date-testresult{margin-left:0}.scores-grid-testresult{grid-template-columns:1fr}.table-wrapper-testresult{overflow-x:auto;padding:10px}.result-table-testresult{font-size:13px}.audio-modal-content{min-width:300px;padding:20px}}@media (max-width:480px){.main-content-testresult{margin-left:0;padding:10px}.page-title-testresult{font-size:22px}.user-name-testresult{font-size:16px}.test-title-testresult{font-size:14px}}.arrow-icon{margin-right:8px;transition:transform .3s ease}.arrow-icon.expanded{transform:rotate(90deg)}.lesson-container-listenadmin{font-family:Baloo\ 2,cursive,sans-serif;margin-left:240px;margin-top:40px;min-height:100vh;padding:20px;position:relative;z-index:1}.lesson-title-listenadmin{color:#d5a30a;font-size:30px;font-weight:700;margin-bottom:20px}.lesson-filter-listenadmin{display:flex;flex-wrap:wrap;gap:12px;justify-content:end;margin-bottom:24px;position:relative;z-index:1}.lesson-search-listenadmin,.lesson-select-listenadmin{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:8px 12px}.lesson-grid-listenadmin{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.lesson-card-listenadmin{background:#fff;border-radius:16px;box-shadow:0 4px 8px #00000014;display:flex;flex-direction:column;padding:16px;position:relative;transition:transform .2s;z-index:1}.lesson-card-listenadmin:hover{transform:translateY(-4px)}.lesson-image-listenadmin{border-radius:12px;height:180px;margin-bottom:12px;object-fit:cover;width:100%}.lesson-section-badge-listenadmin{background:#fffbde;border-radius:8px;color:#ff7221;display:inline-block;font-size:13px;font-weight:600;margin-bottom:10px;padding:4px 10px;text-align:center}.lesson-card-title-listenadmin{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:8px}.lesson-type-listenadmin{color:#6b7280;font-size:14px;margin-bottom:4px}.lesson-attempts-listenadmin{color:#9ca3af;font-size:13px;margin-bottom:12px}.lesson-control-listenadmin{display:flex;gap:8px;margin-top:auto}.lesson-btn-delete-listenadmin,.lesson-btn-edit-listenadmin{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;justify-content:center;padding:6px 10px}.lesson-btn-edit-listenadmin{background:#d5a30a;color:#fff}.lesson-btn-delete-listenadmin{background:#ef4444;color:#fff}.lesson-btn-add-listadmin{background-color:#d5a30a;border:none;border-radius:15px;color:#fffbde;cursor:pointer;font-family:Baloo\ 2,cursive,sans-serif;font-size:16px;font-weight:700;margin-top:20px;padding:10px 18px;position:relative;z-index:10}@media (max-width:1024px){.lesson-container-listenadmin{margin-left:100px}.lesson-grid-listenadmin{grid-template-columns:repeat(2,1fr)}.lesson-filter-listenadmin{justify-content:start}.lesson-container-listenadmin{position:relative;z-index:1}}@media (max-width:640px){.lesson-container-listenadmin{margin-left:60px}.lesson-grid-listenadmin{grid-template-columns:1fr}}.lesson-upload-label-listenadmin{align-items:center;background:#d5a30a;border:none;border-radius:10px;color:#fffbde;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;transition:.2s}.lesson-upload-label-listenadmin:hover{background:#c48f09}.lesson-uploaded-file-listenadmin{color:#4b5563;font-size:14px;margin-bottom:16px}.main-content-learningpath{flex:1 1;font-family:Baloo\ 2,cursive,sans-serif;margin-left:240px;margin-top:40px;padding:20px;transition:all .3s ease}.page-title-learningpath{color:#d5a30a;font-size:28px;font-weight:700;margin-bottom:25px;text-align:left}.user-info-learningpath{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.user-avatar-learningpath{border:3px solid #ffeb99;border-radius:50%;height:90px;object-fit:cover;width:90px}.user-details-learningpath p{font-size:16px;margin:6px 0;word-break:break-word}.user-details-learningpath strong{color:#ff7221}.day-list-learningpath{display:flex;flex-direction:column;gap:20px}.day-card-learningpath{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:20px}.day-card-learningpath h3{color:#ff7221;font-size:20px;margin-bottom:15px}.task-item-learningpath{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px}.task-info{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:8px}.task-title{color:#333;font-size:16px;font-weight:600}.skill-text{color:#ff7221;font-size:14px;margin-top:2px}.progress-text{color:#555;font-size:14px;margin-top:5px}.progress-bar-learningpath{background-color:#f3f3f3;border-radius:6px;height:10px;overflow:hidden;width:100%}.progress-fill-learningpath{background:linear-gradient(135deg,#d5a30a,#f1c232);border-radius:6px;height:10px}.btn-back-learningpath{background:linear-gradient(135deg,#ff7221,#ffb84d);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;margin-top:30px;padding:10px 25px;transition:all .3s ease}.btn-back-learningpath:hover{background:linear-gradient(135deg,#ff934d,#ffd280);transform:translateY(-2px)}@media (max-width:992px){.main-content-learningpath{margin-left:200px;padding:15px}.page-title-learningpath{font-size:24px;text-align:center}.user-info-learningpath{align-items:center;flex-direction:column;text-align:center}.task-title,.user-details-learningpath p{font-size:15px}.progress-text,.skill-text{font-size:13px}}@media (max-width:768px){.main-content-learningpath{margin-left:0;margin-top:80px;padding:15px}.page-title-learningpath{font-size:22px;margin-bottom:20px;text-align:center}.user-avatar-learningpath{height:70px;width:70px}.day-card-learningpath{padding:15px}.day-card-learningpath h3{font-size:18px;text-align:center}.task-info{font-size:14px}.progress-text{font-size:13px}.btn-back-learningpath{font-size:14px;width:100%}}@media (max-width:480px){.main-content-learningpath{padding:10px}.page-title-learningpath{font-size:20px}.user-avatar-learningpath{height:60px;width:60px}.user-details-learningpath p{font-size:13px}.day-card-learningpath{padding:12px}.task-info span{font-size:13px}.btn-back-learningpath{font-size:13px;padding:8px 15px}}.addlisten-container{font-family:Baloo\ 2,cursive,sans-serif;margin-left:240px;margin-top:20px;padding:20px;position:relative;z-index:1}.addlisten-title{color:#d5a30a;font-size:28px;font-weight:700;margin-bottom:20px}.addlisten-form{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:15px;padding:20px;position:relative;z-index:1}.addlisten-form label{color:#ff7221;font-weight:600}.addlisten-form input,.addlisten-form select,.addlisten-form textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;padding:10px;width:100%}.addlisten-form textarea{min-height:120px;resize:vertical}.addlisten-btn{background:#fcf5c4;border:none;border-radius:15px;color:#d5a30a;cursor:pointer;font-weight:700;padding:12px;transition:.3s}.addlisten-or{color:gray;font-style:italic;text-align:center}@media (max-width:1024px){.addlisten-container{margin-left:200px;padding:15px}.addlisten-title{font-size:24px}}@media (max-width:768px){.addlisten-container{margin-left:60px;margin-top:70px;padding:15px}.addlisten-form{gap:12px;padding:15px}.addlisten-title{font-size:22px;text-align:center}.addlisten-btn{font-size:16px;width:100%}}@media (max-width:480px){.addlisten-container{padding:10px}.addlisten-form{gap:10px;padding:12px}.addlisten-title{font-size:20px}.addlisten-btn{font-size:14px;padding:10px}}.teacher-header-container{font-family:Baloo\ 2,cursive,sans-serif}.teacher-header{align-items:center;background:#fffbde;display:flex;height:100px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:50}.teacher-logo-wrap{align-items:center;display:flex;gap:10px;margin-bottom:30px;margin-top:20px}.teacher-logo-img{border-radius:50%;height:80px;width:80px}.teacher-logo-text{color:#d5a30a;font-size:30px;font-weight:700;margin-left:10px}.teacher-header-right{align-items:center;display:flex;gap:15px}.teacher-noti{background:none;border:none;cursor:pointer;position:relative}.teacher-user{align-items:center;display:flex;gap:8px}.avatar{border-radius:50%;height:35px;width:35px}.username{color:#d5a30a;font-weight:500}.teacher-logout{align-items:center;background:none;border:none;color:#d5a30a;cursor:pointer;display:flex;gap:5px}.teacher-logout:hover{color:#fe5d01}.teacher-sidebar{background:#fffbde;color:#fff;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:fixed;top:60px;transition:all .3s ease}.teacher-sidebar.open{width:220px}.teacher-sidebar.collapsed{width:60px}.teacher-menu{flex:1 1;margin-top:60px}.teacher-menu-item{align-items:center;color:#d5a30a;display:flex;font-size:20px;gap:12px;padding:12px 16px;text-decoration:none;transition:background .2s}.teacher-menu-item:hover{background:#f1d7a6;border-radius:15px;color:#fe5d01}.teacher-menu-item .icon{width:18px}.menu-text{white-space:nowrap}.sidebar-toggle{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;margin:10px auto;padding:5px 10px}.sidebar-toggle:hover{background:#1d4ed8}.teacher-main{background:#f9fafb;margin-top:60px;min-height:100vh;padding:20px;transition:margin-left .3s ease}.teacher-main.ml-open{margin-left:220px}.teacher-main.ml-collapsed{margin-left:60px}@media (max-width:768px){.teacher-sidebar{width:60px!important}.teacher-main{margin-left:60px!important}.logout-text,.menu-text,.username{display:none}.teacher-logo-text{font-size:20px}.teacher-logo-img{height:50px;width:50px}.teacher-header{height:80px}}.student-container-teacherstudent{background:#f9fafb;border-radius:10px;margin-top:30px;padding:20px}.page-title-teacherstudent{color:#d5a30a;font-size:30px;font-weight:700;margin-bottom:15px}.filter-section-teacherstudent{align-items:center;display:flex;gap:10px;margin-bottom:15px}.filter-input-teacherstudent{border:1px dashed #d5a30a;border-radius:15px;color:#d5a30a;font-size:15px;padding:8px 20px}.filter-input-teacherstudent:focus{border-color:#d5a30a;outline:none}.table-wrapper-teacherstudent{border-radius:10px;overflow-x:auto}.student-table-teacherstudent{background:#fff;border-collapse:collapse;min-width:700px;width:100%}.student-table-teacherstudent td,.student-table-teacherstudent th{border:none;border-bottom:1px solid #e5e7eb;padding:10px;text-align:center}.student-table-teacherstudent th{background:#fffbde;border-bottom:1px solid #fffbde;color:#fe5d01;position:-webkit-sticky;position:sticky;top:0;z-index:1}.student-avatar-teacherstudent{border-radius:50%;height:40px;width:40px}.btn-delete-teacherstudent{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:5px;justify-content:center;margin:0 auto;padding:5px 10px;transition:.2s}.btn-delete-teacherstudent:hover{background:#dc2626}.btn-text-teacherstudent{display:inline}.no-data-teacherstudent{color:#6b7280;padding:15px;text-align:center}@media (max-width:640px){.btn-text-teacherstudent{display:none}.student-table-teacherstudent{font-size:14px}.filter-input-teacherstudent{font-size:13px}}.class-container-teacherclass{background:#f9fafb;border-radius:10px;padding:20px}.page-title-teacherclass{color:#d5a30a;font-size:30px;font-weight:700;margin-bottom:15px}.filter-section-teacherclass{align-items:center;display:flex;gap:10px;margin-bottom:15px}.filter-input-teacherclass{border:1px dashed #d5a30a;border-radius:15px;color:#d5a30a;font-size:15px;padding:8px 20px;transition:.2s}.filter-input-teacherclass:focus{border-color:#d5a30a;outline:none}.table-wrapper-teacherclass{border-radius:10px;overflow-x:auto}.class-table-teacherclass{background:#fff;border-collapse:collapse;min-width:700px;width:100%}.class-table-teacherclass td,.class-table-teacherclass th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:center}.class-table-teacherclass th{background:#fffbde;border-bottom:2px solid #fffbde;color:#fe5d01;position:-webkit-sticky;position:sticky;top:0;z-index:1}.action-buttons-teacherclass button{border:none;border-radius:6px;color:#fff;cursor:pointer;margin:0 3px;padding:5px 8px;transition:.2s}.btn-view-teacherclass{background:#fba1c8}.btn-edit-teacherclass{background:#fbbf24}.btn-delete-teacherclass{background:#ef4444}.no-data-teacherclass{color:#6b7280;padding:15px;text-align:center}.modal-overlay-teacherclass{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-teacherclass{animation:fadeIn .3s ease;background:#fffbde;border-radius:10px;box-shadow:0 4px 12px #0003;max-height:80vh;overflow-y:auto;padding:25px;width:450px}.modal-content-teacherclass h3{color:#fe5d01;font-size:25px;margin-bottom:15px;text-align:center}.modal-content-teacherclass p{margin:8px 0}@media (max-width:640px){.action-buttons-teacherclass button{padding:5px}.class-table-teacherclass{font-size:14px}}.dashboard-root{box-sizing:border-box;display:flex;flex-direction:column;font-family:Baloo\ 2,cursive,sans-serif;gap:28px;min-height:100vh;padding:60px 24px}.db-top-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px}.kpi-cards{align-items:stretch;display:flex;flex:1 1 600px;flex-wrap:wrap;gap:16px}.kpi-card{align-items:center;background:#fff;border:1px solid #fbe4b2;border-radius:16px;box-shadow:0 8px 24px #fad27826;display:flex;flex:1 1 240px;justify-content:space-between;padding:18px 20px;transition:all .25s ease}.kpi-card:hover{box-shadow:0 10px 28px #fac86440;transform:translateY(-4px)}.kpi-title{color:#a17800;font-size:14px}.kpi-value{color:#3b2e00;font-size:26px;font-weight:800}.kpi-icon{color:#f6b400;font-size:28px}.trend-card{background:#fff;border:1px solid #fbe4b2;border-radius:16px;box-shadow:0 8px 22px #fac86426;display:flex;flex-direction:column;gap:12px;padding:18px 20px;transition:all .25s ease;width:340px}.trend-card:hover{box-shadow:0 10px 28px #fac86440;transform:translateY(-3px)}.trend-header{align-items:center;display:flex;justify-content:space-between}.trend-title{color:#3b2e00;font-weight:700}.trend-sub{color:#a17800;font-size:13px}.trend-value{color:#f59e0b;font-size:26px;font-weight:800}.db-mid-row{display:flex;flex-wrap:wrap;gap:20px}.card{background:#fff;border:1px solid #fbe4b2;border-radius:16px;box-shadow:0 8px 24px #fac8641f;padding:18px;transition:all .25s ease}.card:hover{box-shadow:0 10px 28px #fac86440}.classes-card{flex:1 1 640px;gap:14px;margin-top:-100px}.classes-card,.upcoming-card{display:flex;flex-direction:column}.upcoming-card{gap:12px;width:340px}.card-header{align-items:center;display:flex;justify-content:space-between}.card-header h3{color:#3b2e00;font-size:18px;margin:0}.small-muted{color:#a17800;font-size:14px}.btn-small{background:#fffaf0;border:1px solid #f6d365;border-radius:10px;color:#9b6a00;cursor:pointer;padding:6px 12px;transition:all .2s ease}.btn-small:hover{background:#fff3d0}.btn-primary{background:#f6b400;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px;transition:all .2s ease}.btn-primary:hover{background:#e79c00}.classes-list{display:flex;flex-direction:column;gap:14px}.class-item{align-items:center;background:#fffef8;border:1px solid #fbe4b2;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.class-item:hover{background:#fff6da}.class-title{color:#3b2e00;font-weight:700}.class-meta,.class-next{color:#9a7a1f;font-size:13px}.upcoming-list{display:flex;flex-direction:column;gap:10px}.up-item{align-items:center;background:#fffdf7;border:1px dashed #fbe4b2;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:12px}.badge{border-radius:12px;font-size:12px;font-weight:600;padding:5px 10px}.badge.saved{background:#ecfdf5;border:1px solid #b5f2d3;color:#0b6a4b}.badge.pending{background:#fff7e6;border:1px solid #ffe0a3;color:#b45309}.db-bottom-row{display:flex;flex-wrap:wrap;gap:20px}.activities-card{flex:1 1 540px}.activities-list{display:flex;flex-direction:column;gap:12px;list-style:none}.activity-item{background:#fffef8;border:1px solid #fbe4b2;border-radius:10px;display:flex;justify-content:space-between;padding:12px}.act-name{color:#3b2e00;font-weight:700}.quick-card{width:320px}.quick-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:1200px){.quick-card,.trend-card,.upcoming-card{width:100%}.db-bottom-row,.db-mid-row,.db-top-row{flex-direction:column}}@media (max-width:768px){.dashboard-root{padding:40px 16px}.kpi-card{flex:1 1 100%;padding:16px}.classes-card,.quick-card,.trend-card,.upcoming-card{width:100%}.card-header h3{font-size:16px}.kpi-value,.trend-value{font-size:22px}.btn-primary{font-size:14px;padding:6px 10px}}@media (max-width:480px){.dashboard-root{padding:30px 12px}.kpi-cards{gap:12px}.kpi-card{align-items:flex-start;flex-direction:column;gap:8px;text-align:left}.trend-title{font-size:15px}.class-item{align-items:flex-start;flex-direction:column;gap:6px}.quick-grid{grid-template-columns:1fr}}.editclass-container{background-color:#f9fafb;font-family:Baloo\ 2,cursive,sans-serif;margin-left:100px;margin-top:40px;min-height:100vh;padding:30px}.editclass-container h2{color:#fe5d01;font-size:28px;font-weight:700;margin-bottom:20px}.editclass-form{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;max-width:800px;padding:25px 30px}.editclass-form label{color:#444;display:block;font-weight:600;margin-bottom:5px;margin-top:15px}.editclass-form input[type=datetime-local],.editclass-form input[type=text]{border:1px solid #939191;border-radius:10px;font-size:15px;padding:10px 12px;transition:border-color .3s ease;width:100%}.editclass-form input:focus{border-color:#fbbf24;outline:none}.student-list-editclass{background:#f3f4f6;border-radius:12px;margin-top:25px;padding:15px 20px}.student-list-editclass h3{font-size:18px;font-weight:600;margin-bottom:10px}.student-list-editclass ul{background-color:#fff;border:1px solid #ddd;border-radius:10px;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.student-list-editclass ul::-webkit-scrollbar{width:8px}.student-list-editclass ul::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:10px}.student-list-editclass ul::-webkit-scrollbar-thumb:hover{background-color:#a1a1a1}.student-list-editclass li{border-bottom:1px solid #eee;margin:0}.student-list-editclass li:last-child{border-bottom:none}.student-list-editclass li{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:8px;padding:8px 12px}.editclass-buttons{display:flex;justify-content:space-between;margin-top:25px}.btn-cancel-editclass,.btn-save-editclass{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-save-editclass{background-color:#faf2b2;color:#fe5d01}.btn-cancel-editclass{background-color:#ddd;color:#333}@media (max-width:768px){.editclass-container{margin-left:0;margin-top:80px;padding:15px}.editclass-form{padding:20px}.editclass-buttons{flex-direction:column;gap:10px}.btn-cancel-editclass,.btn-save-editclass{width:100%}}.record-container-teacherrecord{margin-left:30px;margin-top:40px;min-height:100vh;padding:20px}.record-header-teacherrecord{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.record-container-teacherrecord h2,.record-title-teacherrecord{color:#d5a30a;font-size:30px}.record-title-teacherrecord{font-weight:700}.btn-add-teacherrecord{background-color:#d5a30a;border:none;border-radius:15px;color:#fffbde;cursor:pointer;font-size:14px;font-weight:700;margin-top:20px;padding:8px 14px}.record-filter-teacherrecord{margin-bottom:10px}.record-filter-teacherrecord input{border:1px dashed #d5a30a;border-radius:15px;color:#d5a30a;font-size:14px;padding:10px;width:100%}.record-filter-teacherrecord input:focus{border-color:#d5a30a;outline:none}.record-table-wrapper-teacherrecord{background-color:#fff;border-radius:8px;box-shadow:0 0 8px #0000001a;overflow-x:auto;padding:10px}.record-table-teacherrecord{border-collapse:collapse;min-width:600px;width:100%}.record-table-teacherrecord td,.record-table-teacherrecord th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.record-table-teacherrecord th{background-color:#fffbde;color:#fe5d01}.no-data-teacherrecord{color:#888;padding:10px;text-align:center}.record-action-buttons-teacherrecord button{border:none;border-radius:6px;cursor:pointer;margin-right:6px;padding:4px 8px}.btn-edit-teacherrecord{background-color:#ff9800;color:#fff}.btn-delete-teacherrecord{background-color:#f44336;color:#fff}.record-action-buttons-teacherrecord button:hover{opacity:.9}.record-modal-overlay-teacherrecord{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.record-modal-content-teacherrecord{background-color:#fffbde;border-radius:8px;max-height:90%;max-width:90%;overflow-y:auto;padding:20px 25px;width:400px}.record-modal-content-teacherrecord h3{color:#fe5d01;font-size:20px;margin-bottom:15px;margin-top:0}.record-modal-content-teacherrecord p{margin:6px 0}.add-form-teacherrecord label{display:block;font-weight:700;margin:8px 0 4px}.add-form-teacherrecord input{margin-bottom:10px;padding:6px 15px}.add-form-teacherrecord input,.add-form-teacherrecord select{border:1px solid #ccc;border-radius:6px;font-size:18px;width:100%}.add-form-teacherrecord select{-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml;utf8,<svg fill=%27gray%27 height=%2712%27 viewBox=%270 0 24 24%27 width=%2712%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>") no-repeat;background-position:right 10px center;background-size:12px;cursor:pointer;padding:6px 10px}.add-form-teacherrecord select:hover{border-color:#888}.add-form-teacherrecord select:focus{border-color:#d5a30a;outline:none}.add-form-buttons-teacherrecord{display:flex;gap:10px;justify-content:flex-end}.btn-save-teacherrecord{background-color:#89f08d}.btn-cancel-teacherrecord,.btn-save-teacherrecord{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:6px 12px}.btn-cancel-teacherrecord{background-color:#f98d86}.btn-close-modal-teacherrecord{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:6px 0;width:100%}.btn-cancel-teacherrecord:hover,.btn-close-modal-teacherrecord:hover,.btn-save-teacherrecord:hover{opacity:.9}@media (max-width:1024px){.record-container-teacherrecord{margin-left:20px;padding:15px}.record-title-teacherrecord{font-size:20px}.btn-add-teacherrecord{font-size:13px;padding:6px 12px}.record-filter-teacherrecord input{font-size:13px;padding:5px 8px}.record-table-teacherrecord td,.record-table-teacherrecord th{padding:8px}.record-modal-content-teacherrecord{padding:15px;width:90%}.add-form-teacherrecord input{font-size:13px;padding:5px 8px}.add-form-teacherrecord select{font-size:13px}}@media (max-width:768px){.record-container-teacherrecord{margin-left:0;padding:10px}.record-header-teacherrecord{align-items:flex-start;flex-direction:column;gap:10px}.record-table-wrapper-teacherrecord{overflow-x:auto}.record-table-teacherrecord{min-width:500px}.btn-add-teacherrecord{text-align:center;width:100%}.record-modal-content-teacherrecord{max-height:95%;width:95%}}@media (max-width:480px){.record-title-teacherrecord{font-size:18px}.record-table-teacherrecord td,.record-table-teacherrecord th{font-size:12px;padding:6px}.btn-add-teacherrecord{font-size:12px;padding:5px 8px}.add-form-teacherrecord input{font-size:12px;padding:4px 6px}.add-form-teacherrecord select{font-size:12px}.record-modal-content-teacherrecord{border-radius:0;height:100%;padding:10px;width:100%}.btn-close-modal-teacherrecord{font-size:14px}}.user-progress-page-userprogress{font-family:Baloo\ 2,cursive,sans-serif;margin-top:30px;min-height:100vh;padding:2rem}.user-progress-title-userprogress{color:#fe5d01;font-size:28px;font-weight:700;margin-bottom:1.5rem}.score-card-userprogress{background:#fff;border-radius:16px;box-shadow:0 2px 8px #ffdc68db;margin-bottom:2rem;padding:1.5rem}.score-card-grid-userprogress{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.score-item-userprogress{background:#fff;border:1px solid #fbef99;border-radius:12px;padding:1rem;text-align:center;transition:transform .2s ease}.score-item-userprogress:hover{transform:translateY(-3px)}.score-skill-userprogress{color:#475569;font-weight:600;margin-bottom:.25rem}.score-value-userprogress{color:#fe5d01;font-size:24px;font-weight:700}.chart-grid-userprogress{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.chart-card-userprogress{background:#fff;border-radius:16px;box-shadow:0 2px 8px #ffdc68db;padding:1rem}.chart-title-userprogress{color:#d5a30a;font-size:18px;font-weight:600;margin-bottom:1rem}.pie-section-userprogress{display:flex;justify-content:center;margin-top:2rem}.pie-card-userprogress{background:#fff;border-radius:16px;box-shadow:0 2px 8px #ffdc68db;padding:1rem;width:420px}.bar-section-userprogress{display:flex;justify-content:center;margin-top:2rem}.bar-card-userprogress{background:#fff;border-radius:16px;box-shadow:0 2px 8px #ffdc68db;padding:1rem;width:90%}.export-buttons-userprogress{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.export-btn-userprogress{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:.75rem 1.25rem;transition:background .3s ease}.export-pdf-userprogress{background:#fad672;color:#fff}.export-pdf-userprogress:hover{background:#f5c951}.export-excel-userprogress{background:#f796ae;color:#fff}.export-excel-userprogress:hover{background:#f64471}.bar-card-userprogress,.chart-card-userprogress{align-items:center;display:flex;flex-direction:column}.chart-content-userprogress{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:768px){.chart-grid-userprogress{grid-template-columns:1fr}.user-progress-page-userprogress{margin-left:0;margin-top:80px}.bar-card-userprogress,.pie-card-userprogress{width:100%}}.booking-page-container-bookonl{display:flex;font-family:Baloo\ 2,cursive,sans-serif;min-height:100vh}.booking-left-bookonl{align-items:center;display:flex;flex:1 1;justify-content:center}.decor-image-bookonl{background-image:url(/static/media/videoCall.7a9632840ae829a03ef5.jpeg);background-position:50%;background-size:cover;border-radius:16px;height:80%;width:80%}.booking-right-bookonl{display:flex;flex:1 1;flex-direction:column;margin-top:40px;padding:3rem}.booking-title-bookonl{color:#f5c951;font-size:28px;font-weight:700;margin-bottom:2rem}.booking-form-bookonl{display:flex;flex-direction:column;gap:1rem}.booking-form-bookonl label{color:#fe5d01;font-weight:700}.input-bookonl{border:1px solid #e2e8f0;border-radius:8px;font-size:18px;padding:.5rem;width:100%}.time-grid-bookonl{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.time-slot-bookonl{border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:.5rem 1rem;transition:background .2s,color .2s}.selected-bookonl,.time-slot-bookonl:hover{background-color:#f5c951;color:#fff}.book-btn-bookonl{background-color:#f8eed3;border:none;border-radius:12px;color:#f5c951;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .3s}.book-btn-bookonl:hover{background-color:#f5c951;color:#f8eed3}.booking-history-bookonl{margin-top:2rem}.booking-history-bookonl ul{list-style:none;padding-left:0}.booking-history-bookonl li{border-bottom:1px solid #e2e8f0;padding:.5rem 0}@media (max-width:768px){.booking-page-container-bookonl{flex-direction:column}.booking-left-bookonl,.booking-right-bookonl{width:100%}.decor-image-bookonl{height:200px;margin:20px auto 1rem;width:90%}}.time-slot-bookonl.disabled-bookonl{background-color:#e0e0e0;color:#999;cursor:not-allowed!important}.booking-list-bookonl{display:flex;flex-direction:column;gap:15px;margin-top:15px}.booking-item-bookonl{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.booking-info-bookonl p{font-size:14px;margin:5px 0}.btn-delete-booking-bookonl{background-color:#f44336;border:none;border-radius:15px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .3s}.btn-delete-booking-bookonl:hover{background-color:#d32f2f}.goalsetup-root{background:linear-gradient(135deg,#fff9f0,#fffaf5);font-family:Baloo\ 2,Inter,sans-serif;min-height:100vh}.goalsetup-intro{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:4rem 5%}.goalsetup-left{display:flex;flex-direction:column;gap:2rem}.goalsetup-subtitle{color:#fe5d01;font-size:.95rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.goalsetup-title{color:#2c1810;font-size:3rem;font-weight:800;margin:0}.goalsetup-text{color:#5a4a3a;font-size:1.1rem;line-height:1.7}.goalsetup-image-container{align-items:center;display:flex;justify-content:center;margin-top:25px}.goalsetup-image{border-radius:24px;box-shadow:0 8px 30px #0000001f;max-width:none;object-fit:cover;transition:transform .35s ease,box-shadow .35s ease;width:100%}.goalsetup-image:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.02)}.goalsetup-info{background:#fff;border:2px solid #ffe7b3;border-radius:20px;box-shadow:0 8px 24px #fe5d0114;padding:2rem}.goalsetup-info-title{color:#fe5d01;font-weight:700;margin-bottom:.8rem}.goalsetup-info-text{color:#5a4a3a;margin-bottom:1rem}.goalsetup-points{list-style:none;margin:0;padding:0}.goalsetup-points li{color:#3b2e00;font-weight:600;margin-bottom:.4rem;padding-left:1.8rem;position:relative}.goalsetup-points li:before{color:#fe5d01;content:"✓";font-weight:700;left:0;position:absolute}.goalsetup-right{display:flex;flex-direction:column;gap:1.5rem}.goalsetup-form{background:#fff;border:1px solid #ffe7b3;border-radius:28px;box-shadow:0 16px 40px #fe5d011a;padding:2.8rem;transition:all .3s ease}.goalsetup-form:hover{box-shadow:0 20px 50px #fe5d0126;transform:translateY(-3px)}.goalsetup-label{color:#3b2e00;display:block;font-weight:700;margin-bottom:6px}.goalsetup-form input,.goalsetup-form select,.goalsetup-form textarea{background-color:#fffdf7;border:2px solid #ffd77d;border-radius:14px;font-size:1rem;margin-bottom:1rem;padding:.9rem 1.1rem;transition:all .25s ease;width:100%}.goalsetup-form input:focus,.goalsetup-form select:focus,.goalsetup-form textarea:focus{background-color:#fff9ef;border-color:#fe5d01;box-shadow:0 0 0 4px #fe5d011a;outline:none}.goalsetup-checkboxes{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1rem}.goalsetup-checkbox-item{align-items:center;background:#fff7ea;border:1.5px solid #ffd77d;border-radius:12px;display:flex;gap:8px;padding:6px 12px;transition:.25s}.goalsetup-checkbox-item:hover{background:#fff1d9}.goalsetup-form input[type=checkbox]{accent-color:#fe5d01;height:18px;width:18px}.goalsetup-buttons{align-items:center;display:flex;gap:10px;margin-top:10px}.goalsetup-save-btn{background:linear-gradient(135deg,#fe5d01,#ff8534);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:700;padding:.85rem 1.8rem;transition:all .3s ease}.goalsetup-save-btn:hover{background:linear-gradient(135deg,#ff7020,#ff9a4d);transform:scale(1.04)}.goalsetup-clear-btn{background:#fffaf0;border:2px solid #ffd77d;border-radius:50px;color:#fe5d01;cursor:pointer;font-weight:700;padding:.85rem 1.8rem;transition:all .3s ease}.goalsetup-clear-btn:hover{background:#ffd77d}.goalsetup-message{background:#fff5e2;border-left:4px solid #fe5d01;border-radius:10px;color:#2c1810;font-weight:600;margin-top:1rem;padding:10px 15px}.goalsetup-summary{background:#fff;border:2px solid #ffe7b3;border-radius:20px;box-shadow:0 6px 20px #fe5d0114;padding:2rem}.goalsetup-summary p{font-size:1rem;margin:6px 0}.goalsetup-suggestion{color:#3b2e00;font-weight:700;margin-top:8px}@media (max-width:992px){.goalsetup-intro{gap:3rem;grid-template-columns:1fr;padding:3rem 8%}.goalsetup-title{font-size:2.4rem}.goalsetup-form{padding:2rem}}@media (max-width:576px){.goalsetup-title{font-size:1.9rem}.goalsetup-buttons{flex-direction:column;gap:12px}.goalsetup-clear-btn,.goalsetup-save-btn{width:100%}}.goalsetup-roadmap{background:linear-gradient(135deg,#fffaf5,#fff5ec);border-radius:32px;box-shadow:0 8px 32px #fe5d010d;font-family:Baloo\ 2,sans-serif;margin-top:3rem;padding:4rem 8%;text-align:center}.goalsetup-roadmap-title{color:#fe5d01;font-size:2.2rem;font-weight:800;letter-spacing:.5px;margin-bottom:.6rem}.goalsetup-roadmap-subtitle{color:#4d3c30;font-size:1.1rem;font-weight:500;margin-bottom:2.5rem}.goalsetup-roadmap-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.goalsetup-roadmap-step{background:#fff;border:2px solid #ffe7b3;border-radius:1.2rem;box-shadow:0 4px 18px #fe5d0114;padding:2rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.goalsetup-roadmap-step:hover{box-shadow:0 8px 24px #fe5d0126;transform:translateY(-6px)}.goalsetup-roadmap-icon{display:block;height:65px;margin:0 auto 1.2rem;object-fit:contain;transition:transform .3s ease;width:65px}.goalsetup-roadmap-step:hover .goalsetup-roadmap-icon{transform:scale(1.1) rotate(3deg)}.goalsetup-roadmap-step-title{color:#fe5d01;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;transition:color .3s ease}.goalsetup-roadmap-step-title:hover{color:#f43b16}.goalsetup-roadmap-step-text{color:#3d2b20;font-size:1rem;font-weight:400;line-height:1.5}@media (max-width:768px){.goalsetup-roadmap{padding:3rem 6%}.goalsetup-roadmap-steps{grid-template-columns:1fr}.goalsetup-roadmap-title{font-size:1.9rem}}.goal-exercises{font-family:Baloo\ 2,cursive,sans-serif;margin:60px auto;max-width:1200px;padding:5px}.goal-exercises-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:25px}.goal-exercises-title{color:#fe5d01;font-size:28px;font-weight:700;margin:0;position:relative}.goal-exercises-title:hover{color:#f10d5b}.goal-exercises-title:after{background:#f1b24a;border-radius:2px;content:"";display:block;height:4px;margin-top:6px;width:50px}.goal-exercises-filters{background:#fff2e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:8px 12px}.goal-exercises-filters select{background:#fedeb1;border:none;border-radius:20px;cursor:pointer;font-family:Baloo\ 2,cursive,sans-serif;font-size:14px;font-weight:700;padding:6px 10px;transition:background .2s ease}.goal-exercises-filters select:hover{background:#ffdea8}.goal-exercises-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.goal-exercise-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px hsla(42,95%,77%,.484);display:flex;flex-direction:column;padding:16px;transition:transform .25s ease,box-shadow .25s ease}.goal-exercise-card:hover{box-shadow:0 6px 16px rgba(247,178,18,.484);transform:translateY(-4px)}.goal-exercise-image{border-radius:12px;height:150px;margin-bottom:10px;object-fit:cover;width:100%}.goal-exercise-card h3{color:#333;font-size:16px;margin:6px 0}.goal-exercise-card p{font-size:14px;margin:3px 0}.goal-exercise-start-btn{background:linear-gradient(135deg,#ffe7b3,#ffd77d);border:none;border-radius:30px;box-shadow:0 2px 6px #00000014;color:#fe5d01;cursor:pointer;font-size:13px;font-weight:600;margin-top:auto;padding:6px 16px;transition:all .25s ease}.goal-exercise-start-btn:hover{background:linear-gradient(135deg,#ffc94d,#ffb733);box-shadow:0 4px 10px #0000001f;color:#f10d5b;transform:scale(1.05)}.goal-exercises-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:24px}.goal-exercises-nav-btn{background:linear-gradient(135deg,#ffe7b3,#ffd77d);border:none;border-radius:30px;box-shadow:0 2px 6px #00000014;color:#fe5d01;cursor:pointer;font-weight:600;padding:6px 16px;transition:all .25s ease}.goal-exercises-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffc94d,#ffb733);color:#f10d5b;transform:scale(1.05)}.goal-exercises-nav-btn:disabled{cursor:not-allowed;opacity:.4}.goal-exercises-page-info{color:#444;font-size:14px;font-weight:600}@media (max-width:768px){.goal-exercises-header{align-items:flex-start;flex-direction:column}.goal-exercises-title{font-size:24px}.goal-exercises-filters{justify-content:space-between;width:100%}}@media (max-width:992px){.goalsetup-image{max-width:450px}}@media (max-width:576px){.goalsetup-image{border-radius:20px;max-width:100%}}.goalsetup-levelcheck{align-items:center;background:linear-gradient(135deg,#fff5eb,#fff0e1);box-shadow:0 8px 28px #fe5d010d;display:flex;justify-content:center;margin-top:3rem;padding:4rem 8%}.goalsetup-levelcheck-content{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-between;max-width:1100px;width:100%}.goalsetup-levelcheck-img{aspect-ratio:1/1;border-radius:28px;box-shadow:0 10px 25px #fe5d0126;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:40%}.goalsetup-levelcheck-img:hover{box-shadow:0 12px 30px #fe5d0140;transform:scale(1.04)}.goalsetup-levelcheck-text{flex:1 1;max-width:520px;text-align:left}.goalsetup-levelcheck-text h2{color:#fe5d01;font-size:2rem;font-weight:800;margin-bottom:.8rem}.goalsetup-levelcheck-text p{color:#3b2e00;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.goalsetup-levelcheck-btn{background:linear-gradient(135deg,#fe5d01,#ff8534);border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 26px;transition:all .3s ease}.goalsetup-levelcheck-btn:hover{background:linear-gradient(135deg,#ff7020,#ff9a4d);transform:scale(1.05)}@media (max-width:992px){.goalsetup-levelcheck-content{flex-direction:column;text-align:center}.goalsetup-levelcheck-img{max-width:450px;width:100%}.goalsetup-levelcheck-text{text-align:center}}.goalsetup-warning{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#fff3cd,#fff8e1);border-left:5px solid #ff9800;border-radius:12px;box-shadow:0 4px 12px #ff980026;margin:2rem 0;padding:2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.goalsetup-warning-container{align-items:flex-start;display:flex;gap:1.5rem}.goalsetup-warning-icon{animation:pulse 2s infinite;flex-shrink:0;font-size:3rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.goalsetup-warning-content{flex:1 1}.goalsetup-warning-title{color:#e65100;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.goalsetup-warning-message{color:#5d4037;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.goalsetup-warning-suggestions{background:#fff;border-left:3px solid #4caf50;border-radius:8px;margin-bottom:1rem;padding:1rem}.goalsetup-warning-suggestions p{color:#333;margin:.5rem 0}.goalsetup-warning-adjust-btn{background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;box-shadow:0 4px 8px #ff98004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.goalsetup-warning-adjust-btn:hover{box-shadow:0 6px 12px #ff980066;transform:translateY(-2px)}.goalsetup-warning-adjust-btn:active{transform:translateY(0)}.goalsetup-roadmap-unrealistic{background:linear-gradient(135deg,#f5f5f5,#fafafa);border:2px dashed #ff9800;border-radius:12px;min-height:300px;padding:3rem 2rem;text-align:center}.goalsetup-roadmap-unrealistic,.goalsetup-roadmap-unrealistic-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.goalsetup-roadmap-unrealistic-content{margin-top:1.5rem}@media (max-width:768px){.goalsetup-warning-container{flex-direction:column;text-align:center}.goalsetup-warning-icon{font-size:2.5rem}.goalsetup-warning-title{font-size:1.3rem}.goalsetup-warning-message{font-size:1rem}}.wishlist-page{background:#f8f9fb;font-family:Baloo\ 2,cursive,sans-serif;min-height:100vh;padding-bottom:60px}.wishlist-banner{align-items:center;background-position:50%;background-size:cover;display:flex;height:220px;justify-content:center}.wishlist-title{background-color:#ffffffb3;border-radius:16px;color:#dc9f36;font-size:36px;font-weight:800;padding:12px 30px}.wishlist-content{margin:40px auto;max-width:1100px;padding:0 20px}.tabs-search-wishlist{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.tabs-wishlist button{background:#fff;border:1px solid #f9ecc0;border-radius:16px;cursor:pointer;font-weight:700;margin-right:10px;padding:12px 20px}.tabs-wishlist button.active{background:#f9ecc0;border-color:#f9ecc0;color:#dc9f36}.search-wishlist{align-items:center;background:#fff;border:1px solid #dc9f36;border-radius:10px;display:flex;gap:8px;padding:6px 10px}.search-wishlist input{border:none;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.cards-wishlist{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card-wishlist{background:#fff;border-radius:12px;box-shadow:0 3px 8px #00000014;overflow:hidden;position:relative;transition:transform .2s ease}.card-wishlist:hover{transform:translateY(-4px)}.card-wishlist img{height:140px;object-fit:cover;width:100%}.card-info-wishlist{padding:12px}.section-wishlist{border-radius:6px;display:inline-block;font-size:12px;margin-bottom:6px;padding:2px 8px}.card-wishlist h4{color:#333;font-size:15px;margin:8px 0}.type-wishlist{color:#666;font-size:13px;margin-bottom:4px}.attempts-wishlist{color:#999;font-size:12px}.completed-label{background-color:#28a745;border-radius:8px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-top:5px;padding:5px 10px}.wishlist-heart{cursor:pointer;font-size:20px;position:absolute;right:12px;top:10px;transition:transform .2s ease,color .2s ease}.wishlist-heart:hover{color:#ff4757;transform:scale(1.2)}.wishlist-empty{color:#666;font-size:16px;padding:40px 0;text-align:center}@media (max-width:900px){.tabs-search-wishlist{flex-direction:column;gap:10px}}.confirm-overlay{align-items:center;animation:fadeIn .3s ease;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.confirm-box{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;padding:25px 35px;text-align:center;width:360px}.confirm-box h3{color:#dc9f36;margin-bottom:10px}.confirm-box p{color:#555;font-size:15px;margin-bottom:20px}.confirm-buttons{display:flex;gap:10px;justify-content:center}.confirm-buttons button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 18px;transition:.2s}.btn-cancel{background:#e9ecef}.btn-cancel:hover{background:#d6d8da}.btn-remove{background:#ff4757;color:#fff}.btn-remove:hover{background:#ff6b81}.Course-banner{background-position:50%;background-size:cover;background:linear-gradient(135deg,#fff3d9,#ffe0e0);box-shadow:0 4px 10px #0000000d;font-family:Baloo\ 2,cursive,sans-serif;padding:100px 20px;position:relative;text-align:center}.Course-title{color:#dc9f36;font-size:48px;font-weight:800;letter-spacing:2px;text-shadow:1px 2px 4px #ffba4966;text-transform:uppercase;transition:color .3s ease}.Course-title:hover{color:#ff4757}.course-list-container{background-color:#fffefb;font-family:Baloo\ 2,cursive,sans-serif;padding:60px 10%}.course-list-title{color:#d97706;font-size:34px;font-weight:700;margin-bottom:30px;padding-left:10px;text-align:left;text-shadow:1px 1px 3px #ffc1074d}.course-table-wrapper{border-radius:12px;box-shadow:0 6px 15px #0000000d;overflow-x:auto}.course-table{background:#fff;border-collapse:collapse;border-radius:12px;font-family:Baloo\ 2,cursive,sans-serif;overflow:hidden;width:100%}.course-table td,.course-table th{border-bottom:1px solid #f1f1f1;padding:15px 20px;text-align:center}.course-table th{background:linear-gradient(90deg,#fff3cd,#ffeeba);color:#fe5d01;font-size:15px;font-weight:700;text-transform:uppercase}.course-table tr:hover td{background-color:#fff8e6;transition:.2s}.btn-view-course{background:linear-gradient(135deg,#fbbf24,#fe5d01);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:transform .2s,box-shadow .2s}.btn-view-course:hover{box-shadow:0 4px 10px #fe5d014d;transform:scale(1.05)}.modal-overlay-course{align-items:center;animation:fadeIn .3s ease-in-out;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-course{animation:slideUp .35s ease;background:#fffdf5;border-radius:15px;box-shadow:0 6px 20px #00000026;max-width:500px;padding:35px;text-align:left;width:90%}.modal-content-course h3{color:#fe5d01;font-size:26px;margin-bottom:15px;text-align:center}.modal-content-course p{color:#444;margin-bottom:10px}.modal-content-course .desc{color:#6b7280;font-style:italic;margin-top:15px}.btn-close-course{background:linear-gradient(90deg,#fef9c3,#fde68a);border:1px dashed #fbbf24;border-radius:15px;color:#b45309;cursor:pointer;font-weight:700;margin-top:20px;padding:10px 20px;transition:.2s;width:100%}.btn-close-course:hover{background:linear-gradient(90deg,#fde68a,#fcd34d);color:#92400e;transform:scale(1.03)}@media (max-width:768px){.Course-title{font-size:34px}.course-list-container{padding:30px 5%}.course-table td,.course-table th{font-size:14px;padding:12px 10px}.course-list-title{font-size:26px}}.tab-navigation{border-bottom:2px solid #f1f1f1;display:flex;gap:15px;margin-bottom:30px}.tab-btn{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;font-family:Baloo\ 2,cursive,sans-serif;font-size:16px;font-weight:600;gap:10px;padding:12px 24px;position:relative;transition:all .3s}.tab-btn.active{color:#fe5d01}.tab-btn.active:after{background:linear-gradient(90deg,#fbbf24,#fe5d01);border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.tab-count{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-radius:12px;color:#fe5d01;font-size:13px;font-weight:700;padding:3px 10px}.tab-btn.active .tab-count{background:linear-gradient(135deg,#fbbf24,#fe5d01);color:#fff}.filter-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.search-input,.status-filter{border:2px solid #f1f1f1;border-radius:12px;font-family:Baloo\ 2,cursive,sans-serif;font-size:15px;padding:12px 16px;transition:border-color .3s}.search-input{flex:1 1;min-width:250px}.search-input:focus,.status-filter:focus{border-color:#fbbf24;outline:none}.status-filter{background:#fff;cursor:pointer;min-width:180px}.btn-cancel-booking{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Baloo\ 2,cursive,sans-serif;font-size:14px;font-weight:600;padding:8px 16px;transition:transform .2s,box-shadow .2s}.btn-cancel-booking:hover{box-shadow:0 4px 10px #ef44444d;transform:scale(1.05)}.btn-cancel-booking-modal{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Baloo\ 2,cursive,sans-serif;font-weight:700;margin:15px 0 10px;padding:12px 20px;transition:.2s;width:100%}.btn-cancel-booking-modal:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.02)}@media (max-width:768px){.tab-navigation{flex-direction:column;gap:10px}.tab-btn{background:#f9f9f9;border-radius:12px;justify-content:space-between;padding:15px 20px}.tab-btn.active{background:linear-gradient(135deg,#fff3cd,#ffeeba)}.tab-btn.active:after{display:none}.filter-section{flex-direction:column}.search-input,.status-filter{width:100%}}.class-container-adminclass{background:#fff;border-radius:10px;font-family:Baloo\ 2,cursive,sans-serif;margin-left:240px;margin-top:30px;min-height:100vh;padding:20px;position:relative;z-index:1}.page-title-adminclass{color:#d5a30a;font-size:30px;font-weight:700;margin-bottom:20px}.filter-section-adminclass{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-bottom:20px;position:relative;z-index:1}.filter-input-adminclass{border:1px dashed #d5a30a;border-radius:15px;color:#d5a30a;flex:1 1;font-size:15px;min-width:200px;padding:8px 20px;transition:.2s}.filter-input-adminclass:focus{border-color:#d5a30a;outline:none}.table-wrapper-adminclass{border-radius:10px;overflow-x:auto;position:relative;z-index:1}.class-table-adminclass{background:#fff;border-collapse:collapse;min-width:700px;width:100%}.class-table-adminclass td,.class-table-adminclass th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:center}.class-table-adminclass th{background:#fffbde;border-bottom:2px solid #fffbde;color:#fe5d01;position:-webkit-sticky;position:sticky;top:0;z-index:1}.action-buttons-adminclass button{border:none;border-radius:6px;color:#fff;cursor:pointer;margin:0 3px;padding:5px 8px;transition:.2s}.btn-view-adminclass{background:#fba1c8}.btn-edit-adminclass{background:#fbbf24}.btn-delete-adminclass{background:#ef4444}.no-data-adminclass{color:#6b7280;padding:15px;text-align:center}.modal-overlay-adminclass{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-adminclass{animation:fadeIn .3s ease;background:#fffbde;border-radius:10px;box-shadow:0 4px 12px #0003;max-height:80vh;overflow-y:auto;padding:25px;width:450px}.modal-content-adminclass h3{color:#fe5d01;font-size:25px;margin-bottom:15px;text-align:center}.modal-content-adminclass p{margin:8px 0}.modal-student-list ul{margin:5px 0 10px 20px}.btn-close-modal{background:#fff;border:1px dashed #fe5d01;color:#fe5d01;display:block;margin:15px auto 0;padding:8px 20px}.btn-add-class-adminclass,.btn-close-modal{border-radius:15px;cursor:pointer;font-weight:700}.btn-add-class-adminclass{background-color:#d5a30a;border:none;color:#fffbde;font-size:16px;margin-top:20px;padding:10px 18px;position:relative;z-index:10}@media (max-width:1024px){.class-container-adminclass{margin-left:100px;padding:15px}.page-title-adminclass{font-size:26px}.modal-content-adminclass{width:400px}}@media (max-width:768px){.class-container-adminclass{margin-left:60px;margin-top:70px;padding:15px}.page-title-adminclass{font-size:24px;text-align:center}.filter-section-adminclass{align-items:stretch;flex-direction:column}.filter-input-adminclass{font-size:14px;width:100%}.class-table-adminclass{font-size:14px;min-width:100%}.modal-content-adminclass{max-height:85vh;width:90%}.btn-add-class-adminclass{font-size:12px;padding:7px 15px}}@media (max-width:640px){.class-container-adminclass{margin-left:60px;padding:10px}.page-title-adminclass{font-size:20px}.class-table-adminclass td,.class-table-adminclass th{font-size:13px;padding:8px 5px}.action-buttons-adminclass{display:flex;justify-content:center}.action-buttons-adminclass button{font-size:12px;padding:4px 6px}.modal-content-adminclass{padding:20px;width:95%}.btn-close-modal{width:100%}}.admineditclass-container{font-family:Baloo\ 2,cursive,sans-serif;margin-left:240px;margin-top:40px;min-height:100vh;padding:30px;position:relative;z-index:1}.admineditclass-container h2{color:#fe5d01;font-size:30px;font-weight:700;margin-bottom:25px}.admineditclass-form{background:#fff;border-radius:16px;box-shadow:0 4px 10px #00000014;padding:25px 30px}.admineditclass-form input[type=datetime-local],.admineditclass-form input[type=text]{border:1px solid #c5c5c5;border-radius:10px;font-size:15px;padding:10px 12px;transition:border-color .3s ease;width:100%}.admineditclass-form input:focus{border-color:#d5a30a;outline:none}.student-list-admineditclass{background:#fffbde;border:1px dashed #fbbf24;border-radius:12px;margin-top:25px;padding:15px 20px}.student-list-admineditclass h3{color:#fe5d01;font-size:18px;font-weight:600;margin-bottom:10px}.student-list-admineditclass ul{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.student-list-admineditclass ul::-webkit-scrollbar{width:8px}.student-list-admineditclass ul::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:10px}.student-list-admineditclass ul::-webkit-scrollbar-thumb:hover{background-color:#a1a1a1}.student-list-admineditclass li{border-bottom:1px solid #eee;padding:8px 12px}.student-list-admineditclass li:last-child{border-bottom:none}.admineditclass-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.btn-cancel-admineditclass,.btn-save-admineditclass{border:none;border-radius:10px;cursor:pointer;font-family:Baloo\ 2,cursive,sans-serif;font-weight:600;padding:10px 22px;transition:all .3s ease}.btn-save-admineditclass{background-color:#d5a30a;color:#fff}.btn-save-admineditclass:hover{background-color:#fe5d01}.btn-cancel-admineditclass{background-color:#ddd;color:#333}.btn-cancel-admineditclass:hover{background-color:#bbb}.admineditclass-form label{color:#444;display:block;font-weight:600;margin-bottom:5px;margin-top:15px}.admineditclass-form select{background-color:#fff;border:1px solid #939191;border-radius:10px;font-size:15px;padding:10px 12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.admineditclass-form select:focus{border-color:#fbbf24;box-shadow:0 0 5px #fbbf2480;outline:none}.teacher-name-display{background-color:#f3f4f6;border:1px solid #ddd;border-radius:8px;color:#444;font-size:15px;margin-top:5px;padding:8px 10px;width:100%}.student-item-admineditclass{align-items:center;display:flex;gap:8px;margin-bottom:8px}.student-item-admineditclass input,.student-item-admineditclass select{border:1px solid #ccc;border-radius:8px;padding:6px 10px}.btn-remove-student-admineditclass{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px}.btn-add-student-admineditclass{background-color:#d5a30a;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px}@media (max-width:1024px){.admineditclass-container{margin-left:200px;padding:20px}.admineditclass-form{padding:20px}.admineditclass-container h2{font-size:26px}}@media (max-width:768px){.admineditclass-container{margin-left:60px;margin-top:80px;padding:20px}.admineditclass-form{padding:20px}.admineditclass-buttons{align-items:stretch;flex-direction:column}.btn-cancel-admineditclass,.btn-save-admineditclass{width:100%}}@media (max-width:480px){.admineditclass-container{margin-left:60px;padding:15px}.admineditclass-container h2{font-size:22px;text-align:center}.admineditclass-form{padding:15px}.student-list-admineditclass{padding:10px 15px}.admineditclass-buttons{gap:10px}}.main-content-usermanage{flex:1 1;font-family:Baloo\ 2,cursive,sans-serif;margin-left:240px;margin-top:40px;padding:20px;transition:margin-left .3s ease}.page-title-usermanage{color:#d5a30a;font-size:30px;margin-bottom:20px}.user-table-wrapper-usermanage{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:block;overflow-x:auto;padding:20px;width:100%}.user-table-usermanage{border-collapse:collapse;min-width:700px;text-align:center;width:100%}.user-table-usermanage thead{background-color:#fffbde;color:#ff7221}.user-table-usermanage td,.user-table-usermanage th{border-bottom:1px solid #ddd;padding:12px 15px;white-space:nowrap}.admin-aim-modal{align-items:center;background:#00000073;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.admin-aim-modal-content{background:#fffef4;border-radius:12px;box-shadow:0 6px 15px #0003;font-family:Baloo\ 2,cursive;max-width:90%;padding:25px 30px;text-align:left;width:400px}.modal-title{color:#d5a30a;margin-bottom:15px;text-align:center}.btn-back-usermanage{background:#d5a30a;border:none;border-radius:15px;color:#fff;cursor:pointer;font-weight:700;margin-top:15px;padding:10px 18px;transition:.3s;width:100%}.btn-back-usermanage:hover{background:#ffb700}.no-goal-text{color:#999;font-size:1.1rem;padding:20px;text-align:center}@media (max-width:768px){.main-content-usermanage{margin-left:60px;padding:10px}.control-buttons-usermanage{flex-direction:column}.user-table-usermanage{font-size:14px;min-width:0}.admin-aim-modal-content{width:90%}}.main-content-bookingadmin{flex:1 1;font-family:Baloo\ 2,cursive,sans-serif;margin-left:240px;margin-top:40px;min-height:100vh;padding:30px}.header-section-bookingadmin{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.page-title-bookingadmin{color:#d5a30a;font-size:36px;font-weight:800;margin-bottom:5px;text-shadow:2px 2px 4px #d5a30a1a}.page-subtitle-bookingadmin{color:#666;font-size:16px;margin:0}.total-badge-bookingadmin{align-items:center;background:linear-gradient(135deg,#ff7221,#ff9155);border-radius:20px;box-shadow:0 8px 20px #ff72214d;color:#fff;display:flex;flex-direction:column;padding:15px 30px}.total-badge-bookingadmin span{font-size:14px;opacity:.9}.total-badge-bookingadmin strong{font-size:32px;font-weight:800;margin-top:5px}.status-cards-bookingadmin{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.status-card-bookingadmin{align-items:center;background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 24px #00000014;display:flex;gap:20px;padding:25px;transition:all .3s ease}.status-card-bookingadmin:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-5px)}.status-card-bookingadmin.pending-card:hover{border-color:#f59e0b}.status-card-bookingadmin.scheduled-card:hover{border-color:#3b82f6}.status-card-bookingadmin.completed-card:hover{border-color:#10b981}.status-card-bookingadmin.cancelled-card:hover{border-color:#ef4444}.card-icon{align-items:center;border-radius:15px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.pending-card .card-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.scheduled-card .card-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.completed-card .card-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.cancelled-card .card-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.card-content h3{color:#1a202c;font-size:36px;font-weight:800;margin:0}.card-content p{color:#718096;font-size:16px;font-weight:600;margin:5px 0 0}.filter-section-bookingadmin{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.search-box-bookingadmin{flex:1 1;min-width:280px}.search-box-bookingadmin input{background:#fff;border:3px solid #ffe4cc;border-radius:15px;font-family:Baloo\ 2,cursive,sans-serif;font-size:15px;padding:14px 20px;transition:all .3s;width:100%}.search-box-bookingadmin input:focus{border-color:#ff7221;box-shadow:0 0 0 4px #ff72211a;outline:none}.status-filter-bookingadmin{background:#fff;border:3px solid #ffe4cc;border-radius:15px;color:#4a5568;cursor:pointer;font-family:Baloo\ 2,cursive,sans-serif;font-size:15px;font-weight:600;min-width:220px;padding:14px 20px;transition:all .3s}.status-filter-bookingadmin:focus{border-color:#ff7221;box-shadow:0 0 0 4px #ff72211a;outline:none}.table-wrapper-bookingadmin{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000014;overflow-x:auto;padding:25px}.booking-table-bookingadmin{border-collapse:collapse;min-width:1000px;width:100%}.booking-table-bookingadmin thead{background:linear-gradient(135deg,#fffbde,#fff5cc)}.booking-table-bookingadmin th{border-bottom:3px solid #ffe4cc;color:#ff7221;font-size:14px;font-weight:700;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.booking-table-bookingadmin td{border-bottom:1px solid #f7fafc;color:#2d3748;font-size:14px;font-weight:600;padding:16px 12px}.booking-table-bookingadmin tbody tr{transition:all .2s}.booking-table-bookingadmin tbody tr:hover{background:#fffbf0;transform:scale(1.01)}.booking-id{background:linear-gradient(135deg,#ff7221,#ff9155);border-radius:10px;color:#fff;font-size:12px;font-weight:700;padding:5px 12px}.action-buttons-bookingadmin{display:flex;gap:8px;justify-content:center}.btn-action{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:38px;justify-content:center;transition:all .3s;width:38px}.btn-action.view{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.btn-action.approve{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.btn-action.reject{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.btn-action.complete{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.btn-action.delete{background:linear-gradient(135deg,#64748b,#94a3b8);color:#fff}.btn-action:hover{box-shadow:0 8px 16px #0003;transform:scale(1.15) rotate(5deg)}.empty-bookingadmin{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000014;padding:80px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:20px}.empty-bookingadmin p{color:#718096;font-size:18px;font-weight:600;margin:0}.modal-overlay-bookingadmin{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content-bookingadmin{animation:slideUp .4s;background:#fff;border-radius:25px;box-shadow:0 25px 60px #0000004d;max-height:85vh;max-width:550px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(80px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-bookingadmin{align-items:center;background:linear-gradient(135deg,#ff7221,#ff9155);border-radius:25px 25px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.modal-header-bookingadmin h3{font-size:24px;font-weight:800;margin:0}.btn-close-icon{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .3s;width:40px}.btn-close-icon:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body-bookingadmin{padding:30px}.detail-row{align-items:center;border-bottom:2px solid #f7fafc;display:flex;gap:15px;padding:15px 0}.detail-row:last-child{border-bottom:none}.detail-icon{align-items:center;background:linear-gradient(135deg,#fffbde,#fff5cc);border-radius:12px;color:#ff7221;display:flex;font-size:18px;height:45px;justify-content:center;width:45px}.detail-content{flex:1 1}.detail-content.full-width{width:100%}.detail-label{color:#718096;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.detail-content strong{color:#1a202c;font-size:16px;font-weight:700}.modal-actions-bookingadmin{display:flex;flex-wrap:wrap;gap:12px;padding:0 30px 30px}.btn-modal{align-items:center;border:none;border-radius:15px;cursor:pointer;display:flex;flex:1 1;font-family:Baloo\ 2,cursive,sans-serif;font-size:15px;font-weight:700;gap:8px;justify-content:center;min-width:140px;padding:14px 24px;transition:all .3s}.btn-modal.approve{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.btn-modal.reject{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.btn-modal.complete{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.btn-modal.delete{background:linear-gradient(135deg,#64748b,#94a3b8);color:#fff}.btn-modal:hover{box-shadow:0 12px 24px #0003;transform:translateY(-3px)}@media (max-width:1024px){.main-content-bookingadmin{margin-left:60px;padding:20px}.status-cards-bookingadmin{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-content-bookingadmin{margin-left:0;padding:15px}.header-section-bookingadmin{align-items:flex-start;flex-direction:column}.page-title-bookingadmin{font-size:28px}.status-cards-bookingadmin{grid-template-columns:1fr}.filter-section-bookingadmin{flex-direction:column}.search-box-bookingadmin,.status-filter-bookingadmin{width:100%}.booking-table-bookingadmin{display:block;min-width:auto}.booking-table-bookingadmin thead{display:none}.booking-table-bookingadmin tbody,.booking-table-bookingadmin td,.booking-table-bookingadmin tr{display:block;width:100%}.booking-table-bookingadmin tr{background:#fff;border-radius:15px;box-shadow:0 4px 12px #00000014;margin-bottom:15px;padding:20px}.booking-table-bookingadmin td{align-items:center;border:none;display:flex;justify-content:space-between;padding:10px 0}.booking-table-bookingadmin td:before{color:#ff7221;content:attr(data-label);font-weight:700;margin-right:10px}.action-buttons-bookingadmin{justify-content:flex-end;width:100%}.modal-content-bookingadmin{max-height:90vh;width:95%}.modal-actions-bookingadmin{flex-direction:column}.btn-modal{width:100%}}.placement-page{background:#f8f9fb;display:flex;font-family:Baloo\ 2,cursive,sans-serif;min-height:100vh}.sidebar-placement{background:#fff3d9;border-radius:20px;height:300px;margin-left:50px;margin-top:80px;padding:10px 20px;width:220px}.sidebar-placement h3{color:#dc9f36;font-size:18px;margin-bottom:15px}.filter-group-placement{margin-bottom:10px}.filter-group-placement label{display:block;font-size:18px;margin:20px 0}.content-placement{flex:1 1;padding:20px 30px}.tabs-search-placement{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tabs-placement{margin-bottom:0}.tabs-placement button{background:#fff;border:1px solid #fff3d9;border-radius:16px;cursor:pointer;font-weight:700;margin-right:10px;padding:12px 20px;transition:all .2s ease}.tabs-placement button.active{background:#fff3d9;border-color:#fff3d9;border-radius:16px;color:#dc9f36}.search-placement{align-items:center;background:#fff;border:1px solid #dc9f36;border-radius:10px;display:flex;gap:8px;padding:4px 8px}.search-placement input{border:none;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.search-placement input:focus{border-color:#dc9f36}.cards-placement{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card-placement{background:#fff;border-radius:12px;box-shadow:0 3px 8px #00000014;overflow:hidden;transition:transform .2s ease}.card-placement:hover{transform:translateY(-4px)}.card-placement img{height:140px;object-fit:cover;width:100%}.card-info-placement{padding:12px}.section-placement{background:#eee;border-radius:6px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:6px;padding:3px 8px}.card-placement h4{color:#333;font-size:15px;margin:8px 0}.type-placement{color:#666;font-size:13px;margin-bottom:4px}.attempts-placement{color:#999;font-size:12px}.completed-label-placement{background-color:#28a745;border-radius:8px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-top:5px;padding:5px 10px}input[type=radio]{accent-color:#9e7400;cursor:pointer;height:20px;margin-right:6px;width:20px}@media (max-width:1200px){.placement-page{align-items:center;flex-direction:column}.sidebar-placement{height:auto;margin-left:0;margin-top:20px;width:90%}.content-placement{padding:20px 10px;width:95%}.tabs-search-placement{align-items:stretch;flex-direction:column;gap:10px}.search-placement input{margin-left:0;width:100%}.tabs-placement{display:flex;flex-wrap:wrap;gap:10px}}@media (max-width:768px){.cards-placement{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tabs-placement button{font-size:14px;padding:10px 14px}.section-placement{font-size:11px;padding:2px 6px}.card-placement h4{font-size:14px}.type-placement{font-size:12px}.attempts-placement{font-size:11px}.completed-label-placement{font-size:11px;padding:4px 8px}}@media (max-width:480px){.cards-placement{grid-template-columns:1fr}.tabs-search-placement{flex-direction:column;gap:10px}}.score-page-container{background-color:#fffef5;border-radius:16px;box-shadow:0 4px 15px #00000014;color:#333;font-family:Baloo\ 2,sans-serif;margin:40px auto;max-width:900px;padding:30px 40px}.score-title{color:#d6a302;font-size:25!important;font-weight:700;margin-bottom:25px;text-align:center}.score-summary{background:#fffbde;border-radius:12px;margin-bottom:25px;padding:20px}.score-summary h3{color:#b88a00;margin-bottom:15px}.score-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.score-item{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:10px 15px}.score-errors,.score-feedback,.score-suggestions,.score-user-writing{margin-bottom:25px}.score-user-writing h3{color:#b88a00;margin-bottom:10px}.writing-content{background:#fff;border:1px solid #f0e8b0;border-radius:12px;line-height:1.6;padding:20px;white-space:pre-wrap}.error-highlight{background-color:#fdd;border-radius:4px;color:#c00;cursor:help;padding:1px 3px}.error-item{background:#fff8f8;border-radius:8px;margin-bottom:10px;padding:10px 15px}.error-wrong{color:#d9534f}.error-correct{color:#28a745}.score-suggestions ul{list-style:disc;padding-left:20px}.score-buttons{display:flex;gap:15px;justify-content:center}.score-buttons button{background-color:#f7d048;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:700;padding:10px 18px;transition:.3s}.score-buttons button:hover{background-color:#eac02f}.loading{color:#555;font-size:18px;margin-top:100px;text-align:center}.score-image-analysis{background:#f0f7ff;border-radius:8px;margin:20px 0;padding:20px}.score-image-analysis h3{color:#1976d2;margin-bottom:10px}.score-image-analysis p{color:#333;line-height:1.6}.resultpage-container-userresult{display:flex;flex-wrap:wrap;font-family:Baloo\ 2,cursive,sans-serif;gap:24px;margin:auto;max-width:1200px;padding:20px}.page-title-userresult{color:#dc9f36;font-size:1.8rem;margin-bottom:20px;text-align:center;width:100%}.left-panel-userresult{flex:2 1}.results-grid-userresult{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.result-card-userresult{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000001a;cursor:pointer;padding:16px;transition:.2s}.result-card-userresult:hover{transform:scale(1.02)}.card-header-userresult{align-items:center;display:flex;font-weight:700;gap:8px}.card-title-userresult{font-size:1.05rem;font-weight:500;margin-top:6px}.card-section-userresult{color:#777;font-size:.9rem}.card-score-userresult{color:#dc9f36;font-size:1.4rem;margin-top:6px}.card-date-userresult{color:#666;font-size:.85rem;margin-top:6px}.result-card-userresult.writing-userresult{border-left:5px solid #fff3e0}.result-card-userresult.speaking-userresult{border-left:5px solid #ffe0eb}.result-card-userresult.listening-userresult{border-left:5px solid #e3f2fd}.result-card-userresult.reading-userresult{border-left:5px solid #e8f5e9}.no-results-userresult{color:#888;font-size:1rem;text-align:center}.pagination-controls-userresult{align-items:center;display:flex;font-family:Baloo\ 2,cursive,sans-serif;gap:12px;justify-content:center;margin-top:16px}.pagination-controls-userresult button{background-color:#dc9f36;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:6px 14px;transition:background-color .2s}.pagination-controls-userresult button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-controls-userresult span{font-size:.95rem;font-weight:600}.right-panel-userresult{display:flex;flex:1 1;flex-direction:column;gap:20px}.custom-dropdown{font-family:Arial,sans-serif;position:relative;-webkit-user-select:none;user-select:none}.custom-dropdown .selected-item{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:8px 12px}.custom-dropdown .selected-item:hover{border-color:#f5cf8d}.custom-dropdown .selected-item:after{content:"▼";font-size:.7rem;margin-left:8px}.custom-dropdown .dropdown-list{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;top:calc(100% + 5px);width:100%;z-index:1000}.custom-dropdown .dropdown-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s}.custom-dropdown .dropdown-item:hover{background-color:#f0f0f0}.custom-dropdown .dropdown-item.selected{background-color:#e0e0e0;font-weight:700}.summary-card-userresult{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;padding:14px}.overview-title-userresult{font-size:1.2rem;margin-bottom:10px;text-align:center}.skill-summary-userresult{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.skill-box-userresult{background:#eee;border-radius:6px;font-size:.9rem;padding:5px 8px}.skill-box-userresult.writing-userresult{background:#fff3e0}.skill-box-userresult.speaking-userresult{background:#ffe0eb}.skill-box-userresult.listening-userresult{background:#e3f2fd}.skill-box-userresult.reading-userresult{background:#e8f5e9}.overband-userresult{color:#dc9f36;display:block;font-size:20px;font-weight:700;margin-bottom:6px}.modal-userresult{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content-userresult{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;width:90%}.close-btn-userresult{background:#dc9f36;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;margin-top:15px;padding:8px 16px}@media (max-width:960px){.resultpage-container-userresult{flex-direction:column}.right-panel-userresult{width:100%}}@media (max-width:600px){.results-grid-userresult{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.result-card-userresult{padding:12px}.page-title-userresult{font-size:1.4rem}.modal-content-userresult{padding:16px;width:90%}}
/*# sourceMappingURL=main.847c2370.css.map*/