@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.section-title{text-align:center;font-size:36px;font-weight:700;margin-bottom:60px;color:var(--dark)}.btn-outline{background:transparent;border:2px solid #6147FF;color:#6147ff}.btn-outline:hover{background-color:#6147ff;color:#fff}.btn-primary{background-color:var(--primary);border:2px solid var(--primary);color:#fff}.btn-primary:hover{background-color:#3730a3;border-color:#3730a3}.btn-white{background-color:#fff;border:2px solid white;color:var(--primary)}.notebooks-page{max-width:800px;margin:0 auto;padding:20px}.notebook-form{display:flex;gap:10px;margin-bottom:20px}.notebook-form input{flex:1;padding:8px;font-size:16px}.notebook-form button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.notebook-list{display:flex;flex-direction:column;gap:10px}.notebook-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px}.notebook-item button{padding:5px 10px;background-color:#dc3545;color:#fff;border:none;cursor:pointer}html,body{overflow-x:hidden!important;width:100%!important;box-sizing:border-box}@media (max-width: 768px){html{overflow-y:auto!important;-webkit-overflow-scrolling:touch}body{overflow-y:visible!important;position:relative;min-height:100vh}#root>div:first-child{padding-top:70px}.homepage-wrapper{overflow-x:hidden;overflow-y:visible;position:relative;min-height:100vh}}.rbc-current-time-indicator{position:absolute;z-index:2;height:2px;background:#e11d48!important;box-shadow:0 0 6px #e11d48;pointer-events:none}.mobile-hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1000;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease}.mobile-hamburger-btn:hover{opacity:.8;transform:translateY(-50%) scale(1.05)}.mobile-hamburger-line{display:block;width:25px;height:3px;background-color:#6147ff;margin:5px 0;transition:all .3s ease;border-radius:2px}.menu-open .mobile-hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-open .mobile-hamburger-line:nth-child(2){opacity:0}.menu-open .mobile-hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 768px){.mobile-hamburger-btn{display:block}.nav-menu{position:fixed;top:70px;right:-100%;width:100%;max-width:none;height:calc(100vh - 70px);background-color:#fff;box-shadow:0 -2px 10px #0000001a;transition:right .3s ease;padding:2rem 1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:999}.menu-open .nav-menu{right:0}.nav-links{flex-direction:column;gap:0;margin-bottom:2rem;width:100%}.nav-link{font-size:1.2rem;padding:1rem 0;border-bottom:1px solid #eee;width:100%;text-align:center;display:block;color:#333;font-weight:500}.nav-link:hover{background-color:#f5f5f5;color:#6147ff}.auth-buttons{flex-direction:column;gap:1rem;width:100%;padding:0 1rem}.auth-buttons .btn{width:100%;text-align:center;padding:1rem;font-size:1.1rem;border-radius:8px}.menu-overlay{display:block!important}}@media (max-width: 768px){.hamburger-btn{display:none!important}.nav-top{width:100%;justify-content:space-between!important}}.header{position:fixed;width:100%;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;z-index:100;height:70px;top:0;left:0;right:0}.header-container{width:100%;max-width:none;margin:0;padding:0 20px;height:100%;display:flex;align-items:center;position:relative;justify-content:center}.nav{display:flex;justify-content:space-between;align-items:center;height:70px;width:100%}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-left:8px;height:100%}.logo-text{font-size:24px;font-weight:700;color:var(--primary)}.nav-links{display:flex;gap:30px;align-items:center;justify-content:center;flex:1}.nav-link{text-decoration:none;color:var(--dark);font-weight:500;transition:all .3s ease;padding:5px 0;position:relative}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.header .auth-buttons{display:flex!important;gap:15px!important;margin-right:0!important;margin-top:0!important;align-items:center!important;height:70px!important;padding:0!important;justify-content:flex-end!important}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1000;position:absolute;right:20px;top:10%}.hamburger-line{display:block;width:25px;height:3px;margin:5px 0;background-color:#333;border-radius:3px;transition:all .3s ease}.nav-top{display:flex;justify-content:space-between;align-items:center;min-width:200px;flex-shrink:0;height:70px}.nav-menu{display:flex;flex-direction:row;justify-content:space-between;align-items:center!important;width:100%;flex:1;gap:30px;height:70px}@media (max-width: 850px){.hamburger-btn{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.nav{flex-direction:column;align-items:flex-start}.nav-top{width:100%;position:relative;padding:10px 0}.nav-menu{display:none!important}.nav.menu-open .nav-menu{display:flex!important;flex-direction:column;width:100%;background-color:#fff!important;background:#fff!important;padding:20px;position:absolute;top:70px;left:0;right:0;box-shadow:0 4px 6px #0000001a;z-index:999;border-top:1px solid #f0f0f0;gap:0!important;height:auto!important}.nav.menu-open .nav-links{display:flex;flex-direction:column;width:100%;gap:10px;margin-bottom:0;background-color:#fff;padding-bottom:15px}.nav.menu-open .auth-buttons{display:flex!important;flex-direction:column;width:100%;gap:10px;margin-right:0;margin-top:0!important;height:auto!important;background-color:#fff;padding-top:15px;border-top:1px solid #f0f0f0}.nav-link{padding:10px 0;width:100%;text-align:center}.auth-buttons .btn{width:100%;text-align:center;background-color:#fff!important}.nav.menu-open .auth-buttons .btn-outline{background-color:#fff!important;border:2px solid var(--primary)!important;color:var(--primary)!important}.nav.menu-open .auth-buttons .btn-primary{background-color:var(--primary)!important;border:2px solid var(--primary)!important;color:#fff!important}.logo{margin-left:0}.header-container{padding:0 15px}}.header .auth-buttons .btn{text-align:center;display:flex!important;align-items:center!important;justify-content:center!important;min-width:120px;height:auto!important;line-height:1;padding:12px 24px!important;margin:0!important;align-self:center!important}.header .auth-buttons .btn-outline,.header .auth-buttons .btn-primary{text-align:center;display:flex!important;align-items:center!important;justify-content:center!important;height:auto!important;line-height:1;padding:12px 24px!important;margin:0!important;align-self:center!important}.header .auth-buttons .btn-outline{background:transparent!important;border:2px solid #6147FF!important;color:#6147ff!important}.header .auth-buttons .btn-outline:hover{background-color:#6147ff!important;color:#fff!important}.notification-btn{position:relative;margin-right:16px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;font-size:20px;z-index:101}.notification-btn:focus{outline:2px solid var(--primary, #6c47ff)}.notification-btn .fa-bell{color:#333}.notification-btn .notification-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;background:red;border-radius:50%;border:2px solid white;z-index:2}.nav-top{display:flex;align-items:center;min-width:200px;flex-shrink:0;height:70px;gap:8px}@media (max-width: 850px){.notification-btn{margin-right:12px;font-size:22px;padding:10px}.nav-top{gap:6px}}.sidebar-nav{position:fixed;top:0;left:12px;height:100vh;width:60px;background-color:#fffffff2;box-shadow:2px 0 10px #0000001a;transition:width .3s ease;z-index:50;display:flex;flex-direction:column;overflow-x:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-content{padding:20px;display:flex;flex-direction:column;height:100%}.sidebar-menu-items{display:flex;flex-direction:column;gap:10px}.sidebar-link{display:flex;align-items:center;gap:15px;padding:12px;border-radius:8px;text-decoration:none;color:#333;transition:background-color .2s;white-space:nowrap;overflow:hidden}.sidebar-link:hover{background-color:#f3f4f6}.sidebar-link i{font-size:20px;min-width:20px}.sidebar-divider{height:1px;background-color:#e5e7eb;margin:15px 0}.hamburger-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;position:static!important;z-index:auto}.hamburger-btn:hover{background-color:#f3f4f6}.hamburger-icon.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-icon.open .hamburger-line:nth-child(2){opacity:0}.hamburger-icon.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 850px){.nav-top .hamburger-btn{display:none!important}}/*!
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0{--fa:"0"}.fa-1{--fa:"1"}.fa-2{--fa:"2"}.fa-3{--fa:"3"}.fa-4{--fa:"4"}.fa-5{--fa:"5"}.fa-6{--fa:"6"}.fa-7{--fa:"7"}.fa-8{--fa:"8"}.fa-9{--fa:"9"}.fa-fill-drip{--fa:""}.fa-arrows-to-circle{--fa:""}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:""}.fa-at{--fa:"@"}.fa-trash-alt,.fa-trash-can{--fa:""}.fa-text-height{--fa:""}.fa-user-times,.fa-user-xmark{--fa:""}.fa-stethoscope{--fa:""}.fa-comment-alt,.fa-message{--fa:""}.fa-info{--fa:""}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:""}.fa-explosion{--fa:""}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:""}.fa-wave-square{--fa:""}.fa-ring{--fa:""}.fa-building-un{--fa:""}.fa-dice-three{--fa:""}.fa-calendar-alt,.fa-calendar-days{--fa:""}.fa-anchor-circle-check{--fa:""}.fa-building-circle-arrow-right{--fa:""}.fa-volleyball,.fa-volleyball-ball{--fa:""}.fa-arrows-up-to-line{--fa:""}.fa-sort-desc,.fa-sort-down{--fa:""}.fa-circle-minus,.fa-minus-circle{--fa:""}.fa-door-open{--fa:""}.fa-right-from-bracket,.fa-sign-out-alt{--fa:""}.fa-atom{--fa:""}.fa-soap{--fa:""}.fa-heart-music-camera-bolt,.fa-icons{--fa:""}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:""}.fa-bridge-circle-check{--fa:""}.fa-pump-medical{--fa:""}.fa-fingerprint{--fa:""}.fa-hand-point-right{--fa:""}.fa-magnifying-glass-location,.fa-search-location{--fa:""}.fa-forward-step,.fa-step-forward{--fa:""}.fa-face-smile-beam,.fa-smile-beam{--fa:""}.fa-flag-checkered{--fa:""}.fa-football,.fa-football-ball{--fa:""}.fa-school-circle-exclamation{--fa:""}.fa-crop{--fa:""}.fa-angle-double-down,.fa-angles-down{--fa:""}.fa-users-rectangle{--fa:""}.fa-people-roof{--fa:""}.fa-people-line{--fa:""}.fa-beer,.fa-beer-mug-empty{--fa:""}.fa-diagram-predecessor{--fa:""}.fa-arrow-up-long,.fa-long-arrow-up{--fa:""}.fa-burn,.fa-fire-flame-simple{--fa:""}.fa-male,.fa-person{--fa:""}.fa-laptop{--fa:""}.fa-file-csv{--fa:""}.fa-menorah{--fa:""}.fa-truck-plane{--fa:""}.fa-record-vinyl{--fa:""}.fa-face-grin-stars,.fa-grin-stars{--fa:""}.fa-bong{--fa:""}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:""}.fa-arrow-down-up-across-line{--fa:""}.fa-spoon,.fa-utensil-spoon{--fa:""}.fa-jar-wheat{--fa:""}.fa-envelopes-bulk,.fa-mail-bulk{--fa:""}.fa-file-circle-exclamation{--fa:""}.fa-circle-h,.fa-hospital-symbol{--fa:""}.fa-pager{--fa:""}.fa-address-book,.fa-contact-book{--fa:""}.fa-strikethrough{--fa:""}.fa-k{--fa:"K"}.fa-landmark-flag{--fa:""}.fa-pencil,.fa-pencil-alt{--fa:""}.fa-backward{--fa:""}.fa-caret-right{--fa:""}.fa-comments{--fa:""}.fa-file-clipboard,.fa-paste{--fa:""}.fa-code-pull-request{--fa:""}.fa-clipboard-list{--fa:""}.fa-truck-loading,.fa-truck-ramp-box{--fa:""}.fa-user-check{--fa:""}.fa-vial-virus{--fa:""}.fa-sheet-plastic{--fa:""}.fa-blog{--fa:""}.fa-user-ninja{--fa:""}.fa-person-arrow-up-from-line{--fa:""}.fa-scroll-torah,.fa-torah{--fa:""}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:""}.fa-toggle-off{--fa:""}.fa-archive,.fa-box-archive{--fa:""}.fa-person-drowning{--fa:""}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:""}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:""}.fa-spray-can{--fa:""}.fa-truck-monster{--fa:""}.fa-w{--fa:"W"}.fa-earth-africa,.fa-globe-africa{--fa:""}.fa-rainbow{--fa:""}.fa-circle-notch{--fa:""}.fa-tablet-alt,.fa-tablet-screen-button{--fa:""}.fa-paw{--fa:""}.fa-cloud{--fa:""}.fa-trowel-bricks{--fa:""}.fa-face-flushed,.fa-flushed{--fa:""}.fa-hospital-user{--fa:""}.fa-tent-arrow-left-right{--fa:""}.fa-gavel,.fa-legal{--fa:""}.fa-binoculars{--fa:""}.fa-microphone-slash{--fa:""}.fa-box-tissue{--fa:""}.fa-motorcycle{--fa:""}.fa-bell-concierge,.fa-concierge-bell{--fa:""}.fa-pen-ruler,.fa-pencil-ruler{--fa:""}.fa-people-arrows,.fa-people-arrows-left-right{--fa:""}.fa-mars-and-venus-burst{--fa:""}.fa-caret-square-right,.fa-square-caret-right{--fa:""}.fa-cut,.fa-scissors{--fa:""}.fa-sun-plant-wilt{--fa:""}.fa-toilets-portable{--fa:""}.fa-hockey-puck{--fa:""}.fa-table{--fa:""}.fa-magnifying-glass-arrow-right{--fa:""}.fa-digital-tachograph,.fa-tachograph-digital{--fa:""}.fa-users-slash{--fa:""}.fa-clover{--fa:""}.fa-mail-reply,.fa-reply{--fa:""}.fa-star-and-crescent{--fa:""}.fa-house-fire{--fa:""}.fa-minus-square,.fa-square-minus{--fa:""}.fa-helicopter{--fa:""}.fa-compass{--fa:""}.fa-caret-square-down,.fa-square-caret-down{--fa:""}.fa-file-circle-question{--fa:""}.fa-laptop-code{--fa:""}.fa-swatchbook{--fa:""}.fa-prescription-bottle{--fa:""}.fa-bars,.fa-navicon{--fa:""}.fa-people-group{--fa:""}.fa-hourglass-3,.fa-hourglass-end{--fa:""}.fa-heart-broken,.fa-heart-crack{--fa:""}.fa-external-link-square-alt,.fa-square-up-right{--fa:""}.fa-face-kiss-beam,.fa-kiss-beam{--fa:""}.fa-film{--fa:""}.fa-ruler-horizontal{--fa:""}.fa-people-robbery{--fa:""}.fa-lightbulb{--fa:""}.fa-caret-left{--fa:""}.fa-circle-exclamation,.fa-exclamation-circle{--fa:""}.fa-school-circle-xmark{--fa:""}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:""}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:""}.fa-unlock-alt,.fa-unlock-keyhole{--fa:""}.fa-cloud-showers-heavy{--fa:""}.fa-headphones-alt,.fa-headphones-simple{--fa:""}.fa-sitemap{--fa:""}.fa-circle-dollar-to-slot,.fa-donate{--fa:""}.fa-memory{--fa:""}.fa-road-spikes{--fa:""}.fa-fire-burner{--fa:""}.fa-flag{--fa:""}.fa-hanukiah{--fa:""}.fa-feather{--fa:""}.fa-volume-down,.fa-volume-low{--fa:""}.fa-comment-slash{--fa:""}.fa-cloud-sun-rain{--fa:""}.fa-compress{--fa:""}.fa-wheat-alt,.fa-wheat-awn{--fa:""}.fa-ankh{--fa:""}.fa-hands-holding-child{--fa:""}.fa-asterisk{--fa:"*"}.fa-check-square,.fa-square-check{--fa:""}.fa-peseta-sign{--fa:""}.fa-header,.fa-heading{--fa:""}.fa-ghost{--fa:""}.fa-list,.fa-list-squares{--fa:""}.fa-phone-square-alt,.fa-square-phone-flip{--fa:""}.fa-cart-plus{--fa:""}.fa-gamepad{--fa:""}.fa-circle-dot,.fa-dot-circle{--fa:""}.fa-dizzy,.fa-face-dizzy{--fa:""}.fa-egg{--fa:""}.fa-house-medical-circle-xmark{--fa:""}.fa-campground{--fa:""}.fa-folder-plus{--fa:""}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:""}.fa-paint-brush,.fa-paintbrush{--fa:""}.fa-lock{--fa:""}.fa-gas-pump{--fa:""}.fa-hot-tub,.fa-hot-tub-person{--fa:""}.fa-map-location,.fa-map-marked{--fa:""}.fa-house-flood-water{--fa:""}.fa-tree{--fa:""}.fa-bridge-lock{--fa:""}.fa-sack-dollar{--fa:""}.fa-edit,.fa-pen-to-square{--fa:""}.fa-car-side{--fa:""}.fa-share-alt,.fa-share-nodes{--fa:""}.fa-heart-circle-minus{--fa:""}.fa-hourglass-2,.fa-hourglass-half{--fa:""}.fa-microscope{--fa:""}.fa-sink{--fa:""}.fa-bag-shopping,.fa-shopping-bag{--fa:""}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:""}.fa-mitten{--fa:""}.fa-person-rays{--fa:""}.fa-users{--fa:""}.fa-eye-slash{--fa:""}.fa-flask-vial{--fa:""}.fa-hand,.fa-hand-paper{--fa:""}.fa-om{--fa:""}.fa-worm{--fa:""}.fa-house-circle-xmark{--fa:""}.fa-plug{--fa:""}.fa-chevron-up{--fa:""}.fa-hand-spock{--fa:""}.fa-stopwatch{--fa:""}.fa-face-kiss,.fa-kiss{--fa:""}.fa-bridge-circle-xmark{--fa:""}.fa-face-grin-tongue,.fa-grin-tongue{--fa:""}.fa-chess-bishop{--fa:""}.fa-face-grin-wink,.fa-grin-wink{--fa:""}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:""}.fa-road-circle-check{--fa:""}.fa-dice-five{--fa:""}.fa-rss-square,.fa-square-rss{--fa:""}.fa-land-mine-on{--fa:""}.fa-i-cursor{--fa:""}.fa-stamp{--fa:""}.fa-stairs{--fa:""}.fa-i{--fa:"I"}.fa-hryvnia,.fa-hryvnia-sign{--fa:""}.fa-pills{--fa:""}.fa-face-grin-wide,.fa-grin-alt{--fa:""}.fa-tooth{--fa:""}.fa-v{--fa:"V"}.fa-bangladeshi-taka-sign{--fa:""}.fa-bicycle{--fa:""}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:""}.fa-head-side-cough-slash{--fa:""}.fa-ambulance,.fa-truck-medical{--fa:""}.fa-wheat-awn-circle-exclamation{--fa:""}.fa-snowman{--fa:""}.fa-mortar-pestle{--fa:""}.fa-road-barrier{--fa:""}.fa-school{--fa:""}.fa-igloo{--fa:""}.fa-joint{--fa:""}.fa-angle-right{--fa:""}.fa-horse{--fa:""}.fa-q{--fa:"Q"}.fa-g{--fa:"G"}.fa-notes-medical{--fa:""}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:""}.fa-dong-sign{--fa:""}.fa-capsules{--fa:""}.fa-poo-bolt,.fa-poo-storm{--fa:""}.fa-face-frown-open,.fa-frown-open{--fa:""}.fa-hand-point-up{--fa:""}.fa-money-bill{--fa:""}.fa-bookmark{--fa:""}.fa-align-justify{--fa:""}.fa-umbrella-beach{--fa:""}.fa-helmet-un{--fa:""}.fa-bullseye{--fa:""}.fa-bacon{--fa:""}.fa-hand-point-down{--fa:""}.fa-arrow-up-from-bracket{--fa:""}.fa-folder,.fa-folder-blank{--fa:""}.fa-file-medical-alt,.fa-file-waveform{--fa:""}.fa-radiation{--fa:""}.fa-chart-simple{--fa:""}.fa-mars-stroke{--fa:""}.fa-vial{--fa:""}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:""}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:""}.fa-e{--fa:"E"}.fa-pen-alt,.fa-pen-clip{--fa:""}.fa-bridge-circle-exclamation{--fa:""}.fa-user{--fa:""}.fa-school-circle-check{--fa:""}.fa-dumpster{--fa:""}.fa-shuttle-van,.fa-van-shuttle{--fa:""}.fa-building-user{--fa:""}.fa-caret-square-left,.fa-square-caret-left{--fa:""}.fa-highlighter{--fa:""}.fa-key{--fa:""}.fa-bullhorn{--fa:""}.fa-globe{--fa:""}.fa-synagogue{--fa:""}.fa-person-half-dress{--fa:""}.fa-road-bridge{--fa:""}.fa-location-arrow{--fa:""}.fa-c{--fa:"C"}.fa-tablet-button{--fa:""}.fa-building-lock{--fa:""}.fa-pizza-slice{--fa:""}.fa-money-bill-wave{--fa:""}.fa-area-chart,.fa-chart-area{--fa:""}.fa-house-flag{--fa:""}.fa-person-circle-minus{--fa:""}.fa-ban,.fa-cancel{--fa:""}.fa-camera-rotate{--fa:""}.fa-air-freshener,.fa-spray-can-sparkles{--fa:""}.fa-star{--fa:""}.fa-repeat{--fa:""}.fa-cross{--fa:""}.fa-box{--fa:""}.fa-venus-mars{--fa:""}.fa-arrow-pointer,.fa-mouse-pointer{--fa:""}.fa-expand-arrows-alt,.fa-maximize{--fa:""}.fa-charging-station{--fa:""}.fa-shapes,.fa-triangle-circle-square{--fa:""}.fa-random,.fa-shuffle{--fa:""}.fa-person-running,.fa-running{--fa:""}.fa-mobile-retro{--fa:""}.fa-grip-lines-vertical{--fa:""}.fa-spider{--fa:""}.fa-hands-bound{--fa:""}.fa-file-invoice-dollar{--fa:""}.fa-plane-circle-exclamation{--fa:""}.fa-x-ray{--fa:""}.fa-spell-check{--fa:""}.fa-slash{--fa:""}.fa-computer-mouse,.fa-mouse{--fa:""}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:""}.fa-shop-slash,.fa-store-alt-slash{--fa:""}.fa-server{--fa:""}.fa-virus-covid-slash{--fa:""}.fa-shop-lock{--fa:""}.fa-hourglass-1,.fa-hourglass-start{--fa:""}.fa-blender-phone{--fa:""}.fa-building-wheat{--fa:""}.fa-person-breastfeeding{--fa:""}.fa-right-to-bracket,.fa-sign-in-alt{--fa:""}.fa-venus{--fa:""}.fa-passport{--fa:""}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:""}.fa-heart-pulse,.fa-heartbeat{--fa:""}.fa-people-carry,.fa-people-carry-box{--fa:""}.fa-temperature-high{--fa:""}.fa-microchip{--fa:""}.fa-crown{--fa:""}.fa-weight-hanging{--fa:""}.fa-xmarks-lines{--fa:""}.fa-file-prescription{--fa:""}.fa-weight,.fa-weight-scale{--fa:""}.fa-user-friends,.fa-user-group{--fa:""}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:""}.fa-chess-knight{--fa:""}.fa-face-laugh-squint,.fa-laugh-squint{--fa:""}.fa-wheelchair{--fa:""}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:""}.fa-toggle-on{--fa:""}.fa-person-walking,.fa-walking{--fa:""}.fa-l{--fa:"L"}.fa-fire{--fa:""}.fa-bed-pulse,.fa-procedures{--fa:""}.fa-shuttle-space,.fa-space-shuttle{--fa:""}.fa-face-laugh,.fa-laugh{--fa:""}.fa-folder-open{--fa:""}.fa-heart-circle-plus{--fa:""}.fa-code-fork{--fa:""}.fa-city{--fa:""}.fa-microphone-alt,.fa-microphone-lines{--fa:""}.fa-pepper-hot{--fa:""}.fa-unlock{--fa:""}.fa-colon-sign{--fa:""}.fa-headset{--fa:""}.fa-store-slash{--fa:""}.fa-road-circle-xmark{--fa:""}.fa-user-minus{--fa:""}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:""}.fa-champagne-glasses,.fa-glass-cheers{--fa:""}.fa-clipboard{--fa:""}.fa-house-circle-exclamation{--fa:""}.fa-file-arrow-up,.fa-file-upload{--fa:""}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:""}.fa-bath,.fa-bathtub{--fa:""}.fa-underline{--fa:""}.fa-user-edit,.fa-user-pen{--fa:""}.fa-signature{--fa:""}.fa-stroopwafel{--fa:""}.fa-bold{--fa:""}.fa-anchor-lock{--fa:""}.fa-building-ngo{--fa:""}.fa-manat-sign{--fa:""}.fa-not-equal{--fa:""}.fa-border-style,.fa-border-top-left{--fa:""}.fa-map-location-dot,.fa-map-marked-alt{--fa:""}.fa-jedi{--fa:""}.fa-poll,.fa-square-poll-vertical{--fa:""}.fa-mug-hot{--fa:""}.fa-battery-car,.fa-car-battery{--fa:""}.fa-gift{--fa:""}.fa-dice-two{--fa:""}.fa-chess-queen{--fa:""}.fa-glasses{--fa:""}.fa-chess-board{--fa:""}.fa-building-circle-check{--fa:""}.fa-person-chalkboard{--fa:""}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:""}.fa-hand-back-fist,.fa-hand-rock{--fa:""}.fa-caret-square-up,.fa-square-caret-up{--fa:""}.fa-cloud-showers-water{--fa:""}.fa-bar-chart,.fa-chart-bar{--fa:""}.fa-hands-bubbles,.fa-hands-wash{--fa:""}.fa-less-than-equal{--fa:""}.fa-train{--fa:""}.fa-eye-low-vision,.fa-low-vision{--fa:""}.fa-crow{--fa:""}.fa-sailboat{--fa:""}.fa-window-restore{--fa:""}.fa-plus-square,.fa-square-plus{--fa:""}.fa-torii-gate{--fa:""}.fa-frog{--fa:""}.fa-bucket{--fa:""}.fa-image{--fa:""}.fa-microphone{--fa:""}.fa-cow{--fa:""}.fa-caret-up{--fa:""}.fa-screwdriver{--fa:""}.fa-folder-closed{--fa:""}.fa-house-tsunami{--fa:""}.fa-square-nfi{--fa:""}.fa-arrow-up-from-ground-water{--fa:""}.fa-glass-martini-alt,.fa-martini-glass{--fa:""}.fa-square-binary{--fa:""}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:""}.fa-columns,.fa-table-columns{--fa:""}.fa-lemon{--fa:""}.fa-head-side-mask{--fa:""}.fa-handshake{--fa:""}.fa-gem{--fa:""}.fa-dolly,.fa-dolly-box{--fa:""}.fa-smoking{--fa:""}.fa-compress-arrows-alt,.fa-minimize{--fa:""}.fa-monument{--fa:""}.fa-snowplow{--fa:""}.fa-angle-double-right,.fa-angles-right{--fa:""}.fa-cannabis{--fa:""}.fa-circle-play,.fa-play-circle{--fa:""}.fa-tablets{--fa:""}.fa-ethernet{--fa:""}.fa-eur,.fa-euro,.fa-euro-sign{--fa:""}.fa-chair{--fa:""}.fa-check-circle,.fa-circle-check{--fa:""}.fa-circle-stop,.fa-stop-circle{--fa:""}.fa-compass-drafting,.fa-drafting-compass{--fa:""}.fa-plate-wheat{--fa:""}.fa-icicles{--fa:""}.fa-person-shelter{--fa:""}.fa-neuter{--fa:""}.fa-id-badge{--fa:""}.fa-marker{--fa:""}.fa-face-laugh-beam,.fa-laugh-beam{--fa:""}.fa-helicopter-symbol{--fa:""}.fa-universal-access{--fa:""}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:""}.fa-lari-sign{--fa:""}.fa-volcano{--fa:""}.fa-person-walking-dashed-line-arrow-right{--fa:""}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:""}.fa-viruses{--fa:""}.fa-square-person-confined{--fa:""}.fa-user-tie{--fa:""}.fa-arrow-down-long,.fa-long-arrow-down{--fa:""}.fa-tent-arrow-down-to-line{--fa:""}.fa-certificate{--fa:""}.fa-mail-reply-all,.fa-reply-all{--fa:""}.fa-suitcase{--fa:""}.fa-person-skating,.fa-skating{--fa:""}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:""}.fa-camera-retro{--fa:""}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:""}.fa-arrow-right-to-file,.fa-file-import{--fa:""}.fa-external-link-square,.fa-square-arrow-up-right{--fa:""}.fa-box-open{--fa:""}.fa-scroll{--fa:""}.fa-spa{--fa:""}.fa-location-pin-lock{--fa:""}.fa-pause{--fa:""}.fa-hill-avalanche{--fa:""}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:""}.fa-bomb{--fa:""}.fa-registered{--fa:""}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:""}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:""}.fa-subscript{--fa:""}.fa-diamond-turn-right,.fa-directions{--fa:""}.fa-burst{--fa:""}.fa-house-laptop,.fa-laptop-house{--fa:""}.fa-face-tired,.fa-tired{--fa:""}.fa-money-bills{--fa:""}.fa-smog{--fa:""}.fa-crutch{--fa:""}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:""}.fa-palette{--fa:""}.fa-arrows-turn-right{--fa:""}.fa-vest{--fa:""}.fa-ferry{--fa:""}.fa-arrows-down-to-people{--fa:""}.fa-seedling,.fa-sprout{--fa:""}.fa-arrows-alt-h,.fa-left-right{--fa:""}.fa-boxes-packing{--fa:""}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:""}.fa-group-arrows-rotate{--fa:""}.fa-bowl-food{--fa:""}.fa-candy-cane{--fa:""}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:""}.fa-cloud-bolt,.fa-thunderstorm{--fa:""}.fa-remove-format,.fa-text-slash{--fa:""}.fa-face-smile-wink,.fa-smile-wink{--fa:""}.fa-file-word{--fa:""}.fa-file-powerpoint{--fa:""}.fa-arrows-h,.fa-arrows-left-right{--fa:""}.fa-house-lock{--fa:""}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:""}.fa-children{--fa:""}.fa-blackboard,.fa-chalkboard{--fa:""}.fa-user-alt-slash,.fa-user-large-slash{--fa:""}.fa-envelope-open{--fa:""}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:""}.fa-mattress-pillow{--fa:""}.fa-guarani-sign{--fa:""}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:""}.fa-fire-extinguisher{--fa:""}.fa-cruzeiro-sign{--fa:""}.fa-greater-than-equal{--fa:""}.fa-shield-alt,.fa-shield-halved{--fa:""}.fa-atlas,.fa-book-atlas{--fa:""}.fa-virus{--fa:""}.fa-envelope-circle-check{--fa:""}.fa-layer-group{--fa:""}.fa-arrows-to-dot{--fa:""}.fa-archway{--fa:""}.fa-heart-circle-check{--fa:""}.fa-house-chimney-crack,.fa-house-damage{--fa:""}.fa-file-archive,.fa-file-zipper{--fa:""}.fa-square{--fa:""}.fa-glass-martini,.fa-martini-glass-empty{--fa:""}.fa-couch{--fa:""}.fa-cedi-sign{--fa:""}.fa-italic{--fa:""}.fa-table-cells-column-lock{--fa:""}.fa-church{--fa:""}.fa-comments-dollar{--fa:""}.fa-democrat{--fa:""}.fa-z{--fa:"Z"}.fa-person-skiing,.fa-skiing{--fa:""}.fa-road-lock{--fa:""}.fa-a{--fa:"A"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:""}.fa-feather-alt,.fa-feather-pointed{--fa:""}.fa-p{--fa:"P"}.fa-snowflake{--fa:""}.fa-newspaper{--fa:""}.fa-ad,.fa-rectangle-ad{--fa:""}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:""}.fa-filter-circle-xmark{--fa:""}.fa-locust{--fa:""}.fa-sort,.fa-unsorted{--fa:""}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:""}.fa-person-dress-burst{--fa:""}.fa-money-check-alt,.fa-money-check-dollar{--fa:""}.fa-vector-square{--fa:""}.fa-bread-slice{--fa:""}.fa-language{--fa:""}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:""}.fa-filter{--fa:""}.fa-question{--fa:"?"}.fa-file-signature{--fa:""}.fa-arrows-alt,.fa-up-down-left-right{--fa:""}.fa-house-chimney-user{--fa:""}.fa-hand-holding-heart{--fa:""}.fa-puzzle-piece{--fa:""}.fa-money-check{--fa:""}.fa-star-half-alt,.fa-star-half-stroke{--fa:""}.fa-code{--fa:""}.fa-glass-whiskey,.fa-whiskey-glass{--fa:""}.fa-building-circle-exclamation{--fa:""}.fa-magnifying-glass-chart{--fa:""}.fa-arrow-up-right-from-square,.fa-external-link{--fa:""}.fa-cubes-stacked{--fa:""}.fa-krw,.fa-won,.fa-won-sign{--fa:""}.fa-virus-covid{--fa:""}.fa-austral-sign{--fa:""}.fa-f{--fa:"F"}.fa-leaf{--fa:""}.fa-road{--fa:""}.fa-cab,.fa-taxi{--fa:""}.fa-person-circle-plus{--fa:""}.fa-chart-pie,.fa-pie-chart{--fa:""}.fa-bolt-lightning{--fa:""}.fa-sack-xmark{--fa:""}.fa-file-excel{--fa:""}.fa-file-contract{--fa:""}.fa-fish-fins{--fa:""}.fa-building-flag{--fa:""}.fa-face-grin-beam,.fa-grin-beam{--fa:""}.fa-object-ungroup{--fa:""}.fa-poop{--fa:""}.fa-location-pin,.fa-map-marker{--fa:""}.fa-kaaba{--fa:""}.fa-toilet-paper{--fa:""}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:""}.fa-eject{--fa:""}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:""}.fa-plane-circle-check{--fa:""}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:""}.fa-object-group{--fa:""}.fa-chart-line,.fa-line-chart{--fa:""}.fa-mask-ventilator{--fa:""}.fa-arrow-right{--fa:""}.fa-map-signs,.fa-signs-post{--fa:""}.fa-cash-register{--fa:""}.fa-person-circle-question{--fa:""}.fa-h{--fa:"H"}.fa-tarp{--fa:""}.fa-screwdriver-wrench,.fa-tools{--fa:""}.fa-arrows-to-eye{--fa:""}.fa-plug-circle-bolt{--fa:""}.fa-heart{--fa:""}.fa-mars-and-venus{--fa:""}.fa-home-user,.fa-house-user{--fa:""}.fa-dumpster-fire{--fa:""}.fa-house-crack{--fa:""}.fa-cocktail,.fa-martini-glass-citrus{--fa:""}.fa-face-surprise,.fa-surprise{--fa:""}.fa-bottle-water{--fa:""}.fa-circle-pause,.fa-pause-circle{--fa:""}.fa-toilet-paper-slash{--fa:""}.fa-apple-alt,.fa-apple-whole{--fa:""}.fa-kitchen-set{--fa:""}.fa-r{--fa:"R"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:""}.fa-cube{--fa:""}.fa-bitcoin-sign{--fa:""}.fa-shield-dog{--fa:""}.fa-solar-panel{--fa:""}.fa-lock-open{--fa:""}.fa-elevator{--fa:""}.fa-money-bill-transfer{--fa:""}.fa-money-bill-trend-up{--fa:""}.fa-house-flood-water-circle-arrow-right{--fa:""}.fa-poll-h,.fa-square-poll-horizontal{--fa:""}.fa-circle{--fa:""}.fa-backward-fast,.fa-fast-backward{--fa:""}.fa-recycle{--fa:""}.fa-user-astronaut{--fa:""}.fa-plane-slash{--fa:""}.fa-trademark{--fa:""}.fa-basketball,.fa-basketball-ball{--fa:""}.fa-satellite-dish{--fa:""}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:""}.fa-mobile-alt,.fa-mobile-screen-button{--fa:""}.fa-volume-high,.fa-volume-up{--fa:""}.fa-users-rays{--fa:""}.fa-wallet{--fa:""}.fa-clipboard-check{--fa:""}.fa-file-audio{--fa:""}.fa-burger,.fa-hamburger{--fa:""}.fa-wrench{--fa:""}.fa-bugs{--fa:""}.fa-rupee,.fa-rupee-sign{--fa:""}.fa-file-image{--fa:""}.fa-circle-question,.fa-question-circle{--fa:""}.fa-plane-departure{--fa:""}.fa-handshake-slash{--fa:""}.fa-book-bookmark{--fa:""}.fa-code-branch{--fa:""}.fa-hat-cowboy{--fa:""}.fa-bridge{--fa:""}.fa-phone-alt,.fa-phone-flip{--fa:""}.fa-truck-front{--fa:""}.fa-cat{--fa:""}.fa-anchor-circle-exclamation{--fa:""}.fa-truck-field{--fa:""}.fa-route{--fa:""}.fa-clipboard-question{--fa:""}.fa-panorama{--fa:""}.fa-comment-medical{--fa:""}.fa-teeth-open{--fa:""}.fa-file-circle-minus{--fa:""}.fa-tags{--fa:""}.fa-wine-glass{--fa:""}.fa-fast-forward,.fa-forward-fast{--fa:""}.fa-face-meh-blank,.fa-meh-blank{--fa:""}.fa-parking,.fa-square-parking{--fa:""}.fa-house-signal{--fa:""}.fa-bars-progress,.fa-tasks-alt{--fa:""}.fa-faucet-drip{--fa:""}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:""}.fa-ban-smoking,.fa-smoking-ban{--fa:""}.fa-terminal{--fa:""}.fa-mobile-button{--fa:""}.fa-house-medical-flag{--fa:""}.fa-basket-shopping,.fa-shopping-basket{--fa:""}.fa-tape{--fa:""}.fa-bus-alt,.fa-bus-simple{--fa:""}.fa-eye{--fa:""}.fa-face-sad-cry,.fa-sad-cry{--fa:""}.fa-audio-description{--fa:""}.fa-person-military-to-person{--fa:""}.fa-file-shield{--fa:""}.fa-user-slash{--fa:""}.fa-pen{--fa:""}.fa-tower-observation{--fa:""}.fa-file-code{--fa:""}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:""}.fa-bus{--fa:""}.fa-heart-circle-xmark{--fa:""}.fa-home-lg,.fa-house-chimney{--fa:""}.fa-window-maximize{--fa:""}.fa-face-frown,.fa-frown{--fa:""}.fa-prescription{--fa:""}.fa-shop,.fa-store-alt{--fa:""}.fa-floppy-disk,.fa-save{--fa:""}.fa-vihara{--fa:""}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:""}.fa-sort-asc,.fa-sort-up{--fa:""}.fa-comment-dots,.fa-commenting{--fa:""}.fa-plant-wilt{--fa:""}.fa-diamond{--fa:""}.fa-face-grin-squint,.fa-grin-squint{--fa:""}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:""}.fa-chart-diagram{--fa:""}.fa-bacterium{--fa:""}.fa-hand-pointer{--fa:""}.fa-drum-steelpan{--fa:""}.fa-hand-scissors{--fa:""}.fa-hands-praying,.fa-praying-hands{--fa:""}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:""}.fa-biohazard{--fa:""}.fa-location,.fa-location-crosshairs{--fa:""}.fa-mars-double{--fa:""}.fa-child-dress{--fa:""}.fa-users-between-lines{--fa:""}.fa-lungs-virus{--fa:""}.fa-face-grin-tears,.fa-grin-tears{--fa:""}.fa-phone{--fa:""}.fa-calendar-times,.fa-calendar-xmark{--fa:""}.fa-child-reaching{--fa:""}.fa-head-side-virus{--fa:""}.fa-user-cog,.fa-user-gear{--fa:""}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:""}.fa-door-closed{--fa:""}.fa-shield-virus{--fa:""}.fa-dice-six{--fa:""}.fa-mosquito-net{--fa:""}.fa-file-fragment{--fa:""}.fa-bridge-water{--fa:""}.fa-person-booth{--fa:""}.fa-text-width{--fa:""}.fa-hat-wizard{--fa:""}.fa-pen-fancy{--fa:""}.fa-digging,.fa-person-digging{--fa:""}.fa-trash{--fa:""}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:""}.fa-book-medical{--fa:""}.fa-poo{--fa:""}.fa-quote-right,.fa-quote-right-alt{--fa:""}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:""}.fa-cubes{--fa:""}.fa-divide{--fa:""}.fa-tenge,.fa-tenge-sign{--fa:""}.fa-headphones{--fa:""}.fa-hands-holding{--fa:""}.fa-hands-clapping{--fa:""}.fa-republican{--fa:""}.fa-arrow-left{--fa:""}.fa-person-circle-xmark{--fa:""}.fa-ruler{--fa:""}.fa-align-left{--fa:""}.fa-dice-d6{--fa:""}.fa-restroom{--fa:""}.fa-j{--fa:"J"}.fa-users-viewfinder{--fa:""}.fa-file-video{--fa:""}.fa-external-link-alt,.fa-up-right-from-square{--fa:""}.fa-table-cells,.fa-th{--fa:""}.fa-file-pdf{--fa:""}.fa-bible,.fa-book-bible{--fa:""}.fa-o{--fa:"O"}.fa-medkit,.fa-suitcase-medical{--fa:""}.fa-user-secret{--fa:""}.fa-otter{--fa:""}.fa-female,.fa-person-dress{--fa:""}.fa-comment-dollar{--fa:""}.fa-briefcase-clock,.fa-business-time{--fa:""}.fa-table-cells-large,.fa-th-large{--fa:""}.fa-book-tanakh,.fa-tanakh{--fa:""}.fa-phone-volume,.fa-volume-control-phone{--fa:""}.fa-hat-cowboy-side{--fa:""}.fa-clipboard-user{--fa:""}.fa-child{--fa:""}.fa-lira-sign{--fa:""}.fa-satellite{--fa:""}.fa-plane-lock{--fa:""}.fa-tag{--fa:""}.fa-comment{--fa:""}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:""}.fa-envelope{--fa:""}.fa-angle-double-up,.fa-angles-up{--fa:""}.fa-paperclip{--fa:""}.fa-arrow-right-to-city{--fa:""}.fa-ribbon{--fa:""}.fa-lungs{--fa:""}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:""}.fa-litecoin-sign{--fa:""}.fa-border-none{--fa:""}.fa-circle-nodes{--fa:""}.fa-parachute-box{--fa:""}.fa-indent{--fa:""}.fa-truck-field-un{--fa:""}.fa-hourglass,.fa-hourglass-empty{--fa:""}.fa-mountain{--fa:""}.fa-user-doctor,.fa-user-md{--fa:""}.fa-circle-info,.fa-info-circle{--fa:""}.fa-cloud-meatball{--fa:""}.fa-camera,.fa-camera-alt{--fa:""}.fa-square-virus{--fa:""}.fa-meteor{--fa:""}.fa-car-on{--fa:""}.fa-sleigh{--fa:""}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:""}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:""}.fa-water{--fa:""}.fa-calendar-check{--fa:""}.fa-braille{--fa:""}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:""}.fa-landmark{--fa:""}.fa-truck{--fa:""}.fa-crosshairs{--fa:""}.fa-person-cane{--fa:""}.fa-tent{--fa:""}.fa-vest-patches{--fa:""}.fa-check-double{--fa:""}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:""}.fa-money-bill-wheat{--fa:""}.fa-cookie{--fa:""}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:""}.fa-hard-drive,.fa-hdd{--fa:""}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:""}.fa-dumbbell{--fa:""}.fa-list-alt,.fa-rectangle-list{--fa:""}.fa-tarp-droplet{--fa:""}.fa-house-medical-circle-check{--fa:""}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:""}.fa-calendar-plus{--fa:""}.fa-plane-arrival{--fa:""}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:""}.fa-subway,.fa-train-subway{--fa:""}.fa-chart-gantt{--fa:""}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:""}.fa-crop-alt,.fa-crop-simple{--fa:""}.fa-money-bill-1,.fa-money-bill-alt{--fa:""}.fa-left-long,.fa-long-arrow-alt-left{--fa:""}.fa-dna{--fa:""}.fa-virus-slash{--fa:""}.fa-minus,.fa-subtract{--fa:""}.fa-chess{--fa:""}.fa-arrow-left-long,.fa-long-arrow-left{--fa:""}.fa-plug-circle-check{--fa:""}.fa-street-view{--fa:""}.fa-franc-sign{--fa:""}.fa-volume-off{--fa:""}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:""}.fa-cog,.fa-gear{--fa:""}.fa-droplet-slash,.fa-tint-slash{--fa:""}.fa-mosque{--fa:""}.fa-mosquito{--fa:""}.fa-star-of-david{--fa:""}.fa-person-military-rifle{--fa:""}.fa-cart-shopping,.fa-shopping-cart{--fa:""}.fa-vials{--fa:""}.fa-plug-circle-plus{--fa:""}.fa-place-of-worship{--fa:""}.fa-grip-vertical{--fa:""}.fa-hexagon-nodes{--fa:""}.fa-arrow-turn-up,.fa-level-up{--fa:""}.fa-u{--fa:"U"}.fa-square-root-alt,.fa-square-root-variable{--fa:""}.fa-clock,.fa-clock-four{--fa:""}.fa-backward-step,.fa-step-backward{--fa:""}.fa-pallet{--fa:""}.fa-faucet{--fa:""}.fa-baseball-bat-ball{--fa:""}.fa-s{--fa:"S"}.fa-timeline{--fa:""}.fa-keyboard{--fa:""}.fa-caret-down{--fa:""}.fa-clinic-medical,.fa-house-chimney-medical{--fa:""}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:""}.fa-mobile-android-alt,.fa-mobile-screen{--fa:""}.fa-plane-up{--fa:""}.fa-piggy-bank{--fa:""}.fa-battery-3,.fa-battery-half{--fa:""}.fa-mountain-city{--fa:""}.fa-coins{--fa:""}.fa-khanda{--fa:""}.fa-sliders,.fa-sliders-h{--fa:""}.fa-folder-tree{--fa:""}.fa-network-wired{--fa:""}.fa-map-pin{--fa:""}.fa-hamsa{--fa:""}.fa-cent-sign{--fa:""}.fa-flask{--fa:""}.fa-person-pregnant{--fa:""}.fa-wand-sparkles{--fa:""}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:""}.fa-ticket{--fa:""}.fa-power-off{--fa:""}.fa-long-arrow-alt-right,.fa-right-long{--fa:""}.fa-flag-usa{--fa:""}.fa-laptop-file{--fa:""}.fa-teletype,.fa-tty{--fa:""}.fa-diagram-next{--fa:""}.fa-person-rifle{--fa:""}.fa-house-medical-circle-exclamation{--fa:""}.fa-closed-captioning{--fa:""}.fa-hiking,.fa-person-hiking{--fa:""}.fa-venus-double{--fa:""}.fa-images{--fa:""}.fa-calculator{--fa:""}.fa-people-pulling{--fa:""}.fa-n{--fa:"N"}.fa-cable-car,.fa-tram{--fa:""}.fa-cloud-rain{--fa:""}.fa-building-circle-xmark{--fa:""}.fa-ship{--fa:""}.fa-arrows-down-to-line{--fa:""}.fa-download{--fa:""}.fa-face-grin,.fa-grin{--fa:""}.fa-backspace,.fa-delete-left{--fa:""}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:""}.fa-file-circle-check{--fa:""}.fa-forward{--fa:""}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:""}.fa-face-meh,.fa-meh{--fa:""}.fa-align-center{--fa:""}.fa-book-dead,.fa-book-skull{--fa:""}.fa-drivers-license,.fa-id-card{--fa:""}.fa-dedent,.fa-outdent{--fa:""}.fa-heart-circle-exclamation{--fa:""}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:""}.fa-calendar-week{--fa:""}.fa-laptop-medical{--fa:""}.fa-b{--fa:"B"}.fa-file-medical{--fa:""}.fa-dice-one{--fa:""}.fa-kiwi-bird{--fa:""}.fa-arrow-right-arrow-left,.fa-exchange{--fa:""}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:""}.fa-cutlery,.fa-utensils{--fa:""}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:""}.fa-mill-sign{--fa:""}.fa-bowl-rice{--fa:""}.fa-skull{--fa:""}.fa-broadcast-tower,.fa-tower-broadcast{--fa:""}.fa-truck-pickup{--fa:""}.fa-long-arrow-alt-up,.fa-up-long{--fa:""}.fa-stop{--fa:""}.fa-code-merge{--fa:""}.fa-upload{--fa:""}.fa-hurricane{--fa:""}.fa-mound{--fa:""}.fa-toilet-portable{--fa:""}.fa-compact-disc{--fa:""}.fa-file-arrow-down,.fa-file-download{--fa:""}.fa-caravan{--fa:""}.fa-shield-cat{--fa:""}.fa-bolt,.fa-zap{--fa:""}.fa-glass-water{--fa:""}.fa-oil-well{--fa:""}.fa-vault{--fa:""}.fa-mars{--fa:""}.fa-toilet{--fa:""}.fa-plane-circle-xmark{--fa:""}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:""}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:""}.fa-sun{--fa:""}.fa-guitar{--fa:""}.fa-face-laugh-wink,.fa-laugh-wink{--fa:""}.fa-horse-head{--fa:""}.fa-bore-hole{--fa:""}.fa-industry{--fa:""}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:""}.fa-arrows-turn-to-dots{--fa:""}.fa-florin-sign{--fa:""}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:""}.fa-less-than{--fa:"<"}.fa-angle-down{--fa:""}.fa-car-tunnel{--fa:""}.fa-head-side-cough{--fa:""}.fa-grip-lines{--fa:""}.fa-thumbs-down{--fa:""}.fa-user-lock{--fa:""}.fa-arrow-right-long,.fa-long-arrow-right{--fa:""}.fa-anchor-circle-xmark{--fa:""}.fa-ellipsis,.fa-ellipsis-h{--fa:""}.fa-chess-pawn{--fa:""}.fa-first-aid,.fa-kit-medical{--fa:""}.fa-person-through-window{--fa:""}.fa-toolbox{--fa:""}.fa-hands-holding-circle{--fa:""}.fa-bug{--fa:""}.fa-credit-card,.fa-credit-card-alt{--fa:""}.fa-automobile,.fa-car{--fa:""}.fa-hand-holding-hand{--fa:""}.fa-book-open-reader,.fa-book-reader{--fa:""}.fa-mountain-sun{--fa:""}.fa-arrows-left-right-to-line{--fa:""}.fa-dice-d20{--fa:""}.fa-truck-droplet{--fa:""}.fa-file-circle-xmark{--fa:""}.fa-temperature-arrow-up,.fa-temperature-up{--fa:""}.fa-medal{--fa:""}.fa-bed{--fa:""}.fa-h-square,.fa-square-h{--fa:""}.fa-podcast{--fa:""}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:""}.fa-bell{--fa:""}.fa-superscript{--fa:""}.fa-plug-circle-xmark{--fa:""}.fa-star-of-life{--fa:""}.fa-phone-slash{--fa:""}.fa-paint-roller{--fa:""}.fa-hands-helping,.fa-handshake-angle{--fa:""}.fa-location-dot,.fa-map-marker-alt{--fa:""}.fa-file{--fa:""}.fa-greater-than{--fa:">"}.fa-person-swimming,.fa-swimmer{--fa:""}.fa-arrow-down{--fa:""}.fa-droplet,.fa-tint{--fa:""}.fa-eraser{--fa:""}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:""}.fa-person-burst{--fa:""}.fa-dove{--fa:""}.fa-battery-0,.fa-battery-empty{--fa:""}.fa-socks{--fa:""}.fa-inbox{--fa:""}.fa-section{--fa:""}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:""}.fa-envelope-open-text{--fa:""}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:""}.fa-wine-bottle{--fa:""}.fa-chess-rook{--fa:""}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:""}.fa-dharmachakra{--fa:""}.fa-hotdog{--fa:""}.fa-blind,.fa-person-walking-with-cane{--fa:""}.fa-drum{--fa:""}.fa-ice-cream{--fa:""}.fa-heart-circle-bolt{--fa:""}.fa-fax{--fa:""}.fa-paragraph{--fa:""}.fa-check-to-slot,.fa-vote-yea{--fa:""}.fa-star-half{--fa:""}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:""}.fa-chain,.fa-link{--fa:""}.fa-assistive-listening-systems,.fa-ear-listen{--fa:""}.fa-tree-city{--fa:""}.fa-play{--fa:""}.fa-font{--fa:""}.fa-table-cells-row-lock{--fa:""}.fa-rupiah-sign{--fa:""}.fa-magnifying-glass,.fa-search{--fa:""}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:""}.fa-diagnoses,.fa-person-dots-from-line{--fa:""}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:""}.fa-naira-sign{--fa:""}.fa-cart-arrow-down{--fa:""}.fa-walkie-talkie{--fa:""}.fa-file-edit,.fa-file-pen{--fa:""}.fa-receipt{--fa:""}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:""}.fa-suitcase-rolling{--fa:""}.fa-person-circle-exclamation{--fa:""}.fa-chevron-down{--fa:""}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:""}.fa-skull-crossbones{--fa:""}.fa-code-compare{--fa:""}.fa-list-dots,.fa-list-ul{--fa:""}.fa-school-lock{--fa:""}.fa-tower-cell{--fa:""}.fa-down-long,.fa-long-arrow-alt-down{--fa:""}.fa-ranking-star{--fa:""}.fa-chess-king{--fa:""}.fa-person-harassing{--fa:""}.fa-brazilian-real-sign{--fa:""}.fa-landmark-alt,.fa-landmark-dome{--fa:""}.fa-arrow-up{--fa:""}.fa-television,.fa-tv,.fa-tv-alt{--fa:""}.fa-shrimp{--fa:""}.fa-list-check,.fa-tasks{--fa:""}.fa-jug-detergent{--fa:""}.fa-circle-user,.fa-user-circle{--fa:""}.fa-user-shield{--fa:""}.fa-wind{--fa:""}.fa-car-burst,.fa-car-crash{--fa:""}.fa-y{--fa:"Y"}.fa-person-snowboarding,.fa-snowboarding{--fa:""}.fa-shipping-fast,.fa-truck-fast{--fa:""}.fa-fish{--fa:""}.fa-user-graduate{--fa:""}.fa-adjust,.fa-circle-half-stroke{--fa:""}.fa-clapperboard{--fa:""}.fa-circle-radiation,.fa-radiation-alt{--fa:""}.fa-baseball,.fa-baseball-ball{--fa:""}.fa-jet-fighter-up{--fa:""}.fa-diagram-project,.fa-project-diagram{--fa:""}.fa-copy{--fa:""}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:""}.fa-hand-sparkles{--fa:""}.fa-grip,.fa-grip-horizontal{--fa:""}.fa-share-from-square,.fa-share-square{--fa:""}.fa-child-combatant,.fa-child-rifle{--fa:""}.fa-gun{--fa:""}.fa-phone-square,.fa-square-phone{--fa:""}.fa-add,.fa-plus{--fa:"+"}.fa-expand{--fa:""}.fa-computer{--fa:""}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:""}.fa-arrows,.fa-arrows-up-down-left-right{--fa:""}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:""}.fa-peso-sign{--fa:""}.fa-building-shield{--fa:""}.fa-baby{--fa:""}.fa-users-line{--fa:""}.fa-quote-left,.fa-quote-left-alt{--fa:""}.fa-tractor{--fa:""}.fa-trash-arrow-up,.fa-trash-restore{--fa:""}.fa-arrow-down-up-lock{--fa:""}.fa-lines-leaning{--fa:""}.fa-ruler-combined{--fa:""}.fa-copyright{--fa:""}.fa-equals{--fa:"="}.fa-blender{--fa:""}.fa-teeth{--fa:""}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:""}.fa-map{--fa:""}.fa-rocket{--fa:""}.fa-photo-film,.fa-photo-video{--fa:""}.fa-folder-minus{--fa:""}.fa-hexagon-nodes-bolt{--fa:""}.fa-store{--fa:""}.fa-arrow-trend-up{--fa:""}.fa-plug-circle-minus{--fa:""}.fa-sign,.fa-sign-hanging{--fa:""}.fa-bezier-curve{--fa:""}.fa-bell-slash{--fa:""}.fa-tablet,.fa-tablet-android{--fa:""}.fa-school-flag{--fa:""}.fa-fill{--fa:""}.fa-angle-up{--fa:""}.fa-drumstick-bite{--fa:""}.fa-holly-berry{--fa:""}.fa-chevron-left{--fa:""}.fa-bacteria{--fa:""}.fa-hand-lizard{--fa:""}.fa-notdef{--fa:""}.fa-disease{--fa:""}.fa-briefcase-medical{--fa:""}.fa-genderless{--fa:""}.fa-chevron-right{--fa:""}.fa-retweet{--fa:""}.fa-car-alt,.fa-car-rear{--fa:""}.fa-pump-soap{--fa:""}.fa-video-slash{--fa:""}.fa-battery-2,.fa-battery-quarter{--fa:""}.fa-radio{--fa:""}.fa-baby-carriage,.fa-carriage-baby{--fa:""}.fa-traffic-light{--fa:""}.fa-thermometer{--fa:""}.fa-vr-cardboard{--fa:""}.fa-hand-middle-finger{--fa:""}.fa-percent,.fa-percentage{--fa:"%"}.fa-truck-moving{--fa:""}.fa-glass-water-droplet{--fa:""}.fa-display{--fa:""}.fa-face-smile,.fa-smile{--fa:""}.fa-thumb-tack,.fa-thumbtack{--fa:""}.fa-trophy{--fa:""}.fa-person-praying,.fa-pray{--fa:""}.fa-hammer{--fa:""}.fa-hand-peace{--fa:""}.fa-rotate,.fa-sync-alt{--fa:""}.fa-spinner{--fa:""}.fa-robot{--fa:""}.fa-peace{--fa:""}.fa-cogs,.fa-gears{--fa:""}.fa-warehouse{--fa:""}.fa-arrow-up-right-dots{--fa:""}.fa-splotch{--fa:""}.fa-face-grin-hearts,.fa-grin-hearts{--fa:""}.fa-dice-four{--fa:""}.fa-sim-card{--fa:""}.fa-transgender,.fa-transgender-alt{--fa:""}.fa-mercury{--fa:""}.fa-arrow-turn-down,.fa-level-down{--fa:""}.fa-person-falling-burst{--fa:""}.fa-award{--fa:""}.fa-ticket-alt,.fa-ticket-simple{--fa:""}.fa-building{--fa:""}.fa-angle-double-left,.fa-angles-left{--fa:""}.fa-qrcode{--fa:""}.fa-clock-rotate-left,.fa-history{--fa:""}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:""}.fa-arrow-right-from-file,.fa-file-export{--fa:""}.fa-shield,.fa-shield-blank{--fa:""}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:""}.fa-comment-nodes{--fa:""}.fa-house-medical{--fa:""}.fa-golf-ball,.fa-golf-ball-tee{--fa:""}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:""}.fa-house-chimney-window{--fa:""}.fa-pen-nib{--fa:""}.fa-tent-arrow-turn-left{--fa:""}.fa-tents{--fa:""}.fa-magic,.fa-wand-magic{--fa:""}.fa-dog{--fa:""}.fa-carrot{--fa:""}.fa-moon{--fa:""}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:""}.fa-cheese{--fa:""}.fa-yin-yang{--fa:""}.fa-music{--fa:""}.fa-code-commit{--fa:""}.fa-temperature-low{--fa:""}.fa-biking,.fa-person-biking{--fa:""}.fa-broom{--fa:""}.fa-shield-heart{--fa:""}.fa-gopuram{--fa:""}.fa-earth-oceania,.fa-globe-oceania{--fa:""}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:""}.fa-hashtag{--fa:"#"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:""}.fa-oil-can{--fa:""}.fa-t{--fa:"T"}.fa-hippo{--fa:""}.fa-chart-column{--fa:""}.fa-infinity{--fa:""}.fa-vial-circle-check{--fa:""}.fa-person-arrow-down-to-line{--fa:""}.fa-voicemail{--fa:""}.fa-fan{--fa:""}.fa-person-walking-luggage{--fa:""}.fa-arrows-alt-v,.fa-up-down{--fa:""}.fa-cloud-moon-rain{--fa:""}.fa-calendar{--fa:""}.fa-trailer{--fa:""}.fa-bahai,.fa-haykal{--fa:""}.fa-sd-card{--fa:""}.fa-dragon{--fa:""}.fa-shoe-prints{--fa:""}.fa-circle-plus,.fa-plus-circle{--fa:""}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:""}.fa-hand-holding{--fa:""}.fa-plug-circle-exclamation{--fa:""}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:""}.fa-clone{--fa:""}.fa-person-walking-arrow-loop-left{--fa:""}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:""}.fa-fire-alt,.fa-fire-flame-curved{--fa:""}.fa-tornado{--fa:""}.fa-file-circle-plus{--fa:""}.fa-book-quran,.fa-quran{--fa:""}.fa-anchor{--fa:""}.fa-border-all{--fa:""}.fa-angry,.fa-face-angry{--fa:""}.fa-cookie-bite{--fa:""}.fa-arrow-trend-down{--fa:""}.fa-feed,.fa-rss{--fa:""}.fa-draw-polygon{--fa:""}.fa-balance-scale,.fa-scale-balanced{--fa:""}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:""}.fa-shower{--fa:""}.fa-desktop,.fa-desktop-alt{--fa:""}.fa-m{--fa:"M"}.fa-table-list,.fa-th-list{--fa:""}.fa-comment-sms,.fa-sms{--fa:""}.fa-book{--fa:""}.fa-user-plus{--fa:""}.fa-check{--fa:""}.fa-battery-4,.fa-battery-three-quarters{--fa:""}.fa-house-circle-check{--fa:""}.fa-angle-left{--fa:""}.fa-diagram-successor{--fa:""}.fa-truck-arrow-right{--fa:""}.fa-arrows-split-up-and-left{--fa:""}.fa-fist-raised,.fa-hand-fist{--fa:""}.fa-cloud-moon{--fa:""}.fa-briefcase{--fa:""}.fa-person-falling{--fa:""}.fa-image-portrait,.fa-portrait{--fa:""}.fa-user-tag{--fa:""}.fa-rug{--fa:""}.fa-earth-europe,.fa-globe-europe{--fa:""}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:""}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:""}.fa-baht-sign{--fa:""}.fa-book-open{--fa:""}.fa-book-journal-whills,.fa-journal-whills{--fa:""}.fa-handcuffs{--fa:""}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:""}.fa-database{--fa:""}.fa-mail-forward,.fa-share{--fa:""}.fa-bottle-droplet{--fa:""}.fa-mask-face{--fa:""}.fa-hill-rockslide{--fa:""}.fa-exchange-alt,.fa-right-left{--fa:""}.fa-paper-plane{--fa:""}.fa-road-circle-exclamation{--fa:""}.fa-dungeon{--fa:""}.fa-align-right{--fa:""}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:""}.fa-life-ring{--fa:""}.fa-hands,.fa-sign-language,.fa-signing{--fa:""}.fa-calendar-day{--fa:""}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:""}.fa-arrows-up-down,.fa-arrows-v{--fa:""}.fa-face-grimace,.fa-grimace{--fa:""}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:""}.fa-level-down-alt,.fa-turn-down{--fa:""}.fa-person-walking-arrow-right{--fa:""}.fa-envelope-square,.fa-square-envelope{--fa:""}.fa-dice{--fa:""}.fa-bowling-ball{--fa:""}.fa-brain{--fa:""}.fa-band-aid,.fa-bandage{--fa:""}.fa-calendar-minus{--fa:""}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:""}.fa-gifts{--fa:""}.fa-hotel{--fa:""}.fa-earth-asia,.fa-globe-asia{--fa:""}.fa-id-card-alt,.fa-id-card-clip{--fa:""}.fa-magnifying-glass-plus,.fa-search-plus{--fa:""}.fa-thumbs-up{--fa:""}.fa-user-clock{--fa:""}.fa-allergies,.fa-hand-dots{--fa:""}.fa-file-invoice{--fa:""}.fa-window-minimize{--fa:""}.fa-coffee,.fa-mug-saucer{--fa:""}.fa-brush{--fa:""}.fa-file-half-dashed{--fa:""}.fa-mask{--fa:""}.fa-magnifying-glass-minus,.fa-search-minus{--fa:""}.fa-ruler-vertical{--fa:""}.fa-user-alt,.fa-user-large{--fa:""}.fa-train-tram{--fa:""}.fa-user-nurse{--fa:""}.fa-syringe{--fa:""}.fa-cloud-sun{--fa:""}.fa-stopwatch-20{--fa:""}.fa-square-full{--fa:""}.fa-magnet{--fa:""}.fa-jar{--fa:""}.fa-note-sticky,.fa-sticky-note{--fa:""}.fa-bug-slash{--fa:""}.fa-arrow-up-from-water-pump{--fa:""}.fa-bone{--fa:""}.fa-table-cells-row-unlock{--fa:""}.fa-user-injured{--fa:""}.fa-face-sad-tear,.fa-sad-tear{--fa:""}.fa-plane{--fa:""}.fa-tent-arrows-down{--fa:""}.fa-exclamation{--fa:"!"}.fa-arrows-spin{--fa:""}.fa-print{--fa:""}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:""}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"$"}.fa-x{--fa:"X"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:""}.fa-users-cog,.fa-users-gear{--fa:""}.fa-person-military-pointing{--fa:""}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:""}.fa-umbrella{--fa:""}.fa-trowel{--fa:""}.fa-d{--fa:"D"}.fa-stapler{--fa:""}.fa-masks-theater,.fa-theater-masks{--fa:""}.fa-kip-sign{--fa:""}.fa-hand-point-left{--fa:""}.fa-handshake-alt,.fa-handshake-simple{--fa:""}.fa-fighter-jet,.fa-jet-fighter{--fa:""}.fa-share-alt-square,.fa-square-share-nodes{--fa:""}.fa-barcode{--fa:""}.fa-plus-minus{--fa:""}.fa-video,.fa-video-camera{--fa:""}.fa-graduation-cap,.fa-mortar-board{--fa:""}.fa-hand-holding-medical{--fa:""}.fa-person-circle-check{--fa:""}.fa-level-up-alt,.fa-turn-up{--fa:""}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-brands-400-D_cYUPeE.woff2) format("woff2"),url(/assets/fa-brands-400-D1LuMI3I.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:""}.fa-hooli{--fa:""}.fa-yelp{--fa:""}.fa-cc-visa{--fa:""}.fa-lastfm{--fa:""}.fa-shopware{--fa:""}.fa-creative-commons-nc{--fa:""}.fa-aws{--fa:""}.fa-redhat{--fa:""}.fa-yoast{--fa:""}.fa-cloudflare{--fa:""}.fa-ups{--fa:""}.fa-pixiv{--fa:""}.fa-wpexplorer{--fa:""}.fa-dyalog{--fa:""}.fa-bity{--fa:""}.fa-stackpath{--fa:""}.fa-buysellads{--fa:""}.fa-first-order{--fa:""}.fa-modx{--fa:""}.fa-guilded{--fa:""}.fa-vnv{--fa:""}.fa-js-square,.fa-square-js{--fa:""}.fa-microsoft{--fa:""}.fa-qq{--fa:""}.fa-orcid{--fa:""}.fa-java{--fa:""}.fa-invision{--fa:""}.fa-creative-commons-pd-alt{--fa:""}.fa-centercode{--fa:""}.fa-glide-g{--fa:""}.fa-drupal{--fa:""}.fa-jxl{--fa:""}.fa-dart-lang{--fa:""}.fa-hire-a-helper{--fa:""}.fa-creative-commons-by{--fa:""}.fa-unity{--fa:""}.fa-whmcs{--fa:""}.fa-rocketchat{--fa:""}.fa-vk{--fa:""}.fa-untappd{--fa:""}.fa-mailchimp{--fa:""}.fa-css3-alt{--fa:""}.fa-reddit-square,.fa-square-reddit{--fa:""}.fa-vimeo-v{--fa:""}.fa-contao{--fa:""}.fa-square-font-awesome{--fa:""}.fa-deskpro{--fa:""}.fa-brave{--fa:""}.fa-sistrix{--fa:""}.fa-instagram-square,.fa-square-instagram{--fa:""}.fa-battle-net{--fa:""}.fa-the-red-yeti{--fa:""}.fa-hacker-news-square,.fa-square-hacker-news{--fa:""}.fa-edge{--fa:""}.fa-threads{--fa:""}.fa-napster{--fa:""}.fa-snapchat-square,.fa-square-snapchat{--fa:""}.fa-google-plus-g{--fa:""}.fa-artstation{--fa:""}.fa-markdown{--fa:""}.fa-sourcetree{--fa:""}.fa-google-plus{--fa:""}.fa-diaspora{--fa:""}.fa-foursquare{--fa:""}.fa-stack-overflow{--fa:""}.fa-github-alt{--fa:""}.fa-phoenix-squadron{--fa:""}.fa-pagelines{--fa:""}.fa-algolia{--fa:""}.fa-red-river{--fa:""}.fa-creative-commons-sa{--fa:""}.fa-safari{--fa:""}.fa-google{--fa:""}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:""}.fa-atlassian{--fa:""}.fa-linkedin-in{--fa:""}.fa-digital-ocean{--fa:""}.fa-nimblr{--fa:""}.fa-chromecast{--fa:""}.fa-evernote{--fa:""}.fa-hacker-news{--fa:""}.fa-creative-commons-sampling{--fa:""}.fa-adversal{--fa:""}.fa-creative-commons{--fa:""}.fa-watchman-monitoring{--fa:""}.fa-fonticons{--fa:""}.fa-weixin{--fa:""}.fa-shirtsinbulk{--fa:""}.fa-codepen{--fa:""}.fa-git-alt{--fa:""}.fa-lyft{--fa:""}.fa-rev{--fa:""}.fa-windows{--fa:""}.fa-wizards-of-the-coast{--fa:""}.fa-square-viadeo,.fa-viadeo-square{--fa:""}.fa-meetup{--fa:""}.fa-centos{--fa:""}.fa-adn{--fa:""}.fa-cloudsmith{--fa:""}.fa-opensuse{--fa:""}.fa-pied-piper-alt{--fa:""}.fa-dribbble-square,.fa-square-dribbble{--fa:""}.fa-codiepie{--fa:""}.fa-node{--fa:""}.fa-mix{--fa:""}.fa-steam{--fa:""}.fa-cc-apple-pay{--fa:""}.fa-scribd{--fa:""}.fa-debian{--fa:""}.fa-openid{--fa:""}.fa-instalod{--fa:""}.fa-files-pinwheel{--fa:""}.fa-expeditedssl{--fa:""}.fa-sellcast{--fa:""}.fa-square-twitter,.fa-twitter-square{--fa:""}.fa-r-project{--fa:""}.fa-delicious{--fa:""}.fa-freebsd{--fa:""}.fa-vuejs{--fa:""}.fa-accusoft{--fa:""}.fa-ioxhost{--fa:""}.fa-fonticons-fi{--fa:""}.fa-app-store{--fa:""}.fa-cc-mastercard{--fa:""}.fa-itunes-note{--fa:""}.fa-golang{--fa:""}.fa-kickstarter,.fa-square-kickstarter{--fa:""}.fa-grav{--fa:""}.fa-weibo{--fa:""}.fa-uncharted{--fa:""}.fa-firstdraft{--fa:""}.fa-square-youtube,.fa-youtube-square{--fa:""}.fa-wikipedia-w{--fa:""}.fa-rendact,.fa-wpressr{--fa:""}.fa-angellist{--fa:""}.fa-galactic-republic{--fa:""}.fa-nfc-directional{--fa:""}.fa-skype{--fa:""}.fa-joget{--fa:""}.fa-fedora{--fa:""}.fa-stripe-s{--fa:""}.fa-meta{--fa:""}.fa-laravel{--fa:""}.fa-hotjar{--fa:""}.fa-bluetooth-b{--fa:""}.fa-square-letterboxd{--fa:""}.fa-sticker-mule{--fa:""}.fa-creative-commons-zero{--fa:""}.fa-hips{--fa:""}.fa-css{--fa:""}.fa-behance{--fa:""}.fa-reddit{--fa:""}.fa-discord{--fa:""}.fa-chrome{--fa:""}.fa-app-store-ios{--fa:""}.fa-cc-discover{--fa:""}.fa-wpbeginner{--fa:""}.fa-confluence{--fa:""}.fa-shoelace{--fa:""}.fa-mdb{--fa:""}.fa-dochub{--fa:""}.fa-accessible-icon{--fa:""}.fa-ebay{--fa:""}.fa-amazon{--fa:""}.fa-unsplash{--fa:""}.fa-yarn{--fa:""}.fa-square-steam,.fa-steam-square{--fa:""}.fa-500px{--fa:""}.fa-square-vimeo,.fa-vimeo-square{--fa:""}.fa-asymmetrik{--fa:""}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:""}.fa-gratipay{--fa:""}.fa-apple{--fa:""}.fa-hive{--fa:""}.fa-gitkraken{--fa:""}.fa-keybase{--fa:""}.fa-apple-pay{--fa:""}.fa-padlet{--fa:""}.fa-amazon-pay{--fa:""}.fa-github-square,.fa-square-github{--fa:""}.fa-stumbleupon{--fa:""}.fa-fedex{--fa:""}.fa-phoenix-framework{--fa:""}.fa-shopify{--fa:""}.fa-neos{--fa:""}.fa-square-threads{--fa:""}.fa-hackerrank{--fa:""}.fa-researchgate{--fa:""}.fa-swift{--fa:""}.fa-angular{--fa:""}.fa-speakap{--fa:""}.fa-angrycreative{--fa:""}.fa-y-combinator{--fa:""}.fa-empire{--fa:""}.fa-envira{--fa:""}.fa-google-scholar{--fa:""}.fa-gitlab-square,.fa-square-gitlab{--fa:""}.fa-studiovinari{--fa:""}.fa-pied-piper{--fa:""}.fa-wordpress{--fa:""}.fa-product-hunt{--fa:""}.fa-firefox{--fa:""}.fa-linode{--fa:""}.fa-goodreads{--fa:""}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:""}.fa-jsfiddle{--fa:""}.fa-sith{--fa:""}.fa-themeisle{--fa:""}.fa-page4{--fa:""}.fa-hashnode{--fa:""}.fa-react{--fa:""}.fa-cc-paypal{--fa:""}.fa-squarespace{--fa:""}.fa-cc-stripe{--fa:""}.fa-creative-commons-share{--fa:""}.fa-bitcoin{--fa:""}.fa-keycdn{--fa:""}.fa-opera{--fa:""}.fa-itch-io{--fa:""}.fa-umbraco{--fa:""}.fa-galactic-senate{--fa:""}.fa-ubuntu{--fa:""}.fa-draft2digital{--fa:""}.fa-stripe{--fa:""}.fa-houzz{--fa:""}.fa-gg{--fa:""}.fa-dhl{--fa:""}.fa-pinterest-square,.fa-square-pinterest{--fa:""}.fa-xing{--fa:""}.fa-blackberry{--fa:""}.fa-creative-commons-pd{--fa:""}.fa-playstation{--fa:""}.fa-quinscape{--fa:""}.fa-less{--fa:""}.fa-blogger-b{--fa:""}.fa-opencart{--fa:""}.fa-vine{--fa:""}.fa-signal-messenger{--fa:""}.fa-paypal{--fa:""}.fa-gitlab{--fa:""}.fa-typo3{--fa:""}.fa-reddit-alien{--fa:""}.fa-yahoo{--fa:""}.fa-dailymotion{--fa:""}.fa-affiliatetheme{--fa:""}.fa-pied-piper-pp{--fa:""}.fa-bootstrap{--fa:""}.fa-odnoklassniki{--fa:""}.fa-nfc-symbol{--fa:""}.fa-mintbit{--fa:""}.fa-ethereum{--fa:""}.fa-speaker-deck{--fa:""}.fa-creative-commons-nc-eu{--fa:""}.fa-patreon{--fa:""}.fa-avianex{--fa:""}.fa-ello{--fa:""}.fa-gofore{--fa:""}.fa-bimobject{--fa:""}.fa-brave-reverse{--fa:""}.fa-facebook-f{--fa:""}.fa-google-plus-square,.fa-square-google-plus{--fa:""}.fa-web-awesome{--fa:""}.fa-mandalorian{--fa:""}.fa-first-order-alt{--fa:""}.fa-osi{--fa:""}.fa-google-wallet{--fa:""}.fa-d-and-d-beyond{--fa:""}.fa-periscope{--fa:""}.fa-fulcrum{--fa:""}.fa-cloudscale{--fa:""}.fa-forumbee{--fa:""}.fa-mizuni{--fa:""}.fa-schlix{--fa:""}.fa-square-xing,.fa-xing-square{--fa:""}.fa-bandcamp{--fa:""}.fa-wpforms{--fa:""}.fa-cloudversify{--fa:""}.fa-usps{--fa:""}.fa-megaport{--fa:""}.fa-magento{--fa:""}.fa-spotify{--fa:""}.fa-optin-monster{--fa:""}.fa-fly{--fa:""}.fa-square-bluesky{--fa:""}.fa-aviato{--fa:""}.fa-itunes{--fa:""}.fa-cuttlefish{--fa:""}.fa-blogger{--fa:""}.fa-flickr{--fa:""}.fa-viber{--fa:""}.fa-soundcloud{--fa:""}.fa-digg{--fa:""}.fa-tencent-weibo{--fa:""}.fa-letterboxd{--fa:""}.fa-symfony{--fa:""}.fa-maxcdn{--fa:""}.fa-etsy{--fa:""}.fa-facebook-messenger{--fa:""}.fa-audible{--fa:""}.fa-think-peaks{--fa:""}.fa-bilibili{--fa:""}.fa-erlang{--fa:""}.fa-x-twitter{--fa:""}.fa-cotton-bureau{--fa:""}.fa-dashcube{--fa:""}.fa-42-group,.fa-innosoft{--fa:""}.fa-stack-exchange{--fa:""}.fa-elementor{--fa:""}.fa-pied-piper-square,.fa-square-pied-piper{--fa:""}.fa-creative-commons-nd{--fa:""}.fa-palfed{--fa:""}.fa-superpowers{--fa:""}.fa-resolving{--fa:""}.fa-xbox{--fa:""}.fa-square-web-awesome-stroke{--fa:""}.fa-searchengin{--fa:""}.fa-tiktok{--fa:""}.fa-facebook-square,.fa-square-facebook{--fa:""}.fa-renren{--fa:""}.fa-linux{--fa:""}.fa-glide{--fa:""}.fa-linkedin{--fa:""}.fa-hubspot{--fa:""}.fa-deploydog{--fa:""}.fa-twitch{--fa:""}.fa-flutter{--fa:""}.fa-ravelry{--fa:""}.fa-mixer{--fa:""}.fa-lastfm-square,.fa-square-lastfm{--fa:""}.fa-vimeo{--fa:""}.fa-mendeley{--fa:""}.fa-uniregistry{--fa:""}.fa-figma{--fa:""}.fa-creative-commons-remix{--fa:""}.fa-cc-amazon-pay{--fa:""}.fa-dropbox{--fa:""}.fa-instagram{--fa:""}.fa-cmplid{--fa:""}.fa-upwork{--fa:""}.fa-facebook{--fa:""}.fa-gripfire{--fa:""}.fa-jedi-order{--fa:""}.fa-uikit{--fa:""}.fa-fort-awesome-alt{--fa:""}.fa-phabricator{--fa:""}.fa-ussunnah{--fa:""}.fa-earlybirds{--fa:""}.fa-trade-federation{--fa:""}.fa-autoprefixer{--fa:""}.fa-whatsapp{--fa:""}.fa-square-upwork{--fa:""}.fa-slideshare{--fa:""}.fa-google-play{--fa:""}.fa-viadeo{--fa:""}.fa-line{--fa:""}.fa-google-drive{--fa:""}.fa-servicestack{--fa:""}.fa-simplybuilt{--fa:""}.fa-bitbucket{--fa:""}.fa-imdb{--fa:""}.fa-deezer{--fa:""}.fa-raspberry-pi{--fa:""}.fa-jira{--fa:""}.fa-docker{--fa:""}.fa-screenpal{--fa:""}.fa-bluetooth{--fa:""}.fa-gitter{--fa:""}.fa-d-and-d{--fa:""}.fa-microblog{--fa:""}.fa-cc-diners-club{--fa:""}.fa-gg-circle{--fa:""}.fa-pied-piper-hat{--fa:""}.fa-kickstarter-k{--fa:""}.fa-yandex{--fa:""}.fa-readme{--fa:""}.fa-html5{--fa:""}.fa-sellsy{--fa:""}.fa-square-web-awesome{--fa:""}.fa-sass{--fa:""}.fa-wirsindhandwerk,.fa-wsh{--fa:""}.fa-buromobelexperte{--fa:""}.fa-salesforce{--fa:""}.fa-octopus-deploy{--fa:""}.fa-medapps{--fa:""}.fa-ns8{--fa:""}.fa-pinterest-p{--fa:""}.fa-apper{--fa:""}.fa-fort-awesome{--fa:""}.fa-waze{--fa:""}.fa-bluesky{--fa:""}.fa-cc-jcb{--fa:""}.fa-snapchat,.fa-snapchat-ghost{--fa:""}.fa-fantasy-flight-games{--fa:""}.fa-rust{--fa:""}.fa-wix{--fa:""}.fa-behance-square,.fa-square-behance{--fa:""}.fa-supple{--fa:""}.fa-webflow{--fa:""}.fa-rebel{--fa:""}.fa-css3{--fa:""}.fa-staylinked{--fa:""}.fa-kaggle{--fa:""}.fa-space-awesome{--fa:""}.fa-deviantart{--fa:""}.fa-cpanel{--fa:""}.fa-goodreads-g{--fa:""}.fa-git-square,.fa-square-git{--fa:""}.fa-square-tumblr,.fa-tumblr-square{--fa:""}.fa-trello{--fa:""}.fa-creative-commons-nc-jp{--fa:""}.fa-get-pocket{--fa:""}.fa-perbyte{--fa:""}.fa-grunt{--fa:""}.fa-weebly{--fa:""}.fa-connectdevelop{--fa:""}.fa-leanpub{--fa:""}.fa-black-tie{--fa:""}.fa-themeco{--fa:""}.fa-python{--fa:""}.fa-android{--fa:""}.fa-bots{--fa:""}.fa-free-code-camp{--fa:""}.fa-hornbill{--fa:""}.fa-js{--fa:""}.fa-ideal{--fa:""}.fa-git{--fa:""}.fa-dev{--fa:""}.fa-sketch{--fa:""}.fa-yandex-international{--fa:""}.fa-cc-amex{--fa:""}.fa-uber{--fa:""}.fa-github{--fa:""}.fa-php{--fa:""}.fa-alipay{--fa:""}.fa-youtube{--fa:""}.fa-skyatlas{--fa:""}.fa-firefox-browser{--fa:""}.fa-replyd{--fa:""}.fa-suse{--fa:""}.fa-jenkins{--fa:""}.fa-twitter{--fa:""}.fa-rockrms{--fa:""}.fa-pinterest{--fa:""}.fa-buffer{--fa:""}.fa-npm{--fa:""}.fa-yammer{--fa:""}.fa-btc{--fa:""}.fa-dribbble{--fa:""}.fa-stumbleupon-circle{--fa:""}.fa-internet-explorer{--fa:""}.fa-stubber{--fa:""}.fa-telegram,.fa-telegram-plane{--fa:""}.fa-old-republic{--fa:""}.fa-odysee{--fa:""}.fa-square-whatsapp,.fa-whatsapp-square{--fa:""}.fa-node-js{--fa:""}.fa-edge-legacy{--fa:""}.fa-slack,.fa-slack-hash{--fa:""}.fa-medrt{--fa:""}.fa-usb{--fa:""}.fa-tumblr{--fa:""}.fa-vaadin{--fa:""}.fa-quora{--fa:""}.fa-square-x-twitter{--fa:""}.fa-reacteurope{--fa:""}.fa-medium,.fa-medium-m{--fa:""}.fa-amilia{--fa:""}.fa-mixcloud{--fa:""}.fa-flipboard{--fa:""}.fa-viacoin{--fa:""}.fa-critical-role{--fa:""}.fa-sitrox{--fa:""}.fa-discourse{--fa:""}.fa-joomla{--fa:""}.fa-mastodon{--fa:""}.fa-airbnb{--fa:""}.fa-wolf-pack-battalion{--fa:""}.fa-buy-n-large{--fa:""}.fa-gulp{--fa:""}.fa-creative-commons-sampling-plus{--fa:""}.fa-strava{--fa:""}.fa-ember{--fa:""}.fa-canadian-maple-leaf{--fa:""}.fa-teamspeak{--fa:""}.fa-pushed{--fa:""}.fa-wordpress-simple{--fa:""}.fa-nutritionix{--fa:""}.fa-wodu{--fa:""}.fa-google-pay{--fa:""}.fa-intercom{--fa:""}.fa-zhihu{--fa:""}.fa-korvue{--fa:""}.fa-pix{--fa:""}.fa-steam-symbol{--fa:""}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-regular-400-BjRzuEpd.woff2) format("woff2"),url(/assets/fa-regular-400-DZaxPHgR.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),url(/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(/assets/fa-brands-400-D_cYUPeE.woff2) format("woff2"),url(/assets/fa-brands-400-D1LuMI3I.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),url(/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(/assets/fa-regular-400-BjRzuEpd.woff2) format("woff2"),url(/assets/fa-regular-400-DZaxPHgR.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),url(/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(/assets/fa-brands-400-D_cYUPeE.woff2) format("woff2"),url(/assets/fa-brands-400-D1LuMI3I.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(/assets/fa-regular-400-BjRzuEpd.woff2) format("woff2"),url(/assets/fa-regular-400-DZaxPHgR.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:FontAwesome;font-display:block;src:url(/assets/fa-v4compatibility-C9RhG_FT.woff2) format("woff2"),url(/assets/fa-v4compatibility-CCth-dXg.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}.cta{padding:100px 0;background:linear-gradient(135deg,var(--primary) 0%,#3730A3 100%);color:#fff;text-align:center}.hero{padding-top:90px;padding-bottom:10px;margin-bottom:0;min-height:calc(100vh - 70px);scroll-margin-top:80px;display:flex;align-items:center;background-color:#f9fafb;position:relative}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.hero-content{display:flex;flex-direction:row;align-items:center;gap:2rem}@media (max-width: 768px){.hero{padding-top:100px;min-height:auto}.hero-content{flex-direction:column;padding:0 1rem}}.hero-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.hero-image img{transform:translateY(0)}.hero-img{max-width:100%;border-radius:10px}.hero-title{font-size:3rem;margin-bottom:1.5rem;line-height:1.2;font-weight:700;color:#111827}@media (max-width: 768px){.hero-title{font-size:2rem}}.highlight{color:#6147ff}.hero-subtitle{font-size:1.125rem;margin-bottom:2rem;line-height:1.6;color:#6b7280}@media (max-width: 768px){.hero-subtitle{font-size:.95rem}}.hero-buttons{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:1rem;text-decoration:none;transition:all .2s ease;line-height:1}.btn-primary{background-color:#6147ff;color:#fff;border:none}.btn-primary:hover{background-color:#5038e0}.hero-buttons .btn-outline{background-color:transparent;color:#6147ff;border:1px solid #6147FF;display:inline-flex!important;align-items:center!important;padding-top:.75rem!important;padding-bottom:.75rem!important}.hero-buttons .btn-outline:hover{background-color:#6147ff1a}.hero-btn-centered{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding-top:12px!important;padding-bottom:12px!important;height:auto!important;vertical-align:middle!important}.features{padding:60px 0;background-color:#f9fafb}.features-title{font-size:2.5rem!important;color:#000!important;text-align:center!important;font-weight:700!important;margin-bottom:60px!important;width:100%!important;display:block!important;margin-left:auto!important;margin-right:auto!important}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0000001f}.feature-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:#eef2ff;margin:0 auto 20px}.feature-icon svg{width:30px;height:30px;color:var(--primary)}.feature-title{font-size:20px;font-weight:600;margin-bottom:15px;color:var(--dark);text-align:center}.feature-description{color:#4b5563;font-size:16px}@media (max-width: 768px){.features-title{font-size:2rem!important}}.how-it-works,.how-it-works *{font-family:Poppins,Arial,sans-serif!important}.how-it-works{padding:60px 0;background:linear-gradient(135deg,#4f46e5,#3730a3);overflow:hidden}.how-it-works-title{font-size:2.5rem!important;color:#fff!important;text-align:center!important;font-weight:700!important;margin-bottom:60px!important;width:100%!important;display:block!important;margin-left:auto!important;margin-right:auto!important}.two-line-title{min-height:48px;line-height:1.2;display:flex;align-items:flex-end;justify-content:center;text-align:center}.steps{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:28px;max-width:1100px;margin:0 auto;padding:0 20px}.step{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;min-width:0}.step:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0000001f}.step-number{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:var(--primary);color:#fff;font-size:24px;font-weight:700;margin-bottom:20px;flex-shrink:0}.step-content{flex:1}.step-title{font-size:20px;font-weight:600;margin-bottom:15px;color:var(--dark)}.step-title.up{margin-bottom:0}.step-description{color:#4b5563;font-size:14px}@media (max-width: 1100px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.steps{grid-template-columns:1fr;gap:20px;padding:0 16px}.break-mobile{display:block}}.break-mobile{display:inline}@media (max-width: 768px){.how-it-works{padding:40px 0}.how-it-works-title{font-size:1.75rem!important;margin-bottom:40px!important;padding:0 20px}.step{padding:24px 20px;border-radius:10px}.step:hover{transform:translateY(-5px)}.step-number{width:50px;height:50px;font-size:20px;margin-bottom:16px}.step-title{font-size:18px;margin-bottom:12px}.step-description{font-size:13px;line-height:1.6}.two-line-title{min-height:40px}}@media (max-width: 480px){.how-it-works{padding:32px 0}.how-it-works-title{font-size:1.5rem!important;margin-bottom:32px!important;padding:0 16px}.steps{gap:16px;padding:0 12px}.step{padding:20px 16px}.step-number{width:45px;height:45px;font-size:18px}.step-title{font-size:16px}.step-description{font-size:12px}}#funcionalidades-de-simonkey{padding:40px 20px!important}#funcionalidades-de-simonkey h2{font-size:2rem!important;margin-bottom:24px!important}#funcionalidades-de-simonkey>div:last-child{padding:0 20px}@media (max-width: 768px){#funcionalidades-de-simonkey{padding:24px 16px!important;margin-bottom:24px!important}#funcionalidades-de-simonkey h2{font-size:1.5rem!important;margin-bottom:20px!important;padding:0 12px}#funcionalidades-de-simonkey>div:last-child{flex-direction:column!important;gap:20px!important;padding:0 12px!important}#funcionalidades-de-simonkey>div:last-child>div:first-child{flex:none!important;max-width:100%!important;width:100%!important;padding:0!important}#funcionalidades-de-simonkey>div:last-child>div:last-child{flex:none!important;max-width:100%!important;width:100%!important;height:250px!important;min-height:250px!important}#funcionalidades-de-simonkey li{padding:14px 16px!important;margin-bottom:8px!important}#funcionalidades-de-simonkey li>div>div:first-child{font-size:.9rem!important}#funcionalidades-de-simonkey li>div>div:last-child{font-size:.75rem!important;line-height:1.5!important}#funcionalidades-de-simonkey li>div:first-child{height:60%!important;left:6px!important}}@media (max-width: 480px){#funcionalidades-de-simonkey{padding:20px 12px!important}#funcionalidades-de-simonkey h2{font-size:1.3rem!important;padding:0 8px}#funcionalidades-de-simonkey>div:last-child{padding:0 8px!important}#funcionalidades-de-simonkey li{padding:12px 14px!important;margin-bottom:6px!important}#funcionalidades-de-simonkey>div:last-child>div:last-child{height:200px!important;min-height:200px!important}#funcionalidades-de-simonkey li>div>div:first-child{font-size:.85rem!important}#funcionalidades-de-simonkey li>div>div:last-child{font-size:.7rem!important}}@media (max-width: 768px){#funcionalidades-de-simonkey li{min-height:60px;cursor:pointer;transition:all .2s ease}#funcionalidades-de-simonkey li:active{transform:scale(.98);box-shadow:0 1px 3px #0000001a!important}#funcionalidades-de-simonkey img{border-radius:8px!important}}.cta{padding:50px 0;background:linear-gradient(135deg,#6147ff,#4936cc);color:#fff;text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 20px}.cta-title{font-size:36px;font-weight:700;margin-bottom:20px}.cta-description{font-size:18px;max-width:600px;margin:0 auto 40px;opacity:.9}.btn{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-white{background-color:#fff;border:2px solid white;color:#6147ff}.btn-white:hover{background-color:transparent;color:#fff;border-color:#fff}.footer{padding:60px 0;background-color:var(--dark);color:#fff}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-text{font-size:24px;font-weight:700}.footer-description{max-width:300px;opacity:.8;margin-bottom:20px}.social-links{display:flex;gap:15px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;transition:background-color .3s ease}.social-link:hover{background-color:#fff3}.footer-column-title{font-size:18px;font-weight:600;margin-bottom:20px}.footer-links{list-style:none}.footer-link{margin-bottom:10px}.footer-link a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-link a:hover{color:#fff}.copyright{margin-top:60px;text-align:center;opacity:.7;font-size:14px}.cookie-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.cookie-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.cookie-modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.cookie-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.cookie-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280;border-radius:8px;transition:all .2s ease}.cookie-modal-close:hover{background:#f3f4f6;color:#374151}.cookie-modal-content{flex:1;overflow-y:auto;padding:0 2rem}.cookie-modal-intro{padding:1rem 0;border-bottom:1px solid #f3f4f6;margin-bottom:1.5rem}.cookie-modal-intro p{margin:0;color:#6b7280;line-height:1.6}.cookie-categories{display:flex;flex-direction:column;gap:1.5rem}.cookie-category{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.cookie-category:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.cookie-category.disabled{opacity:.7;background:#f9fafb}.cookie-category-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:#fff}.cookie-category.disabled .cookie-category-header{background:#f9fafb}.cookie-category-info{flex:1}.cookie-category-info h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.cookie-category-info p{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.cookie-toggle{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.cookie-switch{position:relative;width:0;height:0;opacity:0;pointer-events:none}.cookie-switch-label{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.cookie-switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.cookie-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;top:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.cookie-switch:checked+.cookie-switch-label .cookie-switch-slider{background-color:var(--primary-color, #6147ff)}.cookie-switch:checked+.cookie-switch-label .cookie-switch-slider:before{transform:translate(24px)}.cookie-switch:disabled+.cookie-switch-label{cursor:not-allowed;opacity:.6}.cookie-status{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cookie-status.enabled{background:#d1fae5;color:#065f46}.cookie-status.disabled{background:#fee2e2;color:#991b1b}.cookie-status.required{background:#dbeafe;color:#1e40af}.cookie-category-details{padding:0 1.5rem 1.5rem;border-top:1px solid #f3f4f6;background:#f9fafb}.cookie-category-details h4{margin:1rem 0 .75rem;font-size:1rem;font-weight:600;color:#374151}.cookie-category-details ul{margin:0 0 1rem;padding-left:1.25rem;color:#6b7280;font-size:.875rem;line-height:1.5}.cookie-category-details li{margin-bottom:.25rem}.cookie-examples{background:#fff;padding:.75rem 1rem;border-radius:6px;border:1px solid #e5e7eb;font-size:.8rem;color:#6b7280}.cookie-examples strong{color:#374151}.not-used-notice{margin:1rem 0 0;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:.875rem;line-height:1.5}.cookie-modal-footer{padding:1.5rem 2rem 2rem;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.cookie-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-bottom:1rem}.cookie-modal-links{text-align:center;font-size:.8rem}@media (max-width: 768px){.cookie-modal-overlay{padding:.5rem}.cookie-modal{max-height:95vh}.cookie-modal-header{padding:1.5rem 1.5rem 1rem}.cookie-modal-header h2{font-size:1.25rem}.cookie-modal-content{padding:0 1.5rem}.cookie-category-header{padding:1rem;flex-direction:column;align-items:stretch;gap:1rem}.cookie-toggle{justify-content:space-between}.cookie-category-details{padding:0 1rem 1rem}.cookie-modal-footer{padding:1rem 1.5rem 1.5rem}.cookie-modal-actions{flex-direction:column}.cookie-btn{text-align:center}}@media (max-width: 480px){.cookie-modal-header{padding:1rem;flex-direction:column;align-items:stretch;gap:1rem}.cookie-modal-close{align-self:flex-end}.cookie-modal-content{padding:0 1rem}.cookie-category-header{padding:.75rem}.cookie-category-details{padding:0 .75rem .75rem}.cookie-modal-footer{padding:1rem}}@media (prefers-color-scheme: dark){.cookie-modal{background:#1f2937;color:#f9fafb}.cookie-modal-header{border-bottom-color:#374151}.cookie-modal-header h2{color:#f9fafb}.cookie-modal-close{color:#d1d5db}.cookie-modal-close:hover{background:#374151;color:#f9fafb}.cookie-modal-intro{border-bottom-color:#374151}.cookie-modal-intro p{color:#d1d5db}.cookie-category{border-color:#374151;background:#111827}.cookie-category.disabled{background:#1f2937}.cookie-category-header{background:#111827}.cookie-category.disabled .cookie-category-header{background:#1f2937}.cookie-category-info h3{color:#f9fafb}.cookie-category-info p{color:#d1d5db}.cookie-category-details{background:#1f2937;border-top-color:#374151}.cookie-category-details h4{color:#f3f4f6}.cookie-category-details ul{color:#d1d5db}.cookie-examples{background:#111827;border-color:#374151;color:#d1d5db}.cookie-examples strong{color:#f3f4f6}.cookie-modal-footer{border-top-color:#374151;background:#1f2937}}body.cookie-modal-open{position:fixed;overflow:hidden;width:100%;left:0;right:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cookie-modal{animation:modalFadeIn .2s ease-out}.pricing-hero{padding-top:120px;padding-bottom:10px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);text-align:center}.pricing-title{font-size:48px;font-weight:700;margin-bottom:20px;color:var(--dark)}.pricing-subtitle{font-size:20px;color:#4b5563;max-width:700px;margin:0 auto 40px}.pricing-toggle{display:flex;align-items:center;justify-content:center;margin-bottom:60px;gap:10px}.toggle-label{font-size:18px;font-weight:500}.toggle-monthly.active,.toggle-annually.active{color:var(--primary)}.toggle-monthly,.toggle-annually{color:#6b7280}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(26px)}.savings-badge{background-color:var(--secondary);color:#fff;font-size:14px;font-weight:600;padding:4px 10px;border-radius:20px;margin-left:10px}.pricing-plans{padding:60px 0 100px}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.plan-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.plan-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0000001f}.plan-header{padding:30px;border-bottom:1px solid #E5E7EB}.plan-name{font-size:24px;font-weight:700;margin-bottom:15px;color:var(--dark)}.plan-price{font-size:48px;font-weight:700;color:var(--primary);margin-bottom:10px;display:flex;align-items:flex-start}.plan-price-currency{font-size:24px;margin-right:5px}.plan-price-period{font-size:16px;font-weight:500;color:#6b7280;margin-left:5px;align-self:flex-end}.plan-description{font-size:16px;color:#6b7280;margin-bottom:20px}.plan-features{padding:30px;flex-grow:1}.feature-list{list-style:none;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.feature-item{display:flex;align-items:flex-start;margin-bottom:15px;width:100%;max-width:280px;justify-content:flex-start}.feature-icon{margin-right:10px;color:var(--primary);flex-shrink:0}.feature-text{font-size:16px;color:#4b5563;flex:1;text-align:left}.feature-text.prominent{font-weight:600;color:var(--dark)}.plan-footer{padding:0 30px 30px}.plan-card.popular{border:2px solid var(--primary);position:relative;transform:scale(1.05)}.plan-card.popular:hover{transform:translateY(-10px) scale(1.05)}.popular-badge{position:absolute;top:12px;right:12px;background-color:var(--primary);color:#fff;font-size:14px;font-weight:600;padding:5px 12px;border-radius:20px}.btn-block{display:block;width:100%}.comparison{padding:60px 0;background-color:#f9fafb}.comparison-title{text-align:center;font-size:36px;font-weight:700;margin-bottom:40px;color:var(--dark)}.comparison-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014}.comparison-table th,.comparison-table td{padding:15px 20px;text-align:left;border-bottom:1px solid #E5E7EB}.comparison-table th{background-color:var(--primary);color:#fff;font-weight:600;font-size:18px}.comparison-table th:first-child{border-top-left-radius:12px}.comparison-table th:last-child{border-top-right-radius:12px}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td:first-child{font-weight:600;color:var(--dark)}.faq{padding:80px 0}.faq .faq-title{text-align:center;font-size:36px;font-weight:700;margin-bottom:60px;color:#4f46e5!important}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:20px;border-radius:8px;box-shadow:0 4px 6px #0000000d;background-color:#fff;overflow:hidden}.faq-question{padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#fff;transition:background-color .3s ease}.faq-question:hover{background-color:#f9fafb}.faq-question-text{font-weight:600;font-size:18px;color:var(--dark)}.faq-answer{padding:0 20px 20px;color:#4b5563;font-size:16px;display:none}@media (max-width: 930px){.pricing-title{font-size:32px;margin-bottom:15px}.plans-container{grid-template-columns:1fr;max-width:400px;margin:0 auto}.plan-card.popular{transform:scale(1)}.plan-card.popular:hover{transform:translateY(-10px) scale(1)}.comparison-table{display:block;overflow-x:auto}}:root{--primary-color: var(--primary);--primary-dark: #4a6bff97;--secondary-color: var(--secondary);--text-color: var(--text);--bg-color: #f5f7fa;--card-bg: #ffffff;--error-color: #ff3b30;--success-color: #34c759;--border-color: #e0e0e0;--border-radius: 12px;--shadow: 0 8px 30px rgba(113, 76, 76, .08);--transition: all .3s ease}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-color);background-image:linear-gradient(135deg,#4a6bff0d,#ffcc000d);padding:20px}.login-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);width:100%;max-width:450px;padding:40px;transition:var(--transition)}.login-header{text-align:center;margin-bottom:30px}.simon-logo{width:100px;height:100px;margin-bottom:0!important;animation:bounce 2s infinite alternate}.login-header h1{margin:0;color:var(--primary-color);font-size:32px;font-weight:700}.login-form{margin-bottom:30px}.login-button{width:100%;padding:14px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-align:center;display:flex;align-items:center;justify-content:center}.login-button:hover{background-color:var(--primary-dark)}.login-button:disabled{opacity:.7;cursor:not-allowed}.error-message{background-color:#ff3b301a;color:var(--error-color);padding:12px;border-radius:var(--border-radius);margin-bottom:20px;font-size:14px;text-align:center}.social-login{margin-bottom:30px}.login-footer{text-align:center;font-size:14px;color:var(--text-color)}.login-footer a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.login-footer a:hover{text-decoration:underline}.forgot-password{margin-top:10px;font-size:13px;opacity:.8}@media (max-width: 480px){.login-card{padding:30px 20px}.simon-logo{width:80px;height:80px}.social-buttons{flex-direction:column}}:root{--primary-color: var(--primary);--primary-dark: #4a6bff97;--secondary-color: var(--secondary);--text-color: var(--text);--bg-color: #f5f7fa;--card-bg: #ffffff;--error-color: #ff3b30;--success-color: #34c759;--border-color: #e0e0e0;--border-radius: 12px;--shadow: 0 8px 30px rgba(0, 0, 0, .08);--transition: all .3s ease}.signup-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-color);background-image:linear-gradient(135deg,#4a6bff0d,#ffcc000d);padding:20px}.signup-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);width:100%;max-width:500px;padding:40px;transition:var(--transition);margin:0}.signup-header{text-align:center;margin-bottom:30px}.simon-logo{width:100px;height:100px;margin-bottom:15px;animation:bounce 2s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.signup-header h1{margin:0;color:var(--primary-color);font-size:32px;font-weight:700}.tagline{color:var(--text-color);font-size:16px;margin-top:5px;opacity:.8}.signup-form{margin-bottom:30px}.form-group-email,.form-group-username,.form-group-birthdate,.form-group-password,.form-group-confirm-password{margin-bottom:0!important}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color);font-size:14px}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6bff33}.password-input-container input{padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:18px;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:opacity .3s ease}.password-toggle:hover{opacity:.7}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-input{border-color:var(--error-color)!important;box-shadow:0 0 0 2px #ff3b3033!important}.signup-button{width:100%;padding:14px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:10px}.signup-button:hover{background-color:var(--primary-dark)}.signup-button:disabled{opacity:.7;cursor:not-allowed}.error-message{background-color:#ff3b301a;color:var(--error-color);padding:12px;border-radius:var(--border-radius);margin-bottom:20px;font-size:14px;text-align:center!important;display:flex;align-items:center;justify-content:center;width:100%}.social-signup{margin-bottom:30px}.divider{text-align:center;position:relative;margin:20px 0;color:var(--text-color);opacity:.6;font-size:14px}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:35%;height:1px;background-color:var(--border-color)}.divider:before{left:0}.divider:after{right:0}.social-buttons{display:flex;gap:15px}.google-button,.apple-button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff;font-size:14px;font-weight:500;color:var(--text-color);cursor:pointer;transition:var(--transition)}.google-button:hover,.apple-button:hover{background-color:#f8f8f8;border-color:#d0d0d0}.google-button svg,.apple-button svg{vertical-align:middle}.signup-footer{text-align:center;font-size:14px;color:var(--text-color)}.signup-footer a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.signup-footer a:hover{text-decoration:underline}.terms{margin-top:15px;font-size:13px;opacity:.8;line-height:1.5}@media (max-width: 480px){.signup-card{padding:30px 20px}.simon-logo{width:80px;height:80px}.social-buttons{flex-direction:column}}.email-verification-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.verification-container{background:#fff;border-radius:16px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 40px #0000001a;text-align:center}.verification-header{margin-bottom:40px}.simon-logo{width:64px;height:64px;margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.verification-header h1{font-size:28px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verification-header h2{font-size:24px;font-weight:600;color:#2d3436;margin-bottom:8px}.subtitle{font-size:16px;color:#636e72;margin:0}.verification-content{text-align:left}.email-info{background:linear-gradient(135deg,#f8f9ff,#e8f1ff);border:2px solid #e3f2fd;border-radius:12px;padding:24px;margin-bottom:32px;text-align:center}.email-icon{color:#667eea;margin-bottom:16px}.email-info p{font-size:16px;color:#636e72;margin-bottom:8px}.user-email{font-size:18px;color:#2d3436;font-weight:600;padding:8px 16px;background:#667eea1a;border-radius:6px;display:inline-block}.verification-steps{margin-bottom:32px}.verification-steps h3{font-size:18px;font-weight:600;color:#2d3436;margin-bottom:16px}.verification-steps ol{padding-left:20px;color:#636e72;line-height:1.6}.verification-steps li{margin-bottom:8px;font-size:15px}.verification-steps strong{color:#2d3436;font-weight:600}.verification-message{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;margin-bottom:24px;font-weight:500;animation:messageSlideIn .3s ease-out}.verification-message.success{background:#00b8941a;border:1px solid rgba(0,184,148,.3);color:#00b894}.verification-message.error{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.verification-message.info{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-icon{flex-shrink:0}.verification-actions{display:flex;flex-direction:column;gap:16px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#667eea1a;color:#667eea;border:2px solid rgba(102,126,234,.2);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#667eea26;border-color:#667eea66;transform:translateY(-1px)}.help-section{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:24px}.help-section h4{font-size:16px;font-weight:600;color:#2d3436;margin-bottom:12px}.help-section ul{list-style:none;padding:0;margin:0}.help-section li{font-size:14px;color:#636e72;margin-bottom:8px;padding-left:20px;position:relative;line-height:1.4}.help-section li:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:0}.help-section strong{color:#2d3436}.alternative-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e9ecef;text-align:center}.btn-text{background:none;border:none;color:#636e72;font-size:14px;text-decoration:underline;cursor:pointer;transition:color .2s ease}.btn-text:hover{color:#2d3436}.verification-footer{margin-top:32px;padding-top:20px;border-top:1px solid #e9ecef;text-align:center}.verification-footer p{font-size:14px;color:#636e72;margin:0}.verification-footer a{color:#667eea;text-decoration:none;font-weight:500}.verification-footer a:hover{text-decoration:underline}@media (max-width: 768px){.email-verification-page{padding:16px}.verification-container{padding:32px 24px}.verification-header h1{font-size:24px}.verification-header h2{font-size:20px}.email-info{padding:20px}.user-email{font-size:16px;padding:6px 12px}.btn-primary,.btn-secondary{padding:14px 20px}}@media (max-width: 480px){.verification-container{padding:24px 20px}.simon-logo{width:48px;height:48px}.verification-header h1{font-size:20px}.verification-header h2{font-size:18px}.subtitle{font-size:14px}.email-info{padding:16px}.user-email{font-size:14px;word-break:break-all}.verification-steps ol{padding-left:16px}.verification-steps li{font-size:14px}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-spinner p{color:#636e72;font-size:16px;margin:0}.notebooks-main.notebooks-main-no-sidebar{display:block!important;padding:0!important;width:calc(100% - 60px)!important;background:#fff;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;margin-left:60px!important;min-height:calc(100vh - 70px);margin-top:0!important;grid-template-columns:unset!important;gap:unset!important}.notebooks-main-no-sidebar .notebooks-list-section-full{width:100%;max-width:1400px;padding:2rem 3rem 2rem 5rem!important;background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;margin:0 auto}:root{--primary-color: var(--primary);--primary-light: var(--primary-light);--accent-color: var(--accent);--background-color: var(--light);--card-background: #ffffff;--text-color: var(--dark);--light-text: #666666;--header-height: 70px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease;--success-color: var(--success);--danger-color: var(--danger)}.notebooks-container{min-height:100vh;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column}.notebooks-header{background-color:var(--primary-color);box-shadow:var(--shadow);padding:0 2rem;height:var(--header-height);position:sticky;top:0;z-index:10}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%}.personal-space-header{flex-grow:1;text-align:center;margin:0 20px}.user-greeting{font-size:1.6rem;font-weight:600;color:#fff;margin:0;padding:0;font-family:Poppins,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notebooks-header h1{font-weight:700;font-size:1.8rem;color:var(--primary-color)}.notebooks-header .accent{color:var(--accent-color)}.user-section{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 0;border-bottom:1px solid #eee}.user-email{font-size:.9rem;color:var(--light-text)}.logout-button{background:none;border:1px solid var(--danger-color);color:var(--danger-color);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.logout-button:hover{background-color:var(--danger-color);color:#fff}.notebooks-main{min-height:calc(100vh - 130px);width:100%;margin:0 auto;padding:.5rem 2rem;box-sizing:border-box;display:grid;grid-template-columns:250px 1fr;gap:1rem}.left-column{display:flex;flex-direction:column;gap:.5rem}.tools-menu-section{width:100%;box-sizing:border-box}@media (max-width: 1100px){.notebooks-main{grid-template-columns:250px 1fr}.notebooks-main-no-sidebar .notebooks-list-section-full{padding:2rem 2rem 2rem 3rem!important}}@media (max-width: 768px){.notebooks-main{grid-template-columns:1fr;padding:1rem}.notebooks-main.notebooks-main-no-sidebar{padding:0!important;margin-left:0!important;width:100%!important}.notebooks-main-no-sidebar .notebooks-list-section-full{padding:1rem 1.5rem!important;max-width:100%}.left-column{gap:1rem}.nav{flex-direction:column;align-items:flex-start}.create-section{width:100%;margin-bottom:1rem}.nav-links{flex-direction:column;width:100%;margin-top:.5rem}.nav-link{padding:.75rem 0;width:100%;border-bottom:1px solid #eee}.personal-space-header{margin:0 10px}.user-greeting{font-size:1.2rem}}@media (max-width: 480px){.personal-space-header{display:none}}.notebooks-hamburger-btn{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:20;position:fixed;top:20px;right:20px}.side-menu{position:fixed;top:0;right:-320px;width:320px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:999;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.side-menu.side-menu-open{right:0}.side-menu-content{flex:1;padding:1rem;overflow-y:auto}.side-menu-content .user-section{display:flex;flex-direction:column;gap:.5rem}.side-menu-button{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;font-size:1rem;color:#374151}.side-menu-button:hover{background-color:#f3f4f6;transform:translate(4px)}.side-menu-button i{width:20px;font-size:1.1rem;color:#6b7280}.side-menu-button span{font-weight:500}.side-menu-button.help-button:hover{background-color:#f8f9fa;color:var(--primary-color, #4F46E5)}.side-menu-button.help-button:hover i{color:var(--primary-color, #4F46E5)}.side-menu-button.submenu-button:hover{background-color:#f8f9fa;color:var(--primary-color, #4F46E5)}.side-menu-button.submenu-button:hover i{color:var(--primary-color, #4F46E5)}@media (max-width: 480px){.side-menu{width:280px;right:-280px}.side-menu-header{padding:0 1rem;height:var(--header-height)}.side-menu-content{padding:.75rem}.side-menu-button{padding:.875rem;font-size:.95rem}}.create-section{background-color:var(--card-background);padding:1.5rem;border-radius:8px;box-shadow:var(--shadow);height:fit-content}.create-section h2{font-size:1.2rem;margin-bottom:1.5rem;color:var(--primary-color)}.notebooks-list-section{background-color:var(--card-background);padding:1.5rem;border-radius:8px;box-shadow:var(--shadow);text-align:left}.notebooks-list-section h2{font-size:1.2rem;margin-bottom:1.5rem;color:var(--primary-color)}.empty-state{padding:2rem;text-align:center;color:var(--light-text);border:2px dashed #ddd;border-radius:8px}form{display:flex;flex-direction:column;gap:.75rem}input,textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:100%}button[type=submit]{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem;border-radius:4px;cursor:pointer;font-weight:600;transition:var(--transition)}button[type=submit]:hover{background-color:var(--primary-light)}.notebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem;position:relative;padding:15px 0}.create-notebook-card{background:#fff;border:2px solid #e5e7eb;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-height:60px;border-radius:20px;position:relative;overflow:hidden;width:250px;justify-self:start;margin-bottom:2rem;margin-top:1rem;box-shadow:0 2px 8px #0000001a}.notebook-card{background:linear-gradient(135deg,var(--card-background) 0%,rgba(255,255,255,.95) 100%);border-radius:16px;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;box-shadow:0 1px 3px #00000014,0 2px 6px #0000000a;border:none;min-height:160px}.notebook-card-content{padding:0!important;flex:1;display:flex;flex-direction:column;cursor:pointer;position:relative}.notebook-card-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--notebook-color, var(--primary-color));opacity:.9;transition:height .3s ease}.notebook-card:hover .notebook-card-content:before{height:6px}.notebook-card h3{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;padding:.75rem 1rem 0;color:var(--text-primary);line-height:1.4;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notebook-card p{font-size:.875rem;color:var(--light-text);margin:0;line-height:1.5;opacity:.8}.notebook-info-container{display:flex;align-items:center;gap:8px;margin-top:.5rem}.notebook-info{font-size:.813rem;color:var(--light-text);font-weight:500}.notebook-card-actions{display:flex;justify-content:space-around;align-items:center;padding:.875rem 1rem;background:var(--notebook-color, var(--primary-color));animation:fadeInActions .2s ease-out;overflow:hidden;gap:.5rem;border-top:1px solid rgba(255,255,255,.1);height:60px;border-radius:0 0 16px 16px}@keyframes fadeInActions{0%{opacity:0}to{opacity:1}}.notebook-card-actions button{border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin:0 4px;box-shadow:0 2px 4px #0003}.notebook-card-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d;filter:brightness(1.1)}.notebook-card-actions button i{font-size:1.1rem;color:#fff}.action-view,.action-delete,.action-color,.action-edit,.action-add-concept{color:#fff}.color-picker-container{position:absolute;top:auto;bottom:40px;right:0;z-index:1000;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:10px;margin-top:0}.color-picker{display:flex;flex-wrap:nowrap;gap:8px;justify-content:center}.color-option{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;transition:transform .2s}.color-option:hover{transform:scale(1.2)}.logo2-title-group{display:flex;align-items:center;gap:10px}.logo-img{width:32px;height:32px;object-fit:contain}.logo2-title-group h1{font-size:1.5rem;margin:0;display:flex;color:#fff!important}.logo2-title-group h1,.logo2-title-group h1 span,.logo2-title-group h1 *{color:#fff!important;opacity:1!important}.streak-tracker{background-color:var(--card-background);border-radius:8px;box-shadow:var(--shadow);padding:1rem;margin-bottom:.25rem}.streak-tracker h2{font-size:1rem;margin-bottom:.5rem;color:var(--primary-color);text-align:center}.streak-counter{display:flex;align-items:center;margin-bottom:.5rem;font-weight:600}.streak-fire{font-size:1.2rem;margin-right:.5rem}.streak-days{font-size:1rem}.streak-bonus{text-align:center;margin:.5rem 0;padding:.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border:1px solid #fbbf24}.streak-bonus .bonus-label{color:#92400e;font-weight:500;margin-right:.25rem}.streak-bonus .bonus-points{color:#b45309;font-weight:700;font-size:1.1rem}.days-intelligent-study-tracker{background-color:var(--card-background);border-radius:8px;box-shadow:var(--shadow);padding:1rem;margin-bottom:1.5rem;border-left:4px solid #9C27B0}.days-intelligent-study-tracker h2{font-size:1rem;margin-bottom:.5rem;color:#9c27b0;text-align:center}.days-intelligent-study-counter{display:flex;align-items:center;margin-bottom:.5rem;font-weight:600}.days-intelligent-study-icon{font-size:1.2rem;margin-right:.5rem}.days-intelligent-study-days{font-size:1rem;color:#9c27b0}.days-intelligent-study-subtitle{font-size:.75rem;color:var(--light-text);font-style:italic;margin-top:.25rem}.days-intelligent-study-loading{background-color:var(--card-background);border-radius:8px;box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem;text-align:center;color:var(--light-text)}.streak-calendar{display:flex;justify-content:space-between;padding:.5rem;background-color:#f9f9f9;border-radius:6px;margin-bottom:.5rem}.day-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;width:36px;height:46px;border-radius:8px;padding:.25rem;position:relative;gap:.25rem}.day-indicator.active{background-color:#ffc10726}.day-label{font-size:.9rem;font-weight:600;color:var(--light-text)}.day-indicator.active .day-label{color:var(--text-color)}.streak-motivation{margin-top:.75rem;text-align:center}.streak-motivation .motivation-text{font-size:.85rem;color:var(--light-text);font-style:italic;margin:0}.day-fire{font-size:1rem;margin-top:auto}@media (max-width: 768px){.streak-tracker,.days-intelligent-study-tracker{padding:.5rem;margin-bottom:.5rem}.streak-tracker h2,.days-intelligent-study-tracker h2{font-size:.85rem;margin-bottom:.25rem}.streak-counter,.days-intelligent-study-counter{margin-bottom:.25rem}.streak-fire,.days-intelligent-study-icon{font-size:1rem;margin-right:.25rem}.streak-days,.days-intelligent-study-days{font-size:.85rem}.streak-calendar{padding:.25rem;margin-bottom:.25rem}.day-indicator{width:28px;height:36px;padding:.15rem;gap:.1rem}.day-label{font-size:.75rem}.day-fire{font-size:.8rem}.streak-motivation{margin-top:.25rem}.streak-motivation .motivation-text{font-size:.75rem;line-height:1.3}.streak-bonus{padding:.3rem;margin:.25rem 0}.streak-bonus .bonus-label{font-size:.75rem}.streak-bonus .bonus-points{font-size:.9rem}.category-dropdown-tracker{padding:.5rem;margin-bottom:.5rem}.category-dropdown-header{padding-bottom:.5rem;margin-bottom:.5rem}.category-dropdown-header h2{font-size:.85rem}.category-dropdown-header h2:before{font-size:.75rem}.category-create-button{width:22px;height:22px}.category-dropdown-content{max-height:120px;gap:.3rem}.category-dropdown-item{padding:.5rem .75rem}.category-dropdown-name{font-size:.8rem}.category-dropdown-count{font-size:.7rem;padding:.15rem .4rem;min-width:20px}.no-categories-message p{font-size:.8rem;margin:.5rem 0}}.personalization-modal{max-width:500px;width:90%;background-color:var(--card-background);border-radius:12px;box-shadow:0 8px 20px #00000026;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#6147ff;color:#fff!important;border-bottom:1px solid #eee}.modal-header h2{margin:0;color:#fff!important;font-size:20px;font-weight:600;font-family:Poppins,sans-serif}.modal-body{padding:20px;max-height:70vh;overflow-y:auto}.modal-footer{padding:.75rem 1rem 1rem;display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;transition:var(--transition);padding:0;margin:0}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--text-color)}.form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s;font-family:Poppins,sans-serif}.form-control:focus{border-color:#6147ff;outline:none}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.save-button{background-color:#6147ff;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:500;cursor:pointer;transition:background-color .2s;font-family:Poppins,sans-serif}.save-button:hover{background-color:#5040cc}.success-message{background-color:#e7f8ef;color:#0f7b55;padding:12px;border-radius:8px;margin-top:15px;text-align:center;font-weight:500}.interest-input-group{display:flex;margin-bottom:8px}.interest-input{flex-grow:1;margin-right:8px}.remove-interest-btn{background-color:#f3f3f3;border:1px solid #ddd;border-radius:8px;width:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:var(--transition)}.remove-interest-btn:hover{background-color:#ffe0e0;border-color:#ff9a9a;color:#ff5252}.remove-interest-btn:disabled{background-color:#f8f8f8;border-color:#eee;color:#ccc;cursor:not-allowed}.add-interest-btn{background-color:#f0f0ff;border:1px dashed #6147FF;border-radius:8px;padding:10px 15px;color:#6147ff;width:100%;text-align:center;cursor:pointer;transition:var(--transition);margin-top:10px;font-weight:500;font-family:Poppins,sans-serif}.add-interest-btn:hover{background-color:#e5e4ff}.personalization-button{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-color);font-size:14px;text-align:left;cursor:pointer;transition:var(--transition);font-family:Poppins,sans-serif}.personalization-button:hover{background-color:#f0f0f0}.personalization-button i{margin-right:10px;color:#6147ff}.voice-settings-button{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-color);font-size:14px;text-align:left;cursor:pointer;transition:var(--transition);font-family:Poppins,sans-serif}.voice-settings-button:hover{background-color:#f0f0f0}.voice-settings-button i{color:#8b5cf6}.create-notebook-card:hover{border-color:var(--primary-color);background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-style:solid}.create-notebook-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;text-align:left;width:100%;padding:0 16px}.create-notebook-icon{font-size:.9rem;font-weight:500;color:var(--primary-color);line-height:1;transition:var(--transition);flex-shrink:0}.create-notebook-card:hover .create-notebook-icon{transform:scale(1.1);color:var(--primary-color)}.create-notebook-text{font-size:.9rem;font-weight:500;color:var(--light-text);transition:var(--transition);flex:1;text-align:left;white-space:nowrap}.create-notebook-card:hover .create-notebook-text{color:var(--primary-color)}.create-notebook-modal{max-width:320px;width:90%;background:#fff;border-radius:35px;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.create-notebook-modal .modal-header{padding:.25rem .5rem;text-align:center;display:flex;justify-content:center;align-items:center;position:relative;border-radius:15px 15px 0 0;margin-top:-.25rem;border:none}.create-notebook-modal .modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#fff;text-align:center}.create-notebook-modal .modal-body{padding:.5rem}.create-notebook-modal .form-group{margin-bottom:0;margin-top:.5rem}.create-notebook-modal .form-control{width:100%;padding:16px 20px;border:2px solid #e9ecef;border-radius:8px;font-size:1.1rem;transition:var(--transition);font-family:Poppins,sans-serif;text-align:center}.create-notebook-modal .form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.create-notebook-modal .modal-footer{padding:.25rem .5rem .375rem;display:flex;gap:20px;justify-content:space-between;align-items:flex-start;border-radius:0 0 15px 15px}.cancel-button{padding:14px 24px;border:1px solid #dee2e6;background:#fff;color:var(--light-text);border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:var(--transition);font-family:Poppins,sans-serif;width:60%;text-align:center;height:52px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:-5px 0 0}.cancel-button:hover{background:#dc3545!important;border-color:#dc3545!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.create-button{padding:14px 24px;border:none;background:#4ade80;color:#fff;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:var(--transition);font-family:Poppins,sans-serif;width:35%;text-align:center;height:52px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0}.create-button:hover:not(:disabled){background:#22c55e;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.create-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.error-message{display:flex;align-items:center;gap:2px;margin-top:2px;padding:2px 4px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:2px;color:#dc2626;font-size:.6rem;line-height:1;width:100%;box-sizing:border-box}.error-icon{font-size:.5rem;flex-shrink:0}.error-text{flex:1}@media (max-width: 768px){.create-notebook-card{min-height:50px;width:180px}.create-notebook-icon,.create-notebook-text{font-size:.85rem}.create-notebook-modal{width:90%;max-width:280px;margin:20px}}.super-admin-button{background:none;border:1px solid #DC2626;color:#dc2626;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:var(--transition);display:flex;align-items:center;gap:.5rem;width:100%;justify-content:flex-start;font-family:Poppins,sans-serif;font-weight:500}.super-admin-button:hover{background-color:#dc2626;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.super-admin-button:hover i{color:#fff}.debug-button{background:none;border:1px solid #F59E0B;color:#f59e0b;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:var(--transition);display:flex;align-items:center;gap:.5rem;width:100%;justify-content:flex-start;font-family:Poppins,sans-serif;font-weight:500}.debug-button:hover{background-color:#f59e0b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.debug-button:hover i{color:#fff}.test-nav-button{background:none;border:1px solid #10B981;color:#10b981;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:var(--transition);display:flex;align-items:center;gap:.5rem;width:100%;justify-content:flex-start;font-family:Poppins,sans-serif;font-weight:500}.test-nav-button:hover{background-color:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.test-nav-button:hover i{color:#fff}.logo2-title-group h1,.logo2-title-group h1 span,.logo2-title-group h1 *,body .logo2-title-group h1,body .logo2-title-group h1 span,body .logo2-title-group h1 *{color:#fff!important;opacity:1!important}.create-notebook-modal .close-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:2rem;cursor:pointer;color:#fff;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition);font-weight:300}.create-notebook-modal .close-button:hover{background-color:#ffffff1a;color:#fff}.create-notebook-modal .modal-header{background:#6147ff;color:#fff;justify-content:center;position:relative}.create-notebook-modal .modal-header h3{color:#fff;text-align:center}.color-picker-grid{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap}.color-preset{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.color-preset:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-preset.selected{border-color:#1f2937;box-shadow:0 0 0 3px #0003}.color-preset.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.modal-open .notebooks-hamburger-btn{opacity:.5;pointer-events:none}.motivational-text strong{color:var(--primary-color)}.support-contact:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.upgrade-modal-content{width:95%;margin:1rem}.upgrade-modal-content .modal-body{padding:1.5rem}.upgrade-motivational-section h3{font-size:1.2rem}.motivational-text{font-size:.95rem}.notebooks-main-no-sidebar{padding:1rem}}.notebook-list-controls{margin-top:3rem;margin-bottom:2rem;width:100%;padding:0}.notebook-list-header{display:flex;justify-content:flex-start;align-items:center;gap:1rem;flex-wrap:wrap;width:100%;padding:0}.notebook-list-header .create-notebook-button{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;border:1.5px solid #e0e7ff;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;margin:0!important}.notebook-list-header .create-notebook-button:focus{outline:none!important;box-shadow:none!important}.notebook-list-header .create-notebook-button:active{outline:none!important;box-shadow:none!important}.notebook-list-header .create-notebook-button:focus-visible{outline:none!important;box-shadow:none!important}.notebook-list-header .create-notebook-button i{font-size:1.1rem}.notebook-list-header .create-exam-button{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;border:1.5px solid #e0e7ff;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;margin:0!important;box-shadow:0 4px 12px #4f46e51a}.notebook-list-header .create-exam-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4f46e533;filter:none;outline:none!important}.notebook-list-header .create-exam-button:focus{outline:none!important;box-shadow:0 4px 12px #4f46e51a}.notebook-list-header .create-exam-button:active{outline:none!important;box-shadow:0 2px 8px #4f46e514;transform:translateY(0)}.notebook-list-header .create-exam-button:focus-visible{outline:2px solid #4F46E5!important;outline-offset:2px;box-shadow:0 4px 12px #4f46e51a}.notebook-list-header .create-exam-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.notebook-list-header .create-exam-button i{font-size:1.1rem}.notebook-actions-container{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;margin-top:1rem;flex-wrap:wrap;justify-content:space-between}.create-notebook-card,.search-input-wrapper{margin:0;width:250px;min-height:60px;height:60px}.notebook-list-header .search-container{position:relative;flex:0 1 33%;width:33%;max-width:400px;margin-left:auto}.create-notebook-card{order:1}.search-input-wrapper{background:#fff;border:2px solid #e5e7eb;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a;padding:.75rem 1rem}.search-input-wrapper:hover{border-color:var(--primary-color);background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-style:solid}.search-input-wrapper:focus-within{border-color:var(--primary-color);background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-style:solid}.notebook-list-header .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1rem}.notebook-list-header .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:none;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#f9fafb}.notebook-list-header .search-input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px #0000001a}.clear-search-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:.5rem;flex-shrink:0}.clear-search-button:hover{background-color:#f3f4f6;color:#6b7280}.search-results-info{margin-top:.5rem;font-size:.875rem;color:#6b7280;text-align:center}@media (max-width: 768px){.notebook-actions-container{flex-direction:column;gap:1rem}.search-container,.create-notebook-card{width:100%;max-width:100%}.search-input-wrapper{width:100%;padding:.75rem .5rem;margin-left:0!important}.notebook-list-header{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:.5rem!important}.notebook-list-header .back-button-notebooks{order:1!important;flex:0 0 auto!important}.notebook-list-header .create-notebook-button{order:2!important;flex:1!important;margin-left:.5rem!important}.notebook-list-header .search-container{margin-left:0!important;width:100%!important;max-width:100%!important;flex:1 1 100%!important;order:3!important;margin-top:.75rem!important;border:2px solid #e5e7eb!important;padding:0!important}.notebook-list-header .search-input{padding-left:2.5rem;font-size:.9rem;width:100%!important;max-width:100%!important;margin:0!important;border:2px solid #e5e7eb!important;background:#f9fafb!important;border-radius:10px!important}.notebook-list-header .search-icon{left:.5rem}.search-input{margin-left:0!important;padding-left:2.5rem!important;width:100%!important;max-width:100%!important}}.notebook-category-group{margin-bottom:2rem;width:100%}.category-header{font-size:1.2rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:.5rem}.category-header:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.category-notebooks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:Poppins,sans-serif;background:#fff;color:#374151;transition:all .2s ease;cursor:pointer}.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0000001a}.form-group select option{padding:.5rem;font-family:Poppins,sans-serif}@media (max-width: 768px){.category-notebooks{grid-template-columns:1fr;gap:.75rem}.category-header{font-size:1.1rem;margin-bottom:.75rem}.notebook-category-group{margin-bottom:1.5rem}}.create-category-modal .modal-content{max-width:600px;max-height:80vh;overflow-y:auto}.create-category-modal .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-family:Poppins,sans-serif}.notebook-selection-list{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;margin-bottom:.5rem}.notebook-selection-item{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s ease}.notebook-selection-item:last-child{border-bottom:none}.notebook-selection-item:hover{background-color:#f3f4f6}.notebook-selection-item.selected{background-color:#e0e7ff;border-left:3px solid var(--primary-color)}.notebook-selection-item input[type=checkbox]{margin-right:.75rem;width:16px;height:16px;accent-color:var(--primary-color)}.notebook-title{font-size:.9rem;color:#374151;font-family:Poppins,sans-serif}.selection-help{font-size:.8rem;color:#6b7280;margin-top:.5rem;font-style:italic}.existing-categories{max-height:150px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;padding:.5rem}.existing-category{padding:.5rem;margin-bottom:.25rem;background:#fff;border-radius:6px;font-size:.85rem;color:#374151;border-left:3px solid #10b981}.existing-category:last-child{margin-bottom:0}@media (max-width: 768px){.create-category-modal .modal-content{max-width:95vw;max-height:90vh}.notebook-selection-list{max-height:150px}.existing-categories{max-height:120px}}.categories-section{margin-bottom:2rem}.categories-section-title{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-light)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;align-items:flex-start}.category-module{background:#fff;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;position:relative;overflow:hidden;width:200px;justify-self:start;margin-bottom:0;margin-top:0;box-shadow:0 1px 3px #00000014;flex-shrink:0}.category-module:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f;border-color:var(--primary-color)}.category-module-header{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px 16px 0 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #e2e8f0;text-align:center}.category-module-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.category-module-title{display:flex;align-items:center;gap:.75rem;text-align:center;justify-content:center}.category-name{font-size:1.1rem;font-weight:600;color:#374151;margin:0;text-align:center;flex:1}.category-count{font-size:.875rem;font-weight:600;color:#6b7280;background:#6b72801a;padding:.375rem .75rem;border-radius:12px;min-width:32px;text-align:center;transition:all .3s ease;flex-shrink:0}.category-expand-icon{font-size:.85rem;font-weight:500;color:var(--primary-color);line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.category-module:hover .category-name,.category-module:hover .category-count{color:var(--primary-color)}.category-module:hover .category-expand-icon{transform:scale(1.1);color:var(--primary-color)}.category-expand-icon.expanded{transform:rotate(180deg)}.category-notebooks-container{padding:1rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:0 0 12px 12px;animation:slideDown .3s ease-out;border-top:1px solid #e9ecef;margin-top:.25rem}.category-notebooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;max-height:350px;overflow-y:auto;padding:.25rem}.category-notebooks-grid .notebook-item{background:#fff;border:1px solid #ececec;border-radius:10px;padding:.7rem .9rem;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 1px 4px #50507812;display:flex;flex-direction:column;gap:.3rem;min-width:0}.category-notebooks-grid .notebook-item:hover{box-shadow:0 8px 24px #0000001a,0 1.5px 6px #50507814;border-color:var(--primary-color);transform:translateY(-2px) scale(1.035)}.category-notebooks-grid .notebook-title{font-size:.93rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.category-notebooks-grid .notebook-meta{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--light-text);margin-top:auto}.category-notebooks-grid .notebook-concept-count{display:flex;align-items:center;gap:.18rem;padding:.18rem .55rem;background:linear-gradient(90deg,#ede9fe,#f1f5ff);color:var(--primary-color);border-radius:8px;font-weight:500;font-size:.75rem;box-shadow:0 1px 3px #6147ff0f}@media (max-width: 768px){.category-notebooks-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.category-notebooks-grid .notebook-item{padding:.5rem .6rem;border-radius:8px}.category-notebooks-grid .notebook-title{font-size:.88rem}.category-notebooks-grid .notebook-meta{font-size:.7rem}.category-notebooks-grid .notebook-concept-count{font-size:.7rem;padding:.13rem .4rem}}.category-notebooks-grid .notebook-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--notebook-color, var(--primary-color));opacity:.8;transition:height .3s ease}.category-notebooks-grid .notebook-item:hover:before{height:3px}.category-notebooks-grid .notebook-actions{display:flex;gap:.375rem;margin-top:.375rem;opacity:0;transition:opacity .3s ease}.category-notebooks-grid .notebook-item:hover .notebook-actions{opacity:1}.category-notebooks-grid .notebook-action-btn{padding:.25rem .5rem;border:none;border-radius:6px;background:var(--primary-light);color:var(--primary-color);cursor:pointer;font-size:.75rem;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.category-notebooks-grid .notebook-action-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.category-notebooks-grid::-webkit-scrollbar{width:6px}.category-notebooks-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.category-notebooks-grid::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:3px}.category-notebooks-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:400px;transform:translateY(0)}}@media (max-width: 768px){.categories-section-title{font-size:1.1rem}.category-module{width:160px;min-height:40px}.category-module-header{padding:0 8px}.category-name,.category-count,.category-expand-icon{font-size:.8rem}.category-notebooks-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.category-notebooks-grid .notebook-item{padding:.5rem}.category-notebooks-grid .notebook-title{font-size:.85rem}.category-notebooks-grid .notebook-actions{opacity:1}}.expanded-categories-section{margin-top:2rem;margin-bottom:2rem}.expanded-category-container{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:16px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 12px #00000014;animation:slideDown .3s ease-out}.expanded-category-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.expanded-category-title{font-size:1.3rem;font-weight:600;margin:0;color:#fff}.close-expanded-category{background:#fff3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:.9rem;transition:all .3s ease}.close-expanded-category:hover{background:#ffffff4d;transform:scale(1.1)}.expanded-category-notebooks{padding:2rem}.expanded-notebooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;width:100%}@media (max-width: 768px){.expanded-category-header{padding:1rem 1.5rem}.expanded-category-title{font-size:1.1rem}.expanded-category-notebooks{padding:1.5rem}.expanded-notebooks-grid{grid-template-columns:1fr;gap:1rem}}.category-dropdown-tracker{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(255,255,255,.8);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-dropdown-tracker:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-2px)}.category-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0;transition:all .3s ease;margin-bottom:.75rem}.category-dropdown-header h2{font-size:.95rem;font-weight:600;color:#374151;margin:0;display:flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.category-dropdown-header h2:before{content:"📁";font-size:.85rem;opacity:.8}.category-create-button{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#6b7280;font-size:.75rem;font-weight:600}.category-create-button:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151;transform:scale(1.1);box-shadow:0 2px 8px #00000026}.category-create-button:active{transform:scale(.95)}.category-dropdown-content{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding-right:.25rem}.category-dropdown-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-dropdown-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.category-dropdown-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;transform:translate(4px) translateY(-1px);box-shadow:0 4px 12px #00000014}.category-dropdown-item:hover:before{left:100%}.category-dropdown-item.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8;color:#fff;transform:translate(4px);box-shadow:0 4px 16px #3b82f64d}.category-dropdown-item.selected:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translate(6px) translateY(-1px);box-shadow:0 6px 20px #3b82f666}.category-dropdown-item-header{display:flex;justify-content:center;align-items:center;gap:.75rem;text-align:center}.category-dropdown-name{font-size:.875rem;font-weight:500;color:#374151;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.category-dropdown-item.selected .category-dropdown-name{color:#fff;font-weight:600}.category-dropdown-count{font-size:.75rem;font-weight:600;color:#6b7280;background:#6b72801a;padding:.25rem .5rem;border-radius:8px;min-width:24px;text-align:center;transition:all .3s ease;flex-shrink:0}.category-dropdown-item.selected .category-dropdown-count{color:#fff;background:#fff3}.category-dropdown-content::-webkit-scrollbar{width:4px}.category-dropdown-content::-webkit-scrollbar-track{background:transparent}.category-dropdown-content::-webkit-scrollbar-thumb{background:#6b728033;border-radius:2px}.category-dropdown-content::-webkit-scrollbar-thumb:hover{background:#6b728066}.empty-category-message{text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px dashed #cbd5e1;margin:1rem 0;transition:all .3s ease}.empty-category-message:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.empty-category-message p{color:#64748b;font-size:1rem;margin:0 0 .75rem;font-weight:500}.empty-category-message p:last-child{margin-bottom:0}.empty-category-hint{color:#64748b!important;font-size:.9rem!important;font-weight:500!important;display:block;margin-top:.75rem!important;padding:0;background:transparent;border:none;transition:all .3s ease}.empty-category-hint:hover{background:transparent;border:none;transform:none}.empty-category-hint i{color:#3b82f6;font-size:1rem}.empty-category-hint strong{color:#3b82f6;font-weight:600}.category-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem}.category-header-with-actions .categories-section-title{margin:0;flex:1}.delete-category-button{display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.delete-category-button:hover{background:#e5e7eb;color:#374151;transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #0000001a}.delete-category-button:active{transform:translateY(0) scale(.95)}.delete-category-button i{font-size:.9rem}.confirm-delete-modal{max-width:500px;width:90%;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;animation:slideIn .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-delete-modal .modal-header{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:1.5rem;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:none}.confirm-delete-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.confirm-delete-modal .modal-body{padding:2rem;text-align:center}.confirm-delete-modal .modal-body p{margin:0 0 1rem;color:var(--text-color);font-size:1rem;line-height:1.6}.confirm-delete-modal .modal-body p:first-child{font-weight:600;font-size:1.1rem;color:#374151}.confirm-delete-modal .modal-footer{padding:1.5rem 2rem 2rem;display:flex;gap:1rem;justify-content:center}.confirm-delete-modal .delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ef44444d}.confirm-delete-modal .delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.confirm-delete-modal .delete-button:active{transform:translateY(0)}.confirm-delete-modal .delete-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.confirm-delete-modal{width:95%;margin:1rem}.confirm-delete-modal .modal-header{padding:1.25rem}.confirm-delete-modal .modal-header h3{font-size:1.1rem}.confirm-delete-modal .modal-body{padding:1.5rem}.confirm-delete-modal .modal-body p{font-size:.95rem}.confirm-delete-modal .modal-footer{padding:1.25rem 1.5rem 1.5rem;flex-direction:column}.confirm-delete-modal .delete-button,.confirm-delete-modal .cancel-button{width:100%;padding:.875rem 1.5rem}}.add-notebook-to-category-button{display:flex;align-items:center;justify-content:center;background:#e9f5ff;color:#2563eb;border:1px solid #dbeafe;border-radius:50%;width:34px;height:34px;margin-right:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1rem;flex-shrink:0}.add-notebook-to-category-button:hover{background:#dbeafe;color:#1d4ed8;transform:scale(1.08);box-shadow:0 2px 8px #2563eb14}.category-header-with-actions>.add-notebook-to-category-button{order:2}.category-header-with-actions>.delete-category-button{order:3}.category-header-with-actions>.categories-section-title{order:1}.empty-category-hint strong{color:#1d4ed8;font-weight:700}.no-categories-message{text-align:center;padding:1rem .75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px dashed #cbd5e1;margin:.25rem 0;transition:all .3s ease}.no-categories-message:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.no-categories-message p{color:#64748b;font-size:.85rem;margin:0;font-weight:500;letter-spacing:-.01em}@media (max-width: 768px){.no-categories-message{padding:.75rem .5rem;border-radius:8px}.no-categories-message p{font-size:.8rem}}.notebooks-dotted-line-container{width:80%;margin:24px auto 16px;display:flex;justify-content:center}.notebooks-dotted-line{border:none;border-top:2px dotted #bdbdbd;width:100%;max-width:500px;background:none;height:0;margin:0;opacity:.7}.action-freeze{background:var(--notebook-color, #6147FF);color:#fff;border:none;padding:8px;border-radius:50%;font-size:16px;cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.action-freeze:hover{background:#3b82f6e6!important;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.action-freeze.frozen{background:#ef4444!important}.action-freeze.frozen:hover{background:#ef4444e6!important}.notebook-card-content.frozen{position:relative;overflow:visible}.notebook-card-content.frozen:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;pointer-events:none;border-radius:12px}.frozen-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#4a90e2,#3b82f6);color:#fff;padding:8px 16px;border-radius:24px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px;z-index:10;box-shadow:0 4px 12px #3b82f666;border:2px solid white;animation:frozenPulse 2s ease-in-out infinite;transform:rotate(-5deg);letter-spacing:.5px}.frozen-badge i{font-size:16px;animation:snowflakeRotate 3s linear infinite}@keyframes frozenPulse{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(-5deg) scale(1.05)}}@keyframes snowflakeRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.frozen-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none;animation:fadeIn .3s ease-out}.frozen-popup{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:400px;border:3px solid #4a90e2;transform:scale(0);animation:popupBounce .5s ease-out forwards;pointer-events:auto}.frozen-popup-icon{width:80px;height:80px;background:linear-gradient(135deg,#4a90e2,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px #4a90e24d}.frozen-popup-icon i{font-size:40px;color:#fff;animation:snowflakeRotate 3s linear infinite}.frozen-popup h3{margin:0 0 15px;font-size:28px;font-weight:700;color:#1f2937}.frozen-popup p{margin:0 0 10px;font-size:18px;color:#4a5568;font-weight:500}.frozen-popup-info{font-size:16px!important;color:#6b7280!important;font-weight:400!important}@keyframes popupBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.frozen-indicator-subtle{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:#e0f2fe;border-radius:16px;font-size:13px;font-weight:600;color:#0c4a6e}.frozen-indicator-subtle i{font-size:14px;color:#0284c7}.domain-progress-indicator{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.progress-circles{display:flex;gap:.75rem;align-items:center}.progress-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.75rem;font-weight:600;color:#fff;position:relative;cursor:help;transition:transform .2s ease}.progress-circle:hover{transform:scale(1.1)}.progress-circle.green{background:#10b981;box-shadow:0 2px 4px #10b9814d}.progress-circle.yellow{background:#f59e0b;box-shadow:0 2px 4px #f59e0b4d}.progress-circle.red{background:#ef4444;box-shadow:0 2px 4px #ef44444d}.progress-circle .count{font-size:.7rem}.progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;display:flex}.progress-fill{height:100%;transition:width .3s ease}.progress-fill.green{background:#10b981}.progress-fill.yellow{background:#f59e0b}.notebook-card-content.has-progress{padding-bottom:1rem}.notebook-divider{border:none;height:1.5px;background:#e5e7eb;margin:1.5rem 0;width:100%}.domain-progress-container{margin:.5rem 0 .75rem;width:100%}.domain-progress-bar{display:flex;height:10px;width:100%;border-radius:6px;overflow:hidden;background:#f3f4f6;margin-bottom:.4rem}.domain-progress-dominated{background:#4ade80;height:100%;transition:width .4s}.domain-progress-learning{background:#fbbf24;height:100%;transition:width .4s}.domain-progress-notstarted{background:#e5e7eb;height:100%;transition:width .4s}.domain-progress-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#6b7280;gap:.5rem}.dominated-label{color:#22c55e;font-weight:500}.learning-label{color:#f59e42;font-weight:500}.notstarted-label{color:#9ca3af;font-weight:500}.domain-progress-percentage{font-size:1.15rem;font-weight:700;color:#4ade80;margin-bottom:.2rem;letter-spacing:-.5px;display:flex;align-items:baseline;gap:.25em}.percentage-label{font-size:.85rem;color:#6b7280;font-weight:400;margin-left:.2em}.dominio-progress-bar{display:flex;height:10px;width:100%;border-radius:6px;overflow:hidden;background:#f3f4f6;margin:.5rem 0 .75rem}.dominio-progress-segment{height:100%;transition:width .4s}.dominio-progress-segment.green{background:#4ade80}.dominio-progress-segment.yellow{background:#fbbf24}.dominio-progress-segment.red{background:#f87171}.dominio-progress-bar.loading{background:#f3f4f6;position:relative;min-height:10px;height:10px;border-radius:6px;overflow:hidden;margin:.5rem 0 .75rem}.dominio-progress-loader{width:100%;height:100%;background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db,#e5e7eb 75%);background-size:200% 100%;animation:loadingBar 1.2s linear infinite;border-radius:6px}@keyframes loadingBar{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:450px;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);border-radius:24px;border:none;margin:.5rem 0 0;position:relative;overflow:hidden}.book-1{height:75px;transform:rotate(-8deg);z-index:3}.book-2{height:85px;background:linear-gradient(135deg,#4caf50,#66bb6a);transform:rotate(5deg);z-index:2}.book-3{height:70px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);transform:rotate(-3deg);z-index:1}.empty-state-module{background:transparent;padding:0;border-radius:0;box-shadow:none;border:none}.module-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.module-icon{width:80px;height:80px;background:linear-gradient(135deg,#6147ff,#8b5dff);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 25px #0000004d}.module-icon i{font-size:2rem;color:#fff}.module-title{font-size:2.2rem;font-weight:800;color:#1a1a1a;margin:0;line-height:1.1}.module-title-button{font-size:1.3rem;font-weight:600;color:#fff;margin:0;line-height:1.2;background:linear-gradient(135deg,#6147ff,#8b5dff);border:none;cursor:pointer;transition:all .3s ease;padding:.8rem 1.5rem;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.module-title-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#5a3de8,#7c4dff);opacity:0;transition:opacity .3s ease;border-radius:16px;z-index:-1}.module-title-button:hover:before{opacity:1}.module-title-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0006}.module-title-button:active{transform:translateY(-1px) scale(1)}.suggestions-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.suggestions-label{display:flex;align-items:center;gap:.5rem;justify-content:center;font-size:.9rem;color:#64748b;font-weight:500}.suggestions-label i{color:gold}.suggestion-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;max-width:600px}.suggestion-card{position:relative;background:#fff;border:none;border-radius:16px;padding:1.5rem 1.25rem;cursor:pointer;transition:all .3s ease;overflow:hidden;min-height:120px;box-shadow:0 4px 15px #00000014}.suggestion-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 35px #00000026}.card-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;border-radius:16px}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.card-emoji{font-size:2rem;margin-bottom:.5rem}.card-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0}.card-subtitle{font-size:.85rem;color:#6b7280;margin:0}@media (max-width: 768px){.empty-state-container{padding:2rem 1rem;min-height:450px}.book-stack{height:100px}.book{width:50px}.book-1{height:75px}.book-2{height:85px}.book-3{height:70px}.module-title{font-size:1.8rem}.module-title-button{font-size:1.1rem;padding:.7rem 1.2rem}.suggestion-cards{grid-template-columns:1fr;gap:.75rem}.suggestion-card{padding:1.25rem 1rem;min-height:100px}}.notebook-list-controls{margin-bottom:1.5rem}.notebook-list-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;width:100%}.create-notebook-button{background:#6147ff;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0003}.notebooks-container .notebook-card,.notebook-grid .notebook-card,.notebook-card{background:#fff!important;border:none!important;border-radius:12px!important;padding:0!important;margin:0!important;cursor:pointer!important;transition:all .2s ease!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 8px #0000001a!important;width:100%!important;transform:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.notebooks-container .notebook-card:hover,.notebook-grid .notebook-card:hover,.notebook-card:hover{transform:translateY(-1px)!important;box-shadow:0 3px 8px #00000014!important}.notebook-card-content{padding:0!important;background:#fff;transition:background-color .2s}.categories-section{width:100%;margin:0;padding:0}.notebooks-grid,.notebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%;margin:0;padding:0}.back-button-notebooks{background:#818cf8;color:#fff;border:none;border-radius:50%;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:.75rem;outline:none;flex-shrink:0;padding:0;box-sizing:border-box;transition:all .3s ease;z-index:10}.back-button-notebooks:hover{background:#6147ff;transform:translateY(-2px);box-shadow:0 4px 12px #6147ff4d}.back-button-notebooks:active{transform:translateY(0);box-shadow:0 2px 6px #6147ff33}.back-button-notebooks i{font-size:.9rem;line-height:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:1rem}.section-header-left{display:flex;align-items:center;gap:.75rem}.section-header-left h2{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748}.materials-chevron-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top:2px solid #6147FF;border-radius:50%;animation:spin 1s linear infinite;margin:8px}.materials-loading-content{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#6b7280;font-size:.9rem}.no-materials-content{padding:2rem;text-align:center;color:#6b7280;font-style:italic}.no-materials-content p{margin:0}.notebook-card-wrapper{display:flex;flex-direction:column;transition:all .3s ease;position:relative;background:#fff!important;border-radius:0;box-shadow:none!important;border:none!important}.notebook-card-wrapper:hover .notebook-card{transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.notebook-card-wrapper .color-picker-container{position:absolute;bottom:auto;top:calc(100% - 70px);left:50%;transform:translate(-50%);z-index:1000;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:.75rem;min-width:280px}@media (max-width: 768px){.back-button-notebooks{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px}.back-button-notebooks i{font-size:.8rem}}.upgrade-modal{max-width:500px;border-radius:20px;padding:0;background:#fff;box-shadow:0 20px 60px #0000004d}.upgrade-modal-content{padding:3rem 2rem 2rem;text-align:center}.upgrade-icon{margin-bottom:1.5rem;animation:bounce 1s ease-in-out}.upgrade-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.upgrade-message{font-size:1.05rem;color:#4b5563;line-height:1.6;margin-bottom:2rem}.upgrade-message strong{color:#fbbf24;font-weight:600}.upgrade-benefits{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:left;max-width:350px;margin-left:auto;margin-right:auto}.benefit-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#374151}.benefit-item i{font-size:1.25rem}.btn-upgrade{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #fbbf244d}.btn-upgrade:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.btn-upgrade i{font-size:1.2rem}.close-button-simple{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-button-simple:hover{background:#f3f4f6;color:#374151}@media (max-width: 768px){.upgrade-modal{max-width:90%;margin:1rem}.upgrade-title{font-size:1.5rem}.upgrade-message{font-size:1rem}.btn-upgrade{width:100%;padding:.875rem}}.modal-content.create-materia-modal-new,div.modal-content.create-materia-modal-new,.create-materia-modal-new.modal-content,.modal-content.create-notebook-modal-new,div.modal-content.create-notebook-modal-new,.create-notebook-modal-new.modal-content{max-width:600px!important;width:600px!important;height:auto!important;min-height:auto!important;max-height:90vh!important;min-width:unset!important;padding:0!important}@media screen and (max-width: 768px){.modal-content.create-materia-modal-new,div.modal-content.create-materia-modal-new,.create-materia-modal-new.modal-content,body .modal-overlay .modal-content.create-materia-modal-new,html body div.modal-content.create-materia-modal-new,.modal-content.create-notebook-modal-new,div.modal-content.create-notebook-modal-new,.create-notebook-modal-new.modal-content,body .modal-overlay .modal-content.create-notebook-modal-new,html body div.modal-content.create-notebook-modal-new{max-width:260px!important;width:260px!important;height:auto!important;min-height:unset!important;max-height:80vh!important;min-width:unset!important;padding:0!important}}@media only screen and (max-width: 768px){html body div.modal-overlay div.modal-content.create-materia-modal-new,html body div.modal-overlay div.modal-content.create-notebook-modal-new{width:260px!important;max-width:260px!important;height:fit-content!important;min-height:unset!important;max-height:80vh!important;min-width:unset!important}.create-notebook-modal-new .modal-main-content{padding:0 .5rem .5rem!important}.create-notebook-modal-new .modal-icon i{font-size:1.5rem!important}.create-notebook-modal-new .modal-title{font-size:1rem!important;margin-bottom:.25rem!important}.create-notebook-modal-new .modal-subtitle{font-size:.7rem!important;margin-bottom:.75rem!important}.create-notebook-modal-new .modal-input{padding:.5rem!important;font-size:.85rem!important}.create-notebook-modal-new .color-label{font-size:.75rem!important;margin-bottom:.5rem!important}.create-notebook-modal-new .color-option{width:24px!important;height:24px!important}.create-notebook-modal-new .modal-actions .btn-cancel,.create-notebook-modal-new .modal-actions .btn-create,.modal-content.create-notebook-modal-new .btn-cancel,.modal-content.create-notebook-modal-new .btn-create{height:52px!important;min-height:52px!important;font-size:1rem!important;padding:0 1.5rem!important;border-radius:14px!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important}.create-notebook-modal-new .modal-actions{gap:.75rem!important;margin-top:1.25rem!important;display:flex!important;width:100%!important}.create-notebook-modal-new .modal-actions{flex-direction:row!important;gap:.5rem!important;justify-content:center!important}.create-notebook-modal-new .btn-cancel{flex:0 0 auto!important;width:85px!important;min-width:85px!important;max-width:85px!important;background:#f8f9fa!important;color:#6b7280!important;border:1.5px solid #e5e7eb!important;padding:0 .5rem!important;font-size:.85rem!important}.create-notebook-modal-new .btn-create{flex:0 0 auto!important;width:140px!important;min-width:140px!important;max-width:140px!important;background:#6147ff!important;color:#fff!important;border:none!important;padding:0 .5rem!important;font-size:.85rem!important}.create-notebook-modal-new .btn-create i{font-size:.75rem!important;margin-right:.3rem!important}.create-notebook-modal-new .btn-create i{font-size:.9rem!important;margin-right:.5rem!important}}@media screen and (max-width: 768px){body .modal-overlay .modal-content.create-notebook-modal-new .modal-actions button,body .modal-overlay .modal-content.create-materia-modal-new .modal-actions button,html body div.modal-content.create-notebook-modal-new button.btn-cancel,html body div.modal-content.create-notebook-modal-new button.btn-create,html body div.modal-content.create-materia-modal-new button.btn-cancel,html body div.modal-content.create-materia-modal-new button.btn-create{height:52px!important;min-height:52px!important;font-size:1rem!important;line-height:1.2!important;padding:.75rem 1.5rem!important;border-radius:14px!important}}@media screen and (max-width: 768px){.modal-content.add-concepts-modal-new,div.modal-content.add-concepts-modal-new,.add-concepts-modal-new.modal-content,body .modal-overlay .modal-content.add-concepts-modal-new,html body div.modal-content.add-concepts-modal-new,html body .modal-overlay .modal-content.add-concepts-modal-new{max-width:280px!important;width:280px!important;min-width:unset!important;height:auto!important;min-height:unset!important;max-height:85vh!important;padding:0!important;margin:auto!important;position:relative!important}.add-concepts-modal-new .modal-header-simple{padding:.5rem!important}.add-concepts-modal-new .close-button-simple{width:28px!important;height:28px!important;font-size:1rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.add-concepts-modal-new .modal-main-content{padding:0 .75rem .5rem!important}.add-concepts-modal-new .modal-icon{margin-bottom:.5rem!important}.add-concepts-modal-new .modal-icon i{font-size:1.5rem!important}.add-concepts-modal-new .modal-title{font-size:1.1rem!important;margin-bottom:.25rem!important}.add-concepts-modal-new .modal-subtitle{font-size:.75rem!important;margin-bottom:.75rem!important;line-height:1.3!important}.add-concepts-modal-new .modal-tabs-new{display:flex!important;gap:.25rem!important;padding:0!important;margin:0 .75rem .75rem!important}.add-concepts-modal-new .tab-btn{flex:1!important;padding:.5rem .25rem!important;font-size:.7rem!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.25rem!important;min-height:36px!important}.add-concepts-modal-new .tab-btn i{font-size:.75rem!important}.add-concepts-modal-new .modal-content-body{padding:0 .75rem .75rem!important}.add-concepts-modal-new .upload-container{padding:0!important;gap:.5rem!important}.add-concepts-modal-new .file-input-label{padding:1.25rem .75rem!important;border-radius:10px!important;border-width:1.5px!important}.add-concepts-modal-new .file-input-content{gap:.25rem!important}.add-concepts-modal-new .file-input-content i{font-size:1.75rem!important;margin-bottom:.25rem!important}.add-concepts-modal-new .file-input-content p{font-size:.85rem!important;margin:.25rem 0!important;font-weight:600!important}.add-concepts-modal-new .file-input-content span{font-size:.7rem!important;line-height:1.2!important}.add-concepts-modal-new .generate-button{height:42px!important;font-size:.85rem!important;padding:0 .75rem!important;border-radius:8px!important;margin-top:.75rem!important;width:100%!important;font-weight:600!important}.add-concepts-modal-new{overflow-y:auto!important;overflow-x:hidden!important}.add-concepts-modal-new .concept-form{gap:.75rem!important}.add-concepts-modal-new .concept-form input,.add-concepts-modal-new .concept-form textarea{font-size:.85rem!important;padding:.5rem!important}.add-concepts-modal-new .concept-form label{font-size:.8rem!important;margin-bottom:.25rem!important}}.freeze-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.freeze-modal-overlay .freeze-modal-content{background:#fff;border-radius:12px;width:380px!important;max-width:90vw!important;box-shadow:0 10px 40px #0003;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);animation:slideUp .3s ease-out}.freeze-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #e5e7eb}.freeze-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.freeze-modal-header h3 i{color:#4a90e2}.freeze-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.freeze-modal-close:hover{color:#1f2937}.freeze-modal-body{padding:1.25rem}.notebook-name{font-size:1rem;font-weight:500;color:#4a5568;margin-bottom:1.25rem;text-align:center;padding:.625rem;background:#f7fafc;border-radius:8px}.freeze-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.freeze-option{display:flex;align-items:flex-start;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.freeze-option:hover{background:#f9fafb;border-color:#d1d5db}.freeze-option input[type=radio]{margin-top:.125rem;margin-right:.75rem;cursor:pointer}.freeze-option input[type=radio]:checked+.option-content .option-title{color:#4a90e2;font-weight:600}.freeze-option input[type=radio]:checked~.option-content{color:#1f2937}.option-content{display:flex;flex-direction:column;gap:.25rem}.option-title{font-size:1rem;font-weight:500;color:#1f2937;transition:color .2s}.option-description{font-size:.875rem;color:#6b7280}.schedule-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;margin-top:1rem;animation:slideDown .3s ease-out}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.875rem;font-weight:500;color:#4a5568}.input-group input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.input-group input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.freeze-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem;border-top:1px solid #e5e7eb}.btn-cancel,.btn-confirm{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.btn-cancel{background:#f3f4f6;color:#4a5568}.btn-cancel:hover{background:#e5e7eb;color:#1f2937}.btn-confirm{background:#4a90e2;color:#fff}.btn-confirm:hover{background:#3b7dc3;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}@keyframes slideUp{0%{transform:translate(-50%,-48%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}@media (max-width: 640px){.freeze-modal-overlay .freeze-modal-content{width:95vw!important}.schedule-inputs{grid-template-columns:1fr}.freeze-modal-footer{flex-direction:column}.btn-cancel,.btn-confirm{width:100%;justify-content:center}}.freeze-confirmation{text-align:center;padding:1rem 0}.confirmation-message{font-size:.95rem;color:#4a5568;line-height:1.5}.header-with-hamburger-container{position:relative}.limited-header{position:fixed;top:0;left:60px;right:0;height:64px;background:#6366f1;color:#fff;z-index:997;box-shadow:0 4px 20px #6366f11f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(99,102,241,.8)!important;display:flex;align-items:center;transition:left .3s cubic-bezier(.4,0,.2,1)}.menu-open .limited-header{left:250px}.header-content-limited{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%;padding:0 2rem;height:100%;position:relative}.header-left-section{display:flex;align-items:center;gap:1rem;height:100%}.hamburger-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:none;align-items:center;justify-content:center;color:#fff}@media (max-width: 768px){.limited-header .header-left-section .hamburger-btn.mobile-only{display:flex!important;position:static!important;top:auto!important;right:auto!important;left:auto!important;transform:none!important;z-index:999!important;height:40px!important;width:40px!important;align-items:center!important;justify-content:center!important;background:none!important;border:none!important;cursor:pointer!important;padding:8px!important;border-radius:6px!important;color:#fff!important}.page-title-section-limited{margin-left:40px;margin-right:40px}}.hamburger-btn:hover{background:#ffffff1a}.hamburger-btn svg{font-size:20px;color:#fff}.fullscreen-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#fff;margin-left:2px}.fullscreen-btn:hover{background:#ffffff1a}.fullscreen-btn svg{font-size:18px;color:#fff;width:20px;height:16px;display:flex;align-items:center;justify-content:center}:fullscreen .header-with-hamburger-container,.fullscreen-mode{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:9999}:fullscreen .limited-header,.fullscreen-mode .limited-header{position:fixed;top:0;left:60px;right:0;height:64px;z-index:10000}:fullscreen .sidebar-nav,.fullscreen-mode .sidebar-nav{position:fixed;top:0;left:0;height:100vh;z-index:10001}:fullscreen .content-wrapper,.fullscreen-mode .content-wrapper{position:fixed!important;top:64px!important;left:60px!important;width:calc(100vw - 60px)!important;height:calc(100vh - 64px)!important;margin:0!important;padding-top:0!important;overflow-y:auto;z-index:9998}:fullscreen .menu-open .content-wrapper,.fullscreen-mode.menu-open .content-wrapper{left:250px!important;width:calc(100vw - 250px)!important}:fullscreen .menu-open .limited-header,.fullscreen-mode.menu-open .limited-header{left:250px}.hamburger-icon{width:20px;height:16px;position:relative;transform:rotate(0);transition:.3s ease-in-out;cursor:pointer}.hamburger-icon span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:1px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger-icon span:nth-child(1){top:0}.hamburger-icon span:nth-child(2){top:7px}.hamburger-icon span:nth-child(3){top:14px}.hamburger-icon.open span:nth-child(1){top:7px;transform:rotate(135deg)}.hamburger-icon.open span:nth-child(2){opacity:0;left:-60px}.hamburger-icon.open span:nth-child(3){top:7px;transform:rotate(-135deg)}.header-logo-section{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.header-logo-section:hover{background:#ffffff1a}.header-logo-text{font-size:1.2rem;font-weight:700;color:#fff}.header-logo-text span:first-child{color:#fff}.header-logo-text span:last-child{color:#fbbf24}.page-title-section-limited{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1;margin-right:60px}.page-title-limited{margin:0;font-size:1.3rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-.025em}.page-subtitle-limited{margin:4px 0 0;font-size:.875rem;color:#ffffffe6;font-weight:400}.content-wrapper{position:relative;display:block!important}.content-wrapper:empty{display:none!important}.content-wrapper,.content-wrapper *{box-sizing:border-box!important}.content-wrapper>*{width:100%!important;max-width:100%!important}.content-wrapper .dashboard-container{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.content-wrapper .dashboard-content{width:100%!important;max-width:100%!important;margin:0!important;padding:1rem!important;overflow-x:hidden!important}.content-wrapper .row-1,.content-wrapper .row-2,.content-wrapper .row-3,.content-wrapper section,.content-wrapper div{width:100%!important;max-width:100%!important;flex-wrap:wrap!important}.content-wrapper .metric-card,.content-wrapper .welcome-section,.content-wrapper .daily-metrics{flex:1 1 auto!important;min-width:0!important;max-width:100%!important}.content-wrapper [class*=card],.content-wrapper [class*=metric],.content-wrapper [class*=welcome]{flex-shrink:1!important;min-width:200px!important;max-width:100%!important}.header-with-hamburger-container~*{overflow-x:hidden!important}.header-with-hamburger-container~* *{max-width:100%!important;box-sizing:border-box!important}.header-with-hamburger-container~* .concept-card-detail{max-width:550px!important}.header-with-hamburger-container~* .video-modal{max-width:1000px!important}.header-with-hamburger-container~* .video-modal-overlay{max-width:none!important}.header-with-hamburger-container~* .dashboard-container{height:auto!important;overflow:visible!important;width:100%!important;max-width:100%!important}.header-with-hamburger-container~* .dashboard-content{height:auto!important;overflow:visible!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.header-with-hamburger-container~* .row-1,.header-with-hamburger-container~* .row-2,.header-with-hamburger-container~* .row-3,.header-with-hamburger-container~* section,.header-with-hamburger-container~* .metric-card,.header-with-hamburger-container~* .welcome-section,.header-with-hamburger-container~* .daily-metrics{max-width:100%!important;box-sizing:border-box!important;flex-shrink:1!important}.header-with-hamburger{background:#6147ff;color:#fff;padding:0 1rem;position:sticky;top:0;z-index:1200;box-shadow:0 2px 10px #0000001a;height:70px;min-height:70px;display:flex;align-items:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);opacity:1!important;width:100%;left:0;right:0}.header-with-hamburger.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.header-content{display:flex;align-items:center;flex:1;width:100%;box-sizing:border-box;padding-left:0;height:100%;justify-content:flex-start}.page-title-section{flex:1;text-align:center;margin:0 1rem}.back-button{margin-left:0}@media (min-width: 1400px){.header-with-hamburger{padding:0 3rem}}@media (min-width: 1600px){.header-with-hamburger{padding:0 5rem}}@media (min-width: 1900px){.header-with-hamburger{padding:0 8rem}}.logo2-title-group{display:flex;align-items:center;gap:10px;position:absolute;left:4rem;top:50%;transform:translateY(-50%)}.logo-img{width:40px;height:40px}.logo2-title-group h1{margin:0;font-size:1.5rem;font-weight:700;color:#fff!important}.logo2-title-group h1,.logo2-title-group h1 span,.logo2-title-group h1 *{color:#fff!important}.header-with-hamburger .logo2-title-group h1,.header-with-hamburger .logo2-title-group h1 span,.header-with-hamburger .logo2-title-group h1 *{color:#fff!important;opacity:1!important}.logo2-title-group h1 span{color:#fff!important}.logo2-title-group h1,.logo2-title-group h1 span{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:white!important;color:#fff!important}.page-title{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.page-subtitle{margin:.25rem 0 0;font-size:.9rem;color:#fffc}.page-title:empty+.page-subtitle,.page-title:empty~.page-subtitle{font-size:1.5rem;font-weight:700;color:#fff;margin-top:.5rem}.header-with-hamburger .back-button{background:#fff!important;border:none!important;color:var(--theme-color, #6147FF)!important;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px!important;height:40px!important;display:flex;align-items:center;justify-content:center;transition:background-color .2s,opacity .2s,box-shadow .2s;outline:none;position:absolute!important;left:8rem;top:50%;transform:translateY(-50%)!important;box-shadow:0 2px 4px #0000001a!important;margin:0!important}.header-with-hamburger .back-button i{color:var(--theme-color, #6147FF)!important;font-size:1.2rem}.header-with-hamburger .back-button:hover{background-color:#fff!important;transform:translateY(-50%)!important;box-shadow:0 4px 8px #00000026!important;border:none!important}.back-button:focus{outline:2px solid var(--notebook-color, var(--primary-color));outline-offset:2px}.back-button:focus-visible{outline:2px solid var(--notebook-color, var(--primary-color));outline-offset:2px}.notebooks-hamburger-btn{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:auto;position:absolute;right:3rem;top:50%;transform:translateY(-50%)}.notebooks-hamburger-line{width:100%;height:3px;background-color:#fff;border-radius:2px;transition:var(--transition);display:block}.menu-open .notebooks-hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-open .notebooks-hamburger-line:nth-child(2){opacity:0}.menu-open .notebooks-hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;animation:fadeIn .3s ease}.sidebar-nav{position:fixed;top:0;left:0;width:60px;height:100vh;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:2px 0 20px #00000014;z-index:998;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;font-family:Poppins,sans-serif}.sidebar-nav *{font-family:Poppins,sans-serif}.sidebar-nav:after{content:"";position:absolute;right:-1px;top:0;width:1px;height:64px;background:#6366f1;z-index:999}.sidebar-nav.sidebar-expanded{width:250px}.sidebar-nav.sidebar-pinned{width:250px;box-shadow:4px 0 30px #6366f126}.sidebar-nav.sidebar-pinned:after{background:#4f46e5;width:2px}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:1rem;background:#6366f1}.sidebar-toggle-btn-edge{position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:16px;height:16px;border:none;background:#9ca3af;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff;font-size:8px;z-index:1000;box-shadow:0 2px 4px #0000001a}.sidebar-toggle-btn-edge:hover{background:#6b7280;transform:translateY(-50%) scale(1.1)}position: relative; } .sidebar-expanded .sidebar-header{justify-content:flex-start}.sidebar-logo{cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.sidebar-logo:hover img{transform:scale(1.1)}.sidebar-logo-text{font-weight:700;font-size:1.2rem;color:#fff;opacity:0;width:0;font-family:Poppins,sans-serif;overflow:hidden;transform:translate(-10px);transition:all .3s ease;white-space:nowrap}.sidebar-expanded .sidebar-logo-text{opacity:1;width:auto;transform:translate(0)}.sidebar-icons{flex:1;display:flex;flex-direction:column;padding:1rem 0;gap:.5rem}.sidebar-icon-btn{display:flex;align-items:center;gap:1rem;width:calc(100% - 1rem);padding:.75rem;background:none;border:none;cursor:pointer;transition:all .2s;color:#374151;border-radius:8px;margin:0 .5rem;justify-content:center;min-height:44px}.sidebar-expanded .sidebar-icon-btn{justify-content:flex-start}.sidebar-icon-btn:hover{background-color:#f3f4f6;color:var(--primary-color, #6147FF)}.sidebar-icon-btn:hover svg{color:var(--primary-color, #6147FF)}.sidebar-icon-btn svg{width:20px;font-size:1.1rem;text-align:center;min-width:20px;color:#374151;display:inline-block}.sidebar-icon-btn span{font-family:Poppins,sans-serif;font-weight:500;white-space:nowrap;opacity:0;width:0;overflow:hidden;transform:translate(-10px);transition:all .3s ease;display:none}.sidebar-expanded .sidebar-icon-btn span{opacity:1;width:auto;transform:translate(0);display:inline-block}.sidebar-nav.mobile-open .sidebar-icon-btn span{opacity:1!important;width:auto!important;transform:translate(0)!important;display:inline-block!important}.sidebar-icon-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar-icon-btn.active,.sidebar-icon-btn.active:hover{background-color:var(--primary-color, #6147FF);color:#fff}.sidebar-icon-btn.active svg{color:#fff!important}.sidebar-icon-btn.notification-highlight{animation:pulse 2s infinite}@keyframes pulse{0%{background-color:#f3f4f6}50%{background-color:#ef44441a}to{background-color:#f3f4f6}}.sidebar-icon-btn.super-simonkey-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:600;box-shadow:0 4px 12px #fbbf244d}.sidebar-icon-btn.super-simonkey-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2466}.sidebar-icon-btn.super-simonkey-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;position:relative}.sidebar-icon-btn.super-simonkey-btn.active:before{content:"✓";position:absolute;top:4px;right:4px;font-size:10px;background:#fff;color:#10b981;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-weight:700}.sidebar-icon-btn.super-simonkey-btn.active:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166}.sidebar-icon-btn.super-simonkey-btn svg{color:#fff!important}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white;z-index:2}.sidebar-user-section{padding:0;display:flex;justify-content:center;align-items:center;min-height:auto}.user-avatar-container{display:flex;align-items:center;justify-content:center;gap:.75rem;width:246px!important;height:54px!important;padding:.5rem .125rem;border-radius:4px;transition:all .2s;cursor:pointer;box-sizing:border-box}.sidebar-expanded .user-avatar-container,.sidebar-nav.mobile-open .user-avatar-container{justify-content:flex-start;padding:.5rem;align-items:center}.user-avatar-container:hover{background-color:#f8fafc}.user-avatar{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #6366f1),#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.65rem;font-family:Poppins,sans-serif;flex-shrink:0;min-width:18px;box-shadow:0 1px 3px #0000001a}.user-info{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0;opacity:0;width:0;height:100%!important;overflow:hidden;transform:translate(-8px);transition:all .3s ease;margin:0!important;padding:0!important}.sidebar-expanded .user-info,.sidebar-nav.mobile-open .user-info{opacity:1;width:auto;transform:translate(0);display:flex!important;align-items:center!important;height:auto!important}.user-name{font-family:Poppins,sans-serif;font-weight:500;font-size:.7rem;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;margin:0!important;padding:0!important;line-height:18px!important;text-align:left!important;display:block!important;height:18px!important}.user-menu-popup{position:absolute;bottom:100%;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;border:1px solid #e5e7eb;margin-bottom:.5rem;z-index:1000}.rbc-calendar{height:500px!important;font-size:.85rem!important}.rbc-header{padding:.25rem!important;font-size:.8rem!important;font-weight:600!important;background-color:#f8fafc!important;border-bottom:1px solid #e5e7eb!important;min-height:32px!important}.rbc-date-cell{padding:.25rem!important;font-size:.75rem!important;min-height:60px!important}.rbc-event{font-size:.7rem!important;padding:.125rem .25rem!important;border-radius:3px!important}.rbc-month-view{border:1px solid #e5e7eb!important;border-radius:8px!important;overflow:hidden!important}.rbc-toolbar{margin-bottom:.75rem!important;font-size:.85rem!important}.rbc-toolbar button{padding:.375rem .75rem!important;font-size:.8rem!important;border:1px solid #d1d5db!important;background:#fff!important;border-radius:4px!important}.rbc-toolbar button:hover{background-color:#f3f4f6!important}.rbc-toolbar-label{font-size:1rem!important;font-weight:600!important;color:#374151!important}.rbc-month-row,.rbc-row-content{min-height:60px!important}.content-wrapper [class*=calendar],.content-wrapper .rbc-calendar{max-width:100%!important;margin:0 auto!important}.content-wrapper .calendar-container{padding:1rem!important;max-width:1200px!important;margin:0 auto!important}.user-menu-header{padding:1rem!important;border-bottom:1px solid #f3f4f6!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.75rem!important;background:#fff!important;visibility:visible!important;opacity:1!important}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #6147FF),#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.user-details{text-align:center}.user-details h4{margin:0;font-size:1rem;font-weight:600;color:#374151;font-family:Poppins,sans-serif}.user-details p{margin:.25rem 0 0;font-size:.8rem;color:#6b7280;font-family:Poppins,sans-serif}.user-menu-options{padding:.5rem!important;background:#fff!important;visibility:visible!important;opacity:1!important;display:flex!important;flex-direction:column!important;width:100%!important}.user-menu-btn{display:flex!important;align-items:center!important;gap:.75rem!important;width:100%!important;padding:.75rem!important;background:transparent!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s!important;text-align:left!important;font-size:.85rem!important;color:#374151!important;font-family:Poppins,sans-serif!important;visibility:visible!important;opacity:1!important}.user-menu-btn:hover:not(.disabled){background-color:#f3f4f6;color:var(--primary-color, #6147FF)}.user-menu-btn.disabled{opacity:.5;cursor:not-allowed}.user-menu-btn svg{width:16px!important;height:16px!important;font-size:.9rem!important;text-align:center!important;margin-right:12px!important;display:inline-block!important;visibility:visible!important;opacity:1!important}.user-menu-btn span{display:inline-block!important;visibility:visible!important;opacity:1!important}.user-menu-btn span{font-weight:500;font-family:Poppins,sans-serif}.user-menu-btn.upgrade-btn{color:#f59e0b}.user-menu-btn.upgrade-btn:hover{background-color:#f59e0b1a;color:#f59e0b}.user-menu-btn.logout-btn{color:#ef4444}.user-menu-btn.logout-btn:hover{background-color:#ef44441a;color:#ef4444}.user-menu-divider{height:1px;background-color:#f3f4f6;margin:.5rem 0}.user-menu-popup-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:99999!important;pointer-events:all!important;background-color:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important}.user-menu-popup-external{position:relative!important;background:#fff!important;border-radius:12px!important;box-shadow:0 20px 40px #0000004d!important;border:1px solid #e5e7eb!important;z-index:100000!important;pointer-events:all!important;width:90%!important;max-width:320px!important;max-height:90vh!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;opacity:1!important;visibility:visible!important}.side-menu-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;border-bottom:1px solid #e5e7eb;background-color:var(--primary-color);color:#fff;height:var(--header-height)}.side-menu-header h3{margin:0;font-size:1.25rem;font-weight:600}.side-menu-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.side-menu-close:hover{background-color:#fff3}.side-menu-content{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column}.side-menu-content .user-section{display:flex;flex-direction:column;gap:.5rem;flex:1}.bottom-buttons-section{display:flex;gap:.5rem;margin-top:auto;padding-top:1rem;border-top:1px solid #e5e7eb}.horizontal-button{flex:1;justify-content:center;text-align:center;min-width:0}.horizontal-button span{font-size:.9rem}.side-menu-button{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;font-size:1rem;color:#374151;font-family:Poppins,sans-serif}.side-menu-button:hover{background-color:#f8f9fa;color:var(--primary-color, #4F46E5);transform:translate(4px)}.side-menu-button i{width:20px;font-size:1.1rem;color:#6b7280;transition:color .2s}.side-menu-button:hover i{color:var(--primary-color, #4F46E5)}.side-menu-button span{font-weight:500;font-family:Poppins,sans-serif}.side-menu-button.logout-button{font-family:Poppins,sans-serif}.side-menu-button.logout-button:hover{background-color:#ef44441a;color:#ef4444;transform:translate(4px)}.side-menu-button.logout-button:hover i{color:#ef4444}.side-menu-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.side-menu-button.disabled:hover{background-color:transparent;color:#666}.side-menu-button.disabled i,.side-menu-button.disabled:hover i{color:#999}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:#f3f4f6}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-control{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6147ff1a}.interest-input-group{display:flex;gap:.5rem;margin-bottom:.5rem}.interest-input{flex:1}.remove-interest-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:.75rem;cursor:pointer;transition:background-color .2s}.remove-interest-btn:hover:not(:disabled){background:#dc2626}.remove-interest-btn:disabled{background:#9ca3af;cursor:not-allowed}.add-interest-btn{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;cursor:pointer;font-size:.9rem;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.add-interest-btn:hover{background:var(--primary-dark)}.success-message{background:#d1fae5;color:#065f46;padding:.75rem;border-radius:6px;margin-top:1rem;text-align:center}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.save-button{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s}.save-button:hover:not(:disabled){background:var(--primary-dark)}.save-button:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.header-with-hamburger{padding:1rem}.header-content{gap:.5rem}.logo2-title-group{display:none}.page-title-section{margin:0 .5rem;text-align:center!important;width:100%;display:flex;justify-content:center;align-items:center}.page-title-section:has(.page-title:empty){display:none}.page-title{text-align:center!important;width:100%}.header-with-hamburger .back-button{position:absolute!important;left:1rem!important;margin:0!important}.page-title{font-size:1.1rem}.page-subtitle{font-size:.8rem}.sidebar-nav{position:fixed!important;top:0!important;left:-250px!important;width:250px!important;height:100vh!important;z-index:999!important;transition:left .3s ease!important;box-shadow:2px 0 10px #0000001a!important}.sidebar-nav.sidebar-expanded,.sidebar-nav.sidebar-pinned{left:0!important}.menu-overlay.mobile-only{display:none}.limited-header,.menu-open .limited-header{left:0!important}.content-wrapper{margin-left:0!important;width:100vw!important;max-width:100vw!important}.header-with-hamburger-container~*{margin-left:0!important}.header-with-hamburger-container.menu-open~*{margin-left:0!important}.user-menu-popup-external,.fullscreen-btn{display:none!important}.horizontal-button{padding:.75rem .5rem}.horizontal-button span{font-size:.85rem}.bottom-buttons-section{gap:.4rem}.modal-content{width:95%;margin:1rem}.menu-overlay.mobile-only{display:block!important;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998}}body.menu-open{overflow:hidden}.header-with-hamburger .logo2-title-group h1,.header-with-hamburger .logo2-title-group h1 span,.header-with-hamburger .logo2-title-group h1 *,.logo2-title-group h1,.logo2-title-group h1 span,.logo2-title-group h1 *,body .header-with-hamburger .logo2-title-group h1,body .header-with-hamburger .logo2-title-group h1 span,body .header-with-hamburger .logo2-title-group h1 *{color:#fff!important;opacity:1!important}.help-button{position:relative}.help-button i:last-child{transition:transform .3s ease}.help-submenu{margin-left:1rem;border-left:2px solid #e5e7eb;padding-left:.5rem;margin-top:.25rem;margin-bottom:.25rem}.submenu-button{padding:.75rem 1rem!important;font-size:.9rem!important;margin-left:.5rem;border-radius:6px;background-color:#f9fafb}.submenu-button:hover{background-color:#f3f4f6;transform:translate(4px)}.submenu-button i{width:16px;font-size:1rem;color:#6b7280}.upgrade-modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.upgrade-modal-content .modal-header{background:linear-gradient(135deg,var(--primary-color),#7c3aed);color:#fff;border-radius:16px 16px 0 0;border-bottom:none}.upgrade-modal-content .modal-header h2{color:#fff;font-size:1.5rem;font-weight:700}.upgrade-modal-content .close-button{color:#fff}.upgrade-modal-content .close-button:hover{background-color:#fff3}.upgrade-modal-content .modal-body{padding:2rem}.upgrade-motivational-section{margin-bottom:2rem;text-align:center}.upgrade-motivational-section h3{color:var(--primary-color);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.motivational-text{font-size:1rem;line-height:1.6;color:#374151;margin-bottom:1rem;text-align:center}.upgrade-support-section,.upgrade-action-section{background:#f8fafc;border-radius:12px;padding:1.5rem;text-align:center;border:1px solid #e2e8f0}.upgrade-action-section h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.upgrade-action-section p{color:#6b7280;margin-bottom:1rem;font-size:.95rem}.request-pro-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem auto;min-width:200px}.request-pro-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.request-note{color:#6b7280;font-size:.85rem;margin-top:.5rem}.upgrade-support-section h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.upgrade-support-section p{color:#6b7280;margin-bottom:1rem;font-size:.95rem}.support-contact{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;border:2px solid var(--primary-color);border-radius:8px;padding:.75rem 1rem;margin:1rem 0;font-weight:600;color:var(--primary-color);transition:all .2s ease}.support-contact:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6147ff4d}.support-contact i{font-size:1.1rem}.support-note{font-size:.85rem;color:#9ca3af;font-style:italic;margin-top:.5rem}@media (max-width: 768px){.upgrade-modal-content{width:95%;margin:1rem}.upgrade-modal-content .modal-body{padding:1.5rem}.upgrade-motivational-section h3{font-size:1.2rem}.motivational-text{font-size:.95rem}}.notification-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:auto;position:absolute;right:calc(3rem + 50px);top:50%;transform:translateY(-50%)}.notification-btn:focus,.notification-btn:focus-visible,.notification-btn:active{outline:none!important;box-shadow:none!important;border:none!important}@keyframes bell-shake{0%{transform:rotate(0)}10%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(6deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(2deg)}70%{transform:rotate(-1deg)}80%{transform:rotate(1deg)}90%{transform:rotate(0)}to{transform:rotate(0)}}.notification-btn .fa-bell{color:#fff;font-size:1.3rem;transition:transform .2s}.notification-btn.shake .fa-bell{animation:bell-shake 1s cubic-bezier(.36,.07,.19,.97) both;animation-iteration-count:2}.notification-btn .notification-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;background:red;border-radius:50%;border:2px solid white;z-index:2}@media (max-width: 768px){.notification-btn{right:calc(1rem + 35px);width:28px;height:21px}}.notification-btn-header{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;width:40px;height:40px}.notification-btn-header:hover{transform:translateY(-50%) scale(1.1)}.notification-btn-header:focus{outline:none}.notification-btn-header .fa-bell{font-size:1.1rem;color:#fff}.notification-btn-header.notification-highlight .fa-bell{animation:notification-pulse 2s infinite}.notification-dot-header{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white;z-index:2}@keyframes notification-pulse{0%{color:#fff}50%{color:#fbbf24}to{color:#fff}}.mobile-only{display:none!important}.desktop-only{display:flex!important}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:997;animation:fadeIn .3s ease}@media (max-width: 768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.sidebar-nav{position:fixed!important;top:0!important;left:0!important;height:100vh!important;transform:translate(-250px);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999;width:250px!important}.sidebar-nav.mobile-open{transform:translate(0)!important}.sidebar-nav.mobile-open .sidebar-logo-text,.sidebar-nav.mobile-open .sidebar-icon-btn span,.sidebar-nav.mobile-open .user-info{display:flex!important;opacity:1!important}.mobile-sidebar-open .mobile-overlay{display:block!important}.limited-header{left:0!important}.content-wrapper{margin-left:0!important;width:100vw!important;max-width:100vw!important}.page-title-limited{font-size:1.1rem}.header-content-limited{padding:0 1rem}.sidebar-nav.mobile-open,.sidebar-nav.mobile-open .sidebar-expanded{width:250px!important}.sidebar-nav.mobile-open .sidebar-icon-btn{justify-content:flex-start!important}.sidebar-nav.mobile-open .sidebar-icon-btn span{display:inline-block!important;opacity:1!important;margin-left:.5rem}.sidebar-nav.mobile-open .sidebar-logo-text{opacity:1!important;width:auto!important;transform:translate(0)!important;display:inline-flex!important}.sidebar-nav.mobile-open .user-info{display:flex!important;opacity:1!important;width:auto!important;transform:translate(0)!important;margin-left:.5rem!important}.sidebar-nav.mobile-open .user-name{display:inline-block!important;opacity:1!important;visibility:visible!important}.sidebar-nav.mobile-open .user-avatar-container{cursor:pointer!important;width:100%!important}.user-menu-popup-overlay{display:flex!important;visibility:visible!important;opacity:1!important}.user-menu-popup-external{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important}.user-menu-popup-external *{visibility:visible!important;opacity:1!important}.user-menu-header{width:100%!important;flex-shrink:0!important}.user-menu-options{width:100%!important;flex:1!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content.teacher-request-modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;max-height:90vh;overflow:hidden;padding:0!important;max-width:600px;width:90%;border:none}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:0;border-bottom:none;display:flex;justify-content:space-between;align-items:center;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.teacher-request-modal .modal-header h2{margin:0!important;font-size:24px!important;color:#fff!important;padding:24px 0 24px 24px!important;background:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:white!important;text-shadow:0 2px 4px rgba(0,0,0,.2)!important;font-weight:600!important}.teacher-request-modal .modal-header .close-btn{position:absolute!important;top:12px!important;right:12px!important;background:transparent!important;border:none!important;cursor:pointer!important;color:#fff!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:all .2s!important;width:32px!important;height:32px!important;z-index:10!important}.teacher-request-modal .modal-header .close-btn:hover{background:#fff3!important;color:#fff!important;transform:scale(1.1)!important}.teacher-request-modal .modal-header .close-btn svg{color:#fff!important;stroke:#fff!important}.modal-body{padding:0;max-height:calc(90vh - 80px);overflow-y:auto;border-radius:0 0 16px 16px}.info-section{background:#fff;border:none;border-radius:0;padding:24px;margin-bottom:0;position:relative}.info-section h3{margin:0 0 12px;color:#0369a1;font-size:16px}.benefits-list{margin:0;padding:0;list-style:none}.benefits-list li{padding:6px 0;color:#0c4a6e;font-size:14px}.modal-body form{padding:20px 24px 24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-group input[type=text],.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-group small{display:block;margin-top:4px;color:#6b7280;font-size:12px}.checkbox-group label{display:flex;align-items:flex-start;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{margin-right:8px;margin-top:2px;cursor:pointer}.checkbox-group span{font-size:14px;line-height:1.5}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin-bottom:16px;color:#991b1b;font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.info-note{margin:0 24px 24px;padding:16px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px}.info-note p{margin:0;font-size:13px;color:#92400e;line-height:1.5}.info-note strong{color:#78350f}@media (max-width: 640px){.teacher-request-modal{width:95%;margin:10px}.modal-header,.modal-body{padding:16px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}:root{--notebook-color: var(--primary-color)}.notebook-detail-container{min-height:100vh;background-color:#fff;color:var(--text-color);display:flex;flex-direction:column;position:relative}.notebook-detail-container .tools-menu-section h2,.notebook-detail-container .evaluation-menu-section h2{color:var(--notebook-color)!important}.notebook-detail-header{display:flex;align-items:center;background-color:var(--notebook-color, var(--primary-color));color:#fff;box-shadow:var(--shadow);padding:0;height:var(--header-height);position:sticky;top:0;z-index:10}.notebook-detail-header .header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;width:100%;padding:0 1rem;position:relative;gap:1rem}.header-actions{display:flex;align-items:center;gap:1rem}.title-container{display:flex;justify-content:center;flex:1;pointer-events:none}.title-container h1{color:#fff!important;margin:0;font-size:1.5rem;font-weight:600;pointer-events:auto}.breadcrumb h1{color:#fff!important}.back-button{display:flex;align-items:center;justify-content:center;padding:.5rem;width:2.5rem;height:2.5rem;background-color:#fff!important;border:2px solid white!important;color:var(--notebook-color);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a;margin:0;transition:none;position:relative;z-index:1}.back-button i{color:var(--notebook-color);font-size:1.2rem}.back-button:hover{background-color:#fff!important;border-color:#fff!important;box-shadow:0 2px 4px #0000001a}.back-button:focus{outline:2px solid var(--notebook-color)!important;outline-offset:2px!important}.back-button:focus-visible{outline:2px solid var(--notebook-color)!important;outline-offset:2px!important}.back-button:focus:after,.back-button:focus-visible:after{border-color:var(--notebook-color)!important}.share-button{display:flex;align-items:center;justify-content:center;padding:.5rem;width:2.5rem;height:2.5rem;background-color:#fff!important;border:none;color:var(--notebook-color)!important;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.share-button i{color:var(--notebook-color)!important;font-size:1.2rem}.share-button:hover{background-color:#ffffffd9!important;transform:translateY(-2px)}.share-modal{max-width:500px}.share-link-container{display:flex;margin:1.5rem 0}.share-link-input{flex-grow:1;padding:.75rem;border:1px solid #ddd;border-right:none;border-radius:4px 0 0 4px;font-size:.9rem;background-color:#f9f9f9}.copy-button{background-color:var(--notebook-color);color:#fff;border:none;padding:0 1rem;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .2s}.copy-button:hover{filter:brightness(.9)}.share-options{margin-top:1.5rem}.share-options h3{font-size:1rem;margin-bottom:1rem;color:#555}.social-buttons{display:flex;gap:1rem}.social-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-size:1.2rem;transition:transform .2s;text-decoration:none}.social-button:hover{transform:scale(1.1)}.whatsapp,.email{background-color:var(--notebook-color)}.save-notebook-button{background-color:var(--notebook-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;margin-top:1.5rem;transition:background-color .2s;width:100%}.save-notebook-button:hover{background-color:var(--primary-dark, #5040cc)}.save-notebook-button:disabled{background-color:#ccc;cursor:not-allowed}.spacer{width:100px}.delete-notebook-button{display:flex;align-items:center;padding:.5rem 1rem;background-color:transparent;border:1px solid #dc3545;color:#dc3545;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.delete-notebook-button i{margin-right:.5rem}.delete-notebook-button:hover{background-color:#dc3545;color:#fff}.notebook-detail-main{flex:1;width:100%;margin:0;padding:2rem 2rem 0;display:block;background-color:#fff}.sidebar-container{display:flex;flex-direction:column;gap:1.5rem}.tools-menu-section h2{background-color:var(--card-background);border-radius:8px;box-shadow:var(--shadow);padding:1rem;color:var(--notebook-color)}.concepts-section{background-color:#fff;border-radius:8px;padding:.5rem 2rem 2rem;width:100%;max-width:none;margin:0 auto}.concepts-section h2{margin-bottom:1.5rem;color:var(--notebook-color);font-size:1.3rem}.concepts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.concepts-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.reload-concepts-button{background-color:var(--notebook-color, var(--primary-color));color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.reload-concepts-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d;filter:brightness(1.1)}.reload-concepts-button i{font-size:1rem}.concepts-list{display:flex;flex-direction:column;gap:2rem;width:100%}.concept-group{border-bottom:1px solid #eee;padding-bottom:1rem}.concept-group h3{font-size:1.1rem;margin-bottom:1rem;color:var(--light-text)}.concept-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%}.concept-card{background:#fff;border-radius:8px;padding:12px 10px;box-shadow:0 2px 8px #0000000f;transition:all .25s ease;display:flex;justify-content:center;align-items:center;min-height:80px;text-align:center;cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(229,231,235,.8);width:100%;box-sizing:border-box}.concept-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a;border-color:var(--notebook-color)}.concept-card.add-concept-card{background:#eef2ff!important;border:2px dashed #6366f1!important;box-shadow:none!important}.concept-card.add-concept-card:hover{background:#e0e7ff!important;transform:translateY(-3px)!important;border-color:#8b5cf6!important;box-shadow:0 6px 16px #6366f126!important}.concept-card.add-concept-card h4{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:600!important}.concept-card.add-concept-card i{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.concept-card.add-concept-card:after{display:none!important}.concept-card h4{font-size:.78rem;font-weight:600;color:#334155;margin:0;transition:color .2s ease;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.concept-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--notebook-color),var(--notebook-color));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.concept-card:hover:after{transform:scaleX(1)}.concept-card.traffic-light-red{background:linear-gradient(135deg,#fff,#fee2e2);border-color:#fecaca}.concept-card.traffic-light-red:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;box-shadow:0 6px 16px #f8717133}.concept-card.traffic-light-red h4{color:#991b1b}.concept-card.traffic-light-yellow{background:linear-gradient(135deg,#fff,#fef3c7);border-color:#fde68a}.concept-card.traffic-light-yellow:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;box-shadow:0 6px 16px #fbbf2433}.concept-card.traffic-light-yellow h4{color:#92400e}.concept-card.traffic-light-green{background:linear-gradient(135deg,#fff,#d1fae5);border-color:#a7f3d0}.concept-card.traffic-light-green:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#34d399;box-shadow:0 6px 16px #34d39933}.concept-card.traffic-light-green h4{color:#065f46}.add-concept-card-container{padding-top:1rem}.add-concept-card{background:#f8fafccc;border-radius:8px;padding:12px 10px;box-shadow:0 2px 8px #0000000a;transition:all .25s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80px;text-align:center;cursor:pointer;border:1px dashed rgba(203,213,225,.8);width:100%;box-sizing:border-box}.add-concept-card:hover{background:#f3f4f6;transform:translateY(-4px);border-color:var(--notebook-color)}.add-icon{font-size:1.3rem;color:var(--notebook-color);margin-bottom:6px;transition:color .2s ease}.add-concept-card:hover .add-icon{color:var(--notebook-color)}.add-concept-card h4{font-size:.78rem;font-weight:600;color:var(--notebook-color);margin:0 0 2px}.add-concept-card p{font-size:.8rem;color:#6b7280;margin:0}.notebook-detail-container .concepts-list .empty-state{padding:3rem 2rem!important;text-align:center!important;color:var(--light-text)!important;border:2px dashed #ddd!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1.5rem!important;min-height:300px!important;margin:2rem 0!important;width:100%!important;box-sizing:border-box!important;max-width:none!important;background:transparent!important;box-shadow:none!important}.notebook-detail-container .concepts-list .empty-state p{margin:0!important;font-size:1.1rem!important;color:#666!important;font-style:normal!important}.notebook-detail-container .concepts-list .empty-state .add-first-concept-button{background-color:var(--notebook-color)!important;color:#fff!important;padding:.75rem 1.5rem!important;border:none!important;border-radius:12px!important;font-size:1.3rem!important;cursor:pointer!important;transition:all .3s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;text-align:center!important;font-weight:700!important;margin:0 auto!important}.notebook-detail-container .concepts-list .empty-state .add-first-concept-button:hover{background-color:var(--notebook-color)!important;filter:brightness(.9)!important}.tools-menu-section{margin-top:0rem}.tools-toggle-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background-color:var(--notebook-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.95rem;margin-bottom:1rem}.tools-toggle-button.active{background-color:var(--notebook-color);filter:brightness(.9)}.tools-toggle-button:hover{background-color:var(--notebook-color);filter:brightness(1.1)}.tools-toggle-button i{margin-left:.5rem}.tools-container{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.tool-category{border:1px solid #eee;border-radius:6px;overflow:hidden;transition:all .3s ease}.tool-category:hover{border-color:var(--primary-color)}.category-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f9f9f9;cursor:pointer;transition:all .2s ease}.category-header:hover{background-color:#f0f0f0}.category-header h3{font-size:1rem;margin:0;color:var(--text-color)}.category-items{display:flex;flex-direction:column;padding:.5rem 0;background-color:#fff}.tool-link{padding:.6rem 1.5rem;color:var(--text-color);text-decoration:none;transition:all .2s ease;font-size:.9rem}.tool-link:hover{background-color:#f5f5f5;color:var(--primary-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:16px;padding:20px;max-width:90%;width:600px;font-family:Poppins,sans-serif;max-height:90vh;overflow-y:auto;position:relative}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #eee;background-color:var(--notebook-color);border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:1.3rem;font-family:Poppins,sans-serif;color:#fff;text-align:center;flex:1}.close-modal-button{background:transparent;border:none;font-size:1.2rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:all .2s ease}.close-modal-button:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:1.5rem}.modal-tabs{display:flex;border-bottom:1px solid #eee}.tab-button{flex:1;padding:1rem;background:#f5f5f5;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.95rem;font-weight:500;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;color:#666}.tab-button.active{background-image:none!important;background-color:var(--notebook-color)!important;color:#fff!important;border-bottom-color:transparent!important}.tab-button:hover:not(.active){background-color:#f9f9f9}.tab-button i{font-size:1rem}.upload-container{display:flex;flex-direction:column;gap:.25rem}.file-input{padding:1.5rem;border:2px dashed #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease;text-align:center}.file-input-label{display:block;padding:5rem 2rem;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;background-color:#fafafa;margin-bottom:.5rem}.file-input-label:hover{border-color:var(--notebook-color);background-color:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.file-input-label.dragging{border-color:#6147ff;background-color:#f5f3ff;border-width:3px;transform:scale(1.02);box-shadow:0 8px 24px #6147ff33;animation:pulse 1s infinite}@keyframes pulse{0%{box-shadow:0 8px 24px #6147ff33}50%{box-shadow:0 8px 32px #6147ff4d}to{box-shadow:0 8px 24px #6147ff33}}.file-input-label.dragging .file-input-content i{color:#6147ff;transform:scale(1.2);animation:bounce .5s infinite}@keyframes bounce{0%,to{transform:translateY(0) scale(1.2)}50%{transform:translateY(-10px) scale(1.2)}}.file-input-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.file-input-content i{font-size:2.5rem;color:var(--notebook-color);margin-bottom:.5rem}.file-input-content p{margin:0;font-size:1.1rem;font-weight:600;color:#333}.file-input-content span{font-size:.9rem;color:#666;font-style:italic}.selected-files{margin:.5rem 0 .25rem;padding:0 1.5rem}.selected-files p{margin:.25rem 0;font-weight:600;color:#333;font-size:.75rem}.selected-files ul{list-style:none;padding-left:0;margin:.25rem 0}.selected-files li{display:flex;justify-content:space-between;align-items:center;margin:.25rem 0;padding:.4rem .6rem;background-color:#f0f8ff;border-radius:6px;border:1px solid #6147FF;transition:all .2s;box-shadow:0 1px 2px #6147ff1a;font-size:.8rem;min-height:32px}.selected-files li:hover{background-color:#e8f2ff;border-color:#5138e5;transform:translateY(-1px)}.file-name{flex:1;color:#333;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.file-actions{display:flex;gap:.25rem;margin-left:.5rem}.preview-button,.remove-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;font-size:.7rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.preview-button{color:var(--notebook-color)}.preview-button:hover{background-color:rgba(var(--notebook-color-rgb),.1)}.remove-button{color:#dc3545}.remove-button:hover{background-color:#dc35451a}.generate-button{width:100%;padding:.75rem;background-color:var(--notebook-color);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.generate-button:hover:not(:disabled){background-color:var(--notebook-color-dark)}.generate-button:disabled{background-color:#ccc;cursor:not-allowed}.concept-form{display:flex;flex-direction:column;gap:1rem}.form-group label{font-size:.9rem;font-weight:500;color:#555}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--notebook-color);outline:none;box-shadow:0 0 0 2px #0000001a}.form-group textarea{resize:vertical;min-height:100px}.add-concept-button{background-color:var(--notebook-color);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem;width:100%}.add-concept-button:hover:not(:disabled){filter:brightness(.9)}.add-concept-button:disabled{background-color:#ccc;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.notebook-detail-main{padding:1rem 1rem 0;margin:0 auto}.sidebar-container{display:flex;margin-bottom:1.5rem}.tools-menu-section{width:100%}.concepts-section{padding:.25rem 1rem 1rem}.concept-cards{grid-template-columns:repeat(2,1fr);gap:12px}.concept-card,.add-concept-card{padding:10px;min-height:75px}.concept-card h4,.add-concept-card h4{font-size:.85rem}.add-concept-card p{font-size:.7rem}.breadcrumb h1{font-size:1.3rem;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notebook-detail-header{padding:0 1rem}.notebook-detail-header .back-button{left:.25rem!important}.notebook-detail-header .header-content{padding:0 1rem}.title-container h1{font-size:1.1rem!important;font-weight:500}.dominio-progress-labels{row-gap:.3rem!important;column-gap:.5rem!important;margin-top:.5rem}.progress-label-btn{font-size:.75rem;padding:.25rem .5rem;border-radius:16px;gap:.3rem}.progress-label-btn span{font-size:.75rem}.label-dot{width:8px;height:8px}.progress-label-btn i{font-size:.8rem}.modal-content{width:95%;max-height:85vh}.modal-header h2{font-size:1.1rem}.tab-button{padding:.75rem .5rem;font-size:.85rem}}@media (min-width: 769px) and (max-width: 1024px){.notebook-detail-main{padding:1.5rem 1.5rem 0;display:block}.concept-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.notebook-detail-main{padding:2rem 3rem 0}.concepts-section{padding:.625rem 2.5rem 2.5rem}}.notebook-detail-header .title-container h1{color:#fff!important}.frozen-indicator{display:inline-flex;align-items:center;gap:.5rem;background-color:#fff3;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;margin-left:1rem}.frozen-indicator i{font-size:1rem}.frozen-score{font-weight:600}.frozen-score-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;background-color:#e0f2fe;border-radius:.5rem}.frozen-score-display .score{font-size:2rem;font-weight:700;color:#0369a1}.frozen-notebook-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;min-height:300px;gap:1rem}.frozen-notebook-message i{font-size:4rem;color:#3b82f6;margin-bottom:1rem}.frozen-notebook-message h3{font-size:1.5rem;color:#1f2937;margin:0}.frozen-notebook-message p{font-size:1rem;color:#6b7280;margin:.5rem 0;max-width:500px}.concepts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.concepts-header h2{margin:0}.dominio-filters{display:flex;gap:.5rem;flex-wrap:wrap}.dominio-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e5e7eb;background-color:#fff;border-radius:25px;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;font-weight:500;font-size:.9rem;color:#374151}.dominio-filter-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.dominio-filter-btn.active{background-color:#f3f4f6;border-color:#9ca3af;font-weight:600}.dominio-filter-btn.all.active{background-color:#f3f4f6;border-color:#6b7280}.dominio-filter-btn.red.active{background-color:#fee2e2;border-color:#ef4444;color:#dc2626}.dominio-filter-btn.yellow.active{background-color:#fef3c7;border-color:#f59e0b;color:#d97706}.dominio-filter-btn.green.active{background-color:#d1fae5;border-color:#10b981;color:#059669}.filter-circle{width:16px;height:16px;border-radius:50%;display:inline-block}.filter-circle.red{background-color:#ef4444}.filter-circle.yellow{background-color:#f59e0b}.filter-circle.green{background-color:#10b981}.dominio-progress-container{margin-top:1rem;margin-bottom:.5rem}.dominio-progress-bar{width:100%;height:20px;background-color:#f3f4f6;border-radius:10px;overflow:hidden;display:flex;box-shadow:inset 0 2px 4px #0000000f}.dominio-progress-segment{height:100%;transition:width .5s ease;position:relative}.dominio-progress-segment.green{background-color:#10b981}.dominio-progress-segment.yellow{background-color:#f59e0b}.dominio-progress-segment.red{background-color:#ef4444}.dominio-progress-labels{display:flex;gap:1.5rem;margin-top:.75rem;flex-wrap:wrap;justify-content:center}.progress-label{display:flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;font-size:.875rem;color:#4b5563}.progress-label-btn{display:flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;font-size:.875rem;color:#4b5563;background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:.4rem .8rem;cursor:pointer;transition:all .2s ease}.progress-label-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.progress-label-btn.active{background-color:#f3f4f6;border-color:#9ca3af;font-weight:600}.progress-label-btn.active:has(.label-dot.green){background-color:#d1fae5;border-color:#10b981;color:#059669}.progress-label-btn.active:has(.label-dot.yellow){background-color:#fef3c7;border-color:#f59e0b;color:#d97706}.progress-label-btn.active:has(.label-dot.red){background-color:#fee2e2;border-color:#ef4444;color:#dc2626}.label-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.label-dot.green{background-color:#10b981}.label-dot.yellow{background-color:#f59e0b}.label-dot.red{background-color:#ef4444}@media (max-width: 768px){.concepts-header{flex-direction:column;align-items:flex-start}.dominio-filters{width:100%;justify-content:flex-start}.dominio-filter-btn{padding:.4rem .8rem;font-size:.85rem}.filter-circle{width:14px;height:14px}}.preview-modal{background-color:#fff;border-radius:12px;width:90vw;max-width:1200px;height:90vh;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.preview-header h3{margin:0;font-size:1.2rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70vw}.close-preview-button{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#666;padding:.5rem;border-radius:6px;transition:all .2s}.close-preview-button:hover{background-color:#e0e0e0;color:#333}.preview-content{padding:1rem;overflow:auto;flex:1;display:flex;align-items:center;justify-content:center;background-color:#fafafa;min-height:0;height:100%}.preview-content img{display:block;margin:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:8px}.preview-content iframe{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:8px}.preview-content pre{margin:0;min-width:60vw;max-width:85vw;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.preview-button:hover{background-color:#0000000d}.materials-section{background-color:#fff;padding:1.5rem;border-radius:12px}.materials-section .section-header{display:flex;justify-content:space-between;align-items:center}.materials-section h2{color:#333;font-size:1.5rem;margin:0;display:flex;align-items:center;gap:.75rem}.toggle-materials-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.toggle-materials-btn:hover{background-color:#0000000d;color:#333}.toggle-materials-btn i{transition:transform .3s ease}.materials-section .section-header .material-actions{display:flex;gap:.25rem}.materials-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;animation:fadeInSlide .3s ease-out;justify-content:center;justify-items:stretch}@keyframes fadeInSlide{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:500px;overflow:visible}}.material-card{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box}.material-card:hover{border-color:var(--notebook-color);box-shadow:0 2px 8px #0000001a}.material-card.selected{border-color:var(--notebook-color);background-color:#0000000d;box-shadow:0 4px 12px #00000026}.material-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;overflow:hidden}.material-info i{font-size:1.5rem;color:var(--notebook-color)}.material-name{flex:1;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.material-size{color:#666;font-size:.85rem;margin-right:1rem}.material-card-actions{position:relative;margin-left:auto}.material-menu-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1rem}.material-menu-btn:hover{background-color:#f3f4f6;color:#374151}.material-dropdown-menu{position:absolute;right:0;top:calc(100% + .25rem);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:150px;overflow:hidden}.material-dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background-color .2s ease;color:#374151;font-size:.875rem}.material-dropdown-menu .dropdown-item:hover{background-color:#f3f4f6}.material-dropdown-menu .dropdown-item.delete{color:#dc3545}.material-dropdown-menu .dropdown-item.delete:hover{background-color:#fee2e2}.material-card.selected .material-menu-btn{color:#6366f1}.material-card.selected .material-menu-btn:hover{background-color:#e0e7ff;color:#4f46e5}.material-actions{display:flex;gap:.25rem;justify-content:flex-end;margin-top:-2.5rem;margin-bottom:1rem;position:relative;z-index:10}.view-material-btn{background-color:var(--notebook-color);color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.view-material-btn:hover{opacity:.9;transform:translateY(-1px)}.download-material-btn{background-color:#28a745;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center}.download-material-btn:hover{background-color:#218838;transform:translateY(-1px);color:#fff}.material-filter-info{background-color:var(--notebook-color);color:#fff;padding:.75rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.75rem;margin-top:1rem}.material-filter-info i{font-size:1rem}.clear-filter-btn{margin-left:auto;background-color:#fff;color:var(--notebook-color);border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.clear-filter-btn:hover{background-color:#f0f0f0}.materials-note{margin-top:1rem;padding:.75rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#555}.materials-note i{color:#3498db}.empty-state-concepts-new{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#fafafa;border-radius:16px;border:1.5px solid #e5e7eb;margin:2rem 0;min-height:280px;text-align:center}.empty-concepts-icon{margin-bottom:1.5rem;opacity:.8}.empty-concepts-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;letter-spacing:-.01em}.empty-concepts-subtitle{font-size:1rem;color:#6b7280;margin:0 0 2rem;line-height:1.5;max-width:400px}.btn-add-first-concept{background:#6147ff;color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 8px #6147ff33}.btn-add-first-concept:hover{background:#5a3fd4;transform:translateY(-2px);box-shadow:0 6px 16px #6147ff4d}.btn-add-first-concept i{font-size:.9rem}.add-concepts-modal-new{max-width:520px!important;width:520px!important;height:750px!important;padding:0!important;border-radius:20px;animation:none!important;transform:none!important;transition:none!important;opacity:1!important;border:1px solid #e5e7eb!important;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d!important;outline:none!important;background:#fff!important;overflow:hidden}.modal-content.add-concepts-modal-new,.add-concepts-modal-new.modal-content,body .modal-overlay .modal-content.add-concepts-modal-new,html body div.modal-content.add-concepts-modal-new{padding:0!important;max-width:520px!important;width:520px!important;height:750px!important;max-height:750px!important;min-height:750px!important}.modal-overlay .add-concepts-modal-new{position:static!important;margin:0 auto!important;padding:0!important;height:750px!important;max-height:750px!important}.add-concepts-modal-new .modal-header-simple{position:relative;padding:0;display:flex;justify-content:flex-end;border:none!important;box-shadow:none!important;outline:none!important}.add-concepts-modal-new .close-button-simple{background:none;border:none;font-size:1.2rem;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-concepts-modal-new .close-button-simple:hover{background:#f3f4f6;color:#1f2937}.add-concepts-modal-new .modal-main-content{padding:0 1.5rem;text-align:center;border:none!important;box-shadow:none!important;outline:none!important}.add-concepts-modal-new .modal-icon{margin-bottom:.75rem}.add-concepts-modal-new .modal-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;letter-spacing:-.02em}.add-concepts-modal-new .modal-subtitle{color:#6b7280;font-size:.95rem;margin:0;line-height:1.4}.modal-tabs-new{display:flex;gap:.5rem;margin:0 1.5rem;background:#f8f9fa;border-radius:12px;padding:.25rem}.tab-btn{flex:1;background:transparent;border:none;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-btn:hover{color:#374151;background:#ffffff80}.tab-btn.active{background:#fff;color:#6147ff;box-shadow:0 2px 4px #0000001a}.tab-btn i{font-size:.85rem}.modal-content-body{padding:0 1.5rem 1.5rem;border:none!important;box-shadow:none!important;outline:none!important}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes progressShine{0%{background-position:-40px 0}to{background-position:40px 0}}.generate-button{background:linear-gradient(135deg,#6147ff,#8b5cf6)}.generate-button:disabled{cursor:not-allowed;opacity:.7}.concept-detail-container{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;position:fixed;top:64px;left:60px;right:0;bottom:0;width:calc(100vw - 60px);height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto}.concept-detail-header{display:flex;align-items:center;background-color:var(--notebook-color, var(--primary-color));color:#fff;box-shadow:var(--shadow);padding:0 2rem;height:60px;position:relative;z-index:5}.concept-detail-header .header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.concept-detail-header .breadcrumb{display:flex;align-items:center;position:relative;width:100%;padding:10px 0}.back-button{background:#fff!important;border:none!important;color:var(--theme-color, #6147FF)!important;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px!important;height:40px!important;display:flex;align-items:center;justify-content:center;transition:background-color .2s,opacity .2s,box-shadow .2s;outline:none;box-shadow:0 2px 4px #0000001a!important;margin:0!important}.concept-detail-header .centered-title{flex-grow:1;text-align:center;margin:0 auto;width:100%}.back-button:hover{background:#fffffff2!important;box-shadow:0 4px 8px #00000026!important}.back-button-notebook{position:absolute;top:20px;left:20px;background:#fff;border:none;color:var(--theme-color, #6147FF);font-size:1.2rem;cursor:pointer;padding:.75rem;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000026;z-index:10}.back-button-notebook:hover{background:#f5f5f5;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.back-button-notebook i{font-size:1.3rem}.delete-concept-button{display:flex;align-items:center;padding:.5rem 1rem;background-color:transparent;border:1px solid #dc3545;color:#dc3545;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.delete-concept-button i{margin-right:.5rem}.delete-concept-button:hover:not(:disabled){background-color:#dc3545;color:#fff}.delete-concept-button:disabled{opacity:.6;cursor:not-allowed}.concept-detail-main{flex:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:2rem;box-sizing:border-box;overflow-y:auto}.concept-container{display:grid;grid-template-columns:1fr;gap:2rem;justify-items:center;max-width:550px;margin:0 auto}@media (min-width: 992px){.concept-container{grid-template-columns:1fr;max-width:550px}}.concept-card-detail{background-color:var(--card-background);border-radius:8px;box-shadow:var(--shadow);padding:2rem;height:fit-content;width:100%;max-width:550px}.concept-term{font-size:1.8rem;color:var(--primary-color);margin-bottom:1.5rem;font-weight:700}.concept-definition,.concept-source{margin-bottom:2rem}.concept-definition h3,.concept-source h3{font-size:1.1rem;color:var(--light-text);margin-bottom:.5rem}.concept-definition p{font-size:1.2rem;line-height:1.6}.concept-source cite{font-size:1rem;font-style:italic;color:var(--light-text)}.concept-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee;display:flex;justify-content:flex-start}.edit-concept-button{display:flex;align-items:center;padding:.5rem 1.25rem;background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500}.edit-concept-button i{margin-right:.5rem}.edit-concept-button:hover{background-color:var(--primary-color);color:#fff}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem;text-align:center;padding:2rem}.error-container h2{color:var(--danger-color)}.edit-form{width:100%}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--light-text)}.edit-input,.edit-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;font-family:inherit}.edit-textarea{resize:vertical;min-height:120px}.edit-actions{display:flex;gap:1rem;margin-top:1.5rem}.save-button,.cancel-button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem}.save-button{background-color:var(--primary-color);color:#fff}.cancel-button{background-color:var(--light-gray, #f0f0f0);color:var(--dark-text)}.save-button:hover{background-color:var(--primary-hover, #0056b3)}.cancel-button:hover{background-color:#e0e0e0}.personal-notes-card{background-color:var(--card-background);border-radius:8px;box-shadow:var(--shadow);padding:2rem;position:relative;display:flex;flex-direction:column;border-left:4px solid #ffc107}.personal-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.personal-notes-header h2{font-size:1.4rem;color:#5c5b5b;display:flex;align-items:center;gap:.5rem;margin:0}.personal-notes-header h2 i{color:#ffc107}.edit-notes-button{display:flex;align-items:center;padding:.5rem 1rem;background-color:transparent;border:1px solid #ffc107;color:#5c5b5b;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.edit-notes-button i{margin-right:.5rem;color:#ffc107}.edit-notes-button:hover{background-color:#ffc107;color:#fff}.edit-notes-button:hover i{color:#fff}.notes-edit-actions{display:flex;gap:.5rem}.save-notes-button,.cancel-notes-button{display:flex;align-items:center;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.85rem;border:none}.save-notes-button{background-color:#28a745;color:#fff}.save-notes-button i{margin-right:.5rem}.cancel-notes-button{background-color:#f8f9fa;color:#5c5b5b;border:1px solid #ddd}.cancel-notes-button i{margin-right:.5rem}.cancel-notes-button:hover:not(:disabled){background-color:#e2e6ea}.save-notes-button:disabled,.cancel-notes-button:disabled{opacity:.6;cursor:not-allowed}.personal-notes-content{flex:1;background-color:#fffdf5;border-radius:4px;padding:1.5rem;min-height:200px}.notes-text{font-size:1.1rem;line-height:1.7;color:#333;white-space:pre-line}.notes-text p{margin-bottom:.75rem}.empty-notes{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#888;text-align:center;padding:1rem}.empty-notes p{margin-bottom:1rem;font-size:.95rem}.notes-textarea{width:100%;height:100%;min-height:250px;padding:1rem;border:1px solid #ffe38f;border-radius:4px;font-size:1.1rem;line-height:1.6;font-family:inherit;color:#333;background-color:#fff;resize:vertical;transition:all .3s ease}.notes-textarea:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc10733}.notes-textarea::placeholder{color:#aaa;font-size:.95rem}@media (max-width: 768px){.concept-detail-header,.concept-detail-main{padding:0 1rem}.breadcrumb h1{font-size:1.2rem}.delete-concept-button{font-size:.8rem;padding:.4rem .8rem}.personal-notes-card{padding:1.5rem}.personal-notes-header{flex-direction:column;align-items:flex-start}.personal-notes-header h2{margin-bottom:.5rem}.notes-edit-actions{width:100%}.save-notes-button,.cancel-notes-button{flex-grow:1;justify-content:center}}.concept-navigation{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap;width:100%;max-width:550px}.concept-nav-button{background-color:var(--card-background);border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:all .2s ease;color:var(--text-color);font-size:1.2rem}.concept-nav-button i{color:var(--primary-color);transition:color .2s ease}.concept-nav-button:hover:not(:disabled){background-color:var(--primary-color)}.concept-nav-button:hover:not(:disabled) i{color:#fff}.concept-nav-button:active:not(:disabled){transform:translateY(0)}.concept-nav-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.concept-nav-button:disabled i{color:var(--light-text)}.concept-pagination{background-color:var(--card-background);padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;color:var(--text-color);font-weight:500;box-shadow:var(--shadow);transition:all .3s ease;animation:fadeEffect .5s ease}@media (max-width: 768px){.concept-navigation{margin-bottom:1.5rem}.concept-nav-button{width:2.5rem;height:2.5rem;font-size:1rem}.concept-pagination{padding:.4rem 1rem;font-size:.8rem}}@keyframes fadeEffect{0%{opacity:.5}to{opacity:1}}.concept-card-detail,.personal-notes-card{animation:fadeEffect .3s ease-in}.concept-nav-button.navigating{background-color:var(--light-gray);cursor:wait}.auto-read-toggle{background-color:var(--card-background);border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:all .2s ease;color:var(--notebook-color);margin-left:10px}.auto-read-toggle:hover{background-color:var(--notebook-color);color:#fff}.text-to-speech-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.text-to-speech-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;background-color:var(--notebook-color, var(--primary-color));color:#fff}.text-to-speech-button.playing{background-color:var(--notebook-color, var(--primary-color));opacity:.9;animation:pulse 2s infinite}.text-to-speech-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.text-to-speech-button i{font-size:1rem}.text-to-speech-stop{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .2s ease;border:none;background-color:#f44336;color:#fff}.text-to-speech-stop:hover{background-color:#e53935;transform:scale(1.05)}.concept-tts-button{margin-top:1rem;margin-right:auto;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;background-color:var(--primary-color);opacity:.85}.notes-tts-button{margin-top:1rem;margin-right:auto;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;background-color:#ffc107;color:#333}@keyframes pulse{0%{opacity:.9}50%{opacity:.7}to{opacity:.9}}@media (max-width: 768px){.text-to-speech-button{padding:.4rem .7rem;font-size:.8rem}.text-to-speech-stop{width:28px;height:28px}.button-text{display:none}.text-to-speech-button.icon-only{padding:.4rem;width:32px;height:32px;justify-content:center}}.explain-concept-container{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--card-background, #ffffff);border-radius:8px;box-shadow:var(--shadow, 0 4px 12px rgba(0, 0, 0, .1))}.explain-concept-container h2{color:var(--primary-color, #ffc107);margin-bottom:1.5rem;font-size:1.8rem;border-bottom:2px solid var(--primary-color, #ffc107);padding-bottom:.5rem}.concept-selector{margin-bottom:2rem}.concept-selector label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color, #333)}.concept-selector select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;color:var(--text-color, #333);background-color:#fff}.concept-selector select:focus{outline:none;border-color:var(--primary-color, #ffc107);box-shadow:0 0 0 2px #ffc10733}.explanation-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.explanation-buttons button{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:var(--text-color, #333);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.explanation-buttons button:hover:not(:disabled){background-color:#f9f9f9;border-color:var(--primary-color, #ffc107)}.explanation-buttons button.active{background-color:var(--primary-color, #ffc107);color:#fff;border-color:var(--primary-color, #ffc107)}.explanation-buttons button:disabled{opacity:.6;cursor:not-allowed}.explanation-container{min-height:200px;background-color:#f9f9f9;border-radius:4px;padding:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.loading-animation{font-size:2rem;color:var(--primary-color, #ffc107);margin-bottom:1rem}.explanation-content{padding:1rem}.explanation-content h3{margin-bottom:1rem;color:var(--primary-color, #ffc107);font-size:1.4rem}.explanation-content p{font-size:1.1rem;line-height:1.6;color:var(--text-color, #333)}.empty-explanation{display:flex;align-items:center;justify-content:center;height:200px;text-align:center;color:#888}.concept-definition{background-color:#f8f9fa;padding:1rem;border-radius:6px;margin:1rem 0;border-left:4px solid var(--primary-color)}.concept-definition h3{font-size:1rem;margin-bottom:.5rem;color:#5c5b5b}.concept-definition p{margin:0;font-size:1rem;line-height:1.5;color:#333}.save-to-notes{display:flex;align-items:center;gap:1rem;margin:1rem 0}.save-notes-button{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.save-notes-button:hover:not(:disabled){background-color:#218838}.save-notes-button:disabled{opacity:.7;cursor:not-allowed}.save-success{color:#28a745;font-weight:500;display:flex;align-items:center;gap:.5rem;animation:fadeIn .5s ease}@media (max-width: 768px){.explanation-buttons{flex-direction:column}.explanation-buttons button{width:100%}}.tool-page-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 0 15px #0000004d;animation:fadeIn .2s ease-out}.tool-page-header{display:flex;align-items:center;background-color:var(--card-background, #ffffff);box-shadow:var(--shadow, 0 4px 12px rgba(0, 0, 0, .1));padding:0 2rem;height:70px;position:sticky;top:0;z-index:10}.tool-page-header .header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.breadcrumb{display:flex;align-items:center;gap:1rem}.back-button{display:flex;align-items:center;padding:.5rem 1rem;background-color:transparent;border:1px solid var(--primary-color, #ffc107);color:var(--primary-color, #ffc107);border-radius:4px;cursor:pointer;transition:all .3s ease;text-decoration:none}.back-button:hover{background-color:var(--primary-color, #ffc107);color:#fff}.breadcrumb h1{font-size:1.4rem;color:var(--text-color, #333);margin:0}.tool-page-content{flex:1;max-width:1000px;margin:3rem auto;padding:0 2rem}@media (max-width: 768px){.tool-page-header{padding:0 1rem}.tool-page-content{padding:0 1rem;margin:2rem auto}.breadcrumb h1{font-size:1.2rem}}.close-overlay{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:1.2rem;color:var(--text-color, #333);cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .2s}.tool-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.tool-overlay-content{background-color:var(--card-background, #ffffff);border-radius:8px;box-shadow:0 5px 20px #0003;width:80%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;animation:scaleIn .2s ease-out;overflow:hidden}.tool-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #eaeaea)}.tool-overlay-header h2{margin:0;font-size:1.3rem;color:var(--text-color, #333)}.tool-overlay-body{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 60px)}.close-overlay{background:transparent;border:none;font-size:1.2rem;color:var(--text-color, #333);cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.close-overlay:hover{background-color:#0000000d}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.tool-overlay-content{width:95%;max-height:90vh}.tool-overlay-header{padding:.8rem 1rem}.tool-overlay-body{padding:1rem}}:root{--shared-notebook-color: var(--primary-color)}.shared-notebook-container{min-height:100vh;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column}.shared-notebook-header{background-color:var(--shared-notebook-color);color:#fff;padding:1rem;box-shadow:var(--shadow);height:var(--header-height);position:sticky;top:0;z-index:10}.shared-notebook-header .header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.shared-notebook-main{flex:1;max-width:800px;margin:2rem auto;padding:0 2rem}.shared-info-card{background-color:#fff;border-radius:8px;box-shadow:var(--shadow);padding:2rem}.shared-header{margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:1rem}.shared-header h2{color:var(--shared-notebook-color);margin:0 0 .5rem;font-size:1.5rem}.shared-by{color:#666;font-size:.9rem;margin:0}.concepts-preview{margin-bottom:2rem}.concepts-preview h3{font-size:1.1rem;margin-bottom:1rem;color:#333}.concept-preview-list ul{list-style:none;padding:0;margin:0}.concept-preview-item{padding:.75rem 1rem;background-color:#f9f9f9;border-radius:4px;margin-bottom:.5rem;border-left:3px solid var(--shared-notebook-color)}.concept-term{font-weight:500}.and-more{text-align:center;font-style:italic;color:#666;padding:.5rem}.auth-prompt{background-color:#f5f5f5;padding:1.5rem;border-radius:8px;text-align:center;margin-top:1.5rem}.auth-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.login-button,.register-button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s}.login-button{background-color:var(--shared-notebook-color);color:#fff}.login-button:hover{filter:brightness(1.1)}.register-button{background-color:#fff;color:var(--shared-notebook-color);border:1px solid var(--shared-notebook-color)}.register-button:hover{background-color:#f0f0ff}.error-container{text-align:center;padding:3rem}.error-icon{font-size:3rem;color:#dc3545;margin-bottom:1rem}.primary-button{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;margin-top:1rem}.spinner-small{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.notebook-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.share-button{background-color:var(--primary-color);color:#fff;border:none}.share-button:hover{filter:brightness(1.1)}.save-button{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.save-button:hover{background-color:rgba(var(--primary-color-rgb),.1)}.share-modal-content{padding:1rem 0}.share-link-container{margin:1rem 0}.copy-success{color:#28a745;margin-top:.5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.shared-notebook-view{padding:2rem;background-color:#fff;border-radius:8px;box-shadow:var(--shadow);margin-top:2rem}.shared-notebook-banner{background-color:#f8f9fa;border-left:4px solid var(--primary-color);padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.save-notification{position:fixed;bottom:2rem;right:2rem;background-color:#4caf50;color:#fff;padding:1rem;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:1000;animation:fadeIn .3s,fadeOut .3s 2.7s;opacity:0;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}html,body,#root{height:auto!important;min-height:100%;overflow:visible!important;overflow-y:auto!important;position:static!important}.voice-settings-container{min-height:100vh;background-color:var(--background-color, #f5f7fa);color:var(--text-color, #333);display:block!important;overflow-y:auto!important;position:relative;width:100%;height:auto!important}.voice-settings-main{max-width:1000px;margin:2rem auto;padding:0 1rem 2rem;overflow-y:visible!important;width:100%;height:auto!important}.settings-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:2rem;margin-bottom:2rem;overflow:visible;width:100%;height:auto}.settings-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #eee;width:100%}.settings-section:last-of-type{border-bottom:none;margin-bottom:1.5rem;padding-bottom:0}.settings-section h2{font-size:1.25rem;margin-bottom:.5rem;color:var(--primary-color, #4F46E5)}.section-description{color:#6c757d;margin-bottom:1.5rem;font-size:.95rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057}.voice-select{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-size:1rem;background-repeat:no-repeat}.range-input{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;background-color:#e9ecef;margin-bottom:.5rem}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background-color:var(--primary-color, #4F46E5);cursor:pointer}.range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background-color:var(--primary-color, #4F46E5);cursor:pointer;border:none}.range-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#6c757d}.checkbox-group{display:flex;align-items:center;gap:.75rem}.checkbox-group label{margin-bottom:0;cursor:pointer}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color, #4F46E5)}.test-text-input{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;resize:vertical;min-height:80px;font-family:inherit}.test-text-input[readonly]{background-color:#f8f9fa;color:#6c757d;cursor:default;border-color:#e9ecef}.test-text-display{padding:.75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;min-height:80px;display:flex;align-items:center}.test-voice-button{background-color:var(--primary-color, #4F46E5);color:#fff;border:none;border-radius:4px;padding:.75rem 1.25rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.test-voice-button:hover{background-color:#4338ca}.settings-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;width:100%}.save-success-message{background-color:#d4edda;color:#155724;padding:.75rem;border-radius:4px;display:flex;align-items:center;gap:.5rem;animation:fadeIn .3s ease-in}.action-buttons{display:flex;justify-content:flex-end;gap:1rem;width:100%}.cancel-button,.save-button{padding:.75rem 1.25rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.cancel-button{background-color:#fff;border:1px solid #6c757d;color:#6c757d}.save-button{background-color:var(--primary-color, #4F46E5);border:none;color:#fff}.cancel-button:hover{background-color:#f8f9fa}.save-button:hover{background-color:#4338ca}.save-button:disabled{background-color:#a5a1f7;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){html,body{height:auto!important;overflow:visible!important;-webkit-overflow-scrolling:touch;position:static!important;overscroll-behavior:auto}.voice-settings-container{height:auto!important;min-height:100vh;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;position:relative;touch-action:pan-y;overscroll-behavior-y:auto}.voice-settings-main{overflow-y:visible!important;height:auto;padding-bottom:100px}.settings-card{padding:1.5rem;overflow:visible}.settings-section h2{font-size:1.1rem}.action-buttons{position:relative;bottom:auto;left:auto;padding:1rem 0;flex-direction:column-reverse;gap:.75rem}.cancel-button,.save-button{width:100%;justify-content:center}}.development-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.development-content{padding:1rem 2rem 2rem;margin-left:2.5rem;max-width:1200px;margin-right:auto}.development-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a}.dev-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;animation:pulse 2s infinite}.development-header h1{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.dev-subtitle{font-size:1.2rem;color:#666;margin-bottom:2rem}.dev-info{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.dev-info-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.dev-info-label{font-size:.9rem;color:#888;text-transform:uppercase;font-weight:500}.dev-info-value{font-weight:600;color:#333;padding:4px 12px;background:#667eea1a;border-radius:8px}.modules-section,.dev-tools-section,.feedback-section{margin-bottom:3rem}.modules-section h2,.dev-tools-section h2,.feedback-section h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modules-grid,.dev-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.module-card,.tool-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.module-card:hover,.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#667eea4d}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.module-icon,.tool-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.module-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:8px;height:8px;border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.status-text{font-size:.8rem;font-weight:500;color:#666;text-transform:uppercase}.module-content h3,.tool-card h3{font-size:1.3rem;color:#333;margin-bottom:.5rem;font-weight:600}.module-description,.tool-card p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.module-actions{display:flex;justify-content:flex-end}.btn-test,.btn-demo,.btn-soon,.btn-tool{padding:8px 16px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-test{background:linear-gradient(135deg,#34c759,#30b855);color:#fff}.btn-test:hover{transform:translateY(-1px);box-shadow:0 4px 12px #34c7594d}.btn-demo{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff}.btn-demo:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.btn-soon,.btn-tool:disabled{background:#e5e5ea;color:#8e8e93;cursor:not-allowed}.btn-tool{background:linear-gradient(135deg,#6147ff,#8b5dff);color:#fff;width:100%}.btn-tool:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6147ff4d}.feedback-section{text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a}.feedback-section h2{color:#333;text-shadow:none}.feedback-section p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.btn-feedback{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-feedback:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:#fff;padding:2rem}.access-denied-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.access-denied h2{font-size:2rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.access-denied p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.btn-back{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-back:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}@media (max-width: 768px){.development-content{padding:1rem;margin-left:0}.development-header h1{font-size:2rem}.modules-grid,.dev-tools-grid{grid-template-columns:1fr}.dev-info{flex-direction:column;gap:1rem}}.module-card.planning{border-left:4px solid #FF9500}.module-card.development{border-left:4px solid #007AFF}.module-card.testing{border-left:4px solid #FF3B30}.module-card.ready{border-left:4px solid #34C759}.mobile-navigation{display:none;position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -2px 10px #0000001a;z-index:100;padding:.5rem 1rem;transition:transform .3s ease;height:60px}.mobile-navigation.visible{transform:translateY(0)}.mobile-navigation.hidden{transform:translateY(100%)}.mobile-navigation{display:flex;justify-content:space-between;align-items:center}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-decoration:none;flex:1;padding:.5rem 0;transition:all .2s ease;position:relative}.nav-item i{font-size:1.25rem;margin-bottom:.25rem}.nav-item span{font-size:.7rem}.nav-item.active{color:var(--primary-color)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:25%;width:50%;height:3px;background-color:var(--primary-color);border-radius:1.5px}.create-button{display:flex;justify-content:center;align-items:center;width:60px;position:relative;top:-15px}.create-button button{width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003;cursor:pointer;transition:all .2s ease}.create-button button i{font-size:1.5rem;margin:0}.create-button button:hover{transform:scale(1.05);background-color:var(--primary-dark)}@media (max-width: 768px){.mobile-navigation{display:flex}main,.notebooks-main,.notebook-detail-main,.concept-detail-main{padding-bottom:80px!important}.floating-add-button{bottom:80px}}.study-mode-toggle-container{display:flex;justify-content:center;padding:2rem .75rem 0;margin:3rem auto 0;max-width:fit-content}.study-mode-toggle{display:flex!important;position:relative;background:#fff!important;border-radius:30px!important;padding:4px!important;gap:4px!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid rgba(0,0,0,.05)!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important}.toggle-option{position:relative!important;z-index:2;display:flex!important;align-items:center!important;gap:6px!important;padding:8px 18px!important;border:none!important;background:transparent!important;color:#9ca3af!important;cursor:pointer!important;border-radius:26px!important;transition:all .3s ease!important;font-size:.95rem!important;font-weight:500!important;min-width:110px!important;justify-content:center!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important}.toggle-option.active{color:#6147ff!important;font-weight:600!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important}.toggle-option:hover:not(.active){color:#6b7280}.toggle-icon{font-size:1rem;display:flex;align-items:center}.toggle-option .toggle-icon{color:#9ca3af;transition:color .3s ease}.toggle-option.active .toggle-icon{color:#6147ff}.toggle-option:hover:not(.active) .toggle-icon{color:#6b7280}.toggle-label{letter-spacing:.01em}.toggle-slider{position:absolute!important;top:4px!important;left:4px!important;right:auto!important;bottom:auto!important;width:calc(50% - 4px)!important;height:calc(100% - 8px)!important;background:#6147ff1a!important;background-color:#6147ff1a!important;border-radius:26px!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 3px #6147ff26!important;border:1px solid rgba(97,71,255,.1)!important;cursor:auto!important}.toggle-slider[data-position=path]{transform:translate(calc(100% + 4px))!important}@media (max-width: 768px){.study-mode-toggle-container{padding:1.5rem 1rem 0;margin:4rem auto 0;width:100%;max-width:none;display:flex;justify-content:center;align-items:center;text-align:center}.toggle-option{padding:7px 14px;min-width:95px;font-size:.85rem}.toggle-icon{font-size:.95rem}.study-mode-toggle{padding:3px}.toggle-slider{top:3px;left:3px;width:calc(50% - 5px);height:calc(100% - 6px)}.toggle-slider[data-position=path]{transform:translate(calc(100% + 3px))}}@media (max-width: 480px){.study-mode-toggle-container{padding:1rem .75rem 0;margin:3rem auto 0;width:100%;max-width:none;display:flex;justify-content:center;align-items:center;text-align:center}.toggle-option{padding:6px 12px;min-width:85px;font-size:.8rem}.toggle-icon{font-size:.9rem}}.study-path-container{padding:2rem 2rem 3rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:1rem auto 3rem;max-width:1200px;min-height:1000px}.path-header{text-align:center;margin-bottom:2rem}.path-header h2{font-size:2rem;color:#2d3748;margin-bottom:.5rem;font-weight:700}.path-header p{color:#718096;font-size:1.1rem;margin-bottom:1rem}.progress-indicator{max-width:500px;margin:0 auto}.progress-text{display:block;color:#4a5568;font-weight:600;margin-bottom:.5rem}.progress-bar{height:12px;background:#ffffff80;border-radius:50px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:50px;transition:width .5s ease;box-shadow:0 2px 4px #667eea66}.study-path{position:relative;height:850px;margin:2rem 0;overflow:hidden;padding-bottom:200px}.path-svg{position:absolute;width:100%;height:100%;z-index:1}.path-line{opacity:.3}.path-progress{transition:stroke-dasharray .5s ease}.path-modules{position:absolute;width:100%;height:100%;z-index:2}.path-module{position:absolute;cursor:pointer;transition:transform .3s ease}.path-module:hover{transform:scale(1.1)}.path-module.locked{opacity:.6;cursor:not-allowed}.path-module.locked:hover{transform:scale(1)}.module-node{width:60px;height:60px;border-radius:50%;background:#fff;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;position:relative;transition:all .3s ease}.path-module.completed .module-node{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.path-module.available .module-node{background:linear-gradient(135deg,#667eea,#764ba2);animation:pulse 2s infinite}.path-module.locked .module-node{background:#e2e8f0}@keyframes pulse{0%{box-shadow:0 4px 12px #667eea26}50%{box-shadow:0 4px 20px #667eea80}to{box-shadow:0 4px 12px #667eea26}}.checkmark{font-size:1.5rem;color:#fff;animation:checkmarkPop .3s ease}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.lock{font-size:1.2rem}.sparkle{font-size:1.5rem;animation:sparkle 1s ease infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.module-content{text-align:center;min-width:100px}.module-icon{margin-bottom:.25rem;display:flex;justify-content:center;align-items:center}.module-name{font-size:.85rem;color:#4a5568;font-weight:600;white-space:nowrap;background:#fff;padding:.25rem .5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a}.banana-goal{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:3rem;animation:float 3s ease-in-out infinite;transition:all .5s ease}.banana-goal.completed{animation:bananaVictory 2s ease-in-out infinite;filter:drop-shadow(0 0 10px #FFD700)}@keyframes bananaVictory{0%,to{transform:translate(-50%) translateY(0) scale(1);filter:drop-shadow(0 0 10px #FFD700)}25%{transform:translate(-50%) translateY(-15px) scale(1.2);filter:drop-shadow(0 0 20px #FFD700) drop-shadow(0 0 30px #FF9500)}50%{transform:translate(-50%) translateY(0) scale(1.1);filter:drop-shadow(0 0 15px #FFD700) drop-shadow(0 0 25px #FF9500)}75%{transform:translate(-50%) translateY(-10px) scale(1.15);filter:drop-shadow(0 0 18px #FFD700) drop-shadow(0 0 28px #FF9500)}}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.simon-monkey{position:absolute;z-index:3;transition:all .8s cubic-bezier(.4,0,.2,1);pointer-events:none}.simon-sprite{font-size:3rem;animation:bounce 2s ease-in-out infinite;transition:all .5s ease;display:flex;align-items:center;justify-content:center}.simon-logo{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.simon-monkey.completed .simon-sprite{animation:simonVictory 1.5s ease-in-out infinite}.simon-monkey.completed .simon-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 15px #FFD700) drop-shadow(0 0 25px #FF9500)}@keyframes simonVictory{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.1) rotate(-10deg)}50%{transform:translateY(-15px) scale(1.2) rotate(0)}75%{transform:translateY(-8px) scale(1.1) rotate(10deg)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}75%{transform:translateY(5px)}}.simon-shadow{width:40px;height:10px;background:#0003;border-radius:50%;margin:-5px auto 0;animation:shadowPulse 2s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(.8);opacity:.2}}.motivational-message{text-align:center;padding:1.5rem;background:#fff;border-radius:15px;margin-top:3rem;margin-bottom:1rem;box-shadow:0 4px 6px #0000001a}.motivational-message p{color:#4a5568;font-size:1.1rem;margin:0;font-weight:500}.victory-message{animation:victoryPulse 2s ease-in-out infinite}.victory-message p{font-weight:600;margin:.5rem 0}.victory-message p:first-child{color:#6147ff;font-size:1.3rem}.victory-message p:last-child{color:#f59e0b;font-size:1.1rem}@keyframes victoryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.reset-path-button{background:linear-gradient(135deg,#6147ff,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;margin-top:1rem;transition:all .3s ease;box-shadow:0 4px 12px #6147ff4d}.reset-path-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6147ff66}.reset-path-button:active{transform:translateY(0);box-shadow:0 2px 8px #6147ff4d}@media (max-width: 768px){.study-path-container{padding:1rem 1rem 2rem;margin:1rem auto 2rem;min-height:900px}.path-header h2{font-size:1.5rem}.study-path{height:700px;padding-bottom:100px}.motivational-message{margin-top:2rem;padding:1rem}.module-node{width:50px;height:50px}.module-icon{font-size:1.5rem}.module-name{font-size:.75rem}.simon-sprite,.banana-goal{font-size:2rem}}.study-path-container{animation:fadeInUp .5s ease}.daily-metrics-forced-layout{display:flex!important;grid-template-columns:unset!important;flex-direction:row!important;gap:.75rem!important;padding:0 1rem!important;max-width:1000px!important;justify-content:center!important;flex-wrap:nowrap!important;margin:0 auto!important;width:auto!important;box-sizing:content-box!important;flex-shrink:0!important}.study-mode-container .metric-card:nth-child(4){margin-left:0!important;grid-column:unset!important}.study-mode-container .metric-card:nth-child(5){margin-right:0!important;grid-column:unset!important}.study-mode-container .daily-metrics{margin-top:0!important}:root{--primary-color: #6147FF;--secondary-color: #FFD700;--success-color: #34C759;--warning-color: #FF9500;--danger-color: #FF3B30;--info-color: #007AFF;--text-dark: #1C1C1E;--text-medium: #48484A;--text-light: #8E8E93;--text-white: #FFFFFF;--bg-light: #F8F9FA;--bg-white: #FFFFFF;--bg-card: #FFFFFF;--border-light: #E5E5EA;--border-medium: #D1D1D6;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s ease}body:has(.study-mode-container){overflow-y:auto;min-height:100vh;-webkit-overflow-scrolling:touch}.study-mode-container{min-height:100vh;background-color:#fff;display:flex;flex-direction:column;overflow:visible;position:relative}.study-mode-main{flex:1;padding:.5rem 1.5rem 1.5rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;background-color:#fff;overflow:visible;display:flex;flex-direction:column;padding-bottom:100px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.motivational-modules{display:grid;grid-template-columns:2fr .6fr;gap:1.5rem;margin-bottom:2rem}.motivation-module{background:var(--bg-white);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-md);transition:var(--transition)}.motivation-module:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.info-module{display:flex;flex-direction:column;gap:1rem}.combined-info-module{position:relative}.corner-streak{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.75rem;background:#ff6b6b1a;border-radius:var(--radius-sm);padding:.75rem 1rem;border:1px solid rgba(255,107,107,.2);min-width:120px}.corner-streak-icon{font-size:1rem;color:#ff6b6b}.corner-streak-info{display:flex;align-items:center;gap:.5rem}.corner-streak-value{font-size:1.125rem;font-weight:700;color:var(--text-dark);line-height:1}.corner-streak-label{font-size:.75rem;color:var(--text-medium);font-weight:500}.info-module .module-header{display:flex;align-items:center;gap:.75rem;color:var(--info-color)}.info-module .module-header{justify-content:center;margin-bottom:1.5rem}.info-module .module-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-dark)}.info-module .module-content p{margin:0 0 1rem;color:var(--text-medium);font-size:.875rem;line-height:1.5}.info-tips{display:flex;flex-direction:column;gap:.5rem}.info-tips .tip{display:flex;align-items:center;gap:.5rem;font-size:.813rem;color:var(--text-medium)}.info-tips .tip svg{color:var(--secondary-color);font-size:.875rem;flex-shrink:0}.learning-modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:none;margin:0}.learning-module{background:#8089e9;border:2px solid transparent;border-radius:12px;padding:1rem;transition:all .3s ease;min-height:140px;position:relative;overflow:hidden}.learning-module:hover{transform:translateY(-4px)}.content-section{margin-bottom:0;border:2px solid var(--border-light);border-radius:var(--radius-md);padding:2rem;background:var(--bg-white);box-shadow:var(--shadow-sm);transition:var(--transition);min-height:250px}.content-section:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.section-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;color:#fff;text-align:center;padding-top:.5rem}.section-header.clickable{cursor:pointer;transition:var(--transition)}.section-header svg{width:1.5rem;height:1.5rem;color:#fff;fill:#fff}.section-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#fff;flex:1;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.02em}.section-header .expand-icon{transition:transform .3s ease;color:#fffc;margin-left:auto}.section-header .expand-icon.open{transform:rotate(180deg)}.challenge-prompt{text-align:center;color:var(--text-medium);font-size:.875rem;font-style:italic;margin-top:.75rem;padding:.75rem;background:var(--bg-light);border-radius:var(--radius-sm)}.suggestions-list,.challenges-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.suggestion-item{color:#fff;background:#1a24431a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .3s ease;box-shadow:0 4px 16px #1a24431a}.suggestion-item:hover{background:#1a244333;border-color:#1a244380;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #1a244333}.suggestion-item svg{color:gold;font-size:1.125rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.challenge-item{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--bg-light);border-radius:var(--radius-sm);border-left:4px solid var(--primary-color);margin-bottom:.5rem}.challenge-content{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;color:var(--text-medium);line-height:1.6}.challenge-content svg{color:var(--secondary-color);font-size:.875rem;flex-shrink:0;margin-top:.125rem}.challenge-text{flex:1}.challenge-boost{font-size:.75rem;font-weight:600;color:var(--primary-color);background:#6147ff1a;padding:.25rem .5rem;border-radius:12px;align-self:flex-start;margin-left:1.625rem}.challenges-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.challenge-module{color:#fff;background:#1a24431a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent;padding:.625rem .75rem;border-radius:8px;font-size:.7rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .3s ease;box-shadow:0 4px 16px #1a24431a;min-height:70px;justify-content:center;text-align:center;position:relative;overflow:hidden}.challenge-module:hover{background:#1a244333;border-color:#1a244380;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #1a244333}.challenge-preview{font-size:1.125rem;font-weight:600;color:var(--text-medium);display:flex;align-items:center;gap:.5rem}.challenge-full{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.challenge-full .challenge-content{display:flex;align-items:flex-start;gap:.375rem;font-size:.65rem;color:#fff;line-height:1.3}.challenge-full .challenge-boost{align-self:center;margin-left:0;background:#ffd700e6;color:#1a1a1a;padding:.2rem .4rem;border-radius:4px;font-weight:600;font-size:.55rem;text-shadow:none;box-shadow:0 2px 8px #ffd7004d}.challenges-prompt{color:#fff;background:#1a244326;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #1a24431a;text-align:center;margin-top:1rem;position:relative;overflow:hidden}.challenges-prompt:hover{background:#1a244340;border-color:#fff3;transform:translateY(-1px);box-shadow:0 6px 16px #1a244326}.medal-gallery-module{display:flex;flex-direction:column;gap:1rem}.medal-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.division-nav-btn{background:var(--bg-light);border:2px solid var(--border-medium);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--text-medium);font-size:.875rem}.division-nav-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05)}.division-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.viewing-division-info{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center;min-width:180px}.division-icon{font-size:2.5rem;flex-shrink:0}.division-details{text-align:center;min-width:80px}.division-name{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin:0 0 .25rem}.division-status{font-size:.75rem;font-weight:500}.current-division{color:var(--success-color)}.completed-division{color:var(--info-color)}.locked-division{color:var(--text-light)}.medals-grid{display:flex;justify-content:space-between;gap:.5rem}.medal-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-sm);border:2px solid transparent;transition:var(--transition);position:relative;flex:1;max-width:60px}.medal-item.earned{background:linear-gradient(135deg,#6147ff1a,#ffd7001a);border-color:#6147ff4d}.medal-item.locked{background:var(--bg-light);opacity:.6}.medal-item.current-target{border-color:var(--primary-color);background:linear-gradient(135deg,#6147ff1a,#ffd7000d);animation:pulse-medal 2s infinite}@keyframes pulse-medal{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.medal-icon{font-size:1.25rem;border:2px solid transparent;border-radius:50%;padding:.25rem;transition:var(--transition)}.medal-item.current-target .medal-icon{border-width:2px;border-style:solid}.medal-requirement{font-size:.625rem;font-weight:600;color:var(--text-dark);text-align:center}.medal-motivation-message{margin-top:1rem;text-align:center}.motivation-text{background:linear-gradient(135deg,var(--primary-color),#7B5FFF);color:var(--text-white);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm)}.main-study-module{background:var(--bg-white);border-radius:var(--radius-lg);padding:1rem 2rem 2rem;box-shadow:none;border:none;position:relative;margin-bottom:0;display:flex;flex-direction:column;gap:2rem}.main-study-module::-webkit-scrollbar{width:8px}.main-study-module::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.main-study-module::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.main-study-module::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.study-score-module{background:#fff;border-radius:var(--radius-md);padding:1rem 1.5rem;color:var(--text-dark)}.study-score-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.study-score-header h3{margin:0;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.study-score-icon{font-size:1.2rem;color:#6147ff}.study-score-content{text-align:center}.notebook-dropdown-wrapper .study-score-content{background:#fff;border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;z-index:1}.study-score-value{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.25rem;color:#6147ff}.notebook-dropdown-wrapper .study-score-value{font-size:2.25rem;color:#6147ff;font-weight:700}.study-score-label{font-size:.95rem;opacity:.8;font-weight:500;color:var(--text-medium);display:flex;align-items:center;gap:8px;position:relative}.notebook-dropdown-wrapper .study-score-label{font-size:.9rem;color:var(--text-medium);opacity:.9;white-space:nowrap;font-weight:500}.score-info-icon{position:relative;display:inline-flex;align-items:center;cursor:help}.score-info-icon svg{font-size:.85rem;color:var(--text-medium);opacity:.6;transition:opacity .3s ease}.score-info-icon:hover svg{opacity:1}.score-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:12px 24px;width:auto;min-width:340px;white-space:nowrap;box-shadow:0 4px 20px #00000026;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1000;pointer-events:none}.score-info-icon:hover .score-tooltip{opacity:1;visibility:visible}.score-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--card-background)}.score-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:9px solid transparent;border-top-color:var(--border-color);margin-top:-1px}.tooltip-content{font-size:.85rem;color:var(--text-medium);text-align:center;font-weight:500;line-height:1.5;display:flex;flex-direction:column;gap:2px}.motivational-message{text-align:center;margin-bottom:2.5rem}.motivational-message h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-shadow:0 2px 4px rgba(97,71,255,.1)}.motivational-message p{margin:0;font-size:1rem;color:var(--text-medium);font-weight:500;line-height:1.4}.study-module-header{display:flex;justify-content:center;align-items:center;gap:1rem;padding:0 2rem 1rem;margin-top:0;margin-bottom:0;border:none;box-shadow:none;border-radius:12px;flex-wrap:wrap;border-bottom:1px solid #e5e5e5}.notebook-dropdown-wrapper{display:flex;align-items:center;gap:1rem;flex-shrink:0}.notebook-dropdown-container{position:relative;min-width:300px}.dropdown-instruction{font-size:.875rem;color:var(--text-medium);margin-bottom:.5rem;font-weight:500;text-align:center}.notebook-dropdown-btn{width:100%;max-width:350px!important;padding:1rem 1.25rem;background:var(--bg-white);border:2px solid var(--primary-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;transition:var(--transition);font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;color:var(--text-dark);min-width:0}.notebook-dropdown-btn span{flex:1;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;text-align:left;max-width:280px!important;display:block;width:auto!important;min-width:0!important}.notebook-dropdown-btn:hover:not(:disabled){border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.notebook-dropdown-btn:disabled{opacity:.6;cursor:not-allowed}.notebook-dropdown-btn.error{border-color:var(--danger-color);color:var(--danger-color)}.notebook-error-message{font-size:.75rem;color:var(--danger-color);margin-top:.5rem;font-weight:500}.notebook-dropdown-btn svg{transition:transform .3s ease;color:var(--text-medium)}.notebook-dropdown-btn svg.open{transform:rotate(180deg)}.notebook-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:100}@media (max-width: 768px){.notebook-dropdown{position:absolute!important;top:calc(100% + .5rem)!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:100%!important;max-height:50vh!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 20px #00000026!important;z-index:1001!important;animation:slideDown .2s ease-out!important;overflow-y:auto!important;background:var(--bg-white)!important;margin:0!important;border:1px solid var(--border-light)!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notebook-dropdown .materia-group{margin-bottom:.75rem}.notebook-dropdown .dropdown-section-title{background-color:#f5f5ff;padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:var(--primary-color);border-radius:6px;margin-bottom:.5rem}.notebook-dropdown .dropdown-item{padding:.875rem 1rem;font-size:.875rem;border-radius:8px;margin:0 .5rem .375rem;background-color:var(--bg-light);transition:all .2s ease}.notebook-dropdown .dropdown-item:hover,.notebook-dropdown .dropdown-item.selected{background-color:#6147ff1a;transform:scale(1.02)}}.dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1000;animation:fadeIn .3s ease-out;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.dropdown-empty{padding:2rem;text-align:center;color:var(--text-medium)}.dropdown-section{padding:.5rem 0;border-bottom:1px solid var(--border-light)}.dropdown-section:last-child{border-bottom:none}.dropdown-section-title{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.materia-group{margin-bottom:.5rem}.materia-group:last-child{margin-bottom:0}.materia-group .dropdown-section-title{background-color:var(--bg-light);margin:.25rem 0;border-radius:4px}.materia-group .dropdown-item{padding-left:2rem}.dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.75rem}.dropdown-item:hover{background-color:var(--bg-light)}.dropdown-item.selected{background-color:#6147ff1a;color:var(--primary-color);font-weight:500}.dropdown-item.frozen{opacity:.6;cursor:not-allowed}.dropdown-item.frozen:hover{background-color:transparent}.dropdown-item.notebook-item.frozen.disabled{opacity:.6;cursor:not-allowed;background-color:#00000005;position:relative;pointer-events:auto}.dropdown-item.notebook-item.frozen.disabled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:auto}.dropdown-item.notebook-item.frozen.disabled:after{content:"✕";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:0;color:#ff3b3000;font-weight:700;pointer-events:none;transition:all .2s ease;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:2}.dropdown-item.notebook-item.frozen.disabled:hover{background-color:#ff3b300d;transform:none}.dropdown-item.notebook-item.frozen.disabled:hover:after{font-size:3rem;color:#ff3b30e6;animation:pulse .3s ease-in-out}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.dropdown-item svg{color:#007aff;margin-left:auto}.score-module{background:var(--bg-white);border:2px solid var(--border-light);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;color:var(--text-dark);transition:var(--transition);width:100%}.score-module:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.score-icon{font-size:1.25rem;color:var(--primary-color);opacity:.8}.score-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.score-main{display:flex;flex-direction:column;align-items:flex-start}.score-value{font-size:1.5rem;font-weight:700;line-height:1;color:var(--text-dark)}.score-label{font-size:.75rem;color:var(--text-medium);margin:.25rem 0 0;font-weight:500}.score-level{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.level-value{font-size:.875rem;font-weight:600;color:var(--primary-color);line-height:1}.level-progress{font-size:.75rem;color:var(--text-medium);margin:.25rem 0 0;font-weight:500}.no-notebook-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}.no-score-text{font-size:.875rem;font-weight:600;color:var(--text-medium);line-height:1}.no-score-subtext{font-size:.75rem;color:var(--text-light);margin:.25rem 0 0;font-weight:400}.top-info-modules{display:flex;justify-content:center;gap:1.5rem;margin-top:6rem;margin-bottom:1.5rem}.top-info-module{background:#6147ff;border-radius:var(--radius-md);padding:1.5rem;color:#fff;width:calc(20% - .75rem);min-height:140px;box-shadow:0 4px 15px #6147ff4d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:var(--transition)}.top-info-module:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6147ff66}.top-info-module-icon{font-size:2rem;margin-bottom:.75rem;opacity:.95}.top-info-module-title{font-size:1rem;font-weight:600;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.5px}.top-info-module-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.top-info-module-label{font-size:.75rem;opacity:.9}.study-functions{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:0;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 1rem;-webkit-color-scheme:light;color-scheme:light}@supports (-webkit-appearance: none){.study-function-card{background:#f8f9fa!important;color:#1c1c1e!important}.study-function-card h3{color:#1c1c1e!important}.study-function-card p{color:#48484a!important}.function-icon{color:#6147ff!important}}.study-function-card{background:#f8f9fa;background:var(--bg-light, #F8F9FA);border:2px solid transparent;border-radius:12px;border-radius:var(--radius-md, 12px);padding:1.5rem;cursor:pointer;transition:all .3s ease;transition:var(--transition, all .3s ease);text-align:center;position:relative;overflow:visible;min-height:140px;-webkit-appearance:none;-webkit-color-scheme:light;color-scheme:light}.study-function-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.function-info-icon{position:absolute;top:10px;left:10px;color:#9ca3af;font-size:.875rem;cursor:help;z-index:100;opacity:0;transition:opacity .3s ease,color .2s ease}.study-function-card:hover .function-info-icon{opacity:1}.function-info-icon:hover{color:#6147ff}.study-function-card .function-info-icon:before{content:attr(data-tooltip);position:absolute;top:-45px;left:0;background:#1f2937;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;white-space:normal;min-width:150px;max-width:200px;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10000;line-height:1.3;text-align:center}.study-function-card .function-info-icon:after{content:"";position:absolute;top:-15px;left:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #1f2937;opacity:0;pointer-events:none;transition:opacity .3s ease}.study-function-card .function-info-icon:hover:before,.study-function-card .function-info-icon:hover:after{opacity:1}.study-function-card.disabled{opacity:.7;cursor:not-allowed}.study-function-card.disabled:hover{border-color:transparent;transform:none;box-shadow:none}.function-icon{font-size:2rem;color:#6147ff;color:var(--primary-color, #6147FF);margin-bottom:.75rem}.study-function-card h3{margin:0 0 .375rem;font-size:1rem;font-weight:600;color:#1c1c1e;color:var(--text-dark, #1C1C1E)}.study-function-card p{margin:0 0 1rem;font-size:.75rem;color:#48484a;color:var(--text-medium, #48484A);line-height:1.4}.function-btn{background:#6b7280;color:var(--text-white);border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.375rem}.function-status{margin:.75rem 0;font-size:.875rem;font-weight:500}.function-status.available{color:#10b981}.function-status.unavailable{color:#ef4444}.study-count-badge{position:absolute;top:.5rem;right:.5rem;background:#6147ff;color:#fff;font-size:.875rem;font-weight:700;padding:.25rem .6rem;border-radius:14px;min-width:28px;text-align:center;box-shadow:0 2px 4px #0003;z-index:10}.quiz-score-badge{position:absolute;top:.5rem;right:.5rem;background:#6147ff;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:14px;min-width:auto;text-align:center;box-shadow:0 2px 4px #0003;z-index:10;white-space:nowrap}.free-study-badge{position:absolute;top:.5rem;right:.5rem;background:#6147ff;color:#fff;font-size:.875rem;font-weight:700;padding:.25rem .6rem;border-radius:14px;min-width:28px;text-align:center;box-shadow:0 2px 4px #0003;z-index:10}.sessions-earned{font-size:.6rem;font-weight:600;opacity:.9;line-height:1}.voice-recognition-badge{position:absolute;top:.5rem;right:.5rem;background:#6147ff;color:#fff;font-size:.875rem;font-weight:700;padding:.25rem .6rem;border-radius:14px;min-width:28px;text-align:center;box-shadow:0 2px 4px #0003;z-index:10}.game-points-badge{position:absolute;top:.5rem;right:.5rem;background:#6147ff;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:14px;min-width:auto;text-align:center;box-shadow:0 2px 4px #0003;z-index:10;white-space:nowrap}.study-sessions-summary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none!important;cursor:default!important}.study-sessions-summary .function-info-icon i{color:#fffc}.study-sessions-summary .sessions-number{font-size:2.5rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);text-align:center;margin-bottom:0}.study-sessions-summary h3{color:#fff;font-size:1rem!important;font-weight:600;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%);text-align:center;width:100%}.total-sessions-badge{position:absolute;top:.5rem;right:.5rem;background:#fff3;color:#fff;font-size:.875rem;font-weight:700;padding:.25rem .6rem;border-radius:14px;min-width:28px;text-align:center;box-shadow:0 2px 4px #0003;z-index:10;border:1px solid rgba(255,255,255,.3)}.sessions-breakdown{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem .75rem;background:#ffffff26;border-radius:8px;font-size:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.session-item span:first-child{opacity:.9}.session-item span:last-child{font-weight:600;color:#fff}.streak-bonus-badge{position:absolute;top:.5rem;right:.5rem;background:#6147ff;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:14px;min-width:auto;text-align:center;box-shadow:0 2px 4px #0003;z-index:10;white-space:nowrap}.base-points-summary{background:linear-gradient(135deg,#6f42c1,#8b5cf6);color:#fff;border:none!important;cursor:default!important}.base-points-summary .function-info-icon i{color:#fffc}.base-points-summary .points-number{font-size:2.5rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);text-align:center;margin-bottom:0}.base-points-summary h3{color:#fff;font-size:1rem!important;font-weight:600;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%);text-align:center;width:100%}.score-breakdown-module{margin-top:1rem}.score-breakdown-trigger{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:inherit}.score-breakdown-trigger:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#6147ff;transform:translateY(-1px);box-shadow:0 4px 12px #6147ff26}.domain-progress-module{display:flex;justify-content:center;align-items:center}.domain-progress-content{display:flex;align-items:center;justify-content:center}.domain-progress-badge{transition:all .3s ease}.domain-progress-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.breakdown-icon{width:32px;height:32px;background:#6147ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.breakdown-preview{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.breakdown-title{font-size:.875rem;font-weight:600;color:#495057}.breakdown-formula{font-size:.75rem;color:#6c757d;font-family:Courier New,monospace;background:#6147ff1a;padding:.25rem .5rem;border-radius:6px}.breakdown-arrow{color:#6147ff;font-size:1.25rem;font-weight:700}.score-breakdown-modal{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.score-breakdown-content{padding:1.5rem}.formula-display{text-align:center;background:linear-gradient(135deg,#6147ff,#8b5ff8);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.formula-title{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.formula-equation{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.875rem;flex-wrap:wrap}.sessions-part,.multipliers-part{background:#fff3;padding:.5rem .75rem;border-radius:8px;font-weight:500}.multiply-symbol{font-size:1.25rem;font-weight:700}.breakdown-section{background:#f8f9fa;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.breakdown-section h4{margin:0 0 1rem;color:#495057;font-size:1rem;font-weight:600}.sessions-section{border-left:4px solid #28a745}.multipliers-section{border-left:4px solid #ffc107}.breakdown-items{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.breakdown-item .item-icon{font-size:1rem;margin-right:.5rem}.breakdown-item .item-label{flex:1;font-size:.875rem;color:#495057}.breakdown-item .item-value{font-weight:600;color:#6147ff;font-size:.875rem}.breakdown-total{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#6147ff,#8b5ff8);color:#fff;border-radius:8px;font-weight:600;margin-top:.5rem}.total-label{font-size:.875rem}.total-value{font-size:1rem}.final-calculation{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:1.5rem;border-radius:12px;text-align:center;margin-bottom:1.5rem}.calculation-display{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;flex-wrap:wrap}.sessions-value,.multipliers-value{background:#fff3;padding:.5rem .75rem;border-radius:8px}.multiply-symbol,.equals-symbol{font-size:1.5rem;font-weight:700}.final-score{background:#ffffff4d;padding:.5rem 1rem;border-radius:8px;font-size:1.5rem}.calculation-label{font-size:.875rem;opacity:.9}.score-tips{background:#f8f9fa;border-radius:12px;padding:1.25rem}.score-tips h4{margin:0 0 1rem;color:#495057;font-size:1rem;font-weight:600}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.tip-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e9ecef;font-size:.875rem;color:#495057}.tip-icon{font-size:1rem}@media (max-width: 768px){.score-breakdown-modal{width:95%;max-height:95vh}.score-breakdown-content{padding:1rem}.formula-equation{font-size:.75rem;gap:.5rem}.calculation-display{font-size:1rem;gap:.5rem}.final-score{font-size:1.25rem}.tips-grid{grid-template-columns:1fr}.breakdown-trigger{padding:.625rem .75rem;gap:.5rem}.breakdown-preview{gap:.125rem}.breakdown-title{font-size:.75rem}.breakdown-formula{font-size:.625rem}}.function-btn:hover{background:#4b5563;transform:scale(1.05)}@media (max-width: 1024px){.motivational-modules{grid-template-columns:1fr;gap:1rem}.study-module-header{display:flex;justify-content:center;align-items:center}.top-info-modules{margin-top:4rem}.top-info-module{width:calc(50% - .5rem)}.study-functions{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (max-width: 768px){.study-mode-main{padding:.75rem;max-width:100%;padding-bottom:120px}.main-study-module{padding:1rem;max-height:none;margin-bottom:1rem;display:flex;flex-direction:column}.study-mode-container .study-score-module{position:static!important;top:auto!important;left:auto!important;width:335px!important;min-width:335px!important;max-width:calc(100% - 1rem)!important;margin:0 auto 1rem;padding:.875rem 1.25rem!important;box-shadow:0 4px 12px #6147ff4d;order:0;z-index:auto!important;background:#f8f9fa!important;border-radius:var(--radius-md);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.study-score-header{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-bottom:0}.study-score-header h3{font-size:.875rem;margin:0}.study-score-icon{font-size:1.125rem}.study-score-content{text-align:right}.study-score-value{font-size:1.5rem;line-height:1;margin-bottom:.125rem}.study-score-label{font-size:.625rem}.score-info-icon svg{font-size:.7rem}.score-tooltip{width:auto;min-width:300px;padding:10px 20px;bottom:calc(100% + 8px);left:-130px;transform:none}.tooltip-content{font-size:.72rem;white-space:nowrap}.study-mode-container .corner-medal-module{position:static!important;top:auto!important;left:auto!important;right:auto!important;width:335px!important;min-width:335px!important;max-width:calc(100% - 1rem)!important;margin:0 auto 1.5rem;padding:.75rem 1rem!important;border-radius:var(--radius-md);background:#f8f9fa!important;box-shadow:none!important;border:none!important;order:1;z-index:auto!important;display:block}.study-mode-container .corner-medal-module .corner-medal-label{color:#6b7280!important}.study-mode-container .corner-medal-module .corner-medal-division{color:#1f2937!important}.study-mode-container .corner-medal-module .corner-medal-progress{color:#4b5563!important}.study-module-header{margin-top:0!important;margin-bottom:0;padding-top:0!important;position:relative;order:2}.study-functions{order:3}.corner-medal-header{gap:.5rem;margin-bottom:.5rem}.corner-medal-center{gap:.625rem}.corner-medal-icon{font-size:1.375rem}.corner-medal-content{gap:.05rem}.corner-medal-label{display:none}.corner-medal-division{font-size:.813rem}.corner-medal-progress{font-size:.625rem}.corner-medals-grid{gap:.375rem}.corner-medal-small-icon{font-size:.875rem}.corner-medal-requirement{font-size:.4rem}.corner-nav-btn{width:20px;height:20px;background:#fff3}.motivational-message{display:none}.motivation-module{padding:1.25rem}.notebook-dropdown-container{min-width:100%;width:100%}.notebook-dropdown-btn{padding:.875rem 1rem;font-size:.875rem}.dropdown-instruction{font-size:.813rem}.top-info-modules{flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.top-info-module{width:100%;max-width:400px}.study-functions{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:3rem!important;padding-bottom:1rem!important}.study-function-card{padding:1rem;min-height:120px}.function-icon{font-size:1.75rem;margin-bottom:.5rem}.study-function-card h3{font-size:.875rem;margin-bottom:.25rem}.study-function-card p{font-size:.7rem;margin-bottom:.75rem}.function-btn{padding:.5rem .875rem;font-size:.75rem}.function-status{font-size:.75rem;margin:.5rem 0}.study-count-badge,.quiz-score-badge,.free-study-badge,.voice-recognition-badge,.game-points-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:10px;min-width:24px}.info-module .module-header h3{font-size:1rem}.learning-modules-grid{grid-template-columns:1fr;gap:1rem;max-width:none}.learning-module{min-height:120px;padding:.875rem}.section-header{margin-bottom:.75rem;padding-top:.25rem}.section-header h4{font-size:1rem}.section-header svg{width:1.25rem;height:1.25rem}.suggestion-item{font-size:.7rem;padding:.4rem .6rem}.suggestion-item svg{font-size:1rem}.challenges-grid{grid-template-columns:1fr;gap:.75rem}.challenge-module{min-height:80px;padding:.875rem;font-size:.65rem}.challenge-full .challenge-content{font-size:.6rem}.challenge-full .challenge-boost{font-size:.5rem;padding:.15rem .3rem}.streak-module .module-value{font-size:1.75rem}.medals-module .module-icon{font-size:2.5rem}.medal-gallery-header{gap:.5rem}.division-nav-btn{width:28px;height:28px;font-size:.75rem}.medals-grid{gap:.25rem}.medal-item{padding:.375rem;max-width:50px}.medal-icon{font-size:1rem}.medal-requirement{font-size:.5rem}.your-position-card{padding:.75rem;gap:.75rem}.position-badge{font-size:1.25rem;width:2.5rem;height:2.5rem}.position-score{font-size:1rem}.position-label,.points-to-next{font-size:.7rem}.ranking-podium{gap:.375rem}.podium-position{padding:.5rem .375rem;min-height:70px}.podium-medal{font-size:1.25rem}.podium-name{font-size:.7rem}.podium-score{font-size:.6rem}.ranking-item{font-size:.7rem;padding:.4rem .6rem}}@media (max-width: 600px) and (min-width: 481px){.study-functions{grid-template-columns:repeat(2,1fr);gap:.875rem}.study-function-card{padding:1rem;min-height:110px}.function-icon{font-size:1.625rem}.study-function-card h3{font-size:.813rem}.function-btn{padding:.45rem .8rem;font-size:.725rem}}@media (max-width: 480px){.study-mode-main{padding:.5rem;padding-bottom:150px}.study-functions{grid-template-columns:repeat(2,1fr)!important;gap:.5rem;padding:0 .5rem}.study-function-card{padding:.75rem;min-height:100px}.function-icon{font-size:1.4rem;margin-bottom:.4rem}.study-function-card h3{font-size:.75rem;margin-bottom:.25rem}.study-function-card p{font-size:.65rem;line-height:1.2}.main-study-module{padding:.75rem;box-shadow:none;max-height:500px}.study-mode-container .corner-medal-module{padding:.75rem 1rem!important;min-width:335px!important;width:335px!important;max-width:calc(100% - 1rem)!important}.corner-medal-header{gap:.375rem}.corner-medal-icon{font-size:1.25rem}.corner-medal-division{font-size:.75rem}.corner-medal-label,.corner-medal-progress{font-size:.6rem}.corner-medals-grid{gap:.25rem}.corner-medal-small-icon{font-size:.75rem}.corner-medal-requirement{font-size:.375rem}.corner-nav-btn{width:16px;height:16px;font-size:.5rem}.motivational-message{margin-bottom:1rem}.motivational-message h3{font-size:1rem}.notebook-dropdown-btn{padding:.75rem .875rem;font-size:.813rem}.dropdown-instruction{font-size:.75rem;margin-bottom:.375rem}.dropdown-section-title{font-size:.7rem;padding:.4rem .75rem}.dropdown-item{padding:.6rem .75rem;font-size:.813rem}.notebook-error-message{font-size:.7rem}.study-count-badge,.quiz-score-badge,.free-study-badge,.voice-recognition-badge,.game-points-badge{font-size:.65rem;padding:.15rem .4rem;top:.375rem;right:.375rem}.learning-space-section{margin-top:.75rem}.learning-module{min-height:100px;padding:.75rem}.section-header{gap:.375rem;margin-bottom:.5rem}.section-header h4{font-size:.875rem}.section-header svg{width:1rem;height:1rem}.suggestion-item{font-size:.65rem;padding:.35rem .5rem;gap:.3rem}.suggestion-item svg{font-size:.875rem}.your-position-card{padding:.625rem;gap:.625rem}.position-badge{font-size:1rem;width:2rem;height:2rem}.position-score{font-size:.875rem}.position-label,.points-to-next{font-size:.65rem}.ranking-podium{gap:.25rem}.podium-position{padding:.4rem .3rem;min-height:60px}.podium-medal{font-size:1rem}.podium-name{font-size:.65rem}.podium-score{font-size:.55rem}.ranking-item{font-size:.65rem;padding:.35rem .5rem;grid-template-columns:1.5rem 1fr auto;gap:.375rem}.rank-position{font-size:.65rem}.total-students{font-size:.7rem}.medal-details-modal{padding:1rem;width:98%}.modal-header h3{font-size:1rem}.medal-gallery-header{gap:.375rem}.division-nav-btn{width:24px;height:24px;font-size:.625rem}.division-icon{font-size:1.5rem}.division-name{font-size:.813rem}.medals-grid{gap:.125rem}.medal-item{padding:.25rem;max-width:40px}.medal-icon{font-size:.875rem;padding:.125rem}.medal-requirement{font-size:.45rem}}.corner-medal-module{background:#fff;border-radius:var(--radius-md);padding:.75rem 1.25rem;transition:var(--transition);display:inline-flex;align-items:center;flex-shrink:0}.corner-medal-module:hover{transform:translateY(-1px)}.corner-medal-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0}.corner-medal-center{display:flex;align-items:center;gap:.75rem;flex:1;justify-content:center}.corner-medal-icon{font-size:1.75rem;flex-shrink:0}.corner-medal-content{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;text-align:left}.corner-medal-label{font-size:.65rem;font-weight:500;color:var(--text-medium);margin-bottom:.05rem;opacity:.8;text-transform:uppercase;letter-spacing:.3px}.corner-medal-division{font-size:1rem;font-weight:700;color:#111827}.corner-medal-progress{font-size:.7rem;color:var(--text-medium);margin-top:.05rem;opacity:.9}.corner-medals-grid{display:flex;gap:.375rem;justify-content:space-between}.corner-medal-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);flex:1;min-width:25px}.corner-medal-item:hover{background:#6147ff0d;transform:scale(1.05)}.corner-medal-item.earned{background:linear-gradient(135deg,#6147ff1a,#ffd7001a)}.corner-medal-item.current-target{background:linear-gradient(135deg,#6147ff26,#ffd7001a);animation:pulse-corner-medal 2s infinite}@keyframes pulse-corner-medal{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.corner-medal-small-icon{font-size:1rem;transition:var(--transition)}.corner-medal-requirement{font-size:.5rem;font-weight:600;color:var(--text-medium);text-align:center;line-height:1}.corner-medal-navigation{display:flex;justify-content:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2)}.corner-nav-btn{background:#6147ff0d;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:#6147ff;font-size:.625rem}.corner-nav-btn:hover:not(:disabled){color:#6147ff;background:#6147ff1a;transform:scale(1.1)}.corner-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.learning-space-section{margin-top:1rem;margin-bottom:2rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.medal-details-modal{background:var(--bg-white);border-radius:var(--radius-lg);padding:2rem;max-width:800px;max-height:90vh;overflow-y:auto;width:90%;box-shadow:var(--shadow-lg);position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-dark)}.close-modal{background:none;border:none;font-size:1.5rem;color:var(--text-medium);cursor:pointer;padding:.25rem;line-height:1;transition:var(--transition)}.close-modal:hover{color:var(--text-dark)}@media (max-width: 768px){.corner-medal-module{top:.75rem;right:.75rem;padding:.75rem;min-width:150px}.corner-medal-icon{font-size:1.25rem}.corner-medal-division{font-size:.75rem}.corner-medal-progress{font-size:.625rem}.corner-medals-grid{gap:.25rem}.corner-medal-small-icon{font-size:.875rem}.corner-medal-requirement{font-size:.4rem}.corner-nav-btn{width:18px;height:18px;font-size:.5rem}.medal-details-modal{padding:1.5rem;width:95%;max-height:85vh}.modal-header h3{font-size:1.125rem}}@media (max-width: 768px){.study-module-header{flex-direction:column!important;gap:1rem!important;padding:1rem!important;margin-bottom:0!important}.study-module-header .corner-medal-module{width:100%!important;min-width:unset!important;max-width:100%!important;margin:0!important;padding:.875rem!important;background:#f8f9fa!important;border-radius:10px;position:static!important;top:auto!important;right:auto!important;border:none!important;box-shadow:none!important}.study-module-header .corner-medal-header{justify-content:center!important;margin-bottom:.5rem!important}.study-module-header .corner-medal-center{justify-content:center!important;text-align:center!important}.study-module-header .corner-medal-icon{font-size:1.5rem!important}.study-module-header .corner-medal-content{text-align:center!important}.study-module-header .corner-medal-label{font-size:.75rem!important;color:#6b7280!important;display:block!important;margin-bottom:.25rem!important}.study-module-header .corner-medal-division{font-size:1.125rem!important;font-weight:700!important;color:#1f2937!important;margin-bottom:.25rem!important}.study-module-header .corner-medal-progress{font-size:.8rem!important;color:#4b5563!important}.study-module-header .notebook-dropdown-wrapper{width:100%!important;flex-direction:column!important;gap:.75rem!important}.study-module-header .notebook-dropdown-container{width:100%!important;min-width:unset!important;position:relative!important}.study-module-header .notebook-dropdown-btn{width:100%!important;padding:.875rem!important;font-size:.875rem!important;background:#fff!important;border:2px solid #6147FF!important}.study-module-header .notebook-dropdown-btn span{font-size:.875rem!important}.study-module-header .notebook-dropdown-btn svg{width:14px!important;height:14px!important}.study-module-header .study-score-content{width:100%!important;padding:.875rem!important;background:#f8f9fa!important;border-radius:10px!important;min-width:unset!important;border:1px solid #e5e7eb!important}.study-module-header .study-score-value{font-size:1.75rem!important;color:#6147ff!important;margin-bottom:.25rem!important}.study-module-header .study-score-label{font-size:.8rem!important;white-space:normal!important;color:#6b7280!important}}.path-no-notebook{display:flex;justify-content:center;align-items:center;padding:3rem 1rem;min-height:300px}.path-no-notebook-content{text-align:center;max-width:400px}.path-no-notebook-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.path-no-notebook h3{font-size:1.5rem;color:#2d3748;margin-bottom:1rem;font-weight:600;font-family:Poppins,sans-serif}.path-no-notebook p{color:#718096;font-size:1rem;line-height:1.6;font-family:Poppins,sans-serif}.ranking-empty-state,.ranking-loading{text-align:center;padding:2rem 1rem;color:#ffffffb3;font-size:.875rem}.ranking-content{display:flex;flex-direction:column;gap:1rem;padding:.5rem}.your-position-card{background:#6147ff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(97,71,255,.3);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.your-position-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6147ff33}.position-badge{font-size:1.5rem;font-weight:700;color:gold;background:#ffd7001a;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.position-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.position-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.position-score{font-size:1.125rem;font-weight:600;color:#fff}.points-to-next{font-size:.75rem;color:gold;font-weight:500}.ranking-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.podium-position{background:#1a24431a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent;border-radius:8px;padding:.75rem .5rem;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;gap:.25rem;min-height:80px}.podium-position:hover{background:#1a244333;transform:translateY(-2px);border-color:#ffffff1a}.podium-position.is-current-user{background:#6147ff1a;border-color:#6147ff4d}.podium-medal{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.podium-name{font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.podium-score{font-size:.625rem;color:#fffc;font-weight:500}.ranking-list{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.ranking-item{display:grid;grid-template-columns:2rem 1fr auto;gap:.5rem;align-items:center;padding:.5rem .75rem;background:#1a24430d;border-radius:6px;transition:all .2s ease;font-size:.75rem}.ranking-item:hover{background:#1a24431a}.ranking-item.is-current-user{background:#6147ff1a;border:1px solid rgba(97,71,255,.2)}.rank-position{font-weight:600;color:#ffffffb3}.rank-name{font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-score{font-weight:600;color:#fffc}.ranking-footer{text-align:center;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);margin-top:.75rem}.total-students{font-size:.75rem;color:#fff9;font-weight:500}.study-function-card.coming-soon{opacity:.75;cursor:not-allowed;position:relative;overflow:visible}.coming-soon-tag{position:absolute;top:0;right:0;background:#6b7280;color:#fff;padding:.25rem .75rem;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;clip-path:polygon(0 0,100% 0,100% 100%,15% 100%);z-index:10}.function-btn.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.function-btn.disabled:hover{background:#e5e7eb;color:#9ca3af;transform:none;box-shadow:none}.ai-study-section{margin-top:1.5rem;padding:0;border-top:2px solid var(--border-light);background:linear-gradient(to bottom,#f9fafb,#f3f4f6);position:relative;width:914px;margin-left:auto;margin-right:auto}.ai-study-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#9ca3af14;pointer-events:none}.ai-section-header{text-align:center;margin-bottom:0;position:relative;z-index:1}.ai-badge{display:inline-flex;align-items:center;justify-content:center;background:#6147ff!important;color:#fff!important;padding:.5rem 1.25rem;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:.25rem;box-shadow:0 6px 20px #6147ff4d;position:relative;overflow:hidden}.ai-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.ai-badge i{font-size:1.1rem;color:#fff59d;animation:ai-pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(255,245,157,.5))}.ai-badge span{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.5px}@keyframes ai-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ai-section-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--text-dark)}.ai-section-header p{margin:0;color:var(--text-medium);font-size:1rem}.ai-study-functions{display:flex;justify-content:center;gap:1.5rem;margin:0 auto;position:relative;z-index:1;padding:0 1rem;flex-wrap:wrap}.ai-function-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #E5E7EB;border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .4s ease;text-align:center;position:relative;overflow:hidden;height:209.6px;width:202.71px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.ai-function-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6147ff,#8b5cf6,#ec4899);transform:scaleX(0);transition:transform .4s ease}.ai-function-card:hover:before{transform:scaleX(1)}.ai-function-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #6147ff26;border-color:#6147ff;background:linear-gradient(135deg,#fff,#f9fafb)}.ai-function-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(97,71,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.ai-function-card:hover .ai-function-glow{opacity:1;animation:glow-rotate 8s linear infinite}@keyframes glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-function-icon{font-size:2rem;background:linear-gradient(135deg,#6147ff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;transition:transform .3s ease}.ai-function-card:hover .ai-function-icon{transform:scale(1.1) rotate(5deg)}.ai-function-card h3{margin:0 0 .375rem;font-size:1rem;font-weight:600;color:var(--text-dark)}.ai-function-card .function-status{margin:.75rem 0;font-size:.75rem;color:var(--text-medium)}.ai-function-card .function-status.ai-available{color:#6147ff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.375rem}.ai-function-card .function-status.ai-available i{font-size:.75rem;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.ai-function-btn{background:linear-gradient(135deg,#6147ff,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.375rem;box-shadow:0 4px 15px #6147ff33}.ai-function-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6147ff4d;background:linear-gradient(135deg,#8b5cf6,#6147ff)}.ai-function-btn i{font-size:.75rem}.ai-function-card.disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}.ai-function-card.disabled:hover{transform:none;box-shadow:none;border-color:#e5e7eb}.ai-function-card.disabled:before{display:none}.ai-function-card.disabled .ai-function-icon{filter:grayscale(100%);opacity:.5}.ai-function-card.disabled .ai-function-btn{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.ai-function-card.coming-soon{opacity:.75;cursor:not-allowed;position:relative;overflow:hidden}.ai-function-card.coming-soon:hover{transform:none;box-shadow:none;border-color:#e5e7eb}@media (max-width: 768px){.main-study-module{order:1}.ai-study-section{margin-top:1rem;padding:1rem 0 1.5rem;order:999}.ai-section-header h2{font-size:1.5rem}.ai-section-header p{font-size:.875rem}.ai-study-functions{gap:.75rem}.ai-function-card{padding:1rem;height:180px;width:calc(50% - .375rem)}.ai-function-icon{font-size:1.75rem;margin-bottom:.5rem}.ai-function-card h3{font-size:.875rem;margin-bottom:.25rem}.ai-function-btn{padding:.5rem .875rem;font-size:.75rem}}@media (max-width: 480px){.ai-badge{font-size:.75rem;padding:.375rem .75rem}.ai-section-header h2{font-size:1.25rem}.ai-study-functions{gap:.625rem}.ai-function-card{padding:.875rem;height:160px;width:100%}.ai-function-icon{font-size:1.5rem;margin-bottom:.375rem}.ai-function-card h3{font-size:.813rem}.ai-function-btn{padding:.4rem .75rem;font-size:.7rem}}.study-sessions-summary,.base-points-summary{display:none!important}.study-function-card:has(.streak-bonus-badge){display:none!important}.score-breakdown-module,.study-count-badge,.voice-recognition-badge,.free-study-badge,.quiz-score-badge,.game-points-badge{display:none!important}.daily-metrics{display:flex!important;gap:.75rem!important;margin:0 auto;padding:0 1rem;max-width:1000px;justify-content:center;flex-wrap:nowrap!important;flex-direction:row!important}html body #root .header-with-hamburger-container~* .study-mode-container .daily-metrics,html body #root .header-with-hamburger-container~.study-mode-container .daily-metrics,#root #root .header-with-hamburger-container~* .daily-metrics.daily-metrics,html body .header-with-hamburger-container~* .study-mode-container .daily-metrics:not(.fake-class),#root .study-mode-container .daily-metrics.daily-metrics.daily-metrics.daily-metrics{display:flex!important;grid-template-columns:unset!important;flex-direction:row!important;gap:.75rem!important;padding:0 1rem!important;max-width:1000px!important;justify-content:center!important;flex-wrap:nowrap!important;margin:0 auto!important;width:auto!important;box-sizing:content-box!important;flex-shrink:0!important}#root .study-mode-container .daily-metrics .metric-card:nth-child(n+5){display:none!important}#root .study-mode-container .daily-metrics .metric-card:nth-child(-n+4){flex:1 1 25%!important;max-width:25%!important;display:flex!important}.study-mode-container .metric-card,.header-with-hamburger-container~.study-mode-container .metric-card,.header-with-hamburger-container~* .study-mode-container .metric-card{flex-direction:row!important;text-align:left!important;align-items:center!important;gap:.5rem!important;flex:1!important;min-width:0!important;max-width:240px!important}.study-mode-container .metric-content,.header-with-hamburger-container~.study-mode-container .metric-content,.header-with-hamburger-container~* .study-mode-container .metric-content{align-items:flex-start!important}@media (min-width: 1025px){html body #root .header-with-hamburger-container~* .study-mode-container .daily-metrics,html body #root .header-with-hamburger-container~.study-mode-container .daily-metrics,#root #root .header-with-hamburger-container~* .daily-metrics.daily-metrics,html body .header-with-hamburger-container~* .study-mode-container .daily-metrics:not(.fake-class),#root .study-mode-container .daily-metrics.daily-metrics.daily-metrics.daily-metrics{display:flex!important;grid-template-columns:unset!important;flex-direction:row!important;gap:.75rem!important;padding:0 1rem!important;max-width:1000px!important;justify-content:center!important;flex-wrap:nowrap!important;margin:0 auto!important;width:auto!important;box-sizing:content-box!important;flex-shrink:0!important}}.daily-metrics .metric-card:has(.metric-icon.sessions),.daily-metrics .metric-card:has(.metric-icon.base-points),.study-mode-container .daily-metrics .metric-card:has(.metric-icon.sessions),.study-mode-container .daily-metrics .metric-card:has(.metric-icon.base-points){display:none!important;position:absolute!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;pointer-events:none!important}.metric-card{background:#fff;border-radius:10px;padding:.75rem .25rem .75rem 0;display:flex;flex-direction:row;align-items:center;text-align:left;border:none;box-shadow:none;position:relative;transition:transform .2s ease;flex:1;min-width:0;gap:.5rem;margin:0}.metric-card:hover{transform:translateY(-2px)}.daily-metrics .metric-info-icon{position:absolute;top:8px;right:8px;color:#8e8e93;font-size:.875rem;cursor:help}.daily-metrics .metric-info-icon:before{display:none!important;opacity:0!important}.daily-metrics .metric-info-icon:hover:before{display:none!important;opacity:0!important}.daily-metrics .metric-info-icon:hover:after{content:attr(data-tooltip);position:absolute;top:-55px;left:50%;background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;width:200px;text-align:center;z-index:9999;box-shadow:0 4px 16px #0006;white-space:normal;line-height:1.4;pointer-events:none;transform:translate(-50%)}.metric-icon{font-size:1.25rem;margin-bottom:.2rem}.metric-icon.fire{color:#ff6b35}.metric-icon.bonus{color:gold}.metric-icon.progress{color:#6147ff}.metric-icon.sessions{color:#8b4513}.metric-icon.base-points{color:#ff9500}.metric-content{display:flex;flex-direction:column;align-items:flex-start}.metric-label{font-size:.65rem;color:#8e8e93;margin-bottom:.1rem;text-transform:uppercase;font-weight:600}.metric-value{font-size:.85rem;font-weight:700;color:#1c1c1e}@media (max-width: 1024px){.daily-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.4rem!important;align-items:center!important;width:100%!important;padding:.5rem!important;flex-direction:unset!important;flex-wrap:unset!important;margin-top:1rem!important}}@media (max-width: 768px){.daily-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.3rem!important;padding:.4rem!important;flex-direction:unset!important;flex-wrap:unset!important}.metric-card{padding:.4rem .2rem!important;flex-direction:column!important;text-align:center!important;justify-content:center!important;align-items:center!important}.metric-icon{font-size:.9rem!important;width:20px!important;height:20px!important}.metric-content{gap:.1rem!important;align-items:center!important}.metric-label{font-size:.6rem!important;text-align:center!important;line-height:1!important}.metric-value{font-size:.75rem!important;text-align:center!important;line-height:1!important}}@media (max-width: 480px){.daily-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.25rem!important;padding:.3rem!important;overflow-x:unset!important;flex-direction:unset!important}.metric-card{padding:.3rem .15rem!important;flex-direction:column!important;text-align:center!important;justify-content:center!important;align-items:center!important}.metric-icon{font-size:.8rem!important;width:18px!important;height:18px!important}.metric-content{gap:.05rem!important}.metric-label{font-size:.55rem!important;text-align:center!important;line-height:.9!important}.metric-value{font-size:.7rem!important;text-align:center!important;line-height:.9!important}.daily-metrics .metric-info-icon{font-size:.7rem;top:4px;right:4px}}:root{--quiz-primary: #6366f1;--quiz-secondary: #8b5cf6;--quiz-success: #10b981;--quiz-error: #ef4444;--quiz-warning: #f59e0b;--quiz-text: #1f2937;--quiz-text-light: #6b7280;--quiz-bg: #f8fafc;--quiz-card: #ffffff;--quiz-border: #e5e7eb;--quiz-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--quiz-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--quiz-radius: 12px;--quiz-radius-lg: 16px}.quiz-mode-container{min-height:100vh;background:var(--quiz-bg);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.quiz-mode-container.with-header-sidebar{margin:0;min-height:100vh}.quiz-mode-main{flex:1;display:flex;align-items:center;justify-content:center;padding:0;background-color:var(--quiz-bg)}.quiz-session-container{width:800px;max-width:800px;max-height:500px;background:var(--quiz-card);border-radius:var(--quiz-radius-lg);box-shadow:var(--quiz-shadow-lg);overflow:hidden;border:1px solid var(--quiz-border);display:flex;flex-direction:column}.quiz-header-modern{background:linear-gradient(135deg,var(--quiz-primary) 0%,var(--quiz-secondary) 100%);color:#fff;padding:.375rem .5rem 0;flex-shrink:0;position:relative;overflow:hidden}.quiz-header-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.quiz-header-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:relative;z-index:1}.quiz-progress-modern{display:flex;align-items:center;gap:.25rem}.progress-text-horizontal{font-size:.75rem;font-weight:600;color:#fff;padding:.25rem .375rem;text-align:center}.quiz-stats-modern{display:flex;align-items:center;gap:.5rem}.stat-item-correct,.stat-item-incorrect{display:flex;align-items:center;justify-content:center;gap:.1875rem;padding:.25rem .375rem;transition:all .3s ease}.stat-item-correct .stat-icon,.stat-item-incorrect .stat-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.625rem;color:#fff;align-self:center;transform:translateY(-.15rem)}.stat-item-correct .stat-info,.stat-item-incorrect .stat-info{display:flex;align-items:center}.stat-item-correct .stat-value,.stat-item-incorrect .stat-value{font-size:.875rem;font-weight:600;color:#fff;line-height:1;display:flex;align-items:center}.stat-item-correct .stat-label,.stat-item-incorrect .stat-label{font-size:.375rem;color:#fffc;line-height:1}.quiz-progress{display:flex;align-items:center;gap:1rem;flex:1;min-width:200px}.question-counter{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.current-question{color:#fbbf24}.separator{color:#fffc}.total-questions{color:#ffffffe6}.progress-bar{flex:1;height:8px;background:#fff3;border-radius:4px;overflow:hidden;min-width:100px}.progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:4px;transition:width .3s ease}.quiz-timer-modern{display:flex;align-items:center;gap:.1875rem;padding:.25rem .375rem;transition:all .3s ease}.quiz-timer-modern.timer-critical .timer-icon,.quiz-timer-modern.timer-critical .timer-value{color:#ef4444}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.timer-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.625rem;color:#fff}.timer-info{display:flex;flex-direction:column;gap:.0625rem}.timer-value{font-size:.75rem;font-weight:600;color:#fff;line-height:1}.timer-label{font-size:.375rem;color:#fffc;line-height:1}.quiz-timer{display:flex;align-items:center;gap:.75rem;background:#ffffff26;padding:.75rem 1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-display{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem}.timer-progress{width:60px;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.timer-progress-fill{height:100%;border-radius:3px;transition:all .3s ease}.quiz-score-modern{display:flex;align-items:center;gap:.375rem;background:#ffffff1a;padding:.5rem .625rem;border-radius:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.score-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;font-size:.4375rem;color:#fff;box-shadow:0 1px 4px #fbbf244d}.score-info{display:flex;flex-direction:column;gap:.0625rem}.score-number{font-size:.5625rem;font-weight:700;line-height:1}.score-number.positive{color:#10b981}.score-number.negative{color:#ef4444}.score-label{font-size:.375rem;color:#fffc;line-height:1}.quiz-progress-bar-modern{position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff3;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #fbbf2480}.quiz-score{display:flex;align-items:center;gap:.5rem;background:#ffffff26;padding:.75rem 1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;font-size:.875rem}.score-label{color:#ffffffe6}.score-value.positive{color:#10b981}.score-value.negative{color:#ef4444}.quiz-question-container{padding:1rem 1.5rem 0;background:var(--quiz-card);display:flex;flex-direction:column;flex:1;overflow-y:auto}.question-definition{margin-bottom:1rem}.question-definition h3{color:var(--quiz-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.question-definition h3:before{content:"💡";font-size:1.25rem}.question-definition p{color:var(--quiz-text);font-size:.9rem;line-height:1.5;margin:0 0 .75rem;background:var(--quiz-bg);padding:1rem;border-radius:var(--quiz-radius);border-left:4px solid var(--quiz-primary)}.question-source{margin-top:.5rem}.question-source span{background:var(--quiz-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.quiz-options-container{padding:0 0 1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;flex-shrink:0}.quiz-option{background:var(--quiz-card);border:2px solid var(--quiz-border);border-radius:var(--quiz-radius);padding:1rem;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.85rem;font-weight:500;color:var(--quiz-text);position:relative;overflow:hidden;margin:0;display:flex;align-items:center;gap:.5rem}.quiz-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--quiz-primary),var(--quiz-secondary));opacity:0;transition:opacity .2s ease}.quiz-option .option-text{position:relative;z-index:1;transition:color .2s ease;flex:1}.quiz-option:hover{border-color:var(--quiz-primary);transform:translateY(-2px);box-shadow:var(--quiz-shadow-lg)}.quiz-option:hover:before{opacity:.05}.quiz-option.selected{border-color:var(--quiz-primary);background:linear-gradient(135deg,var(--quiz-primary),var(--quiz-secondary));color:#fff;transform:translateY(-2px);box-shadow:var(--quiz-shadow-lg)}.quiz-option.selected .option-text{color:#fff}.quiz-option.correct{border-color:var(--quiz-success);background:var(--quiz-success);color:#fff}.quiz-option.incorrect{border-color:var(--quiz-error);background:var(--quiz-error);color:#fff}.quiz-option.correct-answer{border-color:var(--quiz-success);border-width:3px;background:var(--quiz-card);animation:highlightCorrect .5s ease}.quiz-option.correct-answer .option-text{color:var(--quiz-text);font-weight:500}.correct-icon{color:var(--quiz-success);font-size:1.125rem;margin-left:auto}@keyframes highlightCorrect{0%{border-color:var(--quiz-border);border-width:2px}50%{border-color:var(--quiz-success);border-width:3px;transform:scale(1.02)}to{border-color:var(--quiz-success);border-width:3px;transform:scale(1)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--quiz-text-light)}.loading-spinner{width:40px;height:40px;border:3px solid var(--quiz-border);border-top:3px solid var(--quiz-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.timer-normal .timer-progress-fill{background-color:var(--quiz-success)}.timer-warning .timer-progress-fill{background-color:var(--quiz-warning)}.timer-critical .timer-progress-fill{background-color:var(--quiz-error)}@media (max-width: 768px){.quiz-mode-main{padding:0}.quiz-session-container{width:100%;max-width:100%}.quiz-header-modern{padding:.5rem .75rem 0}.quiz-header-content{flex-direction:column;gap:.5rem;align-items:center}.quiz-timer-modern,.quiz-score-modern{padding:.375rem .5rem;min-width:0;flex:1}.timer-value,.score-number{font-size:.75rem}.timer-label,.score-label{font-size:.35rem}.progress-text-horizontal{font-size:.75rem;padding:.375rem .5rem}.quiz-stats-modern{gap:.5rem}.stat-item-correct,.stat-item-incorrect{padding:.375rem .5rem}.stat-item-correct .stat-value,.stat-item-incorrect .stat-value{font-size:.75rem}.stat-item-correct .stat-label,.stat-item-incorrect .stat-label{font-size:.35rem}.quiz-header{padding:1rem 1.5rem;flex-direction:column;align-items:stretch}.quiz-progress{flex-direction:column;gap:.75rem;align-items:stretch}.quiz-question-container{padding:1.5rem}.quiz-options-container{padding:0 1.5rem 1.5rem;grid-template-columns:1fr}.question-definition p{padding:1rem}}@media (max-width: 480px){.quiz-mode-main{padding:0}.quiz-header,.quiz-question-container{padding:1rem}.quiz-options-container{padding:0 1rem 1rem}}.quiz-option.show-feedback.correct{animation:correctAnswer .5s ease}.quiz-option.show-feedback.incorrect{animation:incorrectAnswer .5s ease}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes incorrectAnswer{0%{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.quiz-results-modern{width:800px;max-width:800px;background:var(--quiz-card);border-radius:var(--quiz-radius-lg);box-shadow:var(--quiz-shadow-lg);overflow:hidden;border:1px solid var(--quiz-border);animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.results-container{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.celebration-section{text-align:center;position:relative}.new-record-badge{position:absolute;top:-20px;right:-20px;background:linear-gradient(135deg,gold,orange);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 12px #ffd7004d;animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.trophy-animation{width:80px;height:80px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 8px 25px #ffd7004d;animation:trophyPulse 2s ease-in-out infinite}@keyframes trophyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.trophy-animation i{font-size:2rem;color:#fff}.results-title{font-size:1.75rem;font-weight:700;color:var(--quiz-text);margin:0 0 1rem}.score-display{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--quiz-primary),var(--quiz-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.score-label{font-size:.875rem;color:var(--quiz-text-light);text-transform:uppercase;letter-spacing:1px;font-weight:500}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:600px}.result-card{background:var(--quiz-bg);border-radius:var(--quiz-radius);padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .3s ease;border:2px solid transparent}.result-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.result-card.highlight{background:linear-gradient(135deg,#6147ff1a,#9333ea1a);border-color:var(--quiz-primary)}.result-card i{font-size:1.5rem;color:var(--quiz-primary)}.result-card.highlight i{color:var(--quiz-secondary)}.result-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.result-value{font-size:1.25rem;font-weight:700;color:var(--quiz-text);line-height:1}.result-label{font-size:.75rem;color:var(--quiz-text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.motivation-message{background:linear-gradient(135deg,#6147ff0d,#9333ea0d);border-radius:var(--quiz-radius);padding:1rem 1.5rem;text-align:center;width:100%;max-width:500px}.motivation-message p{margin:0;color:var(--quiz-text);font-size:.95rem;line-height:1.5;font-weight:500}.results-actions{display:flex;gap:1rem;width:100%;max-width:400px}.action-btn{flex:1;padding:.875rem 1.5rem;border-radius:var(--quiz-radius);font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.primary{background:linear-gradient(135deg,var(--quiz-primary),var(--quiz-secondary));color:#fff;box-shadow:0 4px 15px #6147ff4d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6147ff66}.action-btn.secondary{background:var(--quiz-bg);color:var(--quiz-text);border:2px solid var(--quiz-border)}.action-btn.secondary:hover{background:var(--quiz-border);transform:translateY(-1px)}@media (max-width: 768px){.quiz-results-modern{width:100%;max-width:100%}.results-container{padding:1.5rem;gap:1rem}.trophy-animation{width:60px;height:60px}.trophy-animation i,.results-title{font-size:1.5rem}.score-number{font-size:2.5rem}.results-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.result-card{padding:1rem}.result-card i{font-size:1.25rem}.result-value{font-size:1.125rem}.results-actions{flex-direction:column;max-width:100%}.action-btn{width:100%}}@media (max-width: 768px){.quiz-mode-container.with-header-sidebar{margin-left:0;margin-top:0}}.progress-tabs{display:flex;gap:.5rem;padding:1rem;padding-left:80px;background:#fff;border-bottom:1px solid #e5e7eb}.tab-button{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.tab-button:hover{background:#f1f5f9;border-color:#cbd5e1}.tab-button.active{background:#4f46e5;color:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e54d}@media (max-width: 768px){.progress-tabs{padding-left:1rem;flex-direction:column;gap:.75rem}.tab-button{justify-content:center}}.progress-container{min-height:100vh;background-color:#fff;display:flex;flex-direction:column}body:has(.progress-container){overflow-x:auto!important}.progress-container .daily-metrics,.progress-container .progress-modules-right .daily-metrics{margin:0 auto!important;padding-top:0!important;padding:0 1rem!important}.progress-layout{min-height:calc(100vh - 70px);background-color:#fff;padding:20px 20px 20px 80px}.progress-modules-row{display:flex;gap:20px;max-width:1400px;margin:0 auto}.progress-module-col{display:flex;flex-direction:column;gap:20px;flex:0 0 320px;margin-top:3rem}.progress-module-col.no-side-module{flex:0 0 auto;width:320px}.progress-modules-right{flex:1;display:flex;flex-direction:column;gap:20px;margin-top:20px;min-width:0;overflow-x:visible}.progress-modules-right.full-width{width:100%;max-width:100%}.progress-modules-right-row{display:flex;gap:20px;width:100%}.progress-modules-right-row .progress-module.kpi-module{flex:1 1 0;min-width:0;max-width:33.33%;width:100%;box-sizing:border-box;display:flex;align-items:stretch;background:#fff!important}.corner-medal-module{background:#fff;border-radius:16px;padding:20px;box-shadow:none;border:none;display:flex;align-items:center;justify-content:space-between;min-height:120px;flex:1 1 0;max-width:25%;position:relative}.corner-medal-header{display:flex;align-items:center;justify-content:center}.corner-medal-center{display:flex;align-items:center;gap:16px}.corner-medal-icon{font-size:2.5rem;flex-shrink:0}.corner-medal-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.corner-medal-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;min-height:1rem}.corner-medal-division{font-size:1.5rem;font-weight:700;color:#111827;line-height:1}.corner-medal-progress{font-size:.875rem;color:#9ca3af;font-weight:500}.division-nav-arrow{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1rem}.division-nav-arrow:hover:not(:disabled){background:#f3f4f6;color:#6147ff}.division-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.division-nav-arrow.left{margin-right:8px}.division-nav-arrow.right{margin-left:8px}.progress-module{background:#fff!important;border-radius:16px;padding:24px;box-shadow:none;border:none;transition:transform .2s,box-shadow .2s}.progress-module:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.kpi-module{display:flex;align-items:center;gap:16px;min-height:120px;background:#fff!important}.progress-module.kpi-module{background:#fff!important;background-color:#fff!important}.subject-selector-module{background:#fff;border-radius:16px;padding:1.25rem;display:flex;align-items:center;justify-content:center;min-height:120px;flex:1 1 0;min-width:0;max-width:25%;width:100%;box-sizing:border-box}.subject-selector-header{display:flex;align-items:center;gap:1rem;width:100%}.subject-selector-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.subject-selector-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.subject-selector-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.subject-selector-dropdown{width:100%;padding:.4rem 2rem .4rem .75rem;font-size:.95rem;font-weight:600;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.subject-selector-dropdown:hover{background-color:#f3f4f6;border-color:#d1d5db}.subject-selector-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.kpi-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.icon-trophy{background-color:#fef3c7}.icon-trophy svg{color:#f59e0b;font-size:28px}.icon-percentil{background-color:#ede9fe}.icon-percentil svg{color:#8b5cf6;font-size:28px}.icon-time{background-color:#dbeafe}.icon-time svg{color:#3b82f6;font-size:28px}.icon-brain{background-color:#d1fae5}.icon-brain svg{color:#10b981;font-size:28px}.kpi-content h3{font-size:14px;font-weight:500;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:32px;font-weight:700;color:#111827;margin:4px 0;line-height:1}.kpi-label{font-size:14px;color:#9ca3af}.progress-side-module{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;flex:1;display:flex;flex-direction:column}.materia-dropdown-container{position:relative;margin-bottom:24px;width:100%}.materia-dropdown-btn{width:100%;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:500;color:#111827;transition:all .2s}.materia-dropdown-btn:hover{background:#f3f4f6;border-color:#d1d5db}.dropdown-icon{width:20px;height:20px;transition:transform .2s}.dropdown-icon.open{transform:rotate(180deg)}.materia-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.materia-option{padding:12px 16px;cursor:pointer;transition:background .2s;font-size:15px;color:#374151;border-bottom:1px solid #f3f4f6}.materia-option:last-child{border-bottom:none}.materia-option:hover{background:#f9fafb}.materia-option.selected{background:#ede9fe;color:#8b5cf6;font-weight:500}.ranking-table{flex:1;display:flex;flex-direction:column}.ranking-table h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.ranking-list{flex:1;overflow-y:auto;max-height:400px}.ranking-item{display:flex;align-items:center;padding:12px;border-bottom:1px solid #f3f4f6;transition:background .2s}.ranking-item:hover{background:#f9fafb}.ranking-item.current-user{background:#ede9fe;font-weight:600}.ranking-position{width:40px;font-size:14px;color:#6b7280}.ranking-name{flex:1;font-size:15px;color:#111827}.ranking-score{font-size:15px;font-weight:600;color:#8b5cf6}.progress-bottom-module{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;flex:1;min-width:0;overflow-x:visible}.charts-container{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:32px}.chart-section{min-height:300px}.chart-section h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px;display:flex;align-items:center;gap:8px}.chart-icon{width:20px;height:20px;color:#6b7280;margin-right:4px}.notebooks-table-container{margin-top:24px}.notebooks-table-container h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px;display:flex;align-items:center;gap:8px}.table-icon{width:20px;height:20px;color:#6b7280;margin-right:4px}.notebooks-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;max-width:none!important;width:100%}.header-with-hamburger-container~* .notebooks-table,.header-with-hamburger-container~* .notebooks-table *,.header-with-hamburger-container~* .notebooks-table table,.notebooks-table-container .notebooks-table,.notebooks-table-container .notebooks-table *,.progress-bottom-module .notebooks-table,.progress-bottom-module .notebooks-table *{max-width:none!important}.notebooks-table-container,.progress-bottom-module{overflow-x:visible!important;max-width:none!important}.notebooks-table::-webkit-scrollbar{height:12px}.notebooks-table::-webkit-scrollbar-track{background:#f3f4f6;border-radius:6px}.notebooks-table::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:6px}.notebooks-table::-webkit-scrollbar-thumb:hover{background:#6b7280}.notebooks-table table{width:100%;min-width:700px;border-collapse:collapse;font-size:14px}.notebooks-table thead{background:#f9fafb}.notebooks-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;border-right:1px solid #e5e7eb;white-space:nowrap}.notebooks-table th:last-child{border-right:none}.notebooks-table tbody tr{transition:background .2s;border-bottom:1px solid #f3f4f6}.notebooks-table tbody tr:hover{background:#f9fafb}.notebooks-table td{padding:12px;color:#111827;border-right:1px solid #e5e7eb}.notebooks-table td:last-child{border-right:none}.notebook-name{font-weight:500;color:#111827}.score-cell{font-weight:600;color:#8b5cf6}.student-zero-points{background-color:#fef2f2!important;color:#374151!important;font-weight:500!important}.student-zero-points td{background-color:#fef2f2!important;color:#374151!important}.position-cell{color:#6b7280}.smart-studies{font-weight:600;color:#10b981}.percentage{font-weight:500}.percentage.success{color:#3b82f6}.percentage.mastery{color:#f59e0b}.points-cell{font-weight:500;color:#6366f1;font-size:.9rem}.progress-page .concepts-list{max-width:200px}.concepts-wrapper{display:flex;flex-direction:column;gap:4px}.concept-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:6px;font-size:12px;background:#f9fafb;border:1px solid #e5e7eb}.concept-item.top{background:#f0fdf4;border-color:#bbf7d0}.concept-item.low{background:#fef3c7;border-color:#fde68a}.concept-name{flex:1;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.concept-percentage{font-weight:600;font-size:11px;flex-shrink:0}.concept-item.top .concept-percentage{color:#10b981}.concept-item.low .concept-percentage{color:#f59e0b}@media (max-width: 1200px){.progress-modules-row{flex-direction:column}.progress-module-col{flex:1;flex-direction:row;width:100%}.progress-module-col .progress-module{flex:1}.progress-side-module{flex:2}.charts-container{grid-template-columns:1fr;gap:24px}.progress-modules-right-row .progress-module.kpi-module{max-width:100%}.subject-selector-module{max-width:100%;width:100%}.corner-medal-module{max-width:100%}}@media (max-width: 768px){.progress-layout{padding:12px}.progress-modules-row{gap:12px}.progress-module-col{flex-direction:column;gap:12px}.charts-container{grid-template-columns:1fr;gap:20px}.progress-modules-right-row{flex-direction:column;gap:12px}.progress-modules-right-row .progress-module.kpi-module{max-width:100%;width:100%}.corner-medal-module{max-width:100%;width:100%;padding:16px}.corner-medal-icon{font-size:2rem}.corner-medal-division{font-size:1.25rem}.kpi-module{flex-direction:column;text-align:center;min-height:auto;padding:20px}.subject-selector-module{padding:1rem}.subject-selector-header{flex-direction:column;text-align:center;gap:.75rem}.subject-selector-icon{width:40px;height:40px;font-size:1.25rem}.kpi-value{font-size:28px}.charts-container{gap:24px}.notebooks-table{font-size:12px}.notebooks-table th,.notebooks-table td{padding:8px}}.progress-detailed-metrics{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px}.metrics-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 20px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric-item{text-align:center;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.metric-item:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.metric-value{font-size:24px;font-weight:700;color:#6366f1;margin-bottom:8px}.metric-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-item{padding:12px}.metric-value{font-size:20px}.metric-label{font-size:11px}}.insights-module{margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb}.insights-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.insights-header-icon{font-size:24px;color:#f59e0b}.insights-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.insight-card{background:#f9fafb;border-radius:12px;padding:20px;display:flex;gap:16px;transition:all .3s ease;border:1px solid transparent}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.insight-card.green{background:#f0fdf4;border-color:#bbf7d0}.insight-card.green .insight-icon{color:#10b981;background:#d1fae5}.insight-card.blue{background:#eff6ff;border-color:#bfdbfe}.insight-card.blue .insight-icon{color:#3b82f6;background:#dbeafe}.insight-card.orange{background:#fff7ed;border-color:#fed7aa}.insight-card.orange .insight-icon{color:#f97316;background:#fed7aa}.insight-card.purple{background:#faf5ff;border-color:#e9d5ff}.insight-card.purple .insight-icon{color:#8b5cf6;background:#ede9fe}.insight-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-icon svg{font-size:24px}.insight-content{flex:1}.insight-content h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#111827}.insight-content p{margin:0;font-size:14px;color:#4b5563;line-height:1.5}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#6b7280}.loading-container p{font-size:1.1rem;margin:0}.no-data{text-align:center;color:#6b7280;font-style:italic;padding:2rem}.no-materias-message{padding:2rem;text-align:center;color:#6b7280}.no-data-message{background:#f3f4f6;border-radius:8px;padding:1rem;margin-top:1rem;text-align:center;font-size:.9rem;color:#6b7280}@media (max-width: 768px){.insights-grid{grid-template-columns:1fr;gap:16px}.insight-card{padding:16px}.insight-icon{width:40px;height:40px}.insight-icon svg{font-size:20px}.insight-content h4{font-size:15px}.insight-content p{font-size:13px}}.ranking-list::-webkit-scrollbar,.notebooks-table::-webkit-scrollbar{width:8px;height:8px}.ranking-list::-webkit-scrollbar-track,.notebooks-table::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.ranking-list::-webkit-scrollbar-thumb,.notebooks-table::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.ranking-list::-webkit-scrollbar-thumb:hover,.notebooks-table::-webkit-scrollbar-thumb:hover{background:#9ca3af}.metric-icon.concepts{color:#10b981}.metric-icon.time{color:#3b82f6}.metric-icon.subjects{color:#8b5cf6}.metric-icon.notebooks{color:#f59e0b}.student-item{display:flex;align-items:center;gap:12px;padding:8px 0}.student-avatar-small{width:32px;height:32px;border-radius:50%;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.student-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.student-name-small{font-weight:500;color:#1f2937;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-email-small{color:#6b7280;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-page-container{min-height:100vh;background:#f8f9fa;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.profile-page-container.modern{background:#f8f9fa}.profile-page-container.single-module{background:#f8f9fa;padding-bottom:2rem}.profile-navigation{display:flex;background:#fff;border-bottom:1px solid #e9ecef;margin:0;padding:0;box-shadow:0 1px 3px #0000001a;position:sticky;top:64px;z-index:100}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease;color:#6c757d;font-size:.875rem;font-weight:500;border-bottom:3px solid transparent}.nav-tab i{font-size:1.2rem}.nav-tab:hover{background:#f8f9fa;color:#495057}.nav-tab.active{background:#fff;color:#6147ff;border-bottom-color:#6147ff}.profile-content{padding:2rem;max-width:1000px;margin:0 auto;width:calc(100% - 4rem);box-sizing:border-box}.profile-overview,.profile-personal,.profile-preferences,.profile-security{display:flex;flex-direction:column;gap:1rem;width:100%}.profile-content-main{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.profile-content-main .profile-personal .profile-section-card:first-child{height:576.28px;min-height:576.28px;display:flex;flex-direction:column}.profile-content-main .profile-personal .profile-section-card:first-child .section-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 768px){.profile-page-container{padding:0!important;width:100%!important}.profile-page-container.single-module{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.profile-content-main{grid-template-columns:1fr;padding:0;gap:1rem;width:343px;max-width:343px;margin-left:auto;margin-right:auto}.profile-content-main .profile-personal .profile-section-card:first-child{height:auto!important;min-height:auto!important}.profile-personal,.profile-security{width:100%}.profile-section-card{margin-left:auto;margin-right:auto;width:100%;max-width:343px}}.profile-hero-modern,.profile-section-card,.weekly-progress-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;transition:all .3s ease}.profile-section-card:hover{box-shadow:0 2px 8px #00000026}.profile-hero-modern{position:relative;overflow:hidden}.profile-hero-background{position:absolute;top:0;left:0;right:0;height:120px;background:#f5f5f5;opacity:1}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.1) 35px,rgba(255,255,255,.1) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(255,255,255,.05) 35px,rgba(255,255,255,.05) 70px)}.profile-hero-content{display:flex;align-items:center;gap:2rem;position:relative;z-index:1}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0}.profile-avatar-large{position:relative;width:100px;height:100px;border-radius:50%;background:#6147ff;display:flex;align-items:center;justify-content:center;border:3px solid #e9ecef}.profile-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-placeholder{color:#fff;font-size:2rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:#6147ff;color:#fff;border:2px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem}.avatar-edit-btn:hover{background:#0056b3}.profile-subscription-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-subscription-badge.super-admin{background:#6147ff;color:#fff}.profile-subscription-badge.profesor{background:#28a745;color:#fff}.profile-subscription-badge.estudiante{background:#6147ff;color:#fff}.profile-subscription-badge.pro{background:#ffc107;color:#212529}.profile-subscription-badge.free{background:#6c757d;color:#fff}.profile-info-section{flex:1}.profile-name{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#212529}.profile-username{font-size:1rem;color:#6c757d;margin:0 0 .25rem;font-weight:500}.profile-email{font-size:.875rem;color:#6c757d;margin:0 0 1rem}.profile-bio{font-size:1rem;color:#495057;margin:1rem 0;line-height:1.5}.profile-location{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.875rem}.profile-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.quick-stat-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.25rem 1rem;text-align:center;position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:center}.stat-value{font-size:1.75rem;font-weight:700;color:#6147ff;margin-bottom:.75rem;line-height:1.2}.stat-label{font-size:.875rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-icon{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:.2;background:#f8f9fa}.stat-icon i{font-size:1rem;color:#495057}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.progress-header h3{font-size:1.25rem;font-weight:600;color:#212529;margin:0}.progress-percentage{font-size:1.5rem;font-weight:700;color:#6147ff}.progress-bar-container{height:12px;background:#e9ecef;border-radius:6px;overflow:hidden;margin-bottom:1rem}.progress-bar-fill{height:100%;background:#6147ff;border-radius:6px;transition:width .5s ease}.progress-details{display:flex;justify-content:space-between;font-size:.875rem;color:#6c757d}.profile-stats-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;min-height:180px;display:flex;flex-direction:column}.stat-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.stat-card-header i{font-size:1.5rem;color:#6147ff}.stat-card-header h4{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.stat-card-value{font-size:2rem;font-weight:700;color:#6147ff;margin-bottom:1rem;line-height:1.1;flex:1;display:flex;align-items:center}.stat-card-trend{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}.stat-card-trend.positive{color:#28a745}.stat-card-progress{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.mini-progress{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.mini-progress-fill{height:100%;background:#6147ff;border-radius:4px;transition:width .5s ease}.profile-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.quick-action-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem;text-decoration:none;color:inherit;transition:all .2s ease}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;text-decoration:none;color:inherit}.action-icon{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.quick-action-card.study .action-icon{background:#28a745}.quick-action-card.progress .action-icon{background:#6147ff}.quick-action-card.materias .action-icon{background:#6f42c1}.action-content h4{font-size:1.125rem;font-weight:600;color:#212529;margin:0 0 .25rem}.action-content p{font-size:.875rem;color:#6c757d;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.section-header h3{font-size:1.5rem;font-weight:600;color:#212529;margin:0}.edit-section-btn{width:40px;height:40px;border-radius:8px;background:#6147ff;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-section-btn:hover{background:#5139e5}.edit-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#495057}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .2s ease;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6147ff;box-shadow:0 0 0 2px #007bff40}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions-centered{display:flex;justify-content:center;margin-top:1.5rem}.btn-primary,.btn-secondary,.btn-outline,.btn-danger{padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:#6147ff;color:#fff;border-color:#6147ff}.btn-primary:hover{background:#0056b3;border-color:#0056b3}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff;border-color:#6c757d}.btn-secondary:hover{background:#545b62;border-color:#545b62}.btn-outline{background:transparent;color:#6147ff;border-color:#6147ff}.btn-outline:hover{background:#6147ff;color:#fff}.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545;width:111px}.btn-danger:hover{background:#c82333;border-color:#c82333}.security-action-btn{width:111px;text-align:center;display:flex;align-items:center;justify-content:center}.btn-small{padding:.5rem 1rem;font-size:.875rem}.preferences-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.preference-module{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.preference-module .form-group{margin:0}.preference-module .form-group label{font-size:.75rem;margin-bottom:.5rem;font-weight:600;color:#495057}.preference-module .form-group input,.preference-module .form-group select{width:100%;padding:.5rem;font-size:.875rem}.preference-module .preference-item{margin:0}.preference-module .preference-item label{font-size:.75rem;margin-bottom:.5rem;font-weight:600;color:#495057;display:block}.preference-module .preference-item span{font-size:1rem;color:#212529;font-weight:500}.info-display{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:4px;border-left:4px solid #6147FF;min-height:80px;justify-content:center}.info-item label{font-size:.75rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:1rem;color:#212529;font-weight:500}.info-item .interests-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.info-item .interest-tag{padding:.25rem .75rem;font-size:.75rem}.interests-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.interest-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6147ff;color:#fff;border-radius:20px;font-size:.875rem;font-weight:500}.interest-tag.editable{background:#f8f9fa;color:#495057;border:1px solid #ced4da}.remove-interest{background:#fff3;border:none;color:inherit;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.75rem}.remove-interest:hover{background:#ffffff4d}.notifications-settings,.privacy-settings{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.setting-item:hover{background:#e9ecef}.setting-info{flex:1}.setting-info label{font-size:1rem;font-weight:600;color:#212529;display:block;margin-bottom:.25rem}.setting-info span{font-size:.875rem;color:#6c757d}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ced4da;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#6147ff}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.security-actions,.danger-actions{display:flex;flex-direction:column;gap:1rem}.security-actions .security-item,.profile-security .security-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1rem!important;background:#f5f5f5!important;background-image:none!important;border-radius:8px!important;border:1px solid #e0e0e0!important;transition:background .2s ease!important;margin-bottom:.75rem!important}.security-actions .security-item:hover,.profile-security .security-item:hover{background:#eee!important;background-image:none!important}.danger-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;transition:background .2s ease;margin-bottom:.75rem}.danger-item{background:#fef2f2!important;border-color:#fecaca!important}.security-info,.danger-info{display:flex;align-items:flex-start;gap:1rem;flex:1}.security-info i,.danger-info i{font-size:1.25rem;color:#6147ff;width:20px;text-align:center;margin-top:.25rem}.danger-info i{color:#ef4444}.security-info div,.danger-info div{flex:1}.security-info h4,.danger-info h4{font-size:1rem;font-weight:600;color:#212529;margin:0 0 .25rem}.security-info p,.danger-info p{font-size:.875rem;color:#6c757d;margin:0}.profile-footer{padding:0 2rem 3rem;text-align:center;max-width:1000px;margin:0 auto}.logout-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#fff;color:#6c757d;border:1px solid #ced4da;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.profile-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem}.profile-loading .loading-spinner{width:40px;height:40px;border:4px solid rgba(97,71,255,.1);border-top:4px solid #6147FF;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.profile-loading p{color:#666;font-size:1rem;margin:0}.profile-skeleton{width:100%;max-width:1000px}.skeleton-header,.skeleton-content{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;margin-bottom:1.5rem}.skeleton-header{height:200px}.skeleton-content{height:300px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:2rem;text-align:center}.empty-state{text-align:center;color:#6c757d;font-style:italic;padding:2rem;background:#f8f9fa;border-radius:8px;border:2px dashed #ced4da;font-size:1rem}@media (max-width: 768px){.profile-navigation{top:64px}.nav-tab{padding:.75rem .5rem;font-size:.75rem}.nav-tab span{display:none}.profile-content{padding:1rem!important;width:100%!important;max-width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important}.profile-hero-modern{width:343px!important;max-width:343px!important;margin:0 auto 1rem!important;padding:1.5rem!important;display:block!important;box-sizing:border-box!important}.profile-hero-content{flex-direction:column!important;text-align:center!important;gap:1.5rem!important;align-items:center!important;justify-content:center!important;width:100%!important}.profile-avatar-section{align-items:center!important;text-align:center!important;display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important;margin:0 auto!important}.profile-avatar-large{margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important}.profile-info-section{width:100%!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;margin:0!important;padding:0!important}.profile-name,.profile-username,.profile-email{text-align:center!important;width:100%!important;margin-left:0!important;margin-right:0!important}.profile-subscription-badge{margin:0 auto!important;display:inline-flex!important;justify-content:center!important}.profile-name{font-size:1.75rem}.profile-quick-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.profile-stats-detailed,.profile-quick-actions{grid-template-columns:1fr}.profile-footer{padding:0 1rem 2rem;width:343px;max-width:343px;margin-left:auto;margin-right:auto}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column}.quick-action-card{flex-direction:column;text-align:center;gap:1rem}.preferences-grid{grid-template-columns:1fr;gap:.75rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.password-modal{background:#fff;border-radius:12px;padding:0;width:90%;max-width:280px;box-shadow:0 15px 50px #0003;overflow:hidden}.password-modal .modal-header{display:flex;justify-content:center;align-items:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;position:relative;margin:0}.password-modal .modal-header h3{font-size:1rem;font-weight:600;color:#fff!important;margin:0;text-align:center;display:flex;align-items:center;gap:.5rem}.password-modal .modal-header h3 i{color:#fff!important}.modal-close-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:0;border-radius:50%;font-size:1.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:400;line-height:1}.modal-close-btn:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-50%) scale(1.1)}.password-modal .modal-body{padding:1.25rem}.password-modal .form-group{margin-bottom:.5rem;position:relative}.password-modal .form-group label{display:block;font-size:.75rem;font-weight:600;color:#495057;margin-bottom:.375rem}.password-modal .form-group input{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:6px;font-size:.8rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.password-modal .form-group input:focus{outline:none;border-color:#6147ff;box-shadow:0 0 0 2px #007bff40}.password-modal .form-group input.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.password-modal .form-group input.error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.password-toggle-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:.125rem;font-size:.75rem;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:2px;transition:color .2s ease}.password-toggle-btn:hover{color:#495057;background:#0000000d}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:2rem}.password-requirements{margin-top:.375rem;font-size:.65rem;color:#6c757d}.password-requirement{display:flex;align-items:center;gap:.375rem;margin-bottom:.125rem}.password-requirement.valid{color:#28a745}.password-requirement.invalid{color:#dc3545}.password-requirement i{font-size:.6rem;width:10px}.password-symbols-hint{margin-top:.125rem;font-size:.6rem;color:#6c757d;font-style:italic;padding-left:.875rem}.paste-blocked-message{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;border-radius:6px;padding:.375rem .5rem;margin-bottom:.75rem;font-size:.7rem;display:flex;align-items:center;gap:.375rem;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.password-error{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;border:1px solid #f5c6cb;margin-bottom:1rem;font-size:.875rem}.password-success{background:#d4edda;color:#155724;padding:.75rem;border-radius:4px;border:1px solid #c3e6cb;margin-bottom:1rem;font-size:.875rem}.password-modal .modal-footer{display:flex;gap:.5rem;margin-top:0;justify-content:center;padding:1rem 1.25rem 1.25rem;border-top:1px solid #e9ecef}.password-modal .btn-secondary{background:#6c757d;color:#fff;border:1px solid #6c757d;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.75rem;flex:1;transition:all .2s ease}.password-modal .btn-secondary:hover{background:#545b62;border-color:#545b62;transform:translateY(-1px)}.password-modal .btn-primary{background:#fff;color:#212529;border:1px solid #e9ecef;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.75rem;flex:1;transition:all .2s ease}.password-modal .btn-primary:hover{background:#f8f9fa;border-color:#dee2e6;transform:translateY(-1px)}.password-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-modal{background:#fff;border-radius:12px;padding:0;width:90%;max-width:450px;box-shadow:0 15px 50px #0000004d;overflow:hidden}.delete-modal .modal-header.danger{background:linear-gradient(135deg,#dc3545,#c82333);padding:1.25rem;margin:0;border-radius:0}.delete-modal .modal-header.danger h3{color:#fff!important;font-size:1.125rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.delete-modal .modal-header.danger h3 i{color:#fff!important}.delete-modal .modal-body{padding:1.5rem}.delete-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.warning-text{color:#991b1b;font-size:.9rem;margin:0 0 1rem;line-height:1.5}.warning-text strong{color:#dc3545;font-weight:700}.consequences-list{margin:0;padding-left:1.5rem;color:#b91c1c;font-size:.85rem;line-height:1.8}.consequences-list li{margin-bottom:.5rem}.delete-confirmation{margin-bottom:1rem}.delete-confirmation p{color:#495057;font-size:.9rem;margin-bottom:1rem}.delete-confirmation input{width:100%;padding:.75rem;border:2px solid #ced4da;border-radius:6px;font-size:1rem;font-weight:600;text-align:center;transition:all .2s ease}.delete-confirmation input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc354540}.delete-confirmation input.error{border-color:#dc3545;background:#fef2f2}.delete-error{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:6px;border:1px solid #f5c6cb;margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.delete-modal .modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e9ecef;justify-content:flex-end}.btn-danger-confirm{background:#dc3545;color:#fff;border:1px solid #dc3545;padding:.75rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-danger-confirm:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.btn-danger-confirm:disabled{opacity:.5;cursor:not-allowed}.delete-modal .btn-secondary{background:#6c757d;color:#fff;border:1px solid #6c757d;padding:.75rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.delete-modal .btn-secondary:hover{background:#545b62;border-color:#545b62;transform:translateY(-1px)}.twofa-modal{background:#fff;border-radius:12px;padding:0;width:90%;max-width:400px;box-shadow:0 15px 50px #0003;overflow:hidden}.twofa-modal .modal-header.twofa{background:linear-gradient(135deg,#10b981,#059669);padding:1.25rem;margin:0;border-radius:0}.twofa-modal .modal-header.twofa h3{color:#fff!important;font-size:1.125rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.twofa-modal .modal-header.twofa h3 i{color:#fff!important}.twofa-modal .modal-body{padding:1.5rem}.twofa-status{text-align:center}.status-active{background:#d1fae5;border:2px solid #10b981;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.status-active i{font-size:3rem;color:#10b981;margin-bottom:1rem}.status-active h4{color:#065f46;font-size:1.25rem;margin:.5rem 0}.status-active p{color:#047857;margin:0}.twofa-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:1rem;margin-bottom:1.5rem}.twofa-warning p{color:#92400e;font-size:.875rem;margin:0}.twofa-setup,.twofa-verify{display:flex;flex-direction:column;gap:1.5rem}.setup-intro,.verify-intro{text-align:center;padding:1rem;background:#f3f4f6;border-radius:8px}.setup-intro p,.verify-intro p{color:#4b5563;font-size:.9rem;margin:.5rem 0;line-height:1.5}.verify-intro i{font-size:2.5rem;color:#10b981;margin-bottom:1rem}.phone-display{font-size:1.125rem!important;font-weight:600;color:#111827!important;margin-top:.5rem!important}.twofa-modal .form-group{margin-bottom:0}.twofa-modal .form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.twofa-modal .form-group input{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:6px;font-size:1rem;transition:all .2s ease}.twofa-modal .form-group input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.twofa-modal .form-group input.error{border-color:#ef4444;background:#fef2f2}.verification-input{text-align:center;font-size:1.5rem!important;font-weight:600;letter-spacing:.5rem;padding:1rem!important}.twofa-error{background:#fef2f2;color:#991b1b;padding:.75rem;border-radius:6px;border:1px solid #fecaca;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.verify-actions{display:flex;gap:1rem;justify-content:space-between}.twofa-success{text-align:center;padding:2rem}.twofa-success i{font-size:4rem;color:#10b981;margin-bottom:1rem;animation:checkBounce .6s ease}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.twofa-success h4{color:#065f46;font-size:1.5rem;margin:1rem 0}.twofa-success p{color:#047857;font-size:.9rem;margin:.5rem 0;line-height:1.5}.btn-success{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.btn-success:hover{background:#059669!important;border-color:#059669!important}.email-display{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#f3f4f6;border-radius:8px;margin:1rem 0}.email-display i{color:#10b981;font-size:1.25rem}.email-display span{font-weight:600;color:#111827}.email-display-verify,.phone-display-verify{font-weight:600!important;color:#111827!important;font-size:1rem!important}.twofa-modal .form-group small{display:block;margin-top:.5rem;color:#6b7280;font-size:.75rem}.temp-code-display{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:1rem;margin:1rem 0;text-align:center}.code-display{margin-top:.5rem;padding:.75rem;background:#fff;border-radius:6px;border:2px solid #fbbf24}.code-display code{font-size:1.5rem;font-weight:700;letter-spacing:.5rem;color:#111827}.setup-intro h4{color:#111827;font-size:1.25rem;margin:1rem 0}.auth-apps-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.auth-apps-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;color:#374151}.auth-apps-list li i{width:20px;color:#10b981}.qr-code-container{display:flex;justify-content:center;padding:1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin:1rem 0}.qr-code-image{width:200px;height:200px;image-rendering:pixelated}.manual-entry{margin:1rem 0}.manual-entry summary{cursor:pointer;color:#10b981;font-size:.875rem;font-weight:500;padding:.5rem;text-align:center;-webkit-user-select:none;user-select:none}.manual-entry summary:hover{color:#059669}.manual-code{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:#f3f4f6;border-radius:6px}.manual-code code{flex:1;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;color:#111827;word-break:break-all}.copy-btn{background:#10b981;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#059669}.verify-intro h4{color:#111827;font-size:1.125rem;margin:0 0 .5rem}@media (max-width: 480px){.profile-content{padding:.5rem;width:calc(100% - 1rem)}.profile-hero-modern,.profile-section-card{padding:1.5rem}.section-header h3{font-size:1.25rem}.profile-name,.stat-value{font-size:1.5rem}.stat-card-value{font-size:1.75rem}.profile-quick-stats{grid-template-columns:1fr;gap:1rem}.password-modal{padding:1rem;margin:.5rem;max-width:260px}}.avatar-modal{background:#fff;border-radius:12px;padding:0;width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.avatar-modal .modal-header{padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.avatar-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.avatar-modal .close-btn{background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.avatar-modal .close-btn:hover{background:#fff3;color:#fff}.avatar-modal .modal-body{padding:1.5rem;overflow-y:auto}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem;margin-bottom:1.5rem}.avatar-option{background:#f9fafb;border:2px solid transparent;border-radius:12px;padding:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.avatar-option:hover{background:#f3f4f6;transform:scale(1.05)}.avatar-option.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.avatar-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e9ecef}.avatar-actions .btn-secondary,.avatar-actions .btn-primary{padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease}.avatar-actions .btn-secondary{background:#f3f4f6;color:#374151}.avatar-actions .btn-secondary:hover{background:#e5e7eb}.avatar-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.avatar-actions .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.avatar-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.profile-avatar-emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:#6147ff;border-radius:50%}.memory-game-container{min-height:100vh;background:#f8fafc;padding:20px;font-family:Poppins,sans-serif;position:relative;overflow-x:hidden}.memory-game-container *{font-family:Poppins,sans-serif!important}.memory-game-header{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto 20px}.game-title{text-align:center}.game-controls{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:80px auto 30px;padding:0 20px 8px;gap:20px;min-height:60px;border-bottom:1px solid rgba(203,213,225,.4);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-title h1{font-size:2.5rem;color:#1f2937;margin:0;font-weight:700;text-shadow:none}.game-title p{font-size:1.125rem;color:#6b7280;margin:4px 0 0}.back-button{background:transparent;border:none;color:#3b82f6;padding:10px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:48px;height:auto}.back-to-games-button{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff;padding:12px 24px;border-radius:14px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;height:48px;box-shadow:0 4px 15px #6366f140;align-self:center}.back-to-games-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.back-to-games-button svg{width:18px;height:18px}.reset-button{background:linear-gradient(135deg,#10b981,#059669)!important;border:none;color:#fff;padding:12px 24px;border-radius:14px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;height:48px;box-shadow:0 4px 15px #10b98140;align-self:center}.reset-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.memory-game-container .game-stats{display:flex!important;justify-content:center!important;gap:8px!important;margin:0!important;padding:12px 20px!important;flex:0 1 auto!important;max-width:600px!important;width:auto!important;height:48px;align-self:center}.stat{background:#fff;padding:12px 20px;color:#1f2937;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb;position:relative;flex:1;min-width:140px;box-sizing:border-box;text-align:center;height:48px;border-radius:12px;transition:all .3s ease}.stat:hover{border-color:#6366f1;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:translateY(-1px)}.stat:first-child{margin-left:0}.stat:last-child{margin-right:0}.memory-game-container .game-controls .game-stats{margin:0!important;width:auto!important;max-width:600px!important}.stat span{color:#374151;font-weight:600;font-size:.9rem;line-height:1;display:flex;align-items:center;gap:8px;justify-content:center;white-space:nowrap}.stat span svg{width:20px;height:20px;color:#6366f1;flex-shrink:0}.stat svg{width:20px;height:20px;color:#6366f1;flex-shrink:0}.stat.streak{background:linear-gradient(135deg,#f59e0b,#ef4444);animation:pulse 2s infinite;border-color:#f59e0b;transform:scale(1.05)}.stat.streak:before{background:linear-gradient(90deg,#fbbf24,#f59e0b);height:4px}.stat.streak span{color:#fff!important;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.stat.streak svg{color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.memory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:900px;margin:10px auto 0;justify-content:center}.memory-card{perspective:1000px;cursor:pointer;position:relative;width:200px!important;height:200px!important;margin:0;display:block!important;box-sizing:border-box!important}.card-inner{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;text-align:center;transform-style:preserve-3d}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-shadow:0 4px 12px #0003;transition:all .3s ease}.card-front{background:linear-gradient(135deg,#6147ff,#764ba2);border:3px solid rgba(255,255,255,.3)}.card-front:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.card-type-icon{font-size:3rem;opacity:.6;transition:all .3s ease}.memory-card.card-term .card-type-icon{color:#8b5a3c;text-shadow:0 2px 4px rgba(139,90,60,.2)}.memory-card.card-definition .card-type-icon{color:#4a7c8b;text-shadow:0 2px 4px rgba(74,124,139,.2)}.card-front:hover .card-type-icon{opacity:.8;transform:scale(1.05)}.card-back{background:#fff;transform:rotateY(180deg);border:3px solid transparent}.memory-card.card-term .card-back{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.memory-card.card-definition .card-back{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.memory-card.card-term,.memory-card.card-definition{font-size:inherit!important;margin:0!important;padding:0!important;display:block!important;flex:none!important;width:200px!important;height:200px!important;line-height:normal!important}.card-back p{font-size:1rem;line-height:1.5;color:#1f2937;margin:0;word-wrap:break-word;font-weight:500;max-height:140px;overflow:hidden;text-overflow:ellipsis;text-align:center;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;padding:12px}.card-type-label{font-size:.75rem;font-weight:700;text-transform:uppercase;opacity:.7;position:absolute;bottom:8px;right:8px}.memory-card.card-term .card-type-label{color:#92400e}.memory-card.card-definition .card-type-label{color:#1e40af}.memory-card.matched{pointer-events:none}.memory-card.matched .card-inner{animation:matchAnimation .6s ease;transform:rotateY(180deg)}.memory-card.matched .card-back{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border-color:#10b981!important;box-shadow:0 0 20px #10b98166}.memory-card.matched .card-back p{color:#065f46;font-weight:600}.memory-card.matched .card-type-label{color:#065f46!important;font-weight:700}@keyframes matchAnimation{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(180deg) scale(1)}}.game-completed-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.simple-modal{background:#fff;border-radius:16px;padding:32px 32px 20px;width:400px;text-align:center;box-shadow:0 10px 30px #0003}.simple-modal h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 24px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.stat-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center}.stat-box.highlight{grid-column:1 / -1;background:#fef3c7;border-color:#f59e0b}.stat-label{display:block;font-size:.875rem;color:#6b7280;font-weight:500;margin-bottom:4px}.stat-number{display:block;font-size:1.25rem;font-weight:700;color:#1f2937}.stat-box.highlight .stat-number{color:#92400e}.modal-buttons{display:flex;gap:12px}.btn-primary,.btn-secondary{flex:1;padding:12px 20px;border-radius:12px;font-size:.875rem;font-weight:600;border:none;cursor:pointer}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover{background:#059669}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}.modal-content{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;padding:28px;width:500px!important;height:auto!important;max-width:500px!important;max-height:85vh!important;min-width:500px!important;min-height:auto!important;text-align:center;position:relative;margin:0 auto;transform:none!important;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;box-shadow:0 25px 50px #00000026;border:none;opacity:1!important;animation:none!important;transition:none!important}.trophy-icon{font-size:4rem;color:#f59e0b;margin-bottom:20px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-content h2{font-size:1.6rem;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:1.5rem;padding-top:.5rem;font-weight:800;margin:0;flex-shrink:0;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.5px}.modal-content>p{font-size:.95rem;color:#64748b;margin:6px 0;flex-shrink:0;font-weight:500}.final-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:30px}.final-stat{background:#f3f4f6;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.final-stat.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);grid-column:1 / -1}.modal-actions{display:flex;gap:16px;justify-content:center;align-items:center;width:100%;flex-shrink:0;margin-top:5px;padding:0}.play-again-btn,.back-to-games-btn{padding:12px 24px;border-radius:14px;font-size:.95rem;font-weight:700;cursor:pointer;border:none;position:relative;overflow:hidden;letter-spacing:-.2px}.play-again-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98140}.play-again-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98166}.back-to-games-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;color:#475569!important;margin:0 auto;display:block;cursor:pointer;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(203,213,225,.5)}.back-to-games-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;box-shadow:0 4px 12px #0000001a!important}@media screen and (max-width: 768px){body .memory-game-container .modal-overlay .modal-content,body .memory-game-container .modal-content,body .modal-overlay .modal-content,.modal-content{width:90%!important;max-width:340px!important;min-width:280px!important;height:auto!important;max-height:85vh!important;min-height:auto!important;padding:1.25rem!important;margin:auto!important}.modal-content h2,.simple-modal h2,.game-completed-modal h2{font-size:1.25rem!important;margin-top:.75rem!important;margin-bottom:1rem!important;padding-top:.25rem!important}.simple-modal{padding:1.5rem 1.5rem 1rem!important}.difficulty-options{gap:.75rem!important;padding:1rem 0!important}.difficulty-btn{padding:.875rem!important;border-radius:12px!important}.difficulty-title{font-size:1rem!important;margin-bottom:2px!important}.difficulty-info{font-size:.75rem!important}.insufficient-text{font-size:.7rem!important;margin-top:.25rem!important}.back-to-games-btn{padding:.75rem 1.25rem!important;font-size:.875rem!important}.memory-game-container{padding:.75rem!important;min-height:100vh}.game-controls{flex-direction:column!important;gap:.75rem!important;padding:.75rem!important;margin-bottom:.75rem!important}.back-to-games-button,.reset-button{width:100%!important;justify-content:center!important;padding:.625rem 1rem!important;font-size:.875rem!important}.game-stats{width:100%!important;justify-content:space-around!important;gap:.5rem!important;padding:0!important}.stat{padding:.375rem .5rem!important;font-size:.65rem!important;min-width:auto!important;flex:1!important}.stat span{font-size:.65rem!important}.stat svg{width:12px!important;height:12px!important}.memory-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;padding:.75rem!important;max-width:100%!important;margin:0 auto!important;display:grid!important;place-items:center!important;justify-content:center!important}.memory-card{width:calc((100vw - 4rem) / 2.2)!important;height:calc((100vw - 4rem) / 2.2)!important;max-width:150px!important;max-height:150px!important;min-width:120px!important;min-height:120px!important;border-radius:12px!important;margin:0 auto!important}.card-type-icon{font-size:1.75rem!important}.card-back p{font-size:.75rem!important;padding:.5rem!important;-webkit-line-clamp:4!important;max-height:90px!important}.card-type-label{font-size:.625rem!important;padding:.25rem .5rem!important}@media screen and (max-width: 480px){body .memory-game-container .modal-overlay .modal-content,body .memory-game-container .modal-content,body .modal-overlay .modal-content,.modal-content{width:88%!important;max-width:300px!important;min-width:260px!important;height:auto!important;max-height:80vh!important;min-height:auto!important;padding:1rem!important}.modal-content h2,.simple-modal h2,.game-completed-modal h2{font-size:1.125rem!important;margin-top:.5rem!important;padding-top:.25rem!important;margin-bottom:.75rem!important}.simple-modal{padding:1.25rem 1.25rem .75rem!important}.difficulty-options{gap:.625rem!important}.difficulty-btn{padding:.75rem!important;border-radius:10px!important}.difficulty-title{font-size:.9rem!important}.difficulty-info{font-size:.7rem!important}.game-controls{padding:.5rem!important;gap:.5rem!important}.back-to-games-button span,.reset-button span{display:none!important}.back-to-games-button,.reset-button{padding:.5rem!important;min-width:auto!important}.game-stats{order:-1!important;margin-bottom:.5rem!important}.stat{padding:.25rem .375rem!important;font-size:.6rem!important}.stat span{display:flex!important;align-items:center!important;gap:.2rem!important;font-size:.6rem!important}.stat svg{width:10px!important;height:10px!important}.memory-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;padding:.5rem!important;margin:0 auto!important;width:100%!important;box-sizing:border-box!important}.memory-card{width:calc((100vw - 3rem) / 2.1)!important;height:calc((100vw - 3rem) / 2.1)!important;max-width:140px!important;max-height:140px!important;min-width:100px!important;min-height:100px!important;border-radius:10px!important;margin:0 auto!important}.card-type-icon{font-size:1.5rem!important}.card-back p{font-size:.7rem!important;padding:.375rem!important;-webkit-line-clamp:3!important;max-height:75px!important;line-height:1.3!important}.card-type-label{font-size:.6rem!important;padding:.2rem .4rem!important;bottom:.25rem!important}}.card-back p{font-size:.875rem;-webkit-line-clamp:5;max-height:110px}.game-stats{gap:12px;padding:0 16px}.stat{padding:12px 16px;font-size:.9rem;min-width:100px;gap:8px}.stat svg{width:16px;height:16px}.modal-content{width:500px!important;height:auto!important;max-width:500px!important;max-height:85vh!important;min-width:500px!important;min-height:auto!important;padding:24px}}.memory-intro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.memory-intro-modal{background:#fff;border-radius:20px;padding:1rem;width:600px;height:500px;overflow-y:auto;animation:modalSlideIn .3s ease-out}.intro-header{text-align:center;margin-bottom:12px!important;border-bottom:none}.intro-icon{font-size:2.5rem;color:#667eea;margin-bottom:.5rem;display:block}.intro-header h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.intro-content{margin-bottom:0}.memory-game-container .intro-section{margin-bottom:1rem}.memory-game-container .intro-section:first-child{margin-bottom:.5rem}.memory-game-container .intro-section:last-child{margin-bottom:0}.memory-game-container .intro-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.memory-game-container .intro-section ul{list-style:none;padding:0;margin:0}.memory-game-container .intro-section li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:#4b5563;line-height:1.5}.memory-game-container .intro-section li i{color:#667eea;margin-top:.25rem;font-size:.875rem;flex-shrink:0}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.difficulty-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;width:170px;height:160px}.difficulty-card:hover:not(.disabled){background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea;transform:translateY(-2px)}.difficulty-card.disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.difficulty-card.selected{background:linear-gradient(135deg,#667eea25,#764ba225);border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.difficulty-icon{font-size:2rem;margin-bottom:.5rem}.difficulty-name{font-size:1rem;font-weight:600;color:#1f2937;-webkit-text-fill-color:#1f2937;margin-bottom:.5rem}.difficulty-details{display:flex;flex-direction:column;gap:.25rem}.difficulty-details span{font-size:.75rem;color:#64748b;-webkit-text-fill-color:#64748b}.insufficient-text{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);font-size:.65rem;color:#ef4444;white-space:nowrap}.intro-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.action-button{padding:.4375rem 2rem;border-radius:12px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.action-button.primary:hover:not(.disabled){transform:translateY(-2px)}.action-button.primary.disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.action-button.primary.disabled:hover{transform:none}@media (max-width: 768px){.memory-intro-modal{padding:1.5rem;margin:1rem;width:90%;max-width:400px;height:auto;max-height:90vh}.intro-icon{font-size:2.5rem}.intro-header h2{font-size:1.5rem}.difficulty-grid{grid-template-columns:1fr;gap:.75rem}.difficulty-card{padding:1rem}.intro-actions{flex-direction:column}.action-button{width:100%}}.difficulty-options{display:flex;flex-direction:column;gap:14px;flex:1;justify-content:center;padding:24px 0}.difficulty-btn{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid transparent;border-radius:16px;padding:18px;cursor:pointer;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d,0 2px 4px #00000005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.difficulty-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);opacity:0;border-radius:14px}.difficulty-btn:not(.disabled):hover:before{opacity:1}.difficulty-btn:not(.disabled):hover{box-shadow:0 12px 25px #00000026,0 4px 8px #0000000d}.difficulty-btn.disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#f9fafb,#e5e7eb);transform:none!important}.difficulty-btn.easy:not(.disabled){background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b9814d}.difficulty-btn.easy:not(.disabled):hover{box-shadow:0 12px 25px #10b98140,0 4px 8px #10b9811a}.difficulty-btn.medium:not(.disabled){background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b4d}.difficulty-btn.medium:not(.disabled):hover{box-shadow:0 12px 25px #f59e0b40,0 4px 8px #f59e0b1a}.difficulty-btn.hard:not(.disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef44444d}.difficulty-btn.hard:not(.disabled):hover{box-shadow:0 12px 25px #ef444440,0 4px 8px #ef44441a}.difficulty-title{font-size:1.15rem;font-weight:800;margin-bottom:3px;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-.3px}.difficulty-btn.easy .difficulty-title{color:#047857;background:linear-gradient(135deg,#10b981,#059669);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.difficulty-btn.medium .difficulty-title{color:#d97706;background:linear-gradient(135deg,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.difficulty-btn.hard .difficulty-title{color:#dc2626;background:linear-gradient(135deg,#ef4444,#dc2626);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.difficulty-info{font-size:.88rem;color:#64748b;font-weight:600;margin:0;position:relative;z-index:1;opacity:.9}.insufficient-text{font-size:.82rem;color:#dc2626;font-weight:700;margin-top:6px;position:relative;z-index:1;padding:4px 8px;background:#fee2e2cc;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.puzzle-game-container{min-height:100vh;background:#fff;padding:20px;font-family:Poppins,sans-serif;position:relative;overflow-x:hidden}.puzzle-game-container.with-header-sidebar{min-height:calc(100vh - 70px);margin:0;padding-left:20px}.puzzle-header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 30px;gap:20px}.game-title{text-align:center;flex:1}.game-title h1{font-size:2.5rem;color:#fff;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.game-title h1 svg{margin-right:10px;color:#fbbf24}.game-title p{font-size:1.125rem;color:#ffffffe6;margin:4px 0 0}.back-button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.reset-button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-button:hover,.reset-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.game-stats{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;align-items:center;width:1400px;margin:0 auto 50px;border-bottom:2px solid #e5e7eb;padding-bottom:20px}.stat{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:12px;color:#1f2937;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;border:2px solid rgba(255,255,255,.3)}.stat svg{color:#6147ff}.exit-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:8px 16px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #6b72804d}.exit-button:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 6px 16px #6b728066}.puzzle-board{width:1400px;height:487px;margin:0 auto;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;transition:all .3s ease}.puzzle-board.animating{transform:scale(.95);opacity:.7}.puzzle-row{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding:20px;background:#fffffff2;border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.puzzle-row:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%);transition:transform .6s ease}.puzzle-row.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);transform:scale(1.02);box-shadow:0 6px 20px #10b9814d}.puzzle-row.completed:before{transform:translate(100%)}.correct-animation{animation:correctBounce .6s ease}@keyframes correctBounce{0%{transform:scale(1)}30%{transform:scale(1.1)}60%{transform:scale(.95)}to{transform:scale(1)}}.concept-term{width:200px;flex-shrink:0;position:relative;margin:0}.concept-term h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;text-align:center;padding:10px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:2px solid #f59e0b}.check-icon{position:absolute;top:-10px;right:-10px;color:#10b981;font-size:1.5rem;background:#fff;border-radius:50%;padding:2px;animation:checkAppear .5s ease}@keyframes checkAppear{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.fragments-section{flex:1;position:relative}.section-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.concept-term .section-label{top:-25px}.fragments-container{flex:1;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);align-items:stretch}.fragment-slot{min-height:80px;border:3px dashed #d1d5db;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.fragment-slot:hover{border-color:#9ca3af;background:#9ca3af1a}.fragment-slot.drag-over{border-color:#60a5fa;background:#60a5fa33;transform:scale(1.05);box-shadow:0 0 20px #60a5fa66}.fragment{width:100%;padding:15px;background:#fff;border-radius:10px;cursor:grab;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.fragment:active{cursor:grabbing;transform:scale(1.05);box-shadow:0 4px 16px #0003}.dragging-clone{touch-action:none;pointer-events:none;z-index:9999;box-shadow:0 10px 30px #0000004d;cursor:grabbing}.fragment.correct-concept{border:2px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.fragment.wrong-concept{border:2px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.fragment span{font-size:.95rem;color:#1f2937;font-weight:500;display:block;text-align:center}.fragment:before{content:"";position:absolute;top:0;left:-4px;bottom:0;width:8px;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.1) 4px,rgba(0,0,0,.1) 8px)}.fragment:after{content:"";position:absolute;top:0;right:-4px;bottom:0;width:8px;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(0,0,0,.1) 4px,rgba(0,0,0,.1) 8px)}.level-complete{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000004d;animation:levelCompleteAppear .5s ease;z-index:1000}@keyframes levelCompleteAppear{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.level-complete h2{font-size:2rem;color:#1f2937;margin-bottom:10px}.level-complete p{font-size:1.125rem;color:#6b7280}.game-completed-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;will-change:opacity}.game-completed-modal .modal-content{background:#fff;border-radius:24px;padding:20px;width:500px!important;height:auto!important;max-width:500px!important;max-height:85vh!important;text-align:center;animation:slideIn .5s ease;transform-origin:center center;will-change:transform,opacity;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.game-completed-modal .trophy-icon{font-size:4rem;color:#f59e0b;margin-bottom:20px;animation:bounce 1s ease infinite}.game-completed-modal h2{font-size:2rem;color:#1f2937;margin-bottom:8px;margin-top:1rem;padding-top:.5rem}@media (max-width: 768px){.game-completed-modal h2{font-size:1.5rem!important;margin-top:.75rem!important;padding-top:.25rem!important}}@media (max-width: 480px){.game-completed-modal h2{font-size:1.25rem!important;margin-top:.5rem!important;padding-top:.25rem!important}}.game-completed-modal>.modal-content>p{font-size:1.125rem;color:#6b7280;margin-bottom:30px}.game-completed-modal .final-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:30px;width:100%}.game-completed-modal .final-stat{background:#f3f4f6;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;width:100%}.game-completed-modal .final-stat.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);width:100%}.final-stat .label{font-size:.875rem;color:#6b7280;font-weight:600}.final-stat .value{font-size:1.5rem;font-weight:700;color:#1f2937}.final-stat.highlight .value{color:#92400e;font-size:2rem}.game-complete-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.back-to-games-btn,.play-again-btn{padding:12px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;color:#fff}.back-to-games-btn{background:#6147ff}.play-again-btn{background:#10b981}.back-to-games-btn:hover{background:#4c3bff;transform:translateY(-2px);box-shadow:0 4px 12px #6147ff4d}.play-again-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.confetti-particle{position:fixed;width:10px;height:10px;top:-10px;z-index:9999;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width: 480px){.puzzle-game-container{padding:8px}.game-title h1{font-size:1.25rem}.game-title h1 svg{display:none}.game-title p{display:none}.game-stats{flex-wrap:wrap;justify-content:space-around}.stat{padding:6px 10px;font-size:.8rem;min-width:80px}.puzzle-board{padding:10px;border-radius:12px}.puzzle-row{padding:12px}.concept-term h3{font-size:1rem}.fragment{padding:10px 8px}.fragment span{font-size:.8rem}.fragment-slot{min-height:45px}.check-icon{font-size:1.2rem;top:-8px;right:-8px}}@media (max-width: 768px){.puzzle-game-container{padding:10px;min-height:100vh;overflow-x:hidden}.puzzle-game-container.with-header-sidebar{margin-left:0;margin-top:0;padding-left:10px}.puzzle-header{flex-direction:row;gap:10px;margin-bottom:15px;flex-wrap:wrap}.game-title{flex:1;min-width:200px}.game-title h1{font-size:1.5rem}.game-title p{font-size:.9rem}.back-button,.reset-button{width:40px;height:40px;padding:8px;font-size:1rem}.back-button,.section-label{display:none!important}.reset-button{width:auto;padding:8px 12px}.game-stats{gap:8px;margin-bottom:15px}.stat{padding:8px 12px;font-size:.85rem}.stat svg{font-size:.9rem}.puzzle-board{padding:15px;margin:0 auto}.puzzle-row{flex-direction:column;gap:12px;padding:15px;margin-bottom:15px}.concept-term{width:100%}.concept-term h3{font-size:1.1rem;padding:8px}.fragments-container{grid-template-columns:1fr!important;gap:8px}.fragment-slot{min-height:50px;border-width:2px}.fragment{padding:12px 10px;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fragment span{font-size:.85rem;line-height:1.3}.fragment:active{transform:scale(1.02);opacity:.9}}.puzzle-intro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.puzzle-intro-modal{background:#fff;border-radius:20px;padding:1rem;width:650px;height:724px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}.intro-subtitle{font-size:1rem;color:#6b7280;margin:0}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.puzzle-intro-modal{padding:1.5rem;margin:1rem}.intro-icon{font-size:2.5rem}.intro-header h2{font-size:1.5rem}.scoring-info{grid-template-columns:1fr;gap:.75rem}.intro-actions{flex-direction:column}.action-button{width:100%}.game-completed-modal .modal-content{width:90%!important;max-width:400px!important;padding:16px;margin:1rem}.game-completed-modal .trophy-icon{font-size:3rem;margin-bottom:16px}.game-completed-modal h2{font-size:1.5rem!important;margin-bottom:6px;margin-top:.5rem!important}.game-completed-modal>.modal-content>p{font-size:1rem;margin-bottom:20px}.game-completed-modal .final-stats{gap:12px;margin-bottom:20px}.game-completed-modal .final-stat{padding:12px}.final-stat .value{font-size:1.25rem}.final-stat.highlight .value{font-size:1.5rem}.game-complete-buttons{flex-direction:column;gap:8px;margin-top:16px}.back-to-games-btn,.play-again-btn{width:100%;padding:12px 16px;font-size:.9rem}}@media (max-width: 480px){.game-completed-modal .modal-content{width:95%!important;max-width:350px!important;padding:12px;margin:.5rem}.game-completed-modal .trophy-icon{font-size:2.5rem;margin-bottom:12px}.game-completed-modal h2{font-size:1.25rem!important;margin-bottom:4px;margin-top:.25rem!important}.game-completed-modal>.modal-content>p{font-size:.9rem;margin-bottom:16px}.game-completed-modal .final-stats{gap:10px;margin-bottom:16px}.game-completed-modal .final-stat{padding:10px}.final-stat .label{font-size:.8rem}.final-stat .value{font-size:1.1rem}.final-stat.highlight .value{font-size:1.3rem}.back-to-games-btn,.play-again-btn{padding:10px 12px;font-size:.85rem}}.quiz-battle-container{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);padding:20px;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.quiz-battle-container.with-header-sidebar{min-height:calc(100vh - 70px);margin:0 0 0 60px;padding-left:20px}.battle-header{display:flex;justify-content:center;align-items:center;max-width:1000px;margin:0 auto 30px;padding-top:5rem;gap:20px;position:relative}.battle-header .back-button{background:#fff3!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)!important;color:#fff!important;padding:12px!important;border-radius:12px!important;font-size:1.2rem!important;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex!important;align-items:center;justify-content:center;width:48px!important;height:48px!important;position:absolute!important;left:0!important;top:85%!important;transform:translateY(-50%)!important}.battle-header .back-button:hover{background:#ffffff4d!important;transform:translateY(calc(-50% - 2px))!important;box-shadow:0 4px 12px #0003!important}.battle-info{text-align:center;color:#fff}.battle-info h2{font-size:1.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.enemy-name{font-size:1.125rem;color:#fbbf24;margin:4px 0 0}.score-display{background:#ffffffe6;padding:10px 20px;border-radius:12px;color:#1f2937!important;font-weight:600;font-size:1.125rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;position:absolute;right:0}.score-display span{color:#1f2937!important}.battle-arena{max-width:800px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative}.fighter-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px}.fighter{width:120px;height:120px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.fighter-avatar{font-size:5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.fighter.attacking{animation:attack .6s ease}.fighter.hit{animation:hit .5s ease}@keyframes attack{0%,to{transform:translate(0)}50%{transform:translate(20px) scale(1.1)}}@keyframes hit{0%,to{transform:translate(0);filter:brightness(1)}25%{transform:translate(-10px);filter:brightness(2) hue-rotate(-20deg)}75%{transform:translate(10px);filter:brightness(.5)}}.shield-icon{position:absolute;top:-10px;right:-10px;font-size:2rem;color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:float 2s ease-in-out infinite}.hp-bar{width:200px;height:30px;background:#0000004d;border-radius:15px;overflow:hidden;position:relative;border:2px solid rgba(255,255,255,.3)}.hp-fill{height:100%;transition:width .5s ease;position:relative;overflow:hidden}.hp-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.player-hp{background:linear-gradient(90deg,#10b981,#34d399)}.enemy-hp{background:linear-gradient(90deg,#ef4444,#f87171)}.hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.thinking-text,.combo-text{color:#fff;font-weight:600;margin:0;animation:pulse 1s ease-in-out infinite}.combo-text{color:#fbbf24;font-size:1.125rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.vs-indicator{font-size:3rem;color:#fbbf24;animation:rotate 10s linear infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.question-section{width:700px;height:290px;margin:0 auto;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.timer-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#fff;font-weight:600;position:relative}.timer-fill{position:absolute;bottom:-5px;left:0;height:3px;background:linear-gradient(90deg,#10b981,#fbbf24,#ef4444);transition:width 1s linear;border-radius:2px}.question-text{font-size:1.25rem;color:#fff!important;margin:0 0 40px;text-align:center;line-height:1.5}.options-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:15px;width:100%}.option-button:nth-child(1){grid-column:1;grid-row:1}.option-button:nth-child(2){grid-column:2;grid-row:1}.option-button:nth-child(3){grid-column:1;grid-row:2}.option-button:nth-child(4){grid-column:2;grid-row:2}.option-button{background:#ffffffe6;border:2px solid transparent;padding:15px 20px;border-radius:12px;font-size:1rem;font-weight:600;color:#1f2937;cursor:pointer;transition:all .3s ease}.option-button:hover:not(.disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.option-button.correct{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-color:#059669;animation:correctPulse .6s ease}.option-button.wrong{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border-color:#dc2626;animation:shake .5s ease}.option-button.correct-answer{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-color:#059669;animation:correctPulse .6s ease}.option-button.disabled{opacity:.7;cursor:not-allowed}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.turn-indicator{text-align:center;font-weight:600;margin-top:20px;font-size:1.125rem;padding:12px 24px;border-radius:12px;border:2px solid}.turn-indicator.player-turn{color:#22c55e;background:#22c55e1a;border-color:#22c55e;animation:pulseGreen 1.5s infinite;font-size:1.25rem;font-weight:700}.turn-indicator.enemy-turn{color:#fbbf24;background:#fbbf241a;border-color:#fbbf24}@keyframes pulseGreen{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.power-indicator{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 30px;border-radius:20px;color:#fff;font-weight:600;display:flex;align-items:center;gap:10px;animation:slideUp .5s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.power-indicator svg{font-size:1.5rem;color:#fbbf24}.power-progress-tracker{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#1f2937,#111827);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;border-radius:16px;box-shadow:0 8px 32px #0006;z-index:1000;min-width:250px;border:2px solid rgba(255,215,0,.3);animation:trackerAppear .3s ease-out}.power-tracker-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.2)}.power-tracker-emoji{font-size:24px}.power-tracker-name{color:gold;font-weight:700;font-size:16px;text-shadow:0 0 10px rgba(255,215,0,.5)}.power-progress-container{margin-bottom:12px}.power-progress-label{color:#e5e7eb;font-size:13px;font-weight:500;margin-bottom:8px;text-align:center;line-height:1.4;word-wrap:break-word;max-width:100%}.power-progress-bar{background:#374151cc;border-radius:10px;height:12px;overflow:hidden;position:relative;border:1px solid rgba(255,215,0,.2)}.power-progress-fill{height:100%;transition:width .3s ease;border-radius:10px;position:relative;overflow:hidden}.warrior-power{background:linear-gradient(90deg,#0ff,#0ea5e9);box-shadow:0 0 10px #00ffff80}.wizard-power{background:linear-gradient(90deg,#4ade80,#10b981);box-shadow:0 0 10px #4ade8080}.ninja-power{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 10px #fbbf2480}.robot-power{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 10px #10b98180}.dragon-power{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 10px #ef444480}.power-progress-text{color:#9ca3af;font-size:11px;text-align:center;margin-top:4px;font-weight:600}.power-active-indicator{background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;animation:powerPulse 1s ease-in-out infinite alternate}.power-active-icon{font-size:16px;animation:bounce .6s ease-in-out infinite alternate}.power-active-text{color:#1f2937;font-weight:700;font-size:12px}.power-uses-text{color:#1f2937;font-weight:600;font-size:11px;opacity:.8}@keyframes trackerAppear{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes powerPulse{0%{box-shadow:0 0 5px #fbbf2480}to{box-shadow:0 0 20px #fbbf24cc}}.power-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:20px 30px;border-radius:16px;box-shadow:0 8px 32px #0006;z-index:2000;animation:powerNotificationAppear .3s ease-out;border:3px solid rgba(255,255,255,.3);max-width:90vw;text-align:center}.power-notification-content{color:#fff;font-weight:700;font-size:18px;text-shadow:2px 2px 4px rgba(0,0,0,.3);white-space:nowrap}@keyframes powerNotificationAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.lightning-effect{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3000;overflow:hidden;background:#001428cc;animation:lightningFlash .3s ease-in-out infinite}.lightning-bolt{position:absolute;width:8px;height:100vh;background:linear-gradient(to bottom,transparent 0%,#00ffff 20%,#ffffff 50%,#00ffff 80%,transparent 100%);animation:lightningStrike .2s ease-in-out infinite alternate;box-shadow:0 0 30px #0ff,0 0 60px #0ff,0 0 100px #0ff}.lightning-bolt-1{left:30%;animation-delay:0s;transform:rotate(-5deg)}.lightning-bolt-2{left:50%;animation-delay:.1s;transform:rotate(3deg)}.lightning-bolt-3{left:70%;animation-delay:.2s;transform:rotate(-2deg)}@keyframes lightningStrike{0%{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1.5)}to{opacity:.7;transform:scaleY(.8)}}@keyframes lightningFlash{0%{background:#001428e6}50%{background:#0064c84d}to{background:#001428e6}}.shield-effect{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3000;background:radial-gradient(circle,#4ade8033,#22c55e66 30%,#10b98199);display:flex;align-items:center;justify-content:center}.shield-circle{width:80vmin;height:80vmin;border:12px solid #4ade80;border-radius:50%;background:radial-gradient(circle,rgba(74,222,128,.3) 0%,rgba(74,222,128,.1) 70%,transparent 100%);animation:shieldPulse .4s ease-in-out infinite alternate;box-shadow:0 0 50px #4ade80,0 0 100px #4ade80,0 0 150px #4ade80,inset 0 0 50px #4ade8066}@keyframes shieldPulse{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.1);opacity:1}}.heal-effect{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3000;background:radial-gradient(circle,#10b9814d,#05966999);display:flex;flex-direction:column;align-items:center;justify-content:center}.heal-plus{font-size:25vmin;color:#10b981;font-weight:700;animation:healBounce .5s ease-in-out infinite;text-shadow:0 0 30px #10b981,0 0 60px #10b981,0 0 100px #10b981}.heal-sparkles{display:flex;gap:20px;margin-top:20px}.heal-sparkles span{font-size:8vmin;animation:sparkle .8s ease-in-out infinite}.heal-sparkles span:nth-child(2){animation-delay:.3s}.heal-sparkles span:nth-child(3){animation-delay:.6s}@keyframes healBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.fire-effect{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3000;background:radial-gradient(circle,#ef444466,#dc2626b3);display:flex;align-items:center;justify-content:center;gap:8vmin}.fire-flame{font-size:20vmin;animation:fireFlicker .3s ease-in-out infinite alternate;filter:drop-shadow(0 0 30px #ff6b35) drop-shadow(0 0 60px #dc2626)}.fire-flame:nth-child(1){animation-delay:0s}.fire-flame:nth-child(2){animation-delay:.2s}.fire-flame:nth-child(3){animation-delay:.4s}@keyframes fireFlicker{0%{transform:scale(1) rotate(-2deg);opacity:.8}to{transform:scale(1.3) rotate(2deg);opacity:1}}.critical-effect{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3000;background:radial-gradient(circle,#fbbf244d,#f59e0b99);display:flex;flex-direction:column;align-items:center;justify-content:center}.critical-slash{font-size:25vmin;color:#fbbf24;animation:criticalSlash .4s ease-in-out;text-shadow:0 0 40px #fbbf24,0 0 80px #fbbf24,0 0 120px #f59e0b}.critical-text{font-size:8vmin;font-weight:700;color:#dc2626;margin-top:2vmin;animation:criticalText .6s ease-in-out;text-shadow:3px 3px 6px rgba(0,0,0,.7),0 0 20px #dc2626;letter-spacing:.5vmin}@keyframes criticalSlash{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.3) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:.8}}@keyframes criticalText{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.game-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:40px;border-radius:24px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%;text-align:center}.round-victory-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.round-victory-content{background:linear-gradient(135deg,#374151,#1f2937);border:2px solid #f59e0b;border-radius:20px;padding:32px 24px;max-width:400px;width:85%;text-align:center;box-shadow:0 0 30px #f59e0b66,0 15px 40px #00000080;animation:roundVictoryPop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes roundVictoryPop{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.victory-enemy-icon{font-size:4rem;margin-bottom:16px;animation:enemyFall .8s ease-out}@keyframes enemyFall{0%{transform:translateY(-30px) rotate(0);opacity:1}50%{transform:translateY(10px) rotate(180deg);opacity:.8}to{transform:translateY(0) rotate(360deg);opacity:.5}}.round-victory-content h2{font-size:2.2rem;font-weight:800;color:#f59e0b;margin:0 0 12px;text-shadow:0 0 15px rgba(245,158,11,.5)}.enemy-defeated-text{font-size:1.2rem;color:#d1d5db;margin:0 0 20px;font-weight:600}.next-enemy-warning{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:12px;padding:16px;margin:20px 0;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{border-color:#ef44444d;background:#ef44441a}50%{border-color:#ef444499;background:#ef444433}}.warning-icon{font-size:2rem;margin-bottom:8px;animation:shake 1s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.warning-text{font-size:1.1rem;color:#fca5a5;margin:0;font-weight:600;line-height:1.4}.progress-indicator{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:20px;padding:8px 16px;font-size:1rem;color:#f59e0b;font-weight:700;margin-top:16px;display:inline-block}.character-selection-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.character-selection-content{background:linear-gradient(135deg,#1f2937,#111827);border:3px solid #3b82f6;border-radius:24px;padding:32px 0;width:1600px;height:760px;max-width:95vw;max-height:90vh;overflow-y:auto;text-align:center;box-shadow:0 0 40px #3b82f666;display:flex;flex-direction:column;position:relative}.close-button{position:absolute;top:20px;right:20px;background:#ef4444e6;border:2px solid #dc2626;border-radius:50%;width:40px;height:40px;color:#fff;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #ef44444d;z-index:10}.close-button:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 6px 20px #ef444480}.close-button:active{transform:scale(.95)}.character-selection-content h2{font-size:2.2rem;font-weight:800;color:#3b82f6;margin:0 0 6px;text-shadow:0 0 20px rgba(59,130,246,.5)}.selection-subtitle{font-size:1.1rem;color:#9ca3af;margin:0 0 20px;font-weight:500}.characters-grid{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:15px;margin-top:20px;padding:0;flex-wrap:nowrap;overflow-x:auto}.character-card{background:#ffffff0d;border:2px solid rgba(59,130,246,.3);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;width:280px;height:400px;flex:0 0 280px;min-width:280px;max-width:280px;min-height:400px;max-height:400px;box-sizing:border-box}.character-card:hover{border-color:#3b82f6;background:#3b82f61a;transform:translateY(-5px);box-shadow:0 15px 30px #3b82f64d}.character-card:active{transform:translateY(-2px) scale(.98)}.character-card.selected{border-color:#22c55e;background:#22c55e26;box-shadow:0 20px 40px #22c55e66;transform:translateY(-8px)}.character-card.selected:hover{border-color:#16a34a;background:#22c55e33}.character-emoji{font-size:3rem;margin-bottom:8px;text-align:center;height:50px;display:flex;align-items:center;justify-content:center}.character-name{font-size:1.1rem;font-weight:700;color:#f3f4f6;margin:0 0 8px;text-align:center;height:30px;display:flex;align-items:center;justify-content:center}.character-description{font-size:.8rem;color:#9ca3af;text-align:center;margin:0 0 12px;line-height:1.3;height:40px;display:flex;align-items:center;justify-content:center}.character-power{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px;padding:10px;margin-top:auto;flex-shrink:0;height:200px;display:flex;flex-direction:column;justify-content:space-between}.power-name{font-size:.85rem;font-weight:700;color:#60a5fa;text-align:center;height:20px;display:flex;align-items:center;justify-content:center}.power-description{font-size:.7rem;color:#d1d5db;font-weight:500;line-height:1.2;text-align:center;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}.power-condition{font-size:.65rem;color:#9ca3af;line-height:1.2;text-align:center;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden}.condition-label{font-weight:700;color:#fbbf24;display:block;margin-bottom:4px}.battle-button-container{margin-top:30px;display:flex;justify-content:center;width:100%}.battle-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:2px solid #15803d;padding:12px 32px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #22c55e4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:battleButtonAppear .5s ease-out}.battle-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-3px);box-shadow:0 12px 30px #22c55e80}.battle-button:active{transform:translateY(-1px);box-shadow:0 6px 15px #22c55e66}@keyframes battleButtonAppear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.character-warrior .fighter-avatar{animation:warriorPulse 2s ease-in-out infinite}.character-wizard .fighter-avatar{animation:wizardFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px #3b82f6)}.character-ninja .fighter-avatar{animation:ninjaFlicker 1.5s ease-in-out infinite}.character-robot .fighter-avatar{animation:robotGlow 2s linear infinite;filter:drop-shadow(0 0 8px #10b981)}.character-dragon .fighter-avatar{animation:dragonFlame 2.5s ease-in-out infinite;filter:drop-shadow(0 0 15px #f59e0b)}@keyframes warriorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px #ef4444)}}@keyframes wizardFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-5px) rotate(2deg)}66%{transform:translateY(5px) rotate(-2deg)}}@keyframes ninjaFlicker{0%,90%,to{opacity:1}95%{opacity:.3}}@keyframes robotGlow{0%,50%,to{filter:drop-shadow(0 0 8px #10b981)}25%,75%{filter:drop-shadow(0 0 15px #34d399) brightness(1.2)}}@keyframes dragonFlame{0%,to{filter:drop-shadow(0 0 15px #f59e0b)}50%{filter:drop-shadow(0 0 25px #f97316) hue-rotate(15deg);transform:scale(1.05)}}.character-power-effect{position:absolute;top:-10px;right:-5px;font-size:1.2rem;animation:powerPulse 1s ease-in-out infinite}.power-effect-warrior{color:#ef4444;animation:powerPulse .8s ease-in-out infinite}.power-effect-wizard{color:#3b82f6;animation:wizardPowerFloat 2s ease-in-out infinite}.power-effect-ninja{color:#8b5cf6;animation:ninjaStrike 1s ease-in-out infinite}.power-effect-robot{color:#10b981;animation:robotCharge 1.5s linear infinite}.power-effect-dragon{color:#f59e0b;animation:dragonPower 1.2s ease-in-out infinite}@keyframes powerPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}@keyframes wizardPowerFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(180deg)}}@keyframes ninjaStrike{0%,80%,to{transform:translate(0)}10%,30%,50%,70%{transform:translate(-3px)}20%,40%,60%{transform:translate(3px)}}@keyframes robotCharge{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.6}}@keyframes dragonPower{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(90deg)}50%{transform:scale(1.1) rotate(180deg)}75%{transform:scale(1.3) rotate(270deg)}}.hp-fill.character-hp-warrior{background:linear-gradient(90deg,#dc2626,#ef4444)}.hp-fill.character-hp-wizard{background:linear-gradient(90deg,#2563eb,#3b82f6)}.hp-fill.character-hp-ninja{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.hp-fill.character-hp-robot{background:linear-gradient(90deg,#059669,#10b981)}.hp-fill.character-hp-dragon{background:linear-gradient(90deg,#d97706,#f59e0b)}@media (max-width: 768px){.quiz-battle-container{padding:5px;min-height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column}.quiz-battle-container.with-header-sidebar{margin-left:0;padding-left:5px}.battle-header{flex-direction:row;gap:8px;padding:8px;margin-bottom:8px;flex-wrap:wrap}.battle-info{flex:1;min-width:150px}.battle-info h2{font-size:1.1rem;margin:0}.enemy-name{font-size:.85rem;margin:0}.score-display{font-size:.85rem;padding:4px 10px}.back-button{width:36px;height:36px;padding:6px}.battle-arena{flex-direction:row;gap:10px;margin-bottom:10px;padding:8px;align-items:center;justify-content:space-around}.fighter-section{width:auto;flex:1;display:flex;flex-direction:column;align-items:center}.fighter{width:60px;height:60px}.fighter-avatar{font-size:2rem}.hp-bar{width:100px;height:16px;margin:5px auto 0}.hp-text{font-size:.7rem}.vs-indicator{display:none}.question-section{padding:10px;margin:0 0 8px;flex:1;display:flex;flex-direction:column}.timer-bar{height:25px;font-size:.8rem;margin-bottom:8px}.timer-bar svg{width:14px;height:14px}.question-text{font-size:.9rem;line-height:1.3;padding:8px;margin-bottom:10px;min-height:auto}.options-grid{grid-template-columns:1fr 1fr;gap:8px}.option-button{padding:10px 8px;font-size:.85rem;min-height:42px}.turn-indicator{font-size:.85rem;padding:6px;margin-top:8px}.power-progress-tracker{display:none}.power-tracker-header{gap:6px;margin-bottom:6px}.power-tracker-emoji{font-size:1rem}.power-tracker-name{font-size:.85rem}.power-progress-label{font-size:.7rem}.power-progress-bar{height:16px}.power-progress-text{font-size:.7rem}.character-selection-content{padding:24px 16px;margin:10px;width:auto;height:auto}.characters-grid{grid-template-columns:1fr;gap:12px}.character-card{padding:16px 12px;max-width:none;height:auto}.character-emoji{font-size:3rem}.character-selection-content h2{font-size:2rem}.game-modal{padding:20px;width:95%}.round-victory-content{padding:24px 16px;width:90%}.round-victory-content h2{font-size:1.75rem}.enemy-defeated-text{font-size:1rem}.victory-enemy-icon{font-size:3rem}}.victory-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center}.victory-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#ffd7004d,#000c);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.victory-content{position:relative;background:linear-gradient(135deg,#1f2937,#111827);border:3px solid #ffd700;border-radius:24px;padding:32px 28px;max-width:550px;width:90%;text-align:center;box-shadow:0 0 40px #ffd70066,0 20px 60px #0009;animation:victoryAppear .8s ease-out}@keyframes victoryAppear{0%{transform:scale(.5) rotate(-5deg);opacity:0}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.victory-icon{font-size:4rem;margin-bottom:16px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.victory-title{font-size:2.5rem;font-weight:900;background:linear-gradient(45deg,gold,#ffed4e,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;text-shadow:0 0 30px rgba(255,215,0,.5);animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.victory-subtitle{font-size:1.5rem;color:#d1d5db;margin:0 0 40px;font-weight:500}.victory-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0}.victory-stat{background:#ffffff1a;border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:20px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.victory-stat .stat-number{font-size:2.5rem;font-weight:800;color:gold;margin-bottom:8px}.victory-stat .stat-label{font-size:.9rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px}opacity: 1; } } .victory-back-button{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #ffd700;border-radius:16px;color:#fff;padding:16px 32px;margin:25px auto 0;min-width:220px;height:64px;cursor:pointer;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 32px #667eea66,0 4px 16px #ffd7004d,inset 0 1px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:perspective(1px) translateZ(0);backface-visibility:hidden}.victory-back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#764ba2,#667eea);transition:left .4s cubic-bezier(.175,.885,.32,1.275);z-index:-1;border-radius:13px}.victory-back-button:hover{color:#fff;border-color:gold;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 48px #667eea99,0 8px 24px #ffd70066,inset 0 1px #ffffff4d}.victory-back-button:hover:before{left:0}.victory-back-button:active{transform:translateY(-1px) scale(.98);transition:all .1s ease;box-shadow:0 4px 16px #667eea66,0 2px 8px #ffd7004d,inset 0 1px #fff3}.victory-back-button:focus{outline:none;box-shadow:0 8px 32px #667eea66,0 4px 16px #ffd7004d,inset 0 1px #fff3,0 0 0 3px #ffd70080}.victory-back-button i{font-size:16px;margin-right:4px;transition:transform .3s ease}.victory-back-button:hover i{transform:translate(-2px)}@media (max-width: 768px){.victory-back-button{min-width:200px;height:56px;padding:14px 24px;font-size:15px;letter-spacing:1.2px;margin:20px auto 0}.victory-back-button i{font-size:14px}}@media (max-width: 480px){.victory-back-button{min-width:180px;height:52px;padding:12px 20px;font-size:14px;letter-spacing:1px;margin:16px auto 0}.victory-back-button i{font-size:13px}}@media (max-width: 768px){.victory-modal{padding:10px}.victory-content{padding:20px 16px;margin:10px;max-width:95%;width:95%}.victory-icon{font-size:3rem;margin-bottom:12px}.victory-title{font-size:1.75rem;margin-bottom:8px}.victory-subtitle{font-size:1.1rem;margin-bottom:20px}.victory-stats-grid{grid-template-columns:1fr;gap:10px;margin:20px 0}.victory-stat{padding:12px 10px}.victory-stat .stat-number{font-size:1.5rem;margin-bottom:4px}.victory-stat .stat-label{font-size:.85rem}.victory-back-button,.game-end-actions button{padding:14px 28px!important;font-size:1rem!important;width:100%;max-width:280px;margin:16px auto!important;min-width:200px!important}}.game-modal h2{font-size:2rem;color:#1f2937;margin-bottom:20px}.game-modal p{color:#6b7280;margin-bottom:20px}.game-modal ul{list-style:none;margin:0 0 30px;text-align:left;background:#f3f4f6;padding:20px;border-radius:12px}.game-modal li{color:#4b5563;margin-bottom:8px;padding-left:20px;position:relative}.game-modal li:before{content:"⚔️";position:absolute;left:0}.start-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:15px 40px;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.final-stats p{font-size:1.125rem;color:#1f2937;margin:10px 0;font-weight:600}.game-modal .back-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:16px 60px;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;width:80%;max-width:300px;margin:20px auto 0;transition:transform .2s ease;box-shadow:0 4px 15px #6366f14d;display:block}.game-modal .back-button:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:none;box-shadow:0 4px 15px #6366f14d}.quiz-intro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quiz-intro-modal{background:#fff;border-radius:20px;padding:1rem;width:650px;height:724px;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.intro-header{text-align:center;margin-bottom:2rem}.intro-icon{font-size:3rem;color:#667eea;margin-bottom:1rem;display:block}.intro-header h2{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.intro-content{margin-bottom:2rem}.intro-section{margin-bottom:1.5rem}.intro-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.intro-section li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:#4b5563;line-height:1.5}.intro-section li i{color:#667eea;margin-top:.25rem;font-size:.875rem;flex-shrink:0}.scoring-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.score-item{text-align:center;padding:1rem;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.score-points{display:block;font-size:1.5rem;font-weight:700;color:#667eea;-webkit-text-fill-color:#667eea;margin-bottom:.25rem}.score-item span:last-child{font-size:.875rem;color:#64748b;-webkit-text-fill-color:#64748b}.intro-actions{display:flex;gap:1rem;justify-content:center}.action-button{padding:.875rem 2rem;border-radius:12px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary:hover{transform:translateY(-2px)}.action-button.secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.action-button.secondary:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}@media (max-width: 768px){.quiz-intro-modal{padding:1.5rem;margin:1rem}.intro-icon{font-size:2.5rem}.intro-header h2{font-size:1.5rem}.scoring-info{grid-template-columns:1fr;gap:.75rem}.intro-actions{flex-direction:column}.action-button{width:100%}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.loading-circle{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#fff;font-size:1rem;font-weight:500;margin:0}@media (max-width: 480px){.quiz-battle-container{padding:4px}.victory-content{padding:16px 12px}.victory-icon{font-size:2.5rem}.victory-title{font-size:1.5rem}.victory-subtitle{font-size:1rem}.victory-stat .stat-number{font-size:1.25rem}.victory-stat .stat-label{font-size:.8rem}.victory-back-button{padding:12px 24px!important;font-size:1rem!important;border-radius:8px!important}.battle-header{padding:6px;margin-bottom:6px}.battle-info h2{font-size:1rem}.enemy-name{font-size:.8rem}.back-button{width:32px;height:32px;padding:4px}.battle-arena{padding:6px;margin-bottom:8px}.fighter{width:50px;height:50px}.fighter-avatar{font-size:1.75rem}.hp-bar{width:80px;height:14px}.hp-text{font-size:.65rem}.question-section{padding:8px}.question-text{font-size:.85rem;padding:6px;margin-bottom:8px}.timer-bar{height:22px;margin-bottom:6px}.options-grid{gap:6px}.option-button{padding:8px 6px;font-size:.8rem;min-height:38px}.turn-indicator{font-size:.8rem;padding:4px;margin-top:6px}.power-progress-tracker{padding:6px}.power-tracker-emoji{font-size:.9rem}.power-tracker-name{font-size:.8rem}.power-progress-label{font-size:.65rem}.power-progress-bar{height:14px}.fighter-avatar{font-size:4rem}.hp-bar{width:150px}}.no-concepts-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative}.no-concepts-message .back-button{position:absolute;top:2rem;left:2rem;background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;color:#333;font-size:1.2rem}.no-concepts-message .back-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.empty-state{text-align:center;max-width:400px;margin:0 auto}.empty-state i{font-size:4rem;color:#ff6b35;margin-bottom:1.5rem;display:block}.empty-state h2{font-size:1.8rem;color:#333;margin-bottom:1rem;font-weight:600}.empty-state p{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:1rem}.empty-state .primary-button{background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.empty-state .primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b354d}.games-page{min-height:100vh;background:#fff}.games-container{max-width:1200px;margin:0 auto;padding:20px;position:relative}.games-back-button{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.games-back-button:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.games-back-button svg{color:#6c757d;font-size:18px}.games-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;margin-top:20px;margin-bottom:20px;gap:20px}.games-header-section{display:flex;flex-direction:column;align-items:center}.games-header-section.left{justify-self:start;display:flex;flex-direction:row;align-items:center;gap:15px}.games-header-section.center{text-align:center}.games-header-section.right{justify-self:end;align-items:flex-end}.header-points-display{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #f59e0b;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #f59e0b33;transition:all .3s ease}.header-points-display:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.header-points-icon{font-size:24px;color:#fff;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff3;border-radius:50%}.header-points-info{display:flex;flex-direction:column;align-items:flex-start}.header-points-total{font-size:20px;font-weight:700;color:#fff;line-height:1}.header-points-label{font-size:12px;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.games-icon{font-size:3rem;color:#f59e0b;margin-bottom:16px}.games-header h1{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:8px;font-family:Poppins,sans-serif}.games-subtitle{font-size:1.25rem;color:#6b7280;font-family:Poppins,sans-serif}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.game-card{background:#fff;border-radius:16px;padding:30px 30px 60px;text-align:center;transition:all .3s ease;cursor:pointer;border:2px solid #e5e7eb;box-shadow:0 4px 6px #0000000d;position:relative}.game-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a;border-color:#f59e0b}.game-card.coming-soon{opacity:.7;cursor:not-allowed}.game-card.coming-soon:hover{transform:none;border-color:#e5e7eb}.game-card.disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}.game-card.disabled:hover{transform:none;border-color:#e5e7eb}.no-notebook-warning{background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;padding:20px;margin-bottom:30px;text-align:center}.no-notebook-warning p{font-size:1.125rem;color:#92400e;margin-bottom:16px;font-family:Poppins,sans-serif}.select-notebook-btn{background:#f59e0b;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.select-notebook-btn:hover{background:#d97706;transform:translateY(-2px)}.game-icon{font-size:3rem;margin-bottom:16px}.game-card h3{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:8px;font-family:Poppins,sans-serif}.game-card p{font-size:.875rem;color:#9ca3af;font-family:Poppins,sans-serif}.games-info{background:#fff;border-radius:16px;padding:40px;text-align:center;border:2px solid #e5e7eb}.games-info h2{font-size:1.75rem;font-weight:600;color:#111827;margin-bottom:16px;font-family:Poppins,sans-serif}.games-info p{font-size:1.125rem;color:#6b7280;line-height:1.6;margin-bottom:12px;font-family:Poppins,sans-serif}.coming-soon-text{font-size:1.25rem;font-weight:600;color:#f59e0b;margin-top:20px}@media (max-width: 768px){.games-header h1{font-size:2rem}.games-subtitle{font-size:1.125rem}.games-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.game-card{padding:20px}.games-info{padding:30px 20px}.games-header{grid-template-columns:1fr;gap:15px}.games-header-section.left,.games-header-section.right{align-items:center}.games-header-section.right{order:-2}.games-header-section.left{order:-1}.header-points-display{width:100%;max-width:200px;margin:0 auto}}.cancel-btn{background:#e5e7eb;color:#6b7280}.cancel-btn:hover{background:#d1d5db}.confirm-btn{background:#8b5cf6;color:#fff}.confirm-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.close-btn{width:100%;padding:14px 24px;background:#8b5cf6;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.frozen-notebook-warning{background-color:#e3f2fd;border:2px solid #2196f3;border-radius:12px;padding:2rem;text-align:center;margin:2rem auto;max-width:500px}.frozen-notebook-warning .frozen-icon{font-size:3rem;color:#2196f3;margin-bottom:1rem}.frozen-notebook-warning h3{font-size:1.5rem;color:#1976d2;margin:0 0 .5rem}.frozen-notebook-warning p{font-size:1rem;color:#666;margin:0}.voice-recognition-container{max-width:800px;margin:0 auto;padding:20px}.voice-header{text-align:center;margin-bottom:0}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;color:#666;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px;border-radius:8px;transition:all .2s ease}.back-button:hover{background-color:#f5f5f5;color:#333}.module-info{padding:20px 20px 0}.module-icon{font-size:48px;margin-bottom:16px;display:block}.module-info h1{color:#333;margin-bottom:8px;font-size:2.5rem}.module-info p{color:#666;font-size:1.1rem}.notebook-selection{text-align:center}.notebook-selection h2{margin-bottom:8px;color:#333}.notebook-selection p{color:#666;margin-bottom:30px}.notebooks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.notebook-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s ease;text-align:left}.notebook-card:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a;transform:translateY(-2px)}.notebook-card h3{color:#333;margin-bottom:8px;font-size:1.2rem}.notebook-subject{color:#666;font-size:.9rem;margin-bottom:12px}.notebook-stats{color:#4f46e5;font-weight:600;font-size:.9rem}.no-notebooks{background:#f9fafb;border-radius:12px;padding:40px;color:#666;text-align:center}.session-start{text-align:center}.session-info{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;text-align:left}.session-info h2{color:#333;margin-bottom:20px;text-align:center}.instructions{margin-bottom:30px}.instruction-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.step-number{background:#4f46e5;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.instruction-item p{margin:0;color:#333;line-height:1.5}.concepts-preview{background:#f9fafb;border-radius:8px;padding:20px}.concepts-preview h3{color:#333;margin-bottom:12px}.concepts-preview ul{list-style:none;padding:0;margin:0}.concepts-preview li{color:#555;margin-bottom:8px;padding:8px 12px;background:#fff;border-radius:6px}.btn-large{padding:16px 32px;font-size:1.1rem;gap:12px}.voice-practice-container{max-width:700px;margin:0 auto;padding:20px;position:relative}.exit-button-voice{position:fixed;top:110px;left:280px;background:#f3f4f6;border:2px solid #e5e7eb;color:#6b7280;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;z-index:100}.exit-button-voice:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.exit-button-voice svg{font-size:18px}.practice-header{margin-bottom:30px}.progress-info{text-align:center}.progress-text{color:#666;font-weight:500;display:block;margin-bottom:8px}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);transition:width .3s ease}.concept-display{background:#fff;border-radius:12px;padding:30px;padding-top:3.5rem;padding-bottom:20px;margin-top:1rem;margin-bottom:0;text-align:center}.concept-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin-bottom:15px;margin-top:-10px}.concept-number{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;min-width:60px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;box-shadow:0 2px 8px #4f46e54d;flex-shrink:0;padding:0 15px;white-space:nowrap;width:auto;position:relative;top:-20px}.queued-indicator{color:#fbbf24;font-size:.9rem;font-weight:600;margin-left:8px}.concept-title{color:#333;margin:0;font-size:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.concept-highlight{color:#4f46e5;background:#f0f0ff;padding:8px 16px;border-radius:8px;font-weight:600}.concept-label{color:#666;font-weight:500;font-size:1rem}.definition-section{text-align:left}.definition-section h3{color:#555;margin-bottom:12px;font-size:1.1rem;text-align:center}.definition-label{color:#666;font-weight:500;font-size:.9rem;margin-bottom:8px;text-align:center;font-family:Poppins,sans-serif;margin-left:-200px}.definition-label-header{color:#666;font-weight:500;font-size:1rem;margin-bottom:12px;text-align:left;font-family:Poppins,sans-serif;padding-left:20px}.definition-container{display:flex;align-items:center;gap:12px;background:#f9fafb;border-radius:8px;padding:16px;max-width:600px!important;margin:0 auto}.definition-text{flex:1;color:#333;line-height:1.6;margin:0}.speak-button{background:#4f46e5;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.speak-button:hover{background:#3730a3;transform:scale(1.1)}.speak-button.speaking{background:#ef4444;animation:pulse-speak 1.5s infinite}.speak-button.speaking:hover{background:#dc2626}@keyframes pulse-speak{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.voice-interaction{background:#fff;border-radius:12px;padding:20px 40px 40px;margin-top:0!important;text-align:center;min-height:300px;display:flex;flex-direction:column;justify-content:center}.voice-ready h3{color:#333;margin-bottom:12px}.voice-ready p{color:#666;margin-bottom:24px}.mic-button{background:#4f46e5;color:#fff;border:none;border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin:0 auto 16px;font-size:2rem;gap:8px}.mic-button:hover{background:#3730a3;transform:scale(1.05)}.mic-button.ready:hover{box-shadow:0 0 0 8px #4f46e51a}.mic-button.listening{background:#10b981!important;animation:pulse 2s infinite}.mic-button.listening:hover{background:#059669!important;box-shadow:0 0 0 8px #10b98133}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #10b98166}70%{transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.mic-button span{font-size:.9rem;font-weight:500}.voice-listening{display:flex;flex-direction:column;align-items:center;gap:20px}.listening-animation{position:relative;display:flex;align-items:center;justify-content:center}.mic-icon-animated{background:#ef4444;color:#fff;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:2rem;animation:pulse 2s infinite}.sound-waves{position:absolute;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.wave{position:absolute;border:2px solid #ef4444;border-radius:50%;opacity:0;animation:wave-animation 2s infinite}.wave:nth-child(1){animation-delay:0s}.wave:nth-child(2){animation-delay:.5s}.wave:nth-child(3){animation-delay:1s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes wave-animation{0%{width:100px;height:100px;opacity:1}to{width:200px;height:200px;opacity:0}}.listening-status{color:#ef4444;font-weight:600;font-size:1.1rem;margin:0}.stop-button{background:#6b7280;color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.stop-button:hover{background:#4b5563}.voice-processing{display:flex;flex-direction:column;align-items:center;gap:16px}.processing-icon{color:#f59e0b;font-size:3rem}.transcript-preview{background:#f9fafb;border-radius:8px;padding:16px;color:#333;font-style:italic;max-width:400px}.voice-feedback{display:flex;flex-direction:column;gap:24px;margin-top:0!important;border-top:none!important}.feedback-result{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:0}.feedback-result.correct .result-icon{color:#10b981;font-size:4rem}.feedback-result.incorrect .result-icon{color:#ef4444;font-size:4rem}.feedback-result h3{margin:0;font-size:1.5rem}.feedback-result.correct h3{color:#10b981}.feedback-result.incorrect h3{color:#ef4444}.score-display{display:inline-flex!important;flex-direction:column!important;align-items:center!important;gap:.25rem!important;padding:.5rem .75rem!important;background:linear-gradient(135deg,#10b9811a,#10b9810d)!important;border-radius:15px!important;border:none!important;position:fixed!important;top:110px!important;right:50px!important;margin-bottom:0!important;z-index:100!important}.score-number{font-size:.9rem;font-weight:700;color:#333;margin-bottom:0;line-height:1}.score-label{color:#666;font-size:.6rem;margin-top:0;font-family:Poppins,sans-serif;font-weight:500;text-align:center}.feedback-details{display:grid;gap:12px;text-align:left;max-width:500px;margin:0 auto}.user-response,.ai-feedback{background:#f9fafb;border-radius:6px;padding:12px}.user-response h4,.ai-feedback h4{color:#333;margin:0 0 6px;font-size:.9rem;font-weight:600}.user-response p,.ai-feedback p{color:#555;margin:0;line-height:1.4;font-size:.9rem}.feedback-actions{display:flex;gap:12px;justify-content:center;max-width:500px;margin:0 auto}.session-validation{background:#fff;border-radius:12px;padding:24px;display:inline-flex;align-items:center;gap:16px;max-width:500px}.session-validation-container{text-align:center;margin-bottom:24px}.session-validation.validated{border:2px solid #10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d)}.session-validation.not-validated{border:2px solid #f59e0b;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.validation-icon{font-size:2rem}.session-validation.validated .validation-icon{color:#10b981}.session-validation.not-validated .validation-icon{color:#f59e0b}.validation-info h3{margin:0 0 8px;font-size:1.2rem}.validation-info p{margin:0;color:#666;font-size:.95rem}.scoring-breakdown{background:#f9fafb;border-radius:12px;padding:20px;margin:20px auto 0;max-width:800px!important;width:fit-content!important}.header-with-hamburger-container~* * .scoring-breakdown,.header-with-hamburger-container~* .scoring-breakdown,div.scoring-breakdown{max-width:800px!important;width:fit-content!important}.scoring-breakdown h4{margin:0 0 16px;color:#333;font-size:1.1rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.breakdown-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0 0;margin-top:12px;border-top:2px solid #4f46e5;font-size:1.1rem}.score-stat.highlighted{background:linear-gradient(135deg,#4f46e51a,#4f46e50d)!important;border:2px solid #4f46e5!important;border-radius:12px!important;padding:16px!important}.score-stat.highlighted .score-number{color:#4f46e5!important;font-weight:700!important}.score-stat.highlighted .score-label{color:#4f46e5!important;font-weight:500!important}.results-summary{background:#fff;border-radius:12px;padding:30px;text-align:center}.score-overview{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:0}.score-stat{display:flex;flex-direction:column;align-items:center;gap:8px}.score-number{font-size:3rem;font-weight:700;color:#4f46e5}.score-label{color:#666;font-size:1rem}.results-details{text-align:left;margin-bottom:30px}.results-details h3{color:#333;margin-bottom:20px;text-align:center}.result-item{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:12px;border-left:4px solid transparent}.result-item.correct{border-left-color:#10b981}.result-item.incorrect{border-left-color:#ef4444}.result-header{display:flex;justify-content:between;align-items:center;margin-bottom:8px}.concept-name{font-weight:600;color:#333;flex:1}.score-badge{background:#4f46e5;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.result-response p{color:#555;margin:0;font-style:italic}.results-actions{display:flex;gap:16px;justify-content:center}.results-actions .btn{width:auto!important;flex:none!important;min-width:180px;max-width:250px}.results-actions .btn-primary:hover{background-color:#6147ff!important;border-color:#6147ff!important}.voice-error{background:#fff;border-radius:12px;padding:40px;text-align:center;border:2px solid #fecaca}.voice-error h2{color:#ef4444;margin-bottom:16px}.voice-error p{color:#666;margin-bottom:24px}.error-actions{display:flex;gap:12px;justify-content:center}.error-toast{position:fixed;top:120px;right:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;max-width:350px;box-shadow:0 10px 25px #ef444426;z-index:1000;animation:slideInRight .3s ease-out}.error-content{display:flex;align-items:center;gap:8px;flex:1}.error-icon{font-size:1.2rem;flex-shrink:0}.error-text{color:#dc2626;font-size:.9rem;font-weight:500;line-height:1.4}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.voice-results-modern{max-width:800px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:30px}.results-header{text-align:center;padding:30px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:1px solid #e2e8f0}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:25px;font-weight:600;font-size:.9rem;margin-bottom:16px}.status-badge.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge.warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.results-title{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 8px}.results-subtitle{color:#64748b;font-size:1.1rem;margin:0;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-card.primary{border-color:#6366f1;background:linear-gradient(135deg,#fff,#f8faff)}.stat-card.secondary{border-color:#8b5cf6;background:linear-gradient(135deg,#fff,#faf5ff)}.stat-card.success{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.stat-icon{font-size:2rem;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#6366f11a;flex-shrink:0}.stat-card.secondary .stat-icon{background:#8b5cf61a}.stat-card.success .stat-icon{background:#10b9811a}.stat-number{font-size:2rem;font-weight:700;color:#1e293b;display:block;line-height:1;margin-bottom:4px}.stat-label{color:#64748b;font-size:.9rem;font-weight:500}.points-breakdown{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0}.points-breakdown h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 16px}.breakdown-grid{display:flex;flex-direction:column;gap:12px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.breakdown-row:last-child{border-bottom:none}.breakdown-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0 0;border-top:2px solid #6366f1;margin-top:8px;font-weight:600}.points{color:#6366f1;font-weight:600}.multiplier{color:#8b5cf6;font-weight:600}.total-points{color:#10b981;font-weight:700;font-size:1.1rem}.results-actions-modern{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.action-btn{padding:14px 28px;border-radius:12px;font-weight:600;font-size:1rem;border:2px solid;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:180px;justify-content:center}.action-btn.primary{background:#6366f1;border-color:#6366f1;color:#fff}.action-btn.primary:hover{background:#5048e5;border-color:#5048e5;transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}.action-btn.secondary{background:#fff;border-color:#e2e8f0;color:#64748b}.action-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}@media (max-width: 768px){.voice-results-modern{padding:16px;gap:20px}.results-header{padding:20px}.results-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.results-actions-modern{flex-direction:column}.action-btn{min-width:auto}}.voice-results-compact{max-width:500px;margin:0 auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;gap:20px}.compact-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.status-icon{font-size:2.5rem;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-icon.success{background:#dcfce7}.status-icon.warning{background:#fef3c7}.header-content{flex:1}.header-content h2{color:#1e293b;font-size:1.3rem;font-weight:700;margin:0 0 4px}.header-content p{color:#64748b;font-size:.9rem;margin:0;font-weight:500}.stats-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px}.stat-item{text-align:center;padding:16px 12px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.stat-item.success{background:#f0fdf4;border-color:#bbf7d0}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.stat-item.success .stat-value{color:#166534}.stat-text{font-size:.8rem;color:#64748b;font-weight:500}.stat-item.success .stat-text{color:#15803d}.actions-compact{display:flex;gap:12px}.btn-compact{flex:1;padding:12px 16px;border-radius:10px;font-weight:600;font-size:.9rem;border:2px solid;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-compact.primary{background:#6366f1;border-color:#6366f1;color:#fff}.btn-compact.primary:hover{background:#5048e5;border-color:#5048e5;transform:translateY(-1px);box-shadow:0 4px 15px #6366f14d}.btn-compact.secondary{background:#fff;border-color:#e2e8f0;color:#64748b}.btn-compact.secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px);box-shadow:0 4px 15px #0000001a}@media (max-width: 480px){.voice-results-compact{padding:16px;margin:16px}.stats-compact{grid-template-columns:repeat(2,1fr)}.actions-compact{flex-direction:column}}.voice-results-centered{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:1000;padding:20px}.results-modal{width:650px;height:750px;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{text-align:center;padding:40px 32px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><linearGradient id="a" x1="0" x2="0" y1="0" y2="1"><stop offset="0" stop-color="%23ffffff" stop-opacity="0.1"/><stop offset="1" stop-color="%23ffffff" stop-opacity="0"/></linearGradient></defs><rect width="100" height="20" fill="url(%23a)"/></svg>') repeat-x;opacity:.3}.modal-title{color:#fff!important;font-size:2.2rem;font-weight:800;margin:0 auto;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:-.02em;position:relative;z-index:1;text-align:center;width:100%;display:block}.results-modal .modal-header .modal-title{color:#fff!important}.results-text{text-align:center;padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.results-text p{color:#64748b;font-size:1.1rem;line-height:1.5;margin:0;font-weight:500}.modal-content{flex:1;padding:40px 32px;display:flex;flex-direction:column;gap:0;overflow-y:auto}.main-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;height:100%;min-height:300px}.stat-box{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:36px 20px;text-align:center;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center;min-height:140px}.stat-box:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-box.highlighted{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.stat-box.bonus-box{background:linear-gradient(135deg,#fef3e2,#fed7aa);border-color:#f59e0b}.stat-box.points-box{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf6}.stat-number{font-size:3rem;font-weight:700;color:#1e293b;line-height:1;margin-bottom:12px;display:block}.stat-box.highlighted .stat-number{color:#065f46}.stat-box.bonus-box .stat-number{color:#92400e}.stat-box.points-box .stat-number{color:#6b21a8}.stat-label{color:#64748b;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-box.highlighted .stat-label{color:#047857}.stat-box.bonus-box .stat-label{color:#92400e}.stat-box.points-box .stat-label{color:#6b21a8}.breakdown-section{background:#f8fafc;border-radius:16px;padding:24px}.breakdown-section h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 20px;text-align:center}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.breakdown-item:last-child{border-bottom:none}.breakdown-item .value{color:#6366f1;font-weight:600}.breakdown-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;border-top:2px solid #6366f1;margin-top:12px;font-weight:700;font-size:1.1rem}.total-value{color:#10b981;font-size:1.2rem}.modal-footer{padding:24px 32px 32px;background:#f8fafc;display:flex;gap:16px}.modal-btn{flex:1;padding:16px 24px;border-radius:12px;font-weight:600;font-size:1rem;border:2px solid;cursor:pointer;transition:all .2s ease;text-align:center}.modal-btn.primary{background:#6366f1;border-color:#6366f1;color:#fff}.modal-btn.primary:hover{background:#5048e5;border-color:#5048e5;transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}.modal-btn.secondary{background:#fff;border-color:#d1d5db;color:#6b7280}.modal-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}@media (max-width: 700px){.results-modal{width:90vw;height:80vh;max-width:650px;max-height:750px}.modal-header{padding:24px 20px 16px}.modal-title{font-size:1.5rem}.modal-content{padding:20px;gap:20px}.main-stats{grid-template-columns:1fr}.modal-footer{padding:16px 20px 20px;flex-direction:column}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:60px;color:#666;font-size:1.1rem}.loading-spinner:before{content:"";width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;margin-right:12px;animation:spin 1s linear infinite}@media (max-width: 768px){.voice-recognition-container,.voice-practice-container{padding:16px}.back-button{position:static;margin-bottom:20px}.exit-button-voice{position:fixed;top:10px;left:10px}.module-info h1{font-size:2rem}.notebooks-grid{grid-template-columns:1fr}.score-overview{grid-template-columns:1fr;gap:20px}.mic-button{width:100px;height:100px;font-size:1.5rem}.feedback-actions,.results-actions,.error-actions{flex-direction:column}.concept-header{flex-direction:column;gap:15px}.concept-title{text-align:center}.concept-number{min-width:70px;height:50px;font-size:1.1rem}}.alternative-input{margin-top:30px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1);text-align:center}.alternative-input p{color:#666;font-size:14px;margin-bottom:10px}.manual-input-section{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.manual-input-section h4{color:#333;margin-bottom:15px;font-size:16px}.manual-input-textarea{width:100%!important;max-width:500px!important;padding:15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;transition:border-color .3s;background:#fff;color:#333;margin:0 auto;display:block}.manual-input-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.manual-input-textarea::placeholder{color:#999}.manual-input-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.manual-input-actions .btn{padding:10px 20px;font-size:14px}.study-intro-modal{background:#fff;border-radius:16px;padding:30px;max-width:800px;margin:20px auto;box-shadow:0 10px 30px #0000001a}.intro-header-compact{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.header-icon-compact{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.intro-header-compact h2{color:#fefefe!important;-webkit-text-fill-color:#fefefe!important;text-shadow:none!important;filter:none!important;background:transparent!important;margin:0;font-size:1.5rem}.intro-content-compact{margin-bottom:24px}.explanation-compact{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:24px}.explanation-compact p{color:#555;margin:0 0 12px;line-height:1.6}.mini-summary{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin:16px 0}.mini-summary h4{color:#1e40af;margin:0 0 12px;font-size:1rem;font-weight:600}.mini-summary ul{list-style:none;padding:0;margin:0}.mini-summary li{color:#374151;margin-bottom:8px;padding:4px 0;line-height:1.5}.mini-summary li:last-child{margin-bottom:0}.notebook-info{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-top:12px;color:#333;line-height:1.6}.intensity-section-compact{margin-bottom:24px}.section-title-compact{color:#333;font-size:1.1rem;margin-bottom:16px;font-weight:600}.intensity-warning-compact{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#92400e}.intensity-warning-compact svg{color:#f59e0b;font-size:18px}.intensity-options-horizontal{display:flex;gap:16px;margin-top:16px}.intensity-item-horizontal{flex:1;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;text-align:center}.intensity-item-horizontal:hover:not(.disabled){border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a;transform:translateY(-2px)}.intensity-item-horizontal.selected{border-color:#4f46e5;background:linear-gradient(to bottom,#f0f0ff,#fff)}.intensity-item-horizontal.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.intensity-item-horizontal.disabled:hover{transform:none;box-shadow:none;border-color:#e5e7eb}.intensity-item-horizontal>svg:first-child{font-size:32px;color:#4f46e5;margin-bottom:12px}.intensity-item-horizontal.disabled>svg:first-child{color:#9ca3af}.intensity-content{margin-top:8px}.intensity-content h4{color:#333;margin:0 0 4px;font-size:1.1rem;font-weight:600}.intensity-content span{color:#666;font-size:.9rem}.requirement-text{color:#ef4444;font-size:.8rem;margin-top:8px;font-weight:500}.check-icon{position:absolute;top:12px;right:12px;color:#10b981;font-size:20px}.intro-actions-compact{display:flex;gap:12px;justify-content:flex-end}.action-button-compact{padding:12px 24px;border-radius:8px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.action-button-compact.secondary{background:#f3f4f6;color:#555}.action-button-compact.secondary:hover{background:#e5e7eb}.action-button-compact.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.action-button-compact.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.action-button-compact:disabled{opacity:.5;cursor:not-allowed}.action-button-compact:disabled:hover{transform:none;box-shadow:none}.voice-practice-container .btn-primary:disabled{cursor:not-allowed!important;position:static!important}.voice-practice-container .btn-primary:disabled:after{display:none!important}.show-definition-btn{margin-top:16px;padding:12px 24px;font-size:14px;background:#f8fafc;border:2px solid #e2e8f0;color:#475569;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.show-definition-btn:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.question-text{color:#4f46e5;font-weight:600;margin-top:16px;margin-bottom:0;text-align:center;font-size:1.1rem}.gave-up-text{color:#f59e0b;font-weight:500;margin-top:16px;margin-bottom:0;text-align:center;font-size:.95rem;font-style:italic}.gave-up-actions{display:flex;justify-content:center;margin-top:20px}.gave-up-actions .btn-primary{width:120px!important;min-width:120px!important;max-width:120px!important;height:40px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important}@media (max-width: 768px){.intensity-options-horizontal{flex-direction:column}.study-intro-modal{padding:20px;margin:10px}}.fill-blank-container{min-height:100vh;padding-bottom:2rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.loader{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.8rem;margin-bottom:.5rem}.empty-state p{opacity:.9;margin-bottom:2rem}.btn-primary{background:#fff;color:#667eea;border:none;padding:12px 32px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.game-header{display:flex;justify-content:center;align-items:center;padding:2rem 0 1rem;margin:2rem auto 1rem;width:fit-content;gap:1rem}.back-arrow-btn{background:#fff;border:none;color:#667eea;width:35px;height:35px;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-arrow-btn:hover{background:#f0f0f0;transform:translate(-2px)}.game-stats{display:flex;flex-direction:row;gap:2rem;justify-content:center;align-items:center;padding:3rem 2rem .75rem;margin-top:1rem;height:50px;box-shadow:none!important}.stat{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;box-shadow:none!important}.stat-label{font-size:.8rem;color:#fffc;text-transform:uppercase;letter-spacing:.2px}.stat-value{font-size:.95rem;font-weight:700;color:#fff}.timer{display:flex;align-items:center;gap:.5rem;background:#fff3;padding:.75rem 1.5rem;border-radius:25px;transition:all .3s}.timer-warning{background:#ff3b304d;animation:pulse 1s infinite}.timer-icon{font-size:1.5rem}.timer-value{font-size:1.25rem;font-weight:700;color:#fff}.timer-centered{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;padding:.75rem 2rem;border-radius:30px;margin:0 auto 2rem;width:fit-content;box-shadow:0 4px 20px #0000001a;font-size:1.5rem}.timer-centered .timer-icon{font-size:1.75rem}.timer-centered .timer-value{font-size:1.5rem;font-weight:700;color:#333}.timer-centered.timer-warning{background:#ff3b30;animation:pulse .5s infinite}.timer-centered.timer-warning .timer-value{color:#fff}.game-content{max-width:900px;margin:1rem auto 2rem;padding:0 1rem}.concept-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:row;gap:2rem;align-items:flex-start}.concept-left,.concept-right{flex:1;display:flex;flex-direction:column}.concept-title{font-size:1.8rem;color:#333;margin-bottom:1.5rem;text-align:center;font-weight:700}.definition-box{background:#f8f9fa;padding:1.5rem;border-radius:15px;margin-bottom:1.5rem;border:2px solid transparent;transition:all .3s}.definition-box.correct{border-color:#34c759;background:#e8f9ed}.definition-box.incorrect{border-color:#ff3b30;background:#ffe8e6}.definition-text{font-size:1.1rem;line-height:1.6;color:#555}.blank-space{display:inline}.selected-word{background:#34c759;color:#fff;padding:2px 8px;border-radius:4px;font-weight:600}.empty-blank{color:#999;border-bottom:2px solid #ccc;padding:2px 4px;font-style:italic}.feedback{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.feedback-icon{font-size:1.5rem}.feedback-text{font-size:1rem;font-weight:600;color:#333}.instructions{text-align:center;margin-bottom:1.5rem}.instructions p{color:#666;font-size:1rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.option-button{position:relative;padding:.75rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .2s;font-weight:500}.selection-number{position:absolute;top:-8px;right:-8px;background:#34c759;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;box-shadow:0 2px 4px #0003}.correct-order-number{position:absolute;top:-8px;right:-8px;background:#fff;color:#34c759;border:2px solid #34C759;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;box-shadow:0 2px 4px #0003}.incorrect-order-number{position:absolute;top:-8px;right:-8px;background:#fff;color:#ff3b30;border:2px solid #FF3B30;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;box-shadow:0 2px 4px #0003;text-decoration:line-through}.option-button:hover:not(:disabled):not(.selected){transform:translateY(-2px);box-shadow:0 5px 15px #0000001a;border-color:#667eea}.option-button.selected{background:#fff!important;color:#333!important;border-color:#34c759!important;border-width:3px;font-weight:600}.option-button.selected:hover{transform:translateY(-2px);box-shadow:0 5px 15px #34c75933}.option-button.correct{background:#34c759;color:#fff;border-color:#34c759}.option-button.incorrect{background:#ff3b30;color:#fff;border-color:#ff3b30}.option-button:disabled{cursor:not-allowed}.option-icon{position:absolute;top:-8px;right:-8px;background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px #0003}.selected-count{text-align:center;color:#666;font-size:.9rem}.game-over-screen{max-width:600px;margin:4rem auto;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;text-align:center}.game-over-screen h1{font-size:2.5rem;color:#333;margin-bottom:2rem}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#f8f9fa;border-radius:15px}.stat-card .stat-icon{font-size:2.5rem;margin-bottom:.5rem}.stat-card .stat-value{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.25rem}.stat-card .stat-label{font-size:.9rem;color:#666}.game-over-actions{display:flex;gap:1rem;justify-content:center}.btn-play-again,.btn-back{padding:12px 32px;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-play-again{background:#667eea;color:#fff}.btn-play-again:hover{background:#5a67d8;transform:translateY(-2px)}.btn-back{background:#e0e0e0;color:#333}.btn-back:hover{background:#d0d0d0;transform:translateY(-2px)}.notebook-selection{max-width:1200px;margin:2rem auto;padding:0 1rem}.selection-header{text-align:center;margin-bottom:3rem}.selection-header h1{font-size:2.5rem;color:#000;margin-bottom:.5rem}.selection-header p{font-size:1.2rem;color:#000}.notebooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.notebook-card{background:#fff;border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0000001a}.notebook-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.notebook-icon{font-size:3rem;text-align:center;margin-bottom:1rem}.notebook-card h3{font-size:1.3rem;color:#333;margin-bottom:.5rem;text-align:center}.notebook-subject{color:#666;text-align:center;margin-bottom:1rem;font-size:.95rem}.notebook-stats{text-align:center;color:#888;font-size:.9rem;margin-bottom:1rem}.btn-select{width:100%;padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-select:hover{background:#5a67d8}.btn-secondary{padding:12px 32px;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;background:#667eea;color:#fff}.btn-secondary:hover{background:#5a67d8;transform:translateY(-2px)}.concept-selector{max-width:800px;margin:4rem auto;padding:0 1rem}.smart-study-modal .selection-header{text-align:center;margin-bottom:3rem}.smart-study-modal .selection-header h1{font-size:2.5rem;color:#000;margin-bottom:.5rem}.smart-study-modal .selection-header p{font-size:1.2rem;color:#000;margin-bottom:.5rem}.loading-concepts{font-size:1rem;color:#fffc;font-style:italic}.intensity-options-horizontal{display:flex;gap:1.5rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.intensity-item-horizontal{position:relative;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;text-align:center}.intensity-item-horizontal:hover:not(.disabled){background:#fff3;transform:translateY(-5px);border-color:#fff6}.intensity-item-horizontal.selected{background:#fff;border-color:#667eea;color:#667eea;transform:scale(1.05)}.intensity-item-horizontal.disabled{opacity:.5;cursor:not-allowed}.intensity-item-horizontal.disabled:hover{transform:none;background:#ffffff1a;border-color:#fff3}.intensity-item-horizontal i{font-size:2rem;margin-bottom:1rem;display:block;color:#fff}.intensity-item-horizontal.selected i{color:#667eea}.intensity-content{display:flex;flex-direction:column;gap:.5rem}.intensity-content h3{font-size:1.3rem;font-weight:700;margin:0;color:#fff}.intensity-item-horizontal.selected .intensity-content h3{color:#667eea}.intensity-count{font-size:1rem;font-weight:600;color:#ffffffe6}.intensity-item-horizontal.selected .intensity-count{color:#667eea}.intensity-content p{font-size:.9rem;margin:0;color:#fffc}.intensity-item-horizontal.selected .intensity-content p{color:#667eeacc}.check-icon{position:absolute;top:10px;right:10px;font-size:1.5rem;color:#34c759}.concepts-info{text-align:center;margin-top:2rem;padding:1rem;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.concepts-info p{color:#ffffffe6;font-size:1rem;margin:0}.btn-start:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.btn-start:disabled:hover{background:#ccc;transform:none;box-shadow:none}.concept-count-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin:3rem 0;max-width:600px;margin-left:auto;margin-right:auto}.count-option{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.count-option:hover{background:#fff3;transform:translateY(-5px)}.count-option.selected{background:#fff;border-color:#667eea;color:#667eea;transform:scale(1.05)}.count-number{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:inherit}.count-option:not(.selected) .count-number{color:#fff}.count-label{font-size:1rem;color:inherit}.count-option:not(.selected) .count-label{color:#ffffffe6}.selector-actions{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.btn-start{padding:15px 40px;background:#34c759;color:#fff;border:none;border-radius:25px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #34c7594d}.btn-start:hover{background:#2fb653;transform:translateY(-2px);box-shadow:0 8px 25px #34c75966}@media (max-width: 768px){.game-header{flex-direction:column;gap:1rem}.game-stats{width:100%;justify-content:space-around}.options-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.final-stats{grid-template-columns:1fr}.game-over-actions{flex-direction:column}.btn-play-again,.btn-back{width:100%}.intensity-options-horizontal{flex-direction:column;gap:1rem;margin:2rem 0}.intensity-item-horizontal{padding:1.2rem;min-width:auto}.intensity-item-horizontal i{font-size:1.5rem;margin-bottom:.5rem}.intensity-content h3{font-size:1.1rem}.concept-count-options{grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.count-option{padding:1.5rem 1rem}.count-number{font-size:2.5rem}.selector-actions{flex-direction:column;gap:1rem}.btn-start{width:100%;padding:12px 20px;font-size:1.1rem}.concepts-info{margin-top:1rem;padding:.8rem}}.university-dashboard{min-height:100vh;background-color:#f5f5f5;padding-top:70px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.welcome-section{margin-bottom:2rem;text-align:center}.welcome-section h1{font-size:2rem;color:#333;margin-bottom:.5rem}.welcome-message{font-size:1.1rem;color:#666}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.dashboard-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard-card h2{font-size:1.3rem;color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.info-card .info-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.info-card .info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#555}.info-value{color:#333}.university-badge{background-color:#6b46c1;color:#fff;padding:.2rem .8rem;border-radius:16px;font-size:.85rem;font-weight:600}.stats-placeholder,.resources-placeholder,.activities-placeholder{display:flex;justify-content:center;align-items:center;min-height:150px;color:#999;font-style:italic}@media (max-width: 768px){.university-content{padding:1rem}.welcome-section h1{font-size:1.5rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.dashboard-card{padding:1rem}}.university-page{min-height:100vh;background-color:#f5f5f5;padding-top:70px}.university-content{max-width:1200px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem;text-align:center}.page-header h1{font-size:2.5rem;color:#333;margin-bottom:.5rem;font-weight:700}.page-description{font-size:1.1rem;color:#666;margin:0}.content-placeholder{display:flex;justify-content:center;align-items:center;min-height:60vh}.placeholder-card{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 20px #0000001a;text-align:center;max-width:600px;width:100%}.placeholder-card h2{font-size:1.8rem;color:#6b46c1;margin-bottom:1rem;font-weight:600}.placeholder-card p{font-size:1.1rem;color:#666;margin-bottom:1.5rem;line-height:1.6}.placeholder-card ul{text-align:left;color:#555;font-size:1rem;line-height:1.8;padding-left:1.5rem}.placeholder-card li{margin-bottom:.5rem}.placeholder-card li::marker{color:#6b46c1}@media (max-width: 768px){.university-content{padding:1rem}.page-header h1{font-size:2rem}.placeholder-card{padding:2rem}.placeholder-card h2{font-size:1.5rem}}.examples-page{min-height:100vh;padding-top:80px}.examples-hero{background-color:#f9fafb;padding:80px 0;text-align:center}.examples-title{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:20px}.examples-subtitle{font-size:1.25rem;color:#6b7280;max-width:600px;margin:0 auto}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin:60px 0}.example-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.example-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001f}.example-header{padding:20px;color:#fff}.example-subject{font-size:1.1rem;font-weight:600;margin:0}.example-content{padding:30px}.example-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:15px}.example-description{color:#6b7280;line-height:1.6;margin-bottom:20px}.example-highlights h4{font-size:1rem;color:#4f46e5;margin-bottom:10px}.example-highlights ul{list-style:none;padding:0}.example-highlights li{padding:8px 0 8px 20px;position:relative;color:#4b5563}.example-highlights li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.examples-cta{text-align:center;padding:80px 0}.examples-cta h2{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:20px}.examples-cta p{font-size:1.125rem;color:#6b7280;margin-bottom:30px}@media (max-width: 768px){.examples-title{font-size:2rem}.examples-grid{grid-template-columns:1fr}}.faq-page{min-height:100vh;padding-top:80px}.faq-hero{background-color:#4f46e5;padding:80px 0;text-align:center}.faq-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:20px}.faq-subtitle{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto}.faq-categories{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:60px 0 40px}.category-btn{padding:10px 20px;border:2px solid #E5E7EB;background:#fff;border-radius:25px;font-size:1rem;color:#6b7280;cursor:pointer;transition:all .3s ease;font-weight:500}.category-btn:hover{border-color:#4f46e5;color:#4f46e5}.category-btn.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.faq-list{max-width:800px;margin:0 auto 80px}.faq-item{margin-bottom:15px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.faq-question{width:100%;padding:20px 25px;background:none;border:none;text-align:left;font-size:1.1rem;font-weight:600;color:#1f2937;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.faq-question:hover,.faq-question.open{background-color:#f9fafb}.faq-icon{font-size:1.5rem;color:#4f46e5;font-weight:300}.faq-answer{padding:0 25px 25px;animation:slideDown .3s ease}.faq-answer p{color:#6b7280;line-height:1.6;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-contact{text-align:center;padding:60px 0;background-color:#f9fafb;border-radius:12px;margin-bottom:60px}.faq-contact h2{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:15px}.faq-contact p{font-size:1.125rem;color:#6b7280;margin-bottom:30px}@media (max-width: 768px){.faq-title{font-size:2rem}.faq-categories{justify-content:flex-start;overflow-x:auto;padding:0 20px}.faq-question{font-size:1rem;padding:18px 20px}}.about-page{min-height:100vh;padding-top:80px}.about-hero{background:linear-gradient(135deg,#4f46e5,#3730a3);padding:100px 0;text-align:center;color:#fff}.about-title{font-size:3rem;font-weight:700;margin-bottom:20px}.about-subtitle{font-size:1.25rem;max-width:600px;margin:0 auto;opacity:.95}.about-story{padding:80px 0;display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:center}.story-content h2{font-size:2.5rem;color:#1f2937;margin-bottom:30px}.story-content p{font-size:1.125rem;color:#6b7280;line-height:1.8;margin-bottom:20px}.story-stats{display:flex;flex-direction:column;gap:30px}.stat{text-align:center;padding:20px;background:#f9fafb;border-radius:12px}.stat h3{font-size:2.5rem;color:#4f46e5;font-weight:700;margin-bottom:5px}.stat p{color:#6b7280;font-size:1rem}.about-values{background-color:#f9fafb;margin:0 -20px;padding:80px 20px}.about-values h2{text-align:center;font-size:2.5rem;color:#1f2937;margin-bottom:60px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1000px;margin:0 auto}.value-card{background:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 4px 20px #00000014}.value-icon{font-size:3rem;margin-bottom:20px}.value-card h3{font-size:1.5rem;color:#1f2937;margin-bottom:15px}.value-card p{color:#6b7280;line-height:1.6}.about-team{padding:80px 0}.about-team h2{text-align:center;font-size:2.5rem;color:#1f2937;margin-bottom:60px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.team-member{text-align:center}.member-avatar{margin-bottom:20px}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;margin:0 auto}.team-member h3{font-size:1.25rem;color:#1f2937;margin-bottom:5px}.member-role{color:#4f46e5;font-weight:500;margin-bottom:15px}.member-bio{color:#6b7280;line-height:1.6;font-size:.95rem}.about-cta{text-align:center;padding:80px 0}.about-cta h2{font-size:2rem;color:#1f2937;margin-bottom:20px}.about-cta p{font-size:1.125rem;color:#6b7280;margin-bottom:30px}@media (max-width: 768px){.about-title{font-size:2rem}.about-story{grid-template-columns:1fr;gap:40px}.story-stats{flex-direction:row;justify-content:space-around}.stat{padding:15px}.stat h3{font-size:2rem}}.contact-page{min-height:100vh;padding-top:80px}.contact-hero{background:linear-gradient(135deg,#6147ff,#6147ff);padding:16px 0;text-align:center;position:relative;overflow:hidden;margin-top:70px}.contact-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 30s linear infinite}.contact-hero .container{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:20px;position:relative;z-index:1}.contact-subtitle{font-size:1.25rem;color:#ffffffe6;max-width:1000px;margin:0 auto;padding:0 1rem;position:relative;z-index:1;white-space:normal;text-align:center;line-height:1.6}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:32px;padding:80px 0 32px;max-width:1200px;margin:0 auto}.contact-form-section h2{font-size:2rem;color:#1f2937;margin-bottom:30px}.contact-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #00000014}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6147ff}.form-group textarea{resize:vertical;min-height:120px}.submit-message{padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.submit-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #34D399}.contact-info-section h2{font-size:1.5rem;color:#1f2937;margin-bottom:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-methods{margin-bottom:40px}.contact-method{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:#f9fafb;border-radius:12px}.method-icon{font-size:2.5rem;flex-shrink:0}.method-info h3{font-size:1.125rem;color:#1f2937;margin-bottom:5px}.method-detail{font-weight:600;color:#6147ff;margin-bottom:5px}.method-description{font-size:.875rem;color:#6b7280}.office-info{background:#fff;padding:25px;border-radius:12px;border:2px solid #E5E7EB;margin-bottom:30px}.office-info h3{font-size:1.25rem;color:#1f2937;margin-bottom:15px}.office-info p{color:#6b7280;margin-bottom:8px}.social-section{text-align:center}.social-section h3{font-size:1.25rem;color:#1f2937;margin-bottom:10px}.social-section p{color:#6b7280;margin-bottom:20px;font-size:.95rem}.social-links-contact{display:flex;justify-content:center;gap:15px}.social-links-contact a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#6147ff;border-radius:50%;font-size:1.25rem;text-decoration:none;transition:transform .3s ease,background-color .3s ease}.social-links-contact a:hover{transform:translateY(-3px);background:#5139e5}@media (max-width: 768px){.contact-title{font-size:2rem;padding:0 1rem}.contact-subtitle{font-size:1rem;padding:0 1.5rem;white-space:normal;line-height:1.5}.contact-content{grid-template-columns:1fr;gap:40px}.contact-form{padding:25px}.contact-method{flex-direction:column;text-align:center}}.tutorials-main-container{flex:1;max-width:1400px;margin:0 auto;padding:100px 20px 40px;width:100%}.tutorials-header{text-align:center;margin-bottom:50px}.tutorials-header h1{font-size:2.5rem;color:#333;margin-bottom:10px;font-weight:700}.tutorials-header p{font-size:1.1rem;color:#666}.tutorials-sections{display:flex;flex-direction:column;gap:60px}.tutorial-section{width:100%}.section-title{font-size:1.8rem;color:#333;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #4F46E5;display:inline-block}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.video-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.video-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.video-thumbnail{position:relative;padding-top:56.25%;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.play-overlay svg{color:#fff;margin-left:3px}.video-card:hover .play-overlay{background:#4f46e5e6;transform:translate(-50%,-50%) scale(1.1)}.video-duration{position:absolute;bottom:10px;right:10px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.85rem;display:flex;align-items:center;gap:4px;z-index:2}.video-info{padding:20px}.video-info h3{font-size:1.1rem;color:#333;margin-bottom:8px;font-weight:600;line-height:1.3}.video-info p{font-size:.9rem;color:#666;line-height:1.4}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.video-modal{background:#fff;border-radius:12px;width:100%;max-width:1000px;position:relative;overflow:hidden}.close-modal{position:absolute;top:15px;right:15px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.close-modal:hover{background:#4f46e5;transform:scale(1.1)}.modal-video-wrapper{position:relative;padding-top:56.25%;background:#000}.modal-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-info{padding:25px;background:#fff}.modal-video-info h3{font-size:1.5rem;color:#333;margin-bottom:10px}.modal-video-info p{font-size:1rem;color:#666;line-height:1.5}@media (max-width: 1024px){.videos-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width: 768px){.tutorials-main-container{padding-top:80px}.tutorials-header h1{font-size:2rem}.tutorials-header p{font-size:1rem}.section-title{font-size:1.5rem}.videos-grid{grid-template-columns:1fr;gap:20px}.video-info h3{font-size:1rem}.video-info p{font-size:.85rem}.play-overlay{width:60px;height:60px}.play-overlay svg{width:30px;height:30px}.video-modal{margin:10px}.modal-video-info{padding:20px}.modal-video-info h3{font-size:1.2rem}}.join-simonkey-container{width:100%;display:flex;justify-content:center;align-items:center}.join-simonkey-content{width:100%;background:transparent;padding:54px 0 70px;font-weight:700;font-size:2.1rem;color:#111827;text-align:center;letter-spacing:.1px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.join-simonkey-inner{width:100%;background:linear-gradient(135deg,#eef2ff,#e0e7ff);padding:22px 0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.join-simonkey-header{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:700px;margin-bottom:24px;padding:0 20px;gap:8px;flex-wrap:nowrap;line-height:1.3}.header-text{color:#111827;font-weight:700;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.header-arrow{color:#111827;font-weight:700;font-size:1.2em;margin:0 8px;display:inline-flex;align-items:center}.header-separator{margin:0 8px;color:#b4b4b4;font-weight:400;font-size:1.1em}.header-highlight{color:#4f46e5;font-weight:800;margin-left:8px;display:inline-flex;align-items:center;white-space:nowrap}.join-simonkey-features{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;font-weight:500;font-size:1rem;letter-spacing:.03px;color:#111827;overflow:hidden;padding:10px 20px}.feature-item{flex:1 1 0%;text-align:center;padding:0 8px;min-width:0;display:flex;align-items:center;justify-content:center}.feature-separator{color:#b4b4b4;font-weight:300;margin:0 20px;font-size:1.4em;opacity:.4;display:inline-flex;align-items:center;vertical-align:middle;line-height:1;position:relative;top:0}@media (max-width: 768px){.join-simonkey-content{padding:20px 0;font-size:1.2rem}.join-simonkey-inner{padding:16px 12px;border-radius:12px;margin:0 12px}.join-simonkey-header{margin-bottom:16px;gap:4px;flex-wrap:wrap;justify-content:center;padding:0 12px}.header-text{font-size:1rem;display:inline}.header-arrow{font-size:1rem;margin:0 4px;display:inline}.header-highlight{font-size:1rem;margin-left:4px;display:inline}.join-simonkey-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:.85rem;padding:8px 12px;margin:0 auto;width:100%;max-width:100%;place-items:center;place-content:center}.feature-item{background:#ffffffb3;border-radius:8px;padding:10px 8px;min-height:50px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .2s ease}.feature-item:active{transform:scale(.98);background:#ffffffe6}.feature-separator{display:none}}@media (max-width: 480px){.join-simonkey-content{padding:16px 0;font-size:1rem}.join-simonkey-inner{padding:14px 10px;margin:0 10px}.join-simonkey-header{margin-bottom:14px;line-height:1.4}.header-text,.header-arrow,.header-highlight{font-size:.95rem}.join-simonkey-features{grid-template-columns:1fr;gap:10px;font-size:.8rem;padding:8px 10px;width:100%}.feature-item{padding:12px 10px;min-height:44px}}@media (min-width: 769px) and (max-width: 1024px){.join-simonkey-content{font-size:1.8rem;padding:40px 0 50px}.join-simonkey-features{font-size:.95rem;padding:10px 30px}.feature-separator{margin:0 15px}}.about-simonkey{width:100%;background:#f9fafb;padding:0;text-align:center;display:block;margin:12px 0 48px;overflow:hidden}.about-container{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center;display:flex;align-items:center;justify-content:flex-start;gap:48px;width:100%;box-sizing:border-box}.about-image{flex:0 0 400px;display:flex;justify-content:flex-start;align-items:center}.monkey-image{width:400px;height:400px;border-radius:50%;object-fit:cover;margin-left:0;transition:transform .3s ease}.monkey-image:hover{transform:scale(1.05)}.about-content{flex:2 1 0%;min-width:0;text-align:left}.about-content .content-wrapper{text-align:center;width:100%;box-sizing:border-box}.about-title{font-size:2.2rem;font-weight:700;color:#111;margin:0 0 10px;text-align:center;letter-spacing:.1px}.about-subtitle{font-family:Poppins,sans-serif;font-size:1rem;color:#6366f1;margin-bottom:18px;text-align:center;font-style:italic;font-weight:400;letter-spacing:.05px}.about-description{font-size:1.125rem;color:#6b7280;margin-bottom:16px;text-align:center;line-height:1.6}.about-description .highlight{color:#4f46e5;font-weight:600}@media (max-width: 1024px){.about-container{gap:32px;padding:0 2rem}.about-image{flex:0 0 300px}.monkey-image{width:300px;height:300px}.about-title{font-size:2rem}.about-description{font-size:1.05rem}}@media (max-width: 768px){.about-simonkey{margin:16px 0 32px;padding:20px 0;background:linear-gradient(to bottom,#f9fafb,#fff);width:100%;max-width:100%;overflow-x:hidden}.about-container{flex-direction:column;gap:20px;padding:0 16px;width:100%;box-sizing:border-box}.about-image{flex:none;width:100%;justify-content:center;margin-bottom:8px}.monkey-image{width:180px;height:180px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.monkey-image:active{transform:scale(.95)}.about-content{flex:none;width:100%;max-width:100%;box-sizing:border-box}.about-content .content-wrapper{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 20px #0000000d;width:calc(100% + -0px)!important;max-width:calc(100% + -0px)!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}.about-title{font-size:1.5rem;margin-bottom:12px;color:#1a1a1a}.about-subtitle{font-size:.95rem;margin-bottom:16px}.about-description{font-size:.95rem;padding:0;line-height:1.7;color:#4b5563}.about-description .highlight{display:block;margin-top:8px;padding:8px;background:#4f46e514;border-radius:8px;font-size:.9rem}}@media (max-width: 480px){.about-simonkey{margin:12px 0 24px;padding:16px 0}.about-container{padding:0 12px;gap:16px}.monkey-image{width:150px;height:150px}.about-content .content-wrapper{padding:16px!important}.about-title{font-size:1.3rem;margin-bottom:10px}.about-subtitle{font-size:.9rem;margin-bottom:14px;padding:0}.about-description{font-size:.9rem;line-height:1.6;padding:0}.about-description .highlight{font-size:.85rem;padding:6px}}@media (max-width: 360px){.monkey-image{width:120px;height:120px}.about-content .content-wrapper{padding:14px!important}.about-title{font-size:1.2rem}.about-subtitle,.about-description{font-size:.85rem}.about-description .highlight{font-size:.8rem;padding:4px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.create-exam-modal{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.progress-bar{height:4px;background:#e5e7eb;position:relative;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.create-exam-modal .modal-content{flex:1;padding:2rem;overflow-y:auto;max-width:none!important;width:100%!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}.exam-creation-step h3,.notebook-selection h3,.exam-configuration h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:#1f2937}.exam-creation-step,.notebook-selection,.exam-configuration{width:100%}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.95rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:80px}.no-notebooks-message{text-align:center;padding:2rem;color:#6b7280;background:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}.step-description{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem}.notebooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.notebook-checkbox-card{display:flex;align-items:center;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.notebook-checkbox-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.notebook-checkbox-card.selected{border-color:#667eea;background:#667eea0d}.checkbox-wrapper{margin-right:1rem}.checkbox-wrapper input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.notebook-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.concept-count{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.concept-count i{color:#fbbf24}.total-concepts-info{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f3f4f6;border-radius:8px;font-size:.95rem;color:#4b5563}.total-concepts-info i{color:#667eea}.config-section{margin-bottom:2rem}.config-section label{display:block;margin-bottom:.75rem;font-weight:500;color:#374151;font-size:.95rem}.percentage-selector{display:flex;align-items:center;gap:1.5rem}.percentage-slider{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:4px;outline:none}.percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#667eea;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.percentage-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #667eea4d}.percentage-value{font-size:1.5rem;font-weight:700;color:#667eea;min-width:60px;text-align:right}.config-help{margin-top:.5rem;font-size:.875rem;color:#6b7280}.questions-preview{display:flex;justify-content:center;margin:2rem 0;width:100%}.preview-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;border:2px solid rgba(102,126,234,.2);height:140px}.preview-card i{font-size:1.25rem;color:#667eea}.preview-card .preview-content{height:140px!important;min-height:140px!important;max-height:140px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:0!important;overflow:visible!important;background-color:transparent!important}.preview-content h4{margin:0;font-size:1.25rem;font-weight:700;color:#667eea}.preview-content p{margin:0;font-size:.875rem;color:#4b5563}.time-selector{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s ease}.time-selector:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.total-time-preview{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:8px;font-size:1rem;color:#4b5563;border:1px solid #e5e7eb}.total-time-preview i{font-size:1.25rem;color:#667eea}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#f3f4f6;color:#4b5563}.btn-secondary:hover:not(:disabled){background:#e5e7eb;color:#374151}@media (max-width: 640px){.create-exam-modal{width:100%;height:100%;max-height:100%;border-radius:0}.create-exam-modal .modal-content{padding:1.5rem}.notebooks-grid{grid-template-columns:1fr}.percentage-selector{flex-direction:column;align-items:stretch;gap:1rem}.percentage-value{text-align:center}}.btn-primary:disabled{cursor:wait;position:relative}.btn-primary:disabled:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.teacher-exams-page{padding:2rem;background:transparent;min-height:calc(100vh - 64px);width:100%}.content-wrapper:has(.teacher-exams-page),.content-wrapper:has(.teacher-exams-loading){margin-left:60px;padding-top:0;width:calc(100vw - 60px);transition:all .3s cubic-bezier(.4,0,.2,1)}.teacher-exams-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);width:100%;background:#f8fafc;gap:1rem}.teacher-exams-loading p{font-size:1.1rem;color:#6b7280;margin:0}.exams-controls{display:flex;flex-direction:column;gap:1rem;margin-top:50px;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:none}.exams-controls-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.create-exam-button-main{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#6147ff;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;margin-left:auto}.create-exam-button-main:hover:not(:disabled){background:#5338d4;transform:translateY(-1px);box-shadow:0 4px 12px #6147ff4d}.create-exam-button-main:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.create-exam-button-main i{font-size:1rem}.exams-filters{display:flex;gap:1rem;align-items:center;box-shadow:none!important;background:transparent!important;padding:0!important;margin-bottom:0!important;flex-wrap:wrap;border:none!important;border-bottom:none!important;justify-content:space-between;width:100%}.filter-btn{padding:.75rem 1.25rem;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;transition:all .2s ease;font-size:.875rem;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.filter-btn:hover{border-color:#2962ff;color:#2962ff}.filter-btn.active{background:#2962ff;border-color:#2962ff;color:#fff}.filter-btn i{font-size:.875rem}.filter-btn.draft:not(.active):hover{border-color:#6b7280;color:#6b7280}.filter-btn.scheduled:not(.active):hover{border-color:#f59e0b;color:#f59e0b}.filter-btn.status-active:not(.active):hover{border-color:#10b981;color:#10b981}.filter-btn.finished:not(.active):hover{border-color:#ef4444;color:#ef4444}.teacher-exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.teacher-exam-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;border:2px solid transparent}.teacher-exam-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.teacher-exam-card.draft:hover{border-color:#6b7280}.teacher-exam-card.scheduled:hover{border-color:#f59e0b}.teacher-exam-card.active:hover{border-color:#10b981}.teacher-exam-card.finished:hover{border-color:#ef4444}.teacher-exam-card.draft{opacity:.8}.teacher-exam-card.finished{opacity:.7}.exam-card-header{display:flex;justify-content:flex-end;align-items:center;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.exam-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exam-card-body{padding:1.5rem;text-align:center}.exam-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;align-items:center}.exam-info-item{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:#6b7280}.exam-info-item i{width:16px;color:#9ca3af}.exam-created{display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#9ca3af;padding-top:1rem;border-top:1px solid #e5e7eb;text-align:center}.exam-created i{font-size:.75rem}.exam-card-actions{display:flex;gap:.5rem;padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:center}.exam-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.exam-action-btn.view-btn{background:#6147ff;color:#fff}.exam-action-btn.view-btn:hover{background:#5338d4;transform:translateY(-1px)}.exam-action-btn.delete-btn{background:#ef4444;color:#fff}.exam-action-btn.delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#6147ff;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#5338d4;transform:translateY(-1px);box-shadow:0 4px 12px #6147ff4d}@media (max-width: 768px){.teacher-exams-page{padding:1rem}.content-wrapper:has(.teacher-exams-page),.content-wrapper:has(.teacher-exams-loading){margin-left:0;width:100vw}.exams-controls{flex-direction:column;align-items:stretch;gap:1rem}.exams-filters{justify-content:center}.teacher-exams-grid{grid-template-columns:1fr;gap:1rem}.exam-meta{gap:.75rem}.exam-card-actions{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.exam-card-header,.exam-card-body,.exam-card-actions{padding:1rem}.exam-title{font-size:1.125rem}.create-exam-button-main{width:100%;justify-content:center}}.search-container{position:relative;width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.875rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#f9fafb}.search-input:focus{outline:none;border-color:#6147ff;background:#fff;box-shadow:0 0 0 3px #6147ff1a}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.clear-search:hover{color:#6b7280;background:#f3f4f6}.sort-controls{display:flex;align-items:center;gap:.5rem}.sort-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.sort-select:focus{outline:none;border-color:#6147ff;background:#fff;box-shadow:0 0 0 3px #6147ff1a}.sort-order-btn{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.sort-order-btn:hover{border-color:#6147ff;color:#6147ff;background:#fff}.sort-order-btn.desc{background:#6147ff;border-color:#6147ff;color:#fff}.sort-order-btn.asc{background:#10b981;border-color:#10b981;color:#fff}@media (max-width: 768px){.exams-controls-row{flex-direction:column;align-items:stretch}.search-container{max-width:none}.sort-controls{justify-content:space-between}.sort-select{flex:1}}.advanced-actions{border-top:1px solid #e5e7eb;padding-top:1rem}.toggle-advanced-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.toggle-advanced-btn:hover{background:#e5e7eb;border-color:#9ca3af}.advanced-actions-container{display:flex;align-items:center;gap:2rem;flex:1;justify-content:space-between;margin-left:1rem}.templates-section{display:flex;align-items:center;gap:.75rem}.section-label{font-size:.875rem;font-weight:500;color:#374151}.template-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:2px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:500}.template-btn:disabled{opacity:.6;cursor:not-allowed}.template-btn.quick{color:#f59e0b;border-color:#fbbf24}.template-btn.quick:hover:not(:disabled){background:#fef3c7;border-color:#f59e0b}.template-btn.comprehensive{color:#3b82f6;border-color:#60a5fa}.template-btn.comprehensive:hover:not(:disabled){background:#dbeafe;border-color:#3b82f6}.template-btn.practice{color:#10b981;border-color:#34d399}.template-btn.practice:hover:not(:disabled){background:#d1fae5;border-color:#10b981}.export-section{display:flex;gap:.5rem}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#6147ff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.export-btn:hover:not(:disabled){background:#5338d4;transform:translateY(-1px)}.export-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.exam-action-btn.duplicate-btn{background:#f59e0b;color:#fff}.exam-action-btn.duplicate-btn:hover{background:#d97706;transform:translateY(-1px)}@media (max-width: 768px){.advanced-actions-container{flex-direction:column;align-items:stretch;gap:1rem}.templates-section{flex-wrap:wrap;justify-content:center}.exam-card-actions{flex-direction:column;gap:.5rem}.exam-action-btn{flex:none}}.teacher-analytics{padding:1rem;padding-left:70px;max-width:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;transition:padding-left .3s ease}@media (min-width: 768px){.teacher-analytics{padding-left:70px}.sidebar-expanded .teacher-analytics{padding-left:260px}}@media (max-width: 768px){.teacher-analytics{padding-left:1rem}}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #4f46e5}.analytics-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.export-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.export-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;gap:.75rem;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.summary-icon{font-size:1.75rem;color:#4f46e5;background:#eef2ff;padding:.75rem;border-radius:10px}.summary-content h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.summary-content p{color:#64748b;margin:0;font-weight:500}.analytics-filters{background:#fff;padding:1rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000014;display:flex;gap:1.5rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#374151;font-size:.9rem}.filter-group select{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .3s ease}.filter-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.students-list h3{color:#1e293b;font-size:1.25rem;margin-bottom:1rem;font-weight:700}.student-card{background:#fff;border-radius:12px;padding:1rem;margin-bottom:.75rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border-left:4px solid #e5e7eb}.student-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.student-card.alto{border-left-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.student-card.medio{border-left-color:#f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.student-card.bajo{border-left-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.student-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.student-info h4{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 .25rem}.student-info p{color:#64748b;margin:0 0 .3rem;font-size:.85rem}.materia-badge{background:#eef2ff;color:#4f46e5;padding:.2rem .5rem;border-radius:16px;font-size:.75rem;font-weight:600}.student-metrics{display:flex;align-items:center;gap:1rem}.performance-badge{padding:.3rem .6rem;border-radius:16px;font-weight:600;font-size:.7rem;text-transform:uppercase}.performance-badge.alto{background:#dcfce7;color:#166534}.performance-badge.medio{background:#fef3c7;color:#92400e}.performance-badge.bajo{background:#fee2e2;color:#991b1b}.score{font-size:1.25rem;font-weight:700;color:#1e293b}.student-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:.75rem;padding:.75rem;background:#f8fafccc;border-radius:10px}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{color:#64748b;font-weight:500;font-size:.9rem}.detail-value{color:#1e293b;font-weight:600;font-size:.9rem}.notebooks-progress{background:#f8fafccc;padding:.75rem;border-radius:10px;margin-top:.75rem}.notebooks-progress h5{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.notebook-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.notebook-item:last-child{border-bottom:none}.notebook-name{flex:1;color:#374151;font-weight:500;font-size:.85rem}.notebook-stats{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#64748b}.progress-bar-container{width:100px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b;gap:1rem}.retry-btn{background:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#4338ca;transform:translateY(-1px)}.no-students{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#64748b;gap:1rem}@media (max-width: 768px){.teacher-analytics{padding:1rem}.analytics-header{flex-direction:column;gap:1rem;align-items:flex-start}.analytics-filters{flex-direction:column;gap:1rem}.student-header{flex-direction:column;gap:1rem;align-items:flex-start}.student-details{grid-template-columns:1fr}.notebook-item{flex-direction:column;gap:.5rem;align-items:flex-start}.notebook-stats{width:100%;justify-content:space-between}}.custom-calendar{max-width:950px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;overflow:hidden;height:85vh;max-height:850px;min-height:650px;display:flex;flex-direction:column}.calendar-header{display:flex;align-items:center;justify-content:center;padding:1rem 2rem;margin-top:40px;background:#fff;border-bottom:2px solid #f1f5f9;color:#1f2937;position:relative}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:3rem}.calendar-title{font-size:1.5rem;font-weight:700;margin:0;text-align:center;letter-spacing:-.025em;min-width:250px;color:#1f2937}.view-buttons{position:absolute;right:2rem;display:flex;gap:0;background:#f8fafc;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.view-btn{background:transparent;border:none;color:#64748b;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.view-btn:not(:last-child){border-right:1px solid #e2e8f0}.view-btn:hover{background:#e2e8f0;color:#475569}.view-btn.active{background:#6366f1;color:#fff;font-weight:600}.nav-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1rem}.nav-btn:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0}.calendar-weekdays.day-view{display:none}.weekday{padding:1rem .5rem;text-align:center;font-weight:600;font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.calendar-grid{display:grid;gap:1px;background:#e5e7eb;flex:1;overflow:hidden}.calendar-grid.month{grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr)}.calendar-grid.week{grid-template-columns:repeat(7,1fr);grid-template-rows:1fr}.calendar-day{background:#fff;padding:.75rem .5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.day-schedule{background:#fff;flex:1;display:flex;flex-direction:column;overflow:hidden}.day-schedule-header{padding:1rem 2rem;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0}.day-schedule-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#374151}.hour-grid{flex:1;overflow-y:auto;overflow-x:hidden}.hour-slot{display:flex;border-bottom:1px solid #f3f4f6;min-height:35px;position:relative}.hour-label{width:80px;padding:.5rem;background:#f9fafb;border-right:1px solid #e5e7eb;font-size:.75rem;font-weight:500;color:#6b7280;display:flex;align-items:flex-start;justify-content:center;position:sticky;left:0}.hour-content{flex:1;padding:.5rem;cursor:pointer;transition:background-color .2s ease;position:relative}.hour-content:hover{background:#f9fafb}.hour-event{background:#6366f1;color:#fff;padding:.5rem;border-radius:4px;margin-bottom:.25rem;cursor:pointer;transition:all .2s ease}.hour-event:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.hour-event-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.hour-event-description{font-size:.75rem;opacity:.9;line-height:1.3}.current-time-indicator{position:absolute;left:0;right:0;height:2px;background:#ef4444;z-index:10;pointer-events:none}.hour-slot.current-hour{background:#ef44440d}.hour-slot.off-hours{background:#f8f9fa;opacity:.7}.hour-slot.off-hours .hour-label{color:#9ca3af;background:#f3f4f6}.hour-slot.off-hours .hour-content{background:#fafafa}.week-schedule{background:#fff;flex:1;display:flex;flex-direction:column;overflow:hidden}.week-schedule-header{padding:1rem 2rem;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0}.week-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;margin-left:80px}.week-day-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.week-day-header.today{background:#fef3c7;padding:.5rem;border-radius:8px}.week-day-name{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.week-day-number{font-size:1.25rem;font-weight:700;color:#374151}.week-day-header.today .week-day-number{background:#f59e0b;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.week-hour-grid{flex:1;overflow-y:auto;overflow-x:hidden}.week-hour-row{display:flex;border-bottom:1px solid #f3f4f6;min-height:35px;position:relative}.week-hour-row.off-hours{background:#f8f9fa;opacity:.7}.week-hour-label{width:80px;padding:.5rem;background:#f9fafb;border-right:1px solid #e5e7eb;font-size:.75rem;font-weight:500;color:#6b7280;display:flex;align-items:flex-start;justify-content:center;position:sticky;left:0;z-index:2}.week-hour-row.off-hours .week-hour-label{color:#9ca3af;background:#f3f4f6}.week-hour-slots{display:grid;grid-template-columns:repeat(7,1fr);flex:1}.week-hour-slot{border-right:1px solid #e5e7eb;position:relative;min-height:35px}.week-hour-slot.current-hour{background:#ef44440d}.week-hour-slot.today{background:#f59e0b05}.week-hour-content{height:100%;min-height:35px;padding:.25rem;cursor:pointer;transition:background-color .2s ease;position:relative}.week-hour-content:hover{background:#f9fafb}.week-event{background:#6366f1;color:#fff;padding:.25rem .5rem;border-radius:3px;margin-bottom:.125rem;cursor:pointer;transition:all .2s ease;font-size:.75rem}.week-event:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.week-event-title{font-weight:600;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-event-description{font-size:.625rem;opacity:.9;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.week-header{grid-template-columns:60px repeat(7,1fr)}.week-grid{grid-template-columns:60px 1fr}.week-hours{width:60px}.week-hour-label{padding:.25rem;font-size:.7rem}.week-day-header{padding:.5rem .25rem}.week-day-name{font-size:.7rem}.week-day-number{font-size:1rem}.week-day-header.today .week-day-number{width:28px;height:28px}.week-event{padding:.125rem .25rem;font-size:.7rem}.week-event-title{font-size:.7rem}.week-event-description{font-size:.6rem}}.day-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.day-name{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase}.calendar-day:hover{background:#f9fafb}.calendar-day.selected{background:#eff6ff;border:2px solid #3b82f6}.calendar-day.today{background:#fef3c7}.calendar-day.today .day-number{background:#f59e0b;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.calendar-day.other-month{background:#f8fafc;color:#9ca3af;cursor:default}.calendar-day.other-month:hover{background:#f8fafc}.day-number{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;align-self:flex-start}.day-events{flex:1;display:flex;flex-direction:column;gap:2px;margin-top:auto}.event-dot{background:#6366f1;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event-dot:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.event-title{display:block;overflow:hidden;text-overflow:ellipsis}.more-events{font-size:.7rem;color:#374151;font-weight:600;text-align:center;padding:4px 6px;background:#e5e7eb;border-radius:4px;margin-top:3px;border:1px solid #d1d5db;cursor:pointer;transition:all .2s ease}.more-events:hover{background:#d1d5db;color:#1f2937;transform:translateY(-1px)}.event-detail{background:#fff;border-left:4px solid #6366f1;border-radius:4px;padding:.75rem;margin-bottom:.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease}.event-detail:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.event-time{font-size:.75rem;color:#6b7280;font-weight:500;margin-bottom:.25rem}.event-detail .event-title{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem}.event-description{font-size:.75rem;color:#6b7280;line-height:1.4}.calendar-actions{padding:1rem 2rem;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:center;flex-shrink:0}.add-event-btn{background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;font-size:.875rem}.add-event-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.add-event-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.event-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}.close-btn:hover{color:#374151}.modal-body{padding:1.5rem 2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.modal-footer{padding:1rem 2rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-actions{display:flex;gap:.75rem}.cancel-btn,.save-btn,.delete-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem;border:none}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.save-btn{background:#10b981;color:#fff}.save-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.save-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.delete-btn{background:#ef4444;color:#fff;display:flex;align-items:center;gap:.5rem}.delete-btn:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width: 768px){.custom-calendar{margin:0;border-radius:0;border-left:none;border-right:none;height:100vh;max-height:none}.calendar-header{padding:1rem 1.5rem;flex-direction:column;gap:1rem}.calendar-nav{justify-content:center;gap:1.5rem}.nav-btn{width:32px;height:32px;font-size:.875rem}.view-buttons{position:static;align-self:center}.calendar-title{font-size:1.25rem;min-width:180px}.view-buttons{align-self:center}.view-btn{padding:.5rem .75rem;font-size:.75rem}.calendar-day{padding:.5rem .25rem}.hour-slot{min-height:35px}.hour-label{width:60px;padding:.25rem;font-size:.7rem}.day-schedule-header{padding:.75rem 1rem}.day-schedule-header h3{font-size:1.1rem}.weekday{padding:.75rem .25rem;font-size:.75rem}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:1rem;align-items:stretch}.modal-actions{justify-content:center}}@media (max-width: 480px){.calendar-header{padding:.75rem 1rem}.calendar-nav{gap:1rem;width:100%;display:flex;align-items:center}.nav-btn{width:28px;height:28px;font-size:.75rem}.calendar-title{font-size:1.1rem;min-width:150px}.view-buttons{transform:scale(.9)}.calendar-day{min-height:60px}.day-number{font-size:.75rem}.event-dot{font-size:.6rem;padding:1px 4px}}.event-modal-compact{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;border:1px solid #e5e7eb}.modal-header-compact{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;background:#fafbfc}.modal-header-compact h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.close-btn-compact{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.close-btn-compact:hover{background:#f3f4f6;color:#374151}.modal-body-compact{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.form-group-compact{display:flex;flex-direction:column;gap:.375rem}.form-group-compact.half{flex:1}.form-group-compact label{font-size:.875rem;font-weight:500;color:#374151}.form-group-compact input,.form-group-compact select,.form-group-compact textarea{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:#fff}.form-group-compact input:focus,.form-group-compact select:focus,.form-group-compact textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group-compact textarea{resize:vertical;min-height:60px;font-family:inherit}.form-row-compact{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-footer-compact{padding:1rem 1.25rem;border-top:1px solid #f1f5f9;background:#fafbfc}.modal-actions-compact{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.cancel-btn-compact,.save-btn-compact{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.cancel-btn-compact{background:#fff;color:#6b7280;border-color:#d1d5db}.cancel-btn-compact:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}.save-btn-compact{background:#6366f1;color:#fff;border-color:#6366f1}.save-btn-compact:hover:not(:disabled){background:#5b5bd6;border-color:#5b5bd6}.save-btn-compact:disabled{opacity:.5;cursor:not-allowed}.delete-btn-compact{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;margin-right:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.delete-btn-compact:hover{background:#fee2e2;border-color:#fca5a5}@media (max-width: 480px){.event-modal-compact{max-width:95vw;margin:0 1rem}.form-row-compact{grid-template-columns:1fr}.modal-actions-compact{flex-direction:column;gap:.5rem}.cancel-btn-compact,.save-btn-compact{width:100%}.delete-btn-compact{margin:0 0 .5rem;width:100%}}.event-modal-mini{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #00000026;width:100%;max-width:320px;border:1px solid #e5e7eb}.modal-header-mini{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;background:#fafbfc}.modal-header-mini h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.close-btn-mini{background:none;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer;padding:.125rem;border-radius:4px;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn-mini:hover{background:#f3f4f6;color:#374151}.modal-body-mini{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.form-group-mini{display:flex;flex-direction:column}.form-group-mini input,.form-group-mini select{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;transition:all .2s ease;background:#fff}.form-group-mini input:focus,.form-group-mini select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.form-row-mini{display:grid;grid-template-columns:1fr 90px;gap:.5rem}.form-row-mini input,.form-row-mini select{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;transition:all .2s ease;background:#fff}.form-row-mini input:focus,.form-row-mini select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.type-selector option{padding:.5rem}.type-selector option[value=custom]{color:#6366f1}.type-selector option[value=study]{color:#10b981}.type-selector option[value=quiz]{color:#f59e0b}.modal-footer-mini{padding:.75rem 1rem;border-top:1px solid #f1f5f9;background:#fafbfc;display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.cancel-btn-mini,.save-btn-mini{padding:.375rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.cancel-btn-mini{background:#fff;color:#6b7280;border-color:#d1d5db}.cancel-btn-mini:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}.save-btn-mini{background:#6366f1;color:#fff;border-color:#6366f1}.save-btn-mini:hover:not(:disabled){background:#5b5bd6;border-color:#5b5bd6}.save-btn-mini:disabled{opacity:.5;cursor:not-allowed}.delete-btn-mini{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:4px;padding:.375rem;cursor:pointer;transition:all .2s ease;margin-right:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.75rem}.delete-btn-mini:hover{background:#fee2e2;border-color:#fca5a5}@media (max-width: 480px){.event-modal-mini{max-width:90vw;margin:0 1rem}.form-row-mini{grid-template-columns:1fr}.modal-footer-mini{flex-wrap:wrap;gap:.375rem}.cancel-btn-mini,.save-btn-mini{flex:1;min-width:70px}}.event-modal-narrow{background:#fff;border-radius:6px;box-shadow:0 15px 30px -5px #0003;width:100%;max-width:150px;min-height:520px;border:1px solid #e5e7eb;display:flex;flex-direction:column}.modal-header-narrow{display:flex;align-items:center;justify-content:center;padding:.5rem;border-bottom:1px solid #f1f5f9;background:#fafbfc;flex-shrink:0;position:relative}.modal-header-narrow h3{margin:0;font-size:.8rem;font-weight:600;color:#1f2937;text-align:center;line-height:1.2}.close-btn-narrow{background:none;border:none;font-size:1rem;color:#6b7280;cursor:pointer;padding:.125rem;border-radius:4px;transition:all .2s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;top:.25rem;right:.25rem}.close-btn-narrow:hover{background:#f3f4f6;color:#374151}.modal-body-narrow{padding:.75rem .5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.form-group-narrow{display:flex;flex-direction:column;gap:.25rem}.form-group-narrow label{font-size:.7rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.form-group-narrow input,.form-group-narrow select,.form-group-narrow textarea{padding:.375rem;border:1px solid #d1d5db;border-radius:3px;font-size:.75rem;transition:all .2s ease;background:#fff;width:100%;box-sizing:border-box}.form-group-narrow input:focus,.form-group-narrow select:focus,.form-group-narrow textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.form-group-narrow textarea{resize:vertical;min-height:50px;font-family:inherit}.form-group-narrow .type-selector{font-size:.7rem}.form-group-narrow .type-selector option{padding:.25rem;font-size:.7rem}.form-group-narrow .type-selector option[value=custom]{color:#6366f1}.form-group-narrow .type-selector option[value=study]{color:#10b981}.form-group-narrow .type-selector option[value=quiz]{color:#f59e0b}.form-group-narrow .type-selector option[value=""]{color:#6b7280}.modal-footer-narrow{padding:.5rem;border-top:1px solid #f1f5f9;background:#fafbfc;display:flex;flex-direction:column;gap:.375rem;flex-shrink:0}.cancel-btn-narrow,.save-btn-narrow{padding:.375rem;border-radius:3px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid;width:100%;text-align:center}.cancel-btn-narrow{background:#fff;color:#6b7280;border-color:#d1d5db}.cancel-btn-narrow:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}.save-btn-narrow{background:#6366f1;color:#fff;border-color:#6366f1}.save-btn-narrow:hover:not(:disabled){background:#5b5bd6;border-color:#5b5bd6}.save-btn-narrow:disabled{opacity:.5;cursor:not-allowed}.delete-btn-narrow{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:3px;padding:.375rem;cursor:pointer;transition:all .2s ease;width:100%;height:32px;display:flex;align-items:center;justify-content:center;font-size:.7rem;margin-bottom:.25rem}.delete-btn-narrow:hover{background:#fee2e2;border-color:#fca5a5}@media (max-width: 480px){.event-modal-narrow{max-width:140px;margin:0 .5rem;min-height:480px}.modal-header-narrow h3{font-size:.75rem}.form-group-narrow label{font-size:.65rem}.form-group-narrow input,.form-group-narrow select,.form-group-narrow textarea{font-size:.7rem;padding:.25rem}}.modal-overlay-small{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.event-modal-small{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;width:360px;max-width:90vw;border:1px solid #e5e7eb;overflow:hidden}.modal-header-small{display:flex;align-items:center;justify-content:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#6366f1,#8b5cf6);position:relative}.modal-header-small span{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.025em;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.1)}.close-btn-small{background:#fff3;border:1px solid rgba(255,255,255,.3);font-size:1.25rem;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:1rem;right:1rem}.close-btn-small:hover{background:#ffffff4d;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.modal-content-small{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;background:#fafbfc}.input-small,.select-small,.textarea-small{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;background:#fff;box-sizing:border-box;transition:all .3s ease;font-weight:500;box-shadow:0 1px 3px #0000001a;font-family:inherit}.textarea-small{resize:vertical;min-height:80px;line-height:1.5}.input-small:focus,.select-small:focus,.textarea-small:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f,0 4px 12px #00000026;transform:translateY(-2px)}.input-small.error,.select-small.error,.textarea-small.error{border-color:#dc2626;background:#fef2f2;box-shadow:0 1px 3px #dc26261a}.input-small.error:focus,.select-small.error:focus,.textarea-small.error:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261f,0 4px 12px #dc262626}.input-small::placeholder,.textarea-small::placeholder{color:#9ca3af;font-weight:400}.type-select-small option[value=custom]{color:#6366f1}.type-select-small option[value=study]{color:#10b981}.type-select-small option[value=quiz]{color:#f59e0b}.modal-footer-small{padding:1.5rem;border-top:1px solid #f1f5f9;background:#fff;display:flex;gap:1rem;align-items:center}.buttons-row{display:flex;gap:1rem;flex:1}.btn-delete-small{background:#fef2f2;color:#dc2626;border:2px solid #fecaca;border-radius:10px;padding:.75rem;cursor:pointer;font-size:1.1rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-right:auto;transition:all .3s ease;box-shadow:0 2px 4px #dc26261a}.btn-delete-small:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 12px #dc262640}.btn-cancel-small,.btn-save-small{padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;border:2px solid;transition:all .3s ease;flex:1;box-shadow:0 2px 4px #0000001a}.btn-cancel-small{background:#fff;color:#6b7280;border-color:#d1d5db}.btn-cancel-small:hover{background:#f9fafb;color:#374151;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-save-small{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f1}.btn-save-small:hover:not(:disabled){background:linear-gradient(135deg,#5b5bd6,#7c3aed);border-color:#5b5bd6;transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-save-small:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.event-modal-small{width:320px}.modal-header-small{padding:1.25rem 1.25rem .75rem}.modal-header-small span{font-size:1.1rem}.close-btn-small{width:28px;height:28px;top:.75rem;right:.75rem}.modal-content-small{padding:1.5rem 1.25rem;gap:1rem}.input-small,.select-small,.textarea-small{font-size:.9rem;padding:.875rem}.textarea-small{min-height:70px}.modal-footer-small{padding:1.25rem;gap:.75rem}.btn-cancel-small,.btn-save-small{font-size:.9rem;padding:.625rem 1.25rem}.btn-delete-small{width:40px;height:40px;font-size:1rem}}.student-exams-main{padding:2rem;background:#f8fafc;min-height:calc(100vh - 64px);width:100%}.content-wrapper:has(.student-exams-main){margin-left:60px;padding-top:64px;width:calc(100vw - 60px);transition:all .3s cubic-bezier(.4,0,.2,1)}.student-exams-page{padding:0;width:100%;background:transparent;min-height:100%;max-width:1400px;margin:0 auto}.student-exams-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);background:#f8fafc;gap:1rem}.student-exams-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;padding:4rem 2rem}.student-exams-loading p,.student-exams-loading-content p{font-size:1.1rem;color:#6b7280;margin:0}.exams-filters{display:flex;gap:1rem;margin-bottom:5rem;background:#fff;padding:1rem 1rem 1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-bottom:2px solid #e0e0e0}.student-exams-page .student-exams-filters{display:flex!important;gap:1rem!important;margin-bottom:3rem!important;background:transparent!important;padding:1.5rem 1.5rem 2rem!important;border-radius:0!important;box-shadow:none!important;border:none!important;border-bottom:1px solid #e0e0e0!important;position:relative!important}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.95rem}.filter-btn:hover{border-color:#6147ff;color:#6147ff;transform:translateY(-1px)}.filter-btn.active{background:#6147ff;border-color:#6147ff;color:#fff;box-shadow:0 4px 12px #6147ff4d}.filter-btn i{font-size:1rem}.exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.exam-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.exam-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.exam-card.available:hover{border-color:#10b981}.exam-card.in-progress:hover{border-color:#f59e0b}.exam-card.completed:hover{border-color:#6147ff}.exam-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.exam-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;border-radius:50%;font-size:1.5rem;color:#fff}.exam-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;margin:0 auto 1rem;width:fit-content}.exam-status.available{background:#e8f5e9;color:#2e7d32;border:1px solid #81c784}.exam-status.in-progress{background:#fff3e0;color:#f57c00;border:1px solid #ffb74d}.exam-status.completed{background:#f3e5f5;color:#6a1b9a;border:1px solid #ba68c8}.exam-card-body{padding:1.5rem;position:relative}.exam-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;line-height:1.4;text-align:center}.exam-description{color:#6b7280;font-size:.95rem;margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.exam-meta{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.exam-subject,.exam-score{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.exam-subject i,.exam-score i{color:#9ca3af}.exam-score{color:#10b981;font-weight:600}.exam-score i{color:#fbbf24}.exam-card-footer{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb}.exam-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem}.exam-action-btn.available{background:#10b981;color:#fff}.exam-action-btn.available:hover{background:#059669;transform:translateY(-1px)}.exam-action-btn.in-progress{background:#f59e0b;color:#fff}.exam-action-btn.in-progress:hover{background:#d97706;transform:translateY(-1px)}.exam-action-btn.completed{background:#6147ff;color:#fff}.exam-action-btn.completed:hover{background:#5338d4;transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a}.empty-state h3{font-size:1.5rem;color:#1f2937;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:1rem;margin:0 0 2rem;max-width:400px;line-height:1.6}.empty-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem;min-height:60vh;background:linear-gradient(135deg,#f5f3ff,#fff,#fff5f5);border-radius:24px;box-shadow:0 10px 40px #6147ff1a;position:relative;overflow:hidden}.empty-state-enhanced:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(97,71,255,.03) 0%,transparent 70%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.empty-state-illustration{position:relative;margin-bottom:2.5rem}.illustration-circle{width:120px;height:120px;background:linear-gradient(135deg,#6147ff,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #6147ff4d;position:relative;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.illustration-circle i{font-size:3.5rem;color:#fff}.decoration-dots{position:absolute;width:100%;height:100%;top:0;left:0}.dot{position:absolute;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#6147ff,#764ba2)}.dot-1{top:-20px;right:-20px;animation:float-dot 4s ease-in-out infinite}.dot-2{bottom:-15px;left:-25px;width:8px;height:8px;animation:float-dot 4s ease-in-out 1s infinite}.dot-3{top:50%;right:-40px;width:6px;height:6px;animation:float-dot 4s ease-in-out 2s infinite}@keyframes float-dot{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#6147ff,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.25rem;position:relative;z-index:1}.empty-state-description{font-size:1.125rem;color:#6b7280;max-width:500px;line-height:1.7;margin:0 0 2.5rem;position:relative;z-index:1}.empty-state-actions{display:flex;gap:1rem;margin-bottom:3rem;position:relative;z-index:1}.btn-primary-gradient{padding:1rem 2rem;background:linear-gradient(135deg,#6147ff,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #6147ff4d}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6147ff66}.btn-primary-gradient i{font-size:1.1rem}.btn-primary-outline{padding:1rem 2rem;background:#fff;color:#6147ff;border:2px solid #6147FF;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.btn-primary-outline:hover{background:#f5f3ff;transform:translateY(-2px);box-shadow:0 4px 15px #6147ff33}.btn-primary-outline i{font-size:1rem}.empty-state-tips{position:relative;z-index:1}.tip-card{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:#ffffffe6;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid rgba(97,71,255,.1);text-align:center}.tip-card i{font-size:1.25rem;color:#fbbf24}.tip-card span{font-size:.95rem;color:#6b7280;font-style:italic}.btn-secondary{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}@media (max-width: 768px){.student-exams-main{padding:1rem}.student-exams-page{padding:0}.content-wrapper:has(.student-exams-main){margin-left:0;width:100vw}.exams-filters{flex-direction:column;gap:.75rem}.filter-btn{justify-content:center;width:100%}.exams-grid{grid-template-columns:1fr;gap:1rem}.exam-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.empty-state-enhanced{padding:4rem 1.5rem;min-height:50vh}.empty-state-title{font-size:1.75rem}.empty-state-description{font-size:1rem}.empty-state-actions{flex-direction:column;width:100%}.btn-primary-gradient,.btn-primary-outline{width:100%;justify-content:center}}@media (max-width: 480px){.exam-card-header,.exam-card-body,.exam-card-footer{padding:1rem}.exam-title{font-size:1.125rem}.empty-state-enhanced{padding:3rem 1rem}.illustration-circle{width:100px;height:100px}.illustration-circle i{font-size:2.5rem}.empty-state-title{font-size:1.5rem}.tip-card{flex-direction:column;text-align:center;gap:.5rem}}.exam-loading,.exam-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.exam-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(102,126,234,.2);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.exam-error h2{color:#dc2626;margin-bottom:1rem}.exam-error button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease}.exam-error button:hover{background:#5a67d8;transform:translateY(-2px)}.options-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.option-button{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-size:1rem}.option-button:hover:not(:disabled){border-color:#667eea;background:#f5f3ff;transform:translate(4px)}.option-button.selected{background:#667eea;color:#fff;border-color:#667eea}.option-button.correct{background:#10b981!important;color:#fff!important;border-color:#10b981!important;transform:scale(1.02)}.option-button.incorrect{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;animation:shake .3s ease}.option-button.show-correct{border-color:#10b981!important;border-width:3px}.option-button:disabled{opacity:.5;cursor:not-allowed}.option-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border-radius:50%;font-weight:600;flex-shrink:0}.option-button.selected .option-letter{background:#fff;color:#667eea}.option-text{flex:1;line-height:1.5}.exam-footer .exam-progress-info{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem}.exam-footer .progress-text{font-size:1rem;color:#6b7280;font-weight:500}.exam-footer .saving-indicator{display:flex;align-items:center;gap:.5rem;color:#667eea;font-size:.875rem}.exam-start-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative}.exam-start-card{background:#fff;border-radius:20px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 40px #0000001a;animation:fadeInScale .4s ease-out forwards;transform-origin:center center;position:relative;margin:0 auto}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.exam-start-card h1{margin:0 0 1rem;font-size:2rem;font-weight:700;color:#1f2937;text-align:center}.exam-start-card>p{color:#6b7280;text-align:center;margin-bottom:2rem;font-size:1.1rem}.exam-instructions{background:#f9fafb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.exam-instructions h3{margin:0 0 1rem;color:#374151;font-size:1.25rem;font-weight:600}.exam-instructions ul{margin:0;padding-left:1.5rem}.exam-instructions li{margin-bottom:.75rem;color:#4b5563;line-height:1.6}.exam-instructions li.warning{color:#dc2626;font-weight:500}.start-exam-button{width:100%;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.start-exam-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea66}.exam-interface{min-height:100vh;display:flex;flex-direction:column;background:#f9fafb}.exam-header{background:#fff;padding:1.5rem 2rem;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.exam-progress-info{flex:1;max-width:500px}.question-counter{display:block;font-size:.9rem;color:#6b7280;margin-bottom:.5rem}.progress-bar-exam{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill-exam{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.exam-timer{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#374151;padding:.75rem 1.5rem;background:#f3f4f6;border-radius:12px}.exam-timer i{color:#667eea}.exam-timer.timer-warning{background:#fee2e2}.exam-timer.timer-warning i,.exam-timer.timer-warning span{color:#dc2626;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.exam-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.question-container{background:#fff;border-radius:20px;padding:3rem;max-width:800px;width:100%;box-shadow:0 10px 30px #0000001a;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.question-term{margin:0 0 2rem;font-size:2rem;font-weight:700;color:#1f2937;text-align:center;line-height:1.4}.answer-section label{display:block;margin-bottom:1rem;font-weight:600;color:#374151;font-size:1.1rem}.answer-textarea{width:100%;min-height:200px;padding:1.5rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1.1rem;line-height:1.6;resize:vertical;transition:all .2s ease;font-family:inherit}.answer-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.answer-textarea:disabled{background:#f9fafb;cursor:not-allowed}.exam-footer{background:#fff;padding:1.5rem 2rem;box-shadow:0 -2px 10px #0000000d;display:flex;justify-content:center;align-items:center;gap:2rem}.exam-controls{display:flex;gap:1rem}.next-button,.finish-button{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.next-button{background:#667eea;color:#fff}.next-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.finish-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.finish-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b9814d}.next-button:disabled,.finish-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.saving-indicator{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.saving-indicator i{color:#667eea}@media (max-width: 768px){.exam-start-card,.question-container{padding:2rem}.exam-start-card h1{font-size:1.5rem}.exam-header{flex-direction:column;gap:1rem;padding:1rem}.exam-progress-info{width:100%}.exam-timer{font-size:1.25rem;padding:.5rem 1rem}.question-term{font-size:1.5rem}.answer-textarea{min-height:150px;font-size:1rem}.exam-footer{padding:1rem}.next-button,.finish-button{padding:.75rem 1.5rem;font-size:1rem}.options-container{gap:.75rem}.option-button{padding:.75rem 1rem;font-size:.9rem}.option-letter{width:35px;height:35px;font-size:.875rem}}.exam-interface.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.exam-interface .question-term{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.exam-results-page{background:#fff;position:relative;overflow-x:hidden;padding:0;width:100%}.exam-results-page:before{content:"";position:fixed;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:backgroundMove 20s linear infinite;pointer-events:none}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.exam-results-loading,.exam-results-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.exam-results-loading .loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.exam-results-error h2{color:#fff;margin-bottom:1rem;font-size:2rem}.exam-results-error button{padding:1rem 2rem;background:#fff;color:#667eea;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 30px #0003}.exam-results-error button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #0000004d}.exam-results-header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.2)}.back-to-study-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:#fffffff2;border:none;border-radius:50px;color:#667eea;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #0000001a}.back-to-study-btn:hover{transform:translate(-5px) scale(1.05);box-shadow:0 6px 20px #00000026}.back-to-study-btn i{transition:transform .3s ease}.back-to-study-btn:hover i{transform:translate(-3px)}.exam-results-container{max-width:1200px;margin:0 auto;padding:3rem 2rem;position:relative;z-index:1;display:flex;flex-direction:column;gap:3rem}.results-hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:30px;position:relative;overflow:hidden;animation:heroSlideIn .6s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.results-hero:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:80%;background:radial-gradient(circle,#667eea 0%,transparent 70%);opacity:.05;border-radius:50%}.results-hero:after{content:"";position:absolute;bottom:-40%;left:-30%;width:70%;height:70%;background:radial-gradient(circle,#764ba2 0%,transparent 70%);opacity:.05;border-radius:50%}.results-icon{font-size:6rem;margin-bottom:2rem;display:inline-block;animation:trophy-bounce .8s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 10px 20px rgba(16,185,129,.3));position:relative;z-index:1}@keyframes trophy-bounce{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.results-title{font-size:3rem;font-weight:800;color:#1f2937;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleFadeIn .8s ease-out}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-subtitle{color:#6b7280;font-size:1.25rem;margin-bottom:2.5rem;font-weight:500;animation:titleFadeIn .8s ease-out}.score-display{display:inline-flex;align-items:baseline;gap:.75rem;padding:1.25rem 2rem;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:20px;border:2px solid;position:relative;animation:scorePopIn .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scorePopIn{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.score-value{font-size:3rem;font-weight:900;line-height:1;animation:numberCountUp 1s ease-out}@keyframes numberCountUp{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}.score-label{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;animation:statsSlideUp .8s ease-out}@keyframes statsSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#667eea1a}.stat-icon.correct{color:#10b981;background:#10b9811a}.stat-icon.incorrect{color:#ef4444;background:#ef44441a}.stat-icon.time{color:#f59e0b;background:#f59e0b1a}.stat-icon.percentage{color:#8b5cf6;background:#8b5cf61a}.stat-value{font-size:2.5rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;line-height:1}.stat-label{color:#6b7280;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.results-details{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000001a;animation:detailsFadeIn .8s ease-out}@keyframes detailsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-details h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.results-details h2:before{content:"📊";font-size:1.5rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.detail-item{display:flex;justify-content:space-between;padding:1rem;background:#667eea0d;border-radius:12px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.detail-item:hover{background:#667eea1a;transform:translate(5px)}.detail-label{color:#6b7280;font-weight:500;font-size:.95rem}.detail-value{color:#1f2937;font-weight:700;font-size:1.05rem}.answer-review{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;animation:reviewSlideIn .8s ease-out}@keyframes reviewSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.answer-review h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.answer-review h2:before{content:"📝";font-size:1.5rem}.answers-list{display:flex;flex-direction:column;gap:1.25rem}.answer-item{display:flex;align-items:stretch;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;border:2px solid transparent}.answer-item:hover{transform:translate(8px);box-shadow:0 8px 25px #0000001f}.answer-item.correct{border-color:#10b9814d;background:linear-gradient(to right,rgba(16,185,129,.03) 0%,transparent 100%)}.answer-item.incorrect{border-color:#ef44444d;background:linear-gradient(to right,rgba(239,68,68,.03) 0%,transparent 100%)}.answer-number{display:flex;align-items:center;justify-content:center;min-width:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.25rem;font-weight:700}.answer-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.answer-question{font-size:1.1rem;color:#1f2937;line-height:1.5}.answer-question strong{color:#667eea}.answer-response{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;background:#667eea0d;border-radius:8px;border-left:3px solid #667eea}.response-label{color:#6b7280;font-size:.9rem;font-weight:500;white-space:nowrap}.response-text{color:#1f2937;font-weight:600;flex:1}.answer-meta{display:flex;gap:1.5rem;align-items:center;margin-top:.5rem}.time-spent{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.time-spent i{color:#f59e0b}.points-earned{font-weight:700;color:#10b981;font-size:1rem;background:#10b9811a;padding:.25rem .75rem;border-radius:20px}.answer-status{display:flex;align-items:center;justify-content:center;min-width:80px;font-size:2rem;background:#10b9811a}.answer-item.correct .answer-status{color:#10b981;background:#10b9811a}.answer-item.incorrect .answer-status{color:#ef4444;background:#ef44441a}.results-actions{display:flex;justify-content:center;gap:1.5rem;animation:actionsFadeIn .8s ease-out}@keyframes actionsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);border:none;position:relative;overflow:hidden}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 30px #667eea4d}.primary-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #667eea66}.secondary-btn{background:#fff;color:#667eea;box-shadow:0 10px 30px #0000001a;border:2px solid rgba(102,126,234,.2)}.secondary-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #00000026;background:#667eea0d}.primary-btn:before,.secondary-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.primary-btn:hover:before,.secondary-btn:hover:before{width:300px;height:300px}@media (max-width: 768px){.exam-results-container{padding:1.5rem;gap:2rem}.results-hero{padding:2.5rem 1.5rem}.results-title{font-size:2rem}.results-icon{font-size:4rem}.score-value{font-size:3rem}.results-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}.results-actions{flex-direction:column;width:100%}.primary-btn,.secondary-btn{width:100%;justify-content:center}.answer-item{flex-direction:column}.answer-number{width:100%;min-height:50px}.answer-status{width:100%;min-height:60px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.answer-item{animation:fadeInUp .5s ease-out}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(300px) rotate(720deg);opacity:0}}.results-hero.perfect-score:after{content:"🎉";position:absolute;top:20px;left:50%;font-size:2rem;animation:confetti 3s ease-out infinite}.exam-dashboard-page{min-height:100vh;background:#f9fafb}.exam-dashboard-loading,.exam-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.exam-dashboard-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(102,126,234,.2);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.exam-dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d}.exam-info h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#1f2937}.exam-description{margin:0 0 1rem;color:#6b7280;font-size:1.1rem;line-height:1.6}.exam-meta{display:flex;gap:1.5rem;align-items:center}.exam-status{display:flex;align-items:center;gap:.5rem;font-weight:500}.exam-status.active{color:#10b981}.exam-status.inactive{color:#6b7280}.exam-date{color:#6b7280;font-size:.95rem}.dashboard-actions{display:flex;gap:1rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.secondary{background:#e5e7eb;color:#374151}.action-btn.secondary:hover{background:#d1d5db;transform:translateY(-2px)}.action-btn.danger{background:#fee2e2;color:#dc2626}.action-btn.danger:hover{background:#fecaca;transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:center;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #0000001a}.stat-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px;font-size:1.5rem;color:#667eea}.stat-value{font-size:2rem;font-weight:700;color:#1f2937;line-height:1}.stat-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.results-controls{display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.filter-group,.sort-group{display:flex;align-items:center;gap:.75rem}.filter-group label,.sort-group label{font-weight:600;color:#374151}.filter-select,.sort-select{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;color:#374151;background:#fff;cursor:pointer;transition:all .2s ease}.filter-select:hover,.sort-select:hover{border-color:#d1d5db}.filter-select:focus,.sort-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.results-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.results-table{width:100%;border-collapse:collapse}.results-table thead{background:#f9fafb}.results-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.results-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.results-table tbody tr:hover{background:#f9fafb}.student-name{font-weight:600;color:#1f2937}.student-email{font-size:.875rem;color:#6b7280}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.in-progress{background:#fef3c7;color:#92400e}.status-badge.pending{background:#f3f4f6;color:#6b7280}.score-display{display:flex;align-items:baseline;gap:.25rem}.score-value{font-size:1.25rem;font-weight:700;color:#667eea}.score-label{font-size:.875rem;color:#6b7280}.correct-answers{font-weight:600;color:#374151}.view-details-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:none;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-details-btn:hover{background:#e5e7eb;transform:translate(2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.edit-modal{background:#fff;border-radius:16px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.edit-modal h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#1f2937}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;color:#1f2937;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:100px}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#374151}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.btn-secondary,.btn-primary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.btn-primary:hover{background:#5a67d8;transform:translateY(-2px)}.tab-switches-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.tab-switch-warning{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#fef3c7;color:#92400e;border-radius:20px;border:1px solid #fcd34d}.tab-switch-warning i{color:#f59e0b;font-size:.875rem}.tab-switch-ok{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#d1fae5;color:#065f46;border-radius:20px;border:1px solid #6ee7b7}.tab-switch-ok i{color:#10b981;font-size:.875rem}.tab-switch-na{color:#9ca3af;font-style:italic}@media (max-width: 1024px){.dashboard-header{flex-direction:column}.dashboard-actions{width:100%;justify-content:flex-start}}@media (max-width: 768px){.exam-dashboard-container{padding:1rem}.dashboard-header{padding:1.5rem}.exam-info h1{font-size:1.5rem}.exam-meta{flex-direction:column;gap:.5rem;align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.results-controls{flex-direction:column;gap:1rem}.results-table-container{overflow-x:auto}.results-table{min-width:800px}.modal-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e2e8f0;box-shadow:0 -4px 20px #0000001a;z-index:9999;padding:1.5rem;transform:translateY(100%);transition:transform .3s ease-out}.cookie-consent-banner.animate-in{transform:translateY(0)}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cookie-consent-text{flex:1}.cookie-consent-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.cookie-consent-description{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}.cookie-consent-actions{display:flex;gap:.75rem;flex-shrink:0}.cookie-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.cookie-btn-primary{background:var(--primary-color, #6147ff);color:#fff}.cookie-btn-primary:hover{background:var(--primary-dark, #5540e0);transform:translateY(-1px)}.cookie-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.cookie-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.cookie-btn-tertiary{background:transparent;color:#6b7280;border:1px solid #d1d5db}.cookie-btn-tertiary:hover{background:#f9fafb;color:#374151}.cookie-consent-links{margin-top:1rem;text-align:center;font-size:.75rem}.cookie-link{color:var(--primary-color, #6147ff);text-decoration:none;transition:color .2s ease}.cookie-link:hover{color:var(--primary-dark, #5540e0);text-decoration:underline}.cookie-separator{margin:0 .5rem;color:#d1d5db}@media (max-width: 1024px){.cookie-consent-content{flex-direction:column;align-items:stretch;gap:1.5rem}.cookie-consent-actions{justify-content:center;flex-wrap:wrap}}@media (max-width: 640px){.cookie-consent-banner{padding:1rem}.cookie-consent-actions{flex-direction:column}.cookie-btn{padding:.875rem 1rem;text-align:center}.cookie-consent-title{font-size:1rem}.cookie-consent-description{font-size:.8rem}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-banner.slide-in{animation:slideInUp .3s ease-out}@media (prefers-color-scheme: dark){.cookie-consent-banner{background:#111827fa;border-top-color:#374151}.cookie-consent-title{color:#f9fafb}.cookie-consent-description{color:#d1d5db}.cookie-btn-secondary{background:#374151;color:#f9fafb;border-color:#4b5563}.cookie-btn-secondary:hover{background:#4b5563}.cookie-btn-tertiary{color:#d1d5db;border-color:#4b5563}.cookie-btn-tertiary:hover{background:#374151;color:#f9fafb}.cookie-separator{color:#4b5563}}.legal-page-container{max-width:900px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-top:2rem;margin-bottom:2rem}.legal-content{color:#374151;line-height:1.7}.legal-header{text-align:center;margin-bottom:3rem;border-bottom:2px solid #e5e7eb;padding-bottom:2rem}.legal-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color, #6147ff),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{color:#6b7280;font-size:.9rem;font-style:italic;margin:0}.legal-section{margin-bottom:3rem}.legal-section h2{font-size:1.75rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;border-left:4px solid var(--primary-color, #6147ff);padding-left:1rem}.legal-section h3{font-size:1.25rem;font-weight:600;color:#374151;margin:2rem 0 1rem}.legal-section h4{font-size:1.1rem;font-weight:600;color:#374151;margin:1.5rem 0 .75rem}.legal-section p{margin-bottom:1rem;text-align:justify}.legal-section ul{margin:1rem 0;padding-left:1.5rem}.legal-section li{margin-bottom:.5rem}.info-box{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:1px solid #3b82f6;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.info-box h4{color:#1e40af;margin-top:0;margin-bottom:1rem}.info-box p{margin-bottom:.5rem;color:#1e3a8a}.warning-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.warning-box h4{color:#92400e;margin-top:0;margin-bottom:1rem}.warning-box p{margin-bottom:.5rem;color:#78350f}.cookie-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.cookie-type{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;transition:all .2s ease}.cookie-type:hover{border-color:var(--primary-color, #6147ff);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cookie-type h4{margin-top:0;margin-bottom:.75rem;color:#374151}.cookie-type p{margin:0;font-size:.9rem;color:#6b7280}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.usage-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.usage-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color, #6147ff),#8b5cf6)}.usage-item:hover{border-color:var(--primary-color, #6147ff);box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.usage-item h4{margin-top:0;margin-bottom:1rem;color:#1f2937}.usage-item p{margin-bottom:1rem;color:#6b7280;font-size:.9rem}.legal-basis{font-size:.8rem;color:#059669;background:#d1fae5;padding:.25rem .75rem;border-radius:20px;font-weight:500}.sharing-list{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.sharing-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.sharing-item h4{margin-top:0;margin-bottom:1rem;color:#1e293b}.sharing-item ul{margin:1rem 0}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:2rem 0}.right-item{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;padding:1.25rem;text-align:center;transition:all .2s ease}.right-item:hover{border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e933}.right-item h4{margin-top:0;margin-bottom:.75rem;color:#0c4a6e}.right-item p{margin:0;font-size:.9rem;color:#075985}.retention-table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.retention-table th{background:linear-gradient(135deg,var(--primary-color, #6147ff),#8b5cf6);color:#fff;padding:1rem;text-align:left;font-weight:600}.retention-table td{padding:1rem;border-bottom:1px solid #e5e7eb}.retention-table tr:nth-child(2n){background:#f9fafb}.retention-table tr:hover{background:#f3f4f6}.security-measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.security-item{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:12px;padding:1.25rem;text-align:center;transition:all .2s ease}.security-item:hover{border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.security-item h4{margin-top:0;margin-bottom:.75rem;color:#064e3b}.security-item p{margin:0;font-size:.9rem;color:#065f46}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.contact-method{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.contact-method h4{margin-top:0;margin-bottom:1rem;color:#1e293b}.contact-method p{margin-bottom:.5rem;color:#475569;font-size:.9rem}.legal-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid #e5e7eb;text-align:center;color:#6b7280;font-style:italic}@media (max-width: 768px){.legal-page-container{padding:1.5rem;margin-top:1rem;margin-bottom:1rem}.legal-header h1{font-size:2rem}.legal-section h2{font-size:1.5rem}.usage-grid,.rights-grid,.security-measures,.contact-info,.cookie-types{grid-template-columns:1fr}.retention-table{font-size:.8rem}.retention-table th,.retention-table td{padding:.75rem .5rem}}@media (max-width: 480px){.legal-page-container{padding:1rem}.legal-header h1{font-size:1.75rem}.legal-section h2{font-size:1.25rem;padding-left:.75rem}.info-box,.warning-box,.usage-item,.sharing-item,.contact-method{padding:1rem}.retention-table{font-size:.7rem}.retention-table th,.retention-table td{padding:.5rem .25rem}}@media print{.legal-page-container{box-shadow:none;border-radius:0;max-width:none;margin:0}.legal-header h1{color:#000!important;background:none!important;-webkit-text-fill-color:initial!important}.usage-item:before{display:none}.info-box,.warning-box{border:1px solid #000;background:#f5f5f5}.retention-table{box-shadow:none}.retention-table th{background:#f0f0f0!important;color:#000!important}}@media (prefers-color-scheme: dark){.legal-page-container{background-color:#1f2937;color:#f9fafb}.legal-content{color:#e5e7eb}.legal-header{border-bottom-color:#374151}.legal-header h1{color:#f9fafb}.legal-section h2,.legal-section h3,.legal-section h4{color:#f3f4f6}.cookie-type,.sharing-item,.contact-method,.usage-item,.right-item,.security-item{background:#374151;border-color:#4b5563}.retention-table{background:#374151}.retention-table td{border-bottom-color:#4b5563}.retention-table tr:nth-child(2n){background:#4b5563}.retention-table tr:hover{background:#6b7280}.legal-footer{border-top-color:#374151;color:#9ca3af}}.payment-success-page{min-height:100vh;display:flex;flex-direction:column}.payment-success-container{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.success-card{background:#fff;border-radius:16px;padding:3rem 2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#1db173,#0a8754);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;font-weight:700;animation:scaleIn .5s ease-out .2s both}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.success-message{font-size:1.25rem;color:#4a5568;margin-bottom:2rem}.pro-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-left:.5rem}.success-details{background:#f7fafc;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.success-details p{color:#4a5568;margin-bottom:1rem}.benefits-list{list-style:none;padding:0;margin:1rem 0 0}.benefits-list li{color:#2d3748;padding:.5rem 0;font-weight:500}.redirect-message{color:#718096;font-size:.9rem;margin-bottom:1.5rem;font-style:italic}.btn-primary-success{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%}.btn-primary-success:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}@media (max-width: 768px){.success-card{padding:2rem 1.5rem}.success-title{font-size:1.5rem}.success-message{font-size:1.1rem}}.change-password-required-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.change-password-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:40px;max-width:500px;width:100%}.card-header{text-align:center;margin-bottom:30px}.card-header h1{font-size:28px;color:#333;margin-bottom:10px}.subtitle{color:#666;font-size:16px;line-height:1.5}.user-info{background:#f8f9fa;border-radius:10px;padding:15px 20px;margin-bottom:30px}.user-info p{margin:5px 0;color:#555}.user-info strong{color:#333}.password-form,.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.password-input-wrapper{position:relative}.form-group input{width:100%;padding:12px 45px 12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:5px;font-size:18px}.toggle-password:hover{color:#333}.error-message{background:#fee;color:#c33;padding:12px 15px;border-radius:8px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:10px}.password-requirements{background:#f8f9fa;border-radius:10px;padding:20px;margin-bottom:25px}.password-requirements h4{margin:0 0 15px;color:#333;font-size:16px}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{padding:8px 0;color:#666;display:flex;align-items:center;gap:10px;font-size:14px}.password-requirements li.valid{color:#28a745}.password-requirements li i{font-size:16px}.form-actions{display:flex;gap:15px;margin-top:25px}.btn-primary,.btn-secondary{flex:1;padding:14px 20px;border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f8f9fa;color:#666;border:2px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#ccc}.security-note{background:#e8f4fd;border-left:4px solid #2196f3;padding:15px 20px;border-radius:8px;display:flex;align-items:flex-start;gap:12px}.security-note i{color:#2196f3;font-size:20px;margin-top:2px}.security-note p{margin:0;color:#555;font-size:14px;line-height:1.5}@media (max-width: 768px){.change-password-card{padding:30px 20px}.card-header h1{font-size:24px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.fa-spin{animation:spin 1s linear infinite}.super-admin-container{min-height:100vh;color:#333}.welcome-section{margin-top:2rem;padding-top:1.5rem;text-align:center}.welcome-section h1{margin:0 0 1rem;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-section p{margin:0;color:#666;font-size:1.1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.action-buttons{display:flex;gap:.75rem;align-items:center}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.fix-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.fix-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.fix-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.debug-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.debug-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.debug-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.clear-filters-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.clear-filters-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.clear-filters-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.super-admin-container.with-header-sidebar{margin:0 0 0 60px;min-height:calc(100vh - 80px);padding:2rem}.super-admin-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:1rem 0;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center}.super-admin-header h1{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content{width:100%;margin:0 auto;padding:0;display:flex;justify-content:space-between;align-items:center}.super-admin-header .header-content h1{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button{background:#f8f9fa;color:#667eea;border:2px solid #667eea;padding:.5rem;border-radius:50%;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px}.back-button:hover{background:#667eea;color:#fff;transform:scale(1.1)}.back-button i{font-size:1rem}.super-admin-content{max-width:1200px;margin:0 auto}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1rem;box-shadow:0 8px 32px #0000001a}.tab-button{background:transparent;border:none;padding:1rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;color:#666}.tab-button:hover{background:#667eea1a;color:#667eea}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.tab-button.back-to-categories{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;margin-right:1rem}.tab-button.back-to-categories:hover{background:linear-gradient(135deg,#495057,#343a40);color:#fff}.admin-subtabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#f8f9faf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:.75rem;box-shadow:0 2px 8px #0000000d}.subtab-button{background:transparent;border:none;padding:.75rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;color:#666;font-size:.9rem}.subtab-button:hover{background:#667eea1a;color:#667eea}.subtab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.tab-content{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;box-shadow:0 8px 32px #0000001a;position:relative;min-height:500px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px;z-index:10}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.tab-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#333}.header-actions{display:flex;gap:.5rem;align-items:center}.realtime-indicator{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;animation:pulse 2s infinite}.realtime-indicator i{font-size:.875rem}@keyframes pulse{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666}.loading-message .spinner{margin-bottom:1rem}.loading-message p{margin:0;font-size:1.1rem;font-weight:500}.add-button,.execute-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.add-button:hover,.execute-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.refresh-button{background:#f8f9fa;color:#667eea;border:2px solid #667eea;padding:.5rem;border-radius:50%;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px}.refresh-button:hover{background:#667eea;color:#fff;transform:scale(1.1)}.refresh-button i{font-size:1rem}.check-button{background:#28a745;color:#fff;border:2px solid #28a745;padding:.5rem;border-radius:50%;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px}.check-button:hover{background:#218838;border-color:#218838;transform:scale(1.1)}.check-button i{font-size:1rem}.repair-button{background:#ffc107;color:#333;border:2px solid #ffc107;padding:.5rem;border-radius:50%;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px}.repair-button:hover{background:#e0a800;border-color:#e0a800;transform:scale(1.1)}.repair-button i{font-size:1rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.user-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;border:1px solid #f0f0f0;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.user-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.user-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.user-header h3{margin:0;font-size:1.3rem;font-weight:700;color:#333;flex:1}.badge{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.badge.FREE{background:#e3f2fd;color:#1976d2}.badge.PRO{background:#fff3e0;color:#f57c00}.badge.SCHOOL{background:#e8f5e8;color:#388e3c}.badge.SUPER_ADMIN{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.badge.university{background:#f3e5f5;color:#6b46c1}.user-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f8f9fa}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#666;font-size:.9rem;min-width:80px;flex-shrink:0}.detail-value{color:#333;font-size:.9rem;word-break:break-all}.user-id{font-family:Courier New,monospace;font-size:.8rem;color:#666;background:#f8f9fa;padding:.2rem .4rem;border-radius:4px}.user-actions{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.action-group{display:flex;flex-direction:column;gap:.5rem}.action-label{font-weight:600;color:#666;font-size:.9rem}.subscription-select,.role-select{padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;background:#fff;transition:all .3s ease;cursor:pointer}.subscription-select:focus,.role-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.action-buttons{display:flex;justify-content:flex-end;gap:.5rem}.delete-button{background:#ff4757;color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.delete-button:hover{background:#ff3742;transform:scale(1.05)}.institutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.institution-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;border:1px solid #f0f0f0;transition:all .3s ease}.institution-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.institution-info h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#333}.institution-email,.institution-admin{color:#666;margin:.5rem 0;font-size:.9rem}.institution-actions{margin-top:1rem;display:flex;gap:.5rem}.edit-button{background:#2ed573;color:#fff;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.edit-button:hover{background:#26d0ce;transform:scale(1.05)}.notebooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.super-admin-page .notebook-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;border:1px solid #f0f0f0;transition:all .3s ease;position:relative}.super-admin-page .notebook-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.notebook-info h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#333}.notebook-user,.notebook-concepts{color:#666;margin:.5rem 0;font-size:.9rem}.notebook-color{width:30px;height:30px;border-radius:50%;margin:.5rem 0;border:2px solid #f0f0f0}.notebook-actions{margin-top:1rem;display:flex;gap:.5rem}.sql-tab{display:flex;flex-direction:column;gap:1.5rem}.sql-editor{background:#1e1e1e;border-radius:10px;overflow:hidden}.sql-textarea{width:100%;min-height:200px;background:#1e1e1e;color:#d4d4d4;border:none;padding:1rem;font-family:Courier New,monospace;font-size:14px;resize:vertical;outline:none}.sql-results{background:#fff;border-radius:10px;padding:1.5rem;border:1px solid #f0f0f0}.sql-results h3{margin:0 0 1rem;font-size:1.2rem;font-weight:700;color:#333}.results-table{display:flex;flex-direction:column;gap:1rem}.result-row{background:#f8f9fa;border-radius:8px;padding:1rem;border:1px solid #e9ecef}.result-cell{margin:.25rem 0;font-size:.9rem}.result-cell strong{color:#667eea}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;border-radius:15px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d}.modal-content h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#333}.modal-content input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;font-size:1rem}.modal-content input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.modal-actions button:first-child{background:#f8f9fa;color:#666}.modal-actions button:first-child:hover{background:#e9ecef}.modal-actions button:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-actions button:last-child:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}@media (max-width: 768px){.super-admin-content{padding:1rem}.admin-tabs{flex-direction:column;gap:.5rem}.tab-button{justify-content:center}.users-grid,.institutions-grid,.notebooks-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem;text-align:center}.tab-header{flex-direction:column;gap:1rem;align-items:stretch}.user-actions,.institution-actions,.notebook-actions{flex-direction:column}.modal-content{margin:1rem;width:calc(100% - 2rem)}}.school-sync-tab{padding:0}.school-sync-tab .tab-description{color:#666;margin-bottom:2rem;line-height:1.6;font-size:1rem}.sync-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.sync-card{background:#fff;border:2px solid #e9ecef;border-radius:15px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.sync-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.sync-card-header{margin-bottom:1.5rem}.sync-card-header h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#333}.sync-card-header p{margin:0;color:#666;font-size:.9rem;line-height:1.4}.sync-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}.sync-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.sync-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.sync-button.sync-all{background:linear-gradient(135deg,#667eea,#764ba2)}.sync-button.sync-teachers{background:linear-gradient(135deg,#28a745,#20c997)}.sync-button.sync-students{background:linear-gradient(135deg,#007bff,#6f42c1)}.sync-results{background:#f8f9fa;border-radius:15px;padding:2rem;margin-bottom:2rem}.sync-results h3{margin:0 0 1.5rem;font-size:1.3rem;font-weight:700;color:#333}.result-section{margin-bottom:2rem}.result-section:last-child{margin-bottom:0}.result-section h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#333}.result-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat-item{background:#fff;border-radius:10px;padding:1rem;text-align:center;box-shadow:0 2px 10px #0000001a;flex:1}.stat-item.success{border-left:4px solid #28a745}.stat-item.error{border-left:4px solid #dc3545}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#333}.stat-label{display:block;font-size:.9rem;color:#666;margin-top:.25rem}.error-details{background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;padding:1rem;margin-top:1rem}.error-details h5{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#c53030}.error-item{background:#fff;border-radius:5px;padding:.75rem;margin-bottom:.5rem;font-size:.9rem;border-left:3px solid #dc3545}.error-item:last-child{margin-bottom:0}.error-item strong{color:#333}.sync-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:15px;padding:1.5rem}.sync-info h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1565c0}.sync-info ul{margin:0;padding-left:1.5rem;color:#1976d2}.sync-info li{margin-bottom:.5rem;line-height:1.4}.sync-info li:last-child{margin-bottom:0}@media (max-width: 768px){.sync-actions{grid-template-columns:1fr}.result-stats{flex-direction:column}.sync-button{padding:.75rem 1rem;font-size:.9rem}}.test-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-left:.5rem}.test-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a7454d}.test-button:last-child{background:linear-gradient(135deg,#ffc107,#fd7e14)}.test-button:last-child:hover{box-shadow:0 8px 25px #ffc1074d}.school-verification-tab{padding:0}.school-verification-tab .tab-header{margin-bottom:1.5rem}.notification{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;border-radius:10px;box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease-out}.notification-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;color:#fff;font-weight:500}.notification-content i{font-size:1.2rem}.notification-success{background:linear-gradient(135deg,#28a745,#20c997)}.notification-error{background:linear-gradient(135deg,#dc3545,#e74c3c)}.notification-info{background:linear-gradient(135deg,#17a2b8,#3498db)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.messages-tab{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.messages-container{display:grid;grid-template-columns:400px 1fr;height:calc(100vh - 250px)}.messages-list{border-right:1px solid #eee;overflow-y:auto;background:#f8f9fa}.messages-list h3{padding:20px;margin:0;background:#fff;border-bottom:1px solid #eee;font-size:18px;color:#333}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.no-messages i{font-size:48px;margin-bottom:16px;opacity:.5}.messages-items{padding:0}.message-item{padding:16px 20px;border-bottom:1px solid #eee;cursor:pointer;transition:all .2s ease;background:#fff}.message-item:hover{background:#f0f7ff}.message-item.unread{background:#fff9e6;font-weight:500}.message-item.selected{background:#e8f0fe;border-left:3px solid #667eea}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-from{display:flex;align-items:center;gap:8px}.unread-dot{width:8px;height:8px;background:#ff3b30;border-radius:50%}.message-date{font-size:13px;color:#666}.message-subject{font-weight:600;margin-bottom:4px;color:#333}.message-preview{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-detail{padding:0;background:#fff;overflow-y:auto}.message-detail-header{display:flex;justify-content:flex-end;padding:16px 20px;border-bottom:1px solid #eee}.close-detail{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.close-detail:hover{background:#f0f0f0;color:#333}.message-detail-content{padding:24px 32px}.message-detail-content h3{margin:0 0 20px;font-size:24px;color:#333}.message-info{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:24px}.message-info p{margin:8px 0;font-size:14px}.message-info strong{color:#333;margin-right:8px}.message-body{background:#fff;padding:20px;border:1px solid #eee;border-radius:8px;margin-bottom:24px}.message-body p{margin:0;line-height:1.6;white-space:pre-wrap}.message-actions{display:flex;gap:12px}.message-actions .btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.message-actions .btn-primary{background:#667eea;color:#fff}.message-actions .btn-primary:hover{background:#5a67d8}.message-actions .btn-secondary{background:#6c757d;color:#fff}.message-actions .btn-secondary:hover{background:#5a6268}.message-actions .btn-danger{background:#dc3545;color:#fff}.message-actions .btn-danger:hover{background:#c82333}.unread-badge{background-color:#ff3b30;color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700;margin-left:8px;display:inline-block;min-width:20px;text-align:center}@media (max-width: 768px){.messages-container{grid-template-columns:1fr;height:auto}.messages-list{border-right:none;border-bottom:1px solid #eee;max-height:300px}.message-detail{min-height:400px}}.teacher-requests-container{padding:20px}.teacher-requests-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.teacher-requests-container h2{margin:0;color:#1f2937;font-size:1.5rem;display:flex;align-items:center;gap:12px}.teacher-requests-container .refresh-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:background .2s}.teacher-requests-container .refresh-btn:hover:not(:disabled){background:#2563eb}.teacher-requests-container .refresh-btn:disabled{background:#9ca3af;cursor:not-allowed}.teacher-requests-container .no-requests{text-align:center;padding:60px 20px;color:#6b7280}.teacher-requests-container .no-requests p{margin-top:16px;font-size:1.1rem}.teacher-requests-container .requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.teacher-requests-container .request-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:box-shadow .2s}.teacher-requests-container .request-card:hover{box-shadow:0 4px 12px #0000001a}.teacher-requests-container .request-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.teacher-requests-container .request-header h3{margin:0 0 4px;color:#1f2937;font-size:1.2rem}.teacher-requests-container .request-email{color:#6b7280;font-size:.9rem}.teacher-requests-container .request-body{margin-bottom:16px}.teacher-requests-container .request-field{margin-bottom:12px}.teacher-requests-container .request-field strong{display:block;color:#374151;margin-bottom:4px;font-size:.9rem}.teacher-requests-container .request-field p{margin:0;color:#6b7280;font-size:.95rem;line-height:1.5}.teacher-requests-container .specialties-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.teacher-requests-container .specialty-tag{padding:4px 12px;background:#eff6ff;color:#1e40af;border-radius:12px;font-size:.85rem}.teacher-requests-container .request-meta{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6;color:#9ca3af;font-size:.85rem}.teacher-requests-container .request-meta i{margin-right:4px}.teacher-requests-container .request-actions{display:flex;gap:12px;margin-top:16px}.teacher-requests-container .approve-btn,.teacher-requests-container .reject-btn{flex:1;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.teacher-requests-container .approve-btn{background:#10b981;color:#fff}.teacher-requests-container .approve-btn:hover{background:#059669;transform:translateY(-1px)}.teacher-requests-container .reject-btn{background:#f3f4f6;color:#6b7280}.teacher-requests-container .reject-btn:hover{background:#e5e7eb;color:#374151}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.users-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#333;display:flex;align-items:center;gap:.5rem}.users-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:1px solid #f0f0f0}.users-table{width:100%;border-collapse:collapse;margin:0;table-layout:fixed}.users-table th,.users-table td{text-align:left;vertical-align:middle;padding:1rem;word-wrap:break-word}.users-table th:nth-child(1),.users-table td:nth-child(1){width:20%}.users-table th:nth-child(2),.users-table td:nth-child(2){width:25%}.users-table th:nth-child(3),.users-table td:nth-child(3){width:15%}.users-table th:nth-child(4),.users-table td:nth-child(4){width:20%}.users-table th:nth-child(5),.users-table td:nth-child(5){width:20%}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.users-table th{font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:none;border-right:1px solid rgba(255,255,255,.2)}.users-table th:last-child{border-right:none}.users-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.users-table tbody tr:hover{background-color:#f8f9fa}.users-table tbody tr:last-child{border-bottom:none}.users-table td{font-size:.9rem;border-right:1px solid #f0f0f0;overflow:hidden;text-overflow:ellipsis}.users-table td:last-child{border-right:none}.user-id{font-family:Courier New,monospace;color:#666;background:#f8f9fa;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;display:inline-block}.user-name{font-weight:600;color:#333}.user-email{color:#666;font-size:.85rem;word-break:break-all;max-width:200px}.subscription-badge{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap;display:inline-block}.subscription-badge.free{background:#e3f2fd;color:#1976d2}.subscription-badge.pro{background:#fff3e0;color:#f57c00}.subscription-badge.school{background:#e8f5e8;color:#388e3c}.subscription-badge.university{background:#f3e5f5;color:#6b46c1}.subscription-badge.super_admin{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.user-role{color:#666;font-size:.85rem;text-transform:capitalize}.user-date{color:#666;font-size:.85rem}.no-users{padding:3rem;text-align:center;color:#666}.no-users p{margin:0;font-size:1.1rem;color:#999}.simple-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:1px solid #f0f0f0}.simple-users-table{width:100%;border-collapse:collapse}.simple-users-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:center;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.2);vertical-align:top;transition:background-color .2s ease}.simple-users-table th[style*="cursor: pointer"]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.simple-users-table th[style*="cursor: pointer"]{-webkit-user-select:none;user-select:none}.filter-input{margin-top:.5rem}.header-filter{width:100%;padding:.25rem .5rem;border:none;border-radius:4px;font-size:.75rem;background:#ffffffe6;color:#333;outline:none;text-transform:none;letter-spacing:normal}.header-filter:focus{background:#fff;box-shadow:0 0 0 2px #ffffff80}.header-filter::placeholder{color:#666;font-size:.7rem}.simple-users-table th:last-child{border-right:none}.simple-users-table td{padding:1rem;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;vertical-align:middle;font-size:.9rem}.simple-users-table td:last-child{border-right:none}.simple-users-table tbody tr:hover{background-color:#f8f9fa}.simple-users-table tbody tr:last-child td{border-bottom:none}.sub-badge{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap;display:inline-block}.sub-badge.free{background:#e3f2fd;color:#1976d2}.sub-badge.pro{background:#fff3e0;color:#f57c00}.sub-badge.school{background:#e8f5e8;color:#388e3c}.sub-badge.university{background:#f3e5f5;color:#6b46c1}.sub-badge.super_admin{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.teacher-badge{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap;display:inline-block}.teacher-badge.is-teacher{background:#e8f5e8;color:#388e3c}.teacher-badge.not-teacher{background:#ffeaa7;color:#d68910}.unread-message{background-color:#f0f9ff;font-weight:600}.email-link{color:#3b82f6;text-decoration:none}.email-link:hover{text-decoration:underline}.message-preview{line-height:1.4;cursor:pointer}.action-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;font-size:1rem;transition:background-color .2s}.action-btn:hover{background-color:#f3f4f6}.view-btn{color:#6b7280}.view-btn:hover{color:#374151}.action-btn.view-btn{min-width:32px!important;width:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;margin:0 auto!important}.header-with-hamburger-container~* .simple-messages-table *{max-width:none!important}.header-with-hamburger-container~* .simple-messages-table td{max-width:none!important;width:auto!important;overflow:visible!important}.header-with-hamburger-container~* .simple-messages-table th{max-width:none!important;width:auto!important}.simple-messages-table td:nth-child(6){overflow:visible!important;white-space:nowrap!important;min-width:80px!important}.message-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.message-modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.message-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.message-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-modal-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:6px;transition:all .2s}.close-modal-btn:hover{background-color:#f3f4f6;color:#374151}.message-modal-body{padding:0 1.5rem 1.5rem}.message-field{margin-bottom:1rem}.message-field strong{display:block;color:#374151;font-weight:600;margin-bottom:.25rem}.message-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-top:.5rem;white-space:pre-wrap;line-height:1.6;color:#111827}.message-actions{display:flex;gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.status-select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem}.reply-btn{background:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-size:.875rem;font-weight:500;transition:background-color .2s;display:inline-flex;align-items:center;gap:.5rem}.reply-btn:hover{background:#2563eb;color:#fff}.simple-messages-table{width:100%;border-collapse:collapse;table-layout:fixed!important}.simple-messages-table th:nth-child(1),.simple-messages-table td:nth-child(1){width:15%}.simple-messages-table th:nth-child(2),.simple-messages-table td:nth-child(2){width:20%}.simple-messages-table th:nth-child(3),.simple-messages-table td:nth-child(3){width:20%!important;max-width:150px!important;min-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.simple-messages-table th:nth-child(4),.simple-messages-table td:nth-child(4){width:10%}.simple-messages-table th:nth-child(5),.simple-messages-table td:nth-child(5){width:15%}.simple-messages-table th:nth-child(6),.simple-messages-table td:nth-child(6){width:15%!important;min-width:80px!important;text-align:center!important;padding:.5rem!important}.simple-messages-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.2);transition:background-color .2s ease}.simple-messages-table th[style*="cursor: pointer"]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.simple-messages-table th[style*="cursor: pointer"]{-webkit-user-select:none;user-select:none}.simple-messages-table th:last-child{border-right:none}.simple-messages-table td{padding:1rem;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;vertical-align:middle;font-size:.9rem}.simple-messages-table td:last-child{border-right:none}.simple-messages-table tbody tr:hover{background-color:#f8f9fa}.simple-messages-table tbody tr:last-child td{border-bottom:none}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.responded{background:#d1fae5;color:#065f46}.status-badge.resolved{background:#dbeafe;color:#1e40af}.message-filters{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.search-input,.status-filter{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem}.search-input{flex:1;max-width:300px}.pro-requests-section{padding:0}.pro-requests-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#333;display:flex;align-items:center;gap:.5rem}.pro-filters{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.simple-pro-requests-table{width:100%;border-collapse:collapse;table-layout:fixed!important}.simple-pro-requests-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.2);transition:background-color .2s ease}.simple-pro-requests-table th[style*="cursor: pointer"]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.simple-pro-requests-table th[style*="cursor: pointer"]{-webkit-user-select:none;user-select:none}.simple-pro-requests-table th:last-child{border-right:none}.simple-pro-requests-table td{padding:1rem;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;vertical-align:middle;font-size:.9rem}.simple-pro-requests-table td:last-child{border-right:none}.simple-pro-requests-table tbody tr:hover{background-color:#f8f9fa}.simple-pro-requests-table tbody tr:last-child td{border-bottom:none}.approve-btn:hover{background:#059669!important;transform:translateY(-1px)}.reject-btn:hover{background:#dc2626!important;transform:translateY(-1px)}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.metrics-section{padding:0}.metrics-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#333;display:flex;align-items:center;gap:.5rem}.metrics-filters{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.simple-metrics-table{width:100%;border-collapse:collapse;table-layout:fixed!important}.simple-metrics-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.2);transition:background-color .2s ease}.simple-metrics-table th[style*="cursor: pointer"]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.simple-metrics-table th[style*="cursor: pointer"]{-webkit-user-select:none;user-select:none}.simple-metrics-table th:last-child{border-right:none}.simple-metrics-table td{padding:1rem;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;vertical-align:middle;font-size:.9rem}.simple-metrics-table td:last-child{border-right:none}.simple-metrics-table tbody tr:hover{background-color:#f8f9fa}.simple-metrics-table tbody tr:last-child td{border-bottom:none}.migration-section{padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:1200px;margin:0 auto}.migration-section h2{color:#1f2937;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.migration-section>p{color:#6b7280;margin-bottom:2rem;font-size:1rem;line-height:1.5}.migration-warning{background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.migration-warning h3{color:#92400e;margin:0 0 1rem;font-size:1.2rem;font-weight:700}.migration-warning ul{margin:0;padding-left:1.5rem;color:#92400e}.migration-warning li{margin-bottom:.5rem;line-height:1.4}.migration-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.action-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .3s ease}.action-group:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-group.emergency{background:#fef2f2;border-color:#fecaca}.action-group.emergency:hover{background:#fee2e2}.action-group h4{color:#1f2937;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.action-group.emergency h4{color:#dc2626}.action-group p{color:#6b7280;margin:0 0 1rem;font-size:.9rem;line-height:1.4}.migration-btn{width:100%;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.check-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 4px #3b82f64d}.check-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.migrate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.migrate-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.revert-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef44444d}.revert-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef444466}.migration-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.migration-status{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1rem;margin-bottom:2rem}.migration-status h4{color:#0284c7;margin:0 0 .5rem;font-size:1rem;font-weight:600}.migration-status p{color:#0369a1;margin:0;font-size:.9rem;font-weight:500}.migration-logs{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.migration-logs h4{color:#1f2937;margin:0 0 1rem;font-size:1rem;font-weight:600}.logs-container{background:#000;color:#0f0;border-radius:6px;padding:1rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.4;max-height:400px;overflow-y:auto;border:1px solid #374151}.log-entry{margin-bottom:.25rem;word-break:break-all}.log-entry:last-child{margin-bottom:0}.delete-user-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:.4rem .6rem;font-size:1rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px}.delete-user-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.delete-user-btn:active{transform:translateY(0);box-shadow:0 1px 4px #ef444433}@media (max-width: 768px){.migration-section{padding:1rem;margin:0 1rem}.migration-actions{grid-template-columns:1fr;gap:1rem}.action-group{padding:1rem}.delete-user-btn{padding:.3rem .5rem;font-size:.9rem;min-width:28px;height:28px}}.teacher-management-improved{padding:24px;background:linear-gradient(135deg,#f5f7fa,#f8f9fb);min-height:100vh}.teacher-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#6147ff;border-radius:50%;animation:spin 1s linear infinite}.tm-header{margin-bottom:32px}.tm-header h2{font-size:32px;color:#1a1a1a;margin-bottom:24px;display:flex;align-items:center;gap:12px}.tm-header h2 i{color:#6147ff}.tm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.tm-stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a;transition:transform .2s,box-shadow .2s}.tm-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.tm-stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.tm-stat-card.primary .stat-icon{background:#6147ff20;color:#6147ff}.tm-stat-card.success .stat-icon{background:#4caf5020;color:#4caf50}.tm-stat-card.info .stat-icon{background:#2196f320;color:#2196f3}.tm-stat-card.warning .stat-icon{background:#ff980020;color:#ff9800}.stat-content{flex:1}.stat-value{display:block;font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.stat-label{display:block;font-size:14px;color:#666}.tm-controls{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.tm-search-box{flex:1;min-width:300px;position:relative;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.tm-search-box i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#999}.tm-search-box input{width:100%;padding:12px 16px 12px 44px;border:none;border-radius:12px;font-size:15px;outline:none}.tm-search-box input:focus{box-shadow:0 0 0 2px #6147ff20}.tm-filter{padding:12px 20px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;font-size:15px;color:#333;cursor:pointer;outline:none;transition:all .2s}.tm-filter:hover{border-color:#6147ff}.tm-filter:focus{border-color:#6147ff;box-shadow:0 0 0 2px #6147ff20}.tm-tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 2px 8px #0000000a}.tm-tab{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:12px;font-size:15px;font-weight:500;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.tm-tab:hover{background:#f5f5f5}.tm-tab.active{background:#6147ff;color:#fff}.tm-content{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000a;min-height:400px}.tm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.tm-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e0e0e0;transition:all .2s}.tm-card:hover{border-color:#6147ff40;box-shadow:0 4px 16px #6147ff14;transform:translateY(-2px)}.tm-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative}.tm-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.tm-avatar.small{width:32px;height:32px;font-size:14px}.tm-avatar.large{width:64px;height:64px;font-size:24px}.tm-user-info{flex:1}.tm-user-info h4{margin:0 0 4px;font-size:16px;color:#1a1a1a}.tm-user-info p{margin:0;font-size:14px;color:#666}.tm-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;position:absolute;top:0;right:0}.tm-badge.pending{background:#fff3e0;color:#f57c00}.tm-badge.success{background:#e8f5e9;color:#2e7d32}.tm-card-body{margin-bottom:16px}.tm-info-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;color:#555;font-size:14px}.tm-info-row i{color:#6147ff;width:16px;margin-top:2px}.tm-bio{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tm-card-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #e0e0e0}.tm-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.tm-btn.primary{background:#6147ff;color:#fff}.tm-btn.primary:hover{background:#5139e6;transform:translateY(-1px);box-shadow:0 4px 12px #6147ff4d}.tm-btn.success{background:#4caf50;color:#fff}.tm-btn.success:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.tm-btn.danger{background:#f44336;color:#fff}.tm-btn.danger:hover{background:#da190b;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.tm-btn.secondary{background:#f5f5f5;color:#333}.tm-btn.secondary:hover{background:#e0e0e0}.tm-table-container{overflow-x:auto}.tm-table{width:100%;border-collapse:collapse}.tm-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#333;font-size:14px;border-bottom:2px solid #e0e0e0}.tm-table td{padding:12px;border-bottom:1px solid #f0f0f0;color:#555;font-size:14px}.tm-table tr:hover{background:#fafafa}.tm-user-cell{display:flex;align-items:center;gap:8px}.tm-progress-cell{min-width:120px}.tm-progress-text{display:block;margin-bottom:4px;font-size:13px;font-weight:500}.tm-progress-bar{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.tm-progress-fill{height:100%;background:linear-gradient(90deg,#6147ff,#764ba2);transition:width .3s ease}.tm-action-buttons{display:flex;gap:8px}.tm-icon-btn{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:8px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tm-icon-btn:hover{background:#6147ff;color:#fff;transform:translateY(-1px)}.tm-empty-state{text-align:center;padding:60px 20px}.tm-empty-state i{font-size:64px;color:#ddd;margin-bottom:20px}.tm-empty-state h3{color:#333;margin-bottom:8px}.tm-empty-state p{color:#999}.tm-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.tm-page-btn{width:36px;height:36px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tm-page-btn:hover:not(:disabled){border-color:#6147ff;color:#6147ff;background:#6147ff10}.tm-page-btn:disabled{opacity:.5;cursor:not-allowed}.tm-page-info{padding:0 16px;color:#666;font-size:14px}.tm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.tm-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tm-modal-header{padding:24px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.tm-modal-header h3{margin:0;color:#1a1a1a}.tm-modal-close{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:8px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tm-modal-close:hover{background:#ff5252;color:#fff}.tm-modal-body{padding:24px;overflow-y:auto;flex:1}.tm-modal-footer{padding:24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end}.tm-detail-section{margin-bottom:24px}.tm-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.tm-detail-header h4{margin:0 0 4px;color:#1a1a1a}.tm-detail-header p{margin:0;color:#666;font-size:14px}.tm-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tm-detail-item{display:flex;flex-direction:column;gap:4px}.tm-detail-item.full-width{grid-column:1 / -1}.tm-detail-item label{font-size:12px;font-weight:600;color:#999;text-transform:uppercase}.tm-detail-item span{font-size:14px;color:#333}.tm-form-section{margin-bottom:24px}.tm-form-section h4{margin:0 0 16px;color:#1a1a1a}.tm-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.tm-form-group{display:flex;flex-direction:column;gap:6px}.tm-form-group label{font-size:14px;font-weight:500;color:#333}.tm-form-group input,.tm-form-group textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;transition:all .2s}.tm-form-group input:focus,.tm-form-group textarea:focus{border-color:#6147ff;box-shadow:0 0 0 2px #6147ff20}.tm-form-group small{font-size:12px;color:#999}.tm-rejection-section{padding-top:20px;border-top:1px solid #e0e0e0}.tm-rejection-section label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.tm-rejection-section textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;resize:vertical;outline:none;transition:all .2s}.tm-rejection-section textarea:focus{border-color:#6147ff;box-shadow:0 0 0 2px #6147ff20}.tm-alert{padding:12px 16px;border-radius:8px;display:flex;align-items:flex-start;gap:12px}.tm-alert.info{background:#e3f2fd;color:#1565c0}.tm-alert.warning{background:#fff3e0;color:#f57c00}.tm-alert p{margin:0;font-size:14px;line-height:1.5}@media (max-width: 768px){.teacher-management-improved{padding:16px}.tm-stats-grid{grid-template-columns:1fr}.tm-controls{flex-direction:column}.tm-search-box{min-width:100%}.tm-grid{grid-template-columns:1fr}.tm-table{font-size:12px}.tm-table th,.tm-table td{padding:8px}.tm-modal{width:95%;max-width:none}.tm-detail-grid,.tm-form-grid{grid-template-columns:1fr}.tm-card-actions{flex-direction:column}}.bulk-upload-module{padding:20px;max-width:1400px;margin:0 auto}.upload-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.upload-section h3{font-size:1.5rem;margin-bottom:20px;color:#1f2937;display:flex;align-items:center;gap:10px}.real-creation-info{background:#dcfce7;border:1px solid #16a34a;border-radius:8px;padding:12px;margin-bottom:20px}.real-creation-info p{margin:0;color:#15803d;font-size:.9rem}.development-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px;margin-bottom:20px}.development-warning p{margin:0;color:#92400e;font-size:.9rem}.development-warning code{background:#374151;color:#fbbf24;padding:2px 6px;border-radius:4px;font-size:.85rem}.upload-instructions{background:#f3f4f6;border-left:4px solid #3b82f6;padding:16px;margin-bottom:20px;border-radius:6px}.upload-instructions p{margin:8px 0;color:#4b5563}.upload-instructions code{background:#1f2937;color:#10b981;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.upload-instructions .note{font-size:.85rem;color:#6b7280;font-style:italic;margin-top:8px}.template-button{background:#0ea5e9;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.9rem;cursor:pointer;margin-top:12px;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.template-button:hover{background:#0284c7;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.file-upload-area{margin:20px 0}.upload-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.upload-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.validation-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin:20px 0}.validation-errors h4{color:#dc2626;margin-bottom:12px;font-size:1rem}.error-item{color:#991b1b;font-size:.9rem;margin:4px 0;padding-left:20px}.preview-section{margin-top:24px}.preview-section h4{font-size:1.2rem;margin-bottom:16px;color:#1f2937}.preview-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px}.preview-table{width:100%;min-width:800px;border-collapse:collapse;background:#fff}.preview-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.preview-table th{padding:12px;text-align:left;font-weight:600;color:#374151;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.preview-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.preview-table tbody tr:hover{background:#f9fafb}.preview-table tbody tr.status-success{background:#f0fdf4}.preview-table tbody tr.status-error{background:#fef2f2}.preview-table td{padding:12px;color:#374151;font-size:.9rem}.password-field{font-family:Courier New,monospace;background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:.85rem}.copy-btn{background:#3b82f6;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;margin-left:8px;font-size:.8rem;transition:background .2s}.copy-btn:hover{background:#2563eb}.action-buttons{display:flex;gap:12px;margin-top:20px}.create-button{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.create-button:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.create-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.export-button{background:#6366f1;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.export-button:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.history-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-header h3{font-size:1.3rem;color:#1f2937;margin:0}.reload-history,.test-history,.toggle-history{background:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s;display:flex;align-items:center;gap:4px}.reload-history:hover{background:#059669}.test-history:hover{background:#7c3aed}.toggle-history:hover{background:#4b5563}.history-list{max-height:400px;overflow-y:auto}.no-history{text-align:center;color:#6b7280;padding:40px;font-style:italic}.history-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;transition:all .2s}.history-item:hover{background:#f3f4f6;box-shadow:0 2px 4px #0000000d}.history-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-meta .date{font-weight:600;color:#374151}.history-meta .stats{font-size:.9rem;color:#6b7280}.history-actions{display:flex;gap:8px}.view-details,.export-history{background:#f3f4f6;border:1px solid #d1d5db;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;display:flex;align-items:center;gap:4px}.view-details:hover,.export-history:hover{background:#e5e7eb;border-color:#9ca3af}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-indicator{display:inline-block;animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.bulk-upload-module{padding:12px}.upload-section,.history-section{padding:16px}.preview-table-wrapper{overflow-x:scroll}.action-buttons{flex-direction:column}.create-button,.export-button{width:100%;justify-content:center}.history-meta{flex-direction:column;align-items:flex-start;gap:8px}}.inactivity-warning-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999999;pointer-events:all;-webkit-user-select:none;user-select:none}.inactivity-warning-modal{background:#fff;border-radius:8px;padding:2rem;max-width:400px;width:90%;box-shadow:0 4px 12px #00000026;border:1px solid #e0e0e0;position:relative;z-index:1000000;pointer-events:all}.inactivity-warning-header{text-align:center;margin-bottom:1.5rem}.inactivity-warning-header h2{color:#333;margin:0;font-size:1.25rem;font-weight:600}.inactivity-warning-content{text-align:center;margin-bottom:2rem}.inactivity-warning-content p{color:#666;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.inactivity-warning-countdown{margin:1.5rem 0}.countdown-time{font-size:2rem;font-weight:700;color:#d32f2f;font-family:Courier New,monospace}.inactivity-warning-progress{background:#f5f5f5;border-radius:4px;height:6px;margin:1rem 0;overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width 1s linear}.inactivity-warning-message{color:#555!important;font-size:.9rem!important;margin-top:1rem!important}.inactivity-warning-actions{display:flex;gap:.75rem;justify-content:center}.btn-extend-session{background-color:#1976d2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-extend-session:hover{background-color:#1565c0}.btn-logout{background-color:#fff;color:#666;border:1px solid #ddd;padding:.75rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-logout:hover{background-color:#f5f5f5;border-color:#bbb}@media (max-width: 480px){.inactivity-warning-modal{padding:1.5rem;margin:1rem}.inactivity-warning-actions{flex-direction:column}.btn-extend-session,.btn-logout{width:100%}.inactivity-warning-header h2{font-size:1.1rem}.countdown-time{font-size:1.75rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #E5E5EA;border-top-color:#6147ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.calculate-all-progress-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#6147ff0d,#6147ff05);border:1px solid rgba(97,71,255,.1);border-radius:12px;text-align:center}.calculate-all-progress-button{background:linear-gradient(135deg,#6147ff,#8b5dff);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6147ff4d;display:flex;align-items:center;gap:8px;margin:0 auto;min-width:200px;justify-content:center}.calculate-all-progress-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6147ff66}.calculate-all-progress-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.calculate-all-progress-button i{font-size:1.1rem}.loading-container p{color:#8e8e93;font-size:1rem;margin:0}.materias-main{display:block;padding-top:2rem;padding-bottom:0;padding-left:4rem;padding-right:2rem;max-width:100%;margin:0;margin-left:2.5rem;min-height:calc(100vh - 70px);width:auto;box-sizing:border-box;overflow-x:hidden}.teacher-tools-module{width:100%;margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014}.tools-header{text-align:center;margin-bottom:2rem}.tools-header h3{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem;font-weight:600}.tools-header p{margin:0;color:#64748b;font-size:1rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tool-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#6147ff}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6147ff,#9333ea)}.tool-icon{width:50px;height:50px;background:linear-gradient(135deg,#6147ff,#9333ea);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff;font-size:1.25rem}.export-card .tool-icon{background:linear-gradient(135deg,#10b981,#059669)}.settings-card .tool-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.resources-card .tool-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stats-card .tool-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tool-content h4{margin:0 0 .5rem;color:#1e293b;font-size:1.1rem;font-weight:600}.tool-content p{margin:0 0 1rem;color:#64748b;font-size:.9rem;line-height:1.4}.tool-actions{display:flex;gap:.75rem;flex-wrap:wrap}.tool-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none}.tool-btn.primary{background:#6147ff;color:#fff}.tool-btn.primary:hover{background:#5a3df0;transform:translateY(-1px)}.tool-btn.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.tool-btn.secondary:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px)}.tool-btn.full-width{width:100%;justify-content:center;background:#6147ff;color:#fff;margin-top:1rem}.tool-btn.full-width:hover{background:#5a3df0}.stats-summary{display:flex;justify-content:space-around;margin:1rem 0;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stat-item{text-align:center;display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:1.75rem;font-weight:700;color:#6147ff}.stat-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.teacher-tools-module{margin-top:2rem;padding:1.5rem}.tools-grid{grid-template-columns:1fr;gap:1rem}.tool-card{padding:1.25rem}.tool-actions{flex-direction:column}.tool-btn{width:100%;justify-content:center}.stats-summary{flex-direction:column;gap:1rem}}.materias-list-section{width:100%;background:#fff!important;border-radius:0;box-shadow:none!important;padding:0;box-sizing:border-box;min-height:calc(100vh - 70px);display:flex;flex-direction:column;border:none!important}.materia-list-controls{margin-bottom:2rem;padding-left:0}.materia-list-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:3rem}.create-materia-button{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;border:1.5px solid #e0e7ff;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 2px 8px #4f46e512}.create-materia-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e521}.create-materia-button i{font-size:1.1rem}.search-container{position:relative;flex:0 0 auto;width:350px;margin-left:auto;transition:all .3s ease;border:3px solid #e5e7eb;border-radius:12px;padding:2px}.search-container:hover{transform:translateY(-2px);border-color:#6147ff;box-shadow:0 4px 8px #0000001a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1rem;transition:all .3s ease;pointer-events:none;z-index:1}.search-container:hover .search-icon{color:#6147ff}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#f9fafb}.search-input:hover{border-color:#d1d5db;background:#fff}.search-input:focus{outline:none;border-color:#6147ff;background:#fff;box-shadow:0 0 0 3px #0000001a}.search-container:hover .search-input{background:#fff;border-color:#6147ff}.materia-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:0;padding:0;background:none}.materia-card-wrapper{display:flex;flex-direction:column;transition:all .3s ease;position:relative;background:#fff!important;border-radius:0;box-shadow:none!important;border:none!important}.materia-card{position:relative;background:#fff;border-radius:16px;overflow:visible;transition:all .3s ease;box-shadow:0 2px 10px #0000000d;border:2px solid transparent}.materia-card-wrapper:hover .materia-card{transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.materia-card-content{padding:1.5rem;cursor:pointer;border-left:4px solid var(--materia-color, #6147FF);min-height:120px;display:flex;flex-direction:column;justify-content:center;background:#fff;border-top:none;border-right:none;border-bottom:none}.materia-card-content h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1f2937;word-break:break-word}.materia-info{font-size:.875rem;color:#6b7280;font-weight:500}.materia-info-container{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%}.materia-exams-badge{margin-left:auto!important;position:relative;transition:transform .2s ease}.materia-exams-badge:hover{transform:scale(1.1)}.materia-exams-badge:after{content:"dominio";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#374151;color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;margin-bottom:4px}.materia-exams-badge:hover:after{opacity:1;transform:translate(-50%) translateY(-2px)}.materia-card-actions{background:var(--materia-color, #6147FF);display:flex;justify-content:space-around;padding:.75rem;margin-top:-2px;border-radius:0 0 16px 16px;animation:expandDown .3s ease-out;overflow:hidden}@keyframes expandDown{0%{max-height:0;opacity:0;padding:0 .75rem}to{max-height:60px;opacity:1;padding:.75rem}}.materia-card-actions button{background:transparent;border:none;color:#fff;font-size:1.1rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.materia-card-actions button:hover{background:#fff3;transform:scale(1.1)}.materia-card-actions button:disabled{opacity:.5;cursor:not-allowed}.materia-card-wrapper .color-picker-container{position:absolute;bottom:auto;top:calc(100% - 70px);left:50%;transform:translate(-50%);z-index:1000;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:.75rem;min-width:280px}.color-picker{display:flex;gap:.5rem;flex-wrap:nowrap;justify-content:center}.color-option{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1);border-color:#e5e7eb}.modal-content.invite-modal-content{border:none!important;border-width:0!important;box-shadow:0 20px 60px #00000026!important;outline:none!important}.modal-overlay .invite-modal-content{border:none!important;border-width:0!important;border-style:none!important;outline:none!important;box-shadow:0 20px 60px #00000026!important}div.modal-overlay div.modal-content.invite-modal-content{border:0!important;border:none!important;outline:none!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001f;max-width:420px;width:90%;max-height:90vh;overflow-y:auto;border:none}.MuiDialog-root,.MuiModal-root,.MuiBackdrop-root{z-index:1300!important}.MuiDialog-container{z-index:1301!important}.MuiDialog-paper{z-index:1302!important}.modal-header{padding:2rem 2rem 1rem;border-bottom:none;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937;letter-spacing:-.02em}.create-materia-modal{max-width:400px;padding:0}@media (max-width: 768px){.modal-content:not(.create-materia-modal-new){max-width:260px!important;width:260px!important;margin:.5rem}.modal-overlay{padding:.5rem}.modal-content.create-materia-modal-new{max-width:260px!important;width:260px!important;height:auto!important;min-height:auto!important;max-height:80vh!important}}.modal-header-simple{position:relative;padding:1rem 1rem 0;display:flex;justify-content:flex-end}.close-button-simple{background:none;border:none;font-size:1.2rem;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button-simple:hover{background:#f3f4f6;color:#1f2937}.modal-main-content{padding:0 2rem 2rem;text-align:center}.modal-icon{margin-bottom:1rem}.modal-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;letter-spacing:-.02em}.modal-subtitle{color:#6b7280;font-size:.95rem;margin:0 0 2rem;line-height:1.4}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{text-align:left}.modal-input{width:100%;padding:1rem;border:2px solid #f3f4f6;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#f9fafb;box-sizing:border-box}.modal-input:focus{outline:none;border-color:#6147ff;background:#fff;box-shadow:0 0 0 3px #00000014}.color-section{text-align:center}.color-label{font-size:.9rem;font-weight:600;color:#374151;margin:0 0 1rem}.color-options{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.color-option{width:40px;height:40px;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.color-option.selected{border-color:#1f2937;transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2937}.modal-actions{display:flex;gap:.75rem;margin-top:.5rem}.btn-cancel{flex:1;padding:.875rem 1rem;background:#f8f9fa;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center}.btn-cancel:hover{background:#f3f4f6;color:#374151;transform:translateY(-1px)}.btn-create{flex:2;padding:.875rem 1rem;background:#6147ff;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px #0003}.btn-create:hover:not(:disabled){background:#5a3fd4;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.btn-create:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-materia-modal-new{max-width:600px!important;width:600px!important;padding:0!important;border-radius:12px}.create-materia-modal-new .modal-header-simple{position:relative;padding:.75rem .75rem 0;display:flex;justify-content:flex-end}.create-materia-modal-new .modal-main-content{padding:0 1rem 1rem;text-align:center}@media (max-width: 768px){.create-materia-modal-new .modal-main-content{padding:0 .5rem .5rem}.create-materia-modal-new .modal-icon i{font-size:1.5rem!important}.create-materia-modal-new .modal-title{font-size:1rem!important;margin-bottom:.25rem!important}.create-materia-modal-new .modal-subtitle{font-size:.7rem!important;margin-bottom:.75rem!important;line-height:1.2!important}.create-materia-modal-new .modal-icon{margin-bottom:.5rem!important}.create-materia-modal-new .modal-input{padding:.5rem!important;font-size:.85rem!important}.create-materia-modal-new .color-label{font-size:.75rem!important;margin-bottom:.5rem!important}.create-materia-modal-new .color-option{width:24px!important;height:24px!important}.create-materia-modal-new .color-options{gap:.2rem!important}.create-materia-modal-new .modal-form{gap:1rem!important}.create-materia-modal-new .modal-actions .btn-cancel,.create-materia-modal-new .modal-actions .btn-create,.modal-content.create-materia-modal-new .btn-cancel,.modal-content.create-materia-modal-new .btn-create{height:52px!important;min-height:52px!important;font-size:1rem!important;padding:0 1.5rem!important;border-radius:14px!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important}.create-materia-modal-new .btn-create i{font-size:.8rem!important;margin-right:.3rem!important}.create-materia-modal-new .modal-actions{gap:.5rem!important;margin-top:.5rem!important;display:flex!important;flex-direction:row!important;justify-content:center!important}.create-materia-modal-new .btn-cancel{flex:0 0 auto!important;width:85px!important;min-width:85px!important;max-width:85px!important;padding:0 .5rem!important;font-size:.85rem!important}.create-materia-modal-new .btn-create{flex:0 0 auto!important;width:140px!important;min-width:140px!important;max-width:140px!important;padding:0 .5rem!important;font-size:.85rem!important}.create-materia-modal-new .btn-create i{font-size:.75rem!important;margin-right:.3rem!important}}.create-materia-modal-new .modal-icon{margin-bottom:.75rem}.create-materia-modal-new .modal-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .4rem;letter-spacing:-.02em}@media (max-width: 400px){.create-materia-modal-new .modal-title{font-size:1.1rem}}.create-materia-modal-new .modal-subtitle{color:#6b7280;font-size:.8rem;margin:0 0 1rem;line-height:1.3}@media (max-width: 400px){.create-materia-modal-new .modal-subtitle{font-size:.75rem;margin:0 0 .75rem}}.create-materia-modal-new .modal-form{display:flex;flex-direction:column;gap:1.5rem}.create-materia-modal-new .input-group{text-align:left}.create-materia-modal-new .color-section{text-align:center}.create-materia-modal-new .modal-actions{display:flex;gap:.75rem;margin-top:.5rem}@media (max-width: 400px){.create-materia-modal-new .modal-actions{flex-direction:column;gap:.5rem}.create-materia-modal-new .btn-cancel,.create-materia-modal-new .btn-create{width:100%;flex:none}.create-materia-modal-new .color-option{width:26px;height:26px}.create-materia-modal-new .color-options{gap:.25rem}}.close-button{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#f3f4f6;color:#1f2937;transform:scale(1.05)}.modal-body{padding:0 2rem 1rem}.form-group{margin-bottom:1.75rem}.form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:#1f2937;font-size:.9rem;letter-spacing:-.01em}.form-control{width:100%;padding:.875rem 1rem;border:1.5px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#f9fafb;box-sizing:border-box}.form-control:focus{outline:none;border-color:#6147ff;background:#fff;box-shadow:0 0 0 3px #00000014}.color-picker-grid{display:flex;gap:.75rem;justify-content:space-between;align-items:center;flex-wrap:nowrap}.color-preset{width:40px;height:40px;flex-shrink:0;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:all .2s ease}.color-preset:hover{transform:scale(1.1)}.color-preset.selected{border-color:#1f2937;box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2937}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:.75rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#dc2626;font-size:.875rem}.success-message{background:#d1fae5;border:1px solid #34d399;border-radius:6px;padding:.75rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#065f46;font-size:.875rem;font-weight:500}.success-toast{position:fixed;top:90px;left:50%;transform:translate(-50%);background:#d1fae5;border:1px solid #34d399;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 4px 12px #00000026;z-index:10001;display:flex;align-items:center;gap:.75rem;color:#065f46;font-size:.9rem;font-weight:500;min-width:300px;max-width:500px;animation:slideDown .3s ease-out}.success-toast i{font-size:1.1rem;color:#059669}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.success-toast.hiding{animation:slideUp .3s ease-in forwards}@keyframes slideUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.url-processing-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:#6147ff;font-size:.85rem;font-weight:500;animation:fadeIn .2s ease-out}.url-processing-indicator svg{font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:1rem}.modal-input::placeholder{font-size:.75rem}.modal-footer{padding:1.5rem 2rem 2rem;border-top:none;display:flex;justify-content:flex-end;gap:.75rem}.cancel-button,.create-button,.delete-button{padding:.75rem 1.75rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;letter-spacing:-.01em}.cancel-button{background:#f8f9fa;color:#6b7280;border:1px solid #e5e7eb}.cancel-button:hover{background:#f3f4f6;color:#374151;transform:translateY(-1px)}.create-button{background:#6147ff;color:#fff;box-shadow:0 2px 8px #0003}.create-button:hover:not(:disabled){background:#5a3fd4;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.create-button:disabled{opacity:.6;cursor:not-allowed}.delete-button{background:#ef4444;color:#fff}.delete-button:hover:not(:disabled){background:#dc2626}.categories-section{margin:0;padding:0;background:none}.category-header-with-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.categories-section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.delete-category-button{background:none;border:none;color:#ef4444;font-size:1.1rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.delete-category-button:hover{background:#fee2e2}.empty-category-message{text-align:center;padding:3rem;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.empty-category-message p{margin:0 0 .5rem;color:#6b7280}.materia-selection-list{max-height:300px;overflow-y:auto;border:2px solid #e5e7eb;border-radius:8px;padding:.5rem}.materia-selection-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem}.materia-selection-item:hover{background:#f3f4f6}.materia-selection-item.selected{background:#e0e7ff;border:1px solid #6147FF}.materia-color-indicator{width:20px;height:20px;border-radius:4px;flex-shrink:0}.warning-text{color:#dc2626;font-size:.875rem;margin-top:.5rem}@media (max-width: 768px){.materias-main{flex-direction:column;padding:1rem}.left-column{width:100%;padding:1rem;margin-bottom:1rem;min-height:auto}.materia-grid{grid-template-columns:1fr}.materia-list-header{flex-direction:column}.search-container{width:100%;margin-left:0;margin-top:1rem}.create-materia-button{width:100%;justify-content:center}.materia-card-content{padding:.75rem!important;min-height:80px!important}.materia-card-content h3{font-size:.85rem!important;line-height:1.1!important;margin-bottom:.4rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.materia-info-container{gap:2px!important}.materia-students,.materia-teacher{font-size:.7rem!important;line-height:1.1!important}.materia-exams-badge{font-size:.65rem!important;padding:1px 5px!important}.materia-menu-button{width:28px!important;height:28px!important;top:6px!important;right:6px!important}.materia-menu-button i{font-size:12px!important}}.migration-notification{position:fixed;top:70px;left:50%;transform:translate(-50%);background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1rem 1.5rem;z-index:1000;animation:slideDown .3s ease-out}.migration-notification.checking,.migration-notification.migrating{border-left:4px solid #667eea}.migration-notification.completed{border-left:4px solid #4caf50}.migration-notification.error{border-left:4px solid #f44336}.migration-notification-content{display:flex;align-items:center;gap:.75rem}.migration-notification .spinner{font-size:1.2rem;animation:spin 1s linear infinite}.migration-notification .icon{font-size:1.2rem}.migration-notification .message{color:#333;font-size:.95rem}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes float-enhanced{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.streak-card,.category-dropdown-tracker{background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important}.streak-tracker{border:2px dotted #cbd5e1!important;border-radius:16px!important;background:#fff;box-shadow:0 2px 12px #0000000a;margin-top:0!important;padding-top:1rem!important}.streak-counter{display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.materias-list-section{border:none!important;border-width:0!important}.materias-divider{border:none;border-top:1.5px solid #e5e7eb;margin:0 0 1.2rem;width:100%}.add-first-concept-button{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#6147ff!important;border:1.5px solid #e0e7ff;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;margin:0!important}.add-first-concept-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e521}.add-first-concept-button i{font-size:1.1rem}.notebook-detail-container .concepts-list .empty-state .add-first-concept-button{background:linear-gradient(135deg,#eef2ff,#e0e7ff)!important;color:#6147ff!important;border:1.5px solid #e0e7ff!important;padding:.875rem 1.5rem!important;border-radius:12px!important;font-size:1.1rem!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;text-align:center!important;margin:0 auto!important;box-shadow:0 2px 8px #4f46e512!important;transition:all .3s ease!important}.notebook-detail-container .concepts-list .empty-state .add-first-concept-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e521!important}.create-materia-modal-new{max-width:600px!important;width:600px!important;padding:0!important;border-radius:12px;animation:none!important;transform:none!important;transition:none!important;opacity:1!important;border:1px solid #e5e7eb!important;box-shadow:0 10px 25px #00000026!important;outline:none!important;background:#fff!important;overflow:hidden}@media (max-width: 768px){.create-materia-modal-new{max-width:260px!important;width:260px!important}}.create-materia-modal-new .modal-header-simple{position:relative;padding:1.5rem 1.5rem 0;display:flex;justify-content:flex-end;border:none!important;box-shadow:none!important;outline:none!important}@media (max-width: 768px){.create-materia-modal-new .modal-header-simple{padding:.75rem .75rem 0}}.create-materia-modal-new .close-button-simple{background:none;border:none;font-size:1.2rem;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.create-materia-modal-new .close-button-simple:hover{background:#f3f4f6;color:#1f2937}.create-materia-modal-new .modal-main-content{padding:0 3rem 2rem;text-align:center;border:none!important;box-shadow:none!important;outline:none!important}@media (max-width: 768px){.create-materia-modal-new .modal-main-content{padding:0 1rem 1rem}}.create-materia-modal-new .modal-icon{margin-bottom:1rem}.create-materia-modal-new .modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;letter-spacing:-.02em}.create-materia-modal-new .modal-subtitle{color:#6b7280;font-size:.875rem;margin:0 0 1.5rem;line-height:1.4}.create-materia-modal-new .modal-form{display:flex;flex-direction:column;gap:1.5rem;border:none!important;box-shadow:none!important;outline:none!important}.create-materia-modal-new .input-group{text-align:left;border:none!important;box-shadow:none!important;outline:none!important}.create-materia-modal-new .modal-input{width:100%;padding:.75rem;border:2px solid #f3f4f6;border-radius:10px;font-size:.9rem;transition:all .2s ease;background:#f9fafb;box-sizing:border-box}.create-materia-modal-new .modal-input:focus{outline:none;border-color:#6147ff;background:#fff;box-shadow:0 0 0 3px #00000014}.create-materia-modal-new .color-section{text-align:center;border:none!important;box-shadow:none!important;outline:none!important}.create-materia-modal-new .color-label{font-size:.9rem;font-weight:600;color:#374151;margin:0 0 1rem}.create-materia-modal-new .color-options{display:flex;justify-content:center;gap:.35rem;flex-wrap:wrap}.create-materia-modal-new .color-option{width:30px;height:30px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.create-materia-modal-new .color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.create-materia-modal-new .color-option.selected{border-color:#1f2937;transform:scale(1.1);box-shadow:0 0 0 1.5px #fff,0 0 0 3px #1f2937}.create-materia-modal-new .error-message-new{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:.75rem;display:flex;align-items:center;gap:.5rem;color:#dc2626;font-size:.875rem;text-align:left}.create-materia-modal-new .modal-actions{display:flex;gap:.75rem;margin-top:.5rem;border:none!important;box-shadow:none!important;outline:none!important}.create-materia-modal-new .btn-cancel{flex:1;height:44px;padding:0 1rem;background:#f8f9fa;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center}.create-materia-modal-new .btn-cancel:hover{background:#f3f4f6;color:#374151;transform:translateY(-1px)}.create-materia-modal-new .btn-create{flex:2;height:44px;padding:0 1rem;background:#6147ff;color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 2px 8px #0003}.create-materia-modal-new .btn-create:hover:not(:disabled){background:#5a3fd4;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.create-materia-modal-new .btn-create:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-notebook-modal-new{max-width:360px!important;width:360px!important;padding:0!important;border-radius:16px;animation:none!important;transform:none!important;transition:none!important;opacity:1!important;border:1px solid #e5e7eb!important;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d!important;outline:none!important;background:#fff!important;overflow:hidden}.create-notebook-modal-new .modal-header-simple{position:relative;padding:1rem 1rem 0;display:flex;justify-content:flex-end;border:none!important;box-shadow:none!important;outline:none!important}.create-notebook-modal-new .close-button-simple{background:none;border:none;font-size:1.2rem;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.create-notebook-modal-new .close-button-simple:hover{background:#f3f4f6;color:#1f2937}.create-notebook-modal-new .modal-main-content{padding:0 2rem 2rem;text-align:center;border:none!important;box-shadow:none!important;outline:none!important}.create-notebook-modal-new .modal-icon{margin-bottom:1rem}.create-notebook-modal-new .modal-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;letter-spacing:-.02em}.create-notebook-modal-new .modal-subtitle{color:#6b7280;font-size:.95rem;margin:0 0 2rem;line-height:1.4}.create-notebook-modal-new .modal-form{display:flex;flex-direction:column;gap:1.5rem;border:none!important;box-shadow:none!important;outline:none!important}.create-notebook-modal-new .input-group{text-align:left;border:none!important;box-shadow:none!important;outline:none!important}.create-notebook-modal-new .modal-input{width:100%;padding:1rem;border:2px solid #f3f4f6;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#f9fafb;box-sizing:border-box}.create-notebook-modal-new .modal-input:focus{outline:none;border-color:#6147ff;background:#fff;box-shadow:0 0 0 3px #00000014}.create-notebook-modal-new .color-section{text-align:center;border:none!important;box-shadow:none!important;outline:none!important}.create-notebook-modal-new .color-label{font-size:.9rem;font-weight:600;color:#374151;margin:0 0 1rem}.create-notebook-modal-new .color-options{display:flex;justify-content:center;gap:.35rem;flex-wrap:wrap}.create-notebook-modal-new .color-option{width:30px;height:30px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.create-notebook-modal-new .color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.create-notebook-modal-new .color-option.selected{border-color:#1f2937;transform:scale(1.1);box-shadow:0 0 0 1.5px #fff,0 0 0 3px #1f2937}.create-notebook-modal-new .error-message-new{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:.75rem;display:flex;align-items:center;gap:.5rem;color:#dc2626;font-size:.875rem;text-align:left}.create-notebook-modal-new .modal-actions{display:flex;gap:.75rem;margin-top:.5rem;border:none!important;box-shadow:none!important;outline:none!important}.create-notebook-modal-new .btn-cancel{flex:1;height:47px;padding:0 1rem;background:#f8f9fa;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center}.create-notebook-modal-new .btn-cancel:hover{background:#f3f4f6;color:#374151;transform:translateY(-1px)}.create-notebook-modal-new .btn-create{flex:2;height:47px;padding:0 1rem;background:#6147ff;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px #0003}.create-notebook-modal-new .btn-create:hover:not(:disabled){background:#5a3fd4;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.create-notebook-modal-new .btn-create:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{z-index:10000!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#00000080!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;padding:1rem!important}body:has(.modal-overlay) header,body:has(.modal-overlay) .header-container,body:has(.modal-overlay) .hamburger-menu,body:has(.modal-overlay) .burger-button,body:has(.modal-overlay) .notification,body:has(.modal-overlay) .toast,body:has(.modal-overlay) .alert{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;z-index:1!important}.modal-open header,.modal-open .header-container,.modal-open .hamburger-menu,.modal-open .burger-button,.modal-open .notification,.modal-open .toast,.modal-open .alert{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;z-index:1!important}.modal-overlay .create-materia-modal-new{position:static!important;margin:0 auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;animation:none!important;transition:none!important;max-width:600px!important;width:600px!important}@media (max-width: 768px){.modal-overlay .create-materia-modal-new{max-width:260px!important;width:260px!important}}.modal-overlay .create-notebook-modal-new{position:static!important;margin:0 auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;animation:none!important;transition:none!important;max-width:360px!important;width:360px!important}.create-materia-modal-new.modal-content,.modal-content.create-materia-modal-new{max-width:600px!important;width:600px!important;height:auto!important;min-height:auto!important;max-height:90vh!important;padding:0!important;box-sizing:border-box!important}@media (max-width: 768px){.create-materia-modal-new.modal-content,.modal-content.create-materia-modal-new,div.modal-content.create-materia-modal-new{max-width:260px!important;width:260px!important;height:auto!important;min-height:unset!important;max-height:80vh!important;min-width:unset!important}}.create-notebook-modal-new.modal-content,.modal-content.create-notebook-modal-new{max-width:360px!important;width:360px!important;padding:0!important;box-sizing:border-box!important}.empty-state-minimal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:600px;padding:2rem;gap:2rem}.empty-state-card{background:#fff;border-radius:20px;padding:3rem;max-width:600px;width:100%;text-align:center;box-shadow:0 1px 3px #0000000d;border:1px solid #f1f3f5}.icon-wrapper{display:flex;justify-content:center;margin-bottom:2rem}.icon-background{width:120px;height:120px;background:#f8f9fa;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.icon-background:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.05) 100%)}.icon-inner{width:80px;height:80px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000014;z-index:1}.empty-icon{width:48px;height:48px;color:#6147ff}.empty-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem;line-height:1.3}.empty-subtitle{font-size:1.1rem;color:#6b7280;line-height:1.6;margin-bottom:2.5rem;max-width:400px;margin-left:auto;margin-right:auto}.action-area{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.create-btn-minimal{background:#6147ff;color:#fff;border:none;padding:0;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;overflow:hidden;position:relative}.btn-content{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;position:relative;z-index:1}.create-btn-minimal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6147ff,#8b5dff);opacity:0;transition:opacity .3s ease}.create-btn-minimal:hover:before{opacity:1}.create-btn-minimal:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000040}.create-btn-minimal:active{transform:translateY(0)}.quick-actions{width:100%}.quick-label{font-size:.875rem;color:#9ca3af;font-weight:500;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;max-width:500px;margin:0 auto}.quick-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-height:100px;position:relative;overflow:hidden}.quick-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,currentColor,transparent);transform:translate(-100%);transition:transform .6s ease}.quick-card:hover:before{transform:translate(100%)}.quick-card:hover{background:#fff;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 15px #00000014}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff}.quick-card span{font-size:.875rem;font-weight:600;color:#374151}.empty-state-tips{max-width:500px;width:100%}.tip-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:1rem;font-size:.875rem;color:#065f46}.tip-card i{color:#10b981;font-size:1rem;margin-top:.125rem}.tip-card strong{font-weight:600}@media (max-width: 768px){.empty-state-minimal{min-height:auto;padding:1.5rem}.empty-state-card{padding:2rem 1.5rem}.icon-background{width:100px;height:100px}.icon-inner{width:70px;height:70px}.empty-icon{width:40px;height:40px}.empty-title{font-size:1.5rem}.empty-subtitle{font-size:1rem}.quick-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-card{padding:.875rem;min-height:90px}.card-icon{width:40px;height:40px;font-size:1.1rem}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:calc(100vh - 200px);padding:3rem 2rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);border-radius:24px;border:none;margin:.5rem 0 0;position:relative;overflow:hidden}.empty-state-container.enhanced{background:linear-gradient(145deg,#fff,#f8fafc 40%,#f1f5f9);box-shadow:none;border:none}.background-decoration{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0}.circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#0000000d,#8b5dff0d)}.circle-1{width:300px;height:300px;top:-150px;right:-150px;animation:float-slow 20s ease-in-out infinite}.circle-2{width:200px;height:200px;bottom:-100px;left:-100px;animation:float-slow 25s ease-in-out infinite reverse}.circle-3{width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-soft 15s ease-in-out infinite}@keyframes float-slow{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(0) scale(1.05);opacity:.3}}@keyframes pulse-soft{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}.empty-state-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,0,0,.03) 0%,transparent 50%);animation:rotate 20s linear infinite}.empty-state-illustration{position:relative;margin-bottom:1.5rem;z-index:2}.book-stack{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100px;margin-bottom:.5rem}.book{width:60px;border-radius:6px 6px 2px 2px;position:relative;margin:0 -8px;box-shadow:0 8px 25px #00000026;transition:transform .3s ease}.book:before{content:"";position:absolute;top:0;left:4px;right:4px;height:3px;background:#ffffff4d;border-radius:1px}.book-spine{position:absolute;left:0;top:0;width:8px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,transparent 100%)}.book-pages{position:absolute;bottom:-2px;left:2px;right:2px;height:6px;background:repeating-linear-gradient(90deg,#f5f5f5,#f5f5f5 1px,#e8e8e8 1px,#e8e8e8 2px);border-radius:0 0 2px 2px}.book-1{height:75px;background:linear-gradient(135deg,#6147ff,#8b5dff);transform:rotate(-8deg);z-index:3}.book-2{height:85px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);transform:rotate(5deg);z-index:2}.book-3{height:70px;background:linear-gradient(135deg,#4caf50,#66bb6a);transform:rotate(-3deg);z-index:1}.empty-state-container:hover .book-1{transform:rotate(-5deg) translateY(-5px)}.empty-state-container:hover .book-2{transform:rotate(8deg) translateY(-3px)}.empty-state-container:hover .book-3{transform:rotate(0) translateY(-2px)}.pencil{position:absolute;right:-20px;bottom:10px;width:60px;height:12px;transform:rotate(-45deg);animation:pencil-write 4s ease-in-out infinite}.pencil-body{position:absolute;width:50px;height:12px;background:linear-gradient(90deg,gold,orange,gold);border-radius:0 6px 6px 0;box-shadow:0 2px 5px #0003}.pencil-tip{position:absolute;left:-10px;width:0;height:0;border-style:solid;border-width:6px 10px 6px 0;border-color:transparent #333 transparent transparent}@keyframes pencil-write{0%,to{transform:rotate(-45deg)}50%{transform:rotate(-40deg)}}.empty-state-content{text-align:center;max-width:600px;z-index:2;position:relative}.badge-new{display:inline-block;background:linear-gradient(135deg,gold,orange);color:#fff;padding:.3rem .8rem;border-radius:16px;font-size:.8rem;font-weight:600;margin-bottom:1rem;box-shadow:0 4px 15px #ffc1074d;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 4px 15px #ffc1074d}50%{box-shadow:0 4px 25px #ffc10780}}.empty-state-title{font-size:2.2rem;font-weight:800;color:#1a1a1a;margin-bottom:1.8rem;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#6147ff,#8b5dff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state-title .highlight{font-size:2.4rem;display:block;margin-top:.3rem}.empty-state-description{font-size:1.1rem;color:#64748b;line-height:1.6;margin-bottom:2.5rem}.empty-state-description strong{color:#6147ff;font-weight:600}.empty-state-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.create-materia-button.primary{position:relative;background:transparent;color:#fff;border:none;padding:0;border-radius:18px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;min-width:280px}.create-materia-button.primary.pulse:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:linear-gradient(135deg,#6147ff,#8b5dff);border-radius:18px;transform:translate(-50%,-50%);animation:pulse-btn 2s cubic-bezier(.4,0,.6,1) infinite;z-index:-1}@keyframes pulse-btn{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.button-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6147ff,#8b5dff);border-radius:18px;z-index:1}.button-content{position:relative;z-index:2;display:flex;align-items:center;gap:.75rem;padding:1.1rem 2rem;justify-content:center}.create-materia-button.primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #0006}.create-materia-button.primary:hover .button-bg{background:linear-gradient(135deg,#5a3de8,#7c4dff)}.create-materia-button.primary:active{transform:translateY(-1px) scale(1)}.create-buttons-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:600px}.join-class-button{position:relative;background:transparent;color:#fff;border:none;padding:0;border-radius:18px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;min-width:280px}.join-class-button .button-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#64748b,#475569);border-radius:18px;z-index:-1;transition:all .3s ease}.join-class-button .button-content{position:relative;z-index:1;padding:18px 36px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;letter-spacing:.5px}.join-class-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #0006}.join-class-button:hover .button-bg{background:linear-gradient(135deg,#5b6a7d,#3e4b5a)}.join-class-button:active{transform:translateY(-1px) scale(1)}.quick-suggestions{display:flex;flex-direction:column;align-items:center;gap:1rem}.suggestions-label{font-size:.9rem;color:#64748b;font-weight:500}.quick-suggestions.enhanced{width:100%;margin-top:1rem}.quick-suggestions.enhanced .suggestions-label{display:flex;align-items:center;gap:.5rem;justify-content:center;margin-bottom:1.5rem;color:#6147ff;font-weight:600}.quick-suggestions.enhanced .suggestions-label i{font-size:1rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.suggestion-cards{display:flex;justify-content:center;align-items:center;gap:1.5rem;max-width:900px;margin:0 auto;flex-wrap:wrap}.suggestion-card{position:relative;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;overflow:hidden;min-height:120px;flex:0 0 auto;width:220px}.suggestion-card:hover{transform:translateY(-5px);border-color:transparent;box-shadow:0 10px 30px #0000001a}.card-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;z-index:1}.suggestion-card:hover .card-bg{opacity:.1}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.card-emoji{font-size:2rem;margin-bottom:.25rem}.card-title{font-weight:700;color:#1a1a1a;font-size:1rem}.card-subtitle{font-size:.75rem;color:#9ca3af;font-weight:500}.benefits-row{display:flex;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.benefit{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.benefit i{color:#6147ff;font-size:1rem}.teacher-welcome-message{max-width:600px;margin:2rem auto;padding:2.5rem;background:linear-gradient(145deg,#6147ff08,#8b5dff0f);border-radius:20px;border:1px solid rgba(97,71,255,.1);box-shadow:0 10px 40px #6147ff14;animation:fadeInUp .6s ease-out}.message-icon{text-align:center;margin-bottom:1.5rem}.message-icon i{font-size:3rem;background:linear-gradient(135deg,#6147ff,#8b5dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.message-content{text-align:center}.message-quote{font-size:1.25rem;font-style:italic;color:#2d3748;line-height:1.6;margin-bottom:.5rem;font-weight:500}.message-author{font-size:.9rem;color:#718096;margin-bottom:1.5rem}.message-divider{width:60px;height:3px;background:linear-gradient(90deg,#6147ff,#8b5dff);margin:1.5rem auto;border-radius:3px}.message-text{font-size:1rem;color:#4a5568;line-height:1.7;margin-bottom:0}@media (max-width: 768px){.empty-state-container{padding:2rem 1rem;height:auto;min-height:450px}.book-stack{height:100px}.book{width:50px}.book-1{height:75px}.book-2{height:85px}.book-3{height:70px}.pencil{width:50px;height:10px}.empty-state-title{font-size:1.8rem}.teacher-welcome-message{padding:1.5rem;margin:1rem auto}.message-icon i{font-size:2.5rem}.message-quote{font-size:1.1rem}.message-text{font-size:.95rem}.empty-state-title .highlight{font-size:2rem}.create-buttons-container{flex-direction:column;gap:.75rem;max-width:300px}.create-materia-button.primary,.join-class-button{min-width:auto;width:100%;max-width:300px}.empty-state-description{font-size:1rem;padding:0 1rem}.create-materia-button.primary{min-width:auto;width:100%;max-width:300px}.suggestion-cards{flex-direction:column;gap:.75rem}.suggestion-card{padding:1.25rem 1rem;min-height:100px;width:100%;max-width:300px}.benefits-row{flex-direction:column;gap:1rem;align-items:center}.benefit{justify-content:center}.badge-new{font-size:.75rem;padding:.3rem .8rem}}@media screen and (max-width: 768px){body .modal-overlay .modal-content.create-materia-modal-new,body div.modal-content.create-materia-modal-new,.modal-overlay div.create-materia-modal-new.modal-content{max-width:260px!important;width:260px!important;height:auto!important;min-height:auto!important;max-height:80vh!important;min-width:260px!important}}.admin-controls-section{background:#f8f9fa;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.admin-control-group{margin-bottom:1.5rem}.admin-control-group:last-child{margin-bottom:0}.admin-control-label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:1rem}.admin-select{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .2s}.admin-select:focus{outline:none;border-color:#6147ff}.students-selection-grid{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;max-height:300px;overflow-y:auto}.no-students-message{text-align:center;color:#666;padding:2rem}.select-all-container{padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #e0e0e0}.students-checkbox-list{display:flex;flex-direction:column;gap:.5rem}.student-checkbox-label{display:flex;align-items:center;padding:.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s}.student-checkbox-label:hover{background-color:#f3f4f6}.student-checkbox-label input[type=checkbox]{margin-right:.75rem;width:18px;height:18px;cursor:pointer}.student-info{display:flex;flex-direction:column;gap:.25rem}.student-name{font-weight:500;color:#333}.student-email{font-size:.875rem;color:#666}.selected-count{margin-top:.75rem;font-size:.875rem;color:#6147ff;font-weight:500}.materia-admin-info{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.materia-teacher{font-size:.875rem;color:#666;font-weight:500}.materia-students{font-size:.875rem;color:#888}.admin-mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-around;align-items:center;padding:.5rem 0;z-index:1000;box-shadow:0 -2px 10px #00000014}.admin-mobile-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;background:none;border:none;color:#666;cursor:pointer;transition:color .2s}.admin-mobile-nav .nav-item:hover,.admin-mobile-nav .nav-item.active{color:#6147ff}.admin-mobile-nav .nav-item i{font-size:1.25rem}.admin-mobile-nav .nav-item span{font-size:.75rem;font-weight:500}.materias-main.admin-view{flex-direction:column;padding-bottom:80px}.no-materias-message{text-align:center;padding:3rem 2rem;background:#f8f9fa;border-radius:12px;margin-top:2rem}.no-materias-message i{font-size:3rem;color:#6147ff;margin-bottom:1rem;display:block}.no-materias-message p{margin:.5rem 0;color:#666;font-size:1rem}.no-materias-message .hint{color:#888;font-size:.875rem;font-style:italic}@media (max-width: 768px){.materias-main.admin-view{padding:1rem}.admin-controls-section{padding:1.5rem}}.dashboard-container{min-height:100vh;background:#fff;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.dashboard-content{min-height:calc(100vh - 4rem);padding:1rem 5rem 1rem 6rem;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;margin:0;box-sizing:border-box}.row-1{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:flex-end;background:#fff;border-radius:16px;padding:0 1.5rem .5rem;box-shadow:none;min-height:100px;overflow:visible;position:relative;border:none;border-bottom:1px solid #e5e7eb}.welcome-section{display:flex;flex-direction:column;gap:0;margin-bottom:0!important;text-align:center!important;align-items:center}.welcome-greeting{font-size:2rem;font-weight:700;color:#1e293b;margin:0;padding:0 0 .75rem;margin-bottom:.5rem;line-height:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.ai-search-bar{position:relative;display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;transition:all .3s ease;max-width:400px}.ai-search-bar:focus-within{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.search-icon{color:#6366f1;margin-right:.75rem;font-size:1.1rem}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:.95rem;color:#374151}.search-input::placeholder{color:#9ca3af}.search-btn{color:#9ca3af;cursor:pointer;transition:color .3s ease}.search-btn:hover{color:#6366f1}.daily-metrics{display:flex;gap:1rem;overflow:visible;padding:1rem;padding-bottom:0;margin-top:2rem}.metric-card{display:flex;align-items:center;gap:.75rem;background:#fff;padding:1rem 1rem .5rem;border-radius:12px;border:none;min-width:140px;position:relative;overflow:visible;transition:all .3s ease}.metric-card:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.metric-info-icon{position:absolute;top:8px;left:8px;font-size:.75rem;color:#9ca3af;cursor:help;opacity:0;transition:opacity .3s ease;z-index:10}.metric-card:hover .metric-info-icon{opacity:.6}.metric-info-icon:hover{opacity:1!important;color:#6366f1}.metric-info-icon[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:99999;pointer-events:none;box-shadow:0 4px 6px #0000001a;font-weight:400;font-style:normal;font-family:Poppins,sans-serif}.metric-info-icon[data-tooltip]:after{content:"";position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:99999}.metric-info-icon[data-tooltip]:hover:before,.metric-info-icon[data-tooltip]:hover:after{opacity:1;visibility:visible}.metric-icon{font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.metric-icon.fire{color:#ef4444;background:#fef2f2}.metric-icon.bonus{color:#a855f7;background:#faf5ff}.metric-icon.time{color:#06b6d4;background:#ecfeff}.metric-icon.progress{color:#10b981;background:#ecfdf5}.metric-icon.division{color:#f59e0b;background:#fffbeb}.metric-icon.score{color:#eab308;background:#fefce8}.metric-content{display:flex;flex-direction:column}.metric-label{font-size:.75rem;color:#6b7280;font-weight:500}.metric-value{font-size:.95rem;font-weight:700;color:#1f2937}.row-2{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:none;border:none;flex:1;max-height:500px}.horizontal-modules-container{display:flex;gap:1rem;height:100%;width:100%;align-items:stretch}.horizontal-module{flex:1 1 0;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;transition:all .3s ease;cursor:pointer;overflow:visible;position:relative;box-shadow:0 2px 8px #0000000f;min-width:0;min-height:400px;max-height:400px}.horizontal-module:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f;border-color:#cbd5e1;background:#fff}.horizontal-module .metric-info-icon{position:absolute;top:8px;right:8px;font-size:.75rem;color:#9ca3af;cursor:help;opacity:0;transition:opacity .3s ease;z-index:10}.horizontal-module:hover .metric-info-icon{opacity:.6}.horizontal-module .metric-info-icon:hover{opacity:1!important;color:#6366f1}.horizontal-module .metric-info-icon[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:0%;transform:translate(-50%);background:#1e293b;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:99999;pointer-events:none;box-shadow:0 4px 6px #0000001a;font-weight:400;font-style:normal;font-family:Poppins,sans-serif}.horizontal-module .metric-info-icon[data-tooltip]:after{content:"";position:absolute;bottom:calc(100% + 5px);left:0%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:99999}.horizontal-module .metric-info-icon[data-tooltip]:hover:before,.horizontal-module .metric-info-icon[data-tooltip]:hover:after{opacity:1;visibility:visible}.materias-dominio-module .metric-info-icon[data-tooltip]:before{left:30%}.materias-dominio-module .metric-info-icon[data-tooltip]:after{left:30%}.module-content{text-align:center;color:#1f2937;z-index:1;width:100%;height:100%;display:flex;flex-direction:column}.module-content h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#111827}.module-content p{font-size:.9rem;margin:0;color:#6b7280}.horizontal-module.calendar-module{padding:25px .75rem;cursor:default;height:100%;display:flex;flex-direction:column}.horizontal-module.calendar-module .module-content{text-align:left}.module-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb;text-align:center;display:flex;flex-direction:column;align-items:center}.module-header:after{display:none!important}.module-header h3{margin:0;font-size:1.1rem;font-weight:700;font-family:Poppins,sans-serif;text-align:center;color:#1e293b;letter-spacing:-.025em}.current-date{font-size:.8rem;color:#64748b;margin-top:.3rem;font-family:Poppins,sans-serif;font-weight:500}.events-container{flex:1;overflow-y:auto;padding-right:.25rem;max-height:calc(100% - 60px)}.events-list{display:flex;flex-direction:column;gap:.5rem}.event-item{background:#f9fafb;border-left:2px solid #6366f1;padding:.4rem .5rem;border-radius:4px;transition:all .2s ease}.event-item.clickable{cursor:pointer}.event-item.clickable:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;border-left-color:#4f46e5}.clickable-event{cursor:pointer}.clickable-event:hover{background:#f3f4f6;transform:translate(2px)}.event-time{font-size:.75rem;color:#6366f1;font-weight:600;margin-bottom:.25rem}.event-title{font-size:.875rem;color:#111827;font-weight:500}.event-description{font-size:.75rem;color:#6b7280;margin-top:.25rem}.no-events,.loading-text{text-align:center;color:#6b7280;font-size:.8rem;padding:1.5rem 1rem;background:#f3f4f6;border-radius:8px;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.materias-dominio-module{height:400px;max-height:400px;flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.materias-dominio-module .materias-container{width:100%;height:calc(100% - 60px);max-height:280px;overflow:hidden;position:relative}.materias-list{display:flex;flex-direction:column;gap:.6rem;height:100%;max-height:280px;overflow-y:auto;overflow-x:hidden;padding:.5rem .25rem .5rem .5rem;scroll-behavior:smooth;position:relative}.materia-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden;flex-shrink:0;min-height:60px}.materia-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateY(-2px) translate(4px);border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.materia-info{display:flex;align-items:center;flex:1;min-width:0}.materia-details{display:flex;flex-direction:column;min-width:0;flex:1}.materia-title{font-size:.9rem;font-weight:600;color:#1e293b;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;max-width:180px;line-height:1.2}.dominio-percentage{font-weight:700;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dominio-percentage.low{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.dominio-percentage.medium{color:#d97706;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fed7aa}.dominio-percentage.high{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.materia-rank{font-size:.75rem;color:#fff;font-weight:700;padding:.2rem .5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;flex-shrink:0;border:1px solid #6366f1;box-shadow:0 1px 2px #6366f133;order:-1}.no-materias{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:.9rem;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;transition:all .2s ease}.no-materias.clickable:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a;border:1px solid #cbd5e1}padding: 2rem; border: 1px dashed #cbd5e1; } .events-container::-webkit-scrollbar,.materias-list::-webkit-scrollbar{width:6px}.events-container::-webkit-scrollbar-track,.materias-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px;margin:4px 0}.events-container::-webkit-scrollbar-thumb,.materias-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;border:1px solid transparent;background-clip:padding-box}.events-container::-webkit-scrollbar-thumb:hover,.materias-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.materias-list:before{content:"";position:absolute;top:0;left:0;right:6px;height:20px;background:linear-gradient(to bottom,white,transparent);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s}.materias-list:after{content:"";position:absolute;bottom:0;left:0;right:6px;height:20px;background:linear-gradient(to top,white,transparent);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s}.materias-list.has-scroll:before,.materias-list.has-scroll:after{opacity:1}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.materias-loading{display:flex;flex-direction:column;gap:.6rem;padding:.2rem}.materia-skeleton{height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:12px}.quick-access-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;text-align:center}.quick-access-header .section-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.section-subtitle{font-size:.95rem;color:#6b7280;margin:0}.quick-access-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;height:100%;padding:1rem}.quick-access-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .3s ease;font-family:inherit;min-height:150px}.quick-access-btn:hover{transform:translateY(-4px);border-color:#6366f1;background:#fff;box-shadow:0 8px 25px #6366f126}.quick-btn-icon{font-size:3rem;color:#6366f1;transition:all .3s ease}.quick-access-btn:hover .quick-btn-icon{transform:scale(1.1)}.quick-btn-label{font-size:1.25rem;font-weight:600;color:#1f2937;text-align:center}.access-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;position:relative}.access-card:hover{transform:translateY(-2px);border-color:#6366f1;background:#fff;box-shadow:0 8px 25px #6366f126}.access-card.primary{border-color:#6366f1;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.access-card.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f140}.access-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;flex-shrink:0}.access-card:not(.primary) .access-icon-wrapper{background:#6366f1;opacity:.1}.access-card:not(.primary):hover .access-icon-wrapper{opacity:1}.access-icon{font-size:1.5rem;color:#6366f1}.access-card.primary .access-icon{color:#fff}.access-card:not(.primary):hover .access-icon{color:#fff}.access-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.access-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0}.access-card.primary .access-title{color:#fff}.access-description{font-size:.875rem;color:#6b7280;margin:0}.access-card.primary .access-description{color:#ffffffe6}.access-arrow{font-size:1rem;color:#6b7280;transition:all .3s ease}.access-card.primary .access-arrow{color:#fff}.access-card:hover .access-arrow{color:#6366f1;transform:translate(4px)}.access-card.primary:hover .access-arrow{color:#fff}.ai-recommendation{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;padding:1.5rem;color:#fff;box-shadow:0 4px 20px #6366f140}.recommendation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rec-title{display:flex;align-items:center;gap:.75rem}.rec-title h2{font-size:1.25rem;font-weight:600;margin:0}.rec-icon{font-size:1.25rem;color:#fbbf24}.ai-badge{background:#fff3;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.urgency-indicator{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.urgency-indicator.high{background:#ef4444}.recommendation-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.rec-subject h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.rec-reason{font-size:.875rem;margin:0;opacity:.9}.rec-action-btn{background:#fff3;border:none;padding:.75rem 1.5rem;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.rec-action-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.row-3{min-height:140px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;height:100%}.quick-action-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 8px #0000000f}.quick-action-card:hover{transform:translateY(-4px);border-color:var(--card-color);box-shadow:0 8px 25px #00000026}.action-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:var(--card-color);opacity:.1;transition:all .3s ease}.quick-action-card:hover .action-icon-wrapper{opacity:1}.action-icon{font-size:1.5rem;color:var(--card-color)}.quick-action-card:hover .action-icon{color:#fff}.action-info{display:flex;flex-direction:column;gap:.25rem}.action-title{font-size:.95rem;font-weight:600;color:#1f2937;margin:0}.action-description{font-size:.8rem;color:#6b7280;margin:0}.action-duration{font-size:.75rem;font-weight:600;color:var(--card-color);background:#6366f11a;padding:.25rem .5rem;border-radius:8px;margin-top:.25rem}.row-4{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1;min-height:300px}.progress-left,.progress-right{display:flex;flex-direction:column;gap:1rem}.daily-goals,.weekly-tracker,.level-progress,.subject-progress{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.section-title svg{color:#6366f1;font-size:.9rem}.goals-list{display:flex;flex-direction:column;gap:.75rem}.goal-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;transition:all .3s ease}.goal-item:hover{background:#f8fafc}.goal-item.completed{opacity:.7}.goal-item.completed .goal-text{text-decoration:line-through}.goal-checkbox{color:#6366f1;font-size:1rem}.goal-item.completed .goal-checkbox{color:#10b981}.goal-text{font-size:.875rem;color:#374151}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.day-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border-radius:8px}.day-item.today{background:#eff6ff}.day-label{font-size:.75rem;font-weight:600;color:#6b7280}.day-item.today .day-label{color:#2563eb}.day-indicator{width:8px;height:8px;border-radius:50%;background:#e5e7eb}.day-item.completed .day-indicator{background:#10b981}.day-item.today .day-indicator{background:#3b82f6;animation:pulse 2s infinite}.level-info{display:flex;flex-direction:column;gap:.5rem}.level-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;text-align:center;font-size:.9rem}.points-info{display:flex;flex-direction:column;gap:.25rem;text-align:center}.points-info span:first-child{font-size:1.1rem;font-weight:600;color:#1f2937}.points-next{font-size:.8rem;color:#6b7280}.subjects-list{display:flex;flex-direction:column;gap:1rem}.subject-item{display:flex;flex-direction:column;gap:.5rem}.subject-header{display:flex;justify-content:space-between;align-items:center}.subject-name{font-size:.875rem;font-weight:500;color:#374151}.subject-percentage{font-size:.8rem;font-weight:600;color:#6b7280}.progress-bar{height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@media (max-width: 1200px){.dashboard-container{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.dashboard-content{max-width:100%;padding:.75rem;gap:.75rem;transform:translateZ(0)}.row-1{grid-template-columns:1fr;gap:1rem;text-align:center}.daily-metrics{justify-content:center}.progress-insights-container{gap:.8rem!important;grid-template-columns:1fr 1fr!important}.progress-metric{padding:.8rem!important}.progress-metric-value{font-size:1.3rem!important}}@media (max-width: 1024px){.dashboard-container{min-height:100vh;height:100vh;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;position:relative}.dashboard-content{min-height:auto;height:auto;padding:.5rem;gap:.5rem;overflow:visible;transform:translateZ(0);backface-visibility:hidden}.welcome-greeting{font-size:1.5rem}.daily-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.3rem!important;align-items:center!important;width:100%!important;padding:.4rem!important;flex-direction:unset!important;flex-wrap:unset!important;margin-top:.5rem!important}.dashboard-container .metric-card:nth-child(4),.dashboard-container .metric-card:nth-child(5){grid-row:2!important}.dashboard-container .metric-card:nth-child(4){grid-column:1 / 2!important;margin-left:25%!important}.dashboard-container .metric-card:nth-child(5){grid-column:2 / 4!important;margin-right:25%!important}.metric-card{min-width:auto!important;width:100%!important;max-width:none!important;justify-content:center!important;align-items:center!important;padding:.4rem .25rem!important;gap:.25rem!important;flex-direction:column!important;text-align:center!important;display:flex!important}.metric-icon{font-size:.9rem!important;width:20px!important;height:20px!important}.metric-content{gap:.05rem;align-items:center}.metric-label{font-size:.6rem!important;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value{font-size:.75rem!important;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-access-grid{grid-template-columns:1fr 1fr;gap:.75rem;padding:.5rem}.quick-access-btn{padding:1.5rem;min-height:120px}.quick-btn-icon{font-size:2rem}.quick-btn-label{font-size:1rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.horizontal-modules-container{flex-direction:column;gap:.75rem;transform:translateZ(0)}.horizontal-module{min-height:100px;padding:1rem;will-change:auto;backface-visibility:hidden}.horizontal-module.study-modes-module,.horizontal-module.calendar-module,.horizontal-module.progress-module{display:none!important}.materias-list{max-height:250px!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:scroll-position}.materias-list::-webkit-scrollbar{width:8px!important}.materias-list::-webkit-scrollbar-thumb{background:#94a3b8!important}.horizontal-module{contain:layout style paint}.module-content h3{font-size:1.1rem}.module-content p{font-size:.85rem}.progress-insights-container{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.progress-metric{padding:.6rem .4rem!important;flex-direction:column!important;align-items:center!important;gap:.2rem!important;min-height:70px!important}.progress-metric-value{flex-direction:row!important;font-size:1.2rem!important;gap:.3rem!important}.progress-metric-value i{font-size:.9rem!important}.progress-metric-label{font-size:.65rem!important;text-align:center!important;line-height:1.1!important;flex:none!important}.row-4{grid-template-columns:1fr;gap:.75rem}.recommendation-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.dashboard-container{overscroll-behavior-y:contain;position:relative}.dashboard-content{transform:translateZ(0)}.welcome-greeting{font-size:1.25rem}.ai-search-bar{max-width:100%}.quick-actions-grid{grid-template-columns:1fr}.action-icon-wrapper{width:40px;height:40px}.action-icon{font-size:1.25rem}.progress-metric{padding:.8rem;min-height:60px}.progress-metric-value{font-size:1.4rem}.progress-metric-label{font-size:.75rem;line-height:1.1}.row-1,.row-2,.row-3,.row-4{will-change:auto;transform:translateZ(0);backface-visibility:hidden;contain:layout style paint;position:relative}.metric-card,.horizontal-module,.quick-action-card{transition:none!important}.metric-card:hover,.horizontal-module:hover,.quick-action-card:hover{transform:none!important}}.horizontal-module.study-modes-module{padding:.75rem;cursor:default;height:100%;display:flex;flex-direction:column}.horizontal-module.study-modes-module .module-content{padding:.75rem;height:100%;display:flex;flex-direction:column}.study-modes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem 0;flex:1;align-content:center}.study-mode-card{background:#fffffff2;border-radius:16px;padding:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.study-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s}.study-mode-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #00000026;background:#fff!important}.study-mode-card:hover:before{opacity:1}.mode-icon-wrapper{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem}.mode-icon-wrapper i{z-index:2;position:relative}.intelligent-mode,.quiz-mode,.free-mode,.games-mode{background:#fffffff2}.intelligent-mode .mode-icon-wrapper,.quiz-mode .mode-icon-wrapper,.free-mode .mode-icon-wrapper,.games-mode .mode-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.intelligent-mode:hover,.quiz-mode:hover,.free-mode:hover,.games-mode:hover{background:#fff}.mode-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:inherit;opacity:.3;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.mode-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);animation:shine 3s infinite}@keyframes shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mode-float{position:absolute;width:100%;height:100%;border-radius:50%;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mode-rotate{position:absolute;width:100%;height:100%;animation:rotate 4s linear infinite}.mode-title{font-size:.75rem;font-weight:600;color:#1e293b;text-align:center}.mode-description{font-size:.75rem;color:#64748b;text-align:center;opacity:.8}.study-mode-card:hover .mode-title{color:#0f172a}.study-mode-card:hover .mode-description{opacity:1}.study-mode-card:active{transform:scale(.98)}.study-mode-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.study-mode-card:active:after{width:300px;height:300px}.horizontal-module.progress-module{padding:.75rem;cursor:default;height:100%;display:flex;flex-direction:column}.horizontal-module.progress-module .module-content{padding:.75rem;height:100%;display:flex;flex-direction:column}.progress-insights-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem 0;flex:1;align-content:center}.progress-metric{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.progress-metric:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 2px 4px #0000000d}.progress-metric-value{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#1e293b}.progress-metric-value i{font-size:1rem;color:#6366f1}.progress-metric-label{font-size:.7rem;color:#64748b;text-align:center;line-height:1.2}.welcome-content{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.restart-tutorial-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #6366f14d}.restart-tutorial-btn:hover{background:linear-gradient(135deg,#5b5ad6,#7c3aed);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.restart-tutorial-btn:active{transform:translateY(0)}.help-fab{position:fixed;right:0;bottom:32px;z-index:1000;display:flex;align-items:center;background:#4f46e5;border-radius:24px 0 0 24px;box-shadow:0 4px 16px #4f46e51a;text-decoration:none;cursor:pointer;transition:box-shadow .2s,background .2s,width .25s;overflow:hidden;color:#fff;min-width:48px;width:48px;height:48px}.help-fab.expanded{width:220px}.help-fab-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;transition:box-shadow .2s;color:#fff;font-size:2.2rem}.help-fab-icon svg{width:56px;height:56px}.help-fab-text{font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:1rem;white-space:nowrap;opacity:0;margin-left:0;transition:opacity .25s,margin-left .25s;color:#fff;display:flex;align-items:center;height:100%}.help-fab.expanded .help-fab-text{opacity:1;margin-left:8px}.help-fab.expanded .help-fab-icon{box-shadow:0 8px 24px #4f46e52e}@media (max-width: 700px){.help-fab{right:0;bottom:12px;min-width:40px;width:40px;height:40px;border-radius:20px 0 0 20px}.help-fab.expanded{width:140px}.help-fab-icon{width:40px;height:40px}.help-fab-icon svg{width:44px;height:44px}.help-fab-text{font-size:.95rem}}.swipeable-card-container{position:relative;width:100%;max-width:400px;margin:0 auto}.swipeable-card{position:relative;width:100%;max-width:400px;height:450px;margin:0 auto;transform-style:preserve-3d;transition:transform .5s ease;perspective:1000px;border-radius:16px;-webkit-user-select:none;user-select:none;touch-action:none;background-color:transparent}.swipeable-card.locked{pointer-events:none}.swipeable-card.transitioning .card-inner{opacity:0;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out}.swipeable-card:not(.transitioning) .lock-display{opacity:1;transition:opacity .3s ease-in}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;background-color:transparent}.swipeable-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;padding:2rem;border-radius:16px;background-color:#fff!important;background:#fff!important;border:2px solid #e5e7eb!important;box-shadow:0 4px 6px #0000000d}.card-back{transform:rotateY(180deg)}.study-mode-indicator{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #667eea4d}.study-mode-indicator i{font-size:.9rem}.lock-display{background:#ef4444;color:#fff;padding:.75rem 1rem;border-radius:8px;text-align:center;margin:1rem 0;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:600;animation:slideInDown .5s ease-out}.lock-icon-front{font-size:1.2rem}.lock-timer-front{display:flex;align-items:center;gap:.25rem}.timer-number-front{font-size:1.2rem;font-weight:700;color:gold}.timer-text-front{font-size:.9rem;opacity:.9}.lock-message-front{display:none}.evaluation-ready-front{background:#10b981;color:#fff;padding:.75rem 1rem;border-radius:8px;text-align:center;margin:1rem 0;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;animation:slideInUp .5s ease-out}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:16px}.lock-content{text-align:center;color:#fff;padding:2rem}.lock-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 1s infinite}.lock-timer{margin-bottom:1rem}.timer-number{font-size:3rem;font-weight:800;display:block;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.3)}.timer-text{font-size:1rem;opacity:.9}.lock-message{font-size:1.1rem;opacity:.9}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.evaluation-ready{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1rem;border-radius:12px;text-align:center;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.term{font-size:2.2rem;font-weight:600;text-align:center;margin-bottom:1.5rem;flex:1;display:flex;align-items:center;justify-content:center;color:var(--primary-color);padding:1rem;line-height:1.4}.hint{text-align:center;color:#999;font-size:.9rem;padding:1rem 0;display:flex;flex-direction:column;align-items:center}.hint-icon{margin-top:.5rem;font-size:1.5rem;animation:bounceUp 1.5s infinite}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.swipe-hints{display:flex;justify-content:space-between;padding:1.5rem 0;color:#666;font-size:.9rem;font-weight:500}.swipe-hint{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;transition:all .3s ease;opacity:.7}.swipe-hint.left{margin-right:auto;color:#ff6b6b}.swipe-hint.right{margin-left:auto;color:#34c759}.arrow-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#0000001a;transition:all .3s ease}.swipe-hint.left .arrow-indicator{background-color:#ff6b6b33}.swipe-hint.right .arrow-indicator{background-color:#34c75933}.arrow-indicator i{font-size:.8rem;font-weight:600;color:inherit}.swipe-hint:hover{opacity:1}.swipe-hint:hover .arrow-indicator{transform:scale(1.1)}.definition{flex:1;padding:1rem 0;overflow-y:auto}.definition h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.6rem;font-weight:700}.definition p{font-size:1.2rem!important;line-height:1.6!important;color:#333;font-weight:500}.text-to-speech-container{display:flex;justify-content:center;margin-top:1.5rem}.source{color:#999;font-size:.85rem;font-style:italic;text-align:center;margin:1rem 0}.low-confidence{background-color:#f8fafc;color:#64748b;border:1px solid #cbd5e1}.high-confidence{background-color:var(--primary-color);color:#fff}.low-confidence:hover{background-color:#f1f5f9}.high-confidence:hover{filter:brightness(1.1)}.tap-hint{text-align:center;color:#999;font-size:.9rem;padding:1rem 0}.swipeable-card.last-card{animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes swipeLeft{to{transform:translate(-100vw) rotate(-30deg);opacity:0}}@keyframes swipeRight{to{transform:translate(100vw) rotate(30deg);opacity:0}}@media (max-width: 480px){.swipeable-card{height:400px;margin:0 auto}.term{font-size:1.8rem}.definition p{font-size:1.2rem!important}.definition h3{font-size:1.4rem}.swipe-hints{padding:1rem 0}.arrow-indicator{width:20px;height:20px}.arrow-indicator i{font-size:.8rem}.evaluation-buttons{flex-direction:column;gap:.5rem}.eval-button{padding:.75rem;font-size:.9rem}}@media (min-width: 481px) and (max-width: 768px){.swipeable-card{height:420px}}.swipeable-card.dragging{transition:none}.evaluation-buttons{display:flex;gap:1rem;margin-top:1rem;padding:0 1rem}.eval-button{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #00000026}.eval-button.review-later{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.eval-button.mastered{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.eval-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.eval-button:active{transform:translateY(0)}@keyframes celebration-confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.celebration-confetti{position:fixed;width:10px;height:10px;background:#00d4aa;animation:celebration-confetti-fall 3s ease-out;z-index:9999;border-radius:50%}@keyframes shooting-star-animation{0%{transform:translate(0) translateY(0) rotate(-45deg);opacity:1}70%{opacity:1}to{transform:translate(100vw) translateY(100vh) rotate(-45deg);opacity:0}}.shooting-star{position:fixed;width:4px;height:4px;background:#fff;border-radius:50%;animation:shooting-star-animation 2s ease-out;z-index:9998;box-shadow:0 0 6px 2px #fffc}.star-trail{position:absolute;top:50%;left:50%;width:200px;height:2px;background:linear-gradient(90deg,#fff0,#fffc,#fff0);transform:translate(-100%,-50%) rotate(45deg);opacity:.6}.shooting-star:nth-child(odd){background:gold;box-shadow:0 0 10px 3px #ffd700cc}.shooting-star:nth-child(2n){background:#667eea;box-shadow:0 0 10px 3px #667eeacc}.feedback-message{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;min-width:200px;max-width:90%;z-index:1300;animation:slideIn .3s ease forwards}.feedback-message.exiting{animation:slideOut .3s ease forwards}.feedback-message i{margin-right:10px;font-size:18px}.feedback-message .message-text{font-size:16px;font-weight:500}.feedback-message.success{background-color:#e3fcef;border-left:4px solid #34c759;color:#1e7b3c}.feedback-message.success i{color:#34c759}.feedback-message.info{background-color:#e6f3ff;border-left:4px solid #007aff;color:#0055b3}.feedback-message.info i{color:#007aff}.feedback-message.warning{background-color:#fff4e6;border-left:4px solid #ff9500;color:#c56e00}.feedback-message.warning i{color:#ff9500}@keyframes slideIn{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideOut{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-20px);opacity:0}}@media (max-width: 480px){.feedback-message{width:85%;padding:10px 15px}.feedback-message .message-text{font-size:14px}}:root{--mini-quiz-primary: #6147FF;--mini-quiz-secondary: #9B88FF;--mini-quiz-accent: #FF6B6B;--mini-quiz-success: #00D4AA;--mini-quiz-error: #FF5757;--mini-quiz-warning: #FFA726;--mini-quiz-critical: #FF4444;--mini-quiz-bg: #F8F9FF;--mini-quiz-bg-gradient: linear-gradient(135deg, #F5F7FF 0%, #FFFFFF 100%);--mini-quiz-card-bg: rgba(255, 255, 255, .95);--mini-quiz-border: #E8E8F7;--mini-quiz-text-dark: #1A1A2E;--mini-quiz-text-medium: #4A4A68;--mini-quiz-text-light: #8B8BA5;--mini-quiz-shadow: 0 10px 40px rgba(97, 71, 255, .1);--mini-quiz-shadow-hover: 0 15px 50px rgba(97, 71, 255, .2);--mini-quiz-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--mini-quiz-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--mini-quiz-gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--mini-quiz-gradient-purple: linear-gradient(135deg, #6147FF 0%, #9B88FF 100%)}.mini-quiz-integrated{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;max-width:800px;margin:0 auto;padding:1rem;width:100%;box-sizing:border-box}.mini-quiz-container{background:var(--mini-quiz-bg-gradient);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-y:auto;overflow-x:hidden;display:block;height:100vh}.mini-quiz-container:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(97,71,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(155,136,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,107,107,.1) 0%,transparent 50%);pointer-events:none;animation:particleFloat 20s ease-in-out infinite}@keyframes particleFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.mini-quiz-container:before,.mini-quiz-container:after{content:"";position:absolute;border-radius:50%;opacity:.05;pointer-events:none}.mini-quiz-container:before{width:400px;height:400px;background:var(--mini-quiz-primary);top:-200px;right:-100px;animation:float 20s ease-in-out infinite}.mini-quiz-container:after{width:300px;height:300px;background:var(--mini-quiz-secondary);bottom:-150px;left:-100px;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-30px) rotate(90deg)}50%{transform:translate(-20px,20px) rotate(180deg)}75%{transform:translate(30px,30px) rotate(270deg)}}.mini-quiz-top-progress{position:fixed;top:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 20px #0000000d;padding:20px 0;text-align:center;z-index:1000;border-bottom:1px solid var(--mini-quiz-border)}.mini-quiz-top-progress .progress-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--mini-quiz-primary),var(--mini-quiz-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}.quiz-info-inline{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:30px}.quiz-timer-info,.quiz-score-info{background:#fff;padding:.5rem 1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .2s ease}.quiz-timer-info{font-size:.95rem;color:#48484a;position:relative}.quiz-timer-info i{font-size:.875rem;color:#ff9500}@keyframes clockTick{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.quiz-timer-info:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:100px;background:conic-gradient(from 0deg,transparent 0deg,var(--mini-quiz-primary) 360deg);opacity:.1;z-index:-1;animation:timerProgress 45s linear}@keyframes timerProgress{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-timer-info.warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:var(--mini-quiz-warning);animation:pulse-warning 1s ease-in-out infinite}.quiz-timer-info.critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--mini-quiz-critical);animation:pulse-critical .5s ease-in-out infinite}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-critical{0%,to{transform:scale(1);box-shadow:0 4px 20px #ff44444d}50%{transform:scale(1.08);box-shadow:0 6px 30px #f446}}.quiz-score-info{font-size:.95rem;background:#6366f1;color:#fff;padding:.5rem 1rem;position:relative;overflow:hidden}.quiz-score-info:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:scoreShine 3s infinite}@keyframes scoreShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.mini-quiz-content{position:relative;z-index:1}.mini-quiz-main{max-width:900px;margin:0 auto;padding:40px 20px;position:relative;z-index:1;min-height:100vh;box-sizing:border-box}.mini-quiz-main.with-top-progress{padding-top:100px}.mini-quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.mini-quiz-loading .loading-spinner{width:60px;height:60px;position:relative;margin-bottom:30px}.mini-quiz-loading .loading-spinner:before,.mini-quiz-loading .loading-spinner:after,.mini-quiz-loading .loading-spinner{border-radius:50%;width:15px;height:15px;animation:loadingDots 1.8s infinite ease-in-out}.mini-quiz-loading .loading-spinner{color:var(--mini-quiz-primary);animation-delay:-.16s;position:relative;top:-30px}.mini-quiz-loading .loading-spinner:before,.mini-quiz-loading .loading-spinner:after{content:"";position:absolute;top:0}.mini-quiz-loading .loading-spinner:before{left:-25px;background:var(--mini-quiz-secondary);animation-delay:-.32s}.mini-quiz-loading .loading-spinner:after{left:25px;background:var(--mini-quiz-accent)}@keyframes loadingDots{0%,80%,to{box-shadow:0 15px 0 -15px;transform:scale(1)}40%{box-shadow:0 15px;transform:scale(1.2)}}.mini-quiz-loading .loading-spinner:before,.mini-quiz-loading .loading-spinner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid transparent}.mini-quiz-loading .loading-spinner:before{border-top-color:var(--mini-quiz-primary);animation:spin 1s linear infinite}.mini-quiz-loading .loading-spinner:after{border-bottom-color:var(--mini-quiz-secondary);animation:spin 1.5s linear infinite reverse}.mini-quiz-loading p{font-size:18px;color:var(--mini-quiz-text-medium);margin:0;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-quiz-session-container{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;margin:.5rem 0;animation:slideInScale .3s ease-out}@keyframes slideInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.mini-quiz-question-container{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px -1px #0000000f,0 1px 2px -1px #0000000f;border:1px solid #e5e7eb;position:relative;overflow:hidden}.mini-quiz-question-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--mini-quiz-primary),var(--mini-quiz-secondary));border-radius:24px;opacity:0;transition:opacity .3s ease;z-index:-1}.mini-quiz-question-container:hover:before{opacity:.1}.question-definition h3{margin:0 0 .75rem;font-size:1.1rem;color:#6366f1;font-weight:600;display:flex;align-items:center;gap:8px}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.question-definition h3:before{content:"💡";font-size:1.2rem}.question-definition p{margin:0 0 1rem;font-size:1rem;color:#374151;line-height:1.5;background:#f8f9fa;padding:.75rem;border-radius:8px;border-left:3px solid #6366f1;font-weight:400}.question-source{font-size:.8rem;color:#9ca3af;font-style:italic;display:flex;align-items:center;gap:6px}.question-source:before{content:"📚";font-size:.9rem}.mini-quiz-options-container{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.mini-quiz-option{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem .5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;color:#374151!important;line-height:1.4;text-align:center;min-height:60px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.mini-quiz-option:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(97,71,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.mini-quiz-option:hover:after{width:300%;height:300%}.mini-quiz-option:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--mini-quiz-primary);transform:translate(-50%,-50%);transition:all .5s ease;opacity:.1}.mini-quiz-option:hover:not(.disabled){border-color:#6366f1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.mini-quiz-option:hover:not(.disabled):before{width:300px;height:300px}.mini-quiz-option.correct{border-color:#10b981;background:#ecfdf5;color:#047857;animation:correctAnswer .6s ease;box-shadow:0 4px 6px -1px #10b98133}.mini-quiz-option.correct:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--mini-quiz-success),transparent,var(--mini-quiz-success));border-radius:20px;opacity:.5;z-index:-1;animation:shimmer 1s ease-in-out}.mini-quiz-option.incorrect{border-color:#ef4444;background:#fef2f2;color:#dc2626;animation:incorrectAnswer .6s ease;box-shadow:0 4px 6px -1px #ef444433}@keyframes correctAnswer{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes incorrectAnswer{0%,to{transform:translate(0)}10%,30%,50%,70%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.mini-quiz-option.disabled{cursor:not-allowed;opacity:.6}.mini-quiz-option i{font-size:24px;font-weight:700;margin-left:15px;position:absolute;right:20px;top:50%;transform:translateY(-50%);animation:iconPop .3s ease}@keyframes iconPop{0%{transform:translateY(-50%) scale(0)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.option-text{flex:1;text-align:center;font-weight:600;letter-spacing:.3px;padding-right:40px;color:inherit!important}.mini-quiz-feedback{background:#fff;border-radius:16px;padding:24px;margin-top:25px;display:flex;align-items:center;gap:20px;font-size:18px;font-weight:600;animation:slideInUp .3s ease;box-shadow:0 8px 30px #0000001a;position:relative;overflow:hidden}.mini-quiz-feedback.success:after{content:"✨ 🎉 ⭐ 🎊 ✨";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;opacity:0;animation:celebrateParticles .8s ease-out;pointer-events:none}@keyframes celebrateParticles{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.mini-quiz-feedback.success{background:linear-gradient(135deg,#00d4aa1a,#fff);border:2px solid var(--mini-quiz-success);color:var(--mini-quiz-success)}.mini-quiz-feedback.error{background:linear-gradient(135deg,#ff57571a,#fff);border:2px solid var(--mini-quiz-error);color:var(--mini-quiz-error)}.mini-quiz-feedback i{font-size:28px;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}75%{transform:translateY(5px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mini-quiz-results{background:#fff;border-radius:32px;padding:3rem 2.5rem;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #00000005;text-align:center;margin:1.5rem 0;animation:resultsFadeIn .8s cubic-bezier(.68,-.55,.265,1.55);border:none;position:relative;overflow:hidden;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,168,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,.03) 0%,transparent 50%)}.mini-quiz-results:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:conic-gradient(from 90deg at 50% 50%,#10b981,gold,#ff6b35,#10b981 360deg);opacity:.03;animation:rotate 60s linear infinite;pointer-events:none}.mini-quiz-results:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.8) 100%);pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes resultsFadeIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.results-header{margin-bottom:2.5rem;position:relative;z-index:1}.results-header i{font-size:5rem;margin-bottom:1.5rem;display:inline-block;animation:iconBounce 1s cubic-bezier(.68,-.55,.265,1.55);position:relative}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.results-header i.fa-trophy{background:linear-gradient(135deg,gold,#ffa000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 16px rgba(255,215,0,.3))}.results-header i.fa-trophy:before{content:"✨";position:absolute;font-size:1.5rem;top:-10px;right:-10px;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(180deg);opacity:1}}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}.results-header i.fa-times-circle{background:linear-gradient(135deg,#ff6b6b,#ff5252,#ff1744);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.results-header i.fa-clock{background:linear-gradient(135deg,#ffa726,#ff9800,#fb8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.results-header h2{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;font-family:Poppins,sans-serif;animation:fadeInScale .8s ease .3s backwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes titleShine{0%,to{opacity:.9}50%{opacity:1}}.mini-quiz-intro-clean{max-width:600px;margin:0 auto;padding:3rem 2rem;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a}.quiz-intro-header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.quiz-intro-header i{font-size:3rem;color:var(--mini-quiz-primary);margin-bottom:1rem;display:block}.quiz-intro-header h2{font-size:1.8rem;font-weight:700;color:var(--mini-quiz-text-dark);margin:0}.quiz-intro-info{margin-bottom:2.5rem}.quiz-stats-row{display:flex;justify-content:space-around;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px}.quiz-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.quiz-stat i{font-size:1.5rem;color:var(--mini-quiz-primary)}.quiz-stat span{font-size:.9rem;color:var(--mini-quiz-text-medium);font-weight:500;text-align:center}.quiz-notebook-badge{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f5f7ff,#fff);border:2px solid var(--mini-quiz-primary);border-radius:12px;font-weight:600;color:var(--mini-quiz-text-dark)}.quiz-notebook-badge i{color:var(--mini-quiz-primary)}.quiz-intro-actions{display:flex;gap:1rem}.quiz-btn-primary,.quiz-btn-secondary{flex:1;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;border:none}.quiz-btn-primary{background:var(--mini-quiz-primary);color:#fff}.quiz-btn-primary:hover{background:#5138e8;transform:translateY(-2px);box-shadow:0 5px 15px #6147ff4d}.quiz-btn-secondary{background:#fff;color:var(--mini-quiz-primary);border:2px solid #e0e0e0}.quiz-btn-secondary:hover{border-color:var(--mini-quiz-primary);background:#f8f9fa}@media (max-width: 480px){.mini-quiz-intro-clean{padding:2rem 1.5rem}.quiz-stats-row{flex-direction:column;gap:1rem}.quiz-intro-actions{flex-direction:column}}.mini-quiz-intro-modern{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.quiz-intro-background{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;z-index:0}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.shape{position:absolute;border-radius:50%;filter:blur(40px);opacity:.08;animation:floatShape 20s infinite ease-in-out}.shape-1{width:300px;height:300px;background:#6147ff4d;top:-150px;left:-100px;animation-delay:0s}.shape-2{width:200px;height:200px;background:#ff6b6b4d;top:50%;right:-100px;animation-delay:5s}.shape-3{width:250px;height:250px;background:#00d4aa4d;bottom:-100px;left:30%;animation-delay:10s}.shape-4{width:180px;height:180px;background:#9b88ff66;top:20%;left:50%;animation-delay:15s}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.quiz-intro-card{position:relative;background:#fffffffa;border-radius:32px;padding:3rem;max-width:500px;width:100%;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-intro-icon-container{position:relative;width:100px;height:100px;margin:0 auto 2rem}.icon-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mini-quiz-gradient-purple);border-radius:50%;opacity:.2;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.1}to{transform:scale(1);opacity:.2}}.icon-wrapper{position:relative;width:100%;height:100%;background:var(--mini-quiz-gradient-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #6147ff4d}.icon-wrapper i{font-size:2.5rem;color:#fff}.quiz-intro-text{text-align:center;margin-bottom:2.5rem}.quiz-title{font-size:2rem;font-weight:800;background:var(--mini-quiz-gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;letter-spacing:-.5px}.quiz-subtitle{font-size:1.1rem;color:var(--mini-quiz-text-medium);margin:0;font-weight:500}.quiz-info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.info-card{background:linear-gradient(135deg,#f5f7ff,#fff);border-radius:16px;padding:1rem;text-align:center;border:1px solid rgba(97,71,255,.1);transition:all .3s ease}.info-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6147ff26;border-color:#6147ff33}.info-card-icon{width:36px;height:36px;background:var(--mini-quiz-gradient-purple);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem}.info-card-icon i{color:#fff;font-size:1rem}.info-card-content{display:flex;flex-direction:column;gap:.25rem}.info-number{font-size:1.5rem;font-weight:700;color:var(--mini-quiz-primary)}.info-label{font-size:.75rem;color:var(--mini-quiz-text-medium);text-transform:uppercase;letter-spacing:.5px}.quiz-notebook-info{background:linear-gradient(135deg,#f5f7ff,#fff);border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;border:1px solid rgba(97,71,255,.1)}.quiz-notebook-info i{color:var(--mini-quiz-primary);font-size:1rem}.quiz-notebook-info span{color:var(--mini-quiz-text-medium);font-weight:500;font-size:.9rem}.quiz-intro-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}.quiz-button{flex:1;padding:1rem 1.5rem;border-radius:16px;border:none;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.quiz-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.quiz-button:hover:before{left:100%}.quiz-button-primary{background:var(--mini-quiz-gradient-purple);color:#fff;box-shadow:0 4px 15px #6147ff4d}.quiz-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6147ff66}.quiz-button-secondary{background:#fff;color:var(--mini-quiz-primary);border:2px solid var(--mini-quiz-border)}.quiz-button-secondary:hover{background:var(--mini-quiz-bg);border-color:var(--mini-quiz-primary);transform:translateY(-2px)}.quiz-motivational-text{text-align:center;padding:1rem;background:linear-gradient(135deg,#fff9e6,#fff5cc);border-radius:12px;border:1px solid #ffeb3b}.quiz-motivational-text p{margin:0;color:var(--mini-quiz-text-medium);font-size:.9rem;font-weight:500}@media (max-width: 480px){.quiz-intro-card{padding:2rem 1.5rem}.quiz-title{font-size:1.5rem}.quiz-info-cards{grid-template-columns:1fr}.quiz-intro-buttons{flex-direction:column}}.quiz-question-modern{max-width:800px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-progress-container{margin-bottom:2rem}.quiz-progress-bar{height:8px;background:#6147ff1a;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.quiz-progress-fill{height:100%;background:var(--mini-quiz-gradient-purple);border-radius:10px;transition:width .5s ease;position:relative;overflow:hidden}.quiz-progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.quiz-progress-text{text-align:center;color:var(--mini-quiz-text-medium);font-size:.9rem;font-weight:500}.quiz-question-card{background:#fff;border-radius:24px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #00000014;border:1px solid rgba(97,71,255,.1)}.quiz-question-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.quiz-question-icon{width:40px;height:40px;background:var(--mini-quiz-gradient-purple);border-radius:12px;display:flex;align-items:center;justify-content:center}.quiz-question-icon i{color:#fff;font-size:1.2rem}.quiz-question-header h3{margin:0;font-size:1.3rem;color:var(--mini-quiz-text-dark);font-weight:600}.quiz-question-content p{font-size:1.1rem;line-height:1.6;color:var(--mini-quiz-text-medium);margin:0 0 1rem}.quiz-question-source{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f5f7ff,#fff);border-radius:12px;border:1px solid rgba(97,71,255,.1)}.quiz-question-source i{color:var(--mini-quiz-primary);font-size:.9rem}.quiz-question-source span{color:var(--mini-quiz-text-medium);font-size:.9rem;font-weight:500}.quiz-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.quiz-option-card{position:relative;background:#fff;border:2px solid var(--mini-quiz-border);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s ease;animation:slideIn .5s ease backwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-option-card:hover:not(.disabled){transform:translateY(-2px);border-color:var(--mini-quiz-primary);box-shadow:0 5px 20px #6147ff26}.quiz-option-card.correct{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:var(--mini-quiz-success);animation:correctPulse .5s ease}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.quiz-option-card.incorrect{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:var(--mini-quiz-error);animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quiz-option-card.disabled{cursor:not-allowed;opacity:.7}.option-content{display:flex;align-items:center;gap:1rem}.option-letter{width:32px;height:32px;background:var(--mini-quiz-gradient-purple);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.quiz-option-card.correct .option-letter{background:var(--mini-quiz-success)}.quiz-option-card.incorrect .option-letter{background:var(--mini-quiz-error)}.option-text{font-size:1rem;color:var(--mini-quiz-text-dark);font-weight:500;flex:1}.option-result-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:popIn .3s ease}@keyframes popIn{0%{transform:translateY(-50%) scale(0)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.option-result-icon i{font-size:1rem}.quiz-option-card.correct .option-result-icon{background:var(--mini-quiz-success);color:#fff}.quiz-option-card.incorrect .option-result-icon{background:var(--mini-quiz-error);color:#fff}.quiz-feedback-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:16px;margin-top:1rem;animation:slideUp .3s ease}.quiz-feedback-modern.success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid var(--mini-quiz-success)}.quiz-feedback-modern.error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid var(--mini-quiz-error)}.feedback-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff}.quiz-feedback-modern.success .feedback-icon i{color:var(--mini-quiz-success);font-size:1.2rem}.quiz-feedback-modern.error .feedback-icon i{color:var(--mini-quiz-error);font-size:1.2rem}.feedback-content{flex:1}.feedback-text{font-size:.95rem;color:var(--mini-quiz-text-dark);font-weight:500}.quiz-results-modern{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.results-background{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;z-index:0}.results-particles{position:absolute;width:100%;height:100%;overflow:hidden}.results-card{position:relative;background:#fff;border-radius:32px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #00000026;z-index:1;animation:slideUp .6s ease}.results-icon-container{display:flex;justify-content:center;margin-bottom:2rem}.results-icon-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.results-icon-circle.success{background:linear-gradient(135deg,#00d4aa,#00b894);box-shadow:0 10px 30px #00d4aa4d}.results-icon-circle.failure{background:linear-gradient(135deg,#ff5757,#ff3838);box-shadow:0 10px 30px #ff57574d}.results-icon-circle i{color:#fff;font-size:3rem}.results-title{text-align:center;font-size:2rem;font-weight:700;color:var(--mini-quiz-text-dark);margin:0 0 2rem;letter-spacing:-.5px}.results-score-display{display:flex;justify-content:center;margin-bottom:2rem}.score-circle{position:relative;width:200px;height:200px}.score-ring{transform:rotate(-90deg)}.score-ring-progress{transition:stroke-dashoffset 1.5s ease;stroke-linecap:round}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-size:3rem;font-weight:700;color:var(--mini-quiz-primary)}.score-divider{font-size:1.5rem;color:var(--mini-quiz-text-medium);margin:0 .25rem}.score-total{font-size:1.5rem;color:var(--mini-quiz-text-medium)}.results-stats-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card-modern{background:linear-gradient(135deg,#f5f7ff,#fff);border-radius:16px;padding:1rem;text-align:center;border:1px solid rgba(97,71,255,.1);display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-card-modern i{font-size:1.5rem;color:var(--mini-quiz-primary)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--mini-quiz-text-dark)}.stat-label{font-size:.8rem;color:var(--mini-quiz-text-medium);text-transform:uppercase;letter-spacing:.5px}.results-message-modern{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#f5f7ff,#fff);border-radius:16px;border:1px solid rgba(97,71,255,.1);margin-bottom:2rem}.message-main{font-size:1.2rem;font-weight:600;color:var(--mini-quiz-text-dark);margin:0 0 .5rem}.message-sub{font-size:1rem;color:var(--mini-quiz-text-medium);margin:0}.results-button-finish{width:100%;padding:1.25rem;background:var(--mini-quiz-gradient-purple);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6147ff4d}.results-button-finish:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6147ff66}@media (max-width: 480px){.quiz-options-grid,.results-stats-modern{grid-template-columns:1fr}.results-card{padding:2rem 1.5rem}}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;position:relative;z-index:1}.stat-item{background:linear-gradient(135deg,#f5f7ff,#fff);border-radius:20px;padding:1.5rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #00000014,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.stat-item:nth-child(1){background:#e8eaf6}.stat-item:nth-child(2){background:#e8f5e8}.stat-item:nth-child(3){background:#fff3e0}.stat-item:before{display:none}.stat-item:hover{transform:none;box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff1a}.stat-item:nth-child(1):before,.stat-item:nth-child(2):before,.stat-item:nth-child(3):before{display:none}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:2px;background:var(--mini-quiz-gradient-1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.stat-item:hover:before{display:none}.stat-item:hover{transform:none!important;box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff1a!important}.stat-item:hover .stat-value,.stat-item:hover .stat-label{color:#667eea!important}.stat-item:nth-child(1) .stat-icon{background:var(--mini-quiz-gradient-1)}.stat-item:nth-child(2) .stat-icon{background:var(--mini-quiz-gradient-2)}.stat-item:nth-child(3) .stat-icon{background:var(--mini-quiz-gradient-3)}.stat-icon{font-size:2.8rem;margin-bottom:1rem;display:inline-block;position:relative}.stat-item:nth-child(1) .stat-icon{background:linear-gradient(135deg,#4caf50,#8bc34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(76,175,80,.3))}.stat-item:nth-child(2) .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.stat-item:nth-child(3) .stat-icon{background:linear-gradient(135deg,#ff6b35,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(255,107,53,.3))}@keyframes iconBounce{0%,to{transform:scale(1)}25%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.1) rotate(-5deg)}}.stat-item:nth-child(1) .stat-icon{background:linear-gradient(135deg,gold,#ffc107);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-item:nth-child(2) .stat-icon{background:linear-gradient(135deg,#4caf50,#8bc34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-item:nth-child(3) .stat-icon{background:linear-gradient(135deg,#00bcd4,#03a9f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-value{font-size:2.8rem;font-weight:900;color:#000;margin-bottom:.5rem;font-family:Poppins,sans-serif;line-height:1;text-shadow:none}.stat-label{font-size:.95rem;color:#000;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family:Poppins,sans-serif}.results-message{margin-bottom:2rem;position:relative;z-index:1}.success-message{background:transparent;border:2px solid #667eea;border-radius:16px;padding:1.5rem;color:#000;position:relative}.success-message:before{content:"✨";position:absolute;top:-20px;right:-20px;font-size:4rem;opacity:.1;transform:rotate(-15deg)}.failure-message{background:linear-gradient(135deg,#f4433626,#e573731a);border:2px solid rgba(244,67,54,.3);border-radius:16px;padding:1.5rem;color:#000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 24px #00000026}.time-up-message{background:linear-gradient(135deg,#ff980026,#ffb74d1a);border:2px solid rgba(255,152,0,.3);border-radius:16px;padding:1.5rem;color:#000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 24px #00000026}.results-message p{margin:0 0 .6rem;font-size:.95rem;font-weight:400;line-height:1.6;color:#000;text-shadow:none;font-family:Poppins,sans-serif}.results-message p:first-child{font-size:1rem;font-weight:500;color:#000;font-family:Poppins,sans-serif}.results-message p:last-child{margin-bottom:0;font-size:.9rem;color:#000;opacity:1;font-family:Poppins,sans-serif}.results-actions{display:flex;justify-content:center;position:relative;z-index:1;margin-top:2rem}.action-button{padding:1.2rem 3rem;border-radius:16px;font-size:1.15rem;font-weight:600;cursor:pointer;transition:none;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border:none;text-decoration:none;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;min-width:200px;font-family:Poppins,sans-serif}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 30px #667eea66,inset 0 1px #fff3}.action-button.primary:hover{transform:none;box-shadow:0 10px 30px #667eea66,inset 0 1px #fff3}.action-button.primary:active{transform:none}.action-button.primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-button.primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #42a5f580,0 0 0 2px #fff3,inset 0 1px #ffffff4d}.action-button.primary:hover:before{width:300px;height:300px}.action-button.primary:active{transform:translateY(-1px)}.action-button.primary i{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:iconSlide 1s ease-in-out infinite}@keyframes iconSlide{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.action-button.primary:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mini-quiz-gradient-2);border-radius:16px;opacity:0;z-index:-1;transition:opacity .3s ease}.action-button.primary:active{transform:translateY(-1px) scale(.98)}.action-button.primary:active:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);transform:translate(-50%,-50%);animation:clickRipple .6s ease-out}@keyframes clickRipple{0%{width:0;height:0;opacity:1}to{width:300%;height:300%;opacity:0}}.mini-quiz-intro{max-width:600px;margin:.5rem auto;padding:1rem;background:linear-gradient(135deg,#6147ff,#8b5dff);border-radius:16px;box-shadow:0 8px 32px #6147ff4d;border:1px solid rgba(255,255,255,.1);animation:introFadeIn .4s ease;position:relative;overflow:hidden;text-align:center}@keyframes introFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-header{text-align:center;margin-bottom:1rem;padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#6147ff,#9333ea);border-radius:12px 12px 0 0;position:relative;overflow:hidden}.intro-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite;z-index:0}.intro-header i,.intro-header h2{position:relative;z-index:1}.intro-header i{font-size:2.5rem;margin-bottom:.5rem;display:inline-block;color:#fff;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.2)}.intro-header i:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(97,71,255,.2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:pulseCircle 2s ease-in-out infinite;z-index:-1}@keyframes pulseCircle{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.5);opacity:1}}.intro-header h2{font-size:1.5rem;font-weight:700;color:#fff!important;-webkit-text-fill-color:white!important;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;margin:0;text-align:center;display:block;width:100%}.mini-quiz-intro h2{color:#fff!important;-webkit-text-fill-color:white!important}.intro-header h2,.mini-quiz-intro .intro-header h2{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.intro-content{margin-bottom:1rem;background:#fffffff2;border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a}.intro-description{text-align:center;font-size:1.1rem;color:var(--mini-quiz-text-medium);font-weight:500;margin:1rem 0;padding:.5rem}.intro-section{margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #6366f1}.intro-section h3{color:#6366f1;font-size:1rem;margin-bottom:.5rem;font-weight:600;display:flex;align-items:center;gap:8px}.intro-section h3:before{content:"✨";font-size:1.2rem}.intro-section p{color:#6b7280;line-height:1.5;margin:0;font-size:.9rem}.intro-section ul{list-style:none;padding:0;margin:0}.intro-section li{display:flex;align-items:flex-start;margin-bottom:.75rem;color:#6b7280;line-height:1.6;font-size:.95rem;padding:.25rem 0}.intro-section li i{font-size:.9rem;margin-right:.8rem;margin-top:.1rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#6366f1;color:#fff;border-radius:50%;flex-shrink:0}.intro-section li span{flex:1;line-height:1.6;word-spacing:normal}.intro-section strong{color:var(--mini-quiz-primary);font-weight:700}.intro-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:1rem;flex-wrap:wrap;width:100%!important;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);margin:0 auto!important;text-align:center!important}.intro-actions .action-button{font-size:1rem;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #00000026}.intro-actions .action-button.primary{background:linear-gradient(135deg,#6147ff,#8b5dff);color:#fff}.intro-actions .action-button.secondary{background:#ffffffe6;color:#666;border:1px solid rgba(0,0,0,.1)}.intro-actions .action-button.secondary:hover{background:#fff;color:#333}.intro-actions .action-button.danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.intro-actions .action-button.danger:hover{background:linear-gradient(135deg,#d32f2f,#f44336)}.warning-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.warning-modal{background:#fff;border-radius:10px;box-shadow:0 6px 20px #00000040;max-width:240px;width:65%;margin:.3rem;animation:modalAppear .3s ease-out;min-height:200px}@keyframes modalAppear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.warning-modal-header{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:.7rem;border-radius:10px 10px 0 0;text-align:center;position:relative}.warning-modal-header i{font-size:1.4rem;margin-bottom:.2rem;display:block;text-shadow:0 2px 4px rgba(0,0,0,.2)}.warning-modal-header h3{margin:0;font-size:.95rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.warning-modal-content{padding:1rem .7rem;text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:center}.warning-modal-content p{margin:0 0 .7rem;color:#333;line-height:1.4;font-size:.8rem}.warning-modal-content p:last-child{margin-bottom:0;font-weight:600;color:#666}.warning-modal-content strong{color:#f44336;font-weight:700}.warning-modal-actions{padding:.5rem .7rem .7rem;display:flex;gap:.5rem;justify-content:center}.warning-modal-actions .action-button{flex:1;max-width:70px;font-size:.65rem;padding:.35rem .5rem;border-radius:5px;min-height:28px}@keyframes pulseButton{0%,to{box-shadow:0 8px 25px #6147ff4d}50%{box-shadow:0 12px 35px #6147ff80}}.intro-actions .action-button i{margin-right:.6rem;font-size:1.3rem}.mini-quiz-option{transform-style:preserve-3d;transform:perspective(1000px) rotateX(0);color:var(--mini-quiz-text-dark)!important}.mini-quiz-option:hover{transform:perspective(1000px) rotateX(-5deg) translateY(-5px) scale(1.02)}.mini-quiz-options-container{animation:containerFadeIn .5s ease}@keyframes containerFadeIn{0%{opacity:0}to{opacity:1}}.mini-quiz-option{animation:optionSlideIn .6s ease forwards}@keyframes optionSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mini-quiz-option:focus{outline:none;box-shadow:0 0 0 3px #6147ff4d}@media (max-width: 768px){.mini-quiz-integrated{padding:.5rem}.mini-quiz-main{padding:20px 15px}.mini-quiz-session-container,.mini-quiz-question-container{padding:1rem}.question-definition p{font-size:18px;padding:20px}.mini-quiz-options-container{grid-template-columns:1fr}.results-stats{grid-template-columns:1fr;gap:20px}.mini-quiz-results{padding:30px}.results-header h2{font-size:26px}.quiz-info-inline{gap:15px}.quiz-timer-info,.quiz-score-info{padding:10px 20px;font-size:16px}.mini-quiz-intro{margin:10px;padding:1.5rem;max-height:calc(100vh - 20px);overflow-y:auto}.intro-header i{font-size:3rem}.intro-header h2{font-size:1.8rem}.intro-section h3{font-size:1.2rem}.action-button{padding:16px 32px;font-size:16px}}@media (max-width: 480px){.mini-quiz-top-progress{padding:15px 0}.mini-quiz-top-progress .progress-text{font-size:16px}.mini-quiz-question-container{padding:20px}.question-definition h3{font-size:19px}.question-definition p{font-size:16px;padding:15px}.mini-quiz-option{padding:20px 16px;font-size:16px;min-height:80px}.results-header i{font-size:48px}.stat-value{font-size:28px}.results-message p{font-size:16px}}.mini-quiz-question-container,.mini-quiz-option,.stat-item{animation:fadeInUp .6s ease backwards}.mini-quiz-option:nth-child(1){animation-delay:.1s}.mini-quiz-option:nth-child(2){animation-delay:.2s}.mini-quiz-option:nth-child(3){animation-delay:.3s}.mini-quiz-option:nth-child(4){animation-delay:.4s}.stat-item:nth-child(1){animation-delay:.2s}.stat-item:nth-child(2){animation-delay:.3s}.stat-item:nth-child(3){animation-delay:.4s}@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)){.mini-quiz-session-container,.mini-quiz-results,.mini-quiz-intro{background:#ffffffd9}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.mini-quiz-option:focus-visible,.action-button:focus-visible{outline:3px solid var(--mini-quiz-primary);outline-offset:2px}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-piece{position:fixed;width:10px;height:10px;background:var(--mini-quiz-success);animation:confetti-fall 3s ease-out;z-index:9999}@media (prefers-color-scheme: dark){:root{--mini-quiz-bg: #0F0F23;--mini-quiz-bg-gradient: linear-gradient(135deg, #0F0F23 0%, #1A1A2E 100%);--mini-quiz-card-bg: rgba(26, 26, 46, .95);--mini-quiz-border: #2A2A4E;--mini-quiz-text-dark: #F5F5F5;--mini-quiz-text-medium: #B8B8D0;--mini-quiz-text-light: #7878A0}.mini-quiz-question-container,.stat-item,.intro-section{background:linear-gradient(135deg,#1a1a2e,#0f0f23)}.mini-quiz-option{background:#1a1a2e;box-shadow:0 4px 15px #0000004d}.quiz-timer-info,.quiz-score-info{background:#1a1a2e}}.mini-quiz-integrated .session-header-minimal{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:0;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.session-header-minimal{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;margin-bottom:1rem}.quiz-question-counter{background:#fffffff2;color:#374151;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;text-align:center;border-radius:20px;box-shadow:0 4px 12px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.2);letter-spacing:.3px;margin:0 auto 1.5rem;display:block;width:fit-content;transition:all .3s ease}.quiz-stats-modules{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.quiz-timer-module{background:#ffffffe6;border:2px solid #e5e7eb;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.8rem;font-weight:600;font-size:1.1rem;transition:all .3s ease;min-width:120px;justify-content:center;box-shadow:0 4px 12px #0000000d}.quiz-timer-module i{font-size:1.2rem;color:#6b7280}.quiz-timer-module.timer-normal{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596690d)}.quiz-timer-module.timer-normal i{color:#10b981}.quiz-timer-module.timer-warning{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#d977060d);animation:pulse-warning 1s infinite}.quiz-timer-module.timer-warning i{color:#f59e0b}.quiz-timer-module.timer-critical{border-color:#ef4444;background:linear-gradient(135deg,#ef444426,#dc26260d);animation:pulse-critical .5s infinite}.quiz-timer-module.timer-critical i{color:#ef4444}.quiz-correct-module{background:linear-gradient(135deg,#10b9811a,#0596690d);border:2px solid #10b981;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.8rem;font-weight:700;font-size:1.1rem;color:#047857;min-width:80px;justify-content:center;box-shadow:0 4px 12px #10b9811a;transition:all .3s ease}.quiz-correct-module i{font-size:1.2rem;color:#10b981}.quiz-correct-module:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98133}.quiz-incorrect-module{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:2px solid #ef4444;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.8rem;font-weight:700;font-size:1.1rem;color:#dc2626;min-width:80px;justify-content:center;box-shadow:0 4px 12px #ef44441a;transition:all .3s ease}.quiz-incorrect-module i{font-size:1.2rem;color:#ef4444}.quiz-incorrect-module:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444433}@media (max-width: 768px){.session-header-minimal{padding:1rem;margin-bottom:1.5rem}.quiz-question-counter{font-size:1rem;padding:.8rem 1.5rem}.quiz-stats-modules{gap:1rem}.quiz-timer-module,.quiz-correct-module,.quiz-incorrect-module{padding:.8rem 1rem;font-size:1rem;min-width:70px}}.card-counter{background:#667eea1a;padding:.5rem 1rem;border-radius:20px;font-weight:700;color:#667eea;border:1px solid rgba(102,126,234,.2)}.quiz-timer-info{background:#fffffff2;padding:.8rem 1.2rem;border-radius:20px;font-weight:600;box-shadow:0 4px 16px #00000014;display:flex;align-items:center;gap:.6rem;font-size:1rem;position:relative;overflow:hidden}.quiz-timer-info i{font-size:1.1rem;color:#ff9500;animation:clockTick 2s infinite}.quiz-timer-info.warning{background:linear-gradient(135deg,#ff95001a,#ffc1071a);border:1px solid rgba(255,149,0,.3);color:#ff9500;animation:pulse-warning 1s infinite}.quiz-timer-info.critical{background:linear-gradient(135deg,#ff3b301a,#f443361a);border:1px solid rgba(255,59,48,.3);color:#ff3b30;animation:pulse-critical .5s infinite}.quiz-score-info{background:linear-gradient(135deg,#6147ff,#9333ea);color:#fff;padding:.8rem 1.2rem;border-radius:20px;font-weight:700;box-shadow:0 6px 20px #6147ff4d;display:flex;align-items:center;gap:.6rem;font-size:1rem;position:relative;overflow:hidden}.quiz-score-info:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:scoreShine 3s infinite}@keyframes scoreShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-score-info i{font-size:1.1rem;color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}@media (max-width: 768px){.session-header-minimal{padding:1rem;gap:1rem;flex-wrap:wrap}.card-counter,.quiz-timer-info,.quiz-score-info{padding:.6rem 1rem;font-size:.9rem}.card-counter{order:-1;width:100%;text-align:center;margin-bottom:.5rem}}.session-complete-card{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;text-align:center;box-shadow:0 20px 60px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:500px;margin:2rem auto;position:relative;overflow:hidden;animation:slideInUp .6s ease-out}.session-complete-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6147ff,#9333ea,#6147ff);background-size:200% 100%;animation:shimmer 3s infinite}.session-complete-trophy{margin-bottom:1.5rem}.session-complete-trophy i{font-size:4rem;color:gold;filter:drop-shadow(0 4px 16px rgba(255,215,0,.3));animation:trophyBounce 2s infinite}@keyframes trophyBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.session-complete-title{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:.5rem;background:linear-gradient(135deg,#6147ff,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.session-complete-subtitle{font-size:1.1rem;color:#666;margin-bottom:2rem;line-height:1.4}.session-complete-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#6147ff0d,#9333ea0d);border:1px solid rgba(97,71,255,.1);border-radius:16px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6147ff1a}.stat-card i{font-size:2rem;color:#6147ff;margin-bottom:.5rem;display:block}.stat-value{font-size:2rem;font-weight:800;color:#333;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.back-to-study-btn{background:linear-gradient(135deg,#6147ff,#9333ea);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #6147ff4d}.back-to-study-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6147ff66}@media (max-width: 768px){.session-complete-card{margin:1rem;padding:1.5rem}.session-complete-stats{grid-template-columns:1fr;gap:.8rem}.stat-card{padding:1rem}.session-complete-title{font-size:1.5rem}.session-complete-trophy i{font-size:3rem}}.results-pause-screen{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.results-pause-card{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;text-align:center;box-shadow:0 20px 60px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:500px;width:100%;position:relative;overflow:hidden;animation:slideInUp .6s ease-out}.results-pause-header{margin-bottom:2rem}.results-pause-header i{font-size:3rem;color:#6147ff;margin-bottom:1rem;display:block;animation:spin 2s linear infinite}.results-pause-header h2{font-size:1.5rem;font-weight:700;color:#333;margin:0;background:linear-gradient(135deg,#6147ff,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-pause-summary{margin-bottom:2rem}.pause-stat{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#6147ff0d;border-radius:12px;border:1px solid rgba(97,71,255,.1)}.pause-stat i{color:#6147ff;font-size:1.1rem}.pause-stat span{font-weight:600;color:#333;font-size:1rem}.results-pause-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.results-pause-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(97,71,255,.1);border-top:3px solid #6147FF;border-radius:50%;animation:spin 1s linear infinite}.results-pause-loading p{font-size:1rem;color:#666;margin:0;font-weight:500}@media (max-width: 768px){.results-pause-screen{padding:1rem}.results-pause-card{padding:1.5rem}.results-pause-header i{font-size:2.5rem}.results-pause-header h2{font-size:1.3rem}.pause-stat{font-size:.9rem}}:root{color-scheme:light only}@media (prefers-color-scheme: light){.intro-header-compact h2{color:#fefefe!important;-webkit-text-fill-color:#fefefe!important;forced-color-adjust:none!important}}@media (prefers-color-scheme: dark){.intro-header-compact h2{color:#fefefe!important;-webkit-text-fill-color:#fefefe!important;forced-color-adjust:none!important}}@media (forced-colors: active){.intro-header-compact h2{color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;forced-color-adjust:none!important}}@media (prefers-contrast: high){.intro-header-compact h2{color:#fefefe!important;-webkit-text-fill-color:#fefefe!important;forced-color-adjust:none!important}}@media (prefers-color-scheme: light){.intro-section h3:before{color:#1c1c1e!important;-webkit-text-fill-color:#1C1C1E!important}.intro-section p:before{color:#48484a!important;-webkit-text-fill-color:#48484A!important}}@media (prefers-color-scheme: dark){.intro-section h3:before{color:#1c1c1e!important;-webkit-text-fill-color:#1C1C1E!important}.intro-section p:before{color:#48484a!important;-webkit-text-fill-color:#48484A!important}}@media (forced-colors: active){.intro-section h3:before{color:#1c1c1e!important;-webkit-text-fill-color:#1C1C1E!important}.intro-section p:before{color:#48484a!important;-webkit-text-fill-color:#48484A!important}}@media (prefers-contrast: high){.intro-section h3:before{color:#1c1c1e!important;-webkit-text-fill-color:#1C1C1E!important}.intro-section p:before{color:#48484a!important;-webkit-text-fill-color:#48484A!important}.intro-content{background-color:#fff!important;forced-color-adjust:none!important}}@media (prefers-color-scheme: light){.intro-content{background-color:#fff!important;forced-color-adjust:none!important}}@media (prefers-color-scheme: dark){.intro-content{background-color:#fff!important;forced-color-adjust:none!important}}@media (forced-colors: active){.intro-content{background-color:Canvas!important;forced-color-adjust:none!important}}.study-session-container{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.study-session-main{flex:1;display:flex;flex-direction:column;padding:1rem;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.session-content{flex:1;display:flex;flex-direction:column}.session-header-minimal{display:flex;justify-content:center;align-items:center;padding:2.5rem 0 1rem;margin-top:1rem;position:relative;gap:2rem}.back-button-study{position:absolute;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.back-button-study:hover{background:#f5f5f5;transform:translate(-2px);box-shadow:0 3px 6px #00000026}.back-button-study i{color:#48484a;font-size:14px}.card-counter{display:flex;align-items:center;gap:.3rem;color:#48484a;font-size:.95rem;font-weight:500}.study-timer{display:flex;align-items:center;gap:.3rem;color:#48484a;font-size:.95rem;font-weight:500;background:#f8f9fa;border-radius:8px;padding:.5rem 1rem;transition:all .3s ease;border:2px solid transparent}.study-timer.valid-time{background:linear-gradient(135deg,#10b98126,#10b98114);border:2px solid #10b981;color:#059669;font-weight:600}.study-timer.valid-time i{color:#059669}.timer-display{font-variant-numeric:tabular-nums;font-weight:inherit}.free-study-header{display:flex;align-items:center;gap:1rem}.card-number{color:#1c1c1e;font-weight:600}.card-divider{color:#8e8e93}.card-total{color:#48484a}.immediate-review-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ff9500;background:#ff95001a;padding:.375rem .75rem;border-radius:8px}.immediate-review-indicator svg{font-size:.875rem}.study-intro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;padding-top:100px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.study-intro-modal{background:#fff;background-color:#fff;border-radius:16px;padding:1.5rem;width:550px;height:auto;max-height:85vh;max-width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow-y:auto;position:relative;z-index:1001;-webkit-transform:translateZ(0);transform:translateZ(0);display:flex;flex-direction:column}.intro-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:#6147ff;-webkit-text-fill-color:#6147FF}.intro-header i{font-size:2.5rem}.intro-header h2{margin:0;font-size:1.75rem;font-weight:700;color:#6147ff;-webkit-text-fill-color:#6147FF}.intro-header-compact{text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,#6147ff,#9333ea);border-radius:16px;padding:1.5rem;color:#fff;position:relative;overflow:hidden}.intro-header-compact:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.header-icon-compact{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fff3;border-radius:50%;margin-bottom:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.header-icon-compact i{font-size:1.5rem;color:#fff}.intro-header-compact h2{margin:0;font-size:1.5rem;font-weight:700;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:none!important;background:transparent!important;position:relative;z-index:1;forced-color-adjust:none!important}.intro-header-compact h2:before{content:"Repaso Inteligente";position:absolute;left:0;top:0;color:#fefefe!important;-webkit-text-fill-color:#fefefe!important;forced-color-adjust:none!important;z-index:2}.header-icon-compact i{color:transparent!important;-webkit-text-fill-color:transparent!important;forced-color-adjust:none!important}.header-icon-compact i:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fefefe!important;-webkit-text-fill-color:#fefefe!important;forced-color-adjust:none!important;z-index:2}.action-button-compact.primary{color:transparent!important;-webkit-text-fill-color:transparent!important;forced-color-adjust:none!important;position:relative}.action-button-compact.primary:before{content:"▶ Comenzar";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff!important;-webkit-text-fill-color:white!important;forced-color-adjust:none!important;z-index:2;white-space:nowrap}.action-button-compact.primary i{visibility:hidden!important}.intro-content{margin-bottom:0;background-color:#fff!important;forced-color-adjust:none!important;padding:1rem;border-radius:8px}.intro-section{margin-bottom:1.5rem;background:transparent!important;forced-color-adjust:none!important}.intro-section:last-child{margin-bottom:0}.intro-section h3{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:transparent!important;-webkit-text-fill-color:transparent!important;forced-color-adjust:none!important;position:relative}.intro-section h3:before{content:"¿Qué es el Estudio Libre?";position:absolute;left:0;top:0;color:#1c1c1e!important;-webkit-text-fill-color:#1C1C1E!important;forced-color-adjust:none!important;z-index:2}.intro-section p{margin:0;color:transparent!important;-webkit-text-fill-color:transparent!important;forced-color-adjust:none!important;line-height:1.6;position:relative}.intro-section p:before{content:"Repasa todos los conceptos del cuaderno sin restricciones. Disponible una vez al día.";position:absolute;left:0;top:0;color:#48484a!important;-webkit-text-fill-color:#48484A!important;forced-color-adjust:none!important;line-height:1.6;z-index:2}.intro-section ul{margin:.5rem 0 0;padding-left:1.5rem}.intro-section li{margin-bottom:.5rem;color:#48484a;-webkit-text-fill-color:#48484A}.intro-section li i{color:#6147ff;-webkit-text-fill-color:#6147FF}.intro-section li strong{color:#1c1c1e;-webkit-text-fill-color:#1C1C1E}.intro-content-compact{margin-bottom:1rem}.explanation-compact{background:#f8f9fa;border-radius:12px;padding:1rem;margin-bottom:1rem}.explanation-compact p{margin:0 0 .75rem;color:#48484a;font-size:.875rem;line-height:1.4}.benefits-inline{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.benefits-inline span{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#6147ff;font-weight:500}.benefits-inline i{font-size:.75rem}.intensity-section-compact{margin-bottom:1rem}.section-title-compact{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#1c1c1e}.intensity-options-horizontal{display:flex;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.intensity-item-horizontal{display:flex;align-items:center;gap:.75rem;background:#f8f9fa;border:2px solid #E5E5EA;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;flex:1;min-width:0;min-height:60px}.intensity-item-horizontal:hover:not(.disabled){border-color:#6147ff;background:#6147ff0d}.intensity-item-horizontal.selected{border-color:#6147ff;background:#6147ff1a}.intensity-item-horizontal.disabled{opacity:.5;cursor:not-allowed;background:#f0f0f0}.intensity-item-horizontal>i:first-child{font-size:1.25rem;color:#6147ff;flex-shrink:0}.intensity-item-horizontal.disabled>i:first-child{color:#8e8e93}.intensity-content{flex:1;min-width:0}.intensity-content h4{margin:0;font-size:.875rem;font-weight:600;color:#1c1c1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intensity-content span{font-size:.75rem;color:#6b7280}.check-icon{color:#10b981;font-size:1rem;flex-shrink:0;position:absolute;top:.5rem;right:.5rem}.requirement-text{font-size:.65rem;color:#ff3b30;font-weight:500;margin-top:.25rem}.intensity-warning-compact{display:flex;align-items:center;gap:.5rem;background:#fff3cd;border:1px solid #FFE69C;border-radius:8px;padding:.5rem .75rem;margin-bottom:.75rem;font-size:.8rem;color:#856404}.intensity-warning-compact i{color:#ffb700;font-size:.875rem}.intensity-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.intensity-option{background:#f8f9fa;border:2px solid #E5E5EA;border-radius:12px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.intensity-option:hover:not(.disabled){border-color:#6147ff;transform:translateY(-2px)}.intensity-option.selected{border-color:#6147ff;background:#6147ff0d}.intensity-option.disabled{opacity:.6;cursor:not-allowed;background:#f0f0f0;border-color:#d0d0d0}.intensity-option.disabled:hover{transform:none;border-color:#d0d0d0}.intensity-option i{font-size:2rem;color:#6147ff;margin-bottom:.75rem;display:block}.intensity-option.disabled i{color:#8e8e93}.intensity-option h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1c1c1e;-webkit-text-fill-color:#1C1C1E}.intensity-option.disabled h4{color:#8e8e93}.intensity-option p{margin:0;font-size:.875rem;color:#48484a;-webkit-text-fill-color:#48484A}.intensity-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #E5E5EA;border-radius:16px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.intensity-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(97,71,255,.1),transparent);transition:left .8s ease}.intensity-card:hover:not(.disabled):before{left:100%}.intensity-card:hover:not(.disabled){border-color:#6147ff;transform:translateY(-4px);box-shadow:0 12px 25px #6147ff26}.intensity-card.selected{border-color:#6147ff;background:linear-gradient(145deg,#f8f6ff,#f0ebff);box-shadow:0 8px 25px #6147ff33}.intensity-card.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;border-color:#d1d5db}.intensity-card.disabled:hover{transform:none;border-color:#d1d5db;box-shadow:none}.intensity-card .intensity-icon{width:60px;height:60px;background:linear-gradient(135deg,#6147ff,#9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:transform .3s ease}.intensity-card:hover:not(.disabled) .intensity-icon{transform:scale(1.1)}.intensity-card.disabled .intensity-icon{background:#9ca3af}.intensity-card .intensity-icon i{font-size:1.5rem;color:#fff;margin:0;display:block}.intensity-card h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:#1f2937}.intensity-card.disabled h4{color:#9ca3af}.intensity-card p{margin:0 0 1rem;font-size:.875rem;color:#6b7280;line-height:1.4}.intensity-card.disabled p{color:#9ca3af}.intensity-option .intensity-requirement{color:#ff3b30;font-size:.75rem;margin-top:.25rem;font-weight:500}.intensity-option .intensity-value{color:#6147ff;font-size:.75rem;margin-top:.5rem;font-weight:500}.intensity-warning{background:#fff3cd;border:1px solid #FFE69C;border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;color:#856404}.intensity-warning i{font-size:1.25rem;color:#ffb700}.intensity-warning p{margin:0;font-size:.875rem;font-weight:500}.intro-actions{display:flex;gap:1rem;justify-content:flex-end}.action-button{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;border:none;-webkit-text-fill-color:inherit}.action-button.primary{background:#6147ff;color:#fff}.action-button.primary:hover:not(:disabled){background:#5138e5}.action-button.primary:disabled{background:#c7c7cc;cursor:not-allowed;opacity:.6}.action-button.secondary{background:#e5e5ea;color:#48484a}.action-button.secondary:hover{background:#d1d1d6}.intro-actions-compact{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.action-button-compact{padding:.75rem 2rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;border:none;min-width:120px;justify-content:center}.action-button-compact.primary{background:linear-gradient(135deg,#6147ff,#9333ea);color:#fff;box-shadow:0 4px 15px #6147ff4d}.action-button-compact.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6147ff66}.action-button-compact.primary:disabled{background:#c7c7cc;cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.action-button-compact.secondary{background:#f3f4f6;color:#374151;border:2px solid #E5E7EB}.action-button-compact.secondary:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.session-complete-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff}.session-complete-container *{animation:none!important;transition:none!important}.session-complete-container:before,.session-complete-container:after{display:none!important}.session-complete-card{background:#fff;border-radius:16px;padding:3rem 2rem;text-align:center;max-width:500px;width:100%;margin:0 auto;box-shadow:none;border:none}.session-complete-card *{animation:none!important}.session-complete-card:before,.session-complete-card:after{animation:none!important;display:none!important}.session-complete-trophy{font-size:4rem;color:gold;margin-bottom:1.5rem}.session-complete-title{font-size:1.75rem;font-weight:700;color:#1c1c1e;margin-bottom:.75rem}.session-complete-subtitle{font-size:1rem;color:#48484a;margin-bottom:2rem;line-height:1.5}.session-complete-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#f8f9fa;border-radius:12px;padding:1.5rem 1rem;text-align:center}.stat-card i{font-size:1.5rem;color:#6147ff;margin-bottom:.5rem;display:block}.stat-value{font-size:1.5rem;font-weight:700;color:#1c1c1e;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#48484a}.stat-card.highlighted{background:linear-gradient(135deg,#4f46e51a,#4f46e50d);border:2px solid #4f46e5}.stat-card.highlighted i,.stat-card.highlighted .stat-value{color:#4f46e5}.stat-card.highlighted .stat-label{color:#4f46e5;font-weight:600}.back-to-study-btn{background:#6147ff;color:#fff;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.back-to-study-btn:hover{background:#5138e5;transform:translateY(-1px)}@media (max-width: 768px){.card-counter{justify-content:center;width:100%}.intensity-options{grid-template-columns:1fr}.session-complete-stats{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.intro-actions,.intro-actions-compact{flex-direction:column}.action-button,.action-button-enhanced,.action-button-compact{width:100%;justify-content:center}.intro-header-compact{padding:1rem}.intro-header-compact h2{font-size:1.25rem;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:none!important;background:transparent!important;forced-color-adjust:none!important}.intro-header-compact h2:before{font-size:1.25rem}.header-icon-compact{width:40px;height:40px;position:relative}.header-icon-compact i:before{font-size:1.5rem}}.header-icon-compact i{font-size:1.25rem}.intensity-item-horizontal{flex-direction:column;text-align:center;padding:.75rem;min-height:70px}.check-icon{top:.25rem;right:.25rem}.intensity-content h4{font-size:.8rem}.intensity-content span{font-size:.7rem}} @supports (-webkit-touch-callout: none){.study-intro-modal{background-color:#fff!important;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.study-intro-modal *{-webkit-text-fill-color:initial!important;color:inherit!important}.study-intro-modal h2,.study-intro-modal h3,.study-intro-modal h4{color:#1c1c1e!important;-webkit-text-fill-color:#1C1C1E!important}.study-intro-modal p{color:#48484a!important;-webkit-text-fill-color:#48484A!important}.intensity-option{background-color:#f5f5f7!important}.intensity-option.selected{background-color:#e8e3ff!important}.action-button.primary{background-color:#6147ff!important;color:#fff!important;-webkit-text-fill-color:#FFFFFF!important}.action-button.secondary{background-color:#e5e5ea!important;color:#48484a!important;-webkit-text-fill-color:#48484A!important}}.first-card-instruction{margin:0 auto 1.5rem;max-width:400px;padding:0 1rem;animation:fadeInUp .5s ease-out}.instruction-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.25rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.instruction-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.instruction-icon{font-size:1.25rem;color:#fff;opacity:.9;flex-shrink:0}.instruction-content p{margin:0;font-size:.9rem;line-height:1.4;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.first-card-instruction{margin-bottom:1rem}.instruction-content{padding:.875rem 1rem}.instruction-content p{font-size:.85rem}.instruction-icon{font-size:1.1rem}}.exam-test-container{min-height:100vh;background-color:#fff;display:flex;flex-direction:column}.exam-test-main{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.exam-config-container{display:flex;justify-content:center;align-items:center;min-height:70vh}.exam-config-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem;max-width:600px;width:100%}.config-header{text-align:center;margin-bottom:2rem}.config-header svg{font-size:3rem;color:#6147ff;margin-bottom:1rem}.config-header h2{margin:0 0 .5rem;color:#1c1c1e;font-size:1.75rem;font-weight:600}.config-header p{margin:0;color:#8e8e93;font-size:1rem}.config-form{display:flex;flex-direction:column;gap:1.5rem}.config-group{display:flex;flex-direction:column;gap:.5rem}.config-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1c1c1e;font-size:.875rem}.config-group label svg{color:#6147ff;font-size:1rem}.config-group small{color:#8e8e93;font-size:.75rem}.config-group small.error{color:#ff3b30}.number-input{display:flex;align-items:center;gap:1rem;justify-content:center;padding:1rem;background:#f8f9fa;border-radius:12px;border:2px solid transparent;transition:all .3s ease}.number-input:hover{border-color:#6147ff}.number-input button{background:#6147ff;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.25rem;font-weight:700;transition:all .3s ease}.number-input button:hover{background:#4e37cc;transform:scale(1.1)}.number-input button:disabled{background:#d1d1d6;cursor:not-allowed;transform:none}.number-input span{font-size:1.5rem;font-weight:600;color:#1c1c1e;min-width:3rem;text-align:center}.difficulty-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.difficulty-btn{padding:1rem;border:2px solid #E5E5EA;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:capitalize}.difficulty-btn:hover{border-color:#6147ff;background:#f0efff}.difficulty-btn.active{border-color:#6147ff;background:#6147ff;color:#fff}.question-types{display:flex;flex-direction:column;gap:.75rem}.question-type-btn{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #E5E5EA;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500;text-align:left}.question-type-btn:hover,.question-type-btn.active{border-color:#6147ff;background:#f0efff}.question-type-btn svg{color:#6147ff;font-size:1.25rem}.config-actions{margin-top:2rem;text-align:center}.start-exam-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#6147ff;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px;justify-content:center}.start-exam-btn:hover{background:#4e37cc;transform:translateY(-2px);box-shadow:0 4px 16px #6147ff4d}.start-exam-btn:disabled{background:#d1d1d6;cursor:not-allowed;transform:none;box-shadow:none}.question-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden}.question-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8f9fa;border-bottom:1px solid #E5E5EA}.question-progress{display:flex;flex-direction:column;gap:.5rem}.question-progress span{font-weight:600;color:#1c1c1e;font-size:.875rem}.progress-bar{width:200px;height:8px;background:#e5e5ea;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6147ff,#8b5dff);transition:width .3s ease}.time-remaining{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#ff9500;font-size:1.125rem}.question-content{padding:2rem}.question-content h3{margin:0 0 1.5rem;color:#1c1c1e;font-size:1.25rem;line-height:1.5}.multiple-choice-options{display:flex;flex-direction:column;gap:.75rem}.option-btn{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid #E5E5EA;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:.875rem;line-height:1.4}.option-btn:hover{border-color:#6147ff;background:#f0efff}.option-btn.selected{border-color:#6147ff;background:#6147ff;color:#fff}.fill-blanks-input{display:flex;justify-content:center}.fill-blanks-input input{width:100%;max-width:400px;padding:1rem;border:2px solid #E5E5EA;border-radius:12px;font-size:1rem;transition:all .3s ease}.fill-blanks-input input:focus{outline:none;border-color:#6147ff;box-shadow:0 0 0 3px #6147ff1a}.match-columns-container{width:100%}.columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.column h4{margin:0 0 1rem;color:#1c1c1e;font-size:1rem;font-weight:600;text-align:center;padding-bottom:.5rem;border-bottom:2px solid #6147FF}.column-item{padding:.75rem;background:#f8f9fa;border:2px solid #E5E5EA;border-radius:8px;margin-bottom:.5rem;font-size:.875rem}.definition-btn{width:100%;padding:.75rem;background:#f8f9fa;border:2px solid #E5E5EA;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem;font-size:.875rem;text-align:left}.definition-btn:hover{border-color:#6147ff;background:#f0efff}.definition-btn.selected{border-color:#34c759;background:#e8f7ed}.question-navigation{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8f9fa;border-top:1px solid #E5E5EA}.question-navigation button{padding:.75rem 1.5rem;border:2px solid #6147FF;background:transparent;color:#6147ff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.question-navigation button:hover{background:#6147ff;color:#fff}.question-navigation button:disabled{border-color:#d1d1d6;color:#d1d1d6;cursor:not-allowed}.question-navigation button:disabled:hover{background:transparent;color:#d1d1d6}.complete-btn{display:flex;align-items:center;gap:.5rem;background:#34c759!important;border-color:#34c759!important;color:#fff!important}.complete-btn:hover{background:#30b050!important}.exam-results-container{display:flex;justify-content:center;align-items:center;min-height:70vh}.results-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem;max-width:500px;width:100%;text-align:center}.results-header svg{font-size:4rem;color:#34c759;margin-bottom:1rem}.results-header h2{margin:0 0 1.5rem;color:#1c1c1e;font-size:1.75rem;font-weight:600}.score-display{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.score-number{font-size:4rem;font-weight:700;color:#6147ff;line-height:1}.score-label{color:#8e8e93;font-size:1rem;margin-top:.5rem}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f8f9fa;border-radius:12px}.stat-value{font-size:1.5rem;font-weight:600;color:#1c1c1e}.stat-label{font-size:.75rem;color:#8e8e93;margin-top:.25rem}.results-actions{display:flex;gap:1rem;justify-content:center}.results-actions button{padding:.75rem 1.5rem;border:2px solid #6147FF;background:transparent;color:#6147ff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.results-actions button:first-child,.results-actions button:hover{background:#6147ff;color:#fff}.results-actions button:first-child:hover{background:#4e37cc}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:1rem}.error-container p{font-size:1.125rem;color:#8e8e93}.error-container button{padding:.75rem 1.5rem;background:#6147ff;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-container button:hover{background:#4e37cc}@media (max-width: 768px){.exam-test-main{padding:1rem}.exam-config-card{padding:1.5rem}.difficulty-options{grid-template-columns:1fr}.question-header{flex-direction:column;gap:1rem;text-align:center}.progress-bar{width:150px}.question-content{padding:1.5rem}.columns{grid-template-columns:1fr;gap:1.5rem}.question-navigation{flex-direction:column;gap:1rem}.results-stats{grid-template-columns:1fr}.results-actions{flex-direction:column}}@media (max-width: 480px){.config-header svg{font-size:2rem}.config-header h2{font-size:1.5rem}.question-content h3{font-size:1.125rem}.score-number{font-size:3rem}}:root{--primary: #6147FF;--primary-light: #818CF8;--secondary: #10B981;--dark: #1F2937;--light: #F3F4F6;--accent: #F59E0B;--success: #10B981;--danger: #EF4444}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;max-width:100%;position:relative;-webkit-overflow-scrolling:touch;height:100%}body{font-family:Poppins,sans-serif;color:var(--dark);background-color:#fff;line-height:1.6;min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.dominio-progress-bar{height:6px!important;border-radius:3px!important;overflow:hidden;background-color:#f3f4f6;display:flex;width:100%}.dominio-progress-segment{height:100%!important;transition:width .3s ease}.dominio-progress-segment.green{background-color:#10b981!important}.dominio-progress-segment.yellow{background-color:#f59e0b!important}.dominio-progress-segment.red{background-color:#ef4444!important}