/*!
 * Font Awesome Free 6.0.0-beta3 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 2021 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-variant:normal;text-rendering:auto;font-style:normal;line-height:1}.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{vertical-align:.225em;font-size:.625em;line-height:.1em}.fa-xs{vertical-align:.125em;font-size:.75em;line-height:.08333em}.fa-sm{vertical-align:.05357em;font-size:.875em;line-height:.07143em}.fa-lg{vertical-align:-.075em;font-size:1.25em;line-height:.05em}.fa-xl{vertical-align:-.125em;font-size:1.5em;line-height:.04167em}.fa-2xl{vertical-align:-.1875em;font-size:2em;line-height:.03125em}.fa-fw{text-align:center;width:1.25em}.fa-ul{margin-left:var(--fa-li-margin,2.5em);padding-left:0;list-style-type:none}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width,2em)*-1);text-align:center;width:var(--fa-li-width,2em);line-height:inherit;position:absolute}.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;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-fade{animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4, 0, .6, 1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4, 0, .6, 1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4, 0, .6, 1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4, 0, .6, 1))}.fa-flip{animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-spin{animation-name:fa-spin;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-fade,.fa-flip,.fa-pulse,.fa-spin,.fa-spin-pulse{transition-duration:0s;transition-delay:0s;animation-duration:1ms;animation-iteration-count:1;animation-delay:-1ms}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@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;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg))}}@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{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{vertical-align:middle;width:2.5em;height:2em;line-height:2em;display:inline-block;position:relative}.fa-stack-1x,.fa-stack-2x{text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto);position:absolute;left:0}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0:before{content:"0"}.fa-1:before{content:"1"}.fa-2:before{content:"2"}.fa-3:before{content:"3"}.fa-4:before{content:"4"}.fa-5:before{content:"5"}.fa-6:before{content:"6"}.fa-7:before{content:"7"}.fa-8:before{content:"8"}.fa-9:before{content:"9"}.fa-a:before{content:"A"}.fa-address-book:before,.fa-contact-book:before{content:""}.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:""}.fa-align-center:before{content:""}.fa-align-justify:before{content:""}.fa-align-left:before{content:""}.fa-align-right:before{content:""}.fa-anchor:before{content:""}.fa-angle-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angle-double-down:before,.fa-angles-down:before{content:""}.fa-angle-double-left:before,.fa-angles-left:before{content:""}.fa-angle-double-right:before,.fa-angles-right:before{content:""}.fa-angle-double-up:before,.fa-angles-up:before{content:""}.fa-ankh:before{content:""}.fa-apple-alt:before,.fa-apple-whole:before{content:""}.fa-archway:before{content:""}.fa-arrow-down:before{content:""}.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:""}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:""}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:""}.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:""}.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:""}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:""}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:""}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:""}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:""}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:""}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:""}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:""}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:""}.fa-arrow-trend-down:before{content:""}.fa-arrow-trend-up:before{content:""}.fa-arrow-turn-down:before,.fa-level-down:before{content:""}.fa-arrow-turn-up:before,.fa-level-up:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:""}.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:""}.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:""}.fa-arrow-up-from-bracket:before{content:""}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:""}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:""}.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:""}.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:""}.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:""}.fa-arrows-h:before,.fa-arrows-left-right:before{content:""}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:""}.fa-arrows-up-down:before,.fa-arrows-v:before{content:""}.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:""}.fa-asterisk:before{content:"*"}.fa-at:before{content:"@"}.fa-atom:before{content:""}.fa-audio-description:before{content:""}.fa-austral-sign:before{content:""}.fa-award:before{content:""}.fa-b:before{content:"B"}.fa-baby:before{content:""}.fa-baby-carriage:before,.fa-carriage-baby:before{content:""}.fa-backward:before{content:""}.fa-backward-fast:before,.fa-fast-backward:before{content:""}.fa-backward-step:before,.fa-step-backward:before{content:""}.fa-bacon:before{content:""}.fa-bacteria:before{content:""}.fa-bacterium:before{content:""}.fa-bag-shopping:before,.fa-shopping-bag:before{content:""}.fa-bahai:before{content:""}.fa-baht-sign:before{content:""}.fa-ban:before,.fa-cancel:before{content:""}.fa-ban-smoking:before,.fa-smoking-ban:before{content:""}.fa-band-aid:before,.fa-bandage:before{content:""}.fa-bank:before,.fa-institution:before,.fa-university:before{content:""}.fa-barcode:before{content:""}.fa-bars:before,.fa-navicon:before{content:""}.fa-bars-progress:before,.fa-tasks-alt:before{content:""}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:""}.fa-baseball-ball:before,.fa-baseball:before{content:""}.fa-basket-shopping:before,.fa-shopping-basket:before{content:""}.fa-basketball-ball:before,.fa-basketball:before{content:""}.fa-bath:before,.fa-bathtub:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:""}.fa-battery-3:before,.fa-battery-half:before{content:""}.fa-battery-2:before,.fa-battery-quarter:before{content:""}.fa-battery-4:before,.fa-battery-three-quarters:before{content:""}.fa-bed:before{content:""}.fa-bed-pulse:before,.fa-procedures:before{content:""}.fa-beer-mug-empty:before,.fa-beer:before{content:""}.fa-bell:before{content:""}.fa-bell-concierge:before,.fa-concierge-bell:before{content:""}.fa-bell-slash:before{content:""}.fa-bezier-curve:before{content:""}.fa-bicycle:before{content:""}.fa-binoculars:before{content:""}.fa-biohazard:before{content:""}.fa-bitcoin-sign:before{content:""}.fa-blender:before{content:""}.fa-blender-phone:before{content:""}.fa-blog:before{content:""}.fa-bold:before{content:""}.fa-bolt:before,.fa-zap:before{content:""}.fa-bomb:before{content:""}.fa-bone:before{content:""}.fa-bong:before{content:""}.fa-book:before{content:""}.fa-atlas:before,.fa-book-atlas:before{content:""}.fa-bible:before,.fa-book-bible:before{content:""}.fa-book-journal-whills:before,.fa-journal-whills:before{content:""}.fa-book-medical:before{content:""}.fa-book-open:before{content:""}.fa-book-open-reader:before,.fa-book-reader:before{content:""}.fa-book-quran:before,.fa-quran:before{content:""}.fa-book-dead:before,.fa-book-skull:before{content:""}.fa-bookmark:before{content:""}.fa-border-all:before{content:""}.fa-border-none:before{content:""}.fa-border-style:before,.fa-border-top-left:before{content:""}.fa-bowling-ball:before{content:""}.fa-box:before{content:""}.fa-archive:before,.fa-box-archive:before{content:""}.fa-box-open:before{content:""}.fa-box-tissue:before{content:""}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:""}.fa-braille:before{content:""}.fa-brain:before{content:""}.fa-brazilian-real-sign:before{content:""}.fa-bread-slice:before{content:""}.fa-briefcase:before{content:""}.fa-briefcase-medical:before{content:""}.fa-broom:before{content:""}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:""}.fa-brush:before{content:""}.fa-bug:before{content:""}.fa-building:before{content:""}.fa-bullhorn:before{content:""}.fa-bullseye:before{content:""}.fa-burger:before,.fa-hamburger:before{content:""}.fa-bus:before{content:""}.fa-bus-alt:before,.fa-bus-simple:before{content:""}.fa-briefcase-clock:before,.fa-business-time:before{content:""}.fa-c:before{content:"C"}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:""}.fa-calculator:before{content:""}.fa-calendar:before{content:""}.fa-calendar-check:before{content:""}.fa-calendar-day:before{content:""}.fa-calendar-alt:before,.fa-calendar-days:before{content:""}.fa-calendar-minus:before{content:""}.fa-calendar-plus:before{content:""}.fa-calendar-week:before{content:""}.fa-calendar-times:before,.fa-calendar-xmark:before{content:""}.fa-camera-alt:before,.fa-camera:before{content:""}.fa-camera-retro:before{content:""}.fa-camera-rotate:before{content:""}.fa-campground:before{content:""}.fa-candy-cane:before{content:""}.fa-cannabis:before{content:""}.fa-capsules:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-battery-car:before,.fa-car-battery:before{content:""}.fa-car-crash:before{content:""}.fa-car-alt:before,.fa-car-rear:before{content:""}.fa-car-side:before{content:""}.fa-caravan:before{content:""}.fa-caret-down:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-caret-up:before{content:""}.fa-carrot:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:""}.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:""}.fa-cart-plus:before{content:""}.fa-cart-shopping:before,.fa-shopping-cart:before{content:""}.fa-cash-register:before{content:""}.fa-cat:before{content:""}.fa-cedi-sign:before{content:""}.fa-cent-sign:before{content:""}.fa-certificate:before{content:""}.fa-chair:before{content:""}.fa-blackboard:before,.fa-chalkboard:before{content:""}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:""}.fa-champagne-glasses:before,.fa-glass-cheers:before{content:""}.fa-charging-station:before{content:""}.fa-area-chart:before,.fa-chart-area:before{content:""}.fa-bar-chart:before,.fa-chart-bar:before{content:""}.fa-chart-column:before{content:""}.fa-chart-gantt:before{content:""}.fa-chart-line:before,.fa-line-chart:before{content:""}.fa-chart-pie:before,.fa-pie-chart:before{content:""}.fa-check:before{content:""}.fa-check-double:before{content:""}.fa-check-to-slot:before,.fa-vote-yea:before{content:""}.fa-cheese:before{content:""}.fa-chess:before{content:""}.fa-chess-bishop:before{content:""}.fa-chess-board:before{content:""}.fa-chess-king:before{content:""}.fa-chess-knight:before{content:""}.fa-chess-pawn:before{content:""}.fa-chess-queen:before{content:""}.fa-chess-rook:before{content:""}.fa-chevron-down:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-chevron-up:before{content:""}.fa-child:before{content:""}.fa-church:before{content:""}.fa-circle:before{content:""}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:""}.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:""}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:""}.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:""}.fa-check-circle:before,.fa-circle-check:before{content:""}.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:""}.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:""}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:""}.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:""}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:""}.fa-circle-dot:before,.fa-dot-circle:before{content:""}.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:""}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:""}.fa-circle-h:before,.fa-hospital-symbol:before{content:""}.fa-adjust:before,.fa-circle-half-stroke:before{content:""}.fa-circle-info:before,.fa-info-circle:before{content:""}.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:""}.fa-circle-minus:before,.fa-minus-circle:before{content:""}.fa-circle-notch:before{content:""}.fa-circle-pause:before,.fa-pause-circle:before{content:""}.fa-circle-play:before,.fa-play-circle:before{content:""}.fa-circle-plus:before,.fa-plus-circle:before{content:""}.fa-circle-question:before,.fa-question-circle:before{content:""}.fa-circle-radiation:before,.fa-radiation-alt:before{content:""}.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:""}.fa-circle-stop:before,.fa-stop-circle:before{content:""}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:""}.fa-circle-user:before,.fa-user-circle:before{content:""}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:""}.fa-city:before{content:""}.fa-clapperboard:before{content:""}.fa-clipboard:before{content:""}.fa-clipboard-check:before{content:""}.fa-clipboard-list:before{content:""}.fa-clock-four:before,.fa-clock:before{content:""}.fa-clock-rotate-left:before,.fa-history:before{content:""}.fa-clone:before{content:""}.fa-closed-captioning:before{content:""}.fa-cloud:before{content:""}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:""}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:""}.fa-cloud-meatball:before{content:""}.fa-cloud-moon:before{content:""}.fa-cloud-moon-rain:before{content:""}.fa-cloud-rain:before{content:""}.fa-cloud-showers-heavy:before{content:""}.fa-cloud-sun:before{content:""}.fa-cloud-sun-rain:before{content:""}.fa-clover:before{content:""}.fa-code:before{content:""}.fa-code-branch:before{content:""}.fa-code-commit:before{content:""}.fa-code-compare:before{content:""}.fa-code-fork:before{content:""}.fa-code-merge:before{content:""}.fa-code-pull-request:before{content:""}.fa-coins:before{content:""}.fa-colon-sign:before{content:""}.fa-comment:before{content:""}.fa-comment-dollar:before{content:""}.fa-comment-dots:before,.fa-commenting:before{content:""}.fa-comment-medical:before{content:""}.fa-comment-slash:before{content:""}.fa-comment-sms:before,.fa-sms:before{content:""}.fa-comments:before{content:""}.fa-comments-dollar:before{content:""}.fa-compact-disc:before{content:""}.fa-compass:before{content:""}.fa-compass-drafting:before,.fa-drafting-compass:before{content:""}.fa-compress:before{content:""}.fa-computer-mouse:before,.fa-mouse:before{content:""}.fa-cookie:before{content:""}.fa-cookie-bite:before{content:""}.fa-copy:before{content:""}.fa-copyright:before{content:""}.fa-couch:before{content:""}.fa-credit-card-alt:before,.fa-credit-card:before{content:""}.fa-crop:before{content:""}.fa-crop-alt:before,.fa-crop-simple:before{content:""}.fa-cross:before{content:""}.fa-crosshairs:before{content:""}.fa-crow:before{content:""}.fa-crown:before{content:""}.fa-crutch:before{content:""}.fa-cruzeiro-sign:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-d:before{content:"D"}.fa-database:before{content:""}.fa-backspace:before,.fa-delete-left:before{content:""}.fa-democrat:before{content:""}.fa-desktop-alt:before,.fa-desktop:before{content:""}.fa-dharmachakra:before{content:""}.fa-diagram-project:before,.fa-project-diagram:before{content:""}.fa-diamond:before{content:""}.fa-diamond-turn-right:before,.fa-directions:before{content:""}.fa-dice:before{content:""}.fa-dice-d20:before{content:""}.fa-dice-d6:before{content:""}.fa-dice-five:before{content:""}.fa-dice-four:before{content:""}.fa-dice-one:before{content:""}.fa-dice-six:before{content:""}.fa-dice-three:before{content:""}.fa-dice-two:before{content:""}.fa-disease:before{content:""}.fa-divide:before{content:""}.fa-dna:before{content:""}.fa-dog:before{content:""}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"$"}.fa-dolly-box:before,.fa-dolly:before{content:""}.fa-dong-sign:before{content:""}.fa-door-closed:before{content:""}.fa-door-open:before{content:""}.fa-dove:before{content:""}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:""}.fa-down-long:before,.fa-long-arrow-alt-down:before{content:""}.fa-download:before{content:""}.fa-dragon:before{content:""}.fa-draw-polygon:before{content:""}.fa-droplet:before,.fa-tint:before{content:""}.fa-droplet-slash:before,.fa-tint-slash:before{content:""}.fa-drum:before{content:""}.fa-drum-steelpan:before{content:""}.fa-drumstick-bite:before{content:""}.fa-dumbbell:before{content:""}.fa-dumpster:before{content:""}.fa-dumpster-fire:before{content:""}.fa-dungeon:before{content:""}.fa-e:before{content:"E"}.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:""}.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:""}.fa-earth-africa:before,.fa-globe-africa:before{content:""}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:""}.fa-earth-asia:before,.fa-globe-asia:before{content:""}.fa-earth-europe:before,.fa-globe-europe:before{content:""}.fa-earth-oceania:before,.fa-globe-oceania:before{content:""}.fa-egg:before{content:""}.fa-eject:before{content:""}.fa-elevator:before{content:""}.fa-ellipsis-h:before,.fa-ellipsis:before{content:""}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:""}.fa-envelope:before{content:""}.fa-envelope-open:before{content:""}.fa-envelope-open-text:before{content:""}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:""}.fa-equals:before{content:"="}.fa-eraser:before{content:""}.fa-ethernet:before{content:""}.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:""}.fa-exclamation:before{content:"!"}.fa-expand:before{content:""}.fa-eye:before{content:""}.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:""}.fa-eye-low-vision:before,.fa-low-vision:before{content:""}.fa-eye-slash:before{content:""}.fa-f:before{content:"F"}.fa-angry:before,.fa-face-angry:before{content:""}.fa-dizzy:before,.fa-face-dizzy:before{content:""}.fa-face-flushed:before,.fa-flushed:before{content:""}.fa-face-frown:before,.fa-frown:before{content:""}.fa-face-frown-open:before,.fa-frown-open:before{content:""}.fa-face-grimace:before,.fa-grimace:before{content:""}.fa-face-grin:before,.fa-grin:before{content:""}.fa-face-grin-beam:before,.fa-grin-beam:before{content:""}.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:""}.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:""}.fa-face-grin-squint:before,.fa-grin-squint:before{content:""}.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:""}.fa-face-grin-stars:before,.fa-grin-stars:before{content:""}.fa-face-grin-tears:before,.fa-grin-tears:before{content:""}.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:""}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:""}.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:""}.fa-face-grin-wide:before,.fa-grin-alt:before{content:""}.fa-face-grin-wink:before,.fa-grin-wink:before{content:""}.fa-face-kiss:before,.fa-kiss:before{content:""}.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:""}.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:""}.fa-face-laugh:before,.fa-laugh:before{content:""}.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:""}.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:""}.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:""}.fa-face-meh:before,.fa-meh:before{content:""}.fa-face-meh-blank:before,.fa-meh-blank:before{content:""}.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:""}.fa-face-sad-cry:before,.fa-sad-cry:before{content:""}.fa-face-sad-tear:before,.fa-sad-tear:before{content:""}.fa-face-smile:before,.fa-smile:before{content:""}.fa-face-smile-beam:before,.fa-smile-beam:before{content:""}.fa-face-smile-wink:before,.fa-smile-wink:before{content:""}.fa-face-surprise:before,.fa-surprise:before{content:""}.fa-face-tired:before,.fa-tired:before{content:""}.fa-fan:before{content:""}.fa-faucet:before{content:""}.fa-fax:before{content:""}.fa-feather:before{content:""}.fa-feather-alt:before,.fa-feather-pointed:before{content:""}.fa-file:before{content:""}.fa-file-arrow-down:before,.fa-file-download:before{content:""}.fa-file-arrow-up:before,.fa-file-upload:before{content:""}.fa-file-audio:before{content:""}.fa-file-code:before{content:""}.fa-file-contract:before{content:""}.fa-file-csv:before{content:""}.fa-file-excel:before{content:""}.fa-arrow-right-from-file:before,.fa-file-export:before{content:""}.fa-file-image:before{content:""}.fa-arrow-right-to-file:before,.fa-file-import:before{content:""}.fa-file-invoice:before{content:""}.fa-file-invoice-dollar:before{content:""}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:""}.fa-file-medical:before{content:""}.fa-file-pdf:before{content:""}.fa-file-powerpoint:before{content:""}.fa-file-prescription:before{content:""}.fa-file-signature:before{content:""}.fa-file-video:before{content:""}.fa-file-medical-alt:before,.fa-file-waveform:before{content:""}.fa-file-word:before{content:""}.fa-file-archive:before,.fa-file-zipper:before{content:""}.fa-fill:before{content:""}.fa-fill-drip:before{content:""}.fa-film:before{content:""}.fa-filter:before{content:""}.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:""}.fa-filter-circle-xmark:before{content:""}.fa-fingerprint:before{content:""}.fa-fire:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:""}.fa-burn:before,.fa-fire-flame-simple:before{content:""}.fa-fish:before{content:""}.fa-flag:before{content:""}.fa-flag-checkered:before{content:""}.fa-flag-usa:before{content:""}.fa-flask:before{content:""}.fa-floppy-disk:before,.fa-save:before{content:""}.fa-florin-sign:before{content:""}.fa-folder:before{content:""}.fa-folder-minus:before{content:""}.fa-folder-open:before{content:""}.fa-folder-plus:before{content:""}.fa-folder-tree:before{content:""}.fa-font:before{content:""}.fa-football-ball:before,.fa-football:before{content:""}.fa-forward:before{content:""}.fa-fast-forward:before,.fa-forward-fast:before{content:""}.fa-forward-step:before,.fa-step-forward:before{content:""}.fa-franc-sign:before{content:""}.fa-frog:before{content:""}.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:""}.fa-g:before{content:"G"}.fa-gamepad:before{content:""}.fa-gas-pump:before{content:""}.fa-dashboard:before,.fa-gauge-high:before,.fa-gauge:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:""}.fa-gauge-simple-high:before,.fa-gauge-simple:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:""}.fa-gavel:before,.fa-legal:before{content:""}.fa-cog:before,.fa-gear:before{content:""}.fa-cogs:before,.fa-gears:before{content:""}.fa-gem:before{content:""}.fa-genderless:before{content:""}.fa-ghost:before{content:""}.fa-gift:before{content:""}.fa-gifts:before{content:""}.fa-glasses:before{content:""}.fa-globe:before{content:""}.fa-golf-ball-tee:before,.fa-golf-ball:before{content:""}.fa-gopuram:before{content:""}.fa-graduation-cap:before,.fa-mortar-board:before{content:""}.fa-greater-than:before{content:">"}.fa-greater-than-equal:before{content:""}.fa-grip-horizontal:before,.fa-grip:before{content:""}.fa-grip-lines:before{content:""}.fa-grip-lines-vertical:before{content:""}.fa-grip-vertical:before{content:""}.fa-guarani-sign:before{content:""}.fa-guitar:before{content:""}.fa-gun:before{content:""}.fa-h:before{content:"H"}.fa-hammer:before{content:""}.fa-hamsa:before{content:""}.fa-hand-paper:before,.fa-hand:before{content:""}.fa-hand-back-fist:before,.fa-hand-rock:before{content:""}.fa-allergies:before,.fa-hand-dots:before{content:""}.fa-fist-raised:before,.fa-hand-fist:before{content:""}.fa-hand-holding:before{content:""}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:""}.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:""}.fa-hand-holding-heart:before{content:""}.fa-hand-holding-medical:before{content:""}.fa-hand-lizard:before{content:""}.fa-hand-middle-finger:before{content:""}.fa-hand-peace:before{content:""}.fa-hand-point-down:before{content:""}.fa-hand-point-left:before{content:""}.fa-hand-point-right:before{content:""}.fa-hand-point-up:before{content:""}.fa-hand-pointer:before{content:""}.fa-hand-scissors:before{content:""}.fa-hand-sparkles:before{content:""}.fa-hand-spock:before{content:""}.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:""}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:""}.fa-hands-bubbles:before,.fa-hands-wash:before{content:""}.fa-hands-clapping:before{content:""}.fa-hands-holding:before{content:""}.fa-hands-praying:before,.fa-praying-hands:before{content:""}.fa-handshake:before{content:""}.fa-hands-helping:before,.fa-handshake-angle:before{content:""}.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:""}.fa-handshake-slash:before{content:""}.fa-hanukiah:before{content:""}.fa-hard-drive:before,.fa-hdd:before{content:""}.fa-hashtag:before{content:"#"}.fa-hat-cowboy:before{content:""}.fa-hat-cowboy-side:before{content:""}.fa-hat-wizard:before{content:""}.fa-head-side-cough:before{content:""}.fa-head-side-cough-slash:before{content:""}.fa-head-side-mask:before{content:""}.fa-head-side-virus:before{content:""}.fa-header:before,.fa-heading:before{content:""}.fa-headphones:before{content:""}.fa-headphones-alt:before,.fa-headphones-simple:before{content:""}.fa-headset:before{content:""}.fa-heart:before{content:""}.fa-heart-broken:before,.fa-heart-crack:before{content:""}.fa-heart-pulse:before,.fa-heartbeat:before{content:""}.fa-helicopter:before{content:""}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:""}.fa-highlighter:before{content:""}.fa-hippo:before{content:""}.fa-hockey-puck:before{content:""}.fa-holly-berry:before{content:""}.fa-horse:before{content:""}.fa-horse-head:before{content:""}.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:""}.fa-hospital-user:before{content:""}.fa-hot-tub-person:before,.fa-hot-tub:before{content:""}.fa-hotdog:before{content:""}.fa-hotel:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before,.fa-hourglass:before{content:""}.fa-hourglass-empty:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:""}.fa-home-lg:before,.fa-house-chimney:before{content:""}.fa-house-chimney-crack:before,.fa-house-damage:before{content:""}.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:""}.fa-house-chimney-user:before{content:""}.fa-house-crack:before{content:""}.fa-house-laptop:before,.fa-laptop-house:before{content:""}.fa-house-medical:before{content:""}.fa-home-user:before,.fa-house-user:before{content:""}.fa-hryvnia-sign:before,.fa-hryvnia:before{content:""}.fa-i:before{content:"I"}.fa-i-cursor:before{content:""}.fa-ice-cream:before{content:""}.fa-icicles:before{content:""}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:""}.fa-id-badge:before{content:""}.fa-drivers-license:before,.fa-id-card:before{content:""}.fa-id-card-alt:before,.fa-id-card-clip:before{content:""}.fa-igloo:before{content:""}.fa-image:before{content:""}.fa-image-portrait:before,.fa-portrait:before{content:""}.fa-images:before{content:""}.fa-inbox:before{content:""}.fa-indent:before{content:""}.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:""}.fa-industry:before{content:""}.fa-infinity:before{content:""}.fa-info:before{content:""}.fa-italic:before{content:""}.fa-j:before{content:"J"}.fa-jedi:before{content:""}.fa-fighter-jet:before,.fa-jet-fighter:before{content:""}.fa-joint:before{content:""}.fa-k:before{content:"K"}.fa-kaaba:before{content:""}.fa-key:before{content:""}.fa-keyboard:before{content:""}.fa-khanda:before{content:""}.fa-kip-sign:before{content:""}.fa-first-aid:before,.fa-kit-medical:before{content:""}.fa-kiwi-bird:before{content:""}.fa-l:before{content:"L"}.fa-landmark:before{content:""}.fa-language:before{content:""}.fa-laptop:before{content:""}.fa-laptop-code:before{content:""}.fa-laptop-medical:before{content:""}.fa-lari-sign:before{content:""}.fa-layer-group:before{content:""}.fa-leaf:before{content:""}.fa-left-long:before,.fa-long-arrow-alt-left:before{content:""}.fa-arrows-alt-h:before,.fa-left-right:before{content:""}.fa-lemon:before{content:""}.fa-less-than:before{content:"<"}.fa-less-than-equal:before{content:""}.fa-life-ring:before{content:""}.fa-lightbulb:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:""}.fa-lira-sign:before{content:""}.fa-list-squares:before,.fa-list:before{content:""}.fa-list-check:before,.fa-tasks:before{content:""}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:""}.fa-list-dots:before,.fa-list-ul:before{content:""}.fa-litecoin-sign:before{content:""}.fa-location-arrow:before{content:""}.fa-location-crosshairs:before,.fa-location:before{content:""}.fa-location-dot:before,.fa-map-marker-alt:before{content:""}.fa-location-pin:before,.fa-map-marker:before{content:""}.fa-lock:before{content:""}.fa-lock-open:before{content:""}.fa-lungs:before{content:""}.fa-lungs-virus:before{content:""}.fa-m:before{content:"M"}.fa-magnet:before{content:""}.fa-magnifying-glass:before,.fa-search:before{content:""}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:""}.fa-magnifying-glass-location:before,.fa-search-location:before{content:""}.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:""}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:""}.fa-manat-sign:before{content:""}.fa-map:before{content:""}.fa-map-location:before,.fa-map-marked:before{content:""}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:""}.fa-map-pin:before{content:""}.fa-marker:before{content:""}.fa-mars:before{content:""}.fa-mars-and-venus:before{content:""}.fa-mars-double:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:""}.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:""}.fa-glass-martini-alt:before,.fa-martini-glass:before{content:""}.fa-cocktail:before,.fa-martini-glass-citrus:before{content:""}.fa-glass-martini:before,.fa-martini-glass-empty:before{content:""}.fa-mask:before{content:""}.fa-mask-face:before{content:""}.fa-masks-theater:before,.fa-theater-masks:before{content:""}.fa-expand-arrows-alt:before,.fa-maximize:before{content:""}.fa-medal:before{content:""}.fa-memory:before{content:""}.fa-menorah:before{content:""}.fa-mercury:before{content:""}.fa-comment-alt:before,.fa-message:before{content:""}.fa-meteor:before{content:""}.fa-microchip:before{content:""}.fa-microphone:before{content:""}.fa-microphone-alt:before,.fa-microphone-lines:before{content:""}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:""}.fa-microphone-slash:before{content:""}.fa-microscope:before{content:""}.fa-mill-sign:before{content:""}.fa-compress-arrows-alt:before,.fa-minimize:before{content:""}.fa-minus:before,.fa-subtract:before{content:""}.fa-mitten:before{content:""}.fa-mobile-button:before{content:""}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:""}.fa-money-bill:before{content:""}.fa-money-bill-1:before,.fa-money-bill-alt:before{content:""}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:""}.fa-money-bill-wave:before{content:""}.fa-money-check:before{content:""}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:""}.fa-monument:before{content:""}.fa-moon:before{content:""}.fa-mortar-pestle:before{content:""}.fa-mosque:before{content:""}.fa-motorcycle:before{content:""}.fa-mountain:before{content:""}.fa-mug-hot:before{content:""}.fa-coffee:before,.fa-mug-saucer:before{content:""}.fa-music:before{content:""}.fa-n:before{content:"N"}.fa-naira-sign:before{content:""}.fa-network-wired:before{content:""}.fa-neuter:before{content:""}.fa-newspaper:before{content:""}.fa-not-equal:before{content:""}.fa-note-sticky:before,.fa-sticky-note:before{content:""}.fa-notes-medical:before{content:""}.fa-o:before{content:"O"}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-oil-can:before{content:""}.fa-om:before{content:""}.fa-otter:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-p:before{content:"P"}.fa-pager:before{content:""}.fa-paint-brush:before{content:""}.fa-paint-roller:before{content:""}.fa-palette:before{content:""}.fa-pallet:before{content:""}.fa-panorama:before{content:""}.fa-paper-plane:before{content:""}.fa-paperclip:before{content:""}.fa-parachute-box:before{content:""}.fa-paragraph:before{content:""}.fa-passport:before{content:""}.fa-file-clipboard:before,.fa-paste:before{content:""}.fa-pause:before{content:""}.fa-paw:before{content:""}.fa-peace:before{content:""}.fa-pen:before{content:""}.fa-pen-alt:before,.fa-pen-clip:before{content:""}.fa-pen-fancy:before{content:""}.fa-pen-nib:before{content:""}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:""}.fa-edit:before,.fa-pen-to-square:before{content:""}.fa-pencil-alt:before,.fa-pencil:before{content:""}.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:""}.fa-people-carry-box:before,.fa-people-carry:before{content:""}.fa-pepper-hot:before{content:""}.fa-percent:before,.fa-percentage:before{content:"%"}.fa-male:before,.fa-person:before{content:""}.fa-biking:before,.fa-person-biking:before{content:""}.fa-person-booth:before{content:""}.fa-diagnoses:before,.fa-person-dots-from-line:before{content:""}.fa-female:before,.fa-person-dress:before{content:""}.fa-hiking:before,.fa-person-hiking:before{content:""}.fa-person-praying:before,.fa-pray:before{content:""}.fa-person-running:before,.fa-running:before{content:""}.fa-person-skating:before,.fa-skating:before{content:""}.fa-person-skiing:before,.fa-skiing:before{content:""}.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:""}.fa-person-snowboarding:before,.fa-snowboarding:before{content:""}.fa-person-swimming:before,.fa-swimmer:before{content:""}.fa-person-walking:before,.fa-walking:before{content:""}.fa-blind:before,.fa-person-walking-with-cane:before{content:""}.fa-peseta-sign:before{content:""}.fa-peso-sign:before{content:""}.fa-phone:before{content:""}.fa-phone-alt:before,.fa-phone-flip:before{content:""}.fa-phone-slash:before{content:""}.fa-phone-volume:before,.fa-volume-control-phone:before{content:""}.fa-photo-film:before,.fa-photo-video:before{content:""}.fa-piggy-bank:before{content:""}.fa-pills:before{content:""}.fa-pizza-slice:before{content:""}.fa-place-of-worship:before{content:""}.fa-plane:before{content:""}.fa-plane-arrival:before{content:""}.fa-plane-departure:before{content:""}.fa-plane-slash:before{content:""}.fa-play:before{content:""}.fa-plug:before{content:""}.fa-add:before,.fa-plus:before{content:"+"}.fa-plus-minus:before{content:""}.fa-podcast:before{content:""}.fa-poo:before{content:""}.fa-poo-bolt:before,.fa-poo-storm:before{content:""}.fa-poop:before{content:""}.fa-power-off:before{content:""}.fa-prescription:before{content:""}.fa-prescription-bottle:before{content:""}.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:""}.fa-print:before{content:""}.fa-pump-medical:before{content:""}.fa-pump-soap:before{content:""}.fa-puzzle-piece:before{content:""}.fa-q:before{content:"Q"}.fa-qrcode:before{content:""}.fa-question:before{content:"?"}.fa-quote-left-alt:before,.fa-quote-left:before{content:""}.fa-quote-right-alt:before,.fa-quote-right:before{content:""}.fa-r:before{content:"R"}.fa-radiation:before{content:""}.fa-rainbow:before{content:""}.fa-receipt:before{content:""}.fa-record-vinyl:before{content:""}.fa-ad:before,.fa-rectangle-ad:before{content:""}.fa-list-alt:before,.fa-rectangle-list:before{content:""}.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:""}.fa-recycle:before{content:""}.fa-registered:before{content:""}.fa-repeat:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-republican:before{content:""}.fa-restroom:before{content:""}.fa-retweet:before{content:""}.fa-ribbon:before{content:""}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:""}.fa-exchange-alt:before,.fa-right-left:before{content:""}.fa-long-arrow-alt-right:before,.fa-right-long:before{content:""}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:""}.fa-ring:before{content:""}.fa-road:before{content:""}.fa-robot:before{content:""}.fa-rocket:before{content:""}.fa-rotate:before,.fa-sync-alt:before{content:""}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:""}.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:""}.fa-route:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before{content:""}.fa-ruler:before{content:""}.fa-ruler-combined:before{content:""}.fa-ruler-horizontal:before{content:""}.fa-ruler-vertical:before{content:""}.fa-rupee-sign:before,.fa-rupee:before{content:""}.fa-rupiah-sign:before{content:""}.fa-s:before{content:"S"}.fa-sailboat:before{content:""}.fa-satellite:before{content:""}.fa-satellite-dish:before{content:""}.fa-balance-scale:before,.fa-scale-balanced:before{content:""}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:""}.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:""}.fa-school:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-screwdriver:before{content:""}.fa-screwdriver-wrench:before,.fa-tools:before{content:""}.fa-scroll:before{content:""}.fa-scroll-torah:before,.fa-torah:before{content:""}.fa-sd-card:before{content:""}.fa-section:before{content:""}.fa-seedling:before,.fa-sprout:before{content:""}.fa-server:before{content:""}.fa-shapes:before,.fa-triangle-circle-square:before{content:""}.fa-arrow-turn-right:before,.fa-mail-forward:before,.fa-share:before{content:""}.fa-share-from-square:before,.fa-share-square:before{content:""}.fa-share-alt:before,.fa-share-nodes:before{content:""}.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:""}.fa-shield:before{content:""}.fa-shield-alt:before,.fa-shield-blank:before{content:""}.fa-shield-virus:before{content:""}.fa-ship:before{content:""}.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:""}.fa-shoe-prints:before{content:""}.fa-shop:before,.fa-store-alt:before{content:""}.fa-shop-slash:before,.fa-store-alt-slash:before{content:""}.fa-shower:before{content:""}.fa-shrimp:before{content:""}.fa-random:before,.fa-shuffle:before{content:""}.fa-shuttle-space:before,.fa-space-shuttle:before{content:""}.fa-sign-hanging:before,.fa-sign:before{content:""}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:""}.fa-signature:before{content:""}.fa-map-signs:before,.fa-signs-post:before{content:""}.fa-sim-card:before{content:""}.fa-sink:before{content:""}.fa-sitemap:before{content:""}.fa-skull:before{content:""}.fa-skull-crossbones:before{content:""}.fa-slash:before{content:""}.fa-sleigh:before{content:""}.fa-sliders-h:before,.fa-sliders:before{content:""}.fa-smog:before{content:""}.fa-smoking:before{content:""}.fa-snowflake:before{content:""}.fa-snowman:before{content:""}.fa-snowplow:before{content:""}.fa-soap:before{content:""}.fa-socks:before{content:""}.fa-solar-panel:before{content:""}.fa-sort:before,.fa-unsorted:before{content:""}.fa-sort-desc:before,.fa-sort-down:before{content:""}.fa-sort-asc:before,.fa-sort-up:before{content:""}.fa-spa:before{content:""}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:""}.fa-spell-check:before{content:""}.fa-spider:before{content:""}.fa-spinner:before{content:""}.fa-splotch:before{content:""}.fa-spoon:before,.fa-utensil-spoon:before{content:""}.fa-spray-can:before{content:""}.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:""}.fa-square:before{content:""}.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:""}.fa-caret-square-down:before,.fa-square-caret-down:before{content:""}.fa-caret-square-left:before,.fa-square-caret-left:before{content:""}.fa-caret-square-right:before,.fa-square-caret-right:before{content:""}.fa-caret-square-up:before,.fa-square-caret-up:before{content:""}.fa-check-square:before,.fa-square-check:before{content:""}.fa-envelope-square:before,.fa-square-envelope:before{content:""}.fa-square-full:before{content:""}.fa-h-square:before,.fa-square-h:before{content:""}.fa-minus-square:before,.fa-square-minus:before{content:""}.fa-parking:before,.fa-square-parking:before{content:""}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:""}.fa-phone-square:before,.fa-square-phone:before{content:""}.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:""}.fa-plus-square:before,.fa-square-plus:before{content:""}.fa-poll-h:before,.fa-square-poll-horizontal:before{content:""}.fa-poll:before,.fa-square-poll-vertical:before{content:""}.fa-square-root-alt:before,.fa-square-root-variable:before{content:""}.fa-rss-square:before,.fa-square-rss:before{content:""}.fa-share-alt-square:before,.fa-square-share-nodes:before{content:""}.fa-external-link-square-alt:before,.fa-square-up-right:before{content:""}.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:""}.fa-stairs:before{content:""}.fa-stamp:before{content:""}.fa-star:before{content:""}.fa-star-and-crescent:before{content:""}.fa-star-half:before{content:""}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:""}.fa-star-of-david:before{content:""}.fa-star-of-life:before{content:""}.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:""}.fa-stethoscope:before{content:""}.fa-stop:before{content:""}.fa-stopwatch:before{content:""}.fa-stopwatch-20:before{content:""}.fa-store:before{content:""}.fa-store-slash:before{content:""}.fa-street-view:before{content:""}.fa-strikethrough:before{content:""}.fa-stroopwafel:before{content:""}.fa-subscript:before{content:""}.fa-suitcase:before{content:""}.fa-medkit:before,.fa-suitcase-medical:before{content:""}.fa-suitcase-rolling:before{content:""}.fa-sun:before{content:""}.fa-superscript:before{content:""}.fa-swatchbook:before{content:""}.fa-synagogue:before{content:""}.fa-syringe:before{content:""}.fa-t:before{content:"T"}.fa-table:before{content:""}.fa-table-cells:before,.fa-th:before{content:""}.fa-table-cells-large:before,.fa-th-large:before{content:""}.fa-columns:before,.fa-table-columns:before{content:""}.fa-table-list:before,.fa-th-list:before{content:""}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:""}.fa-tablet-button:before{content:""}.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:""}.fa-tablets:before{content:""}.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-tape:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-teeth:before{content:""}.fa-teeth-open:before{content:""}.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:""}.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:""}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:""}.fa-temperature-high:before{content:""}.fa-temperature-low:before{content:""}.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:""}.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:""}.fa-tenge-sign:before,.fa-tenge:before{content:""}.fa-terminal:before{content:""}.fa-text-height:before{content:""}.fa-remove-format:before,.fa-text-slash:before{content:""}.fa-text-width:before{content:""}.fa-thermometer:before{content:""}.fa-thumbs-down:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumb-tack:before,.fa-thumbtack:before{content:""}.fa-ticket:before{content:""}.fa-ticket-alt:before,.fa-ticket-simple:before{content:""}.fa-timeline:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-toilet:before{content:""}.fa-toilet-paper:before{content:""}.fa-toilet-paper-slash:before{content:""}.fa-toolbox:before{content:""}.fa-tooth:before{content:""}.fa-torii-gate:before{content:""}.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:""}.fa-tractor:before{content:""}.fa-trademark:before{content:""}.fa-traffic-light:before{content:""}.fa-trailer:before{content:""}.fa-train:before{content:""}.fa-subway:before,.fa-train-subway:before{content:""}.fa-train-tram:before,.fa-tram:before{content:""}.fa-transgender-alt:before,.fa-transgender:before{content:""}.fa-trash:before{content:""}.fa-trash-arrow-up:before,.fa-trash-restore:before{content:""}.fa-trash-alt:before,.fa-trash-can:before{content:""}.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:""}.fa-tree:before{content:""}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:""}.fa-trophy:before{content:""}.fa-truck:before{content:""}.fa-shipping-fast:before,.fa-truck-fast:before{content:""}.fa-ambulance:before,.fa-truck-medical:before{content:""}.fa-truck-monster:before{content:""}.fa-truck-moving:before{content:""}.fa-truck-pickup:before{content:""}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:""}.fa-teletype:before,.fa-tty:before{content:""}.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:""}.fa-level-down-alt:before,.fa-turn-down:before{content:""}.fa-level-up-alt:before,.fa-turn-up:before{content:""}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:""}.fa-u:before{content:"U"}.fa-umbrella:before{content:""}.fa-umbrella-beach:before{content:""}.fa-underline:before{content:""}.fa-universal-access:before{content:""}.fa-unlock:before{content:""}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:""}.fa-arrows-alt-v:before,.fa-up-down:before{content:""}.fa-arrows-alt:before,.fa-up-down-left-right:before{content:""}.fa-long-arrow-alt-up:before,.fa-up-long:before{content:""}.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:""}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:""}.fa-upload:before{content:""}.fa-user:before{content:""}.fa-user-astronaut:before{content:""}.fa-user-check:before{content:""}.fa-user-clock:before{content:""}.fa-user-doctor:before,.fa-user-md:before{content:""}.fa-user-cog:before,.fa-user-gear:before{content:""}.fa-user-graduate:before{content:""}.fa-user-friends:before,.fa-user-group:before{content:""}.fa-user-injured:before{content:""}.fa-user-alt:before,.fa-user-large:before{content:""}.fa-user-alt-slash:before,.fa-user-large-slash:before{content:""}.fa-user-lock:before{content:""}.fa-user-minus:before{content:""}.fa-user-ninja:before{content:""}.fa-user-nurse:before{content:""}.fa-user-edit:before,.fa-user-pen:before{content:""}.fa-user-plus:before{content:""}.fa-user-secret:before{content:""}.fa-user-shield:before{content:""}.fa-user-slash:before{content:""}.fa-user-tag:before{content:""}.fa-user-tie:before{content:""}.fa-user-times:before,.fa-user-xmark:before{content:""}.fa-users:before{content:""}.fa-users-cog:before,.fa-users-gear:before{content:""}.fa-users-slash:before{content:""}.fa-cutlery:before,.fa-utensils:before{content:""}.fa-v:before{content:"V"}.fa-shuttle-van:before,.fa-van-shuttle:before{content:""}.fa-vault:before{content:""}.fa-vector-square:before{content:""}.fa-venus:before{content:""}.fa-venus-double:before{content:""}.fa-venus-mars:before{content:""}.fa-vest:before{content:""}.fa-vest-patches:before{content:""}.fa-vial:before{content:""}.fa-vials:before{content:""}.fa-video-camera:before,.fa-video:before{content:""}.fa-video-slash:before{content:""}.fa-vihara:before{content:""}.fa-virus:before{content:""}.fa-virus-slash:before{content:""}.fa-viruses:before{content:""}.fa-voicemail:before{content:""}.fa-volleyball-ball:before,.fa-volleyball:before{content:""}.fa-volume-high:before,.fa-volume-up:before{content:""}.fa-volume-down:before,.fa-volume-low:before{content:""}.fa-volume-off:before{content:""}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:""}.fa-vr-cardboard:before{content:""}.fa-w:before{content:"W"}.fa-wallet:before{content:""}.fa-magic:before,.fa-wand-magic:before{content:""}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:""}.fa-warehouse:before{content:""}.fa-water:before{content:""}.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:""}.fa-wave-square:before{content:""}.fa-weight-hanging:before{content:""}.fa-weight-scale:before,.fa-weight:before{content:""}.fa-wheelchair:before{content:""}.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:""}.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:""}.fa-wind:before{content:""}.fa-window-maximize:before{content:""}.fa-window-minimize:before{content:""}.fa-window-restore:before{content:""}.fa-wine-bottle:before{content:""}.fa-wine-glass:before{content:""}.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:""}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:""}.fa-wrench:before{content:""}.fa-x:before{content:"X"}.fa-x-ray:before{content:""}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:""}.fa-y:before{content:"Y"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:""}.fa-yin-yang:before{content:""}.fa-z:before{content:"Z"}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host,:root{--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(/lms/assets/fa-brands-400-CqPramzn.woff2)format("woff2"),url(/lms/assets/fa-brands-400-BHzRODKu.ttf)format("truetype")}.fa-brands,.fab{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-42-group:before,.fa-innosoft:before{content:""}.fa-500px:before{content:""}.fa-accessible-icon:before{content:""}.fa-accusoft:before{content:""}.fa-acquisitions-incorporated:before{content:""}.fa-adn:before{content:""}.fa-adversal:before{content:""}.fa-affiliatetheme:before{content:""}.fa-airbnb:before{content:""}.fa-algolia:before{content:""}.fa-alipay:before{content:""}.fa-amazon:before{content:""}.fa-amazon-pay:before{content:""}.fa-amilia:before{content:""}.fa-android:before{content:""}.fa-angellist:before{content:""}.fa-angrycreative:before{content:""}.fa-angular:before{content:""}.fa-app-store:before{content:""}.fa-app-store-ios:before{content:""}.fa-apper:before{content:""}.fa-apple:before{content:""}.fa-apple-pay:before{content:""}.fa-artstation:before{content:""}.fa-asymmetrik:before{content:""}.fa-atlassian:before{content:""}.fa-audible:before{content:""}.fa-autoprefixer:before{content:""}.fa-avianex:before{content:""}.fa-aviato:before{content:""}.fa-aws:before{content:""}.fa-bandcamp:before{content:""}.fa-battle-net:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-bilibili:before{content:""}.fa-bimobject:before{content:""}.fa-bitbucket:before{content:""}.fa-bitcoin:before{content:""}.fa-bity:before{content:""}.fa-black-tie:before{content:""}.fa-blackberry:before{content:""}.fa-blogger:before{content:""}.fa-blogger-b:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-bootstrap:before{content:""}.fa-bots:before{content:""}.fa-btc:before{content:""}.fa-buffer:before{content:""}.fa-buromobelexperte:before{content:""}.fa-buy-n-large:before{content:""}.fa-buysellads:before{content:""}.fa-canadian-maple-leaf:before{content:""}.fa-cc-amazon-pay:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-apple-pay:before{content:""}.fa-cc-diners-club:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-cc-visa:before{content:""}.fa-centercode:before{content:""}.fa-centos:before{content:""}.fa-chrome:before{content:""}.fa-chromecast:before{content:""}.fa-cloudflare:before{content:""}.fa-cloudscale:before{content:""}.fa-cloudsmith:before{content:""}.fa-cloudversify:before{content:""}.fa-cmplid:before{content:""}.fa-codepen:before{content:""}.fa-codiepie:before{content:""}.fa-confluence:before{content:""}.fa-connectdevelop:before{content:""}.fa-contao:before{content:""}.fa-cotton-bureau:before{content:""}.fa-cpanel:before{content:""}.fa-creative-commons:before{content:""}.fa-creative-commons-by:before{content:""}.fa-creative-commons-nc:before{content:""}.fa-creative-commons-nc-eu:before{content:""}.fa-creative-commons-nc-jp:before{content:""}.fa-creative-commons-nd:before{content:""}.fa-creative-commons-pd:before{content:""}.fa-creative-commons-pd-alt:before{content:""}.fa-creative-commons-remix:before{content:""}.fa-creative-commons-sa:before{content:""}.fa-creative-commons-sampling:before{content:""}.fa-creative-commons-sampling-plus:before{content:""}.fa-creative-commons-share:before{content:""}.fa-creative-commons-zero:before{content:""}.fa-critical-role:before{content:""}.fa-css3:before{content:""}.fa-css3-alt:before{content:""}.fa-cuttlefish:before{content:""}.fa-d-and-d:before{content:""}.fa-d-and-d-beyond:before{content:""}.fa-dailymotion:before{content:""}.fa-dashcube:before{content:""}.fa-deezer:before{content:""}.fa-delicious:before{content:""}.fa-deploydog:before{content:""}.fa-deskpro:before{content:""}.fa-dev:before{content:""}.fa-deviantart:before{content:""}.fa-dhl:before{content:""}.fa-diaspora:before{content:""}.fa-digg:before{content:""}.fa-digital-ocean:before{content:""}.fa-discord:before{content:""}.fa-discourse:before{content:""}.fa-dochub:before{content:""}.fa-docker:before{content:""}.fa-draft2digital:before{content:""}.fa-dribbble:before{content:""}.fa-dribbble-square:before{content:""}.fa-dropbox:before{content:""}.fa-drupal:before{content:""}.fa-dyalog:before{content:""}.fa-earlybirds:before{content:""}.fa-ebay:before{content:""}.fa-edge:before{content:""}.fa-edge-legacy:before{content:""}.fa-elementor:before{content:""}.fa-ello:before{content:""}.fa-ember:before{content:""}.fa-empire:before{content:""}.fa-envira:before{content:""}.fa-erlang:before{content:""}.fa-ethereum:before{content:""}.fa-etsy:before{content:""}.fa-evernote:before{content:""}.fa-expeditedssl:before{content:""}.fa-facebook:before{content:""}.fa-facebook-f:before{content:""}.fa-facebook-messenger:before{content:""}.fa-facebook-square:before{content:""}.fa-fantasy-flight-games:before{content:""}.fa-fedex:before{content:""}.fa-fedora:before{content:""}.fa-figma:before{content:""}.fa-firefox:before{content:""}.fa-firefox-browser:before{content:""}.fa-first-order:before{content:""}.fa-first-order-alt:before{content:""}.fa-firstdraft:before{content:""}.fa-flickr:before{content:""}.fa-flipboard:before{content:""}.fa-fly:before{content:""}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:""}.fa-fonticons:before{content:""}.fa-fonticons-fi:before{content:""}.fa-fort-awesome:before{content:""}.fa-fort-awesome-alt:before{content:""}.fa-forumbee:before{content:""}.fa-foursquare:before{content:""}.fa-free-code-camp:before{content:""}.fa-freebsd:before{content:""}.fa-fulcrum:before{content:""}.fa-galactic-republic:before{content:""}.fa-galactic-senate:before{content:""}.fa-get-pocket:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-git:before{content:""}.fa-git-alt:before{content:""}.fa-git-square:before{content:""}.fa-github:before{content:""}.fa-github-alt:before{content:""}.fa-github-square:before{content:""}.fa-gitkraken:before{content:""}.fa-gitlab:before{content:""}.fa-gitter:before{content:""}.fa-glide:before{content:""}.fa-glide-g:before{content:""}.fa-gofore:before{content:""}.fa-golang:before{content:""}.fa-goodreads:before{content:""}.fa-goodreads-g:before{content:""}.fa-google:before{content:""}.fa-google-drive:before{content:""}.fa-google-pay:before{content:""}.fa-google-play:before{content:""}.fa-google-plus:before{content:""}.fa-google-plus-g:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-wallet:before{content:""}.fa-gratipay:before{content:""}.fa-grav:before{content:""}.fa-gripfire:before{content:""}.fa-grunt:before{content:""}.fa-guilded:before{content:""}.fa-gulp:before{content:""}.fa-hacker-news:before{content:""}.fa-hacker-news-square:before{content:""}.fa-hackerrank:before{content:""}.fa-hips:before{content:""}.fa-hire-a-helper:before{content:""}.fa-hive:before{content:""}.fa-hooli:before{content:""}.fa-hornbill:before{content:""}.fa-hotjar:before{content:""}.fa-houzz:before{content:""}.fa-html5:before{content:""}.fa-hubspot:before{content:""}.fa-ideal:before{content:""}.fa-imdb:before{content:""}.fa-instagram:before{content:""}.fa-instagram-square:before{content:""}.fa-instalod:before{content:""}.fa-intercom:before{content:""}.fa-internet-explorer:before{content:""}.fa-invision:before{content:""}.fa-ioxhost:before{content:""}.fa-itch-io:before{content:""}.fa-itunes:before{content:""}.fa-itunes-note:before{content:""}.fa-java:before{content:""}.fa-jedi-order:before{content:""}.fa-jenkins:before{content:""}.fa-jira:before{content:""}.fa-joget:before{content:""}.fa-joomla:before{content:""}.fa-js:before{content:""}.fa-js-square:before{content:""}.fa-jsfiddle:before{content:""}.fa-kaggle:before{content:""}.fa-keybase:before{content:""}.fa-keycdn:before{content:""}.fa-kickstarter:before{content:""}.fa-kickstarter-k:before{content:""}.fa-korvue:before{content:""}.fa-laravel:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-leanpub:before{content:""}.fa-less:before{content:""}.fa-line:before{content:""}.fa-linkedin:before{content:""}.fa-linkedin-in:before{content:""}.fa-linode:before{content:""}.fa-linux:before{content:""}.fa-lyft:before{content:""}.fa-magento:before{content:""}.fa-mailchimp:before{content:""}.fa-mandalorian:before{content:""}.fa-markdown:before{content:""}.fa-mastodon:before{content:""}.fa-maxcdn:before{content:""}.fa-mdb:before{content:""}.fa-medapps:before{content:""}.fa-medium-m:before,.fa-medium:before{content:""}.fa-medrt:before{content:""}.fa-meetup:before{content:""}.fa-megaport:before{content:""}.fa-mendeley:before{content:""}.fa-microblog:before{content:""}.fa-microsoft:before{content:""}.fa-mix:before{content:""}.fa-mixcloud:before{content:""}.fa-mixer:before{content:""}.fa-mizuni:before{content:""}.fa-modx:before{content:""}.fa-monero:before{content:""}.fa-napster:before{content:""}.fa-neos:before{content:""}.fa-nimblr:before{content:""}.fa-node:before{content:""}.fa-node-js:before{content:""}.fa-npm:before{content:""}.fa-ns8:before{content:""}.fa-nutritionix:before{content:""}.fa-octopus-deploy:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-old-republic:before{content:""}.fa-opencart:before{content:""}.fa-openid:before{content:""}.fa-opera:before{content:""}.fa-optin-monster:before{content:""}.fa-orcid:before{content:""}.fa-osi:before{content:""}.fa-page4:before{content:""}.fa-pagelines:before{content:""}.fa-palfed:before{content:""}.fa-patreon:before{content:""}.fa-paypal:before{content:""}.fa-penny-arcade:before{content:""}.fa-perbyte:before{content:""}.fa-periscope:before{content:""}.fa-phabricator:before{content:""}.fa-phoenix-framework:before{content:""}.fa-phoenix-squadron:before{content:""}.fa-php:before{content:""}.fa-pied-piper:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-pied-piper-hat:before{content:""}.fa-pied-piper-pp:before{content:""}.fa-pied-piper-square:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-p:before{content:""}.fa-pinterest-square:before{content:""}.fa-pix:before{content:""}.fa-playstation:before{content:""}.fa-product-hunt:before{content:""}.fa-pushed:before{content:""}.fa-python:before{content:""}.fa-qq:before{content:""}.fa-quinscape:before{content:""}.fa-quora:before{content:""}.fa-r-project:before{content:""}.fa-raspberry-pi:before{content:""}.fa-ravelry:before{content:""}.fa-react:before{content:""}.fa-reacteurope:before{content:""}.fa-readme:before{content:""}.fa-rebel:before{content:""}.fa-red-river:before{content:""}.fa-reddit:before{content:""}.fa-reddit-alien:before{content:""}.fa-reddit-square:before{content:""}.fa-redhat:before{content:""}.fa-renren:before{content:""}.fa-replyd:before{content:""}.fa-researchgate:before{content:""}.fa-resolving:before{content:""}.fa-rev:before{content:""}.fa-rocketchat:before{content:""}.fa-rockrms:before{content:""}.fa-rust:before{content:""}.fa-safari:before{content:""}.fa-salesforce:before{content:""}.fa-sass:before{content:""}.fa-schlix:before{content:""}.fa-scribd:before{content:""}.fa-searchengin:before{content:""}.fa-sellcast:before{content:""}.fa-sellsy:before{content:""}.fa-servicestack:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-shopify:before{content:""}.fa-shopware:before{content:""}.fa-simplybuilt:before{content:""}.fa-sistrix:before{content:""}.fa-sith:before{content:""}.fa-sitrox:before{content:""}.fa-sketch:before{content:""}.fa-skyatlas:before{content:""}.fa-skype:before{content:""}.fa-slack-hash:before,.fa-slack:before{content:""}.fa-slideshare:before{content:""}.fa-snapchat-ghost:before,.fa-snapchat:before{content:""}.fa-snapchat-square:before{content:""}.fa-soundcloud:before{content:""}.fa-sourcetree:before{content:""}.fa-speakap:before{content:""}.fa-speaker-deck:before{content:""}.fa-spotify:before{content:""}.fa-square-font-awesome:before{content:""}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:""}.fa-squarespace:before{content:""}.fa-stack-exchange:before{content:""}.fa-stack-overflow:before{content:""}.fa-stackpath:before{content:""}.fa-staylinked:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-steam-symbol:before{content:""}.fa-sticker-mule:before{content:""}.fa-strava:before{content:""}.fa-stripe:before{content:""}.fa-stripe-s:before{content:""}.fa-studiovinari:before{content:""}.fa-stumbleupon:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-superpowers:before{content:""}.fa-supple:before{content:""}.fa-suse:before{content:""}.fa-swift:before{content:""}.fa-symfony:before{content:""}.fa-teamspeak:before{content:""}.fa-telegram-plane:before,.fa-telegram:before{content:""}.fa-tencent-weibo:before{content:""}.fa-the-red-yeti:before{content:""}.fa-themeco:before{content:""}.fa-themeisle:before{content:""}.fa-think-peaks:before{content:""}.fa-tiktok:before{content:""}.fa-trade-federation:before{content:""}.fa-trello:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-twitch:before{content:""}.fa-twitter:before{content:""}.fa-twitter-square:before{content:""}.fa-typo3:before{content:""}.fa-uber:before{content:""}.fa-ubuntu:before{content:""}.fa-uikit:before{content:""}.fa-umbraco:before{content:""}.fa-uncharted:before{content:""}.fa-uniregistry:before{content:""}.fa-unity:before{content:""}.fa-unsplash:before{content:""}.fa-untappd:before{content:""}.fa-ups:before{content:""}.fa-usb:before{content:""}.fa-usps:before{content:""}.fa-ussunnah:before{content:""}.fa-vaadin:before{content:""}.fa-viacoin:before{content:""}.fa-viadeo:before{content:""}.fa-viadeo-square:before{content:""}.fa-viber:before{content:""}.fa-vimeo:before{content:""}.fa-vimeo-square:before{content:""}.fa-vimeo-v:before{content:""}.fa-vine:before{content:""}.fa-vk:before{content:""}.fa-vnv:before{content:""}.fa-vuejs:before{content:""}.fa-watchman-monitoring:before{content:""}.fa-waze:before{content:""}.fa-weebly:before{content:""}.fa-weibo:before{content:""}.fa-weixin:before{content:""}.fa-whatsapp:before{content:""}.fa-whatsapp-square:before{content:""}.fa-whmcs:before{content:""}.fa-wikipedia-w:before{content:""}.fa-windows:before{content:""}.fa-wirsindhandwerk:before,.fa-wsh:before{content:""}.fa-wix:before{content:""}.fa-wizards-of-the-coast:before{content:""}.fa-wodu:before{content:""}.fa-wolf-pack-battalion:before{content:""}.fa-wordpress:before{content:""}.fa-wordpress-simple:before{content:""}.fa-wpbeginner:before{content:""}.fa-wpexplorer:before{content:""}.fa-wpforms:before{content:""}.fa-wpressr:before{content:""}.fa-xbox:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-y-combinator:before{content:""}.fa-yahoo:before{content:""}.fa-yammer:before{content:""}.fa-yandex:before{content:""}.fa-yandex-international:before{content:""}.fa-yarn:before{content:""}.fa-yelp:before{content:""}.fa-yoast:before{content:""}.fa-youtube:before{content:""}.fa-youtube-square:before{content:""}.fa-zhihu:before{content:""}: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(/lms/assets/fa-regular-400-BsesNq0l.woff2)format("woff2"),url(/lms/assets/fa-regular-400-BzKo1lTb.ttf)format("truetype")}.fa-regular,.far{font-family:"Font Awesome 6 Free";font-weight:400}:host,:root{--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(/lms/assets/fa-solid-900-CuTfMWJx.woff2)format("woff2"),url(/lms/assets/fa-solid-900-CzjW9PEw.ttf)format("truetype")}.fa-solid,.fas{font-family:"Font Awesome 6 Free";font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(/lms/assets/fa-brands-400-CqPramzn.woff2)format("woff2"),url(/lms/assets/fa-brands-400-BHzRODKu.ttf)format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(/lms/assets/fa-solid-900-CuTfMWJx.woff2)format("woff2"),url(/lms/assets/fa-solid-900-CzjW9PEw.ttf)format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(/lms/assets/fa-regular-400-BsesNq0l.woff2)format("woff2"),url(/lms/assets/fa-regular-400-BzKo1lTb.ttf)format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(/lms/assets/fa-solid-900-CuTfMWJx.woff2)format("woff2"),url(/lms/assets/fa-solid-900-CzjW9PEw.ttf)format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(/lms/assets/fa-brands-400-CqPramzn.woff2)format("woff2"),url(/lms/assets/fa-brands-400-BHzRODKu.ttf)format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(/lms/assets/fa-regular-400-BsesNq0l.woff2)format("woff2"),url(/lms/assets/fa-regular-400-BzKo1lTb.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(/lms/assets/fa-v4compatibility-CgPtUqW2.woff2)format("woff2"),url(/lms/assets/fa-v4compatibility-Rfd5hOYB.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+F250,U+F252,U+F27A}.class-table-wrapper{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;width:100%;overflow-x:auto}.class-table th{text-align:right;height:48px;color:var(--text-color);background:var(--bg-body);white-space:nowrap;padding:0 18px;font-size:12px;font-weight:600}.class-table td{text-align:right;border-top:1px solid var(--border);height:68px;color:var(--text-color);white-space:nowrap;padding:0 18px;font-size:13px}.table-class-info{flex-direction:column;gap:5px;display:flex}.table-class-info strong{color:var(--text-color);font-size:13px;font-weight:700}.table-class-info span{color:var(--text-muted,#475569);font-size:11px}.student-number{color:var(--text-color);font-weight:700}.student-capacity{color:var(--text-muted,#475569);font-size:12px}.table-more{width:32px;height:32px;color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:20px;transition:background .15s,color .15s,opacity .15s;display:grid}.table-more:hover{background:var(--hover-bg);color:var(--text-color);opacity:1}.empty-state div{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.empty-state span{font-size:28px}.empty-state strong{color:var(--text-color);font-size:13px}.teacher-classes-page{background:var(--bg-body);min-height:100%;color:var(--text-color);direction:rtl;padding:24px}.page-header{margin-bottom:24px}.page-header h1{color:var(--text-color);margin:0 0 6px;font-size:24px;font-weight:800}.page-header p{color:var(--text-muted,#475569);margin:0;font-size:13px}.class-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:19px;display:grid}.class-tabs{border-bottom:1px solid var(--border);margin-bottom:18px;display:flex}.class-tabs button{color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:0;padding:13px 18px;font-family:inherit;font-size:13px;transition:color .2s,opacity .2s;position:relative}.class-tabs button:after{content:"";background:0 0;height:2px;transition:background .2s;position:absolute;bottom:-1px;left:0;right:0}.class-tabs button:hover{opacity:.9}.class-tabs button.active{color:var(--gradient-end);opacity:1;font-weight:700}.class-tabs button.active:after{background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end))}.class-tabs button span{background:var(--hover-bg);color:var(--text-color);border-radius:20px;margin-right:7px;padding:2px 7px;font-size:11px}.class-filters{align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-box{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:430px;height:42px;padding:0 13px;transition:border-color .2s;display:flex}.search-box:focus-within{border-color:var(--gradient-start)}.search-box span{color:var(--text-muted,#475569);font-size:21px}.class-filters select{border:1px solid var(--border);background:var(--input-bg);min-width:150px;height:42px;color:var(--text-color);cursor:pointer;border-radius:10px;outline:none;padding:0 12px;font-family:inherit;transition:border-color .2s}.class-filters select:focus{border-color:var(--gradient-start)}.classes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.class-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s}.class-card:hover{border-color:var(--gradient-start);transform:translateY(-2px);box-shadow:0 8px 25px #0e7c861f}.class-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding-bottom:15px;display:flex}.class-card-header h3{color:var(--text-color);margin:0 0 5px;font-size:16px;font-weight:800}.card-more{width:32px;height:32px;color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:20px;transition:background .15s,opacity .15s}.card-more:hover{background:var(--hover-bg);color:var(--text-color);opacity:1}.class-info-row{grid-template-columns:1fr 1fr 1fr;gap:12px;padding:17px 0;display:grid}.class-info-item{flex-direction:column;gap:5px;display:flex}.class-info-item span{color:var(--text-muted,#475569);font-size:11px}.class-info-item strong{color:var(--text-color);font-size:13px}.students-info{background:var(--input-bg);border-radius:11px;margin-bottom:16px;padding:14px}.students-info>div:first-child{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.students-info span{color:var(--text-muted,#475569);font-size:11px}.students-info strong{color:var(--text-color);font-size:14px}.students-info small{color:var(--text-muted,#475569);font-size:11px;font-weight:400}.student-progress div{border-radius:inherit;background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));height:100%;transition:width .3s}.class-card-footer{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.academic-year{color:var(--text-muted,#475569);font-size:11px}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-badge i{border-radius:50%;width:6px;height:6px}.status-badge.active{color:var(--gradient-end);background:#14804a1a}.status-badge.active i{background:var(--gradient-end)}.status-badge.inactive{color:var(--text-color);background:var(--hover-bg);opacity:.7}.status-badge.inactive i{background:var(--text-color);opacity:.6}.view-class-btn{background:var(--input-bg);width:100%;height:40px;color:var(--gradient-end);cursor:pointer;border:0;border:1px solid var(--gradient-start);border-radius:9px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:12px;transition:opacity .2s,transform .2s;display:flex}.view-class-btn:hover{opacity:.9;transform:translateY(-1px)}.view-class-btn span{font-size:16px}.view-student-btn{border:1px solid var(--gradient-start);background:var(--input-bg);width:100%;height:40px;color:var(--gradient-end);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:12px;transition:background .2s,border-color .2s,color .2s;display:flex}.view-student-btn:hover{background:var(--hover-bg);border-color:var(--gradient-end);color:var(--gradient-end)}.view-student-btn span{font-size:16px}.empty-classes{background:var(--card-bg);border:1px solid var(--border);min-height:260px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;display:flex}.empty-classes>span{font-size:30px}.empty-classes strong{color:var(--text-color);font-size:14px}.empty-classes p{color:var(--text-muted,#475569);margin:0;font-size:12px}@media (width<=1100px){.classes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.teacher-classes-page{padding:16px}.class-stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:13px}.stat-icon{width:38px;height:38px}.class-tabs{overflow-x:auto}.class-tabs button{white-space:nowrap}.class-filters{flex-direction:column;align-items:stretch}.search-box{max-width:none}.class-filters select{width:100%}.classes-grid{grid-template-columns:1fr}}.student-card{background:var(--card-bg);border:1px solid var(--line);width:100%;max-width:520px;color:var(--text-color);box-sizing:border-box;border-radius:20px;padding:26px;box-shadow:0 12px 30px #0000002e}.student-card-header .student-status,.student-card .student-status{top:auto;right:auto;background:color-mix(in srgb, #22c55e 14%, var(--card-bg));color:#15803d;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex;position:static;inset:auto}.student-card-header .student-status .status-dot,.student-card .student-status .status-dot{opacity:.85;background:currentColor;border-radius:50%;width:7px;height:7px}.student-card-header .mystudent-avatar,.student-card .mystudent-avatar{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border:0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:800;display:flex;overflow:hidden}.mystudent-avatar img{object-fit:cover;width:100%;height:100%}.student-name{text-align:center;color:var(--text-color);margin-top:18px;font-size:19px;font-weight:800}.student-class-info{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;margin-top:7px;font-size:13px;font-weight:600;display:flex}.student-class-info .separator{opacity:.45}.student-info-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;display:grid}.student-info-item{box-sizing:border-box;background:#00000024;border:1px solid #ffffff09;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px;display:flex}.student-info-icon{background:#2db2b924;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.student-info-content{flex-direction:column;gap:4px;min-width:0;display:flex}.student-info-content span{color:var(--text-muted);font-size:11px;font-weight:500}.student-info-content strong{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}@media (width<=500px){.student-card{padding:20px}.student-info-grid{grid-template-columns:1fr}}.teacher-sessions{background:var(--card-bg);border:1px solid var(--line);box-sizing:border-box;border-radius:18px;width:100%;padding:20px}.teacher-sessions-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.teacher-sessions-header h3{color:var(--text-color);margin:0 0 5px;font-size:17px;font-weight:800}.teacher-sessions-header span{color:var(--text-muted);font-size:12px}.sessions-count{color:var(--accent);background:#8fbbb31a;border:1px solid #8fbbb326;border-radius:9px;padding:7px 12px;font-size:12px;font-weight:700}.teacher-sessions-list{flex-direction:column;gap:10px;display:flex}.teacher-session-item{background:#0000001f;border:1px solid #ffffff09;border-radius:13px;grid-template-columns:85px minmax(180px,1fr) 90px 100px 120px;align-items:center;gap:16px;padding:13px 15px;transition:all .2s;display:grid}.teacher-session-item:hover{background:#ffffff06}.teacher-session-time{border-left:1px solid var(--line);flex-direction:column;gap:3px;padding-left:14px;display:flex}.teacher-session-time strong{color:var(--text-color);font-size:15px;font-weight:800}.teacher-session-time span{color:var(--text-muted);font-size:10px}.teacher-session-info{min-width:0}.teacher-session-info>strong{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:13px;font-weight:700;display:block;overflow:hidden}.teacher-session-meta{color:var(--text-muted);align-items:center;gap:7px;font-size:10px;display:flex}.teacher-session-meta span{align-items:center;gap:3px;display:flex}.teacher-session-type{text-align:center}.teacher-session-type span{border-radius:7px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.teacher-session-type .online{color:#70d9d4;background:#2db2b91c;border:1px solid #2db2b926}.teacher-session-type .offline{color:#aeb6bf;background:#78828c1a;border:1px solid #78828c24}.teacher-session-status{text-align:center}.session-status-badge{border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-block}.session-status-badge.status-planned{color:#8bb9ff;background:#417ddc1c;border:1px solid #417ddc29}.session-status-badge.status-underway{color:#33db33;background:#41704140;border-color:#41704140}.session-status-badge.status-held{color:#9da7b2;background:#78828c1a;border:1px solid #78828c24}.session-status-badge.status-cancelled{color:#ff8585;background:#dc46461a;border:1px solid #dc464626}.cnacelledText{color:var(--gradient-end);margin:0;padding:5px 0 0;font-size:10px}.teacher-start-btn{color:#79d8d4;cursor:pointer;background:#2db2b91f;border:1px solid #2db2b92e;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s;display:flex}.teacher-start-btn:hover{background:#2db2b933;transform:translateY(-1px)}.teacher-start-btn.active{color:#5ee85e;background:#33db331a;border-color:#33db332e}.teacher-session-item.is-underway{background:#33db3306;border-color:#33db331f}.teacher-session-item.is-cancelled{opacity:.55}.teacher-sessions-empty{min-height:110px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.teacher-sessions-empty div{opacity:.5;font-size:25px}@media (width<=900px){.teacher-session-item{grid-template-columns:75px minmax(150px,1fr) auto auto}.teacher-session-status{display:none}}@media (width<=650px){.teacher-session-item{grid-template-columns:70px 1fr auto}.teacher-session-type{display:none}.teacher-session-info{min-width:0}}.content-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.content-modal{background:var(--card-bg);width:min(920px,100%);max-height:92vh;color:var(--text-color);border:1px solid var(--border);box-shadow:var(--shadow);direction:rtl;border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.content-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.content-modal-header h2{margin:0 0 5px;font-size:20px;font-weight:800}.content-modal-header p{color:color-mix(in srgb, var(--text-color) 65%, transparent);margin:0;font-size:13px}.content-close-btn{background:var(--hover-bg);width:38px;height:38px;color:var(--text-color);cursor:pointer;border:0;border-radius:10px;font-size:25px;transition:all .2s}.content-close-btn:hover{background:var(--border)}.content-stepper{border-bottom:1px solid var(--border);align-items:center;padding:20px 28px;display:flex}.content-step{white-space:nowrap;color:color-mix(in srgb, var(--text-color) 45%, transparent);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.content-step-number{border:1px solid var(--border);background:var(--input-bg);border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.content-step.active{color:var(--gradient-end)}.content-step.active .content-step-number{color:#fff;background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));box-shadow:0 5px 15px color-mix(in srgb, var(--gradient-end) 25%, transparent);border-color:#0000}.content-step.completed{color:var(--gradient-end)}.content-step.completed .content-step-number{color:#fff;background:var(--gradient-end);border-color:#0000}.content-step-line{background:var(--border);flex:1;height:1px;margin:0 12px}.content-step-line.completed{background:var(--gradient-end)}.content-modal-body{flex:1;padding:28px;overflow-y:auto}.content-step-content{flex-direction:column;gap:22px;display:flex}.content-section-intro{align-items:center;gap:13px;display:flex}.content-section-icon{color:#fff;background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.content-section-intro h3{margin:0 0 5px;font-size:17px}.content-section-intro p{color:color-mix(in srgb, var(--text-color) 60%, transparent);margin:0;font-size:12px}.content-form-group{flex-direction:column;gap:8px;display:flex}.content-form-group label{align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.content-form-group label>span{color:var(--gradient-end)}.content-form-group input,.content-form-group textarea,.content-form-group select,.content-link-fields input{box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-color);border-radius:11px;outline:none;padding:12px 14px;font-family:inherit;font-size:13px;transition:all .2s}.content-form-group input:focus,.content-form-group textarea:focus,.content-form-group select:focus,.content-link-fields input:focus{border-color:var(--gradient-end);box-shadow:0 0 0 3px color-mix(in srgb, var(--gradient-end) 12%, transparent)}.content-form-group textarea{resize:vertical}.content-main-section{border:1px solid var(--border);background:color-mix(in srgb, var(--input-bg) 45%, var(--card-bg));border-radius:16px;padding:20px}.content-main-section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.content-main-section-header h4{align-items:center;gap:8px;margin:0 0 5px;font-size:14px;display:flex}.content-main-section-header h4 span{font-size:17px}.content-main-section-header p{color:color-mix(in srgb, var(--text-color) 55%, transparent);margin:0;font-size:11px}.content-add-small-btn{border:1px solid color-mix(in srgb, var(--gradient-end) 30%, var(--border));background:color-mix(in srgb, var(--gradient-end) 8%, var(--card-bg));color:var(--gradient-end);cursor:pointer;border-radius:9px;flex-shrink:0;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s}.content-add-small-btn:hover{background:color-mix(in srgb, var(--gradient-end) 14%, var(--card-bg))}.content-large-textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--border);background:var(--card-bg);width:100%;min-height:150px;color:var(--text-color);border-radius:12px;outline:none;padding:14px;font-family:inherit;font-size:13px;transition:all .2s}.content-large-textarea:focus{border-color:var(--gradient-end)}.content-links-list{flex-direction:column;gap:10px;display:flex}.content-link-item{border:1px solid var(--border);background:var(--card-bg);border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.content-link-number{background:var(--hover-bg);width:28px;height:28px;color:var(--gradient-end);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.content-link-fields{flex-direction:column;flex:1;gap:8px;display:flex}.content-upload-box{border:1.5px dashed color-mix(in srgb, var(--gradient-end) 35%, var(--border));background:color-mix(in srgb, var(--gradient-end) 4%, var(--card-bg));cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;transition:all .2s;display:flex}.content-upload-box:hover{border-color:var(--gradient-end);background:color-mix(in srgb, var(--gradient-end) 8%, var(--card-bg))}.content-upload-icon{background:var(--hover-bg);width:45px;height:45px;color:var(--gradient-end);border-radius:13px;justify-content:center;align-items:center;font-size:22px;display:flex}.content-upload-box strong{font-size:13px}.content-upload-box span{color:color-mix(in srgb, var(--text-color) 55%, transparent);font-size:11px}.content-files-list{flex-direction:column;gap:9px;display:flex}.content-file-icon{background:var(--hover-bg);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.content-file-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.content-file-info span{color:color-mix(in srgb, var(--text-color) 55%, transparent);font-size:10px}.content-empty-box{border:1px dashed var(--border);min-height:90px;color:color-mix(in srgb, var(--text-color) 50%, transparent);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.content-empty-box span{font-size:20px}.content-empty-box p{margin:0;font-size:11px}.content-remove-btn{background:var(--hover-bg);width:30px;height:30px;color:var(--text-color);cursor:pointer;border:0;border-radius:8px;flex-shrink:0;font-size:18px;transition:all .2s}.content-remove-btn:hover{background:var(--border)}.content-assignment-step{direction:rtl;width:100%}.content-review-assignments{flex-direction:column;gap:10px;display:flex}.content-review-assignment{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;align-items:center;gap:13px;padding:13px 14px;transition:background .2s,border-color .2s,transform .2s;display:flex;position:relative}.content-review-assignment:hover{background:var(--hover-bg);border-color:var(--gradient-start);transform:translate(-2px)}.assignment-review-number{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex;box-shadow:0 4px 10px #0e7c8626}.assignment-review-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.assignment-review-info strong{color:var(--text-color);font-size:13px;font-weight:750;line-height:1.7;display:block}.assignment-review-info span{color:var(--text-muted,#475569);align-items:center;gap:5px;font-size:10px;line-height:1.6;display:flex}.content-review-assignment:after{content:"";color:var(--text-color);opacity:.3;margin-right:auto;font-family:"Font Awesome 6 Free";font-size:11px;font-weight:900}.content-review-public{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;align-items:center;gap:13px;padding:15px;display:flex}.assignment-review-icon{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.content-review-public strong{color:var(--text-color);margin-bottom:4px;font-size:13px;display:block}.content-review-public p{color:var(--text-muted,#475569);margin:0;font-size:10px}@media (width<=600px){.content-review-assignment{gap:10px;padding:12px}.assignment-review-number{border-radius:9px;width:31px;height:31px;font-size:11px}.assignment-review-info strong,.assignment-review-info span{font-size:12px}}.content-card-assignments{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.content-card-assignments-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.content-card-assignments-header>div{align-items:center;gap:8px;display:flex}.content-card-assignments-header>div i{color:var(--gradient-end);font-size:13px}.content-card-assignments-header span{color:var(--text-color);font-size:13px;font-weight:700}.content-assignment-count{background:var(--hover-bg);border-radius:7px;padding:4px 9px;color:var(--gradient-end)!important;font-size:11px!important;font-weight:600!important}.content-assignment-public{background:var(--hover-bg);color:var(--text-color);border-radius:9px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.content-assignment-public i{color:var(--gradient-end)}.content-assignment-list{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.content-assignment-chip{border:1px solid var(--border);background:var(--card-bg);color:var(--text-color);border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.content-assignment-chip:hover{background:var(--hover-bg);border-color:var(--gradient-start)}.assignment-chip-icon{background:var(--hover-bg);width:23px;height:23px;color:var(--gradient-end);border-radius:6px;justify-content:center;align-items:center;font-size:10px;display:flex}.assignment-chip-separator{color:var(--border);font-weight:400}.assignment-session{color:var(--gradient-end);align-items:center;gap:4px;display:inline-flex}.assignment-session i{font-size:10px}.content-assignment-more{background:var(--hover-bg);color:var(--gradient-end);border-radius:9px;padding:7px 10px;font-size:11px;font-weight:700}.assignment-step-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.assignment-title{align-items:center;gap:13px;display:flex}.assignment-title-icon{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:flex;box-shadow:0 7px 18px #0e7c862e}.assignment-title h2{color:var(--text-color);margin:0 0 4px;font-size:18px;font-weight:800}.assignment-title p{color:var(--text-muted,#475569);margin:0;font-size:12px}.assignment-count{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:65px;padding:9px 13px;display:flex}.assignment-count span{color:var(--gradient-end);font-size:18px;font-weight:800}.assignment-count small{opacity:.55;font-size:10px}.assignments-container{flex-direction:column;gap:14px;display:flex}.assignment-card{background:var(--card-bg);border:1px solid var(--border);border-radius:17px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.assignment-card:hover{border-color:var(--gradient-start);box-shadow:0 8px 20px #0e7c8614}.assignment-card.duplicate{border-color:#ef4444}.assignment-card-header{background:var(--input-bg);border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:13px 16px;display:flex}.assignment-number{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:flex}.assignment-card-title{color:var(--text-color);flex:1;font-size:13px;font-weight:700}.remove-assignment-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.remove-assignment-btn:hover{background:#ef44441a}.assignment-card-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:17px;display:grid}.assignment-field{flex-direction:column;gap:8px;display:flex}.assignment-field label{color:var(--text-color);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.assignment-field label i{color:var(--gradient-end);font-size:12px}.optional{opacity:.5;margin-right:3px;font-size:12px;font-weight:400}.assignment-field select{border:1px solid var(--border);background:var(--input-bg);width:100%;height:43px;color:var(--text-color);cursor:pointer;border-radius:10px;outline:none;padding:0 12px;font-family:inherit;font-size:12px;transition:all .2s}.assignment-field select:hover{border-color:var(--gradient-start)}.assignment-field select:focus{border-color:var(--gradient-end);box-shadow:0 0 0 3px #0e7c8614}.assignment-field select:disabled{opacity:.5;cursor:not-allowed}.field-hint{opacity:.5;font-size:10px}.duplicate-warning{color:#ef4444;background:#ef44440f;border-top:1px solid #ef44441f;align-items:center;gap:7px;padding:9px 16px;font-size:11px;display:flex}.assignment-empty{text-align:center;border:1px dashed var(--border);background:var(--input-bg);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;display:flex}.assignment-empty-icon{background:var(--card-bg);border:1px solid var(--border);width:58px;height:58px;color:var(--gradient-end);border-radius:17px;justify-content:center;align-items:center;margin-bottom:14px;font-size:22px;display:flex}.assignment-empty h3{color:var(--text-color);margin:0 0 7px;font-size:14px}.assignment-empty p{max-width:420px;color:var(--text-muted,#475569);margin:0;font-size:11px;line-height:1.8}.add-assignment-btn{border:1px dashed var(--gradient-start);width:100%;height:46px;color:var(--gradient-end);cursor:pointer;background:#5bc0be0f;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex}.add-assignment-btn:hover{background:#5bc0be1f;border-style:solid;transform:translateY(-1px)}.add-assignment-icon{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;display:flex}@media (width<=700px){.assignment-step-header{align-items:flex-start}.assignment-card-body{grid-template-columns:1fr}}@media (width<=500px){.assignment-step-header{gap:10px}.assignment-title-icon{border-radius:12px;width:42px;height:42px}.assignment-title h2{font-size:16px}.assignment-title p{font-size:10px}.assignment-count{min-width:55px}}.content-review-card{border:1px solid var(--border);background:var(--input-bg);border-radius:15px;padding:18px}.content-review-header{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.content-review-header button{color:var(--gradient-end);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:11px;font-weight:700}.content-review-title{font-size:16px;font-weight:800}.content-review-card p{color:color-mix(in srgb, var(--text-color) 65%, transparent);margin:8px 0 0;font-size:12px;line-height:1.8}.content-review-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;display:flex}.content-review-row:last-child{border-bottom:0}.content-review-assignment{background:var(--card-bg);border-radius:10px;padding:12px;font-size:12px}.content-error{color:#dc2626;font-size:11px}.content-general-error{background:color-mix(in srgb, #dc2626 8%, var(--card-bg));color:#dc2626;border-radius:10px;padding:11px 13px;font-size:11px}.content-modal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:17px 26px;display:flex}.content-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:110px;padding:11px 17px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex}.content-btn.secondary{border:1px solid var(--border);background:var(--card-bg);color:var(--text-color)}.content-btn.secondary:hover{background:var(--hover-bg)}.content-btn.primary{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;box-shadow:0 6px 16px color-mix(in srgb, var(--gradient-end) 22%, transparent);border:0}.content-btn.primary:hover{transform:translateY(-1px)}@media (width<=700px){.content-modal-overlay{padding:10px}.content-modal{border-radius:16px;max-height:96vh}.content-modal-header{padding:17px}.content-modal-body{padding:18px}.content-stepper{padding:15px}.content-step span{display:none}.content-step-line{margin:0 7px}.content-assignment-fields{grid-template-columns:1fr}.content-main-section-header{flex-direction:column;align-items:flex-start}.content-add-small-btn{width:100%}.content-modal-footer{padding:14px 17px}}.content-list-container{width:100%;color:var(--text-color);direction:rtl}.content-list-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.content-list-title{align-items:center;gap:14px;display:flex}.content-list-title-icon{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;width:48px;height:48px;box-shadow:var(--shadow);border-radius:14px;justify-content:center;align-items:center;font-size:19px;display:flex}.content-list-title h2{margin:0 0 4px;font-size:19px;font-weight:800}.content-list-title p{color:color-mix(in srgb, var(--text-color) 62%, transparent);margin:0;font-size:13px}.content-list-count{border:1px solid var(--border);background:var(--card-bg);border-radius:12px;align-items:baseline;gap:7px;padding:10px 16px;display:flex}.content-list-count span{font-size:18px;font-weight:800}.content-list-count small{opacity:.65;font-size:12px}.content-list-toolbar{margin-bottom:18px}.content-search{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;width:min(420px,100%);height:44px;padding:0 14px;transition:all .2s;display:flex}.content-search:focus-within{border-color:var(--gradient-end);box-shadow:0 0 0 3px color-mix(in srgb, var(--gradient-end) 12%, transparent)}.content-search>i{opacity:.55;font-size:14px}.content-search input{min-width:0;height:100%;color:var(--text-color);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.content-search input::placeholder{color:color-mix(in srgb, var(--text-color) 45%, transparent)}.content-search-clear{background:var(--hover-bg);width:28px;height:28px;color:var(--text-color);cursor:pointer;border:none;border-radius:8px}.content-cards{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.content-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s}.content-card:hover{border-color:color-mix(in srgb, var(--gradient-end) 35%, var(--border));transform:translateY(-2px)}.content-card-top{align-items:flex-start;gap:12px;display:flex}.content-card-icon{background:color-mix(in srgb, var(--gradient-start) 15%, var(--card-bg));width:44px;height:44px;color:var(--gradient-end);border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;font-size:17px;display:flex}.content-card-main{flex:1;min-width:0}.content-card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-card-title-row h3{margin:0;font-size:15px;font-weight:800;line-height:1.8}.content-card-description{color:color-mix(in srgb, var(--text-color) 62%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.content-status{white-space:nowrap;background:var(--hover-bg);border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;display:inline-flex}.content-status span{background:currentColor;border-radius:50%;width:6px;height:6px}.status-active{color:#149447}.status-inactive{color:#d97706}.status-draft{color:#7c3aed}.status-archived{color:#64748b}.content-card-actions{align-items:center;gap:5px;display:flex}.content-card-actions button{width:32px;height:32px;color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;transition:all .2s}.content-card-actions button:hover{opacity:1;background:var(--hover-bg);border-color:var(--border)}.content-card-actions button.danger:hover{color:#ef4444;background:color-mix(in srgb, #ef4444 9%, var(--card-bg))}.content-card-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:18px;padding:13px 0;display:grid}.content-stat{border-left:1px solid var(--border);justify-content:center;align-items:center;gap:7px;display:flex}.content-stat:last-child{border-left:none}.content-stat-icon{opacity:.55;font-size:12px}.content-stat div:last-child{flex-direction:column;gap:1px;display:flex}.content-stat strong{font-size:13px;line-height:1}.content-stat span{opacity:.55;font-size:12px}.content-items-preview{background:var(--input-bg);border-radius:12px;margin-top:15px;padding:12px}.content-items-header{justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.content-items-header span:first-child{font-weight:700}.content-items-header span:last-child{opacity:.55}.content-items-list{flex-direction:column;gap:5px;display:flex}.content-item-row{background:var(--card-bg);border-radius:9px;align-items:center;gap:9px;min-width:0;padding:8px;display:flex}.content-item-type{background:var(--hover-bg);width:29px;height:29px;color:var(--gradient-end);border-radius:8px;flex:0 0 29px;justify-content:center;align-items:center;font-size:12px;display:flex}.content-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.content-item-info span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.content-item-info small{opacity:.5;font-size:12px}.content-item-badge{background:var(--hover-bg);opacity:.7;border-radius:6px;flex-shrink:0;padding:3px 6px;font-size:12px}.content-more-items{text-align:center;opacity:.55;margin-top:8px;font-size:10px}.content-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:15px;display:flex}.content-created{opacity:.55;align-items:center;gap:6px;font-size:10px;display:flex}.content-view-button{background:var(--hover-bg);color:var(--text-color);cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-family:inherit;font-size:10px;transition:all .2s;display:inline-flex}.content-view-button:hover{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff}.content-view-button i{font-size:12px}.content-list-empty{text-align:center;background:var(--card-bg);border:1px dashed var(--border);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.content-empty-icon{background:var(--hover-bg);opacity:.65;border-radius:17px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:14px;font-size:22px;display:flex}.content-list-empty h3{margin:0 0 6px;font-size:14px}.content-list-empty p{opacity:.55;margin:0;font-size:11px}.content-list-loading{min-height:300px;color:var(--text-muted,#475569);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.content-list-loading i{color:var(--gradient-end);font-size:24px}@media (width<=700px){.content-list-header{align-items:flex-start}.content-list-count{display:none}.content-cards{grid-template-columns:1fr}.content-card-stats{grid-template-columns:repeat(2,1fr);gap:10px}.content-stat{border-left:none;justify-content:flex-start}.content-card-footer{flex-direction:column;align-items:flex-start}.content-view-button{justify-content:center;width:100%}}@media (width<=430px){.content-card{padding:14px}.content-card-top{flex-wrap:wrap}.content-card-actions{justify-content:flex-end;width:100%}.content-card-title-row{flex-direction:column;align-items:flex-start}}.content-view-page{width:100%;color:var(--text-color);padding:24px}.content-view-header{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:22px 24px}.content-header-main{align-items:center;gap:16px;display:flex}.content-header-icon{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:23px;display:flex}.content-header-info{min-width:0}.content-header-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.content-header-info h1{margin:0;font-size:21px;font-weight:800}.content-header-info p{opacity:.6;margin:7px 0 0;font-size:13px;line-height:1.8}.content-status-badge{background:var(--hover-bg);color:var(--gradient-end);border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.content-status-badge i{font-size:6px}.content-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.content-info-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.content-info-card:hover{border-color:var(--gradient-start);transform:translateY(-2px)}.content-info-icon{background:var(--hover-bg);width:42px;height:42px;color:var(--gradient-end);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.content-info-card span{opacity:.55;margin-bottom:4px;font-size:10px;display:block}.content-info-card strong{font-size:17px;font-weight:800}.content-meta-card{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;align-items:center;margin-top:14px;padding:15px 18px;display:flex}.content-meta-item{flex:1;align-items:center;gap:10px;display:flex}.content-meta-item>i{background:var(--hover-bg);width:34px;height:34px;color:var(--gradient-end);border-radius:9px;justify-content:center;align-items:center;font-size:12px;display:flex}.content-meta-item span{opacity:.5;margin-bottom:3px;font-size:12px;display:block}.content-meta-item strong{font-size:11px}.content-meta-divider{background:var(--border);width:1px;height:30px}.content-view-body{margin-top:20px}.content-section{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;margin-bottom:22px;padding:20px}.content-section-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-title-icon{background:var(--hover-bg);width:42px;height:42px;color:var(--gradient-end);border-radius:12px;justify-content:center;align-items:center;display:flex}.content-section-title h2{margin:0 0 4px;font-size:15px}.content-section-title span{opacity:.55;font-size:10px}.content-single-text-card{background:var(--input-bg);border:1px solid var(--border);border-radius:17px;padding:20px;transition:all .2s}.content-single-text-card:hover{border-color:var(--gradient-start);box-shadow:0 10px 25px #0e7c8614}.content-single-text-header{align-items:center;gap:13px;margin-bottom:17px;display:flex}.content-single-text-icon{background:var(--hover-bg);width:46px;height:46px;color:var(--gradient-end);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.content-single-text-header strong{margin-bottom:4px;font-size:14px;font-weight:800;display:block}.content-single-text-header span{opacity:.55;font-size:10px;display:block}.content-single-text-body{background:var(--card-bg);border:1px solid var(--border);color:var(--text-color);white-space:pre-wrap;word-break:break-word;border-radius:13px;padding:18px;font-size:13px;line-height:2.1}.content-files-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.content-file-card{background:var(--input-bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;min-width:0;padding:17px;transition:all .2s;display:flex}.assignment-none-message{border:1px solid var(--border);background:var(--card-bg);border-radius:16px;align-items:center;gap:15px;margin-bottom:24px;padding:18px 20px;display:flex}.assignment-none-icon{background:var(--input-bg);width:44px;height:44px;color:var(--text-color);opacity:.8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.assignment-none-message strong{color:var(--text-color);margin-bottom:5px;font-size:14px;font-weight:700;display:block}.assignment-none-message p{color:var(--text-muted,#475569);margin:0;font-size:12.5px;line-height:1.8}.content-file-card:hover{border-color:var(--gradient-start);transform:translateY(-3px);box-shadow:0 10px 24px #0e7c861a}.file-card-top{align-items:center;gap:10px;margin:10px 0;display:flex}.file-card-number{color:var(--gradient-end);font-size:10px;font-weight:800}.file-icon-box{background:var(--hover-bg);width:48px;height:48px;color:var(--gradient-end);border-radius:13px;justify-content:center;align-items:center;font-size:20px;display:flex}.file-type{background:var(--card-bg);border:1px solid var(--border);border-radius:7px;margin-right:auto;padding:5px 8px;font-size:12px;font-weight:800}.file-card-info{margin:10px 0}.file-card-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 9px;font-size:13px;font-weight:800;overflow:hidden}.file-meta{opacity:.55;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.file-meta span{align-items:center;gap:4px;display:flex}.file-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:13px;display:flex}.file-card-footer>span{opacity:.55;align-items:center;gap:5px;font-size:12px;display:flex}.file-open-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.file-open-btn:hover{transform:translateY(-2px)}.file-open-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.content-links-list{gap:12px;display:grid}.content-link-card{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;align-items:center;gap:13px;padding:14px 16px;transition:all .2s;display:flex}.content-link-card:hover{border-color:var(--gradient-start);transform:translateY(-2px)}.link-number{color:var(--gradient-end);font-size:10px;font-weight:800}.link-icon-box{background:var(--hover-bg);width:44px;height:44px;color:var(--gradient-end);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-info{flex:1;min-width:0}.link-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:13px;overflow:hidden}.link-info span{text-align:left;color:var(--gradient-end);text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-size:10px;display:block;overflow:hidden}.link-open-btn{background:var(--hover-bg);height:34px;color:var(--gradient-end);cursor:pointer;border:0;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.content-empty-state{text-align:center;background:var(--card-bg);border:1px dashed var(--border);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{background:var(--hover-bg);width:64px;height:64px;color:var(--gradient-end);border-radius:18px;justify-content:center;align-items:center;margin-bottom:14px;font-size:24px;display:flex}.content-empty-state h3{margin:0 0 7px;font-size:15px}.content-empty-state p{opacity:.55;margin:0;font-size:11px}.content-view-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.not-found-icon{background:var(--hover-bg);width:70px;height:70px;color:var(--gradient-end);border-radius:20px;justify-content:center;align-items:center;margin-bottom:15px;font-size:27px;display:flex}.content-view-not-found h2{margin:0 0 7px;font-size:18px}.content-view-not-found p{opacity:.55;margin:0;font-size:12px}@media (width<=1100px){.content-files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.content-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-meta-card{flex-direction:column;align-items:stretch;gap:12px}.content-meta-divider{width:100%;height:1px}}@media (width<=600px){.content-view-page{padding:14px}.content-info-grid{grid-template-columns:1fr 1fr}.content-files-grid{grid-template-columns:1fr}.content-section{padding:15px}.content-header-main{align-items:flex-start}.content-header-icon{width:48px;height:48px}.content-header-info h1{font-size:17px}.content-link-card{flex-wrap:wrap}.link-open-btn{width:100%}}.content-assignments-list{flex-direction:column;gap:10px;display:flex}.content-assignment-card{background:var(--input-bg);border:1px solid var(--border);border-radius:15px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.content-assignment-card:hover{border-color:var(--gradient-start);transform:translateY(-1px)}.assignment-card-icon{background:var(--hover-bg);width:44px;height:44px;color:var(--gradient-end);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.assignment-card-info{flex:1;min-width:0}.assignment-card-info strong{color:var(--text-color);margin-bottom:7px;font-size:13px;font-weight:800;display:block}.assignment-meta{flex-wrap:wrap;gap:8px;display:flex}.assignment-meta span{background:var(--card-bg);border:1px solid var(--border);color:var(--text-color);opacity:.75;border-radius:7px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;display:inline-flex}.assignment-meta i{color:var(--gradient-end)}.assignment-status{background:var(--hover-bg);color:var(--gradient-end);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.assignment-empty{border:1px dashed var(--border);background:var(--input-bg);border-radius:15px;align-items:center;gap:14px;padding:18px;display:flex}.assignment-empty>div{background:var(--hover-bg);width:45px;height:45px;color:var(--gradient-end);border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.assignment-empty section{flex-direction:column;gap:5px;display:flex}.assignment-empty strong{color:var(--text-color);font-size:13px}.assignment-empty span{opacity:.6;font-size:10px}.btns_content_header{align-items:center;gap:15px;display:flex}.content-link-card{background:var(--input-bg);border:1px solid var(--border);border-radius:15px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .2s;display:flex;position:relative}.content-link-card:hover{border-color:var(--gradient-start);transform:translateY(-1px);box-shadow:0 8px 20px #0e7c8614}.link-number{background:var(--hover-bg);width:32px;height:32px;color:var(--gradient-end);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.link-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.link-icon-box{background:var(--hover-bg);width:43px;height:43px;color:var(--gradient-end);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.content-link-card:hover .link-icon-box{transform:scale(1.05)}.link-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.link-info h3{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:800;overflow:hidden}.link-info span{color:var(--text-color);opacity:.55;text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:ltr;font-size:10px;display:block;overflow:hidden}.link-open-btn{border:1px solid var(--border);background:var(--card-bg);min-width:85px;color:var(--gradient-end);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.link-open-btn:hover{background:var(--gradient-end);color:#fff;border-color:var(--gradient-end)}.link-open-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=600px){.content-link-card{flex-wrap:wrap;align-items:flex-start;padding:13px}.link-main{flex:1;min-width:calc(100% - 48px)}.link-open-btn{width:100%;margin-top:2px}}.content-file-item{border:1px solid var(--border);background:var(--card-bg);border-radius:12px;align-items:center;gap:14px;padding:14px;display:flex}.content-file-icon{background:var(--hover-bg);border-radius:10px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.content-file-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.content-file-info strong{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.content-file-info>span{color:var(--text-muted,#475569);font-size:12px}.content-upload-progress{width:100%;margin-top:5px}.content-upload-progress-top{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:11px;display:flex}.content-upload-progress-top span:last-child{font-weight:600}.content-upload-progress-bar{background:var(--hover-bg);border-radius:10px;width:100%;height:6px;overflow:hidden}.content-upload-progress-fill{background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));border-radius:inherit;height:100%;transition:width .25s}.content-upload-success{font-size:12px;color:#16a34a!important;opacity:1!important}.content-upload-error{font-size:12px;color:#dc2626!important;opacity:1!important}.lms-course-content-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);background:#0000007a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lms-course-content-modal{background:var(--card-bg);border:1px solid var(--border);width:min(900px,100%);max-height:90vh;color:var(--text-color);border-radius:22px;flex-direction:column;animation:.22s lmsCourseContentModalIn;display:flex;overflow:hidden;box-shadow:0 24px 70px #0000002e}@keyframes lmsCourseContentModalIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.lms-course-content-header{border-bottom:1px solid var(--border);background:var(--card-bg);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.lms-course-content-header-main{align-items:center;gap:13px;min-width:0;display:flex}.lms-course-content-header-icon{background:var(--hover-bg);width:48px;height:48px;color:var(--gradient-end);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.lms-course-content-header-info{flex-direction:column;gap:3px;min-width:0;display:flex}.lms-course-content-header-label{color:var(--gradient-end);opacity:.85;font-size:12px;font-weight:700}.lms-course-content-header-info h2{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:800;overflow:hidden}.lms-course-content-header-info p{color:var(--text-color);opacity:.55;margin:0;font-size:10px}.lms-course-content-close{border:1px solid var(--border);background:var(--input-bg);width:36px;height:36px;color:var(--text-color);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;transition:all .2s;display:flex}.lms-course-content-close:hover{background:var(--hover-bg);color:var(--gradient-end);border-color:var(--gradient-start);transform:rotate(3deg)}.lms-course-content-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding:20px;overflow-y:auto}.lms-course-content-meta{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;margin-bottom:15px;padding:13px 15px;display:flex}.lms-course-content-meta-icon{background:var(--hover-bg);width:40px;height:40px;color:var(--gradient-end);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.lms-course-content-meta-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lms-course-content-meta-info strong{font-size:12px;font-weight:800}.lms-course-content-meta-info span{opacity:.55;font-size:12px}.lms-course-content-meta-count{background:var(--hover-bg);min-width:32px;height:28px;color:var(--gradient-end);border-radius:8px;justify-content:center;align-items:center;padding:0 9px;font-size:10px;font-weight:800;display:flex}.lms-course-content-list{flex-direction:column;gap:9px;display:flex}.lms-course-content-card{text-align:right;background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text-color);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;display:flex}.lms-course-content-card:hover{border-color:var(--gradient-start);background:var(--card-bg);transform:translateY(-2px);box-shadow:0 8px 22px #0e7c8614}.lms-course-content-number{background:var(--hover-bg);width:30px;height:30px;color:var(--gradient-end);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lms-course-content-card-icon{background:var(--hover-bg);width:43px;height:43px;color:var(--gradient-end);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.lms-course-content-card:hover .lms-course-content-card-icon{transform:scale(1.05)}.lms-course-content-card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lms-course-content-card-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;display:block;overflow:hidden}.lms-course-content-card-info>span{opacity:.55;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.lms-course-content-card-meta{flex-wrap:wrap;align-items:center;gap:7px;margin-top:2px;display:flex}.lms-course-content-card-meta span{opacity:.55;align-items:center;gap:4px;font-size:11px;display:inline-flex}.lms-course-content-card-meta i{color:var(--gradient-end);font-size:11px}.lms-course-content-card-arrow{background:var(--card-bg);border:1px solid var(--border);width:31px;height:31px;color:var(--gradient-end);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex}.lms-course-content-card:hover .lms-course-content-card-arrow{background:var(--gradient-end);border-color:var(--gradient-end);color:#fff}.lms-course-content-empty{text-align:center;border:1px dashed var(--border);background:var(--input-bg);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:35px 20px;display:flex}.lms-course-content-empty-icon{background:var(--hover-bg);width:58px;height:58px;color:var(--gradient-end);border-radius:16px;justify-content:center;align-items:center;margin-bottom:13px;font-size:22px;display:flex}.lms-course-content-empty strong{margin-bottom:6px;font-size:13px;font-weight:800}.lms-course-content-empty span{opacity:.55;max-width:330px;font-size:13px;line-height:1.8}.lms-course-content-detail{flex-direction:column;gap:15px;display:flex}.lms-course-content-back{background:var(--hover-bg);color:var(--gradient-end);cursor:pointer;border:0;border-radius:8px;align-self:flex-start;align-items:center;gap:7px;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.lms-course-content-back:hover{background:var(--gradient-end);color:#fff}.lms-course-content-detail-header{background:var(--input-bg);border:1px solid var(--border);border-radius:15px;align-items:center;gap:13px;padding:15px;display:flex}.lms-course-content-detail-icon{background:var(--hover-bg);width:46px;height:46px;color:var(--gradient-end);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.lms-course-content-detail-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lms-course-content-detail-info>span{color:var(--gradient-end);font-size:11px;font-weight:700}.lms-course-content-detail-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:800;overflow:hidden}.lms-course-content-detail-info p{opacity:.55;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.lms-course-content-detail-count{background:var(--card-bg);border:1px solid var(--border);color:var(--gradient-end);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-flex}.lms-course-content-details{flex-direction:column;gap:12px;display:flex}.lms-course-content-section-head{align-items:center;gap:10px;margin-bottom:11px;display:flex}.lms-course-content-section-number{background:var(--hover-bg);width:30px;height:30px;color:var(--gradient-end);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lms-course-content-section-icon{background:var(--hover-bg);width:38px;height:38px;color:var(--gradient-end);border-radius:10px;justify-content:center;align-items:center;font-size:14px;display:flex}.lms-course-content-section-title{flex-direction:column;gap:3px;display:flex}.lms-course-content-section-title strong{font-size:14px;font-weight:800}.lms-course-content-section-title span{opacity:.5;font-size:11px}.lms-course-content-text-box{background:var(--input-bg);border:1px solid var(--border);border-radius:15px;padding:15px}.lms-course-content-text{background:var(--card-bg);border:1px solid var(--border);color:var(--text-color);white-space:pre-wrap;word-break:break-word;border-radius:12px;padding:15px;font-size:12px;line-height:2.1}.lms-course-content-file{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:13px 15px;transition:all .2s;display:flex}.lms-course-content-file:hover{border-color:var(--gradient-start);transform:translateY(-1px)}.lms-course-content-file-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.lms-course-content-file-number{background:var(--hover-bg);width:30px;height:30px;color:var(--gradient-end);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lms-course-content-file-icon{background:var(--hover-bg);width:43px;height:43px;color:var(--gradient-end);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.lms-course-content-file-info{flex-direction:column;gap:6px;min-width:0;display:flex}.lms-course-content-file-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;display:block;overflow:hidden}.lms-course-content-file-info>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.lms-course-content-file-info span{opacity:.55;font-size:11px}.lms-course-content-file-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:75px;height:33px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.lms-course-content-file-btn:hover{transform:translateY(-2px)}.lms-course-content-file-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.lms-course-content-link{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:13px 15px;transition:all .2s;display:flex}.lms-course-content-link:hover{border-color:var(--gradient-start);transform:translateY(-1px)}.lms-course-content-link-number{background:var(--hover-bg);width:30px;height:30px;color:var(--gradient-end);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lms-course-content-link-icon{background:var(--hover-bg);width:43px;height:43px;color:var(--gradient-end);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.lms-course-content-link-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.lms-course-content-link-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.lms-course-content-link-info span{text-align:right;color:var(--gradient-end);opacity:.75;text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-size:12px;display:block;overflow:hidden}.lms-course-content-link-btn{border:1px solid var(--border);background:var(--card-bg);min-width:75px;height:33px;color:var(--gradient-end);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.lms-course-content-link-btn:hover{background:var(--gradient-end);color:#fff;border-color:var(--gradient-end)}.lms-course-content-link-btn:disabled{opacity:.4;cursor:not-allowed}.lms-course-content-detail-empty{border:1px dashed var(--border);background:var(--input-bg);text-align:center;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.lms-course-content-detail-empty>div{background:var(--hover-bg);width:55px;height:55px;color:var(--gradient-end);border-radius:15px;justify-content:center;align-items:center;font-size:21px;display:flex}.lms-course-content-detail-empty strong{font-size:12px}@media (width<=700px){.lms-course-content-overlay{padding:12px}.lms-course-content-modal{border-radius:18px;max-height:94vh}.lms-course-content-header{padding:16px}.lms-course-content-body{padding:15px}.lms-course-content-header-icon{width:43px;height:43px}.lms-course-content-header-info h2{font-size:14px}.lms-course-content-header-info p{display:none}.lms-course-content-card{padding:11px}.lms-course-content-number{display:none}.lms-course-content-detail-header{align-items:flex-start}.lms-course-content-detail-count{display:none}}@media (width<=500px){.lms-course-content-file{flex-wrap:wrap;align-items:flex-start}.lms-course-content-file-main,.lms-course-content-file-btn{width:100%}.lms-course-content-link{flex-wrap:wrap;align-items:flex-start}.lms-course-content-link-info{min-width:calc(100% - 100px)}.lms-course-content-link-btn{width:100%}.lms-course-content-detail-icon{width:42px;height:42px}.lms-course-content-text-box{padding:12px}}.lms-session-content-overlay{z-index:10000;-webkit-backdrop-filter:blur(5px);background:#0000007a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lms-session-content-modal{background:var(--card-bg);border:1px solid var(--border);width:min(920px,100%);max-height:90vh;color:var(--text-color);border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 70px #0000002e}.lms-session-content-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.lms-session-content-header-main{align-items:center;gap:13px;min-width:0;display:flex}.lms-session-content-header-icon{background:var(--hover-bg);width:48px;height:48px;color:var(--gradient-end);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.lms-session-content-header-info{flex-direction:column;gap:3px;min-width:0;display:flex}.lms-session-content-header-info>span{color:var(--gradient-end);font-size:12px;font-weight:700}.lms-session-content-header-info h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:800;overflow:hidden}.lms-session-content-header-info p{opacity:.55;margin:0;font-size:10px}.lms-session-content-close{border:1px solid var(--border);background:var(--input-bg);width:36px;height:36px;color:var(--text-color);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:all .2s;display:flex}.lms-session-content-close:hover{background:var(--hover-bg);color:var(--gradient-end);border-color:var(--gradient-start)}.lms-session-content-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.lms-session-content-session-info{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;margin-bottom:15px;padding:13px 15px;display:flex}.lms-session-content-session-icon{background:var(--hover-bg);width:40px;height:40px;color:var(--gradient-end);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.lms-session-content-session-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lms-session-content-session-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.lms-session-content-session-text span{opacity:.55;font-size:12px}.lms-session-content-count{background:var(--hover-bg);width:31px;height:28px;color:var(--gradient-end);border-radius:8px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.lms-session-content-list{flex-direction:column;gap:12px;display:flex}.lms-session-content-item{background:var(--input-bg);border:1px solid var(--border);border-radius:16px;padding:15px}.lms-session-content-item-header{align-items:center;gap:11px;display:flex}.lms-session-content-item-number{color:var(--gradient-end);font-size:12px;font-weight:800}.lms-session-content-item-icon{background:var(--hover-bg);width:43px;height:43px;color:var(--gradient-end);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.lms-session-content-item-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lms-session-content-item-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.lms-session-content-item-info>span{opacity:.55;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lms-session-content-item-meta{align-items:center;gap:9px;margin-top:2px;display:flex}.lms-session-content-item-meta span{opacity:.55;align-items:center;gap:4px;font-size:11px;display:inline-flex}.lms-session-content-item-meta i{color:var(--gradient-end);font-size:11px}.lms-session-content-details{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;display:flex}.lms-session-content-section-head{align-items:center;gap:9px;margin-bottom:10px;display:flex}.lms-session-content-section-number{background:var(--hover-bg);width:29px;height:29px;color:var(--gradient-end);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lms-session-content-section-icon{background:var(--hover-bg);width:37px;height:37px;color:var(--gradient-end);border-radius:10px;justify-content:center;align-items:center;font-size:13px;display:flex}.lms-session-content-section-info{flex-direction:column;gap:3px;display:flex}.lms-session-content-section-info strong{font-size:10px;font-weight:800}.lms-session-content-section-info span{opacity:.5;font-size:11px}.lms-session-content-text-card{background:var(--card-bg);border:1px solid var(--border);border-radius:13px;padding:13px}.lms-session-content-text{background:var(--input-bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:11px;padding:14px;font-size:12px;line-height:2.1}.lms-session-content-file-card{background:var(--card-bg);border:1px solid var(--border);border-radius:13px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.lms-session-content-file-card:hover{border-color:var(--gradient-start);transform:translateY(-1px)}.lms-session-content-file-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.lms-session-content-file-number{background:var(--hover-bg);width:29px;height:29px;color:var(--gradient-end);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lms-session-content-file-icon{background:var(--hover-bg);width:42px;height:42px;color:var(--gradient-end);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.lms-session-content-file-info{flex-direction:column;gap:5px;min-width:0;display:flex}.lms-session-content-file-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.lms-session-content-file-info>div{gap:7px;display:flex}.lms-session-content-file-info span{opacity:.55;font-size:11px}.lms-session-content-file-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:74px;height:32px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.lms-session-content-file-btn:hover{transform:translateY(-2px)}.lms-session-content-file-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.lms-session-content-link-card{background:var(--card-bg);border:1px solid var(--border);border-radius:13px;align-items:center;gap:11px;padding:12px 14px;transition:all .2s;display:flex}.lms-session-content-link-card:hover{border-color:var(--gradient-start);transform:translateY(-1px)}.lms-session-content-link-number{background:var(--hover-bg);width:29px;height:29px;color:var(--gradient-end);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lms-session-content-link-icon{background:var(--hover-bg);width:42px;height:42px;color:var(--gradient-end);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.lms-session-content-link-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.lms-session-content-link-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.lms-session-content-link-info span{text-align:right;color:var(--gradient-end);opacity:.7;text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-size:12px;overflow:hidden}.lms-session-content-link-btn{border:1px solid var(--border);background:var(--input-bg);min-width:74px;height:32px;color:var(--gradient-end);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.lms-session-content-link-btn:hover{background:var(--gradient-end);color:#fff;border-color:var(--gradient-end)}.lms-session-content-link-btn:disabled{opacity:.4;cursor:not-allowed}.lms-session-content-empty{text-align:center;background:var(--input-bg);border:1px dashed var(--border);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:30px 20px;display:flex}.lms-session-content-empty-icon{background:var(--hover-bg);width:60px;height:60px;color:var(--gradient-end);border-radius:17px;justify-content:center;align-items:center;margin-bottom:13px;font-size:22px;display:flex}.lms-session-content-empty strong{margin-bottom:6px;font-size:13px;font-weight:800}.lms-session-content-empty span{opacity:.55;font-size:10px}@media (width<=650px){.lms-session-content-overlay{padding:12px}.lms-session-content-modal{border-radius:18px;max-height:94vh}.lms-session-content-header{padding:16px}.lms-session-content-body{padding:15px}.lms-session-content-header-icon{width:43px;height:43px}.lms-session-content-header-info h2{font-size:14px}.lms-session-content-header-info p{display:none}}@media (width<=480px){.lms-session-content-file-card,.lms-session-content-link-card{flex-wrap:wrap}.lms-session-content-file-main,.lms-session-content-link-info,.lms-session-content-file-btn,.lms-session-content-link-btn{width:100%}}.lms-student-session-content-btn{border:1px solid var(--border);background:var(--card-bg);height:34px;color:var(--gradient-end);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.lms-student-session-content-btn:hover{background:var(--gradient-end);color:#fff;border-color:var(--gradient-end);transform:translateY(-1px)}.lms-student-session-content-btn i{font-size:11px}.attendance-page{width:100%;color:var(--text-color);padding:24px}.attendance-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;margin-bottom:18px;padding:22px 24px}.attendance-icon{background:var(--hover-bg);width:52px;height:52px;color:var(--primary);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;font-size:23px;font-weight:700;display:flex}.attendance-header h2{margin:0 0 8px;font-size:18px;font-weight:800}.attendance-session-info>span{color:var(--text-muted);font-size:13px}.attendance-type{background:var(--hover-bg);border-radius:8px;padding:5px 10px;font-weight:700;color:var(--primary)!important}.attendance-stat{background:var(--card-bg);border:1px solid var(--border-color);border-radius:17px;align-items:center;gap:13px;min-width:0;padding:17px;display:flex}.attendance-stat-icon{background:var(--hover-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:18px;font-weight:800;display:flex}.attendance-stat-icon.present{color:#22c55e}.attendance-stat-icon.absent{color:#ef4444}.attendance-stat-icon.pending{color:#f59e0b}.attendance-stat-icon.total{color:var(--primary)}.attendance-stat div:last-child{flex-direction:column;gap:4px;display:flex}.attendance-stat strong{font-size:20px;line-height:1}.attendance-stat span{color:var(--text-muted);font-size:12px}.attendance-search input:focus{border-color:var(--primary)}.clear-search{background:var(--hover-bg);width:25px;height:25px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.attendance-all-present{border:1px solid var(--border-color);background:var(--card-bg);height:46px;color:var(--text-color);cursor:pointer;border-radius:13px;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.attendance-all-present:hover{border-color:var(--primary);color:var(--primary)}.attendance-student{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:15px;min-height:76px;padding:12px 15px;transition:border-color .2s,background .2s;display:flex}.attendance-student:hover{border-color:var(--primary)}.attendance-student.is-present{border-right:3px solid #22c55e}.attendance-student.is-absent{border-right:3px solid #ef4444}.attendance-student.is-pending{border-right:3px solid #f59e0b}.student-name-wrapper{flex-direction:column;gap:4px;display:flex}.student-name-wrapper strong{font-size:14px;font-weight:750}.attendance-times{align-items:center;gap:25px;margin-left:auto;margin-right:auto;display:flex}.attendance-times div{flex-direction:column;gap:3px;display:flex}.attendance-times strong{font-size:12px}.attendance-status-btn{border:1px solid var(--border-color);background:var(--bg-body);height:38px;color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex}.attendance-status-btn.present.active{color:#22c55e!important;background:#22c55e1a!important;border-color:#22c55e!important}.attendance-status-btn.absent.active{color:#ef4444;background:#ef44441a;border-color:#ef4444}.attendance-status-btn:hover{border-color:var(--primary)}.attendance-empty-icon{margin-bottom:10px;font-size:30px}.attendance-empty h3{margin:0 0 6px;font-size:15px}.attendance-empty p{color:var(--text-muted);margin:0;font-size:12px}.attendance-footer{z-index:5;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:13px 15px;display:flex;position:sticky;bottom:15px;box-shadow:0 8px 30px #00000014}.attendance-footer-info{color:var(--text-muted);align-items:center;gap:18px;font-size:12px;display:flex}.attendance-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:11px;align-items:center;gap:8px;height:43px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:750;transition:all .2s;display:flex}.attendance-save:hover{opacity:.92;transform:translateY(-1px)}@media (width<=900px){.attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-student{flex-wrap:wrap}.attendance-student-info{min-width:180px}.attendance-actions{margin-right:auto}.attendance-times{margin-right:55px}}@media (width<=600px){.attendance-page{padding:14px}.attendance-stats{grid-template-columns:1fr 1fr;gap:8px}.attendance-stat{padding:12px}.attendance-stat-icon{width:36px;height:36px}.attendance-toolbar{flex-direction:column;align-items:stretch}.attendance-search{max-width:none}.attendance-all-present{justify-content:center}.attendance-student{padding:12px}.attendance-student-info{width:100%}.attendance-times{width:100%;margin:0;padding-right:55px}.attendance-actions{width:100%}.attendance-status-btn{flex:1;justify-content:center}.attendance-footer{flex-direction:column;align-items:stretch}.attendance-footer-info{flex-wrap:wrap;justify-content:center}.attendance-save{justify-content:center}}.attendance-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:22px;width:min(1100px,100%);max-height:90vh;padding:25px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000040}.attendance-modal-close{background:var(--hover-bg);width:38px;height:38px;color:var(--text-primary);cursor:pointer;z-index:5;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:25px;transition:all .2s;display:flex;position:absolute;top:15px;left:15px}.attendance-modal-close:hover{background:var(--border-color);transform:scale(1.05)}@media (width<=768px){.attendance-modal-overlay{padding:10px}.attendance-modal{border-radius:16px;max-height:95vh;padding:18px}}.attendance-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000007a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.attendance-modal{background:var(--card-bg);border:1px solid var(--border);width:min(1050px,100%);max-height:90vh;box-shadow:var(--shadow);color:var(--text-color);border-radius:20px;padding:24px;position:relative;overflow-y:auto}.attendance-modal::-webkit-scrollbar{width:5px}.attendance-modal::-webkit-scrollbar-track{background:0 0}.attendance-modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.attendance-modal-close{border:1px solid var(--border);background:var(--hover-bg);width:36px;height:36px;color:var(--text-color);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-family:inherit;font-size:22px;line-height:1;transition:all .2s;display:flex;position:absolute;top:18px;left:18px}.attendance-modal-close:hover{background:var(--input-bg);color:var(--gradient-end);transform:translateY(-1px)}.attendance-student-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s}.attendance-student-card:hover{border-color:var(--gradient-start);transform:translateY(-1px);box-shadow:0 8px 22px #0e7c861f}.attendance-student-avatar{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border:0;border-radius:13px;box-shadow:0 5px 12px #0e7c862e}.attendance-student-avatar img{border-radius:inherit}.attendance-student-name{color:var(--text-color);letter-spacing:-.2px;font-weight:700}.attendance-student-code{color:var(--text-muted,#475569)}.attendance-status{border:1px solid #0000;border-radius:9px;font-weight:700;transition:all .2s}.attendance-status.status-present{color:var(--gradient-end);background:#149aa81a;border-color:#149aa833}.attendance-status.status-present .attendance-status-dot{background:var(--gradient-end);box-shadow:0 0 0 3px #149aa81a}.attendance-status.status-absent{color:#c83f3f;background:#dc464614;border-color:#dc46462e}.attendance-status.status-absent .attendance-status-dot{background:#d95353;box-shadow:0 0 0 3px #d953531a}.attendance-status.status-pending{background:var(--hover-bg);color:var(--text-color);opacity:.7;border-color:var(--border)}.attendance-status.status-pending .attendance-status-dot{background:var(--gradient-start);opacity:.65}.attendance-time{background:var(--input-bg);color:var(--text-color);border:1px solid var(--border);border-radius:9px}.attendance-time-label{color:var(--text-muted,#475569)}.attendance-action-btn{border-radius:9px;font-family:inherit;font-weight:700;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s}.attendance-action-btn:hover{transform:translateY(-1px)}.present-btn{background:var(--hover-bg);color:var(--gradient-end);border:1px solid var(--border)}.present-btn:hover,.present-btn.active{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-color:#0000;box-shadow:0 5px 14px #0e7c8633}.absent-btn{color:#c83f3f;background:0 0;border:1px solid #c83f3f33}.absent-btn:hover,.absent-btn.active{color:#fff;background:#c83f3f;border-color:#c83f3f;box-shadow:0 5px 14px #c83f3f2e}.attendance-student-card.is-present{border-color:#149aa84d}.attendance-student-card.is-absent{border-color:#c83f3f40}[data-theme=dark] .attendance-student-card{background:var(--card-bg);border-color:var(--border);box-shadow:0 8px 20px #00000038}[data-theme=dark] .attendance-student-card:hover{border-color:var(--gradient-start);box-shadow:0 10px 25px #0000004d}[data-theme=dark] .attendance-student-avatar{box-shadow:0 5px 14px #00000040}[data-theme=dark] .attendance-time{background:var(--input-bg);border-color:var(--border)}[data-theme=dark] .attendance-status.status-present{color:var(--gradient-start);background:#6ed6d41a;border-color:#6ed6d433}[data-theme=dark] .attendance-status.status-absent{color:#f08080;background:#dc53531a;border-color:#dc535333}[data-theme=dark] .absent-btn{color:#f08080;border-color:#dc535340}[data-theme=dark] .absent-btn:hover,[data-theme=dark] .absent-btn.active{color:#fff;background:#c83f3f;border-color:#c83f3f}.attendance-action-btn:focus-visible{outline:2px solid var(--gradient-start);outline-offset:2px}@media (width<=768px){.attendance-student-card{border-radius:14px}.attendance-student-avatar{border-radius:11px}}.attendance-page{width:100%;color:var(--text-color)}.attendance-header{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;margin-bottom:18px;padding:20px 22px;position:relative;overflow:hidden}.attendance-header:before{content:"";inset-inline-start:0;background:linear-gradient(180deg, var(--gradient-start), var(--gradient-end));width:4px;position:absolute;top:0;bottom:0}.attendance-header-info{align-items:center;gap:15px;display:flex}.attendance-icon{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;font-weight:800;display:flex;box-shadow:0 7px 18px #0e7c8633}.attendance-header h2{color:var(--text-color);letter-spacing:-.3px;margin:0 0 7px;font-size:18px;font-weight:800}.attendance-session-info{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.attendance-session-info>span{background:var(--hover-bg);border:1px solid var(--border);min-height:28px;color:var(--text-color);opacity:.75;border-radius:8px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.attendance-session-info .attendance-type{color:var(--gradient-end);opacity:1;background:#149aa81a;border-color:#149aa82e;font-weight:700}.attendance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.attendance-stat{background:var(--card-bg);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);border-radius:15px;align-items:center;gap:12px;padding:14px 15px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.attendance-stat:hover{border-color:var(--gradient-start);transform:translateY(-2px);box-shadow:0 8px 22px #0e7c861a}.attendance-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;font-weight:800;display:flex}.attendance-stat-icon.total{color:var(--gradient-end);background:#0e7c861a}.attendance-stat-icon.present{color:#149aa8;background:#149aa81a}.attendance-stat-icon.absent{color:#c83f3f;background:#c83f3f17}.attendance-stat-icon.pending{color:var(--text-muted,#475569);background:#82828217}.attendance-stat>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.attendance-stat strong{color:var(--text-color);font-size:19px;font-weight:800;line-height:1.2}.attendance-stat span{color:var(--text-color);opacity:.55;white-space:nowrap;font-size:11px}.attendance-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.attendance-search{flex:1;max-width:430px;position:relative}.attendance-search input{box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg);width:100%;height:44px;color:var(--text-color);border-radius:12px;outline:none;padding:0 42px 0 38px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.attendance-search input::placeholder{color:var(--text-muted,#475569)}.attendance-search input:focus{border-color:var(--gradient-start);box-shadow:0 0 0 3px #149aa81a}.clear-search{inset-inline-end:9px;background:var(--hover-bg);width:25px;height:25px;color:var(--text-color);cursor:pointer;border:0;border-radius:7px;font-size:16px;line-height:1;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.clear-search:hover{background:var(--border)}.attendance-all-present{height:44px;color:var(--gradient-end);cursor:pointer;background:#149aa814;border:1px solid #149aa82e;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;display:inline-flex}.attendance-all-present span{background:var(--gradient-end);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:23px;height:23px;font-size:12px;display:flex}.attendance-all-present:hover{background:#149aa824;border-color:#149aa84d;transform:translateY(-1px);box-shadow:0 5px 15px #149aa81a}.attendance-student{background:var(--card-bg);border:1px solid var(--border);border-radius:15px;align-items:center;gap:18px;min-height:76px;padding:10px 13px;transition:transform .18s,border-color .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 3px 12px #00000009}.attendance-student:hover{border-color:#149aa84d;transform:translateY(-1px);box-shadow:0 7px 20px #0e7c8614}.attendance-student.is-present{border-inline-start:3px solid #149aa8}.attendance-student.is-absent{border-inline-start:3px solid #c83f3f}.attendance-student.is-pending{border-inline-start:3px solid #82828259}.attendance-student-info{flex:1;align-items:center;gap:11px;min-width:190px;display:flex}.student-avatar{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:flex;box-shadow:0 5px 13px #0e7c862b}.student-name-wrapper strong{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.student-name-wrapper span{color:var(--text-color);opacity:.48;font-size:10px}.attendance-times>div{border:1px solid var(--border);background:var(--input-bg);border-radius:9px;justify-content:space-between;align-items:center;gap:7px;min-width:65px;padding:7px 9px;display:flex}.attendance-times span{color:var(--text-color);opacity:.45;font-size:9px}.attendance-times strong{color:var(--text-color);font-size:11px;font-weight:700}.attendance-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.attendance-status-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:76px;height:36px;padding:0 11px;font-family:inherit;font-size:11px;font-weight:700;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .15s;display:inline-flex}.attendance-status-btn span{font-size:13px;font-weight:900}.attendance-status-btn.present{color:#149aa8;background:#149aa812;border:1px solid #149aa82e}.attendance-status-btn.present:hover{background:#149aa821;border-color:#149aa84d;transform:translateY(-1px)}.attendance-status-btn.present.active{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-color:#0000;box-shadow:0 5px 13px #0e7c8633}.attendance-status-btn.absent{color:#c83f3f;background:#c83f3f0b;border:1px solid #c83f3f2b}.attendance-status-btn.absent:hover{background:#c83f3f17;border-color:#c83f3f47;transform:translateY(-1px)}.attendance-status-btn.absent.active{color:#fff;background:#c83f3f;border-color:#c83f3f;box-shadow:0 5px 13px #c83f3f2e}.attendance-empty{text-align:center;background:var(--card-bg);border:1px dashed var(--border);border-radius:15px;padding:50px 20px}.attendance-empty-icon{background:var(--hover-bg);opacity:.7;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:20px;display:flex}.attendance-empty h3{color:var(--text-color);margin:0 0 6px;font-size:14px}.attendance-empty p{color:var(--text-color);opacity:.5;margin:0;font-size:11px}.attendance-footer{background:var(--card-bg);border:1px solid var(--border);min-height:58px;box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding:9px 12px 9px 15px;display:flex}.attendance-footer-info{align-items:center;gap:7px;display:flex}.attendance-footer-info span{background:var(--hover-bg);border:1px solid var(--border);min-height:28px;color:var(--text-color);border-radius:8px;align-items:center;padding:4px 9px;font-size:10px;display:inline-flex}.attendance-save{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 6px 16px #0e7c862e}.attendance-save span{font-size:14px;font-weight:900}.attendance-save:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 8px 20px #0e7c8640}.attendance-save:active{transform:translateY(0)}.attendance-status-btn:focus-visible,.attendance-all-present:focus-visible,.attendance-save:focus-visible,.clear-search:focus-visible{outline:2px solid var(--gradient-start);outline-offset:2px}[data-theme=dark] .attendance-header,[data-theme=dark] .attendance-stat,[data-theme=dark] .attendance-student,[data-theme=dark] .attendance-footer,[data-theme=dark] .attendance-empty{box-shadow:0 7px 20px #0003}[data-theme=dark] .attendance-student:hover{box-shadow:0 9px 24px #00000047}[data-theme=dark] .attendance-icon{box-shadow:0 7px 18px #00000047}[data-theme=dark] .student-avatar{box-shadow:0 6px 15px #00000047}[data-theme=dark] .attendance-session-info .attendance-type{color:var(--gradient-start);background:#6ed6d417;border-color:#6ed6d42e}[data-theme=dark] .attendance-stat-icon.present{color:var(--gradient-start);background:#6ed6d417}[data-theme=dark] .attendance-stat-icon.absent{color:#f08080;background:#dc53531a}[data-theme=dark] .attendance-status-btn.present{color:var(--gradient-start);background:#6ed6d412;border-color:#6ed6d42e}[data-theme=dark] .attendance-status-btn.present:hover{background:#6ed6d41f}[data-theme=dark] .attendance-status-btn.absent{color:#f08080;background:#dc53530f;border-color:#dc535333}[data-theme=dark] .attendance-status-btn.absent:hover{background:#dc53531c}[data-theme=dark] .attendance-status-btn.absent.active{color:#fff;background:#c83f3f;border-color:#c83f3f}@media (width<=900px){.attendance-stats{grid-template-columns:repeat(2,1fr)}.attendance-student{gap:12px}.attendance-times>div{min-width:58px}}@media (width<=700px){.attendance-toolbar{flex-direction:column;align-items:stretch}.attendance-search{max-width:none}.attendance-all-present{width:100%}.attendance-student{flex-wrap:wrap;padding:12px}.attendance-student-info{width:100%;min-width:0}.attendance-times{flex:1}.attendance-actions{margin-inline-start:auto}.attendance-footer{flex-direction:column;align-items:stretch}.attendance-footer-info{flex-wrap:wrap}.attendance-save{width:100%}}@media (width<=480px){.attendance-header{padding:15px}.attendance-header-info{align-items:flex-start}.attendance-icon{border-radius:11px;width:43px;height:43px;font-size:18px}.attendance-header h2{font-size:15px}.attendance-stats{gap:8px}.attendance-stat{gap:8px;padding:11px}.attendance-stat-icon{width:35px;height:35px}.attendance-stat strong{font-size:16px}.attendance-stat span{font-size:10px}.attendance-student{border-radius:13px}.attendance-actions{width:100%}.attendance-status-btn{flex:1}.attendance-times{width:100%}.attendance-times>div{flex:1}.attendance-footer-info{width:100%}}.attendance-student{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:24px;padding:18px 20px;transition:border-color .2s,box-shadow .2s,background .2s;display:grid;position:relative}.attendance-student:hover{border-color:var(--gradient-start);box-shadow:0 6px 18px #0000000f}.attendance-student-info{align-items:center;gap:13px;min-width:0;display:flex}.student-name-wrapper{flex-direction:column;gap:5px;min-width:0;display:flex}.student-name-wrapper strong{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.student-name-wrapper span{color:var(--text-muted);font-size:12px}.attendance-times{align-items:center;gap:12px;display:flex}.attendance-times>div{background:var(--hover-bg);border-radius:10px;flex-direction:column;gap:4px;min-width:70px;padding:8px 11px;display:flex}.attendance-times span{color:var(--text-muted);font-size:11px}.attendance-times strong{color:var(--text-color);font-size:13px}.attendance-actions{align-items:center;gap:8px;display:flex}.attendance-status-btn{border:1px solid var(--border);height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.attendance-status-btn span{font-size:16px;line-height:1}.attendance-status-btn.present:hover,.attendance-status-btn.present.active{color:#16a34a;background:#22c55e1a;border-color:#22c55e}.attendance-status-btn.absent:hover,.attendance-status-btn.absent.active{color:#dc2626;background:#ef44441a;border-color:#ef4444}.attendance-description{border-top:1px solid var(--border);grid-column:1/-1;margin-top:2px;padding-top:15px;animation:.2s attendanceDescriptionIn}@keyframes attendanceDescriptionIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.attendance-description-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.attendance-description-header label{color:var(--text-color);font-size:12px;font-weight:700}.attendance-description-header span{color:var(--text-muted);font-size:11px}.attendance-description textarea{resize:vertical;border:1px solid var(--border);background:var(--bg-body);width:100%;min-height:80px;color:var(--text-color);border-radius:11px;outline:none;padding:12px 14px;font-family:inherit;font-size:13px;line-height:1.8;transition:border-color .2s,box-shadow .2s}.attendance-description textarea::placeholder{color:var(--text-muted)}.attendance-description textarea:focus{border-color:var(--gradient-start);box-shadow:0 0 0 3px color-mix(in srgb, var(--gradient-start) 10%, transparent)}.attendance-description-btn{border:1px solid var(--border);background:var(--hover-bg);height:36px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.attendance-description-btn:hover,.attendance-description-btn.active{border-color:var(--gradient-start);color:var(--gradient-start);background:color-mix(in srgb, var(--gradient-start) 8%, var(--hover-bg))}.attendance-description-btn span{font-size:14px}.attendance-description-btn.has-description{color:var(--gradient-start);border-color:color-mix(in srgb, var(--gradient-start) 40%, var(--border))}@media (width<=900px){.attendance-student{grid-template-columns:1fr auto;gap:16px}.attendance-times{grid-area:2/1/auto/-1}.attendance-actions{grid-area:1/2}.attendance-description{grid-column:1/-1}}@media (width<=600px){.attendance-student{grid-template-columns:1fr;padding:15px}.attendance-actions{grid-area:auto;width:100%}.attendance-status-btn{flex:1}.attendance-times,.attendance-description{grid-column:auto}}.lesson-attendance-report{width:100%;min-width:0;color:var(--text-color)}.attendance-report-header{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 22px;display:flex}.attendance-report-header>div{align-items:center;gap:14px;display:flex}.attendance-report-icon{color:#fff;background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:700;display:flex;box-shadow:0 8px 18px #0e7c8633}.attendance-report-header h2{color:var(--text-color);margin:0 0 5px;font-size:20px;font-weight:800}.attendance-report-header p{color:var(--muted-text);margin:0;font-size:14px}.attendance-report-stats{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px;display:grid}.report-stat{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;min-width:0;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.report-stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.report-stat-icon{background:var(--hover-bg);width:42px;height:42px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.report-stat>div{flex-direction:column;gap:3px;min-width:0;display:flex}.report-stat strong{color:var(--text-color);font-size:20px;line-height:1.2}.report-stat span:last-child{color:var(--muted-text);font-size:12px}.attendance-report-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.attendance-report-search{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:9px;width:320px;max-width:100%;height:44px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.attendance-report-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.attendance-report-search>span{color:var(--muted-text);font-size:15px}.attendance-report-search input{width:100%;height:100%;color:var(--text-color);background:0 0;border:none;outline:none;font-family:inherit;font-size:13px}.attendance-report-search input::placeholder{color:var(--muted-text)}.attendance-report-search button{background:var(--hover-bg);width:25px;height:25px;color:var(--muted-text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;line-height:1;transition:background .2s,color .2s;display:flex}.attendance-report-search button:hover{background:var(--border);color:var(--text-color)}.attendance-report-table-wrapper{background:var(--card-bg);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);scrollbar-width:thin;border-radius:18px;overflow:auto hidden}.attendance-report-table-wrapper::-webkit-scrollbar{height:7px}.attendance-report-table-wrapper::-webkit-scrollbar-track{background:var(--hover-bg)}.attendance-report-table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:20px}.attendance-report-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px;font-size:13px}.attendance-report-table th{background:var(--hover-bg);border-bottom:1px solid var(--border);height:78px;color:var(--text-color);white-space:nowrap;padding:10px;font-weight:700}.attendance-report-table th:not(:last-child),.attendance-report-table td:not(:last-child){border-left:1px solid var(--border)}.attendance-report-table .student-column{z-index:4;text-align:right;background:var(--hover-bg);width:220px;position:sticky;right:0}.student-cell{z-index:2;background:var(--card-bg);border-bottom:1px solid var(--border);width:220px;padding:12px 14px;position:sticky;right:0}.student-cell-info{align-items:center;gap:10px;display:flex}.student-avatar{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.student-cell-info>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.student-cell-info strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;color:var(--text-color);font-size:13px;font-weight:700;overflow:hidden}.student-cell-info span{color:var(--muted-text);font-size:11px}.session-column{text-align:center;width:125px;min-width:125px}.session-header{flex-direction:column;align-items:center;gap:3px;display:flex}.session-header strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;color:var(--text-color);font-size:12px;overflow:hidden}.session-header span{color:var(--muted-text);font-size:11px}.session-header small{color:var(--muted-text);font-size:10px}.attendance-report-table tbody tr{transition:background .2s}.attendance-report-table tbody tr:hover{background:var(--hover-bg)}.attendance-report-table td{border-bottom:1px solid var(--border)}.attendance-report-table tbody tr:last-child td{border-bottom:none}.attendance-status-cell{text-align:center;cursor:pointer;background:var(--card-bg);padding:8px;transition:background .2s}.attendance-status-cell:hover{background:var(--hover-bg)}.attendance-status{border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:5px;transition:transform .15s,background .2s;display:flex}.attendance-status-cell:hover .attendance-status{transform:scale(1.03)}.attendance-status>span{border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:13px;font-weight:900;display:flex}.attendance-status small{font-size:10px;font-weight:600}.attendance-status.present{background:#22c55e14}.attendance-status.present>span{color:#22c55e;background:#22c55e26}.attendance-status.present small{color:#22c55e}.attendance-status.absent{background:#ef444414}.attendance-status.absent>span{color:#ef4444;background:#ef444426}.attendance-status.absent small{color:#ef4444}.attendance-status.pending{background:var(--hover-bg)}.attendance-status.pending>span{background:var(--border);color:var(--muted-text)}.attendance-status.pending small{color:var(--muted-text)}.summary-column{text-align:center;width:145px;min-width:145px}.student-summary{text-align:center;background:var(--card-bg);min-width:145px;padding:10px 12px}.student-summary-count{justify-content:center;align-items:center;gap:8px;margin-bottom:7px;font-size:10px;font-weight:700;display:flex}.present-text{color:#22c55e}.absent-text{color:#ef4444}.student-summary-progress{background:var(--hover-bg);border-radius:20px;width:100%;height:6px;margin-bottom:5px;overflow:hidden}.student-summary-progress div{border-radius:inherit;background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));height:100%;transition:width .3s}.student-summary>small{color:var(--muted-text);font-size:10px;font-weight:700}.attendance-report-empty{text-align:center;height:260px;color:var(--muted-text)}.attendance-report-empty>div{opacity:.6;margin-bottom:10px;font-size:32px}.attendance-report-empty strong{color:var(--text-color);font-size:14px}.attendance-report-legend{background:var(--card-bg);border:1px solid var(--border);color:var(--muted-text);border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;margin-top:14px;padding:14px 17px;font-size:11px;display:flex}.attendance-report-legend>span{align-items:center;gap:6px;display:inline-flex}.attendance-report-legend>span:last-child{margin-right:auto}.attendance-report-legend i{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-style:normal;font-weight:800;display:inline-flex}.present-dot{color:#22c55e;background:#22c55e1f}.absent-dot{color:#ef4444;background:#ef44441f}.pending-dot{background:var(--hover-bg);color:var(--muted-text)}.attendance-detail-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000007a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.attendance-detail-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;width:430px;max-width:100%;animation:.2s attendanceModalIn;overflow:hidden;box-shadow:0 25px 70px #00000040}@keyframes attendanceModalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.attendance-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.attendance-detail-header h3{color:var(--text-color);margin:0;font-size:16px;font-weight:800}.attendance-detail-header button{background:var(--hover-bg);width:32px;height:32px;color:var(--muted-text);cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;font-size:21px;transition:background .2s,color .2s;display:flex}.attendance-detail-header button:hover{background:var(--border);color:var(--text-color)}.attendance-detail-body{flex-direction:column;gap:11px;padding:18px;display:flex}.detail-description{background:var(--hover-bg);border-radius:11px;padding:14px}.detail-description>span{color:var(--muted-text);margin-bottom:7px;font-size:12px;display:block}.detail-description p{color:var(--text-color);margin:0;font-size:13px;line-height:1.9}@media (width<=1100px){.attendance-report-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.attendance-report-header{padding:16px}.attendance-report-icon{border-radius:12px;width:44px;height:44px;font-size:20px}.attendance-report-header h2{font-size:17px}.attendance-report-header p{font-size:12px}.attendance-report-stats{grid-template-columns:repeat(2,1fr);gap:10px}.report-stat{padding:12px}.report-stat-icon{border-radius:10px;width:36px;height:36px;font-size:15px}.report-stat strong{font-size:17px}.attendance-report-toolbar{display:block}.attendance-report-search{width:100%}.attendance-report-legend{gap:10px}.attendance-report-legend>span:last-child{width:100%;margin-right:0;padding-top:3px}}@media (width<=430px){.attendance-report-stats{grid-template-columns:1fr 1fr}.report-stat{gap:8px}.report-stat-icon{width:32px;height:32px}.report-stat strong{font-size:15px}.report-stat span:last-child{font-size:10px}.attendance-detail-overlay{padding:12px}.attendance-detail-modal{border-radius:16px}}.lesson-attendance-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008c;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.lesson-attendance-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:22px;width:min(1400px,100%);max-height:calc(100vh - 80px);padding:20px;animation:.25s lessonAttendanceModalIn;position:relative;overflow-y:auto;box-shadow:0 25px 80px #0000004d}.lesson-attendance-modal-close-parent{justify-content:end;align-items:center;margin:0 0 10px;display:flex}.lesson-attendance-modal-close{border:1px solid var(--border);background:var(--hover-bg);width:36px;height:36px;color:var(--text-color);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:all .2s;display:flex}.lesson-attendance-modal-close:hover{background:var(--border);transform:scale(1.05)}@keyframes lessonAttendanceModalIn{0%{opacity:0;transform:translateY(-25px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.lesson-attendance-modal-overlay{padding:10px}.lesson-attendance-modal{border-radius:16px;max-height:calc(100vh - 20px);padding:12px}.lesson-attendance-modal-close{width:32px;height:32px}}.student-attendance-report{width:100%;color:var(--text-color);direction:rtl;font-family:inherit}.student-attendance-top{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:22px 24px;display:flex}.student-attendance-user{align-items:center;gap:14px;min-width:0;display:flex}.student-attendance-avatar{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:20px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 6px 16px #0e7c8633}.student-attendance-avatar img{object-fit:cover;width:100%;height:100%}.student-attendance-user h2{color:var(--text-color);margin:0 0 6px;font-size:18px;font-weight:800}.student-attendance-user span{color:var(--text-color);opacity:.58;font-size:12px;display:block}.student-attendance-title{text-align:left}.student-attendance-title span{color:var(--gradient-end);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.student-attendance-title strong{color:var(--text-color);font-size:18px;font-weight:800;display:block}.student-attendance-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.student-attendance-stat-card{background:var(--card-bg);border:1px solid var(--border);min-height:104px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;justify-content:space-between;padding:18px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.student-attendance-stat-card:hover{border-color:var(--gradient-start);transform:translateY(-2px)}.student-attendance-stat-card:before{content:"";background:var(--gradient-end);width:4px;height:100%;position:absolute;top:0;right:0}.student-attendance-stat-card span{color:var(--text-muted,#475569);font-size:12px;font-weight:600}.student-attendance-stat-card strong{color:var(--text-color);margin-top:8px;font-size:27px;font-weight:800;line-height:1}.student-attendance-stat-card.present:before{background:#2ca58d}.student-attendance-stat-card.present strong{color:#2ca58d}.student-attendance-stat-card.absent:before{background:#e05260}.student-attendance-stat-card.absent strong{color:#e05260}.student-attendance-stat-card.pending:before{background:#d99a32}.student-attendance-stat-card.pending strong{color:#d99a32}.student-attendance-stat-card.percentage:before{background:var(--gradient-end)}.student-attendance-stat-card.percentage strong{color:var(--gradient-end)}.student-attendance-tables{flex-direction:column;gap:20px;display:flex}.student-attendance-lesson-table{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.student-attendance-table-header{border-bottom:1px solid var(--border);background:linear-gradient(90deg, transparent, var(--hover-bg));justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:15px 20px;display:flex}.student-attendance-table-title{align-items:center;gap:12px;display:flex}.student-attendance-table-icon{background:var(--hover-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.student-attendance-table-title h3{color:var(--text-color);margin:0 0 4px;font-size:15px;font-weight:800}.student-attendance-table-title span{color:var(--text-color);opacity:.52;font-size:11px;display:block}.student-attendance-table-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.student-attendance-table-summary span{border-radius:8px;align-items:center;min-height:30px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.student-attendance-table-summary .present{color:#23816f;background:#2ca58d1c}.student-attendance-table-summary .absent{color:#c94452;background:#e052601c}.student-attendance-table-summary .pending{color:#b57b1c;background:#d99a321f}.student-attendance-table-wrapper{width:100%;overflow-x:auto}.student-attendance-table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%}.student-attendance-table thead{background:var(--hover-bg)}.student-attendance-table th{height:46px;color:var(--text-color);opacity:.58;border-bottom:1px solid var(--border);padding:0 14px;font-size:11px;font-weight:700}.student-attendance-table td{height:58px;color:var(--text-color);border-bottom:1px solid var(--border);padding:8px 14px;font-size:12px;transition:background .15s}.student-attendance-table tbody tr:last-child td{border-bottom:none}.student-attendance-table tbody tr{cursor:pointer;transition:background .15s}.student-attendance-table tbody tr:hover td{background:var(--hover-bg)}.session-number{background:var(--hover-bg);width:28px;height:28px;color:var(--text-color);opacity:.75;border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.session-name-cell{align-items:center;min-width:130px;display:flex}.session-name-cell strong{color:var(--text-color);font-size:12px;font-weight:700}.date-cell{color:var(--text-color);opacity:.75;font-size:11px}.time-cell{color:var(--text-color);opacity:.75;direction:ltr;font-family:monospace;font-size:11px;display:inline-block}.attendance-badge{border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:76px;height:29px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.attendance-badge i{border-radius:50%;width:6px;height:6px;display:block}.attendance-badge.present{color:#23816f;background:#2ca58d1c}.attendance-badge.present i{background:#2ca58d}.attendance-badge.absent{color:#c94452;background:#e052601c}.attendance-badge.absent i{background:#e05260}.attendance-badge.pending{color:#b57b1c;background:#d99a321f}.attendance-badge.pending i{background:#d99a32}.student-attendance-table tbody tr.attendance-row-present{--row-status:#2ca58d06}.student-attendance-table tbody tr.attendance-row-absent{--row-status:#e0526006}.student-attendance-table tbody tr.attendance-row-pending{--row-status:#d99a3206}.student-attendance-table tbody tr:hover{background:var(--row-status)}.attendance-time{min-width:45px;color:var(--text-color);opacity:.7;direction:ltr;font-family:monospace;font-size:11px;display:inline-block}.description-indicator{height:26px;color:var(--gradient-end);background:var(--hover-bg);border-radius:7px;justify-content:center;align-items:center;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.no-description{color:var(--text-color);opacity:.3;font-size:13px}.student-attendance-empty{text-align:center;background:var(--card-bg);border:1px solid var(--border);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:60px 20px;display:flex}.student-attendance-empty-icon{color:#d99a32;background:#d99a321f;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:14px;font-size:18px;font-weight:800;display:flex}.student-attendance-empty h3{color:var(--text-color);margin:0 0 7px;font-size:15px;font-weight:800}.student-attendance-empty p{color:var(--text-muted,#475569);margin:0;font-size:12px}.student-attendance-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050f12a6;justify-content:center;align-items:center;padding:20px;animation:.18s attendanceOverlayIn;display:flex;position:fixed;inset:0}.student-attendance-modal{background:var(--card-bg);border:1px solid var(--border);direction:rtl;border-radius:20px;width:min(540px,100%);max-height:calc(100vh - 40px);padding:24px;animation:.22s attendanceModalIn;position:relative;overflow-y:auto;box-shadow:0 25px 70px #00000040}.student-attendance-modal-close{border:1px solid var(--border);background:var(--hover-bg);width:34px;height:34px;color:var(--text-color);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:16px;left:16px}.student-attendance-modal-close:hover{background:var(--border);transform:rotate(4deg)}.student-attendance-modal-header{align-items:center;gap:13px;margin-bottom:18px;padding-left:42px;display:flex}.student-attendance-modal-icon{background:var(--hover-bg);width:46px;height:46px;color:var(--gradient-end);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.student-attendance-modal-header h3{color:var(--text-color);margin:0 0 5px;font-size:16px;font-weight:800}.student-attendance-modal-header span{color:var(--text-muted,#475569);font-size:11px;display:block}.modal-status{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:18px}.student-attendance-modal-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;display:grid}.student-attendance-modal-grid>div{background:var(--hover-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;min-height:74px;padding:14px;display:flex}.student-attendance-modal-grid span{color:var(--text-color);opacity:.48;margin-bottom:7px;font-size:10px;font-weight:600}.student-attendance-modal-grid strong{color:var(--text-color);font-size:13px;font-weight:800}.student-attendance-modal-description{background:var(--hover-bg);border:1px solid var(--border);border-radius:12px;margin-top:10px;padding:15px}.student-attendance-modal-description span{color:var(--gradient-end);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.student-attendance-modal-description p{color:var(--text-color);opacity:.72;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.9}@keyframes attendanceOverlayIn{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.student-attendance-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.student-attendance-top{flex-direction:column;align-items:flex-start}.student-attendance-title{text-align:right;width:100%}.student-attendance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-attendance-table-header{flex-direction:column;align-items:flex-start}.student-attendance-table-summary{width:100%}}@media (width<=550px){.student-attendance-top{border-radius:14px;padding:16px}.student-attendance-avatar{width:50px;height:50px}.student-attendance-user h2,.student-attendance-title strong{font-size:15px}.student-attendance-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.student-attendance-stat-card{min-height:90px;padding:14px}.student-attendance-stat-card strong{font-size:23px}.student-attendance-lesson-table{border-radius:14px}.student-attendance-table-header{padding:14px}.student-attendance-modal{border-radius:16px;padding:18px}.student-attendance-modal-grid{grid-template-columns:1fr}}@media (width<=380px){.student-attendance-stat-grid{grid-template-columns:1fr}}.grade-page{--grade-primary:var(--gradient-end,#0e7c86);--grade-primary-light:var(--hover-bg,#e6f2f2);--grade-bg:var(--bg-body,#f0f7f8);--grade-card:var(--card-bg,#fff);--grade-text:var(--text-color,#1e293b);--grade-border:var(--border,#d1e3e6);color:var(--grade-text);background:var(--grade-bg);direction:rtl;min-height:100%;font-family:inherit}.grade-page *,.grade-page :before,.grade-page :after{box-sizing:border-box}.grade-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.grade-header h1{margin:0 0 9px;font-size:23px;font-weight:750}.grade-header p,.grade-card-heading p{color:#84919d;margin:0;font-size:13px;line-height:1.9}.grade-header-icon{background:var(--grade-primary-light);width:48px;height:48px;color:var(--grade-primary);border-radius:14px;flex-shrink:0;place-items:center;font-size:27px;display:grid}.grade-card{background:var(--grade-card);border:1px solid var(--grade-border);box-shadow:var(--shadow,0 5px 18px #0e7c860d);border-radius:16px;min-width:0;margin-bottom:20px;padding:22px}.grade-card-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.grade-card-heading h2{margin:0 0 7px;font-size:17px;font-weight:700}.grade-toolbar{grid-template-columns:minmax(220px,2fr) 1fr 1fr;align-items:end;gap:16px;display:grid}.grade-field{flex-direction:column;gap:9px;display:flex}.grade-field label{font-size:13px;font-weight:600}.grade-field select,.grade-table-toolbar input{border:1px solid var(--grade-border);background:var(--grade-card);width:100%;min-height:44px;color:var(--grade-text);font:inherit;border-radius:9px;outline:none;padding:10px 12px}.grade-field select:focus,.grade-table-toolbar input:focus,.grade-score-input:focus{border-color:var(--grade-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--grade-primary) 12%, transparent)}.grade-info{background:var(--grade-bg);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 14px;font-size:13px;display:flex}.grade-info span{color:#84919d}.grade-info strong{color:var(--grade-primary);font-size:16px}.grade-count{background:var(--grade-primary-light);color:var(--grade-primary);white-space:nowrap;border-radius:9px;padding:8px 12px;font-size:12px}.grade-table-toolbar{justify-content:flex-start;margin-bottom:16px;display:flex}.grade-table-toolbar input{max-width:330px}.grade-table-wrapper{border:1px solid var(--grade-border);border-radius:11px;width:100%;overflow-x:auto}.grade-table{border-collapse:separate;border-spacing:0;text-align:right;width:100%;min-width:650px;font-size:13px}.grade-table th{background:var(--grade-bg);white-space:nowrap;color:var(--grade-text);padding:15px 16px;font-weight:700}.grade-table td{border-top:1px solid var(--grade-border);white-space:nowrap;padding:12px 16px}.grade-table tbody tr{transition:background .15s}.grade-table tbody tr:hover{background:var(--grade-primary-light)}.grade-student-name{font-weight:650}.grade-score-input{border:1px solid var(--grade-border);background:var(--grade-card);width:100px;height:38px;color:var(--grade-text);text-align:center;font:inherit;font-variant-numeric:tabular-nums;border-radius:8px;outline:none;padding:7px 10px}.grade-score-input::-webkit-inner-spin-button{opacity:1}.grade-score-input::-webkit-outer-spin-button{opacity:1}.grade-status{border-radius:20px;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;display:inline-flex}.grade-status-entered{color:#16834d;background:#e1f6eb}.grade-status-pending{color:#a86b08;background:#fff3d9}.grade-empty{text-align:center;color:#84919d;padding:32px!important}.grade-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.grade-save-message{color:var(--grade-primary);font-size:13px}.grade-save-button{background:var(--grade-primary);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 25px;font-weight:650;transition:opacity .2s,transform .2s}.grade-save-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.grade-save-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=700px){.grade-page{padding:14px}.grade-header h1{font-size:19px}.grade-card{border-radius:12px;padding:15px}.grade-toolbar{grid-template-columns:1fr 1fr}.grade-field{grid-column:1/-1}.grade-card-heading{align-items:flex-start}.grade-students-heading{flex-direction:column}.grade-table th,.grade-table td{padding:11px}.grade-footer{flex-direction:column;align-items:stretch}.grade-save-button{width:100%}}.fgm-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b1b207a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fgm-modal{background:var(--card-bg,#fff);width:100%;max-width:560px;max-height:min(720px,90vh);color:var(--text-color,#1e293b);border:1px solid var(--border,#d1e3e6);box-shadow:var(--shadow,0 12px 36px #0e7c8629);direction:rtl;border-radius:18px;flex-direction:column;font-family:inherit;display:flex;overflow:hidden}.fgm-header{border-bottom:1px solid var(--border,#d1e3e6);justify-content:space-between;align-items:flex-start;gap:14px;padding:24px;display:flex}.fgm-title-wrap{align-items:center;gap:13px;display:flex}.fgm-icon{background:var(--hover-bg,#e6f2f2);width:44px;height:44px;color:var(--gradient-end,#0e7c86);border-radius:12px;flex-shrink:0;place-items:center;font-size:24px;display:grid}.fgm-header h2{margin:0 0 7px;font-size:17px;font-weight:700;line-height:1.7}.fgm-header p,.fgm-section-heading p{color:var(--text-muted,#64748b);margin:0;font-size:12px;line-height:1.9}.fgm-close{width:34px;height:34px;color:var(--text-color,#1e293b);cursor:pointer;background:0 0;border:0;border-radius:9px;flex-shrink:0;font-size:25px}.fgm-close:hover{background:var(--hover-bg,#e6f2f2)}.fgm-field-info{border:1px solid var(--border,#d1e3e6);background:var(--bg-body,#f0f7f8);border-radius:12px;grid-template-columns:1fr 1fr;gap:14px;margin:20px 24px 0;padding:15px;display:grid}.fgm-field-info div{flex-direction:column;gap:7px;min-width:0;display:flex}.fgm-field-info span{color:var(--text-muted,#64748b);font-size:12px}.fgm-field-info strong{overflow-wrap:anywhere;font-size:14px;font-weight:700}.fgm-content{padding:22px 24px;overflow-y:auto}.fgm-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.fgm-section-heading h3{margin:0 0 5px;font-size:15px}.fgm-count{background:var(--hover-bg,#e6f2f2);color:var(--gradient-end,#0e7c86);border-radius:8px;flex-shrink:0;padding:7px 10px;font-size:11px;font-weight:700}.fgm-search{border:1px solid var(--border,#d1e3e6);background:var(--input-bg,var(--card-bg,#fff));height:44px;color:var(--text-color,#1e293b);border-radius:10px;align-items:center;gap:10px;padding:0 13px;display:flex}.fgm-search:focus-within{border-color:var(--gradient-end,#0e7c86);box-shadow:0 0 0 3px #0e7c8617}.fgm-search>span{color:var(--text-muted,#64748b);font-size:23px}.fgm-search input{min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.fgm-search input::placeholder{color:var(--text-muted,#94a3b8)}.fgm-search button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:21px}.fgm-select-all{color:var(--text-muted,#64748b);padding:15px 2px 10px;font-size:12px}.fgm-select-all label,.fgm-grade-main{cursor:pointer;align-items:center;gap:11px;display:flex}.fgm-modal input[type=checkbox]{width:17px;height:17px;accent-color:var(--gradient-end,#0e7c86);cursor:pointer;flex-shrink:0;margin:0}.fgm-grade-list{flex-direction:column;gap:9px;display:flex}.fgm-grade-row{border:1px solid var(--border,#d1e3e6);background:var(--card-bg,#fff);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:12px 14px;transition:border-color .18s,background .18s;display:flex}.fgm-grade-row:hover{border-color:var(--gradient-start,#5bc0be)}.fgm-grade-row.selected{border-color:var(--gradient-start,#5bc0be);background:var(--hover-bg,#e6f2f2)}.fgm-grade-name{font-size:14px;font-weight:600}.fgm-grade-status{color:var(--text-muted,#64748b);font-size:11px}.fgm-grade-row.selected .fgm-grade-status{color:var(--gradient-end,#0e7c86)}.fgm-empty{color:var(--text-muted,#64748b);flex-direction:column;align-items:center;gap:12px;padding:28px 12px;font-size:13px;display:flex}.fgm-empty button{color:var(--gradient-end,#0e7c86);cursor:pointer;background:0 0;border:0}.fgm-footer{border-top:1px solid var(--border,#d1e3e6);background:var(--card-bg,#fff);justify-content:flex-start;gap:10px;padding:18px 24px;display:flex}.fgm-btn{cursor:pointer;border-radius:9px;min-width:115px;min-height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .18s}.fgm-btn:disabled,.fgm-close:disabled{opacity:.6;cursor:not-allowed}.fgm-btn-primary{border:1px solid var(--gradient-end,#0e7c86);background:var(--gradient-end,#0e7c86);color:#fff}.fgm-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.fgm-btn-secondary{border:1px solid var(--border,#d1e3e6);background:var(--card-bg,#fff);color:var(--text-color,#1e293b)}.fgm-btn-secondary:hover:not(:disabled){background:var(--hover-bg,#e6f2f2)}@media (width<=520px){.fgm-overlay{padding:10px}.fgm-modal{border-radius:14px;max-height:94vh}.fgm-header,.fgm-content{padding:18px}.fgm-field-info{margin:16px 18px 0}.fgm-footer{padding:14px 18px}.fgm-section-heading{flex-direction:column;align-items:flex-start}.fgm-grade-status{display:none}}.teacher-dashboard{flex-direction:column;gap:22px;display:flex}.teacher-dash-hero{border:1px solid var(--border);background:linear-gradient(135deg, #0e7c861f, #0e7c8605), var(--card-bg);box-shadow:var(--shadow);border-radius:18px;justify-content:space-between;align-items:stretch;gap:20px;padding:22px 24px;display:flex}.teacher-dash-hero-copy h1{color:var(--text-color);margin:4px 0 8px;font-size:1.55rem;font-weight:800}.teacher-dash-hero-copy p{color:var(--text-color);opacity:.72;max-width:46ch;margin:0;line-height:1.7}.teacher-dash-eyebrow{letter-spacing:.04em;color:var(--gradient-start);font-size:12px;font-weight:700;opacity:1!important;margin:0!important}.teacher-dash-hero-meta{grid-template-columns:1fr;gap:10px;min-width:160px;display:grid}.teacher-dash-hero-meta>div{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.teacher-dash-hero-meta span{opacity:.65;color:var(--text-color);font-size:11px}.teacher-dash-hero-meta strong{color:var(--text-color);font-size:1.35rem}.teacher-dash-panels{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.teacher-today-list{flex-direction:column;gap:10px;display:flex}.teacher-empty-inline{color:var(--text-color);opacity:.75;align-items:center;gap:10px;padding:18px 8px;display:flex}.teacher-empty-inline i{color:#1c9c2d}.teacher-insight-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:18px}.teacher-insight-card header h3{color:var(--text-color);margin:0 0 4px;font-size:1rem}.teacher-insight-card header p{opacity:.65;color:var(--text-color);margin:0 0 16px;font-size:12px}.teacher-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.teacher-insight-grid>div{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.teacher-insight-grid span{opacity:.65;color:var(--text-color);font-size:11px}.teacher-insight-grid strong{color:var(--text-color);font-size:1.1rem}.teacher-advanced-filters{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0 6px;padding:14px;display:flex}.teacher-advanced-filters label{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.teacher-advanced-filters label span{color:var(--text-color);opacity:.7;font-size:11px;font-weight:600}.teacher-advanced-filters select,.teacher-date-input{border:1px solid var(--border);background:var(--input-bg);width:100%;height:40px;color:var(--text-color);border-radius:10px;outline:none;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.teacher-advanced-filters select:focus,.teacher-date-input:focus{border-color:var(--gradient-start);box-shadow:0 0 0 3px #0e7c861f}.teacher-filter-clear{border:1px dashed var(--border);height:40px;color:var(--text-color);cursor:pointer;background:0 0;border-radius:10px;padding:0 14px;font-size:12px;font-weight:600}.teacher-filter-clear:hover{border-color:var(--gradient-start);color:var(--gradient-start)}.teacher-card-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.teacher-card-kpis>div{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.teacher-card-kpis span{opacity:.65;color:var(--text-color);font-size:10px}.teacher-card-kpis strong{color:var(--text-color);font-size:13px}.teacher-class-card .form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grade-progress-chip{background:#0e7c861a;border:1px solid #0e7c862e;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:110px;padding:12px 14px;display:flex}.grade-progress-chip strong{color:var(--gradient-start);font-size:1.2rem}.grade-progress-chip span{opacity:.7;color:var(--text-color);font-size:11px}.content-assignment-filters{margin-top:10px;padding-top:4px}@media (width<=980px){.teacher-dash-hero{flex-direction:column}.teacher-dash-hero-meta{grid-template-columns:1fr 1fr;width:100%}.teacher-dash-panels,.teacher-class-card .form-row{grid-template-columns:1fr}}@media (width<=640px){.teacher-advanced-filters label{min-width:100%}.teacher-dash-hero-meta,.teacher-card-kpis{grid-template-columns:1fr}}.teacher-year-filter{flex-direction:column;gap:6px;min-width:180px;display:flex}.teacher-year-filter span{opacity:.7;color:var(--text-color);font-size:11px;font-weight:600}.teacher-year-filter select{border:1px solid var(--border);background:var(--input-bg);height:40px;color:var(--text-color);border-radius:10px;padding:0 12px;font-size:13px}.teacher-dash-year{max-width:240px;margin-top:14px}.teacher-classes-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.teacher-session-status-hint{opacity:.65;color:var(--text-color);margin:10px 0 0;font-size:12px;line-height:1.6}.teacher-absentee-panel,.teacher-absentee-dashboard{margin-top:4px}.teacher-absentee-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.teacher-absentee-header h3{color:var(--text-color);margin:0 0 4px;font-size:1rem}.teacher-absentee-header p{opacity:.65;color:var(--text-color);margin:0;font-size:12px}.teacher-absentee-threshold{flex-direction:column;gap:6px;min-width:140px;display:flex}.teacher-absentee-threshold span{opacity:.7;font-size:11px}.teacher-absentee-threshold select{border:1px solid var(--border);background:var(--input-bg);height:38px;color:var(--text-color);border-radius:10px;padding:0 10px}.teacher-absentee-list{flex-direction:column;gap:8px;display:flex}.teacher-absentee-item{border:1px solid var(--border);background:var(--input-bg);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.teacher-absentee-item strong{color:var(--text-color);font-size:13px;display:block}.teacher-absentee-item span{opacity:.65;color:var(--text-color);margin-top:3px;font-size:11px;display:block}.teacher-absentee-metrics{align-items:center;gap:8px;display:flex}.teacher-absentee-metrics span{color:#dc2626;background:#dc262614;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;opacity:1!important;margin:0!important}.teacher-attendance-toolbar{flex-direction:column;gap:12px;display:flex}.attendance-inline-filters{margin:0}.lesson-attendance-report .teacher-absentee-panel{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;margin:16px 0;padding:16px}@media (width<=640px){.teacher-classes-header{align-items:stretch}.teacher-year-filter,.teacher-dash-year{width:100%;max-width:none}}.teacher-profile-page{flex-direction:column;gap:18px;display:flex}.teacher-profile-hero{border:1px solid var(--border);background:linear-gradient(135deg, #0e7c861f, #0e7c8605), var(--card-bg);box-shadow:var(--shadow);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.teacher-profile-identity{align-items:center;gap:16px;display:flex}.teacher-profile-avatar{width:72px;height:72px;color:var(--gradient-start);background:#0e7c8624;border:1px solid #0e7c8633;border-radius:18px;place-items:center;font-size:1.6rem;font-weight:800;display:grid;overflow:hidden}.teacher-profile-avatar img{object-fit:cover;width:100%;height:100%}.teacher-profile-identity h1{color:var(--text-color);margin:4px 0 6px;font-size:1.45rem}.teacher-profile-identity p{opacity:.7;color:var(--text-color);margin:0;font-size:13px}.teacher-profile-actions{flex-wrap:wrap;gap:10px;display:flex}.teacher-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.teacher-profile-stats article{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.teacher-profile-stats span{opacity:.65;color:var(--text-color);font-size:12px}.teacher-profile-stats strong{color:var(--text-color);font-size:1.35rem}.teacher-profile-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.teacher-profile-bio{grid-column:1/-1}.teacher-profile-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.teacher-profile-fields>div{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.teacher-profile-fields span{opacity:.65;color:var(--text-color);font-size:11px}.teacher-profile-fields strong{color:var(--text-color);font-size:13px}.teacher-profile-bio-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.teacher-profile-bio-actions{gap:8px;display:flex}.teacher-profile-bio-text{color:var(--text-color);opacity:.85;white-space:pre-wrap;margin:0;line-height:1.8}.teacher-profile-bio-input{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-color);resize:vertical;border-radius:12px;outline:none;padding:12px 14px;font-size:13px;line-height:1.7}.teacher-profile-bio-input:focus{border-color:var(--gradient-start);box-shadow:0 0 0 3px #0e7c861f}.teacher-card-kpis,.teacher-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=980px){.teacher-profile-stats{grid-template-columns:1fr 1fr}.teacher-profile-grid{grid-template-columns:1fr}.teacher-insight-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.teacher-profile-stats,.teacher-profile-fields,.teacher-card-kpis,.teacher-insight-grid{grid-template-columns:1fr}.teacher-profile-identity{align-items:flex-start}}.grade-score-cell{vertical-align:top;min-width:190px;padding:12px 10px}.grade-description-input{border:1px solid var(--border-color,#dbe3e8);background:var(--input-bg,#fff);width:100%;min-width:170px;min-height:58px;color:var(--text-color,#1e293b);font:inherit;resize:vertical;box-sizing:border-box;border-radius:8px;margin-top:8px;padding:9px 10px;font-size:12px;line-height:1.8;transition:border-color .2s,box-shadow .2s;display:block}.grade-description-input::placeholder{color:#94a3b8}.grade-description-control{margin-top:8px}.grade-description-toggle{color:#0e7c86;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;transition:background .2s;display:inline-flex}.grade-description-toggle:hover{background:#0e7c861a}.grade-description-input{border:1px solid var(--border-color,#dbe3e8);background:var(--input-bg,#fff);width:100%;min-width:170px;min-height:58px;color:var(--text-color,#1e293b);font:inherit;resize:vertical;box-sizing:border-box;border-radius:8px;margin-top:8px;padding:9px 10px;font-size:12px;line-height:1.8;display:block}.grade-description-input:focus{border-color:#0e7c86;outline:none;box-shadow:0 0 0 3px #0e7c861a}.student-score-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008c;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.student-score-modal{background:var(--card-bg);width:min(900px,100%);max-height:calc(100vh - 80px);color:var(--text-color);border:1px solid var(--border);border-radius:22px;flex-direction:column;padding:20px;animation:.25s studentScoreModalIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 80px #0000004d}@keyframes studentScoreModalIn{0%{opacity:0;transform:translateY(-25px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.student-score-header{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:22px 24px;display:flex}.student-score-header>div{min-width:0}.student-score-header h3{color:var(--text-color);margin:0 0 8px;font-size:18px;font-weight:800}.student-score-header p{color:var(--text-color);margin:0 0 6px;font-size:14px;font-weight:700}.student-score-header>div>span{color:var(--text-color);opacity:.58;font-size:12px;display:block}.student-score-close{border:1px solid var(--border);background:var(--hover-bg);width:36px;height:36px;color:var(--text-color);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:all .2s;display:flex}.student-score-close:hover{background:var(--border);transform:scale(1.05)}.student-score-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.student-score-summary-item{background:var(--card-bg);border:1px solid var(--border);min-height:104px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;justify-content:space-between;padding:18px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.student-score-summary-item:hover{border-color:var(--gradient-start);transform:translateY(-2px)}.student-score-summary-item:before{content:"";background:var(--gradient-end);width:4px;height:100%;position:absolute;top:0;right:0}.student-score-summary-item span{color:var(--text-color);opacity:.6;font-size:12px;font-weight:600}.student-score-summary-item strong{color:var(--gradient-end);margin-top:8px;font-size:27px;font-weight:800;line-height:1.3}.student-score-body{width:100%;min-height:100px}.student-score-list{flex-direction:column;gap:12px;display:flex}.student-score-item{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:16px 18px;transition:transform .2s,border-color .2s;position:relative}.student-score-item:hover{border-color:var(--gradient-start);transform:translateY(-1px)}.student-score-item-main{justify-content:space-between;align-items:center;gap:20px;display:flex}.student-score-item-title{align-items:center;gap:12px;min-width:0;display:flex}.student-score-number{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:flex;box-shadow:0 5px 14px #0e7c8629}.student-score-item-title>div{min-width:0}.student-score-item-title h4{color:var(--text-color);overflow-wrap:anywhere;margin:0 0 5px;font-size:14px;font-weight:800;line-height:1.8}.student-score-item-title>div>span{color:var(--text-color);opacity:.55;font-size:11px;display:block}.student-score-value{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.student-score-value strong{color:var(--gradient-end);font-size:20px;font-weight:800}.student-score-value span{color:var(--text-color);opacity:.55;font-size:11px}.student-score-description{background:var(--hover-bg);border:1px solid var(--border);border-radius:12px;margin-top:14px;padding:12px 15px}.student-score-description span{color:var(--gradient-end);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.student-score-description p{color:var(--text-color);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.9}.student-score-empty{text-align:center;background:var(--card-bg);border:1px solid var(--border);min-height:180px;box-shadow:var(--shadow);color:var(--text-color);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:35px 20px;display:flex}.student-score-empty-icon{font-size:30px}.student-score-empty strong{color:var(--text-color);font-size:15px;font-weight:800}.student-score-empty p{max-width:420px;color:var(--text-color);opacity:.6;margin:0;font-size:12px;line-height:1.9}.student-score-footer{border-top:1px solid var(--border);justify-content:flex-end;margin-top:20px;padding-top:16px;display:flex}.student-score-footer button{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;border:none;border-radius:11px;min-width:120px;height:43px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:750;transition:all .2s;box-shadow:0 5px 14px #0e7c8629}.student-score-footer button:hover{opacity:.92;transform:translateY(-1px)}@media (width<=700px){.student-score-overlay{padding:10px}.student-score-modal{border-radius:16px;max-height:calc(100vh - 20px);padding:12px}.student-score-header{border-radius:14px;margin-bottom:14px;padding:16px}.student-score-header h3{font-size:16px}.student-score-summary{gap:9px;margin-bottom:16px}.student-score-summary-item{border-radius:13px;min-height:90px;padding:13px}.student-score-summary-item strong{font-size:22px}.student-score-item{border-radius:13px;padding:13px}.student-score-item-main{gap:10px}.student-score-item-title{gap:9px}.student-score-number{border-radius:10px;width:36px;height:36px}.student-score-item-title h4{font-size:13px}.student-score-value strong{font-size:17px}.student-score-footer button{width:100%}}@media (width<=420px){.student-score-summary-item{padding:11px}.student-score-summary-item span{font-size:11px;line-height:1.8}.student-score-summary-item strong{font-size:20px}.student-score-item-main{align-items:flex-start}.student-score-item-title{flex:1}.student-score-value strong{font-size:15px}}.lesson-assignment-content{overflow:auto}:root{--rmdp-primary-green:#3d9970;--rmdp-secondary-green:#87ad92;--rmdp-shadow-green:#87ad92;--rmdp-today-green:#01ff70;--rmdp-hover-green:#2ecc40;--rmdp-deselect-green:#39795c}.green .rmdp-wrapper{border:1px solid var(--rmdp-secondary-green);box-shadow:0 0 5px var(--rmdp-secondary-green)}.green .rmdp-panel-body li{background-color:var(--rmdp-primary-green);box-shadow:0 0 2px var(--rmdp-secondary-green)}.green .rmdp-week-day{color:var(--rmdp-primary-green)}.green .rmdp-day.rmdp-deactive{color:var(--rmdp-secondary-green)}.green .rmdp-range{background-color:var(--rmdp-primary-green);box-shadow:0 0 3px var(--rmdp-shadow-green)}.green .rmdp-arrow{border:solid var(--rmdp-primary-green);border-width:0 2px 2px 0}.green .rmdp-arrow-container:hover{background-color:var(--rmdp-primary-green);box-shadow:0 0 3px var(--rmdp-secondary-green)}.green .rmdp-panel-body::-webkit-scrollbar-thumb{background:var(--rmdp-primary-green)}.green .rmdp-day.rmdp-today span{background-color:var(--rmdp-today-green)}.green .rmdp-rtl .rmdp-panel{border-left:unset;border-right:1px solid var(--rmdp-secondary-green)}.green .rmdp-day.rmdp-selected span:not(.highlight){background-color:var(--rmdp-primary-green);box-shadow:0 0 3px var(--rmdp-shadow-green)}.green .rmdp-day:not(.rmdp-day-hidden) span:hover{background-color:var(--rmdp-hover-green)!important}.green .b-deselect{color:var(--rmdp-deselect-green);background-color:#fff}.green .rmdp-action-button{color:var(--rmdp-primary-green)}.green .rmdp-button:not(.rmdp-action-button){background-color:var(--rmdp-primary-green)}.green .rmdp-button:not(.rmdp-action-button):hover{background-color:var(--rmdp-deselect-green)}.mgr-dash{flex-direction:column;gap:16px;padding:4px 0 8px;animation:.35s mgr-fade;display:flex}@keyframes mgr-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mgr-hero{color:#fff;background:radial-gradient(circle at 12% 0%, #ffffff38, transparent 32%), linear-gradient(135deg, var(--gradient-end), var(--gradient-start));box-shadow:var(--shadow);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.mgr-hello{opacity:.85;margin:0 0 4px;font-size:13px}.mgr-hero h1{margin:0;font-size:1.55rem;font-weight:700;line-height:1.4}.mgr-meta{opacity:.92;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0;font-size:13px;display:flex}.mgr-meta i{margin-left:6px}.mgr-year-pill{background:#ffffff2e;border:1px solid #ffffff47;border-radius:999px;padding:3px 10px}.mgr-hero-pills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.mgr-hero-pills button{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.mgr-hero-pills button:hover{background:#ffffff47}.mgr-hero-side{text-align:center;flex:none;min-width:120px}.mgr-hero-side p{margin:8px 0 0;font-size:13px;font-weight:700}.mgr-hero-side small{opacity:.8;margin-top:2px;font-size:11px;display:block}.mgr-ring{border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto;display:grid}.mgr-ring span{background:#08303638;border-radius:50%;place-items:center;width:72px;height:72px;font-size:18px;font-weight:800;display:grid}.mgr-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.mgr-kpi{text-align:right;background:var(--card-bg);border:1px solid var(--border);cursor:pointer;color:var(--text-color);border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 14px 12px;display:flex;box-shadow:0 2px 8px #0e7c860a}.mgr-kpi:hover{border-color:var(--gradient-start);transform:translateY(-2px)}.mgr-kpi.is-static{cursor:default}.mgr-kpi.is-static:hover{border-color:var(--border);transform:none}.mgr-kpi-icon{border-radius:12px;place-items:center;width:36px;height:36px;margin-bottom:8px;font-size:15px;display:grid}.tone-teal .mgr-kpi-icon{color:#0e7c86;background:#0e7c861f}.tone-indigo .mgr-kpi-icon{color:#4f46e5;background:#4f46e51f}.tone-amber .mgr-kpi-icon{color:#d97706;background:#d9770624}.tone-green .mgr-kpi-icon{color:#16a34a;background:#16a34a1f}.tone-rose .mgr-kpi-icon{color:#e11d48;background:#e11d481f}.tone-sky .mgr-kpi-icon{color:#0284c7;background:#0284c71f}.mgr-kpi-value{font-size:1.55rem;font-weight:800;line-height:1.1}.mgr-kpi-label{font-size:13px;font-weight:700}.mgr-kpi-hint{color:var(--text-muted,#475569);font-size:11px;line-height:1.5}.mgr-card{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:16px 18px}.mgr-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.mgr-card-head h2{margin:0;font-size:16px;font-weight:700}.mgr-card-head p{color:var(--text-muted,#475569);margin:3px 0 0;font-size:12px}.mgr-text-btn,.mgr-empty button,.mgr-notices button{background:var(--hover-bg);color:var(--text-color);cursor:pointer;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.mgr-text-btn:hover,.mgr-empty button:hover,.mgr-notices button:hover{background:var(--gradient-start);color:#083036}.mgr-links{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.mgr-link{text-align:right;border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-color);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mgr-link:hover{border-color:var(--gradient-start);background:var(--hover-bg)}.mgr-link-icon{background:var(--card-bg);width:38px;height:38px;color:var(--gradient-end);border-radius:12px;flex:none;place-items:center;display:grid}.mgr-link strong,.mgr-link small{display:block}.mgr-link small{color:var(--text-muted,#475569);margin-top:2px;font-size:11px}.mgr-link-go{color:var(--text-secondary,#475569);margin-right:auto;font-size:11px}.mgr-split{grid-template-columns:1.15fr .85fr;gap:16px;display:grid}.mgr-sessions,.mgr-notices,.mgr-bars,.mgr-teachers{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mgr-sessions li{border-bottom:1px solid var(--border);grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.mgr-sessions li:last-child{border-bottom:0;padding-bottom:0}.mgr-session-time{background:var(--hover-bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:52px;font-size:12px;display:flex}.mgr-session-time strong{font-size:14px}.mgr-session-time span,.mgr-session-body span,.mgr-notices span,.mgr-bar-label span,.mgr-teachers span{opacity:.62;font-size:12px}.mgr-session-body{min-width:0}.mgr-session-body strong,.mgr-bar-label strong,.mgr-teachers strong,.mgr-notices strong{font-size:14px;display:block}.mgr-session-body span{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;display:block;overflow:hidden}.mgr-status{white-space:nowrap;background:var(--hover-bg);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-underway{color:#047857;background:#10b98129}.status-planned{color:#0e7490;background:#0e7c861f}.status-held{opacity:.75}.status-cancelled{color:#be123c;background:#e11d481f}.mgr-pulse{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.6s infinite mgr-pulse;box-shadow:0 0 #10b981b3}@keyframes mgr-pulse{70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.mgr-notices li{background:var(--input-bg);border-right:3px solid var(--gradient-start);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.mgr-notices li.tone-warn{border-right-color:#f59e0b}.mgr-notices li.tone-ok{border-right-color:#10b981}.mgr-notices li.tone-info{border-right-color:#38bdf8}.mgr-mix{margin-top:18px;padding-top:8px}.mgr-mix-bar{background:var(--hover-bg);border-radius:999px;height:10px;display:flex;overflow:hidden}.mgr-mix-bar span{height:100%;display:block}.mgr-mix-bar .held,.mgr-mix-legend .held{background:#0e7c86}.mgr-mix-bar .planned,.mgr-mix-legend .planned{background:#5bc0be}.mgr-mix-bar .cancelled,.mgr-mix-legend .cancelled{background:#fb7185}.mgr-mix-legend{flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;display:flex}.mgr-mix-legend i{border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.mgr-bar-label{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.mgr-bar-track{background:var(--hover-bg);border-radius:999px;height:8px;overflow:hidden}.mgr-bar-track span,.mgr-teacher-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));height:100%;display:block}.mgr-bar-track span.is-high{background:#f59e0b}.mgr-bar-track span.is-over{background:#e11d48}.mgr-bar-label .is-over{color:#e11d48}.mgr-teachers li{grid-template-columns:auto 140px 1fr auto;align-items:center;gap:12px;display:grid}.mgr-avatar{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#083036;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.mgr-teacher-meter{background:var(--hover-bg);border-radius:999px;height:8px;overflow:hidden}.mgr-teachers b{white-space:nowrap;font-size:13px}.mgr-empty{text-align:center;opacity:.8;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;display:flex}.mgr-empty.compact{padding:16px 8px}.mgr-empty i{color:var(--gradient-end);font-size:22px}.mgr-more{opacity:.65;margin:8px 0 0;font-size:12px}.mgr-kpi:focus-visible,.mgr-link:focus-visible,.mgr-text-btn:focus-visible,.mgr-hero-pills button:focus-visible,.mgr-notices button:focus-visible,.mgr-empty button:focus-visible{outline:2px solid var(--gradient-end);outline-offset:2px}@media (width<=1100px){.mgr-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.mgr-split,.mgr-teachers li{grid-template-columns:1fr}.mgr-teachers li{grid-template-columns:auto 1fr auto}.mgr-teacher-meter{grid-column:1/-1}}@media (width<=720px){.mgr-hero{flex-direction:column;align-items:flex-start}.mgr-hero-side{text-align:right;align-items:center;gap:12px;width:100%;display:flex}.mgr-ring{margin:0}.mgr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mgr-sessions li{grid-template-columns:64px 1fr}.mgr-status{grid-column:2;justify-self:start}}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:18px;display:grid}.card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:24px;padding:24px 22px;transition:all .25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000014}.card .icon-bg{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:1.4rem;display:flex}.card h3{margin-bottom:6px;font-size:1.1rem}.card p{opacity:.7;font-size:.9rem;line-height:1.6}.card .badge{background:var(--hover-bg);border:1px solid var(--border);border-radius:40px;margin-top:12px;padding:4px 14px;font-size:.75rem;display:inline-block}.tab-panel{padding:20px 0;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:var(--card-bg,#fff);text-align:center;border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:22px 16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000f}.stat-card:before{content:"";background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-number{color:var(--accent-text);-webkit-text-fill-color:unset;background:0 0;font-size:30px;font-weight:800;line-height:1.2}.stat-label{color:var(--text-secondary,#475569);margin-top:6px;font-size:14px;font-weight:500}.progress-chart{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;margin-bottom:24px;padding:24px 20px;box-shadow:0 4px 12px #0000000a}.progress-chart h3{color:var(--text-primary,#1e293b);align-items:center;gap:8px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}.subject-progress{margin-bottom:14px}.subject-progress:last-child{margin-bottom:0}.subject-label{color:var(--text-primary,#1e293b);justify-content:space-between;margin-bottom:5px;font-size:14px;font-weight:500;display:flex}.subject-label span:last-child{color:var(--text-secondary,#475569);font-weight:700}.progress-bar{background:var(--progress-bg,#e2e8f0);border-radius:40px;width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:40px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.recent-grades{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;margin-bottom:24px;padding:24px 20px;overflow:hidden;box-shadow:0 4px 12px #0000000a}.recent-grades h3{color:var(--text-primary,#1e293b);align-items:center;gap:8px;margin-bottom:18px;font-size:18px;font-weight:700;display:flex}.grades-table{border-collapse:collapse;width:100%;font-size:14px}.grades-table thead th{text-align:right;border-bottom:2px solid var(--border,#e2e8f0);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.5px;padding:12px 14px;font-size:13px;font-weight:600;text-align:center!important}.grades-table tbody td{border-bottom:1px solid var(--border-light,#f1f5f9);color:var(--text-primary,#1e293b);padding:12px 14px}.grades-table tbody tr{transition:background-color .2s}.grades-table tbody tr:hover{background-color:var(--hover-bg,#f8fafc)}.grades-table tbody tr:last-child td{border-bottom:none}.status-excellent{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:40px;align-items:center;gap:4px;padding:3px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-good{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd;border-radius:40px;align-items:center;gap:4px;padding:3px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-warning{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:40px;align-items:center;gap:4px;padding:3px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-bad{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:40px;align-items:center;gap:4px;padding:3px 14px;font-size:12px;font-weight:600;display:inline-flex}.strength-weakness{grid-template-columns:1fr 1fr;gap:16px;display:grid}.strength,.weakness{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:20px 22px;transition:all .3s;box-shadow:0 4px 12px #0000000a}.strength:hover,.weakness:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.strength h4{color:#16a34a;align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.weakness h4{color:#dc2626;align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.strength ul,.weakness ul{margin:0;padding:0;list-style:none}.strength ul li,.weakness ul li{color:var(--text-primary,#1e293b);border-bottom:1px solid var(--border-light,#f1f5f9);align-items:center;gap:6px;padding:6px 0;font-size:14px;display:flex}.strength ul li:last-child,.weakness ul li:last-child{border-bottom:none}.strength ul li:before{content:"⭐";margin-left:6px}[data-theme=dark] .stat-card,[data-theme=dark] .progress-chart,[data-theme=dark] .recent-grades,[data-theme=dark] .strength,[data-theme=dark] .weakness{background:#1e293b;border-color:#334155}[data-theme=dark] .stat-number{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .progress-chart h3,[data-theme=dark] .recent-grades h3,[data-theme=dark] .subject-label{color:#e2e8f0}[data-theme=dark] .subject-label span:last-child{color:var(--text-muted)}[data-theme=dark] .progress-bar{background:#334155}[data-theme=dark] .grades-table thead th{color:var(--text-muted);text-align:center;border-color:#334155}[data-theme=dark] .grades-table tbody td{color:#e2e8f0;border-color:#334155}[data-theme=dark] .grades-table tbody tr:hover{background-color:#263348}[data-theme=dark] .status-excellent{color:#86efac;background:#166534;border-color:#22c55e}[data-theme=dark] .status-good{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}[data-theme=dark] .status-warning{color:#fcd34d;background:#78350f;border-color:#f59e0b}[data-theme=dark] .status-bad{color:#fca5a5;background:#7f1d1d;border-color:#ef4444}[data-theme=dark] .strength ul li,[data-theme=dark] .weakness ul li{color:#e2e8f0;border-color:#334155}[data-theme=dark] .strength h4{color:#4ade80}[data-theme=dark] .weakness h4{color:#f87171}.recent-grades::-webkit-scrollbar{width:6px;height:6px}.recent-grades::-webkit-scrollbar-track{background:var(--scrollbar-track,#f1f5f9);border-radius:40px}.recent-grades::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#cbd5e1);border-radius:40px}.recent-grades::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,#94a3b8)}[data-theme=dark] .recent-grades::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] .recent-grades::-webkit-scrollbar-thumb{background:#334155}[data-theme=dark] .recent-grades::-webkit-scrollbar-thumb:hover{background:#475569}.dont-show{display:none!important}.dashboard-tab{padding:20px 0;animation:.4s fadeIn}.section-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;margin-bottom:20px;padding:20px 22px;transition:all .3s;box-shadow:0 4px 12px #0000000a}.section-card:hover{box-shadow:0 8px 24px #00000014}.section-card h3{color:var(--text-primary,#1e293b);align-items:center;gap:8px;margin-bottom:16px;font-size:17px;font-weight:700;display:flex}.stat-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.stat-value{color:var(--text-primary,#1e293b);font-size:28px;font-weight:800;line-height:1.2}.stat-label{color:var(--text-secondary,#475569);font-size:14px;font-weight:500}.schedule-list{flex-direction:column;gap:10px;display:flex}.schedule-item{background:var(--hover-bg,#f8fafc);border-right:4px solid var(--gradient-start);border-radius:12px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.schedule-item:hover{background:var(--hover-bg-dark,#f1f5f9)}.schedule-time{color:var(--text-primary,#1e293b);min-width:100px;font-size:14px;font-weight:700}.schedule-info{flex-direction:column;flex:1;display:flex}.schedule-subject{color:var(--text-primary,#1e293b);font-size:15px;font-weight:600}.schedule-teacher{color:var(--text-secondary,#475569);font-size:13px}.schedule-status{border-radius:40px;padding:4px 12px;font-size:12px;font-weight:600}.status-live{color:#166534;background:#dcfce7}.status-recorded{color:#334155;background:#e2e8f0}.task-item{border-right:4px solid var(--gradient-start);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.task-item:hover{background:var(--hover-bg,#f8fafc)}.task-item.priority-high{background:#fef2f2;border-right-color:#ef4444}.task-item.priority-medium{border-right-color:#f59e0b}.task-item.priority-low{border-right-color:#22c55e}.task-info{align-items:center;gap:12px;display:flex}.task-title{color:var(--text-primary,#1e293b);font-size:14px}.task-deadline{color:var(--text-secondary,#475569);align-items:center;gap:10px;font-size:13px;display:flex}.task-deadline span{gap:5px;display:flex}.task-badge{border-radius:40px;padding:2px 10px;font-size:11px;font-weight:600}.task-badge.urgent{color:#991b1b;background:#fee2e2}.progress-list{flex-direction:column;gap:12px;display:flex}.progress-item{position:relative}.progress-label{color:var(--text-primary,#1e293b);justify-content:space-between;margin-bottom:4px;font-size:14px;font-weight:500;display:flex}.progress-label span:last-child{font-weight:700}.progress-warning{color:#ef4444;margin-top:4px;font-size:12px;font-weight:600;display:inline-block}.two-column-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.announcement-list,.achievement-list{margin:0;padding:0;list-style:none}.announcement-list li,.achievement-list li{border-bottom:1px solid var(--border-light,#f1f5f9);color:var(--text-primary,#1e293b);align-items:center;gap:8px;padding:10px 0;font-size:14px;display:flex}.announcement-list li:last-child,.achievement-list li:last-child{border-bottom:none}[data-theme=dark] .schedule-item{background:#263348}[data-theme=dark] .schedule-item:hover{background:#2d3a4f}[data-theme=dark] .schedule-subject,[data-theme=dark] .schedule-time{color:#e2e8f0}[data-theme=dark] .task-item.priority-high{background:#2d1a1a}[data-theme=dark] .task-item.priority-medium{background:#2d2415}[data-theme=dark] .task-item.priority-low{background:#14281a}[data-theme=dark] .task-subject,[data-theme=dark] .task-title{color:#e2e8f0}[data-theme=dark] .task-deadline{color:var(--text-muted)}[data-theme=dark] .task-badge.urgent{color:#fca5a5;background:#7f1d1d}[data-theme=dark] .progress-label{color:#e2e8f0}[data-theme=dark] .announcement-list li,[data-theme=dark] .achievement-list li{color:#e2e8f0;border-color:#334155}[data-theme=dark] .status-live{color:#86efac;background:#166534}[data-theme=dark] .status-recorded{color:var(--text-muted);background:#1e293b}[data-theme=dark] .section-card h3{color:#e2e8f0}.live-sessions-tab{padding:20px 0;animation:.4s fadeIn}.section-footer{border-top:1px solid var(--border-light,#f1f5f9);color:var(--text-secondary,#475569);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:14px;display:flex}.live-section{background:linear-gradient(135deg,#22c55e08,#4facfe08);border-color:#22c55e40}.session-list{flex-direction:column;gap:12px;display:flex}.session-item{background:var(--hover-bg,#f8fafc);border-radius:12px;align-items:center;gap:16px;padding:14px 18px;transition:all .2s;display:flex}.session-item:hover{background:var(--hover-bg-dark,#f1f5f9)}.session-item.live{background:#f0fdf4;border-right:4px solid #22c55e}.session-item.future{border-right:4px solid #4facfe}.session-status-indicator{justify-content:center;align-items:center;width:24px;display:flex}.pulsing-dot{background:#22c55e;border-radius:50%;width:12px;height:12px;animation:1.5s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.session-info{flex-wrap:wrap;flex:1;align-items:center;gap:20px;display:flex}.session-subject{color:var(--text-primary,#1e293b);min-width:60px;font-size:15px;font-weight:700}.session-time{color:var(--text-secondary,#475569);font-size:14px}.session-teacher{color:var(--text-secondary,#475569);font-size:13px}.session-day{color:var(--gradient-start);min-width:70px;font-size:14px;font-weight:700}.session-join-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:40px;align-items:center;gap:5px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.session-join-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #4facfe66}.session-remind-btn{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);color:var(--text-primary,#1e293b);cursor:pointer;white-space:nowrap;border-radius:40px;gap:5px;padding:6px 16px;font-size:13px;transition:all .2s;display:flex}.session-remind-btn:hover{background:var(--gradient-start);color:#fff;border-color:var(--gradient-start)}.archive-list{flex-direction:column;gap:10px;display:flex}.archive-item{background:var(--hover-bg,#f8fafc);border-radius:12px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.archive-item:hover{background:var(--hover-bg-dark,#f1f5f9)}.archive-icon{font-size:24px}.archive-info{flex-direction:column;flex:1;display:flex}.archive-title{color:var(--text-primary,#1e293b);font-size:14px;font-weight:600}.archive-meta{color:var(--text-secondary,#475569);font-size:12px}.archive-watch-btn{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);color:var(--text-primary,#1e293b);cursor:pointer;white-space:nowrap;border-radius:40px;align-items:center;gap:5px;padding:6px 18px;font-size:13px;transition:all .2s;display:flex}.archive-watch-btn:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.reminder-card{background:#fef3c708;border-color:#f59e0b40}.reminder-list{flex-direction:column;gap:8px;display:flex}.reminder-item{color:#92400e;background:#fef3c7;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.reminder-item:before{content:"⏰";font-size:18px}.empty-icon{margin-bottom:12px;font-size:48px;display:block}.empty-state p{color:var(--text-primary,#1e293b);font-size:16px;font-weight:600}.empty-sub{color:var(--text-secondary,#475569);margin-top:4px;font-size:14px;display:block}[data-theme=dark] .session-item{background:#263348}[data-theme=dark] .session-item:hover{background:#2d3a4f}[data-theme=dark] .session-item.live{background:#0d2818;border-color:#22c55e}[data-theme=dark] .session-item.future{border-color:var(--accent-text)}[data-theme=dark] .session-subject{color:#e2e8f0}[data-theme=dark] .session-time,[data-theme=dark] .session-teacher{color:var(--text-muted)}[data-theme=dark] .session-day{color:var(--gradient-start)}[data-theme=dark] .session-remind-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}[data-theme=dark] .session-remind-btn:hover{background:var(--gradient-start);color:#fff;border-color:var(--gradient-start)}[data-theme=dark] .archive-item{background:#263348}[data-theme=dark] .archive-item:hover{background:#2d3a4f}[data-theme=dark] .archive-title{color:#e2e8f0}[data-theme=dark] .archive-meta{color:var(--text-muted)}[data-theme=dark] .archive-watch-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}[data-theme=dark] .archive-watch-btn:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6}[data-theme=dark] .reminder-item{color:#fcd34d;background:#78350f}[data-theme=dark] .section-footer{color:var(--text-muted);border-color:#334155}[data-theme=dark] .empty-state p{color:#e2e8f0}[data-theme=dark] .empty-sub{color:var(--text-muted)}[data-theme=dark] .live-section{border-color:#22c55e40}[data-theme=dark] .reminder-card{border-color:#f59e0b40}.resources-tab{padding:20px 0;animation:.4s fadeIn}.subject-filters{flex-wrap:wrap;gap:10px;display:flex}.subject-filter-btn{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-primary,#1e293b);cursor:pointer;border-radius:40px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;transition:all .2s;display:flex}.subject-filter-btn:hover{background:var(--hover-bg,#f1f5f9)}.subject-filter-btn.active{color:#fff;background:linear-gradient(135deg,#4facfe,#8b5cf6);border-color:#0000;box-shadow:0 4px 12px #4facfe4d}.subject-filter-icon{font-size:16px}.search-box{background:var(--hover-bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:40px;align-items:center;gap:12px;padding:6px 18px;transition:all .3s;display:flex}.search-box:focus-within{border-color:var(--accent-text);box-shadow:0 0 0 3px #4facfe1a}.search-icon{opacity:.5;font-size:18px}.search-input{color:var(--text-primary,#1e293b);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.search-input::placeholder{color:var(--text-secondary,#475569)}.search-clear{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.search-clear:hover{color:var(--text-primary,#1e293b)}.type-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.type-stat-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.type-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.type-stat-icon{font-size:24px}.type-stat-info{flex-direction:column;display:flex}.type-stat-label{color:var(--text-secondary,#475569);font-size:13px}.type-stat-count{color:var(--text-primary,#1e293b);font-size:16px;font-weight:700}.resource-list{flex-direction:column;gap:10px;display:flex}.resource-item{background:var(--hover-bg,#f8fafc);border-radius:12px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex;position:relative}.resource-item:hover{background:var(--hover-bg-dark,#f1f5f9)}.resource-item.new{background:#eff6ff;border:1px solid #93c5fd}.resource-icon{flex-shrink:0;font-size:24px}.resource-info{flex-direction:column;flex:1;gap:2px;display:flex}.resource-title{color:var(--text-primary,#1e293b);font-size:14px;font-weight:600}.resource-meta{color:var(--text-secondary,#475569);gap:12px;font-size:12px;display:flex}.resource-size{font-weight:500}.resource-actions{flex-shrink:0;gap:8px;display:flex}.resource-download-btn{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);color:var(--text-primary,#1e293b);cursor:pointer;white-space:nowrap;border-radius:40px;padding:6px 16px;font-size:13px;transition:all .2s}.resource-download-btn:hover{color:#fff;border-color:var(--accent-text);background:#4facfe;box-shadow:0 4px 12px #4facfe4d}.resource-link-btn{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);color:var(--text-primary,#1e293b);white-space:nowrap;border-radius:40px;align-items:center;gap:5px;padding:6px 16px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.resource-link-btn:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.new-badge{color:#fff;background:#ef4444;border-radius:40px;padding:2px 10px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite pulse-badge;position:absolute;top:-6px;right:-6px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.new-resources{background:#ef444408;border-color:#ef444440}[data-theme=dark] .subject-filter-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}[data-theme=dark] .subject-filter-btn:hover{background:#263348}[data-theme=dark] .subject-filter-btn.active{color:#fff;background:linear-gradient(135deg,#4facfe,#8b5cf6)}[data-theme=dark] .search-input{color:#e2e8f0}[data-theme=dark] .search-input::placeholder{color:var(--text-muted)}[data-theme=dark] .type-stat-card{background:#1e293b;border-color:#334155}[data-theme=dark] .type-stat-count{color:#e2e8f0}[data-theme=dark] .type-stat-label{color:var(--text-muted)}[data-theme=dark] .resource-item{background:#263348}[data-theme=dark] .resource-item:hover{background:#2d3a4f}[data-theme=dark] .resource-item.new{background:#1e3a5f;border-color:#3b82f6}[data-theme=dark] .resource-title{color:#e2e8f0}[data-theme=dark] .resource-meta{color:var(--text-muted)}[data-theme=dark] .resource-download-btn{color:#e2e8f0;background:#1e293b;border-color:#334155;align-items:center;gap:5px;display:flex}[data-theme=dark] .resource-download-btn:hover{color:#fff;border-color:var(--accent-text);background:#4facfe}[data-theme=dark] .resource-link-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}[data-theme=dark] .resource-link-btn:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6}[data-theme=dark] .new-resources{border-color:#ef444440}.teachers-tab{padding:20px 0;animation:.4s fadeIn}.teachers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.teacher-card2{border:1px solid var(--border);background:var(--card-bg);max-width:none;box-shadow:none;border-radius:18px;flex-direction:column;gap:16px;padding:18px 18px 16px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.teacher-card2:hover{border-color:color-mix(in srgb, var(--gradient-end) 35%, var(--border));box-shadow:0 10px 28px color-mix(in srgb, var(--gradient-end) 10%, transparent);transform:translateY(-3px)}.teacher-card2.inactive{opacity:.78}.teacher-card2__top{align-items:flex-start;gap:14px;display:flex}.teacher-card2__avatar{width:56px;height:56px;color:var(--gradient-end);letter-spacing:.02em;background:linear-gradient(145deg, color-mix(in srgb, var(--gradient-start) 16%, var(--card-bg)), color-mix(in srgb, var(--gradient-end) 10%, var(--card-bg)));border:1px solid color-mix(in srgb, var(--gradient-end) 18%, var(--border));border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;overflow:hidden}.teacher-card2__avatar.has-image{background:var(--input-bg);color:#0000}.teacher-card2__avatar img{object-fit:cover;width:100%;height:100%}.teacher-card2__identity{flex-direction:column;flex:1;gap:6px;min-width:0;padding-top:2px;display:flex}.teacher-card2__title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.teacher-card2__name{color:var(--text-color);margin:0;font-size:15px;font-weight:700;line-height:1.4}.teacher-card2__status{color:var(--text-color);background:color-mix(in srgb, var(--input-bg) 80%, var(--card-bg));border:1px solid var(--border);opacity:.9;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.teacher-card2__status-dot{background:#94a3b8;border-radius:50%;width:6px;height:6px}.teacher-card2__status.active .teacher-card2__status-dot{background:color-mix(in srgb, var(--gradient-end) 85%, #22c55e)}.teacher-card2__specialty{color:var(--text-muted,#475569);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.teacher-card2__metrics{border:1px solid var(--border);background:color-mix(in srgb, var(--input-bg) 55%, var(--card-bg));border-radius:14px;grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.teacher-card2__metric{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 6px;display:flex}.teacher-card2__metric+.teacher-card2__metric{border-inline-start:1px solid var(--border)}.teacher-card2__metric strong{color:var(--text-color);font-size:16px;font-weight:700;line-height:1.2}.teacher-card2__metric span{color:var(--text-muted,#475569);font-size:11px}.teacher-card2__actions{align-items:center;gap:8px;padding-top:2px;display:flex}.teacher-card2__btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-color);font:inherit;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.teacher-card2__btn.primary{background:color-mix(in srgb, var(--gradient-end) 10%, var(--card-bg));border-color:color-mix(in srgb, var(--gradient-end) 28%, var(--border));min-height:40px;color:var(--gradient-end);border-radius:12px;flex:1;padding:0 14px;font-size:13px;font-weight:700}.teacher-card2__btn.primary:hover{background:color-mix(in srgb, var(--gradient-end) 18%, var(--card-bg))}.teacher-card2__btn.icon{opacity:.85;border-radius:12px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:inline-flex}.teacher-card2__btn.icon:hover{background:var(--hover-bg);opacity:1}.teacher-card2__btn.icon.danger{color:#c23b3b;background:color-mix(in srgb, #c23b3b 8%, var(--card-bg));border-color:color-mix(in srgb, #c23b3b 22%, var(--border));opacity:1}.teacher-card2__btn.icon.danger:hover{color:#fff;background:#c23b3b;border-color:#c23b3b}.teacher-avatar{flex-shrink:0;width:64px;height:64px;position:relative}.teacher-avatar-icon{background:linear-gradient(135deg,#4facfe,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.teacher-status{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:40px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;bottom:-2px;right:-2px}.status-online{color:#22c55e}.status-offline{color:var(--text-muted)}.teacher-info{flex-direction:column;flex:1;display:flex}.teacher-name{color:var(--text-primary,#1e293b);margin-bottom:2px;font-size:16px;font-weight:700}.teacher-subject{color:var(--accent-text);font-size:13px;font-weight:600}.teacher-specialty{color:var(--text-secondary,#475569);margin-bottom:6px;font-size:12px}.teacher-rating{align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.rating-stars{font-size:14px}.rating-number{color:var(--text-primary,#1e293b);font-weight:700}.rating-reviews{color:var(--text-secondary,#475569);font-size:12px}.teacher-actions{gap:8px;display:flex}.teacher-profile-btn{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);color:var(--text-primary,#1e293b);cursor:pointer;border-radius:40px;padding:6px 14px;font-size:12px;transition:all .2s}.teacher-profile-btn:hover{color:#fff;border-color:var(--accent-text);background:#4facfe}.teacher-message-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:40px;padding:6px 14px;font-size:12px;transition:all .2s}.teacher-message-btn:hover{background:#7c3aed;transform:scale(1.05)}.profile-card{border-color:var(--accent-text);border-width:2px}.profile-header{align-items:center;gap:18px;margin-bottom:18px;display:flex;position:relative}.profile-avatar{flex-shrink:0}.profile-avatar-icon{background:linear-gradient(135deg,#4facfe,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;display:flex}.profile-info{flex:1}.profile-name{color:var(--text-primary,#1e293b);font-size:20px;font-weight:700}.profile-title{color:var(--accent-text);font-size:14px;font-weight:600;display:block}.profile-specialty{color:var(--text-secondary,#475569);font-size:13px}.profile-close-btn{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;transition:all .2s;position:absolute;top:0;left:0}.profile-close-btn:hover{color:#ef4444;transform:rotate(90deg)}.profile-details{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.profile-detail-item{background:var(--hover-bg,#f8fafc);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.profile-detail-item.full-width{grid-column:1/-1}.detail-icon{font-size:18px}.detail-value{color:var(--text-primary,#1e293b);font-size:13px}.profile-actions{flex-wrap:wrap;gap:12px;display:flex}.profile-action-btn{cursor:pointer;border:none;border-radius:40px;flex:1;min-width:120px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.profile-action-btn.email{color:#fff;background:#4facfe}.profile-action-btn.email:hover{background:#3b82f6;transform:scale(1.02)}.profile-action-btn.message{color:#fff;background:#8b5cf6}.profile-action-btn.message:hover{background:#7c3aed;transform:scale(1.02)}.profile-action-btn.meeting{color:#fff;background:#22c55e}.profile-action-btn.meeting:hover{background:#16a34a;transform:scale(1.02)}.reviews-list{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.review-item{background:var(--hover-bg,#f8fafc);border-right:4px solid #f59e0b;border-radius:12px;padding:12px 16px}.review-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.review-stars{font-size:14px}.review-text{color:var(--text-primary,#1e293b);font-size:14px}.review-footer{color:var(--text-secondary,#475569);gap:16px;font-size:12px;display:flex}.add-review-btn{background:var(--card-bg,#fff);border:2px dashed var(--border,#e2e8f0);color:var(--text-primary,#1e293b);cursor:pointer;border-radius:40px;width:100%;padding:10px 20px;font-size:14px;transition:all .2s}.add-review-btn:hover{border-color:var(--accent-text);background:#eff6ff}.availability-list{flex-direction:column;gap:10px;display:flex}.availability-item{background:var(--hover-bg,#f8fafc);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.availability-teacher{align-items:center;gap:10px;display:flex}.availability-icon{font-size:20px}.availability-name{color:var(--text-primary,#1e293b);font-size:14px;font-weight:600}.availability-time{color:var(--text-secondary,#475569);align-items:center;gap:5px;font-size:13px;line-height:0;display:flex}.availability-icon-time{font-size:16px}.availability-status{font-size:12px;font-weight:600}[data-theme=dark] .teacher-card:hover{border-color:var(--accent-text)}[data-theme=dark] .teacher-name{color:#e2e8f0}[data-theme=dark] .teacher-specialty{color:var(--text-muted)}[data-theme=dark] .rating-number{color:#e2e8f0}[data-theme=dark] .teacher-profile-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}[data-theme=dark] .profile-name{color:#e2e8f0}[data-theme=dark] .profile-detail-item{background:#263348}[data-theme=dark] .detail-label{color:var(--text-muted)}[data-theme=dark] .review-item{background:#263348}[data-theme=dark] .review-text{color:#e2e8f0}[data-theme=dark] .review-footer{color:var(--text-muted)}[data-theme=dark] .add-review-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}[data-theme=dark] .add-review-btn:hover{border-color:var(--accent-text);background:#1e3a5f}[data-theme=dark] .availability-item{background:#263348}[data-theme=dark] .availability-name{color:#e2e8f0}[data-theme=dark] .availability-time{color:var(--text-muted)}[data-theme=dark] .profile-card{border-color:var(--accent-text)}.courses-tab{padding:20px 0;animation:.4s fadeIn}.courses-tabs{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:8px;display:flex}.courses-tab-btn{color:var(--text-primary,#1e293b);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.courses-tab-btn:hover{background:var(--hover-bg,#f1f5f9)}.courses-tab-btn.active{color:#fff;background:linear-gradient(135deg,#4facfe,#8b5cf6);box-shadow:0 4px 12px #4facfe4d}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.course-card-full{background:var(--hover-bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:18px;transition:all .3s}.course-card-full:hover{border-color:var(--accent-text);transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.course-card-header{gap:14px;margin-bottom:12px;display:flex}.course-icon-large{flex-shrink:0;font-size:36px}.course-info{flex:1}.course-name{color:var(--text-primary,#1e293b);margin-bottom:2px;font-size:17px;font-weight:700}.course-teacher{color:var(--text-secondary,#475569);font-size:13px;display:block}.course-schedule{color:var(--text-secondary,#475569);font-size:12px;display:block}.course-progress-section{margin:12px 0}.progress-label{color:var(--text-primary,#1e293b);justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.course-grade{background:var(--card-bg,#fff);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;font-size:14px;display:flex}.course-grade strong{color:var(--accent-text);font-size:18px}.course-grade-status{background:var(--hover-bg,#f1f5f9);border-radius:40px;padding:2px 12px;font-size:12px;font-weight:600}.course-actions{gap:8px;display:flex}.course-detail-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;border:none;border-radius:40px;flex:1;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.course-detail-btn:hover{transform:scale(1.02)}.course-resource-btn{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);color:var(--text-primary,#1e293b);cursor:pointer;border-radius:40px;flex:1;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.course-resource-btn:hover{background:var(--hover-bg,#f1f5f9)}.course-detail-modal{border-color:var(--accent-text);border-width:2px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3{margin-bottom:0}.modal-close-btn{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;font-size:24px;transition:all .2s}.modal-close-btn:hover{color:#ef4444}.modal-body{flex-direction:column;gap:10px;display:flex}.detail-row{background:var(--hover-bg,#f8fafc);border-radius:10px;padding:8px 12px;display:flex}.detail-label{width:100px;color:var(--text-secondary,#475569);font-weight:600}.detail-value{color:var(--text-primary,#1e293b);flex:1}.previous-courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.previous-course-card{background:var(--hover-bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .3s;display:flex}.previous-course-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.previous-course-icon{font-size:28px}.previous-course-info{flex:1}.previous-course-name{color:var(--text-primary,#1e293b);font-size:15px;font-weight:600}.previous-course-teacher{color:var(--text-secondary,#475569);font-size:12px;display:block}.previous-course-term{color:var(--text-secondary,#475569);font-size:11px}.previous-course-grade{text-align:center;padding:0 12px}.grade-number{color:var(--accent-text);font-size:22px;font-weight:800;display:block}.grade-label{color:var(--text-secondary,#475569);font-size:10px}.previous-course-view-btn{border:1px solid var(--border,#e2e8f0);color:var(--text-primary,#1e293b);cursor:pointer;background:0 0;border-radius:40px;padding:4px 14px;font-size:12px;transition:all .2s}.previous-course-view-btn:hover{color:#fff;border-color:var(--accent-text);background:#4facfe}.syllabus-selector{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.syllabus-selector label{color:var(--text-primary,#1e293b);font-size:14px;font-weight:600}.syllabus-select{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-primary,#1e293b);cursor:pointer;border-radius:12px;outline:none;padding:8px 16px;font-size:14px}.syllabus-select:focus{border-color:var(--accent-text);box-shadow:0 0 0 3px #4facfe1a}.syllabus-list{flex-direction:column;gap:10px;display:flex}.syllabus-item{background:var(--hover-bg,#f8fafc);border-right:4px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.syllabus-item.completed{border-right-color:#22c55e}.syllabus-item.ongoing{border-right-color:#f59e0b}.syllabus-item.upcoming{border-right-color:var(--accent-text)}.syllabus-chapter{color:var(--text-primary,#1e293b);font-size:14px}.syllabus-status{border-radius:40px;padding:2px 12px;font-size:12px;font-weight:600}.status-completed{color:#166534;background:#dcfce7}.status-ongoing{color:#92400e;background:#fef3c7}.status-upcoming{color:#1e40af;background:#dbeafe}[data-theme=dark] .courses-tabs{background:#1e293b;border-color:#334155}[data-theme=dark] .courses-tab-btn{color:#e2e8f0}[data-theme=dark] .courses-tab-btn:hover{background:#263348}[data-theme=dark] .course-card-full{background:#263348;border-color:#334155}[data-theme=dark] .course-name{color:#e2e8f0}[data-theme=dark] .course-schedule{color:var(--text-muted)}[data-theme=dark] .course-grade{background:#1e293b}[data-theme=dark] .course-grade strong{color:var(--gradient-start)}[data-theme=dark] .course-resource-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}[data-theme=dark] .course-resource-btn:hover{background:#263348}[data-theme=dark] .previous-course-card{background:#263348;border-color:#334155}[data-theme=dark] .previous-course-name{color:#e2e8f0}[data-theme=dark] .grade-number{color:var(--gradient-start)}[data-theme=dark] .previous-course-view-btn{color:#e2e8f0;border-color:#334155}[data-theme=dark] .previous-course-view-btn:hover{color:#fff;background:#4facfe}[data-theme=dark] .syllabus-select{color:#e2e8f0;background:#1e293b;border-color:#334155}[data-theme=dark] .syllabus-item{background:#263348}[data-theme=dark] .syllabus-chapter{color:#e2e8f0}[data-theme=dark] .status-completed{color:#86efac;background:#166534}[data-theme=dark] .status-ongoing{color:#fcd34d;background:#78350f}[data-theme=dark] .status-upcoming{color:#93c5fd;background:#1e3a5f}[data-theme=dark] .detail-row{background:#263348}[data-theme=dark] .course-detail-modal{border-color:var(--accent-text)}.assignments-tab{padding:20px 0;animation:.4s fadeIn}.stat-card{background:var(--card-bg,#fff);text-align:center;border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:16px;transition:all .3s;box-shadow:0 4px 12px #0000000a}.stat-icon-small{font-size:24px}.stat-value-small{color:var(--text-primary,#1e293b);font-size:26px;font-weight:800}.stat-label-small{color:var(--text-secondary,#475569);font-size:13px}.assignments-tabs{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:8px;display:flex}.assignments-tab-btn{color:var(--text-primary,#1e293b);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:12px;flex:1;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s}.assignments-tab-btn:hover{background:var(--hover-bg,#f1f5f9)}.assignments-tab-btn.active{color:#fff;background:linear-gradient(135deg,#4facfe,#8b5cf6);box-shadow:0 4px 12px #4facfe4d}.section-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;margin-bottom:20px;padding:20px 22px;box-shadow:0 4px 12px #0000000a}.task-list{flex-direction:column;gap:12px;display:flex}.task-item{background:var(--hover-bg,#f8fafc);border-right:4px solid var(--gradient-start);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.task-item:hover{transform:translate(-4px);box-shadow:0 4px 12px #0000000f}.task-main{flex:1;align-items:center;gap:12px;display:flex}.task-icon{font-size:28px}.task-info{flex-direction:column;display:flex}.task-title{color:var(--text-primary,#1e293b);font-size:15px;font-weight:600}.task-subject{color:var(--accent-text);font-size:12px;font-weight:500}.task-description{color:var(--text-secondary,#475569);font-size:12px}.task-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-deadline{color:var(--text-secondary,#475569);font-size:13px}.task-priority{border-radius:40px;padding:3px 12px;font-size:11px;font-weight:600}.task-do-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:40px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.task-do-btn:hover{background:#16a34a;transform:scale(1.05)}.submitted-list{flex-direction:column;gap:10px;display:flex}.submitted-item{background:var(--hover-bg,#f8fafc);border-right:4px solid var(--gradient-start);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.submitted-item:hover{background:var(--hover-bg-dark,#f1f5f9)}.submitted-main{align-items:center;gap:12px;display:flex}.submitted-info{flex-direction:column;display:flex}.submitted-title{color:var(--text-primary,#1e293b);font-size:14px;font-weight:600}.submitted-subject{color:var(--accent-text);font-size:12px}.submitted-date{color:var(--text-secondary,#475569);font-size:11px}.grade-code,.grade-level{opacity:.62}.submitted-grade{align-items:center;gap:10px;display:flex}.grade-number{color:var(--accent-text);font-size:22px;font-weight:800}.goal-list{flex-direction:column;gap:10px;margin-right:30px;display:flex}.grade-label{border-radius:40px;padding:2px 12px;font-size:12px;font-weight:600}.grade-excellent{color:#166534;background:#dcfce7}.grade-good{color:#1e40af;background:#dbeafe}.grade-warning{color:#92400e;background:#fef3c7}.grading-list{flex-direction:column;gap:10px;display:flex}.grading-item{background:var(--hover-bg,#f8fafc);border-right:4px solid #f59e0b;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.grading-item:hover{background:var(--hover-bg-dark,#f1f5f9)}.grading-icon{font-size:24px}.grading-info{flex:1}.grading-title{color:var(--text-primary,#1e293b);font-size:14px;font-weight:600}.grading-subject{color:var(--accent-text);font-size:12px}.grading-status{align-items:center;gap:10px;display:flex}.grading-submitted{color:var(--text-secondary,#475569);font-size:12px}.grading-badge{color:#92400e;background:#fef3c7;border-radius:40px;padding:4px 14px;font-size:12px;font-weight:600}[data-theme=dark] .stat-card{background:#1e293b;border-color:#334155}[data-theme=dark] .stat-value-small{color:#e2e8f0}[data-theme=dark] .assignments-tabs{background:#1e293b;border-color:#334155}[data-theme=dark] .assignments-tab-btn{color:#e2e8f0}[data-theme=dark] .assignments-tab-btn:hover,[data-theme=dark] .task-item{background:#263348}[data-theme=dark] .task-title{color:#e2e8f0}[data-theme=dark] .task-description{color:var(--text-muted)}[data-theme=dark] .submitted-item{background:#263348}[data-theme=dark] .submitted-item:hover{background:#2d3a4f}[data-theme=dark] .submitted-title{color:#e2e8f0}[data-theme=dark] .grade-excellent{color:#86efac;background:#166534}[data-theme=dark] .grade-good{color:#93c5fd;background:#1e3a5f}[data-theme=dark] .grade-warning{color:#fcd34d;background:#78350f}[data-theme=dark] .grading-item{background:#263348}[data-theme=dark] .grading-item:hover{background:#2d3a4f}[data-theme=dark] .grading-title{color:#e2e8f0}[data-theme=dark] .grading-badge{color:#fcd34d;background:#78350f}.schedule-tab-modern{padding:20px 0;animation:.4s fadeIn}.schedule-header{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 2px 8px #0000000a}.schedule-header-title h2{color:var(--text-primary,#1e293b);font-size:20px;font-weight:700}.schedule-header-title p{color:var(--text-secondary,#475569);font-size:14px}.schedule-header-stats{flex-wrap:wrap;gap:20px;display:flex}.header-stat{background:var(--hover-bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:40px;align-items:center;gap:8px;padding:6px 14px;display:flex}.header-stat-icon{font-size:18px}.header-stat-value{color:var(--text-primary,#1e293b);font-size:16px;font-weight:700}.header-stat-label{color:var(--text-secondary,#475569);margin-right:4px;font-size:12px}.schedule-tabs-modern{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;gap:6px;margin-bottom:20px;padding:6px;display:flex}.tab-btn-modern{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.tab-btn-modern:hover{background:var(--hover-bg,#f1f5f9);color:var(--text-primary,#1e293b)}.tab-btn-modern.active{color:#fff;background:linear-gradient(135deg,#4facfe,#8b5cf6);box-shadow:0 4px 12px #4facfe40}.tab-btn-modern span{font-size:18px}.today-status{background:linear-gradient(135deg,#4facfe0f,#8b5cf60f);border:1px solid #4facfe30;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 20px;display:flex}.today-badge{color:var(--text-primary,#1e293b);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.today-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.today-info{color:var(--text-secondary,#475569);align-items:center;gap:12px;font-size:14px;display:flex}.today-info span:first-child{color:#22c55e;font-weight:600}.sessions-list{flex-direction:column;gap:16px;display:flex}.day-group{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.day-label{background:var(--hover-bg,#f8fafc);border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.day-name{color:var(--text-primary,#1e293b);font-size:15px;font-weight:700}.day-count{color:var(--text-secondary,#475569);font-size:13px}.day-sessions{flex-direction:column;gap:8px;padding:10px;display:flex}.session-card{background:var(--hover-bg,#f8fafc);border-right:4px solid #e2e8f0;border-radius:10px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.session-card:hover{transform:translate(4px);box-shadow:0 2px 8px #0000000f}.session-card.status-live{background:#f0fdf4;border-right-color:#22c55e}.session-card.status-recorded{border-right-color:var(--gradient-start);background:#eff6ff}.session-card.status-upcoming{border-right-color:var(--text-muted)}.session-time{color:var(--text-primary,#1e293b);align-items:center;gap:6px;min-width:80px;font-size:14px;font-weight:600;display:flex}.time-icon{font-size:14px}.session-main{flex-wrap:wrap;flex:1;align-items:center;gap:16px;display:flex}.session-subject{color:var(--text-primary,#1e293b);font-size:15px;font-weight:600}.session-room{color:var(--text-secondary,#475569);font-size:13px}.session-status-badge{white-space:nowrap;border-radius:40px;padding:4px 14px;font-size:12px;font-weight:600}.monthly-panel{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:20px}.monthly-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.monthly-header h3{color:var(--text-primary,#1e293b);align-items:center;gap:8px;margin-bottom:16px;font-size:17px;font-weight:700;display:flex}[data-theme=dark] .monthly-header h3,[data-theme=dark] .schedule-list,[data-theme=dark] .syllabus-selector label{color:#e2e8f0}.monthly-legend{color:var(--text-secondary,#475569);gap:14px;font-size:13px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;margin-left:4px;display:inline-block}.legend-dot.live{background:#22c55e}.legend-dot.recorded{background:#3b82f6}.legend-dot.exam{background:#f59e0b}.monthly-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.monthly-day-header{text-align:center;color:var(--text-secondary,#475569);padding:8px 0;font-size:13px;font-weight:600}.monthly-cell{background:var(--hover-bg,#f8fafc);text-align:center;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:8px 4px;transition:all .2s;display:flex}.monthly-cell:hover{border-color:var(--border,#e2e8f0)}.monthly-cell.has-event{border-color:color-mix(in srgb, var(--accent-text) 25%, transparent);background:#eff6ff}.monthly-day-number{color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.monthly-event{margin-top:2px;font-size:12px}.changes-panel{flex-direction:column;gap:10px;display:flex}.change-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-right:4px solid #f59e0b;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.change-card:hover{transform:translate(4px);box-shadow:0 2px 8px #0000000f}.change-icon{font-size:22px}.change-content{flex:1}.change-text{color:var(--text-primary,#1e293b);font-size:14px}.change-date{color:var(--text-secondary,#475569);font-size:12px}.empty-state{text-align:center;padding:40px 20px}[data-theme=dark] .schedule-header,[data-theme=dark] .day-group,[data-theme=dark] .monthly-panel,[data-theme=dark] .change-card,[data-theme=dark] .schedule-tabs-modern{background:#1e293b;border-color:#334155}[data-theme=dark] .tab-btn-modern{color:var(--text-muted)}[data-theme=dark] .tab-btn-modern:hover{color:#e2e8f0;background:#263348}[data-theme=dark] .day-label{background:#263348;border-color:#334155}[data-theme=dark] .day-name{color:#e2e8f0}[data-theme=dark] .session-card{background:#263348}[data-theme=dark] .session-card.status-live{background:#0d2818}[data-theme=dark] .session-card.status-recorded{background:#0f1f3a}[data-theme=dark] .session-teacher,[data-theme=dark] .session-room{color:var(--text-muted)}[data-theme=dark] .today-status{background:#1e293b;border-color:#334155}[data-theme=dark] .today-badge{color:#e2e8f0}[data-theme=dark] .monthly-cell{background:#1e293b}[data-theme=dark] .monthly-cell.has-event{background:#1e3a5f;border-color:#3b82f6}[data-theme=dark] .monthly-day-number{color:#e2e8f0}[data-theme=dark] .monthly-day-header{color:var(--text-muted)}[data-theme=dark] .change-card{background:#1e293b;border-color:#334155}[data-theme=dark] .change-text,[data-theme=dark] .schedule-header-title h2{color:#e2e8f0}[data-theme=dark] .header-stat{background:#263348;border-color:#334155}[data-theme=dark] .header-stat-value{color:#e2e8f0}.grades-tab{padding:20px 0;animation:.4s fadeIn}.stat-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:all .3s;display:flex}.grades-section{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;margin-bottom:20px;padding:20px 22px;box-shadow:0 2px 8px #0000000a}.grades-section-title{color:var(--text-primary,#1e293b);margin-bottom:16px;font-size:17px;font-weight:700}.grades-table-wrapper{overflow-x:auto}.grades-table thead th{text-align:right;border-bottom:2px solid var(--border,#e2e8f0);color:var(--text-secondary,#475569);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:600}.grades-table tbody td{border-bottom:1px solid var(--border-light,#f1f5f9);color:var(--text-primary,#1e293b);text-align:center;padding:10px 12px}.grades-table tbody tr:hover{background:var(--hover-bg,#f8fafc)}.subject-name{justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.subject-icon{font-size:18px}.grade-cell{font-weight:500}.final-grade{color:var(--accent-text);font-size:16px;font-weight:700}.status-badge{white-space:nowrap;border-radius:40px;padding:3px 14px;font-size:12px;font-weight:600;display:inline-block}.status-excellent{color:#166534;background:#dcfce7}.status-good{color:#1e40af;background:#dbeafe}.status-warning{color:#92400e;background:#fef3c7}.detail-btn{cursor:pointer;color:var(--text-secondary,#475569);background:0 0;border:none;border-radius:10px;padding:4px 8px;font-size:18px;transition:all .2s}.comparison-list{flex-direction:column;gap:8px;display:flex}.comparison-item{background:var(--hover-bg,#f8fafc);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex}.comparison-item:hover{background:var(--hover-bg-dark,#f1f5f9)}.comparison-item.above{border-right:4px solid #22c55e}.comparison-item.below{border-right:4px solid #ef4444}.comparison-item.equal{border-right:4px solid #94a3b8}.comparison-subject{color:var(--text-primary,#1e293b);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.comparison-icon{font-size:20px}.comparison-details{flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;display:flex}.comparison-you{font-weight:600}.comparison-class{color:var(--text-secondary,#475569)}.comparison-result{border-radius:40px;padding:2px 12px;font-size:13px;font-weight:600}.comparison-result.above{color:#166534;background:#dcfce7}.comparison-result.below{color:#991b1b;background:#fee2e2}.comparison-result.equal{color:#64748b;background:#f1f5f9}.comparison-summary{color:var(--text-primary,#1e293b);text-align:center;background:linear-gradient(135deg,#22c55e0f,#4facfe0f);border-radius:10px;margin-top:12px;padding:12px 16px;font-weight:600}.detail-modal{border-color:var(--accent-text);border-width:2px}.detail-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.detail-header .grades-section-title{margin-bottom:0}.detail-close-btn{color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border:none;font-size:24px;transition:all .2s}.detail-close-btn:hover{color:#ef4444;transform:rotate(90deg)}.detail-content{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-item{background:var(--hover-bg,#f8fafc);border-radius:10px;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.detail-item.highlight{background:#eff6ff;border:1px solid #4facfe40;grid-column:1/-1}.detail-label{color:var(--text-secondary,#475569);font-weight:500}.detail-item.highlight .detail-value{color:var(--accent-text);font-size:20px}.progress-chart{flex-direction:column;gap:12px;display:flex}.progress-row{flex-direction:column;gap:4px;display:flex}.progress-label{color:var(--text-primary,#1e293b);justify-content:space-between;font-size:14px;font-weight:500;display:flex}.progress-track{background:var(--hover-bg,#f1f5f9);border-radius:40px;width:100%;height:10px;overflow:hidden}.progress-fill{border-radius:40px;height:100%;transition:width 1.2s}[data-theme=dark] .stat-card,[data-theme=dark] .grades-section{background:#1e293b;border-color:#334155}[data-theme=dark] .grades-section-title{color:#e2e8f0}[data-theme=dark] .grades-table thead th{color:var(--text-muted);border-color:#334155}[data-theme=dark] .grades-table tbody tr:hover{background:#263348}[data-theme=dark] .final-grade{color:#60a5fa}[data-theme=dark] .status-excellent{color:#86efac;background:#166534}[data-theme=dark] .status-good{color:#93c5fd;background:#1e3a5f}[data-theme=dark] .status-warning{color:#fcd34d;background:#78350f}[data-theme=dark] .comparison-item{background:#263348}[data-theme=dark] .comparison-item:hover{background:#2d3a4f}[data-theme=dark] .comparison-subject{color:#e2e8f0}[data-theme=dark] .comparison-result.above{color:#86efac;background:#166534}[data-theme=dark] .comparison-result.below{color:#fca5a5;background:#7f1d1d}[data-theme=dark] .comparison-result.equal{color:var(--text-muted);background:#1e293b}[data-theme=dark] .comparison-summary{color:#e2e8f0;background:linear-gradient(135deg,#22c55e0a,#4facfe0a)}[data-theme=dark] .detail-item{background:#263348}[data-theme=dark] .detail-item.highlight{background:#1e3a5f;border-color:#3b82f6}[data-theme=dark] .detail-item.highlight .detail-value{color:#60a5fa}[data-theme=dark] .progress-track{background:#1e293b}[data-theme=dark] .detail-modal{border-color:var(--accent-text)}.messages-tab{padding:20px 0;animation:.4s fadeIn}.messages-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.message-stat-card{background:var(--card-bg,#1e293b);border:1px solid var(--border,#334155);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:all .3s;display:flex}.message-stat-card:hover{border-color:var(--gradient-start,#8b5cf6);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.message-stat-icon{font-size:24px}.message-stat-value{color:var(--text-color,#e2e8f0);font-size:22px;font-weight:800;line-height:1.2;display:block}.message-stat-label{color:var(--text-muted);font-size:13px}.messages-tabs{background:var(--card-bg,#1e293b);border:1px solid var(--border,#334155);border-radius:14px;gap:6px;margin-bottom:16px;padding:6px;display:flex}.messages-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.messages-tab-btn:hover{background:var(--hover-bg,#334155);color:var(--text-color,#e2e8f0)}.messages-tab-btn.active{background:linear-gradient(135deg, var(--gradient-start,#8b5cf6), var(--gradient-end,#d946ef));color:#fff;box-shadow:0 4px 16px #8b5cf64d}.unread-badge{color:#fff;background:#ef4444;border-radius:40px;padding:1px 10px;font-size:11px;font-weight:700}.compose-trigger{justify-content:flex-end;margin-bottom:16px;display:flex}.compose-btn{background:linear-gradient(135deg, var(--gradient-start,#8b5cf6), var(--gradient-end,#d946ef));color:#fff;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.compose-btn:hover{transform:scale(1.03);box-shadow:0 4px 20px #8b5cf666}.messages-panel{background:var(--card-bg,#1e293b);border:1px solid var(--border,#334155);border-radius:14px;overflow:hidden}.messages-list{flex-direction:column;display:flex}.message-item{border-bottom:1px solid var(--border,#334155);cursor:pointer;align-items:center;gap:12px;padding:14px 18px;transition:all .2s;display:flex}.message-item:hover{background:var(--hover-bg,#334155)}.message-item:last-child{border-bottom:none}.message-item.unread{border-right:3px solid var(--gradient-start,#8b5cf6);background:#8b5cf614}.message-item.unread:hover{background:#8b5cf626}.message-item.important{border-right:4px solid #f59e0b}.message-item.sent{cursor:default}.message-status{flex-direction:column;align-items:center;gap:4px;min-width:28px;display:flex}.unread-dot{background:var(--gradient-start,#8b5cf6);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-dot}.important-star{font-size:16px}.message-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.message-header{justify-content:space-between;align-items:center;display:flex}.message-from{color:var(--text-color,#e2e8f0);font-size:14px;font-weight:700}.message-date{color:var(--text-muted);font-size:12px}.message-subject{color:var(--text-color,#e2e8f0);font-size:14px;font-weight:600}.message-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.message-action{flex-shrink:0}.message-open-btn{background:var(--input-bg,#334155);border:1px solid var(--border,#334155);color:var(--text-color,#e2e8f0);cursor:pointer;border-radius:40px;padding:4px 16px;font-size:12px;transition:all .2s}.message-open-btn:hover{background:linear-gradient(135deg, var(--gradient-start,#8b5cf6), var(--gradient-end,#d946ef));color:#fff;border-color:#0000;transform:scale(1.05)}.message-status-badge{background:var(--hover-bg,#334155);color:var(--text-muted);border-radius:40px;padding:2px 12px;font-size:13px;font-weight:600}.announcements-list{flex-direction:column;display:flex}.announcement-item{border-bottom:1px solid var(--border,#334155);align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.announcement-item:last-child{border-bottom:none}.announcement-content{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.announcement-date{color:var(--text-muted);font-size:12px}.message-modal-overlay,.compose-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.message-modal,.compose-modal{background:var(--card-bg,#1e293b);border:1px solid var(--border,#334155);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.message-modal::-webkit-scrollbar{width:4px}.compose-modal::-webkit-scrollbar{width:4px}.message-modal::-webkit-scrollbar-track{background:var(--input-bg,#334155);border-radius:40px}.compose-modal::-webkit-scrollbar-track{background:var(--input-bg,#334155);border-radius:40px}.message-modal::-webkit-scrollbar-thumb{background:var(--gradient-start,#8b5cf6);border-radius:40px}.compose-modal::-webkit-scrollbar-thumb{background:var(--gradient-start,#8b5cf6);border-radius:40px}.modal-header h3{color:var(--text-color,#e2e8f0);font-size:18px;font-weight:700}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;transition:all .3s}.modal-field{border-bottom:1px solid var(--border,#334155);gap:8px;padding:8px 0;display:flex}.modal-field:last-child{border-bottom:none}.modal-field.full{flex-direction:column;align-items:flex-start;gap:4px}.modal-label{color:var(--text-muted);min-width:60px;font-weight:600}.modal-value{color:var(--text-color,#e2e8f0)}.modal-body-text{color:var(--text-color,#e2e8f0);background:var(--input-bg,#334155);border-radius:10px;width:100%;padding:12px 16px;line-height:1.8}.modal-actions{border-top:1px solid var(--border,#334155);gap:10px;padding:16px 24px;display:flex}.reply-btn,.send-btn{background:linear-gradient(135deg, var(--gradient-start,#8b5cf6), var(--gradient-end,#d946ef));color:#fff;cursor:pointer;border:none;border-radius:40px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .3s}.reply-btn:hover,.send-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #8b5cf666}.close-btn,.cancel-btn{background:var(--input-bg,#334155);border:1px solid var(--border,#334155);color:var(--text-color,#e2e8f0);cursor:pointer;border-radius:40px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .3s}.close-btn:hover,.cancel-btn:hover{background:var(--hover-bg,#334155);transform:scale(1.02)}.compose-body{padding:20px 24px}.compose-field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.compose-field label{color:var(--text-color,#e2e8f0);font-size:14px;font-weight:600}.compose-select,.compose-input{border:1px solid var(--border,#334155);background:var(--input-bg,#334155);color:var(--text-color,#e2e8f0);border-radius:12px;outline:none;padding:10px 14px;font-size:14px;transition:all .3s}.compose-select:focus,.compose-input:focus,.compose-textarea:focus{border-color:var(--gradient-start,#8b5cf6);box-shadow:0 0 0 3px #8b5cf626}.compose-select option{background:var(--card-bg,#1e293b)}.compose-textarea{border:1px solid var(--border,#334155);background:var(--input-bg,#334155);color:var(--text-color,#e2e8f0);resize:vertical;border-radius:12px;outline:none;min-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.compose-textarea::placeholder{color:#64748b}.img-greeting{width:100px;height:100px}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--input-bg,#334155);border-radius:40px}.modal-content::-webkit-scrollbar-thumb{background:var(--gradient-start,#8b5cf6);border-radius:40px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--gradient-end,#d946ef)}.modal-header h3{color:var(--text-color,#e2e8f0);margin:0;font-size:18px;font-weight:700}.modal-courses-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;max-width:40px;padding:4px 8px;font-size:16px;line-height:1;transition:all .3s}.modal-close-btn:hover,.modal-courses-close-btn:hover{color:#ef4444;background:#ef44441a}.modal-body{padding:24px}.grade-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grade-detail-item{background:var(--input-bg,#334155);border:1px solid var(--border,#334155);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .3s;display:flex}.grade-detail-item:hover{border-color:var(--gradient-start,#8b5cf6);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.grade-detail-item.highlight{border-color:var(--gradient-start,#8b5cf6);background:linear-gradient(135deg,#8b5cf626,#d946ef26);border-width:2px;grid-column:1/-1}.grade-detail-item.highlight:hover{border-color:var(--gradient-end,#d946ef)}.grade-detail-icon{flex-shrink:0;font-size:24px}.grade-detail-item div{flex-direction:column;flex:1;display:flex}.grade-detail-label{color:var(--text-muted);font-size:12px;font-weight:500}.grade-detail-value{color:var(--text-color,#e2e8f0);font-size:20px;font-weight:700}.grade-detail-item.highlight .grade-detail-value{color:var(--gradient-start,#8b5cf6);font-size:24px}.close-btn{background:var(--input-bg,#334155);color:var(--text-color,#e2e8f0);border:1px solid var(--border,#334155)}.close-btn:hover{background:var(--hover-bg,#334155);transform:scale(1.02)}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:99999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.3s fadeInOverlay;display:flex;position:fixed;inset:0}.modal-container{justify-content:center;align-items:center;width:100%;max-width:480px;animation:.35s cubic-bezier(.21,1.02,.73,1) slideUpModal;display:flex}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content{background:var(--card-bg,#1e293b);border:1px solid var(--border,#334155);border-radius:24px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 30px 80px #0009}.modal-header{border-bottom:1px solid var(--border,#334155);background:var(--card-bg,#1e293b);z-index:10;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-header h3{color:var(--text-color,#e2e8f0);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:4px 10px;font-size:24px;line-height:1;transition:all .3s}.modal-close-btn:hover{color:#ef4444;background:#ef44441f}.detail-row{background:var(--input-bg,#334155);border:1px solid var(--border,#334155);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 16px;transition:all .2s;display:flex}.detail-row:last-child{margin-bottom:0}.detail-row:hover{border-color:var(--gradient-start,#8b5cf6)}.detail-value{color:var(--text-color,#e2e8f0);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.detail-progress-bar{background:var(--input-bg,#1e293b);border:1px solid var(--border,#334155);border-radius:40px;width:120px;height:8px;overflow:hidden}.detail-progress-fill{border-radius:40px;height:100%;transition:width 1s}.detail-progress-text{color:var(--text-color,#e2e8f0);text-align:left;min-width:40px;font-weight:700}.modal-actions{border-top:1px solid var(--border,#334155);background:var(--card-bg,#1e293b);border-radius:0 0 24px 24px;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.modal-actions button{cursor:pointer;border:none;border-radius:40px;flex:1;padding:11px 20px;font-size:14px;font-weight:600;transition:all .3s}.close-btn:hover{background:var(--hover-bg,#334155);transform:scale(1.02);box-shadow:0 4px 12px #0003}.profile-container{position:relative}.avatar{background:linear-gradient(135deg, var(--gradient-start,#8b5cf6), var(--gradient-end,#d946ef));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;box-shadow:0 4px 12px #8b5cf64d}.avatar-text{color:#fff;font-size:1.1rem;font-weight:700}.avatar:hover{transform:scale(1.05);box-shadow:0 4px 20px #8b5cf680}.avatar:active{transform:scale(.95)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-header-dropdown{align-items:center;gap:12px;padding:12px 16px 16px;display:flex}.profile-avatar-dropdown{background:linear-gradient(135deg, var(--gradient-start,#8b5cf6), var(--gradient-end,#d946ef));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.profile-info-dropdown{flex-direction:column;display:flex;overflow:hidden}.profile-name-dropdown{color:var(--text-color,#e2e8f0);white-space:nowrap;font-size:14px;font-weight:700}.profile-email-dropdown{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-divider{background:var(--border,#334155);height:1px;margin:4px 12px}.dropdown-item{color:var(--text-color,#e2e8f0);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:0;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--hover-bg,#334155)}.dropdown-item i{width:20px;color:var(--text-muted);font-size:14px}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#ef44441a}.dropdown-item.logout i{color:#ef4444}.profile-dropdown-mobile{display:none}.profile-dropdown-desktop{background:var(--card-bg,#1e293b);border:1px solid var(--border,#334155);z-index:1000;border-radius:16px;min-width:260px;padding:8px 0;animation:.2s profileDesktop;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 20px 60px #00000080}@keyframes profileDesktop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-page{background:radial-gradient(circle at 10% 20%, #4facfe1f, transparent 35%), radial-gradient(circle at 90% 80%, #00f2fe14, transparent 35%), var(--bg-body,#f4f7fc);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px;transition:background .4s;display:flex;position:relative;overflow:hidden}.login-container{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:30px;grid-template-columns:1fr 1fr;width:min(1050px,100%);min-height:620px;transition:background .4s,border .4s,box-shadow .4s;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #0f172a1f,0 10px 30px #0f172a0d}.login-card{z-index:2;flex-direction:column;justify-content:center;padding:55px 60px;animation:.7s both loginCardIn;display:flex;position:relative}.login-logo{text-align:center;margin-bottom:38px}.login-logo .logo-icon{width:60px!important;height:60px!important}.login-logo-icon{color:#fff;background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 16px;font-size:27px;display:flex;position:relative;box-shadow:0 12px 30px #4facfe47}.login-logo-icon:after{content:"";border:1px solid #4facfe26;border-radius:24px;position:absolute;inset:-6px}.login-logo-text{letter-spacing:-1px;color:var(--gradient-end,#0e7c86);-webkit-text-fill-color:unset;background:0 0;margin:0;font-size:30px;font-weight:900}[data-theme=dark] .login-logo-text{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.login-subtitle{color:var(--text-muted,#475569);margin-top:6px;font-size:13px}.login-form{flex-direction:column;gap:20px;display:flex}.form-label i{color:var(--gradient-start,#4facfe)}.form-input{border:1.5px solid var(--border,#e2e8f0);background:var(--input-bg,#f8fafc);width:100%;height:50px;color:var(--text-color,#1e293b);border-radius:14px;outline:none;padding:0 16px;font-size:14px;transition:border .25s,box-shadow .25s,background .25s,transform .25s}.form-input:hover{border-color:#4facfe73}.form-input:focus{background:var(--card-bg,#fff);border-color:var(--gradient-start,#4facfe);transform:translateY(-1px);box-shadow:0 0 0 4px #4facfe1a}.form-input::placeholder{color:var(--text-muted)}.password-wrapper{position:relative}.password-input{padding-right:48px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:15px;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.password-toggle:hover{color:var(--gradient-start,#4facfe)}.form-options{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.checkbox-label{cursor:pointer;color:var(--text-color,#1e293b);align-items:center;gap:9px;display:flex}.checkbox-label input{display:none}.checkmark{border:1.5px solid var(--border,#e2e8f0);background:var(--input-bg,#f8fafc);border-radius:6px;justify-content:center;align-items:center;width:19px;height:19px;transition:all .25s;display:flex}.forgot-link{color:var(--gradient-start,#4facfe);font-weight:600;text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--gradient-end,#00f2fe)}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:52px;margin-top:4px;font-size:14px;font-weight:800;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 10px 25px #4facfe40}.login-btn:hover{transform:translateY(-2px);box-shadow:0 15px 32px #4facfe59}.login-btn:active{transform:translateY(0)scale(.98)}.login-footer{text-align:center;border-top:1px solid var(--border,#e2e8f0);color:var(--text-muted,#475569);margin-top:28px;padding-top:22px;font-size:13px}.register-link{color:var(--gradient-start,#4facfe);margin-right:5px;font-weight:700;text-decoration:none}.register-link:hover{color:var(--gradient-end,#00f2fe)}.login-info{color:#fff;background:linear-gradient(145deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));justify-content:center;align-items:center;padding:55px;display:flex;position:relative;overflow:hidden}.login-info:before,.login-info:after{content:"";background:#ffffff14;border-radius:50%;position:absolute}.login-info:before{width:350px;height:350px;top:-160px;right:-150px}.login-info:after{width:250px;height:250px;bottom:-120px;left:-100px}.info-content{z-index:2;text-align:center;width:100%;max-width:400px;position:relative}.info-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff21;border:1px solid #ffffff26;border-radius:24px;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 24px;font-size:38px;display:flex;box-shadow:0 15px 35px #00000014}.info-content h3{margin-bottom:10px;font-size:27px;font-weight:800}.info-content p{opacity:.8;margin-bottom:30px;font-size:14px}.info-features{text-align:right;grid-template-columns:1fr 1fr;gap:12px;display:grid}.info-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1c;border:1px solid #ffffff1a;border-radius:15px;align-items:center;gap:10px;min-height:58px;padding:12px 14px;font-size:13px;font-weight:600;line-height:16px;transition:all .25s;display:flex}.info-feature:hover{background:#ffffff2e;transform:translateY(-3px)}.feature-icon{font-size:19px}[data-theme=dark] .login-page{background:radial-gradient(circle at 10% 20%, #8b5cf61f, transparent 35%), radial-gradient(circle at 90% 80%, #d946ef14, transparent 35%), var(--bg-body,#0f172a)}[data-theme=dark] .login-container{background:var(--card-bg,#1e293b);border-color:#ffffff0f;box-shadow:0 30px 80px #00000059}[data-theme=dark] .form-input{background:var(--input-bg,#334155);color:#e2e8f0;border-color:#ffffff14}[data-theme=dark] .form-input:focus{background:#1e293b}@keyframes loginCardIn{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.landing-page{background:var(--bg-body,#f4f7fc);min-height:100vh;color:var(--text-color,#1e293b);transition:all .3s}.landing-header{z-index:1000;background:var(--nav-bg,#ffffffd9);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border,#e2e8f080);transition:all .3s;position:fixed;top:0;left:0;right:0}.landing-header.scrolled{box-shadow:var(--shadow,0 4px 20px #0000000f)}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 20px;display:flex}.logo-icon{width:40px;height:40px}.logo-text{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.nav-menu{align-items:center;gap:4px;display:flex}.nav-menu a{color:var(--text-color,#1e293b);border-radius:10px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.nav-menu a:hover{background:var(--hover-bg,#f1f5f9);color:var(--gradient-start,#4facfe)}.header-actions{align-items:center;gap:10px;display:flex}.login-btn-header{border:2px solid var(--border,#e2e8f0);color:var(--text-color,#1e293b);border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.login-btn-header:hover{border-color:var(--gradient-start,#4facfe);color:var(--gradient-start,#4facfe)}.register-btn-header{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 12px #4facfe40}.register-btn-header:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe59}.hamburger{color:var(--text-color,#1e293b);cursor:pointer;background:0 0;border:none;font-size:1.3rem;display:none}.hero-section{align-items:center;min-height:100vh;padding:140px 20px 80px;display:flex}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.hero-content{animation:.8s fadeInUp}.hero-title{color:var(--text-color,#1e293b);margin-bottom:40px;font-size:3.5rem;font-weight:800;line-height:75px}.hero-highlight{color:var(--gradient-end,#0e7c86);-webkit-text-fill-color:unset;background:0 0}[data-theme=dark] .hero-highlight{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-secondary,#475569);max-width:500px;margin-bottom:28px;font-size:1.15rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.hero-primary-btn{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff;border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 20px #4facfe4d}.hero-primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #4facfe66}.hero-secondary-btn{border:2px solid var(--border,#e2e8f0);color:var(--text-color,#1e293b);background:var(--card-bg,#fff);border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.hero-secondary-btn:hover{border-color:var(--gradient-start,#4facfe);color:var(--gradient-start,#4facfe);transform:translateY(-3px)}.hero-trust{padding-top:16px}.trust-badges{color:var(--text-muted,#475569);gap:24px;font-size:13px;display:flex}.trust-badges span{align-items:center;gap:3px;display:flex}.hero-image{justify-content:center;align-items:center;display:flex}.hero-illustration{justify-content:center;align-items:center;width:100%;max-width:500px;display:flex;position:relative}.illustration-circle{background:linear-gradient(135deg,#4facfe0a,#00f2fe0a);border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite pulse;position:absolute}.dashboard-preview{z-index:2;background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);width:100%;max-width:420px;box-shadow:var(--shadow,0 20px 60px #0000000f);border-radius:20px;padding:24px;position:relative}.preview-header{border-bottom:1px solid var(--border,#e2e8f0);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.preview-dots{gap:6px;display:flex}.preview-dots span{background:var(--border,#e2e8f0);border-radius:50%;width:10px;height:10px}.preview-dots span:first-child{background:#ef4444}.preview-dots span:nth-child(2){background:#f59e0b}.preview-dots span:last-child{background:#22c55e}.preview-header span{color:var(--text-color,#1e293b);font-size:14px;font-weight:600}.preview-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.preview-stat{text-align:center;background:var(--hover-bg,#f8fafc);border-radius:12px;padding:12px}.preview-stat .stat-number{color:var(--text-color,#1e293b);font-size:1.4rem;font-weight:700;display:block}.preview-stat span:last-child{color:var(--text-muted,#475569);font-size:12px}.preview-chart{align-items:flex-end;gap:8px;height:120px;padding-top:12px;display:flex}.chart-bar{background:linear-gradient(180deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));opacity:.8;border-radius:6px 6px 0 0;flex:1;min-height:10px;transition:height 1s}.chart-bar:hover{opacity:1}.stats-banner{background:var(--card-bg,#fff);border-top:1px solid var(--border,#e2e8f0);border-bottom:1px solid var(--border,#e2e8f0);padding:40px 20px}.stats-container{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.stat-item{text-align:center}.stat-item .stat-number{color:var(--accent-text,#0e7c86);-webkit-text-fill-color:unset;background:0 0;font-size:2rem;font-weight:800;display:block}[data-theme=dark] .stat-item .stat-number{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.stat-item span:last-child{color:var(--text-muted,#475569);font-size:14px}.stat-divider{background:var(--border,#e2e8f0);width:1px;height:40px}.section-container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:48px}.section-tag{color:var(--gradient-start,#4facfe);background:#4facfe14;border-radius:40px;align-items:center;gap:3px;margin-bottom:12px;padding:4px 16px;font-size:13px;font-weight:600;display:inline-flex}.section-title{color:var(--text-color,#1e293b);margin-bottom:12px;font-size:2.4rem;font-weight:800}.section-title .highlight{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-description{color:var(--text-color,#1e293b);opacity:.7;max-width:600px;margin:0 auto;font-size:1.05rem}.features-section{padding:80px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);text-align:center;border-radius:16px;padding:32px 24px;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow,0 8px 30px #0000000f);border-color:var(--gradient-start,#4facfe);transform:translateY(-6px)}.feature-icon-wrapper{width:64px;height:64px;color:var(--gradient-start,#4facfe);background:linear-gradient(135deg,#4facfe0f,#00f2fe0f);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;display:flex}.feature-card h3{color:var(--text-color,#1e293b);margin-bottom:8px;font-size:1.1rem;font-weight:700}.feature-card p{color:var(--text-color,#1e293b);opacity:.7;font-size:14px;line-height:1.7}.pricing-section{background:var(--bg-body,#f8fafc);padding:80px 0}.pricing-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.pricing-tab{border:2px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-color,#1e293b);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.pricing-tab:hover{border-color:var(--gradient-start,#4facfe);color:var(--gradient-start,#4facfe)}.pricing-tab.active{border-color:var(--gradient-start,#4facfe);background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.pricing-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);text-align:center;border-radius:20px;padding:32px 24px;transition:all .3s;position:relative}.pricing-card:hover{box-shadow:var(--shadow,0 8px 30px #0000000f);transform:translateY(-6px)}.pricing-card.popular{border-color:var(--gradient-start,#4facfe);box-shadow:0 8px 30px #4facfe14}.popular-badge{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff;border-radius:40px;align-items:center;gap:6px;padding:4px 16px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header h3{color:var(--text-color,#1e293b);margin-bottom:8px;font-size:1.2rem;font-weight:700}.pricing-price{margin:16px 0}.pricing-price .price{color:var(--text-color,#1e293b);font-size:2.4rem;font-weight:800}.pricing-price .period{color:var(--text-muted,#475569);font-size:14px}.pricing-meta{color:var(--text-muted,#475569);justify-content:center;gap:20px;margin-bottom:20px;font-size:14px;display:flex}.pricing-features{text-align:right;margin:20px 0 28px;list-style:none}.pricing-features li{color:var(--text-color,#1e293b);border-bottom:1px solid var(--border-light,#f1f5f9);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.pricing-features li:last-child{border-bottom:none}.pricing-features li i{color:var(--gradient-start,#4facfe);font-size:14px}.pricing-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.pricing-btn.primary{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff;box-shadow:0 4px 16px #4facfe40}.pricing-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4facfe59}.pricing-btn.secondary{background:var(--hover-bg,#f1f5f9);color:var(--text-color,#1e293b)}.pricing-btn.secondary:hover{background:var(--border,#e2e8f0)}.pricing-note{text-align:center;color:var(--text-muted,#475569);margin-top:24px;font-size:14px}.pricing-note i{color:var(--gradient-start,#4facfe);margin-left:8px}.testimonials-section{padding:80px 0}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.testimonial-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:28px 24px;transition:all .3s}.testimonial-card:hover{box-shadow:var(--shadow,0 8px 24px #0000000a);transform:translateY(-4px)}.testimonial-stars{color:#f59e0b;margin-bottom:12px;font-size:18px}.testimonial-text{color:var(--text-color,#1e293b);opacity:.8;margin-bottom:16px;font-size:15px;line-height:1.8}.testimonial-author{align-items:center;gap:12px;display:flex}.author-avatar{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.author-name{color:var(--text-color,#1e293b);font-size:14px;font-weight:600;display:block}.author-role{color:var(--text-muted,#475569);font-size:12px}.cta-section{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));padding:60px 20px}.cta-container{max-width:1200px;margin:0 auto}.cta-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;display:flex}.cta-text h2{color:#fff;margin-bottom:8px;font-size:2rem;font-weight:800}.cta-text p{color:#ffffffd9;font-size:1.1rem}.cta-buttons{flex-wrap:wrap;gap:14px;display:flex}.cta-primary-btn{color:var(--gradient-start,#4facfe);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 20px #00000014}.cta-primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f}.cta-secondary-btn{color:#fff;border:2px solid #ffffff4d;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.cta-secondary-btn:hover{background:#ffffff14;border-color:#fff}.landing-footer{background:var(--card-bg,#fff);border-top:1px solid var(--border,#e2e8f0);padding:60px 20px 20px}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand p{color:var(--text-muted,#475569);margin:8px 0 16px;font-size:14px}.footer-social{gap:12px;display:flex}.footer-social a{border:1px solid var(--border,#e2e8f0);width:38px;height:38px;color:var(--text-color,#1e293b);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.footer-social a:hover{background:var(--gradient-start,#4facfe);color:#fff;border-color:var(--gradient-start,#4facfe)}.footer-links h4{color:var(--text-color,#1e293b);margin-bottom:16px;font-size:16px;font-weight:700}.footer-links a{color:var(--text-muted,#475569);padding:6px 0;font-size:14px;text-decoration:none;transition:all .3s;display:block}.footer-links a:hover{opacity:1;color:var(--gradient-start,#4facfe)}.footer-bottom{text-align:center;border-top:1px solid var(--border,#e2e8f0);padding-top:20px}.footer-bottom p{color:var(--text-muted,#475569);font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-image{animation:.8s .2s both fadeInUp}[data-theme=dark] .landing-header{background:var(--nav-bg,#0f172ae6);border-color:var(--border,#334155)}[data-theme=dark] .landing-header.scrolled{background:var(--nav-bg,#0f172af2)}[data-theme=dark] .stats-banner{background:var(--card-bg,#1e293b)}[data-theme=dark] .pricing-section{background:var(--bg-body,#0f172a)}[data-theme=dark] .pricing-card,[data-theme=dark] .feature-card,[data-theme=dark] .testimonial-card,[data-theme=dark] .dashboard-preview{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .preview-stat{background:var(--input-bg,#334155)}[data-theme=dark] .pricing-tab{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .pricing-tab:hover{border-color:var(--gradient-start,#8b5cf6)}[data-theme=dark] .pricing-tab.active{background:linear-gradient(135deg, var(--gradient-start,#8b5cf6), var(--gradient-end,#d946ef));color:#fff}[data-theme=dark] .cta-section{background:linear-gradient(135deg, var(--gradient-start,#8b5cf6), var(--gradient-end,#d946ef))}[data-theme=dark] .cta-primary-btn{color:var(--gradient-start,#8b5cf6)}[data-theme=dark] .landing-footer{background:var(--card-bg,#1e293b)}[data-theme=dark] .pricing-features li{border-color:var(--border,#334155)}[data-theme=dark] .feature-card:hover,[data-theme=dark] .pricing-card.popular{border-color:var(--gradient-start,#8b5cf6)}.consultation-page{background:var(--bg-body,#f4f7fc);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.consultation-container{background:var(--card-bg,#fff);width:100%;max-width:1100px;box-shadow:var(--shadow,0 20px 60px #0000000f);border:1px solid var(--border,#e2e8f0);border-radius:24px;grid-template-columns:1fr 1.2fr;gap:0;display:grid;overflow:hidden}.consultation-info{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));justify-content:center;align-items:center;padding:48px 36px;display:flex;position:relative;overflow:hidden}.consultation-info:before{content:"";background:radial-gradient(circle at 30%,#ffffff0f 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;right:-50%}.consultation-info-content{color:#fff;z-index:1;position:relative}.consultation-info-icon{margin-bottom:20px;font-size:48px}.consultation-info-content h1{margin-bottom:12px;font-size:28px;font-weight:800}.consultation-info-content>p{opacity:.85;margin-bottom:32px;font-size:15px;line-height:1.8}.consultation-features{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.consultation-feature{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex}.consultation-feature:hover{background:#ffffff24;transform:translate(4px)}.feature-icon{flex-shrink:0;font-size:24px}.consultation-feature h4{margin-bottom:2px;font-size:14px;font-weight:600}.consultation-feature p{opacity:.7;font-size:12px}.consultation-contact-info{border-top:1px solid #ffffff1a;padding-top:20px}.contact-item{opacity:.85;align-items:center;gap:12px;padding:6px 0;font-size:14px;display:flex}.contact-item i{text-align:center;width:20px}.consultation-form-wrapper{background:var(--card-bg,#fff);padding:48px 40px}.consultation-form-header{margin-bottom:28px}.consultation-form-header h2{color:var(--text-color,#1e293b);align-items:center;margin-bottom:4px;font-size:22px;font-weight:700;display:flex}.consultation-form-header p{color:var(--text-muted,#475569);font-size:14px}.consultation-form{flex-direction:column;gap:16px;display:flex}.form-label{color:var(--text-color,#1e293b);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.form-label i{color:var(--gradient-start,#4facfe);font-size:13px}.checkbox-group{flex-direction:row;align-items:center;gap:10px;padding:4px 0}.checkbox-label{color:var(--text-color,#1e293b);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.checkmark{border:2px solid var(--border,#e2e8f0);background:var(--input-bg,#f8fafc);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex}.checkbox-label input:checked+.checkmark{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));border-color:var(--gradient-start,#4facfe)}.checkbox-label input:checked+.checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.terms-link{color:var(--gradient-start,#4facfe);font-weight:600;text-decoration:none}.terms-link:hover{text-decoration:underline}.mobile-menu-panel{display:none}@keyframes spin{to{transform:rotate(360deg)}}.form-note{color:var(--text-muted,#475569);text-align:center;padding:4px 0;font-size:13px}.form-note i{color:var(--gradient-start,#4facfe);margin-left:6px}.success-message{text-align:center;padding:40px 20px;animation:.5s fadeInUp}.success-icon{margin-bottom:16px;font-size:56px}.success-message h3{color:var(--text-color,#1e293b);margin-bottom:8px;font-size:22px;font-weight:700}.success-message p{color:var(--text-muted,#475569);font-size:15px}[data-theme=dark] .consultation-container{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .consultation-form-wrapper{background:var(--card-bg,#1e293b)}[data-theme=dark] .consultation-form-header h2{color:var(--text-color,#e2e8f0)}[data-theme=dark] .consultation-form-header p{color:var(--text-color,#94a3b8)}[data-theme=dark] .form-label{color:var(--text-color,#e2e8f0)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{background:var(--card-bg,#1e293b);border-color:var(--gradient-start,#8b5cf6);box-shadow:0 0 0 4px #8b5cf61f}[data-theme=dark] .checkbox-label{color:var(--text-color,#e2e8f0)}[data-theme=dark] .checkmark{background:var(--input-bg,#334155);border-color:var(--border,#334155)}[data-theme=dark] .success-message p,[data-theme=dark] .form-note{color:var(--text-color,#94a3b8)}[data-theme=dark] .consultation-info{background:linear-gradient(135deg, var(--gradient-start,#8b5cf6), var(--gradient-end,#d946ef))}.theme-toggle,.go-home{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);width:44px;height:44px;color:var(--text-color,#1e293b);cursor:pointer;box-shadow:var(--shadow,0 4px 12px #0000000f);z-index:1000;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;position:fixed;top:20px;right:20px}.go-home{right:80px!important}.theme-toggle:hover,.go-home:hover{background:var(--hover-bg,#f1f5f9);transform:rotate(20deg)scale(1.05);box-shadow:0 4px 20px #0000001a}.theme-toggle:active,.go-home:active{transform:scale(.92)}[data-theme=dark] .theme-toggle,.go-home{background:var(--card-bg,#1e293b);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .theme-toggle:hover,.go-home:hover{background:var(--hover-bg,#334155)}.hero-illustration{justify-content:center;align-items:center;width:100%;max-width:480px;min-height:440px;display:flex;position:relative}.hero-bg-shape{background:var(--gradient-start,#4facfe);opacity:.04;border-radius:50%;width:340px;height:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-bg-shape-2{border:1px solid var(--border,#e2e8f0);opacity:.3;border-radius:50%;width:240px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-card-simple{z-index:2;background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:20px;width:100%;max-width:400px;padding:32px 36px;transition:all .4s;position:relative;box-shadow:0 12px 48px #0000000a}.hero-card-simple:hover{transform:translateY(-4px);box-shadow:0 20px 64px #0000000f}.hero-card-simple-header{border-bottom:1px solid var(--border,#e2e8f0);align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;display:flex}.hero-card-simple-line{background:linear-gradient(180deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));border-radius:40px;width:3px;height:28px}.hero-card-simple-title{letter-spacing:2px;color:var(--text-color,#1e293b);font-size:20px;font-weight:300}.hero-card-simple-title span{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.hero-card-simple-version{color:var(--text-color,#1e293b);opacity:.3;border:1px solid var(--border,#e2e8f0);letter-spacing:.5px;border-radius:40px;margin-right:auto;padding:2px 12px;font-size:10px;font-weight:500}.hero-card-simple-stats{justify-content:space-around;align-items:center;margin-bottom:28px;display:flex}.hero-card-simple-stat{text-align:center}.hero-card-simple-number{color:var(--text-color,#1e293b);letter-spacing:-.5px;font-size:22px;font-weight:700;display:block}.hero-card-simple-label{color:var(--text-muted,#475569);letter-spacing:.5px;font-size:11px;font-weight:400}.hero-card-simple-divider{background:var(--border,#e2e8f0);width:1px;height:32px}.hero-card-simple-progress{margin-bottom:24px}.hero-card-simple-progress-header{color:var(--text-color,#1e293b);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:400;display:flex}.hero-card-simple-progress-header span:last-child{color:var(--gradient-start,#4facfe);font-weight:500}.hero-card-simple-progress-bar{background:var(--hover-bg,#f1f5f9);border-radius:40px;width:100%;height:3px;overflow:hidden}.hero-card-simple-progress-fill{background:linear-gradient(90deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));border-radius:40px;height:100%;transition:width 1.2s}.hero-card-simple-items{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.hero-card-simple-item{background:var(--hover-bg,#f8fafc);border-radius:10px;align-items:center;gap:12px;padding:8px 14px;transition:all .3s;display:flex}.hero-card-simple-item:hover{background:var(--hover-bg,#f1f5f9)}.hero-card-simple-dot{background:var(--gradient-start,#4facfe);border-radius:50%;flex-shrink:0;width:4px;height:4px}.hero-card-simple-item-text{color:var(--text-color,#1e293b);font-size:13px;font-weight:400}.hero-card-simple-footer{border-top:1px solid var(--border,#e2e8f0);text-align:center;padding-top:16px}.hero-card-simple-footer-text{color:var(--text-color,#1e293b);opacity:.25;letter-spacing:.5px;font-size:11px;font-weight:300}[data-theme=dark] .hero-card-simple{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .hero-card-simple-title,[data-theme=dark] .hero-card-simple-number{color:var(--text-color,#e2e8f0)}[data-theme=dark] .hero-card-simple-label{color:var(--text-color,#94a3b8)}[data-theme=dark] .hero-card-simple-divider{background:var(--border,#334155)}[data-theme=dark] .hero-card-simple-progress-header{color:var(--text-color,#e2e8f0)}[data-theme=dark] .hero-card-simple-progress-bar,[data-theme=dark] .hero-card-simple-item{background:var(--input-bg,#334155)}[data-theme=dark] .hero-card-simple-item:hover{background:var(--hover-bg,#334155)}[data-theme=dark] .hero-card-simple-item-text{color:var(--text-color,#e2e8f0)}[data-theme=dark] .hero-card-simple-footer{border-color:var(--border,#334155)}[data-theme=dark] .hero-card-simple-footer-text{color:var(--text-color,#94a3b8)}[data-theme=dark] .hero-bg-shape{background:var(--gradient-start,#8b5cf6)}[data-theme=dark] .hero-bg-shape-2{border-color:var(--border,#334155)}@media (width<=900px){.menu-desktop{border-top:1px solid var(--border);flex-direction:column;align-items:stretch;width:100%;margin-top:16px;padding-top:16px;display:none}.menu-desktop.open{display:flex}.hamburger{display:block}.menu-item{align-items:flex-start;width:100%}.navbar{padding:14px 18px}.greeting-box{flex-flow:column wrap;align-items:flex-start;padding:16px 20px}.greeting-stats{gap:10px}.greeting-stat{padding:4px 12px;font-size:.75rem}.greeting-emoji{font-size:2rem}.greeting-title{font-size:1rem}.greeting-icon{width:44px;height:44px;font-size:1.3rem}.tabs{flex-wrap:nowrap;gap:4px;padding:8px 12px;overflow-x:auto}.tab-btn{white-space:nowrap;padding:8px 16px;font-size:.8rem}.login-container{grid-template-columns:1fr;max-width:500px;min-height:auto}.login-info{padding:40px 30px}.login-card{padding:45px 40px}}@media (width<=480px){.logo-text{font-size:1.1rem}.dashboard-grid{grid-template-columns:1fr}.greeting-box{padding:14px 16px}.stat-number{font-size:20px}.progress-chart,.recent-grades{padding:14px 12px}.grades-table thead th,.grades-table tbody td{padding:6px;font-size:11px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-icon{width:38px;height:38px;font-size:18px}.schedule-item{padding:10px 12px}.schedule-time{min-width:70px;font-size:12px}.schedule-subject{font-size:13px}.session-item{flex-direction:column;align-items:stretch}.session-info{flex-direction:column;align-items:flex-start;gap:4px}.session-join-btn,.session-remind-btn,.archive-watch-btn{text-align:center;width:100%}.archive-item{flex-direction:column;align-items:flex-start}.session-day{min-width:auto}.section-footer{flex-direction:column;align-items:flex-start;gap:8px}.type-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.type-stat-card{padding:10px 12px}.type-stat-icon{font-size:20px}.type-stat-count{font-size:14px}.resource-item{padding:10px 12px}.resource-title{font-size:13px}.resource-meta{font-size:11px}.subject-filter-btn{padding:4px 12px;font-size:11px}.section-card,.teacher-card{padding:14px}.profile-avatar-icon{width:60px;height:60px;font-size:30px}.profile-name{font-size:18px}.teacher-actions{flex-direction:column;width:100%}.teacher-profile-btn,.teacher-message-btn{text-align:center;width:100%}.course-card-full{padding:14px}.previous-course-card{padding:12px}.task-meta{flex-direction:column;align-items:stretch}.task-do-btn{width:100%}.section-card{padding:14px}.stat-value-small{font-size:20px}.grade-number{font-size:18px}.schedule-header{padding:16px}.schedule-header-stats{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.header-stat{justify-content:center}.session-card{flex-direction:column;align-items:stretch;padding:10px 12px}.session-time{min-width:auto}.session-main{flex-direction:column;align-items:flex-start;gap:4px}.session-status-badge{align-self:flex-start}.monthly-cell{min-height:30px}.monthly-day-number{font-size:10px}.grades-stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px 14px}.stat-value{font-size:18px}.stat-icon{font-size:22px}.grades-table{font-size:10px}.grades-table thead th,.grades-table tbody td{padding:4px}.grades-table thead th{font-size:9px}.subject-name{font-size:11px}.subject-icon{font-size:14px}.grades-section{padding:12px}.final-grade{font-size:13px}.comparison-details{flex-direction:column;align-items:flex-start;gap:4px}.messages-stats{grid-template-columns:1fr 1fr;gap:6px}.message-stat-card{padding:8px 10px}.message-stat-value{font-size:16px}.message-stat-icon{font-size:18px}.message-stat-label{font-size:11px}.message-item{padding:10px 12px}.message-from,.message-subject{font-size:13px}.message-preview{font-size:12px}.announcement-item{padding:10px 12px}.announcement-text{font-size:13px}.modal-actions{flex-direction:column;padding:12px 14px}.compose-body{padding:14px}.compose-field{margin-bottom:10px}.modal-header{padding:12px 14px}.grade-detail-item{padding:10px 12px}.grade-detail-icon{font-size:20px}.grade-detail-value{font-size:16px}.grade-detail-item.highlight .grade-detail-value{font-size:18px}.modal-actions{padding:10px 14px}.modal-actions button{padding:8px 12px;font-size:13px}.modal-overlay{padding:10px}.modal-content{border-radius:16px}.modal-header{border-radius:16px 16px 0 0;padding:14px 16px}.modal-header h3{font-size:15px}.modal-close-btn{padding:2px 8px;font-size:20px}.modal-body{padding:14px}.detail-row{border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px}.detail-label{font-size:12px}.detail-value{justify-content:space-between;width:100%;font-size:14px}.detail-progress-bar{width:100px}.modal-actions{border-radius:0 0 16px 16px;flex-direction:column;padding:10px 14px}.modal-actions button{width:100%;padding:10px 16px;font-size:13px}.avatar,.theme-toggle-header{width:32px;height:32px}.avatar-text{font-size:.8rem}.profile-header-dropdown{padding:14px 18px}.profile-avatar-dropdown{width:38px;height:38px;font-size:.9rem}.profile-name-dropdown{font-size:14px}.profile-email-dropdown{font-size:11px}.dropdown-item{padding:10px 18px;font-size:13px}.dropdown-item i{width:18px;font-size:13px}.hero-title{font-size:2rem}.hero-buttons{flex-direction:column}.hero-primary-btn,.hero-secondary-btn{justify-content:center;width:100%}.section-title{font-size:1.8rem}.pricing-price .price{font-size:2rem}.cta-buttons{flex-direction:column;width:100%}.cta-primary-btn,.cta-secondary-btn{justify-content:center;width:100%}.header-container{padding:10px 16px}.register-btn-header{padding:6px 14px;font-size:12px}.hero-illustration{min-height:340px}.hero-card-simple{border-radius:16px;max-width:320px;padding:18px 20px}.hero-card-simple-header{margin-bottom:20px;padding-bottom:14px}.hero-card-simple-title{font-size:15px}.hero-card-simple-stats{margin-bottom:20px}.hero-card-simple-number{font-size:16px}.hero-card-simple-label{font-size:10px}.hero-card-simple-divider{height:24px}.hero-card-simple-item{padding:6px 12px}.hero-card-simple-item-text{font-size:12px}.hero-card-simple-progress-header{font-size:11px}.hero-bg-shape{width:200px;height:200px}.hero-bg-shape-2{width:140px;height:140px}.hero-card-simple-version{padding:1px 8px;font-size:8px}}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){.tab-panel{padding:12px 0}.stat-number{font-size:24px}.progress-chart,.recent-grades{padding:16px 14px}.progress-chart h3,.recent-grades h3{font-size:16px}.subject-label{font-size:13px}.strength-weakness{grid-template-columns:1fr;gap:12px}.strength,.weakness{padding:16px}.status-excellent,.status-good,.status-warning,.status-bad{padding:2px 10px;font-size:10px}.mobile-menu-panel.open{display:block}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px 12px}.stat-value{font-size:22px}.stat-label{font-size:12px}.two-column-grid{grid-template-columns:1fr}.schedule-item{flex-wrap:wrap;gap:8px}.schedule-time{min-width:80px;font-size:13px}.task-item{flex-direction:column;align-items:flex-start;gap:6px}.task-deadline{justify-content:space-between;width:100%}.session-item{flex-wrap:wrap;gap:10px}.session-info{gap:10px}.session-subject{min-width:50px;font-size:14px}.session-time{font-size:13px}.session-join-btn,.session-remind-btn,.archive-watch-btn{padding:6px 14px;font-size:12px}.archive-item{flex-wrap:wrap}.session-day{min-width:60px;font-size:13px}.subject-filters{gap:6px}.subject-filter-btn{padding:6px 14px;font-size:12px}.type-stats-grid{grid-template-columns:repeat(2,1fr)}.resource-item{flex-wrap:wrap;gap:10px}.resource-actions{width:100%}.resource-download-btn,.resource-link-btn{text-align:center;width:100%}.search-box{padding:4px 14px}.search-input{font-size:13px}.teachers-grid{grid-template-columns:1fr}.teacher-card{text-align:center;flex-direction:column;align-items:center}.teacher-avatar{width:72px;height:72px}.teacher-avatar-icon{width:72px;height:72px;font-size:36px}.teacher-rating,.teacher-actions{justify-content:center}.profile-header{text-align:center;flex-direction:column}.profile-details{grid-template-columns:1fr}.profile-actions{flex-direction:column}.profile-action-btn{width:100%}.availability-item{flex-direction:column;align-items:flex-start}.review-header,.review-footer{flex-wrap:wrap}.courses-tabs{flex-direction:column}.courses-tab-btn{width:100%}.courses-grid,.previous-courses-grid{grid-template-columns:1fr}.course-card-header{text-align:center;flex-direction:column;align-items:center}.course-actions{flex-direction:column}.previous-course-card{flex-wrap:wrap}.syllabus-item{flex-direction:column;align-items:flex-start;gap:6px}.syllabus-selector{flex-direction:column;align-items:stretch}.section-card{padding:16px}.assignments-tabs{flex-direction:column}.assignments-tab-btn{width:100%}.task-item{flex-direction:column;align-items:stretch}.task-meta{justify-content:space-between}.submitted-item{flex-direction:column;align-items:stretch}.submitted-grade{justify-content:space-between}.grading-item{flex-direction:column;align-items:stretch;gap:6px}.grading-status{justify-content:space-between}.stats-grid{grid-template-columns:repeat(2,1fr)}.schedule-header{flex-direction:column;align-items:stretch}.schedule-header-stats{gap:8px}.schedule-tabs-modern{flex-direction:column}.session-card{flex-wrap:wrap;gap:8px}.session-main{gap:8px}.session-status-badge{padding:2px 12px;font-size:11px}.today-status{flex-direction:column;align-items:flex-start}.today-info{flex-wrap:wrap}.monthly-grid{gap:2px}.monthly-cell{min-height:36px;padding:4px 2px}.monthly-day-number{font-size:12px}.monthly-event{font-size:10px}.header-stat{padding:4px 10px}.header-stat-value{font-size:14px}.day-sessions{padding:6px}.session-time{min-width:60px;font-size:13px}.grades-stats{grid-template-columns:repeat(2,1fr)}.grades-table{font-size:12px}.grades-table thead th,.grades-table tbody td{padding:6px 8px}.detail-content{grid-template-columns:1fr}.comparison-item{flex-direction:column;align-items:flex-start}.comparison-details{justify-content:space-between;width:100%}.grades-section{padding:16px}.grades-table thead th{font-size:11px}.messages-stats{grid-template-columns:repeat(3,1fr);gap:8px}.message-stat-card{padding:10px 12px}.message-stat-value{font-size:18px}.message-stat-icon{font-size:20px}.messages-tabs{flex-direction:column}.message-item{flex-wrap:wrap;gap:8px}.message-action{width:100%}.message-open-btn{text-align:center;width:100%}.announcement-content{flex-direction:column;align-items:flex-start}.message-modal,.compose-modal{max-width:100%;margin:10px}.modal-actions{flex-direction:column}.compose-trigger{justify-content:center}.compose-btn{justify-content:center;width:100%}.modal-field{flex-wrap:wrap}.modal-header{padding:14px 18px}.grade-detail-grid{grid-template-columns:1fr;gap:10px}.grade-detail-item.highlight{grid-column:1}.grade-detail-item{padding:12px 14px}.grade-detail-value{font-size:18px}.grade-detail-item.highlight .grade-detail-value{font-size:20px}.modal-actions{padding:12px 18px}.modal-container{max-width:100%;padding:0 10px}.modal-content{border-radius:18px}.modal-header{border-radius:18px 18px 0 0;padding:16px 18px}.modal-header h3{font-size:16px}.modal-body{padding:18px}.detail-row{flex-wrap:wrap;gap:6px;padding:10px 14px}.detail-value{flex-wrap:wrap;font-size:13px}.detail-progress-bar{width:80px}.modal-actions{border-radius:0 0 18px 18px;padding:12px 18px}.avatar,.theme-toggle-header{width:36px;height:36px}.profile-dropdown-desktop{display:none}.avatar-text{font-size:.9rem}.consultation-form-wrapper{order:1;margin-top:30px}.consultation-info{order:2;margin-bottom:40px}.profile-dropdown-mobile{background:var(--card-bg,#1e293b);border:1px solid var(--border,#334155);z-index:9999;border-radius:20px 20px 0 0;width:100%;min-width:0;max-height:60vh;padding:8px 0 20px;animation:.3s profileMobile;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -10px 40px #0006}@keyframes profileMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.profile-header-dropdown{padding:16px 20px}.profile-name-dropdown{font-size:16px}.dropdown-item{padding:12px 20px;font-size:15px}.dropdown-item i{width:24px;font-size:16px}.profile-overlay{z-index:999;background:#00000080;animation:.3s fadeInOverlay;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.login-page{justify-content:center;align-items:flex-start;height:auto;min-height:100dvh;padding:15px;display:flex;overflow:hidden auto}.login-container{border-radius:24px;flex-direction:column;width:100%;min-height:auto;display:flex;overflow:visible}.login-info{flex-shrink:0;order:2;width:100%;min-height:380px;padding:40px 25px;position:relative;overflow:hidden}.info-content{max-width:100%}.info-icon{width:68px;height:68px;margin-bottom:18px;font-size:32px}.info-content h3{font-size:23px}.info-content p{margin-bottom:22px;font-size:13px}.login-card{flex-shrink:0;order:1;width:100%;min-height:auto;padding:40px 25px}.login-logo{margin-bottom:30px}.login-logo-icon{border-radius:18px;width:60px;height:60px}.login-logo-text{font-size:26px}.login-form{gap:18px}.form-input{height:48px}.login-btn{height:50px}.nav-menu{border-top:1px solid var(--border,#e2e8f0);flex-direction:column;width:100%;padding:12px 0;display:none}.nav-menu.open{display:flex}.hamburger{display:block}.hero-title{font-size:2.5rem}.features-grid{grid-template-columns:1fr}.stats-container{flex-direction:column;gap:16px}.stat-divider{display:none}.pricing-grid{grid-template-columns:1fr}.pricing-tabs{flex-direction:column;align-items:stretch}.footer-grid{grid-template-columns:1fr;gap:30px}.cta-text h2{font-size:1.6rem}.header-actions .login-btn-header{padding:6px 14px;font-size:12px}.register-btn-header:hover{transform:none}.hero-illustration{min-height:380px}.hero-card-simple{max-width:360px;padding:24px 28px}.hero-card-simple-number{font-size:18px}.hero-card-simple-title{font-size:17px}.hero-bg-shape{width:260px;height:260px}.hero-bg-shape-2{width:180px;height:180px}}@media (width<=576px){.login-page{align-items:flex-start;padding:70px 18px 18px}.login-container{border-radius:22px}.login-card{padding:32px 22px}.login-logo{margin-bottom:30px}.login-logo-icon{border-radius:17px;width:58px;height:58px;font-size:23px}.login-logo-text{font-size:27px}.form-options{flex-direction:column;align-items:flex-start}.login-container{overflow:visible}.login-info{margin-bottom:40px;padding:35px 22px;overflow:hidden}.info-icon{width:65px;height:65px;font-size:30px}.info-content h3{font-size:21px}.info-features{grid-template-columns:1fr}.info-feature{min-height:50px}.consultation-page{padding:16px}.consultation-container{border-radius:18px}.consultation-info{padding:24px 18px}.consultation-info-content h1{font-size:20px}.consultation-form-wrapper{padding:24px 18px}.form-row{grid-template-columns:1fr;gap:12px}.consultation-form-header h2{font-size:18px}.submit-btn{padding:12px 20px;font-size:14px}.consultation-features{gap:10px}.consultation-feature{padding:10px 14px}.consultation-feature h4{font-size:13px}.consultation-feature p{font-size:11px}.contact-item{font-size:13px}.success-message{padding:30px 16px}.success-message h3{font-size:18px}}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-description{margin:0 auto 28px}.hero-buttons,.trust-badges{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr)}.cta-content{text-align:center;flex-direction:column}.cta-buttons{justify-content:center}.consultation-container{grid-template-columns:1fr;max-width:560px}.consultation-info{padding:32px 28px}.consultation-info-content h1{font-size:24px}.consultation-form-wrapper{padding:32px 28px}}.mobile-overlay{-webkit-backdrop-filter:blur(8px);z-index:9998;opacity:0;visibility:hidden;background:#0009;transition:all .35s;position:fixed;inset:0}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-menu{background:var(--card-bg,#fff);z-index:9999;flex-direction:column;width:88%;max-width:380px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-10px 0 50px #00000026}[dir=rtl] .mobile-menu{transform:translate(-100%);box-shadow:10px 0 50px #00000026}.mobile-menu.active{transform:translate(0)}.mobile-menu-inner{flex-direction:column;height:100%;padding:24px 22px 30px;display:flex}.mobile-menu-header{border-bottom:1px solid var(--border,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:18px;display:flex}.mobile-menu-title{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.mobile-menu-close{background:var(--hover-bg,#f1f5f9);width:44px;height:44px;color:var(--text-color,#1e293b);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:all .25s;display:flex}.mobile-menu-close:hover{background:var(--input-bg,#e2e8f0);transform:rotate(90deg)}.mobile-nav{flex-direction:column;flex:1;gap:4px;padding:4px 0;display:flex}.mobile-nav a{color:var(--text-color,#1e293b);border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.mobile-nav a i{width:26px;color:var(--gradient-start,#4facfe);opacity:.6;text-align:center;font-size:18px;transition:all .2s}.mobile-nav a:hover{background:var(--hover-bg,#f1f5f9);border-color:var(--border,#e2e8f0);transform:translate(-4px)}[dir=rtl] .mobile-nav a:hover{transform:translate(4px)}.mobile-nav a:hover i{opacity:1;transform:scale(1.1)}.mobile-nav a:active{transform:scale(.97)}.mobile-auth{border-top:1px solid var(--border,#e2e8f0);flex-direction:column;flex-shrink:0;gap:12px;margin-top:20px;padding-top:20px;display:flex}.mobile-login,.mobile-register{text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:15px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.mobile-login{color:var(--text-color,#1e293b);border:2px solid var(--border,#e2e8f0);background:0 0}.mobile-login:hover{background:var(--hover-bg,#f1f5f9);border-color:var(--gradient-start,#4facfe);transform:translateY(-2px)}.mobile-register{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff;border:none;box-shadow:0 4px 20px #4facfe4d}.mobile-register:hover{transform:translateY(-3px);box-shadow:0 8px 30px #4facfe66}.mobile-login:active,.mobile-register:active{transform:scale(.97)}.mobile-login i,.mobile-register i{font-size:18px}@media (width<=768px){.nav-menu{display:none!important}.hamburger{background:var(--hover-bg,#f1f5f9);border:1px solid var(--border,#e2e8f0);width:44px;height:44px;color:var(--text-color,#1e293b);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex!important}.hamburger:hover{background:var(--input-bg,#e2e8f0)}}@media (width>=769px){.mobile-overlay,.mobile-menu,.hamburger{display:none!important}}[data-theme=dark] .mobile-menu{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .mobile-menu-close{background:var(--input-bg,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .mobile-menu-close:hover{background:var(--hover-bg,#334155)}[data-theme=dark] .mobile-nav a{color:var(--text-color,#e2e8f0)}[data-theme=dark] .mobile-nav a:hover{background:var(--hover-bg,#334155);border-color:var(--border,#334155)}[data-theme=dark] .mobile-login{color:var(--text-color,#e2e8f0);border-color:var(--border,#334155)}[data-theme=dark] .mobile-login:hover{background:var(--hover-bg,#334155);border-color:var(--gradient-start,#8b5cf6)}[data-theme=dark] .mobile-register{background:linear-gradient(135deg, var(--gradient-start,#8b5cf6), var(--gradient-end,#d946ef));box-shadow:0 4px 20px #8b5cf64d}[data-theme=dark] .mobile-register:hover{box-shadow:0 8px 30px #8b5cf666}[data-theme=dark] .hamburger{background:var(--input-bg,#334155);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .hamburger:hover{background:var(--hover-bg,#334155)}.mobile-menu::-webkit-scrollbar{width:4px}.mobile-menu::-webkit-scrollbar-track{background:0 0}.mobile-menu::-webkit-scrollbar-thumb{background:var(--gradient-start,#4facfe);border-radius:40px}.admin-dashboard-overview{padding:20px 0;animation:.4s fadeIn}.dashboard-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.dashboard-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:18px 20px;box-shadow:0 2px 8px #0000000a}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-color,#1e293b);font-size:16px;font-weight:700}.card-badge{color:var(--accent-text);background:#4facfe14;border-radius:40px;padding:2px 12px;font-size:10px;font-weight:600}.chart-container{padding:8px 0}.chart-bars{justify-content:space-around;align-items:flex-end;gap:12px;height:160px;display:flex}.chart-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.chart-bar{background:linear-gradient(#4facfe,#00f2fe);border-radius:6px 6px 0 0;justify-content:center;align-items:flex-start;width:100%;max-width:36px;min-height:8px;padding-top:4px;transition:height 1s;display:flex;position:relative}.chart-bar-value{color:#fff;opacity:.9;font-size:9px;font-weight:700}.chart-bar-label{color:var(--text-muted,#475569);margin-top:6px;font-size:10px}.chart-footer{border-top:1px solid var(--border,#e2e8f0);color:var(--text-color,#1e293b);justify-content:space-between;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.trend-up{color:#22c55e}.attendance-list{flex-direction:column;gap:10px;display:flex}.attendance-item{align-items:center;gap:12px;display:flex}.attendance-grade{color:var(--text-color,#1e293b);min-width:65px;font-size:13px;font-weight:600}.attendance-bar-wrapper{flex:1;align-items:center;gap:10px;display:flex}.attendance-bar{background:var(--hover-bg,#f1f5f9);border-radius:40px;flex:1;height:6px;overflow:hidden}.attendance-fill{background:linear-gradient(90deg,#4facfe,#22c55e);border-radius:40px;height:100%;transition:width 1s}.attendance-percent{color:var(--text-color,#1e293b);text-align:left;min-width:36px;font-size:12px;font-weight:600}.attendance-numbers{gap:6px;font-size:12px;font-weight:600;display:flex}.attendance-numbers .present{color:#22c55e}.attendance-numbers .absent{color:#ef4444}.attendance-total{border-top:1px solid var(--border,#e2e8f0);color:var(--text-color,#1e293b);justify-content:space-between;margin-top:12px;padding-top:12px;font-size:13px;font-weight:600;display:flex}.attendance-detail{opacity:.5;font-weight:400}.view-all-btn{color:var(--accent-text);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600;transition:all .2s}.view-all-btn:hover{color:#8b5cf6}.activities-list{flex-direction:column;gap:10px;display:flex}.activity-item{background:var(--hover-bg,#f8fafc);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.activity-item:hover{background:var(--hover-bg,#f1f5f9)}.activity-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.activity-content{flex-direction:column;flex:1;display:flex}.activity-text{color:var(--text-color,#1e293b);font-size:13px;font-weight:500}.activity-name{color:var(--text-muted,#475569);font-size:12px}.activity-time{color:var(--text-muted,#475569);font-size:10px}.activity-dot{background:#4facfe;border-radius:50%;flex-shrink:0;width:6px;height:6px}.add-announcement-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:40px;align-items:center;gap:4px;padding:4px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.add-announcement-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #4facfe4d}.announcements-list{flex-direction:column;gap:8px;display:flex}.announcement-item{border-right:4px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.announcement-item:hover{background:var(--hover-bg,#f8fafc)}.announcement-item.warning{background:#fef3c708;border-right-color:#f59e0b}.announcement-item.info{border-right-color:var(--accent-text);background:#eff6ff08}.announcement-item.success{background:#f0fdf408;border-right-color:#22c55e}.announcement-icon{font-size:18px}.announcement-content{flex:1;justify-content:space-between;align-items:center;display:flex}.announcement-text{color:var(--text-color,#1e293b);font-size:13px}.announcement-time{color:var(--text-muted,#475569);font-size:11px}.quick-info-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;display:grid}.quick-info-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex}.quick-info-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000a}.quick-info-icon{font-size:28px}.quick-info-value{color:var(--text-color,#1e293b);font-size:18px;font-weight:700;line-height:1.2;display:block}.quick-info-label{color:var(--text-muted,#475569);font-size:12px}[data-theme=dark] .stat-card,[data-theme=dark] .dashboard-card,[data-theme=dark] .quick-info-card{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .card-title{color:var(--text-color,#e2e8f0)}[data-theme=dark] .activity-item{background:var(--input-bg,#334155)}[data-theme=dark] .activity-item:hover{background:var(--hover-bg,#334155)}[data-theme=dark] .activity-text{color:var(--text-color,#e2e8f0)}[data-theme=dark] .activity-name{color:var(--text-color,#94a3b8)}[data-theme=dark] .announcement-item:hover{background:var(--input-bg,#334155)}[data-theme=dark] .announcement-text,[data-theme=dark] .quick-info-value,[data-theme=dark] .attendance-grade,[data-theme=dark] .attendance-percent,[data-theme=dark] .attendance-total{color:var(--text-color,#e2e8f0)}[data-theme=dark] .chart-footer{border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .chart-bar-label{color:var(--text-color,#94a3b8)}[data-theme=dark] .attendance-total{border-color:var(--border,#334155)}@media (width<=1024px){.dashboard-row{grid-template-columns:1fr}.quick-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:22px}.announcement-content{flex-direction:column;align-items:flex-start;gap:4px}.quick-info-grid{grid-template-columns:repeat(2,1fr)}.chart-bars{height:120px}.dashboard-card{padding:14px 16px}.attendance-item{flex-wrap:wrap;gap:6px}.attendance-grade{min-width:50px;font-size:12px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:12px 14px}.stat-value{font-size:18px}.stat-icon{font-size:20px}.quick-info-grid{grid-template-columns:1fr 1fr;gap:10px}.quick-info-card{padding:10px 14px}.quick-info-value{font-size:15px}.dashboard-card{padding:12px 14px}.activity-item{padding:6px 10px}.activity-text{font-size:12px}.announcement-item{padding:8px 12px}.announcement-text{font-size:12px}.chart-bars{gap:6px;height:100px}.chart-bar{max-width:24px}.chart-bar-value{font-size:7px}.card-title{font-size:14px}}.teachers-list-container{padding:20px 0;animation:.4s fadeIn}.teachers-list-container .entity-select-filters{margin-bottom:4px;padding-bottom:20px}.teachers-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.header-left h2{color:var(--text-color,#1e293b);align-items:center;gap:5px;font-size:20px;font-weight:700;display:flex}.teacher-count{color:var(--text-muted,#475569);background:var(--hover-bg,#f1f5f9);border-radius:40px;padding:2px 12px;font-size:13px}.add-teacher-btn{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #4facfe40}.add-teacher-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4facfe59}.teachers-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-group{gap:8px;display:flex}.filter-select{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-color,#1e293b);cursor:pointer;border-radius:10px;outline:none;min-width:120px;padding:10px 14px;font-size:13px;transition:all .3s}.filter-select:focus{border-color:var(--gradient-start,#4facfe)}.teachers-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:28px;padding-top:8px;display:grid}.teacher-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000a}.teacher-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.teacher-card.inactive{opacity:.7}.teacher-card-header{text-align:center;justify-content:center;align-items:center;min-height:80px;display:flex;position:relative}.teacher-card-avatar{font-size:48px;line-height:1}.teacher-status-badge{color:#fff;border-radius:40px;padding:3px 12px;font-size:10px;font-weight:600;position:absolute;top:12px;left:12px}.teacher-status-badge.active{background:#22c55e}.teacher-status-badge.inactive{background:#94a3b8}.teacher-card-body{text-align:center;padding:16px 18px 18px}.teacher-card-name{color:var(--text-color,#1e293b);margin-bottom:2px;font-size:17px;font-weight:700}.teacher-card-subject{color:var(--gradient-start,#4facfe);font-size:13px;font-weight:600;display:block}.teacher-card-specialty{color:var(--text-muted,#475569);margin-bottom:12px;font-size:12px;display:block}.teacher-card-stats{justify-content:center;gap:16px;margin:12px 0 14px;display:flex}.teacher-stat{color:var(--text-color,#1e293b);background:var(--hover-bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:20px;flex-direction:column;justify-content:start;align-items:center;padding:10px 12px;font-size:12px;display:flex}.teacher-card-actions{gap:6px;display:flex}.teacher-card-actions .action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:12px;font-weight:500;transition:all .3s;display:flex}.teacher-card-actions .action-btn.view{background:var(--hover-bg,#f1f5f9);color:var(--text-color,#1e293b)}.teacher-card-actions .action-btn.view:hover{background:var(--gradient-start,#4facfe);color:#fff}.teacher-card-actions .action-btn.edit{background:var(--hover-bg,#f1f5f9);color:var(--text-color,#1e293b)}.teacher-card-actions .action-btn.edit:hover{color:#fff;background:#f59e0b}.teacher-card-actions .action-btn.delete{background:var(--hover-bg,#f1f5f9);color:var(--text-color,#1e293b)}.teacher-card-actions .action-btn.delete:hover{color:#fff;background:#ef4444}.teacher-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.teacher-modal{background:var(--card-bg,#fff);border-radius:20px;width:100%;max-width:700px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 24px 80px #0003}.teacher-modal-header{text-align:center;color:#fff;border-radius:20px 20px 0 0;align-items:center;gap:16px;padding:24px 24px 20px;display:flex;position:relative}.modal-avatar{flex-shrink:0;font-size:56px}.modal-info{text-align:right;flex:1}.modal-info h3{color:#fff;margin-bottom:2px;font-size:20px;font-weight:700}.modal-info span{opacity:.85;font-size:14px;display:block}.modal-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .3s;display:flex;position:absolute;top:12px;left:12px}.modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.teacher-modal-body{padding:24px}.modal-detail{background:var(--hover-bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.teacher-modal-footer{border-top:1px solid var(--border,#e2e8f0);gap:10px;padding:16px 24px 24px;display:flex}.modal-edit-btn{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .3s}.modal-edit-btn:hover{transform:scale(1.02);box-shadow:0 4px 16px #4facfe4d}[data-theme=dark] .teacher-card{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .teacher-card-name{color:var(--text-color,#e2e8f0)}[data-theme=dark] .teacher-card-specialty{color:var(--text-color,#94a3b8)}[data-theme=dark] .teacher-stat{background:var(--input-bg,#334155);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .filter-select{background:var(--card-bg,#1e293b);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .teacher-modal{background:var(--card-bg,#1e293b)}[data-theme=dark] .modal-detail{background:var(--input-bg,#334155);border-color:var(--border,#334155)}[data-theme=dark] .modal-close-btn{background:var(--card-bg,#1e293b);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .teacher-card-actions .action-btn.view,[data-theme=dark] .teacher-card-actions .action-btn.edit,[data-theme=dark] .teacher-card-actions .action-btn.delete{background:var(--input-bg,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .teacher-card-actions .action-btn.view:hover{background:var(--gradient-start,#8b5cf6);color:#fff}[data-theme=dark] .teacher-card-actions .action-btn.edit:hover{color:#fff;background:#f59e0b}[data-theme=dark] .teacher-card-actions .action-btn.delete:hover{color:#fff;background:#ef4444}[data-theme=dark] .teacher-count{color:var(--text-color,#94a3b8)}@media (width<=768px){.teachers-filters{flex-direction:column}.filter-group{flex-wrap:wrap}.filter-select{flex:1;min-width:100px}.teachers-cards-grid{grid-template-columns:1fr 1fr}.teacher-modal{max-width:100%;margin:10px}.modal-details-grid{grid-template-columns:1fr}.modal-detail.full{grid-column:1}}@media (width<=480px){.teachers-cards-grid{grid-template-columns:1fr}.teachers-list-header{flex-direction:column;align-items:flex-start}.add-teacher-btn{justify-content:center;width:100%}.teacher-modal-header{text-align:center;flex-direction:column}.modal-info{text-align:center}.teacher-modal-footer,.teacher-card-actions{flex-direction:column}}.add-teacher-container{padding:20px 0;animation:.4s fadeIn}.add-teacher-header{border-bottom:1px solid var(--border,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.header-content h2{color:var(--text-color,#1e293b);font-size:20px;font-weight:700}.header-content p{color:var(--text-muted,#475569);margin-top:2px;font-size:14px}.header-stats .stat-badge{color:var(--gradient-start,#4facfe);background:#4facfe14;border-radius:40px;align-items:center;padding:6px 16px;font-size:13px;font-weight:600;display:flex}.success-message{background:#dcfce7;border:1px solid #86efac;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;animation:.4s slideDown;display:flex}.success-icon{font-size:32px}.success-message h3{color:#166534;font-size:16px;font-weight:700}.success-message p{color:#166534;opacity:.7;font-size:13px}.add-teacher-form{flex-direction:column;gap:24px;display:flex}.form-section{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:20px 24px;box-shadow:0 2px 8px #0000000a}.section-header{border-bottom:1px solid var(--border,#e2e8f0);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;display:flex}.section-icon{font-size:20px}.section-header h3{color:var(--text-color,#1e293b);font-size:16px;font-weight:700}.form-group{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--text-color,#1e293b);font-size:13px;font-weight:600}.form-label .required{color:#ef4444;font-weight:700}.form-required-legend{color:var(--text-muted);margin:0 0 14px;font-size:12px}.form-required-legend .required{color:#ef4444;font-weight:700}.field-error-flash{border-radius:12px;animation:1.1s field-error-flash}@keyframes field-error-flash{0%,to{box-shadow:none;background:0 0}35%{background:#ef44440f;box-shadow:0 0 0 3px #ef444447}}.student-class-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:12px;display:grid}.student-class-card{border:1px solid var(--border);background:var(--input-bg);color:var(--text-color);text-align:right;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;font-family:inherit;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;display:flex}.student-class-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--gradient-end) 45%, var(--border));transform:translateY(-1px)}.student-class-card.selected{border-color:var(--gradient-end);background:color-mix(in srgb, var(--gradient-end) 10%, var(--card-bg));box-shadow:0 8px 18px color-mix(in srgb, var(--gradient-end) 16%, transparent)}.student-class-card.is-full,.student-class-card:disabled{opacity:.55;cursor:not-allowed}.student-class-card-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.student-class-card-top strong{font-size:14px}.student-class-check{background:var(--gradient-end);color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.student-class-meta,.student-class-capacity{color:var(--text-muted);font-size:11px}.student-class-capacity.full{color:#dc2626;font-weight:600}.student-class-empty{text-align:center;border:1px dashed color-mix(in srgb, var(--gradient-end) 35%, var(--border));background:radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--gradient-end) 12%, transparent), transparent 42%), radial-gradient(circle at 82% 78%, color-mix(in srgb, var(--gradient-start,var(--gradient-end)) 8%, transparent), transparent 40%), var(--input-bg);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:240px;margin-top:14px;padding:32px 22px;display:flex}.student-class-empty-visual{place-items:center;width:86px;height:86px;margin-bottom:4px;display:grid;position:relative}.student-class-empty-ring{border:1px solid color-mix(in srgb, var(--gradient-end) 28%, transparent);border-radius:50%;animation:2.4s ease-out infinite student-class-empty-pulse;position:absolute;inset:0}.student-class-empty-ring.delay{animation-delay:.8s}.student-class-empty-icon{background:color-mix(in srgb, var(--gradient-end) 14%, var(--card-bg));width:54px;height:54px;color:var(--gradient-end);box-shadow:0 8px 20px color-mix(in srgb, var(--gradient-end) 18%, transparent);border-radius:16px;place-items:center;display:grid}.student-class-empty h3{color:var(--text-color);margin:0;font-size:16px;font-weight:700}.student-class-empty p{max-width:380px;color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.8}.student-class-empty-cta{background:linear-gradient(135deg, var(--gradient-start,var(--gradient-end)), var(--gradient-end));color:#fff;cursor:pointer;height:42px;box-shadow:0 10px 22px color-mix(in srgb, var(--gradient-end) 28%, transparent);border:none;border-radius:12px;align-items:center;gap:8px;margin-top:6px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,filter .2s;display:inline-flex}.student-class-empty-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}@keyframes student-class-empty-pulse{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}@media (width<=640px){.student-class-grid{grid-template-columns:1fr}}.form-input,.form-select,.form-textarea{border:2px solid var(--border,#e2e8f0);background:var(--input-bg,#f8fafc);color:var(--text-color,#1e293b);border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gradient-start,#4facfe);background:var(--card-bg,#fff);box-shadow:0 0 0 3px #4facfe14}.form-input.error,.form-select.error{border-color:#ef4444}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted,#475569)}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;cursor:pointer;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat}.error-text{color:#ef4444;font-size:12px;font-weight:500}.gender-selector{gap:8px;display:flex}.gender-btn{border:2px solid var(--border,#e2e8f0);background:var(--input-bg,#f8fafc);color:var(--text-color,#1e293b);cursor:pointer;text-align:center;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.gender-btn:hover{border-color:var(--gradient-start,#4facfe)}.gender-btn.active{border-color:var(--gradient-start,#4facfe);color:var(--gradient-start,#4facfe);background:#4facfe14}.status-selector{gap:8px;display:flex}.status-btn{border:2px solid var(--border,#e2e8f0);background:var(--input-bg,#f8fafc);color:var(--text-color,#1e293b);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:8px 12px;font-size:14px;font-weight:500;transition:all .3s}.status-btn:hover{border-color:var(--gradient-start,#4facfe)}.status-btn.active{color:#166534;background:#dcfce7;border-color:#22c55e}.form-actions{gap:12px;padding-top:8px;display:flex}.submit-btn{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 16px #4facfe40}.submit-btn div{align-items:baseline;gap:5px;display:flex}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #4facfe59}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn .spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.reset-btn{border:2px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-color,#1e293b);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.reset-btn:hover{background:var(--hover-bg,#f1f5f9);color:#ef4444;border-color:#ef4444}[data-theme=dark] .form-section{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .section-header h3,[data-theme=dark] .form-label{color:var(--text-color,#e2e8f0)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:var(--input-bg,#334155);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{background:var(--card-bg,#1e293b);border-color:var(--gradient-start,#8b5cf6)}[data-theme=dark] .gender-btn,[data-theme=dark] .status-btn{background:var(--input-bg,#334155);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .gender-btn.active{border-color:var(--gradient-start,#8b5cf6);color:var(--gradient-start,#8b5cf6);background:#8b5cf614}[data-theme=dark] .status-btn.active{color:#86efac;background:#166534;border-color:#22c55e}[data-theme=dark] .reset-btn{background:var(--card-bg,#1e293b);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .reset-btn:hover{background:var(--input-bg,#334155)}[data-theme=dark] .header-content h2{color:var(--text-color,#e2e8f0)}[data-theme=dark] .header-content p{color:var(--text-color,#94a3b8)}[data-theme=dark] .success-message{background:#166534;border-color:#22c55e}[data-theme=dark] .success-message h3,[data-theme=dark] .success-message p{color:#86efac}[data-theme=dark] .add-teacher-header{border-color:var(--border,#334155)}@media (width<=768px){.form-row{grid-template-columns:1fr;gap:12px!important}.form-section{padding:16px 18px}.add-teacher-header{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column}.form-actions button{width:100%;min-height:35px}.gender-selector,.status-selector{flex-direction:column}.gender-btn,.status-btn{width:100%}}@media (width<=480px){.form-section{padding:14px}.section-header h3{font-size:14px}.form-input,.form-select,.form-textarea{padding:8px 12px;font-size:13px}.submit-btn,.reset-btn{padding:10px 16px;font-size:14px}.add-teacher-header h2{font-size:18px}.success-message{text-align:center;flex-direction:column}}.teacher-stats-container{padding:20px 0;animation:.4s fadeIn}.teacher-stats-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.teacher-stats-header h2{color:var(--text-color,#1e293b);font-size:20px;font-weight:700}.stats-controls{gap:10px;display:flex}.stats-filter{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-color,#1e293b);cursor:pointer;border-radius:10px;outline:none;padding:8px 14px;font-size:13px;transition:all .3s}.stats-filter:focus{border-color:var(--gradient-start,#4facfe)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-top:4px solid #4facfe;border-radius:14px;padding:18px 20px;transition:all .3s;box-shadow:0 2px 8px #0000000a}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.stat-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.stat-icon{font-size:24px}.stat-change{border-radius:40px;padding:2px 10px;font-size:12px;font-weight:600}.stat-change.up{color:#22c55e;background:#dcfce7}.stat-change.down{color:#ef4444;background:#fee2e2}.stat-value{color:var(--text-color,#1e293b);font-size:28px;font-weight:800;line-height:1.2;display:block}.stat-label{color:var(--text-muted,#475569);font-size:13px}.stats-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.stats-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:18px 20px;box-shadow:0 2px 8px #0000000a}.stats-card h3{color:var(--text-color,#1e293b);margin-bottom:16px;font-size:16px;font-weight:700}.distribution-list{flex-direction:column;gap:12px;display:flex}.distribution-item{flex-direction:column;gap:4px;display:flex}.distribution-header{justify-content:space-between;font-size:13px;display:flex}.distribution-name{color:var(--text-color,#1e293b);font-weight:600}.distribution-count{color:var(--text-muted,#475569)}.distribution-bar{background:var(--hover-bg,#f1f5f9);border-radius:40px;width:100%;height:6px;overflow:hidden}.distribution-fill{border-radius:40px;height:100%;transition:width 1s}.distribution-detail{color:var(--text-muted,#475569);font-size:11px}.trend-chart{justify-content:space-between;align-items:flex-end;gap:6px;height:140px;padding:8px 0;display:flex}.trend-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.trend-bar{background:linear-gradient(#4facfe,#00f2fe);border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:100%;max-width:32px;min-height:8px;padding-top:2px;transition:height .8s;display:flex;position:relative}.trend-value{color:#fff;opacity:.9;font-size:8px;font-weight:700}.trend-label{color:var(--text-muted,#475569);margin-top:4px;font-size:9px}.trend-footer{border-top:1px solid var(--border,#e2e8f0);color:var(--text-color,#1e293b);justify-content:space-between;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.trend-badge{color:#166534;background:#dcfce7;border-radius:40px;padding:2px 12px;font-size:12px;font-weight:600}.performance-header{border-bottom:2px solid var(--border,#e2e8f0);color:var(--text-muted,#475569);grid-template-columns:2fr 1fr 1fr 1fr .6fr;gap:8px;padding:6px 0 10px;font-size:12px;font-weight:600;display:grid}.performance-item{border-bottom:1px solid var(--border-light,#f1f5f9);grid-template-columns:2fr 1fr 1fr 1fr .6fr;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:grid}.performance-item:last-child{border-bottom:none}.performance-name{align-items:center;gap:8px;display:flex}.perf-avatar{font-size:20px}.perf-name{color:var(--text-color,#1e293b);font-weight:600;display:block}.perf-subject{color:var(--text-muted,#475569);font-size:11px}.perf-rating{color:#f59e0b;font-weight:600}.perf-classes,.perf-students{text-align:center;color:var(--text-color,#1e293b)}.perf-trend{text-align:center;font-size:18px}.perf-trend.up{color:#22c55e}.perf-trend.down{color:#ef4444}.perf-trend.stable{color:var(--text-muted)}.recent-list{flex-direction:column;gap:10px;display:flex}.recent-item{background:var(--hover-bg,#f8fafc);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.recent-item:hover{background:var(--hover-bg,#f1f5f9)}.recent-avatar{font-size:28px;position:relative}.recent-status{border:2px solid var(--card-bg,#fff);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.recent-status.active{background:#22c55e}.recent-status.pending{background:#f59e0b}.recent-status.inactive{background:#94a3b8}.recent-info{flex-direction:column;flex:1;display:flex}.recent-name{color:var(--text-color,#1e293b);font-size:14px;font-weight:600}.recent-subject{color:var(--text-muted,#475569);font-size:12px}.recent-date{color:var(--text-color,#1e293b);opacity:.3;font-size:12px}.recent-footer{border-top:1px solid var(--border,#e2e8f0);color:var(--text-color,#1e293b);justify-content:space-between;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.recent-new{color:var(--accent-text);font-weight:600}.quick-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;display:grid}.quick-stat-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex}.quick-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000a}.quick-stat-icon{font-size:28px}.quick-stat-value{color:var(--text-color,#1e293b);font-size:18px;font-weight:700;line-height:1.2;display:block}.quick-stat-label{color:var(--text-muted,#475569);font-size:12px}[data-theme=dark] .stat-card,[data-theme=dark] .stats-card,[data-theme=dark] .quick-stat-card{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .stat-value{color:var(--text-color,#e2e8f0)}[data-theme=dark] .stat-label{color:var(--text-color,#94a3b8)}[data-theme=dark] .stats-card h3{color:var(--text-color,#e2e8f0)}[data-theme=dark] .stats-filter{background:var(--card-bg,#1e293b);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .distribution-name{color:var(--text-color,#e2e8f0)}[data-theme=dark] .distribution-count{color:var(--text-color,#94a3b8)}[data-theme=dark] .trend-bar{background:linear-gradient(#8b5cf6,#d946ef)}[data-theme=dark] .trend-badge{color:#86efac;background:#166534}[data-theme=dark] .perf-name,[data-theme=dark] .perf-classes,[data-theme=dark] .perf-students{color:var(--text-color,#e2e8f0)}[data-theme=dark] .recent-item{background:var(--input-bg,#334155)}[data-theme=dark] .recent-item:hover{background:var(--hover-bg,#334155)}[data-theme=dark] .recent-name{color:var(--text-color,#e2e8f0)}[data-theme=dark] .recent-subject,[data-theme=dark] .recent-date{color:var(--text-color,#94a3b8)}[data-theme=dark] .recent-footer,[data-theme=dark] .trend-footer{border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .performance-header{border-color:var(--border,#334155);color:var(--text-color,#94a3b8)}[data-theme=dark] .performance-item{border-color:var(--border,#334155)}[data-theme=dark] .quick-stat-value{color:var(--text-color,#e2e8f0)}[data-theme=dark] .quick-stat-label{color:var(--text-color,#94a3b8)}[data-theme=dark] .teacher-stats-header h2{color:var(--text-color,#e2e8f0)}[data-theme=dark] .recent-new{color:#93c5fd}@media (width<=1024px){.stats-row{grid-template-columns:1fr}}@media (width<=768px){.teacher-stats-header{flex-direction:column;align-items:flex-start}.stats-controls{width:100%}.stats-filter{flex:1}.stats-grid,.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.performance-header,.performance-item{grid-template-columns:1.5fr .8fr .8fr .8fr .5fr;gap:4px;font-size:12px}.trend-chart{height:100px}.trend-bar{max-width:24px}.trend-value{font-size:7px}.stats-card{padding:14px 16px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:12px 14px}.stat-value,.stat-icon{font-size:20px}.quick-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.quick-stat-card{padding:10px 12px}.quick-stat-value{font-size:15px}.quick-stat-icon{font-size:22px}.performance-header,.performance-item{grid-template-columns:1.2fr .6fr .6fr .6fr .4fr;gap:2px;font-size:10px}.perf-avatar{font-size:16px}.perf-name{font-size:12px}.perf-rating{font-size:11px}.stats-filter{padding:6px 10px;font-size:12px}.stats-card{padding:12px 14px}}.teacher-requests-container{padding:20px 0;animation:.4s fadeIn}.requests-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-left h2{color:var(--text-color,#1e293b);font-size:20px;font-weight:700}.requests-count{color:#fff;background:#ef4444;border-radius:40px;padding:2px 12px;font-size:13px;font-weight:600}.header-stats{gap:12px;display:flex}.header-stat{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);border-radius:10px;flex-direction:column;align-items:center;padding:4px 14px;font-size:13px;font-weight:600;display:flex}.header-stat span:first-child{font-size:16px}.header-stat span:last-child{opacity:.5;font-size:10px;font-weight:400}.header-stat.total{color:var(--text-color,#1e293b)}.header-stat.pending{color:#f59e0b}.header-stat.approved{color:#22c55e}.header-stat.rejected{color:#ef4444}.requests-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.filter-tabs{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.filter-tab{color:var(--text-color,#1e293b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .3s}.filter-tab:hover{background:var(--hover-bg,#f1f5f9)}.filter-tab.active{background:linear-gradient(135deg, var(--gradient-start,#4facfe), var(--gradient-end,#00f2fe));color:#fff}.requests-list{flex-direction:column;gap:12px;display:flex}.request-item{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:16px 20px;transition:all .3s;box-shadow:0 2px 8px #0000000a}.request-item:hover{box-shadow:0 8px 24px #0000000f}.request-item.pending{border-right:4px solid #f59e0b}.request-item.approved{border-right:4px solid #22c55e}.request-item.rejected{opacity:.7;border-right:4px solid #ef4444}.request-main{align-items:flex-start;gap:16px;display:flex}.request-avatar{flex-shrink:0;font-size:36px}.request-info{flex-direction:column;flex:1;gap:6px;display:flex}.request-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.request-name{color:var(--text-color,#1e293b);font-size:16px;font-weight:700}.request-priority{border-radius:40px;padding:2px 10px;font-size:11px;font-weight:600}.priority-high{color:#991b1b;background:#fee2e2}.priority-medium{color:#92400e;background:#fef3c7}.priority-low{color:#166534;background:#dcfce7}.request-status{border-radius:40px;padding:2px 12px;font-size:12px;font-weight:600}.status-pending{color:#92400e;background:#fef3c7}.status-approved{color:#166534;background:#dcfce7}.status-rejected{color:#991b1b;background:#fee2e2}.request-details-row{color:var(--text-color,#1e293b);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.request-details-row span{opacity:.5}.request-message-preview{color:var(--text-color,#1e293b);opacity:.7;font-size:13px}.request-actions{flex-shrink:0;gap:6px;display:flex}.request-actions button{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.approve-btn{color:#166534;background:#dcfce7}.approve-btn:hover{color:#fff;background:#22c55e}.reject-btn{color:#991b1b;background:#fee2e2}.reject-btn:hover{color:#fff;background:#ef4444}.detail-btn{background:var(--hover-bg,#f1f5f9);color:var(--text-color,#1e293b)}.detail-btn:hover{background:var(--gradient-start,#4facfe);color:#fff}.request-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.request-modal{background:var(--card-bg,#fff);border-radius:20px;width:100%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 24px 80px #0003}.request-modal-header{border-bottom:1px solid var(--border,#e2e8f0);align-items:center;gap:16px;padding:20px 24px;display:flex;position:relative}.modal-avatar{border-radius:74px;flex-shrink:0;width:100px;height:100px;font-size:44px;overflow:hidden}.modal-avatar img{width:100%}.modal-info{flex:1}.modal-info h3{color:var(--text-color,#1e293b);font-size:18px;font-weight:700}.modal-info span{color:var(--text-muted,#475569);font-size:13px;display:block}.modal-specialty{opacity:.4!important;font-size:12px!important}.modal-close{color:var(--text-color,#1e293b);opacity:.3;cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;transition:all .3s;position:absolute;top:12px;left:12px}.modal-close:hover{opacity:1;transform:rotate(90deg)}.request-modal-body{padding:20px 24px}.modal-details-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-detail{background:var(--hover-bg,#f8fafc);border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.modal-detail.full{grid-column:1/-1}.detail-label{color:var(--text-muted,#475569);font-size:11px;font-weight:600}.detail-value{color:var(--text-color,#1e293b);font-size:13px;font-weight:500}.modal-message{color:var(--text-color,#1e293b);background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:8px 12px;font-size:14px;line-height:1.8}.modal-attachments{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.attachment-item{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);color:var(--text-color,#1e293b);border-radius:10px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:flex}.attachment-item i{color:#ef4444}.status-badge{border-radius:40px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.approved{color:#166534;background:#dcfce7}.status-badge.rejected{color:#991b1b;background:#fee2e2}.request-modal-footer{border-top:1px solid var(--border,#e2e8f0);gap:10px;padding:16px 24px 24px;display:flex}.modal-approve-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .3s}.modal-approve-btn:hover{background:#16a34a;transform:scale(1.02)}.modal-reject-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .3s}.modal-reject-btn:hover{background:#dc2626;transform:scale(1.02)}.modal-close-btn{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-color,#1e293b);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .3s}.modal-close-btn:hover{background:var(--hover-bg,#f1f5f9)}[data-theme=dark] .request-item{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .request-name{color:var(--text-color,#e2e8f0)}[data-theme=dark] .request-details-row span,[data-theme=dark] .request-message-preview{color:var(--text-color,#94a3b8)}[data-theme=dark] .filter-tabs{background:var(--card-bg,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .filter-tab{color:var(--text-color,#e2e8f0)}[data-theme=dark] .filter-tab:hover{background:var(--input-bg,#334155)}[data-theme=dark] .header-stat{background:var(--card-bg,#1e293b);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .header-left h2{color:var(--text-color,#e2e8f0)}[data-theme=dark] .request-modal{background:var(--card-bg,#1e293b)}[data-theme=dark] .modal-info h3{color:var(--text-color,#e2e8f0)}[data-theme=dark] .modal-detail{background:var(--input-bg,#334155)}[data-theme=dark] .detail-value{color:var(--text-color,#e2e8f0)}[data-theme=dark] .modal-message,[data-theme=dark] .modal-close-btn{background:var(--card-bg,#1e293b);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .modal-close-btn:hover{background:var(--input-bg,#334155)}[data-theme=dark] .detail-btn{background:var(--input-bg,#334155);color:var(--text-color,#e2e8f0)}[data-theme=dark] .detail-btn:hover{background:var(--gradient-start,#8b5cf6);color:#fff}[data-theme=dark] .attachment-item{background:var(--card-bg,#1e293b);border-color:var(--border,#334155);color:var(--text-color,#e2e8f0)}@media (width<=768px){.requests-header{flex-direction:column;align-items:flex-start}.header-stats{justify-content:space-between;width:100%}.academic-table-wrapper{overflow:auto}.requests-filters{flex-direction:column}.filter-tabs{justify-content:center;width:100%}.request-main{flex-direction:column;align-items:flex-start}.request-actions{width:100%}.request-actions button{flex:1;justify-content:center}.request-modal{max-width:100%;margin:10px}.modal-details-grid{grid-template-columns:1fr}.modal-detail.full{grid-column:1}.request-modal-footer{flex-direction:column}.request-name-row{flex-wrap:wrap}}@media (width<=480px){.header-stats{gap:6px}.header-stat{padding:2px 10px;font-size:11px}.header-stat span:first-child{font-size:13px}.filter-tab{padding:4px 10px;font-size:11px}.request-item{padding:12px 14px}.request-name{font-size:14px}.request-details-row{gap:10px;font-size:11px}.request-actions button{padding:4px 10px;font-size:11px}.request-modal-header{text-align:center;flex-direction:column}.modal-avatar{border-radius:74px;width:100px;height:100px;font-size:36px;overflow:hidden}.modal-info{text-align:center}.modal-close{position:absolute;top:8px;left:8px}}.teacher-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:16px;font-weight:600;display:flex;overflow:hidden}.teacher-avatar img{object-fit:cover;width:100%;height:100%}.teacher-avatar span{text-transform:uppercase}.students-page{background:var(--bg-body);width:100%;min-height:100%;color:var(--text-color);direction:rtl;padding:28px;font-family:inherit;transition:background-color .25s,color .25s}.students-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.students-header h1{color:var(--text-color);margin:0 0 6px;font-size:25px;font-weight:800}.students-header p{color:var(--text-color);opacity:.58;margin:0;font-size:14px}.add-student-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 6px 16px #0e7c862e}.add-student-btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0e7c8640}.add-student-btn:active{transform:translateY(0)}.add-student-btn span{font-size:21px;line-height:1}.students-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);min-height:86px;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:background-color .25s,border-color .25s,transform .2s;display:flex}.stat-card:hover{transform:translateY(-2px)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:19px;font-weight:800;display:flex}.stat-icon.total{background:color-mix(in srgb, var(--gradient-start) 18%, transparent);color:var(--gradient-end)}.stat-icon.active{background:color-mix(in srgb, var(--gradient-start) 18%, transparent);color:var(--gradient-start)}.stat-icon.inactive{color:var(--text-muted,#475569)}.stat-card span{color:var(--text-color);margin-bottom:4px;font-size:14px;display:block}.stat-card strong{color:var(--text-color);font-size:21px;font-weight:800;display:block}.students-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;transition:background-color .25s,border-color .25s,box-shadow .25s}.students-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.entity-select-filters{border-bottom:1px solid var(--border);padding:0 20px 16px}.entity-select-filters__guide{color:var(--text-muted,#475569);margin:12px 0 10px;font-size:12px;line-height:1.6}.entity-select-filters__row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.entity-select-filters__field{flex-direction:column;flex:150px;gap:6px;min-width:150px;max-width:220px;display:flex}.entity-select-filters__field label{color:var(--text-color);opacity:.8;min-height:18px;font-size:12px;font-weight:600;line-height:1.4}.entity-select-filters__select{background:var(--input-bg);border:1px solid var(--border);width:100%;height:42px;color:var(--text-color);cursor:pointer;border-radius:10px;outline:none;flex-shrink:0;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s,background-color .2s}.entity-select-filters__select:hover:not(:disabled){background:var(--hover-bg)}.entity-select-filters__select:focus{border-color:var(--gradient-end)}.entity-select-filters__select:disabled{opacity:.55;cursor:not-allowed}.entity-select-filters__hint{min-height:2.8em;color:var(--text-muted,#475569);font-size:11px;line-height:1.4;display:block}.entity-select-filters__hint:empty{visibility:hidden}.entity-select-filters__actions{align-items:flex-start;padding-top:24px;display:flex}.entity-select-filters__clear{border:1px dashed var(--border);height:42px;color:var(--text-color);cursor:pointer;opacity:.75;background:0 0;border-radius:10px;padding:0 14px;font-family:inherit;font-size:12px;transition:opacity .2s,border-color .2s,background-color .2s}.entity-select-filters__clear:hover{opacity:1;background:var(--hover-bg);border-color:var(--gradient-end)}.entity-select-filters__result{color:var(--text-muted,#475569);margin-top:10px;font-size:12px}.entity-date-range{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.entity-date-range__field{flex-direction:column;flex:150px;gap:6px;min-width:150px;max-width:220px;display:flex}.entity-date-range__field label{color:var(--text-color);opacity:.8;font-size:12px;font-weight:600}.entity-date-range__field .rmdp-container{width:100%}.entity-date-range__field .rmdp-input{background:var(--input-bg);border:1px solid var(--border);width:100%;height:42px;color:var(--text-color);border-radius:10px;padding:0 12px;font-family:inherit;font-size:13px}.entity-date-range__hint{color:var(--text-muted,#475569);flex:100%;font-size:11px;line-height:1.5}@media (width<=600px){.entity-date-range__field{flex:100%;max-width:none}}.form-field-hint{color:var(--text-muted,#475569);margin-top:6px;font-size:11px;line-height:1.5;display:block}.class-capacity-cell{flex-direction:column;align-items:flex-start;gap:2px;display:inline-flex}.class-capacity-cell .capacity-main{font-size:13px;font-weight:600}.class-capacity-cell .capacity-sub{opacity:.55;font-size:11px}.class-capacity-cell.is-full .capacity-main{color:#dc2626}.class-capacity-cell.is-near .capacity-main{color:#d97706}.class-capacity-cell.is-empty .capacity-main{color:#64748b}.student-class-label{background:var(--hover-bg,#94a3b81f);max-width:180px;color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.student-class-label.is-unassigned{color:#d97706;background:#f59e0b1f}@media (width<=900px){.entity-select-filters__field{flex:calc(50% - 12px);max-width:none}}@media (width<=600px){.entity-select-filters__field{flex:100%}.entity-select-filters__actions,.entity-select-filters__clear{width:100%}}.search-box{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;max-width:430px;height:42px;padding:0 13px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex}.search-box:focus-within{background:var(--card-bg);border-color:var(--gradient-end);box-shadow:0 0 0 3px color-mix(in srgb, var(--gradient-end) 12%, transparent)}.search-icon{color:var(--text-color);opacity:.55;height:25px;margin-left:8px;font-size:22px}.search-box input{width:100%;color:var(--text-color);background:0 0;border:none;outline:none;font-family:inherit;font-size:13px}.search-box input::placeholder{color:var(--text-muted,#475569)}.students-toolbar select{background:var(--input-bg);border:1px solid var(--border);min-width:145px;height:42px;color:var(--text-color);cursor:pointer;border-radius:10px;outline:none;padding:0 13px;font-family:inherit;font-size:13px;transition:background-color .2s,border-color .2s}.students-toolbar select:hover{background:var(--hover-bg)}.students-toolbar select:focus{border-color:var(--gradient-end)}.students-result{color:var(--text-muted,#475569);padding:15px 20px 8px;font-size:12px}.table-wrapper{width:100%}thead{background:var(--input-bg)}th{text-align:right;color:var(--text-muted,#475569);white-space:nowrap;border-bottom:1px solid var(--border);padding:14px 20px;font-size:11px;font-weight:700}td{color:var(--text-color);white-space:nowrap;border-bottom:1px solid var(--border);padding:15px 20px;font-size:13px}tbody tr{transition:background-color .18s}tbody tr:hover{background:var(--hover-bg)}tbody tr:last-child td{border-bottom:none}.student-info{align-items:center;gap:11px;display:flex}.student-avatar{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;width:40px;height:40px;box-shadow:0 4px 10px color-mix(in srgb, var(--gradient-end) 20%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;overflow:hidden}.student-avatar img{width:40px;height:40px}.student-info strong{color:var(--text-color);margin-bottom:3px;font-size:13px;display:block}.student-info small{color:var(--text-muted,#475569);font-size:10px;display:block}.phone{color:var(--text-muted,#475569);direction:ltr;font-size:12px}.class-badge{background:var(--hover-bg);border:1px solid var(--border);color:var(--gradient-end);border-radius:7px;align-items:center;padding:6px 9px;font-size:11px;display:inline-flex}.progress-wrapper{align-items:center;gap:8px;min-width:120px;display:flex}.progress-value{background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));border-radius:inherit;height:100%;transition:width .4s}.progress-wrapper span{color:var(--text-muted,#475569);font-size:11px;font-weight:700}.status{border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;display:inline-flex;width:fit-content!important;height:auto!important;font-size:11px!important}.status i{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status.active{background:color-mix(in srgb, var(--gradient-start) 15%, transparent);color:var(--gradient-end)}.status.active i{background:var(--gradient-start);box-shadow:0 0 0 3px color-mix(in srgb, var(--gradient-start) 12%, transparent)}.status.inactive{background:var(--hover-bg);color:var(--text-muted,#475569)}.status.inactive i{background:var(--text-color);opacity:.5}.activity{color:var(--text-muted,#475569);font-size:12px}.action-wrapper{z-index:101;position:relative}.empty-state{text-align:center;color:var(--text-color);padding:70px 20px}.empty-state>div{opacity:.6;margin-bottom:10px;font-size:35px}.pagination{border-top:1px solid var(--border);min-height:64px;color:var(--text-muted,#475569);justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;display:flex}.pagination>div{gap:5px;display:flex}.pagination button{background:var(--card-bg);border:1px solid var(--border);min-width:34px;height:32px;color:var(--text-color);cursor:pointer;border-radius:7px;padding:0 9px;font-family:inherit;font-size:11px;transition:background-color .18s,border-color .18s,color .18s}.pagination button:hover:not(:disabled){background:var(--hover-bg);border-color:var(--gradient-end);color:var(--gradient-end)}.pagination button.page-active{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;opacity:1;border-color:#0000}.pagination button:disabled{cursor:not-allowed;opacity:.35}.pagination-page-size{background:var(--card-bg);border:1px solid var(--border);min-height:32px;color:var(--text-color);cursor:pointer;border-radius:7px;margin-inline-end:4px;padding:0 10px;font-family:inherit;font-size:11px}@media (width<=900px){.students-page{padding:18px}.students-stats{grid-template-columns:1fr}.students-header{align-items:flex-start;gap:15px}.students-toolbar{flex-wrap:wrap}.search-box{flex-basis:100%;max-width:none}.students-toolbar select{flex:1}}@media (width<=600px){.students-page{padding:14px}.students-header{flex-direction:column}.add-student-btn{width:100%}.pagination{flex-direction:column;align-items:flex-start;gap:12px;min-height:auto;padding:15px 20px}}.delete-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);background:#030f128c;justify-content:center;align-items:center;padding:20px;animation:.2s deleteOverlayIn;display:flex;position:fixed;inset:0}.delete-modal{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:22px;width:min(420px,100%);padding:28px;animation:.25s deleteModalIn;box-shadow:0 25px 70px #00000038}.delete-icon{color:#df5c5c;background:#dc46461a;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex;box-shadow:inset 0 0 0 1px #dc464614}.delete-icon span{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:17px;font-weight:800;display:flex}.delete-content h2{color:var(--text-color);margin:0 0 10px;font-size:19px;font-weight:800}.delete-content p{color:var(--text-muted,#475569);margin:0;font-size:13px;line-height:2}.delete-warning{color:#df5c5c;margin-top:7px;font-size:11px;display:block}.delete-actions{gap:10px;margin-top:25px;display:flex}.delete-actions button{cursor:pointer;border-radius:10px;flex:1;height:43px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .18s,background-color .18s,border-color .18s}.cancel-delete{background:var(--input-bg);border:1px solid var(--border);color:var(--text-color)}.cancel-delete:hover{background:var(--hover-bg)}.confirm-delete{color:#fff;background:#d95757;border:1px solid #d95757;box-shadow:0 5px 15px #d9575733}.confirm-delete:hover{background:#c94747;border-color:#c94747;transform:translateY(-1px)}.confirm-delete:active{transform:translateY(0)}@keyframes deleteOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes deleteModalIn{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=500px){.delete-modal{border-radius:19px;padding:24px 20px}.delete-actions{flex-direction:column-reverse}.delete-actions button{width:100%}}.user-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);direction:rtl;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}.user-modal{background:var(--card-bg);width:min(920px,100%);max-height:calc(100vh - 48px);color:var(--text-color);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;animation:.25s modalScale;display:flex;position:relative}.profile-edit-modal{width:min(480px,100%)}.profile-edit-form{flex-direction:column;gap:14px;padding:24px 28px 28px;display:flex;overflow:auto}.user-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.user-modal-header h2{color:var(--text-color);margin:0;font-size:21px;font-weight:800}.user-modal-header p{color:color-mix(in srgb, var(--text-color) 55%, transparent);margin:7px 0 0;font-size:13px}.modal-close{width:38px;height:38px;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:25px;line-height:1;transition:background .2s,color .2s,transform .2s;display:flex}.modal-close:hover{background:var(--hover-bg);color:var(--gradient-end);transform:rotate(90deg)}.user-progress{background:var(--card-bg);justify-content:space-between;align-items:flex-start;padding:25px 38px 18px;display:flex;position:relative}.user-progress:before{content:"";background:var(--border);border-radius:10px;height:3px;position:absolute;top:40px;left:65px;right:65px}.user-progress-line{background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));z-index:1;border-radius:10px;height:3px;transition:width .3s;position:absolute;top:40px;right:65px}.progress-item{z-index:2;min-width:80px;color:var(--text-color);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;font-family:inherit;display:flex;position:relative}.progress-number{border:2px solid var(--border);background:var(--card-bg);width:31px;height:31px;color:var(--text-color);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;transition:all .25s;display:flex}.progress-title{color:var(--text-color);white-space:nowrap;font-size:11px;font-weight:600}.progress-item.active .progress-number{border-color:var(--gradient-end);background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;box-shadow:0 0 0 5px color-mix(in srgb, var(--gradient-start) 18%, transparent)}.progress-item.active .progress-title{color:var(--gradient-end);font-weight:800}.progress-item.completed .progress-number{border-color:var(--gradient-end);background:var(--gradient-end);color:#fff}.progress-item.completed .progress-title{color:var(--gradient-end)}.user-tabs{border-bottom:1px solid var(--border);gap:5px;padding:10px 22px;display:flex;overflow-x:auto}.user-tabs img{width:20px}.user-tabs::-webkit-scrollbar{height:0}.user-tab{color:var(--text-color);white-space:nowrap;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:7px;padding:13px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:color .2s,background .2s;display:flex;position:relative}.user-tab:after{content:"";background:0 0;border-radius:5px 5px 0 0;height:2px;transition:background .2s;position:absolute;bottom:-1px;left:12px;right:12px}.user-tab:hover{background:var(--hover-bg);color:var(--gradient-end)}.user-tab.active{color:var(--gradient-end)}.user-tab.active:after{background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end))}.user-form{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.user-form::-webkit-scrollbar{width:6px}.user-form::-webkit-scrollbar-track{background:0 0}.user-form::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.tab-content{padding:28px}.section-title{align-items:center;gap:13px;margin-bottom:25px;display:flex}.section-title>span{background:var(--hover-bg);height:44px;color:var(--gradient-end);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:21px;display:flex}.section-title h3{color:var(--text-color);margin:0;font-size:16px;font-weight:800}.section-title p{color:color-mix(in srgb, var(--text-color) 55%, transparent);margin:5px 0 0;font-size:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 20px;display:grid}.form-group{flex-direction:column;min-width:0;display:flex}.form-group.full{width:100%}.form-group label{color:var(--text-color);align-items:center;gap:4px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.form-group label span{color:#ef4444}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-color);border-radius:10px;outline:none;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input,.form-group select{height:45px;padding:0 13px}.form-group textarea{resize:vertical;min-height:150px;padding:13px;line-height:1.8}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--gradient-start)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gradient-end);background:var(--card-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--gradient-start) 16%, transparent)}.avatar-upload{align-items:center;gap:14px;display:flex}.avatar-preview,.avatar-placeholder{object-fit:cover;border-radius:14px;flex-shrink:0;width:52px;height:52px}.avatar-placeholder{background:var(--hover-bg);color:var(--gradient-end);justify-content:center;align-items:center;font-size:23px;display:flex}.avatar-upload input[type=file]{cursor:pointer;height:auto;padding:8px}.gender-buttons,.status-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.gender-buttons button,.status-buttons button{width:100%!important;height:40px!important}.gender-buttons .gender,.status-buttons .status{border:1px solid var(--border);background:var(--input-bg);height:45px;color:var(--text-color);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:3px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.gender-buttons .gender:hover,.status-buttons .status:hover{border-color:var(--gradient-end);background:var(--hover-bg);color:var(--gradient-end)}.gender-buttons .gender.active,.status-buttons .status.active{border-color:var(--gradient-end);background:var(--hover-bg);color:var(--gradient-end);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gradient-end) 15%, transparent);font-weight:800}.account-status{box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg);height:45px;color:var(--text-color);border-radius:10px;align-items:center;gap:9px;padding:0 13px;font-size:13px;font-weight:600;display:flex}.status-dot{background:#94a3b8;border-radius:50%;width:9px;height:9px}.status-dot.active{background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.status-dot.inactive{background:#ef4444;box-shadow:0 0 0 4px #ef44441f}.user-modal-footer{border-top:1px solid var(--border);background:var(--card-bg);justify-content:space-between;align-items:center;gap:15px;padding:17px 25px;display:flex}.footer-actions{align-items:center;gap:9px;display:flex}.cancel-btn,.previous-btn,.next-btn,.submit-btn{cursor:pointer;border-radius:10px;height:42px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.cancel-btn{border:1px solid var(--border);color:var(--text-color);background:0 0}.cancel-btn:hover{background:var(--hover-bg);color:var(--gradient-end)}.previous-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-color)}.previous-btn:hover{border-color:var(--gradient-end);background:var(--hover-bg);color:var(--gradient-end)}.next-btn,.submit-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;box-shadow:var(--shadow);border:none}.next-btn:hover,.submit-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.cancel-btn:active,.previous-btn:active,.next-btn:active,.submit-btn:active{transform:scale(.97)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.user-modal-overlay{padding:10px}.user-modal{border-radius:17px;max-height:calc(100vh - 20px)}.user-modal-header{padding:19px}.user-modal-header h2{font-size:18px}.user-progress{padding:20px 15px 15px;overflow-x:auto}.user-progress:before{left:40px;right:40px}.user-progress-line{right:40px}.progress-item{min-width:65px}.progress-title{font-size:10px}.user-tabs{padding:0 10px}.user-tab{padding:12px 11px;font-size:11px}.tab-content{padding:20px 16px}.form-grid{grid-template-columns:1fr;gap:16px}.user-modal-footer{padding:13px 15px}.footer-actions{gap:6px}.cancel-btn,.previous-btn,.next-btn,.submit-btn{height:40px;padding:0 12px;font-size:11px}}@media (width<=430px){.user-modal-footer{flex-direction:column-reverse;align-items:stretch}.footer-actions{width:100%}.footer-actions button{flex:1}.cancel-btn{width:100%}}.img-box-edit{flex-direction:row;align-items:center;column-gap:3px;display:flex}.img-box-edit img{width:auto;max-width:60px;height:auto;max-height:50px}.img-box-edit input{padding-top:10px}.add-teacher{width:100%;color:var(--text-color)}.add-teacher-header{margin-bottom:24px}.add-teacher-header h2{margin:0 0 6px;font-size:22px;font-weight:700}.add-teacher-header p{color:var(--text-muted,#475569);margin:0;font-size:14px}.teacher-tabs{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;padding:6px;display:grid}.teacher-tab{width:100%;color:var(--text-color);cursor:pointer;text-align:right;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;transition:background .25s,border-color .25s,transform .2s,box-shadow .25s;display:flex;position:relative}.teacher-tab:hover{background:var(--hover-bg)}.teacher-tab.active{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;box-shadow:0 6px 18px #0e7c8638}.tab-icon{background:var(--input-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;transition:all .25s;display:flex}.teacher-tab.active .tab-icon{background:#ffffff2e}.tab-info{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.tab-info strong{font-size:14px;font-weight:700}.tab-info small{opacity:.65;font-size:11px}.teacher-tab.active .tab-info small{opacity:.85}.teacher-tab-content{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;min-height:300px;padding:24px}@media (width<=600px){.teacher-tabs{grid-template-columns:1fr}.teacher-tab-content{padding:16px}}.excel-class-picker{border:1px solid var(--border);background:var(--card-bg);border-radius:16px;margin-bottom:18px;padding:16px}.excel-class-picker-head{margin-bottom:12px}.excel-class-picker-head strong{color:var(--text-color);margin-bottom:4px;font-size:14px;display:block}.excel-class-picker-head span{color:var(--text-muted);font-size:12px;line-height:1.7;display:block}.excel-class-empty{min-height:220px;margin-top:0}.excel-class-selected-hint{background:color-mix(in srgb, var(--gradient-end) 10%, var(--input-bg));color:var(--text-color);border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12.5px}.excel-dropzone.is-disabled{opacity:.55;cursor:not-allowed}.excel-dropzone.is-disabled:hover{border-color:var(--border);background:inherit}.excel-upload{width:100%;color:var(--text-color)}.excel-title{align-items:center;gap:14px;margin-bottom:24px;display:flex}.excel-title-icon{background:var(--hover-bg);border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.excel-title h3{margin:0 0 5px;font-size:17px;font-weight:700}.excel-title p{opacity:.65;margin:0;font-size:13px}.excel-dropzone{border:2px dashed var(--border);background:var(--input-bg);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;transition:background .25s,border-color .25s,transform .2s;display:flex}.excel-dropzone:hover{border-color:var(--gradient-end);background:var(--hover-bg);transform:translateY(-1px)}.drop-icon{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:15px;font-size:25px;display:flex}.excel-dropzone h4{margin:0 0 7px;font-size:15px}.excel-dropzone p{opacity:.65;margin:0 0 9px;font-size:13px}.excel-dropzone span{opacity:.45;font-size:11px}.excel-template{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 16px;display:flex}.template-info{align-items:center;gap:12px;min-width:0;display:flex}.template-icon{background:var(--hover-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.template-text{flex-direction:column;gap:4px;min-width:0;display:flex}.template-text strong{font-size:13px}.template-text span{opacity:.55;font-size:11px}.template-button{border:1px solid var(--border);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;font-size:12px;transition:all .2s;display:inline-flex}.template-button:hover:not(:disabled){background:var(--hover-bg);border-color:var(--gradient-end);color:var(--gradient-end)}.template-button:disabled{opacity:.5;cursor:not-allowed}.excel-loading{min-height:240px;color:var(--text-color);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.excel-loading strong{font-size:14px}.excel-loading span{opacity:.5;font-size:11px}.loading-spinner{border:3px solid var(--border);border-top-color:var(--gradient-end);border-radius:50%;width:38px;height:38px;margin-bottom:5px;animation:.8s linear infinite excel-spin}@keyframes excel-spin{to{transform:rotate(360deg)}}.excel-error{color:#dc2626;background:#dc262614;border-radius:10px;align-items:flex-start;gap:9px;margin-top:14px;padding:12px 15px;font-size:13px;display:flex}.excel-error p{white-space:pre-line;margin:0}.selected-excel-file{background:var(--input-bg);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 16px;display:flex}.file-info{align-items:center;gap:12px;min-width:0;display:flex}.file-icon{background:var(--hover-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.file-details{flex-direction:column;gap:4px;min-width:0;display:flex}.file-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.file-details small{opacity:.55;font-size:11px}.remove-file{color:#dc2626;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-family:inherit;font-size:12px}.excel-import-stats{flex-wrap:wrap;gap:10px;margin:12px 0 16px;display:flex}.excel-stat-chip{border:1px solid var(--border);background:var(--input-bg);border-radius:12px;flex-direction:column;gap:4px;min-width:92px;padding:10px 12px;display:flex}.excel-stat-chip span{color:var(--text-muted);font-size:11px}.excel-stat-chip strong{color:var(--text-color);font-size:18px}.excel-stat-chip.is-success{background:#16a34a1a;border-color:#16a34a47}.excel-stat-chip.is-success strong{color:#15803d}.excel-stat-chip.is-warning{background:#d977061a;border-color:#d9770647}.excel-stat-chip.is-warning strong{color:#b45309}.excel-stat-chip.is-error{background:#dc26261a;border-color:#dc262647}.excel-stat-chip.is-error strong{color:#dc2626}.excel-stat-chip.is-pending{background:#037c8b1a;border-color:#037c8b47}.excel-stat-chip.is-pending strong{color:#0f766e}.excel-status-cell{min-width:150px;position:relative;overflow:visible}.excel-status-wrap{align-items:center;gap:8px;display:inline-flex;position:relative}.excel-status-label{font-size:12px;font-weight:600}.excel-status-label.kind-success{color:#15803d}.excel-status-label.kind-warning{color:#b45309}.excel-status-label.kind-error{color:#dc2626}.excel-status-label.kind-pending{color:#0f766e}.excel-error-tip-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.excel-error-tip-btn.kind-error{color:#dc2626;background:#dc26261f;border-color:#dc262647}.excel-error-tip-btn.kind-warning{color:#b45309;background:#d977061f;border-color:#d9770647}.excel-error-tip-btn:hover,.excel-error-tip-btn.is-active{transform:translateY(-1px);box-shadow:0 6px 14px #0000001f}.excel-error-tip-btn.kind-error.is-active{background:#dc262633}.excel-error-tip-btn.kind-warning.is-active{background:#d9770633}.excel-result-row.is-open td{z-index:3;position:relative}.excel-error-float{z-index:10050;background:var(--card-bg,#fff);width:min(320px,100vw - 24px);color:var(--text-color,#0f172a);border:1px solid var(--border,#e2e8f0);direction:rtl;border-radius:14px;padding:12px 12px 14px;animation:.16s excel-error-float-in;position:fixed;box-shadow:0 18px 40px #0f172a2e,0 2px 8px #0f172a14}.excel-error-float.kind-error{background:linear-gradient(180deg, #fee2e28c, transparent 42%), var(--card-bg,#fff);border-color:#dc262659}.excel-error-float.kind-warning{background:linear-gradient(180deg, #fef3c78c, transparent 42%), var(--card-bg,#fff);border-color:#d9770659}.excel-error-float-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.excel-error-float-title{align-items:flex-start;gap:10px;display:flex}.excel-error-float-title strong{margin-bottom:2px;font-size:13px;font-weight:700;display:block}.excel-error-float-title small{color:var(--text-muted,#64748b);font-size:11px;display:block}.excel-error-float-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.excel-error-float-icon.kind-error{color:#dc2626;background:#dc26261f}.excel-error-float-icon.kind-warning{color:#b45309;background:#d9770624}.excel-error-float-close{width:28px;height:28px;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.excel-error-float-close:hover{background:var(--hover-bg,#0f172a0f);color:var(--text-color,#0f172a)}.excel-error-float-body{background:color-mix(in srgb, var(--input-bg,#f8fafc) 88%, transparent);border:1px solid color-mix(in srgb, var(--border,#e2e8f0) 80%, transparent);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.8}@keyframes excel-error-float-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.excel-summary{background:var(--hover-bg);border-radius:14px;align-items:center;gap:13px;margin-bottom:18px;padding:16px;display:flex}.summary-number{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:flex}.summary-text{flex-direction:column;gap:4px;display:flex}.summary-text strong{font-size:13px}.summary-text span{opacity:.6;font-size:11px}.excel-preview{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;overflow:hidden}.preview-header{border-bottom:1px solid var(--border);padding:15px 17px}.preview-header>div{justify-content:space-between;align-items:center;display:flex}.preview-header h4{margin:0;font-size:14px}.preview-header span{opacity:.5;font-size:11px}.table-wrapper{width:100%;position:relative}tbody{position:relative}tbody tr{z-index:1;position:relative}tbody tr.menu-open-row{z-index:1000}tbody tr:has(.action-menu.is-open){z-index:1000}tbody tr:has(.year-action-menu.is-open){z-index:1000}.table-wrapper table{border-collapse:collapse;white-space:nowrap;width:100%}.table-wrapper th,.table-wrapper td{text-align:right;border-bottom:1px solid var(--border);padding:12px 14px;font-size:12px}.table-wrapper th{background:var(--input-bg);opacity:.8;font-weight:700}.table-wrapper td{opacity:.85;position:relative}tr td:last-child{z-index:20}.table-wrapper tbody tr{transition:background .2s}.table-wrapper tbody tr:hover{background:var(--hover-bg)}.table-wrapper tbody tr:last-child td{border-bottom:none}.more-rows{text-align:center;opacity:.55;border-top:1px solid var(--border);padding:12px 15px;font-size:11px}.more-rows strong{opacity:1;margin-right:4px}.excel-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.secondary-button,.primary-button{cursor:pointer;border:none;border-radius:10px;padding:11px 18px;font-family:inherit;font-size:13px;transition:transform .2s,background .2s,box-shadow .2s,opacity .2s}.secondary-button{background:var(--input-bg);color:var(--text-color);border:1px solid var(--border)}.secondary-button:hover{background:var(--hover-bg)}.primary-button{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;box-shadow:0 5px 14px #0e7c8633}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px #0e7c8647}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (width<=700px){.excel-template{flex-direction:column;align-items:flex-start}.template-button{width:100%}.selected-excel-file{flex-direction:column;align-items:flex-start;gap:12px}.remove-file{align-self:flex-end}.excel-actions{flex-direction:column-reverse}.secondary-button,.primary-button{width:100%}}.academic-years-page{background:var(--bg-body);width:100%;min-height:100%;color:var(--text-color);direction:rtl;padding:28px;transition:background-color .25s,color .25s}.academic-years-header{margin-bottom:22px}.academic-years-header h1{color:var(--text-color);margin:0 0 6px;font-size:25px;font-weight:800}.academic-years-header p{color:var(--text-muted,#475569);margin:0;font-size:14px}.active-year-card{background:linear-gradient(135deg, color-mix(in srgb, var(--gradient-start) 12%, var(--card-bg)), var(--card-bg));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:14px;margin-bottom:20px;padding:17px 20px;transition:background-color .25s,border-color .25s,box-shadow .25s;display:flex}.active-year-icon{background:color-mix(in srgb, var(--gradient-start) 18%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.active-year-info{flex:1;min-width:0}.active-year-info span{color:var(--text-muted,#475569);margin-bottom:3px;font-size:11px;display:block}.active-year-info strong{color:var(--text-color);font-size:17px;font-weight:800}.active-year-status{background:color-mix(in srgb, var(--gradient-start) 14%, transparent);color:var(--gradient-end);border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:700;display:flex}.active-year-status i{background:var(--gradient-start);border-radius:50%;flex-shrink:0;width:7px;height:7px}.academic-years-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;transition:background-color .25s,border-color .25s,box-shadow .25s;position:relative;overflow:visible}.academic-years-toolbar{border-bottom:1px solid var(--border);padding:20px}.academic-result{color:var(--text-muted,#475569);padding:15px 20px 8px;font-size:12px}.academic-table-wrapper{width:100%;position:relative}.academic-table-wrapper table{border-collapse:separate;border-spacing:0;width:100%;min-width:750px}.academic-table-wrapper thead{z-index:5;background:var(--input-bg);position:relative}.academic-table-wrapper th{text-align:right;height:50px;color:var(--text-muted,#475569);white-space:nowrap;border-bottom:1px solid var(--border);padding:14px 20px;font-size:11px;font-weight:700}.academic-table-wrapper tbody{z-index:1;position:relative}.academic-table-wrapper tbody tr{z-index:1;background:var(--card-bg);transition:background-color .18s,z-index;position:relative}.academic-table-wrapper tbody tr:has(.year-action-menu){z-index:1000;position:relative}.academic-table-wrapper tbody tr:hover{background:var(--hover-bg)}.academic-table-wrapper tbody tr:has(.year-action-menu){background:var(--card-bg)}.academic-table-wrapper td{color:var(--text-color);white-space:nowrap;border-bottom:1px solid var(--border);background:inherit;padding:17px 20px;font-size:13px;position:relative}.academic-table-wrapper td:last-child{overflow:visible}.academic-table-wrapper tbody tr:last-child td{border-bottom:none}.academic-year-title{align-items:center;gap:11px;display:flex}.year-icon{background:color-mix(in srgb, var(--gradient-start) 14%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.academic-year-title strong{color:var(--text-color);margin-bottom:3px;font-size:13px;font-weight:700;display:block}.academic-year-title small{color:var(--gradient-end);font-size:10px;display:block}.date{color:var(--text-muted,#475569);font-size:12px}.year-status{border-radius:20px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.year-status i{border-radius:50%;flex-shrink:0;width:6px;height:6px}.year-status.active{background:color-mix(in srgb, var(--gradient-start) 15%, transparent);color:var(--gradient-end)}.year-status.active i{background:var(--gradient-start)}.year-status.ended{background:var(--hover-bg);color:var(--text-muted,#475569)}.year-status.ended i{background:var(--text-color);opacity:.45}.year-action-wrapper{z-index:1001;justify-content:center;align-items:center;display:inline-flex;position:relative}.year-action-wrapper:has(.year-action-menu){z-index:10000}.year-action-menu{z-index:99999;background:var(--card-bg);border:1px solid var(--border);isolation:isolate;direction:rtl;border-radius:12px;width:175px;padding:6px;animation:.15s yearMenuShow;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #00000029}.year-action-menu button{width:100%;min-height:36px;color:var(--text-color);text-align:right;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;padding:8px 10px;font-family:inherit;font-size:12px;transition:background-color .15s,color .15s;display:flex}.year-action-menu button:hover{background:var(--hover-bg);color:var(--gradient-end)}@keyframes yearMenuShow{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.academic-empty{text-align:center;padding:70px 20px}.academic-empty>div{color:var(--text-color);opacity:.55;margin-bottom:10px;font-size:35px}.academic-empty h3{color:var(--text-color);margin:0 0 5px;font-size:15px;font-weight:700}.academic-empty p{color:var(--text-muted,#475569);margin:0;font-size:12px}.academic-footer{border-top:1px solid var(--border);min-height:60px;color:var(--text-muted,#475569);align-items:center;padding:0 20px;font-size:11px;display:flex}@media (width<=700px){.academic-years-page{padding:18px}.active-year-card{align-items:flex-start}.active-year-status{margin-right:auto}}@media (width<=500px){.academic-years-page{padding:14px}.academic-years-header h1{font-size:21px}.academic-years-header p{font-size:12px}.active-year-card{flex-wrap:wrap;padding:15px}.active-year-status{justify-content:center;width:100%}.academic-years-toolbar{padding:15px}.academic-result{padding-left:15px;padding-right:15px}.academic-footer{padding:0 15px}}.add-academic-year-page{background:var(--bg-body);width:100%;min-height:100%;color:var(--text-color);direction:rtl;padding:28px}.add-academic-year-header{margin-bottom:22px}.add-academic-year-header h1{color:var(--text-color);margin:0 0 6px;font-size:25px;font-weight:800}.add-academic-year-header p{color:var(--text-muted,#475569);margin:0;font-size:14px}.add-academic-year-card{width:100%;box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.add-academic-year-card form{flex-direction:column;gap:20px;width:100%;display:flex}.form-section{border-bottom:1px solid var(--border);padding:25px}.form-section-title{align-items:center;gap:13px;margin-bottom:24px;display:flex}.form-section-icon{background:color-mix(in srgb, var(--gradient-start) 14%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:19px;display:flex}.form-section-title h2{color:var(--text-color);margin:0 0 4px;font-size:15px;font-weight:800}.form-section-title p{color:var(--text-muted,#475569);margin:0;font-size:11px}.form-field{width:100%;margin-bottom:18px}.form-field:last-child{margin-bottom:0}.form-field label:not(.upload-placeholder){color:var(--text-color);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-field label span{color:#df5c5c;margin-right:4px}.form-field input{border:1px solid var(--border);background:var(--input-bg);width:100%;height:44px;color:var(--text-color);border-radius:10px;outline:none;padding:0 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-field input::placeholder{color:var(--text-color);opacity:.35}.form-field input:focus{background:var(--card-bg);border-color:var(--gradient-end);box-shadow:0 0 0 3px color-mix(in srgb, var(--gradient-end) 10%, transparent)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field-error{color:#df5c5c;margin-top:6px;font-size:10px;display:block}.status-section{padding-top:22px}.active-switch{background:var(--input-bg);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:background-color .2s,border-color .2s;display:flex}.active-switch:hover{background:var(--hover-bg)}.active-switch input{opacity:0;pointer-events:none;position:absolute}.switch{background:var(--border);border-radius:20px;flex-shrink:0;width:42px;height:23px;transition:all .25s;position:relative}.switch:after{content:"";background:var(--card-bg);border-radius:50%;width:17px;height:17px;transition:all .25s;position:absolute;top:3px;right:3px;box-shadow:0 2px 5px #00000026}.active-switch.checked{border-color:color-mix(in srgb, var(--gradient-end) 35%, var(--border));background:color-mix(in srgb, var(--gradient-start) 8%, var(--input-bg))}.active-switch.checked .switch{background:var(--gradient-end)}.active-switch.checked .switch:after{right:22px}.switch-content{flex-direction:column;gap:3px;display:flex}.switch-content strong{color:var(--text-color);font-size:12px}.switch-content small{color:var(--text-muted,#475569);font-size:10px;line-height:1.8}.form-actions{background:var(--card-bg);justify-content:flex-end;align-items:center;gap:10px;padding:20px 25px;display:flex}.reset-btn{border:1px solid var(--border);background:var(--input-bg);height:43px;color:var(--text-color);cursor:pointer;border-radius:10px;padding:0 22px;font-family:inherit;font-size:12px;font-weight:700;transition:all .18s}.reset-btn:hover{background:var(--hover-bg)}.submit-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;height:43px;box-shadow:0 6px 16px color-mix(in srgb, var(--gradient-end) 20%, transparent);border:none;border-radius:10px;padding:0 24px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s}.submit-btn:hover{box-shadow:0 8px 20px color-mix(in srgb, var(--gradient-end) 27%, transparent);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}@media (width<=700px){.add-academic-year-page{padding:18px}.add-academic-year-card{max-width:100%}.form-row{grid-template-columns:1fr;gap:0}}@media (width<=500px){.add-academic-year-page{padding:14px}.add-academic-year-header h1{font-size:21px}.add-academic-year-header p{font-size:12px}.form-section{padding:20px 16px}.form-section-title{align-items:flex-start}.form-actions{flex-direction:column-reverse;padding:16px}.form-actions button{width:100%}}.active-academic-page{background:var(--bg-body);width:100%;min-height:100%;color:var(--text-color);direction:rtl;padding:28px;transition:background-color .25s,color .25s}.active-academic-header{margin-bottom:22px}.active-academic-header h1{color:var(--text-color);margin:0 0 6px;font-size:25px;font-weight:800}.active-academic-header p{color:var(--text-muted,#475569);margin:0;font-size:14px}.active-year-main-card{background:linear-gradient(135deg, color-mix(in srgb, var(--gradient-start) 10%, var(--card-bg)), var(--card-bg));border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:18px;margin-bottom:20px;padding:25px;position:relative;overflow:hidden}.active-year-main-card:after{content:"";background:color-mix(in srgb, var(--gradient-start) 8%, transparent);pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;left:-70px}.active-year-main-top{z-index:2;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex;position:relative}.active-year-main-info{align-items:center;gap:14px;display:flex}.active-year-calendar{background:color-mix(in srgb, var(--gradient-start) 18%, transparent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;display:flex}.active-year-label{color:var(--text-muted,#475569);margin-bottom:4px;font-size:11px;display:block}.active-year-main-info h2{color:var(--text-color);margin:0;font-size:23px;font-weight:800}.active-year-badge{background:color-mix(in srgb, var(--gradient-start) 15%, transparent);color:var(--gradient-end);white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:8px 13px;font-size:11px;font-weight:700;display:flex}.active-year-badge i{background:var(--gradient-start);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--gradient-start) 10%, transparent);border-radius:50%}.active-year-dates{z-index:2;background:color-mix(in srgb, var(--card-bg) 70%, transparent);border:1px solid var(--border);border-radius:12px;align-items:center;gap:18px;margin-bottom:24px;padding:17px;display:flex;position:relative}.active-date-item{flex-direction:column;gap:5px;display:flex}.active-date-item span{color:var(--text-muted,#475569);font-size:10px}.active-date-item strong{color:var(--text-color);font-size:13px}.date-line{background:var(--border);flex:1;height:1px;position:relative}.date-line span{background:var(--gradient-end);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.active-year-progress{z-index:2;position:relative}.progress-header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.progress-header span{color:var(--text-muted,#475569);font-size:11px}.progress-header strong{color:var(--gradient-end);font-size:12px}.progress-bar{background:color-mix(in srgb, var(--gradient-end) 10%, var(--input-bg));border-radius:20px;width:100%;height:8px;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));height:100%;transition:width .5s}.active-year-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.active-stat-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:15px;align-items:center;gap:13px;padding:18px;transition:transform .2s,background-color .2s;display:flex}.active-stat-card:hover{background:var(--hover-bg);transform:translateY(-2px)}.active-stat-icon{background:color-mix(in srgb, var(--gradient-start) 12%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:19px;display:flex}.active-stat-content{flex-direction:column;gap:2px;min-width:0;display:flex}.active-stat-content span{color:var(--text-muted,#475569);font-size:10px}.active-stat-content strong{color:var(--text-color);font-size:20px;font-weight:800}.active-stat-content small{color:var(--text-muted,#475569);font-size:9px}.active-year-management{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.management-info{align-items:center;gap:13px;display:flex}.management-icon{background:var(--input-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.management-info h3{color:var(--text-color);margin:0 0 4px;font-size:13px}.management-info p{max-width:500px;color:var(--text-muted,#475569);margin:0;font-size:10px;line-height:1.8}.management-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.management-actions button{cursor:pointer;border-radius:9px;height:40px;padding:0 15px;font-family:inherit;font-size:11px;font-weight:700;transition:all .18s}.edit-year-btn{border:1px solid var(--border);background:var(--input-bg);color:var(--text-color)}.edit-year-btn:hover{background:var(--hover-bg);border-color:var(--gradient-end);color:var(--gradient-end)}.close-year-btn{color:#df5c5c;background:#df5c5c14;border:1px solid #df5c5c40}.close-year-btn:hover{background:#df5c5c24}@media (width<=800px){.active-year-stats{grid-template-columns:1fr}.active-year-management{flex-direction:column;align-items:flex-start}.management-actions{width:100%}.management-actions button{flex:1}}@media (width<=600px){.active-academic-page{padding:18px}.active-academic-header h1{font-size:21px}.active-academic-header p{font-size:12px}.active-year-main-card{padding:18px}.active-year-main-top{flex-direction:column;align-items:flex-start}.active-year-badge{align-self:flex-start}.active-year-dates{gap:12px}.active-date-item strong{font-size:11px}}@media (width<=450px){.active-academic-page{padding:14px}.active-year-main-info{gap:10px}.active-year-calendar{width:45px;height:45px}.active-year-main-info h2{font-size:19px}.active-year-dates{flex-direction:column;align-items:flex-start}.date-line{width:100%;height:1px}.date-line span{right:50%}.management-actions{flex-direction:column}.management-actions button{width:100%}}.student-image-field{width:100%}.student-image-upload{background:var(--input-bg);border:1px dashed var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:14px;width:100%;max-width:360px;min-height:90px;padding:12px 14px;transition:background-color .2s,border-color .2s;display:flex}.student-image-upload:hover{background:var(--hover-bg);border-color:var(--gradient-end)}.student-image-upload input{display:none}.student-image-preview{background:color-mix(in srgb, var(--gradient-start) 12%, transparent);border:1px solid var(--border);width:58px;height:58px;color:var(--gradient-end);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex;overflow:hidden}.student-image-preview img{object-fit:cover;width:100%;height:100%}.student-image-info{flex-direction:column;gap:5px;display:flex}.student-image-info strong{color:var(--text-color);font-size:12px;font-weight:700}.student-image-info small{color:var(--text-muted,#475569);font-size:10px}@media (width<=500px){.student-image-upload{max-width:100%}}.form-field{flex-direction:column;gap:8px;width:100%;display:flex}.form-field>label{color:#fff;text-align:right;font-size:13px;font-weight:500}.image-upload{box-sizing:border-box;background:#19343d;border:1px solid #ffffff14;border-radius:10px;width:100%;height:40px;transition:all .2s;overflow:hidden}.image-upload:hover{background:#1b3942;border-color:#ffffff24}.upload-placeholder{box-sizing:border-box;cursor:pointer;direction:rtl;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 8px 0 14px;display:flex;margin-bottom:unset!important;display:flex!important}.upload-placeholder>span:first-child{color:#718990;font-size:13px}.upload-placeholder input{display:none}.upload-button{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));border-radius:7px;justify-content:center;align-items:center;height:31px;padding:0 14px;font-size:12px;transition:background .2s;display:flex;color:#fff!important}.image-upload.has-image{direction:rtl;align-items:center;gap:10px;padding:5px 7px;display:flex}.image-preview-small{background:#102a31;border-radius:7px;flex-shrink:0;width:35px;height:35px;overflow:hidden}.image-preview-small img{object-fit:cover;width:100%;height:100%;display:block}.image-upload.is-uploading{pointer-events:none;opacity:.92}.image-upload-spinner{border:2px solid #fff3;border-top-color:#7ec8d4;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite image-upload-spin}.image-upload-status{color:#7ec8d4;flex:1;min-width:0;font-size:12px}@keyframes image-upload-spin{to{transform:rotate(360deg)}}.image-file-name{color:#9aadb2;white-space:nowrap;text-overflow:ellipsis;direction:rtl;flex:1;min-width:0;font-size:12px;overflow:hidden}.remove-image{color:#718990;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;line-height:1;transition:all .2s;display:flex}.remove-image:hover{color:#e57373;background:#d9534f26}.lesson-page{box-sizing:border-box;width:100%;color:var(--text-color);padding:24px;font-family:inherit}.lesson-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.lesson-title{align-items:center;gap:14px;display:flex}.lesson-title-icon{background:var(--hover-bg);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.lesson-title h1{color:var(--text-color);margin:0 0 5px;font-size:20px;font-weight:700}.lesson-title p{color:var(--text-muted,#475569);margin:0;font-size:12px}.add-lesson-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;height:42px;box-shadow:var(--shadow);border:none;border-radius:9px;align-items:center;gap:7px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.add-lesson-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #0e7c8633}.add-lesson-btn span{font-size:19px;line-height:1}.lesson-toolbar{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;padding:13px;display:flex}.lesson-status-filter{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:5px;padding:3px;display:flex}.filter-btn{color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 13px;font-family:inherit;font-size:11px;transition:all .2s}.filter-btn:hover{background:var(--hover-bg);opacity:1}.filter-btn.active{background:var(--gradient-end);color:#fff;opacity:1;box-shadow:0 3px 8px #0e7c8633}.lesson-table-container{background:var(--card-bg);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:12px}.lesson-table{border-collapse:collapse;width:100%;min-width:750px}.lesson-table th{background:var(--input-bg);height:48px;color:var(--text-muted,#475569);text-align:right;border-bottom:1px solid var(--border);padding:0 16px;font-size:11px;font-weight:600}.lesson-table td{height:62px;color:var(--text-color);border-bottom:1px solid var(--border);padding:0 16px;font-size:12px}.lesson-table tbody tr:last-child td{border-bottom:none}.lesson-table tbody tr{transition:background .15s}.lesson-table tbody tr:hover{background:var(--hover-bg)}.lesson-table td:last-child{text-align:center}.lesson-name{align-items:center;gap:10px;font-weight:600;display:flex}.lesson-avatar{background:var(--hover-bg);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.lesson-code{background:var(--input-bg);border:1px solid var(--border);color:var(--text-color);opacity:.75;direction:ltr;border-radius:5px;padding:5px 8px;font-size:11px;display:inline-block}.lesson-description{color:var(--text-muted,#475569)}.status.active{color:var(--gradient-start);background:#5bc0be1f;border-color:#5bc0be33}.status.active .status-dot{background:var(--gradient-start);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #5bc0be1f}.status.inactive{color:var(--text-muted,#475569);background:var(--hover-bg);border-color:var(--border)}.status.inactive .status-dot{background:var(--text-color);opacity:.4;border-radius:50%;width:6px;height:6px}.lesson-action-wrapper{display:inline-block;position:relative}.action-button{cursor:pointer;width:32px;height:32px;color:var(--text-muted,#475569);background:0 0;border:none;border-radius:7px;font-size:18px;transition:all .2s}.action-button:hover{background:var(--hover-bg);opacity:1}.empty-state{text-align:center!important;height:260px!important}.empty-icon{opacity:.7;margin-bottom:8px;font-size:35px}.empty-state h3{color:var(--text-color);margin:0 0 6px;font-size:14px}.empty-state p{color:var(--text-muted,#475569);margin:0;font-size:11px}.lesson-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lesson-modal{background:var(--card-bg);width:440px;max-width:100%;color:var(--text-color);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;animation:.18s modalShow;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.modal-header h2{color:var(--text-color);margin:0 0 5px;font-size:16px}.modal-header p{color:var(--text-muted,#475569);margin:0;font-size:11px}.modal-close{border:1px solid var(--border);background:var(--input-bg);cursor:pointer;width:30px;height:30px;color:var(--text-color);opacity:.7;border-radius:7px;font-size:18px;transition:all .2s}.modal-close:hover{background:var(--hover-bg);opacity:1}.lesson-form{padding:20px}.form-group{margin-bottom:17px}.form-group label{color:var(--text-color);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.form-group label span{color:#e57373;margin-right:3px}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text-color);background:var(--input-bg);border-radius:10px;outline:none;padding:0 11px;font-family:inherit;font-size:12px;transition:all .2s}.form-group input{height:40px}.form-group textarea{resize:vertical;height:80px;padding-top:10px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted,#475569)}.form-group input:focus,.form-group textarea:focus{border-color:var(--gradient-end);box-shadow:0 0 0 3px #0e7c861f}.status-switch{gap:7px;display:flex}.switch-option{border:1px solid var(--border);background:var(--input-bg);height:35px;color:var(--text-color);opacity:.7;cursor:pointer;border-radius:7px;padding:0 15px;font-family:inherit;font-size:11px;transition:all .2s}.switch-option:hover{background:var(--hover-bg);opacity:1}.switch-option.selected{border-color:var(--gradient-end);color:var(--gradient-start);opacity:1;background:#0e7c8626}.modal-footer{justify-content:flex-start;gap:8px;margin-top:24px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border-radius:10px;height:39px;padding:0 18px;font-family:inherit;font-size:12px;transition:all .2s}.cancel-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--text-color);opacity:.75}.cancel-btn:hover{background:var(--hover-bg);opacity:1}.submit-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border:none;box-shadow:0 4px 12px #0e7c8633}.submit-btn:hover{transform:translateY(-1px)}.lesson-details{padding:20px}.detail-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:45px;display:flex}.detail-item:last-child{border-bottom:none}.detail-item span{color:var(--text-muted,#475569);font-size:11px}.detail-item strong{color:var(--text-color);font-size:12px}@media (width<=768px){.lesson-page{padding:15px}.table-wrapper{overflow-x:auto!important}.lesson-header{align-items:flex-start;gap:15px}.lesson-toolbar{flex-direction:column;align-items:stretch}.lesson-status-filter{justify-content:flex-start}.add-lesson-btn{white-space:nowrap}}@media (width<=480px){.lesson-header{flex-direction:column}.add-lesson-btn{justify-content:center;width:100%}.lesson-title h1{font-size:17px}}.lesson-stats{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-bottom:20px;display:grid}.lesson-stat-card{box-sizing:border-box;background:var(--card-bg);border:1px solid var(--border);min-height:88px;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:13px;padding:16px;transition:all .2s;display:flex}.lesson-stat-card:hover{border-color:var(--gradient-end);transform:translateY(-2px)}.stat-icon{width:42px;height:42px;color:var(--gradient-end);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.stat-content{flex-direction:column;gap:5px;display:flex}.stat-content span{color:var(--text-muted,#475569);font-size:11px}.stat-content strong{color:var(--text-color);font-size:22px;font-weight:700;line-height:1}@media (width<=1000px){.lesson-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.lesson-stats{grid-template-columns:1fr}}.class-page{box-sizing:border-box;width:100%;color:var(--text-color);padding:24px;font-family:inherit}.class-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.class-title{align-items:center;gap:14px;display:flex}.class-title-icon{background:var(--hover-bg);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.class-title h1{color:var(--text-color);margin:0 0 5px;font-size:20px;font-weight:700}.class-title p{color:var(--text-muted,#475569);margin:0;font-size:12px}.add-class-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;height:42px;box-shadow:var(--shadow);border:none;border-radius:9px;align-items:center;gap:7px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.add-class-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #0e7c8633}.add-class-btn span{font-size:19px;line-height:1}.class-stats{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-bottom:20px;display:grid}.class-stat-card{box-sizing:border-box;background:var(--card-bg);border:1px solid var(--border);min-height:88px;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:13px;padding:16px;transition:all .2s;display:flex}.class-stat-card:hover{border-color:var(--gradient-end);transform:translateY(-2px)}.class-stat-icon{background:var(--hover-bg);width:42px;height:42px;color:var(--gradient-end);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.class-stat-content{flex-direction:column;gap:5px;display:flex}.class-stat-content span{color:var(--text-muted,#475569);font-size:11px}.class-stat-content strong{color:var(--text-color);font-size:22px;font-weight:700;line-height:1}.class-toolbar{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;padding:13px;display:flex}.class-table-container{background:var(--card-bg);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:12px;overflow:visible}.class-table{border-collapse:collapse;width:100%;min-width:750px}.class-table th{background:var(--input-bg);height:48px;color:var(--text-muted,#475569);text-align:right;border-bottom:1px solid var(--border);padding:0 16px;font-size:11px;font-weight:600}.class-table td{height:62px;color:var(--text-color);border-bottom:1px solid var(--border);padding:0 16px;font-size:12px}.class-table tbody tr:last-child td{border-bottom:none}.class-table tbody tr{transition:background .15s}.class-table tbody tr:hover{background:var(--hover-bg)}.row-number{color:var(--text-muted,#475569);font-size:11px}.class-name{align-items:center;gap:10px;font-weight:600;display:flex}.class-avatar{background:var(--hover-bg);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.class-code{background:var(--input-bg);border:1px solid var(--border);color:var(--text-color);opacity:.75;direction:ltr;border-radius:5px;padding:5px 8px;font-size:11px;display:inline-block}.class-grade{color:var(--text-color);opacity:.75;font-size:12px}.student-count{color:var(--text-muted,#475569);font-size:11px}.class-status{border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:inline-flex}.class-status.active{color:var(--gradient-start);background:#5bc0be1f;border-color:#5bc0be33}.class-status.active .status-dot{background:var(--gradient-start);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #5bc0be1f}.class-status.inactive{color:var(--text-muted);background:var(--hover-bg);border-color:var(--border)}.class-status.inactive .status-dot{background:var(--text-color);opacity:.4;border-radius:50%;width:6px;height:6px}.operation-column{width:70px;text-align:center!important}.class-table td:last-child{text-align:center}.class-action-wrapper{display:inline-block;position:relative}.class-action-button{cursor:pointer;width:32px;height:32px;color:var(--text-muted,#475569);background:0 0;border:none;border-radius:7px;font-size:18px;transition:all .2s}.class-action-button:hover{background:var(--hover-bg);opacity:1}.class-manage-split{z-index:1;display:inline-block;position:relative}.table-icon-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.table-icon-btn{border:1px solid var(--border);background:var(--card-bg);min-height:32px;color:var(--text-color);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;transition:background-color .15s,border-color .15s;display:inline-flex}.table-icon-btn i{font-size:14px;display:none}.table-icon-btn:hover{background:var(--hover-bg)}.table-icon-btn.delete-action{color:#b42318;background:color-mix(in srgb, #e57373 14%, var(--card-bg));border-color:color-mix(in srgb, #e57373 40%, var(--border))}.table-icon-btn.delete-action:hover{background:color-mix(in srgb, #e57373 22%, var(--card-bg))}.class-manage-btn{z-index:1;border:1px solid var(--border);background:var(--card-bg);min-height:34px;color:var(--text-color);white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.class-manage-btn:hover,.class-manage-btn.is-open{background:var(--hover-bg);border-color:color-mix(in srgb, var(--gradient-end,#4f6bed) 35%, var(--border));color:var(--gradient-end,var(--text-color))}.class-manage-chevron{opacity:.7;font-size:10px;transition:transform .15s}.class-manage-btn.is-open .class-manage-chevron{transform:rotate(180deg)}.class-manage-menu{background:var(--card-bg);border:1px solid var(--border);z-index:9999;direction:rtl;border-radius:12px;flex-direction:column;align-items:stretch;gap:2px;width:200px;padding:6px;animation:.15s classMenuShow;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #00000029}.class-manage-menu.is-open{display:flex}.class-manage-menu button{width:100%;min-height:36px;color:var(--text-color);text-align:right;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background-color .15s,color .15s;display:flex}.class-manage-menu button i{text-align:center;opacity:.75;width:16px;font-size:12px}.class-manage-menu button:hover{background:var(--hover-bg);color:var(--gradient-end,var(--text-color))}.class-manage-divider{background:var(--border);height:1px;margin:4px 6px}.class-manage-menu .delete-action{color:#e57373}.class-manage-menu .delete-action:hover{color:#e57373;background:#e573731a}.action-menu{background:var(--card-bg);border:1px solid var(--border);width:145px;box-shadow:var(--shadow);z-index:20;border-radius:9px;padding:5px;animation:.15s classMenuShow;position:absolute;top:38px;left:0}.class-status.canceled{color:#ff0909bd;background:#9f2f2f36;border-color:#9f2f2f36}.class-status.canceled .status-dot{background-color:#ff0909bd;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #c05b5b1f}.class-status.held{color:#334155;background:#e2e8f0;border-color:#cbd5e1}.class-status.held .status-dot{background-color:#64748b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #64748b26}.class-status.underway{color:#166534;background:#dcfce7;border-color:#86efac}.class-status.underway .status-dot{background-color:#16a34a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #16a34a26}[data-theme=dark] .class-status.held{color:#cbd5e1;background:#94a3b82e;border-color:#94a3b847}[data-theme=dark] .class-status.held .status-dot{background-color:#94a3b8}[data-theme=dark] .class-status.underway{color:#86efac;background:#16a34a33;border-color:#86efac4d}[data-theme=dark] .class-status.underway .status-dot{background-color:#4ade80}@keyframes classMenuShow{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-menu button{width:100%;height:35px;color:var(--text-color);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:0 9px;font-family:inherit;font-size:11px;display:flex}.action-menu button:hover{background:var(--hover-bg)}.action-menu .delete-action{color:#e57373}.action-menu .delete-action:hover{background:#e573731a}.class-empty-state{text-align:center!important;height:260px!important}.class-empty-icon{opacity:.7;margin-bottom:8px;font-size:35px}.class-empty-state h3{color:var(--text-color);margin:0 0 6px;font-size:14px}.class-empty-state p{color:var(--text-muted,#475569);margin:0;font-size:11px}.class-table tbody tr{z-index:1;position:relative}.class-table tbody tr.menu-open-row,.stack-table tbody tr.menu-open-row{z-index:1000;background:var(--card-bg)}.class-table tbody tr.menu-open-row td,.stack-table tbody tr.menu-open-row td{z-index:auto;position:static}.class-table td[data-role=actions],.class-table td.operation-column,.class-table th.operation-column,.stack-table td[data-role=actions]{overflow:visible}.class-table tbody tr.menu-open-row td[data-role=actions],.stack-table tbody tr.menu-open-row td[data-role=actions]{z-index:1001;position:relative;overflow:visible}.class-table tbody tr.menu-open-row .class-manage-split,.stack-table tbody tr.menu-open-row .class-manage-split{z-index:1002}.class-action-wrapper{z-index:1;display:inline-block;position:relative}@media (width<=1000px){.class-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.class-page{padding:15px}.class-header{align-items:flex-start;gap:15px}.class-table-container{overflow:visible}.class-toolbar{flex-direction:column;align-items:stretch}.class-filters{justify-content:flex-start}.add-class-btn{white-space:nowrap}.class-table td[data-role=actions] .class-manage-split,td[data-role=actions] .class-manage-split{width:100%;max-width:100%;position:static}.class-table td[data-role=actions] .class-manage-btn,td[data-role=actions] .class-manage-btn{justify-content:space-between;width:100%}.class-table td[data-role=actions] .class-manage-menu,.class-table td[data-role=actions] .class-manage-menu.is-open,td[data-role=actions] .class-manage-menu,td[data-role=actions] .class-manage-menu.is-open{overscroll-behavior:contain;box-sizing:border-box;width:auto;max-width:none;max-height:min(260px,100dvh - 140px);left:0;right:0;overflow:hidden auto}.class-table tbody tr.menu-open-row td[data-role=actions] .class-manage-menu.is-open,tbody tr.menu-open-row td[data-role=actions] .class-manage-menu.is-open{top:calc(100% - 4px)}td[data-role=actions] .table-icon-actions{align-items:center;gap:10px;display:inline-flex}td[data-role=actions] .table-icon-btn{border:1px solid var(--border);background:var(--card-bg);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-color);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}td[data-role=actions] .table-icon-btn i{font-size:15px;display:inline-block}td[data-role=actions] .table-icon-btn .table-icon-label{display:none}td[data-role=actions] .table-icon-btn.delete-action{color:#b42318;background:color-mix(in srgb, #e57373 14%, var(--card-bg));border-color:color-mix(in srgb, #e57373 40%, var(--border))}}@media (width<=550px){.class-stats{grid-template-columns:1fr}}@media (width<=480px){.class-header{flex-direction:column}.add-class-btn{justify-content:center;width:100%}.class-title h1{font-size:17px}}.assigned-Students-table{border-collapse:collapse;width:100%}.student-assignment-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);direction:rtl;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.student-assignment-modal{background:var(--card-bg);width:100%;max-width:920px;max-height:90vh;color:var(--text-color);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.student-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.student-modal-title{align-items:center;gap:12px;display:flex}.student-modal-icon{background:var(--hover-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;display:flex}.student-modal-title h2{margin:0 0 4px;font-size:18px;font-weight:700}.student-modal-title span{color:var(--text-muted);font-size:12px}.student-modal-close{width:34px;height:34px;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:10px;font-size:25px;transition:all .2s}.student-modal-close:hover{background:var(--hover-bg)}.student-modal-tabs{border-bottom:1px solid var(--border);padding:0 22px;display:flex}.student-modal-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:14px 18px;font-family:inherit;font-size:13px;transition:all .2s;display:flex;position:relative}.student-modal-tab:hover{color:var(--text-color)}.student-modal-tab:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.student-modal-tab.active{color:var(--gradient-end)}.student-modal-tab.active:after{background:var(--gradient-end)}.student-modal-tab b{background:var(--hover-bg);border-radius:20px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:10px;display:flex}.student-modal-content{flex:1;min-height:360px;padding:20px;overflow-y:auto}.student-statistics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.student-stat-card{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:11px;padding:13px;display:flex}.student-stat-icon{background:var(--hover-bg);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.student-stat-card span{color:var(--text-muted);margin-bottom:3px;font-size:11px;display:block}.student-stat-card strong{font-size:17px}.assign-search-toolbar{width:100%;margin-bottom:14px;display:flex}.assign-search-toolbar .search-box{flex:1;width:100%;max-width:none}.capacity-warning{box-sizing:border-box;background:var(--hover-bg);width:100%;color:var(--text-muted);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:0 0 14px;padding:12px 14px;font-size:12px;display:flex}.capacity-warning--full{background:color-mix(in srgb, #ef4444 12%, var(--card-bg));color:#dc2626;border:1px solid #ef444459;font-weight:600;line-height:1.7}.capacity-warning--full span{text-align:right}.available-students-list.is-locked .available-student-item{opacity:.5;cursor:not-allowed}.available-students-list{flex-direction:column;gap:7px;max-height:360px;display:flex;overflow-y:auto}.available-student-item{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;transition:all .2s;display:flex}.available-student-item:hover{background:var(--hover-bg)}.available-student-item.disabled{opacity:.45;cursor:not-allowed}.student-checkbox{border:1px solid var(--border);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.student-checkbox.checked{background:var(--gradient-end);border-color:var(--gradient-end);color:#fff}.student-avatar{background:var(--hover-bg);width:37px;height:37px;color:var(--gradient-end);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.available-student-info{flex-direction:column;gap:3px;min-width:0;display:flex}.available-student-info strong{font-size:13px}.available-student-info span{color:var(--text-muted);font-size:10px}.student-empty{min-height:230px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.student-empty-icon{margin-bottom:9px;font-size:38px}.student-empty strong{color:var(--text-color);margin-bottom:4px;font-size:13px}.student-empty span{font-size:11px}.assigned-students-top{align-items:center;gap:20px;margin-bottom:14px;display:flex}.assigned-students-top h3{margin:0 0 4px;font-size:16px}.assigned-students-top>div:first-child span{color:var(--text-muted);font-size:11px}.assigned-students-table-wrapper{border:1px solid var(--border);border-radius:10px;width:100%;overflow-x:auto}.assigned-students-table{border-collapse:collapse;width:100%;min-width:750px}.assigned-students-table th,.assigned-students-table td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:10px 12px;font-size:11px}.assigned-students-table th{background:var(--input-bg);color:var(--text-muted);font-weight:600}.assigned-students-table tbody tr:last-child td{border-bottom:none}.assigned-students-table tbody tr:hover{background:var(--hover-bg)}.table-student{align-items:center;gap:8px;display:flex}.table-student-avatar{background:var(--hover-bg);width:32px;height:32px;color:var(--gradient-end);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.student-status{border-radius:20px;justify-content:center;align-items:center;padding:4px 9px;font-size:10px;display:inline-flex}.student-status.active{background:var(--hover-bg);color:var(--gradient-end-dark)}.student-status.inactive{background:var(--hover-bg);color:var(--text-muted)}.student-table-actions{align-items:center;gap:5px;display:flex}.student-table-actions button{border:1px solid var(--border);background:var(--input-bg);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.student-table-actions button:hover{background:var(--hover-bg)}.remove-assignment-btn:hover{border-color:#ef4444!important}.assigned-empty{height:180px;color:var(--text-muted);text-align:center!important}.assigned-empty-state{text-align:center;border:1px dashed color-mix(in srgb, var(--gradient-end) 35%, var(--border));background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--gradient-end) 10%, transparent), transparent 45%), radial-gradient(circle at 80% 80%, color-mix(in srgb, var(--gradient-start,var(--gradient-end)) 8%, transparent), transparent 40%), var(--input-bg);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:280px;margin-top:8px;padding:36px 24px;display:flex}.assigned-empty-visual{place-items:center;width:88px;height:88px;margin-bottom:6px;display:grid;position:relative}.assigned-empty-ring{border:1px solid color-mix(in srgb, var(--gradient-end) 28%, transparent);border-radius:50%;animation:2.4s ease-out infinite assigned-empty-pulse;position:absolute;inset:0}.assigned-empty-ring.delay{animation-delay:.8s}.assigned-empty-icon{background:color-mix(in srgb, var(--gradient-end) 14%, var(--card-bg));width:56px;height:56px;color:var(--gradient-end);box-shadow:0 8px 20px color-mix(in srgb, var(--gradient-end) 18%, transparent);border-radius:16px;place-items:center;display:grid}.assigned-empty-state h3{color:var(--text-color);margin:0;font-size:16px;font-weight:700}.assigned-empty-state p{max-width:360px;color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.8}.assigned-empty-cta{background:linear-gradient(135deg, var(--gradient-start,var(--gradient-end)), var(--gradient-end));color:#fff;cursor:pointer;height:42px;box-shadow:0 10px 22px color-mix(in srgb, var(--gradient-end) 28%, transparent);border:none;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex}.assigned-empty-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.assigned-empty-cta:active{transform:translateY(0)}@keyframes assigned-empty-pulse{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.student-modal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:13px 20px;display:flex}.selected-counter{color:var(--text-muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.capacity-full-footer{color:#dc2626;font-size:12px;font-weight:700}.student-footer-buttons{gap:8px;display:flex}.student-cancel-btn,.student-assign-btn{cursor:pointer;border-radius:10px;height:37px;padding:0 16px;font-family:inherit;font-size:12px}.student-cancel-btn{border:1px solid var(--border);color:var(--text-color);background:0 0}.student-cancel-btn:hover{background:var(--hover-bg)}.student-assign-btn{background:var(--gradient-end);color:#fff;border:none;transition:all .2s}.student-assign-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4facfe59}.student-assign-btn:disabled{opacity:.45;cursor:not-allowed}.edit-assignment-overlay{z-index:50;background:#0000004d;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.edit-assignment-modal{background:var(--card-bg);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.edit-assignment-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.edit-assignment-header h3{margin:0 0 4px;font-size:15px}.edit-assignment-header span{color:var(--text-muted);font-size:11px}.edit-assignment-header button{width:30px;height:30px;color:var(--text-color);cursor:pointer;background:0 0;border:none;font-size:22px}.edit-assignment-body{padding:18px}.edit-assignment-body label{margin-bottom:7px;font-size:12px;display:block}.edit-assignment-body select{box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg);width:100%;height:40px;color:var(--text-color);border-radius:10px;outline:none;padding:0 10px;font-family:inherit;font-size:12px}.edit-assignment-body select:focus{border-color:var(--gradient-end)}.edit-assignment-footer{border-top:1px solid var(--border);justify-content:flex-start;gap:8px;padding:13px 18px;display:flex}.assignment-filter{align-items:flex-end;gap:15px;margin-bottom:14px;display:flex}.assignment-filter-group{flex-direction:column;gap:7px;width:100%;display:flex}.assignment-filter-group label{color:var(--text-color);opacity:.7;font-size:12px}.assignment-filter-group select{background:var(--input-bg);width:100%;height:42px;color:var(--text-color);border:1px solid var(--border);cursor:pointer;border-radius:10px;outline:none;padding:0 12px;font-family:inherit}.assignment-filter-group select:focus{border-color:var(--gradient-end)}@media (width<=700px){.student-assignment-overlay{padding:10px}.student-assignment-modal{border-radius:10px;max-height:95vh}.student-modal-header,.student-modal-content{padding:14px}.student-statistics{grid-template-columns:1fr}.student-modal-tabs{padding:0 8px;overflow-x:auto}.student-modal-tab{flex-shrink:0;padding:12px;font-size:11px}.assigned-students-top,.student-modal-footer{flex-direction:column;align-items:stretch}.student-footer-buttons{width:100%}.student-footer-buttons button{flex:1}}@media (width<=450px){.student-modal-title h2{font-size:15px}.student-modal-title span{font-size:10px}.student-modal-icon{width:38px;height:38px}.student-modal-tab{padding:11px 9px;font-size:10px}.student-stat-card{padding:10px}.student-modal-content{min-height:300px}}.student-assignment-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);direction:rtl;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}.lesson-assignment-overlay{box-sizing:border-box;z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.2s lessonOverlayShow;display:flex;position:fixed;inset:0}@keyframes lessonOverlayShow{0%{opacity:0}to{opacity:1}}.lesson-assignment-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.25s lessonModalShow;display:flex;box-shadow:0 20px 60px #00000040}@keyframes lessonModalShow{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.lesson-assignment-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lesson-assignment-header h2{color:var(--text-color);margin:0 0 6px;font-size:18px;font-weight:700}.lesson-assignment-header p{color:var(--text-muted,#475569);margin:0;font-size:12px}.lesson-assignment-header strong{opacity:1;color:var(--gradient-end)}.lesson-modal-close{width:34px;height:34px;color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:none;border-radius:10px;font-size:22px;transition:all .2s}.lesson-modal-close:hover{background:var(--hover-bg);opacity:1}.lesson-assignment-tabs{border-bottom:1px solid var(--border);padding:0 22px;display:flex}.lesson-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:14px 18px;font-family:inherit;font-size:13px;transition:all .2s;display:flex;position:relative}.lesson-tab:hover{color:var(--text-color)}.lesson-tab:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.lesson-tab.active{color:var(--gradient-end)}.lesson-tab.active:after{background:var(--gradient-end)}.lesson-tab span{justify-content:center;align-items:center;display:flex}.lesson-tab img{max-width:20px;max-height:20px;display:block}.lesson-tab b{background:var(--hover-bg);min-width:22px;height:22px;color:var(--text-color);border-radius:20px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;display:flex}.lesson-assignment-content{flex:1;padding:24px}.lesson-assign-form{width:100%}.lesson-form-title{margin-bottom:24px}.lesson-form-title h3{color:var(--text-color);margin:0 0 7px;font-size:16px}.lesson-form-title p{color:var(--text-muted,#475569);margin:0;font-size:12px}.lesson-form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.lesson-form-group label{color:var(--text-color);font-size:12px;font-weight:600}.lesson-form-group select{box-sizing:border-box;background:var(--input-bg);border:1px solid var(--border);width:100%;height:44px;color:var(--text-color);cursor:pointer;border-radius:9px;outline:none;padding:0 13px;font-family:inherit;font-size:12px;transition:all .2s}.lesson-form-group select:focus{border-color:var(--gradient-end);box-shadow:0 0 0 3px #0e7c861a}.assign-lesson-btn{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;cursor:pointer;border:none;border-radius:9px;width:150px;height:37px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.assign-lesson-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0e7c8640}.assign-lesson-btn:active{transform:translateY(0)}.lesson-assignment-list{width:100%}.lesson-assignment-item{border:1px solid var(--border);background:var(--card-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;padding:14px;transition:all .2s;display:flex}.lesson-assignment-item:hover{background:var(--hover-bg);transform:translateY(-1px)}.assignment-info{align-items:center;gap:12px;display:flex}.lesson-assignment-icon{background:var(--input-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.assignment-info h4{color:var(--text-color);margin:0 0 5px;font-size:13px;font-weight:600}.assignment-info p{color:var(--text-muted,#475569);margin:0;font-size:11px}.assignment-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.assignment-actions button{border:1px solid var(--border);height:34px;color:var(--text-color);cursor:pointer;background:0 0;border-radius:7px;padding:0 11px;font-family:inherit;font-size:11px;transition:all .2s}.assignment-actions button:hover{background:var(--input-bg)}.assignment-actions .delete-assignment-btn{color:#e57373;border-color:#e5737340}.assignment-actions .delete-assignment-btn:hover{background:#e573731a}.lesson-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.lesson-empty-state>div{background:var(--hover-bg);border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:13px;font-size:25px;display:flex}.lesson-empty-state h3{color:var(--text-color);margin:0 0 7px;font-size:14px}.lesson-empty-state p{max-width:300px;color:var(--text-muted,#475569);margin:0;font-size:11px;line-height:1.8}.lesson-edit-overlay{z-index:10000;box-sizing:border-box;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lesson-edit-modal{box-sizing:border-box;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;width:100%;max-width:460px;padding:22px;animation:.2s lessonModalShow;box-shadow:0 20px 50px #00000040}.lesson-edit-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.lesson-edit-header h3{color:var(--text-color);margin:0;font-size:16px}.lesson-edit-header button{width:32px;height:32px;color:var(--text-color);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:7px;font-size:20px}.lesson-edit-header button:hover{background:var(--hover-bg);opacity:1}.lesson-edit-actions{justify-content:flex-end;align-items:center;gap:9px;margin-top:22px;display:flex}.lesson-edit-actions button{background:var(--hover-bg);height:40px;color:var(--text-color);cursor:pointer;border:none;border-radius:10px;padding:0 16px;font-family:inherit;font-size:12px;transition:all .2s}.lesson-edit-actions button:hover{opacity:.85}.lesson-edit-actions .save-edit-lesson-btn{background:var(--gradient-end);color:#fff}.lesson-edit-actions .save-edit-lesson-btn:hover{background:var(--gradient-start);opacity:1}.lesson-assignment-content::-webkit-scrollbar{width:6px}.lesson-assignment-content::-webkit-scrollbar-track{background:0 0}.lesson-assignment-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.lesson-assignment-content::-webkit-scrollbar-thumb:hover{background:var(--gradient-end)}.assign-lesson-modal-footer{border-top:1px solid var(--border);justify-content:end;align-items:center;gap:15px;padding:13px 20px 0;display:flex}@media (width<=600px){.lesson-assignment-overlay{padding:10px}.lesson-table-container{overflow:auto}.lesson-assignment-modal{border-radius:12px;max-height:95vh}.lesson-assignment-header{padding:16px}.lesson-assignment-header h2{font-size:16px}.lesson-assignment-tabs{padding:10px}.lesson-tab{flex:1;padding:0 8px;font-size:11px}.lesson-assignment-content{padding:16px}.lesson-assignment-item{flex-direction:column;align-items:flex-start}.assignment-actions{width:100%}.assignment-actions button{flex:1}.lesson-edit-overlay{padding:10px}.lesson-edit-modal{padding:18px}}@media (width<=400px){.lesson-assignment-header,.lesson-assignment-content{padding:14px}.lesson-tab span{display:none}.lesson-edit-actions{flex-direction:column-reverse}.lesson-edit-actions button{width:100%}}.lesson-form-group input:not(.lms-select__input){box-sizing:border-box;background:var(--input-bg);border:1px solid var(--border);width:100%;height:44px;color:var(--text-color);border-radius:9px;outline:none;padding:0 13px;font-family:inherit;font-size:12px;transition:all .2s}.lesson-form-group input::placeholder{color:var(--text-muted,#475569)}.lesson-form-group input:focus{border-color:var(--gradient-end);box-shadow:0 0 0 3px #0e7c861a}.lms-loading-page{background:var(--bg-body);width:100%;height:100vh;color:var(--text-color);z-index:99999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.lms-loading-page:before{content:"";background:radial-gradient(circle at 15% 20%,#5bc0be1f,#0000 30%),radial-gradient(circle at 85% 80%,#149aa81a,#0000 35%);position:absolute;inset:0}.loading-shape{pointer-events:none;border-radius:50%;position:absolute}.shape-1{background:linear-gradient(135deg, var(--gradient-start), transparent);opacity:.18;width:320px;height:320px;top:-160px;left:-100px}.shape-2{background:linear-gradient(135deg, transparent, var(--gradient-end));opacity:.15;width:400px;height:400px;bottom:-200px;right:-150px}.shape-3{border:1px solid var(--border);width:250px;height:250px;top:15%;right:-170px}.shape-4{border:1px solid var(--border);width:200px;height:200px;bottom:-100px;left:5%}.loading-content{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:30px;display:flex;position:relative}.lms-loading-logo{margin-bottom:18px}.loading-icon-wrapper{justify-content:center;align-items:center;width:260px;height:180px;display:flex;position:relative}.screen-book{z-index:2;margin-top:3px;font-size:38px;position:relative}.screen-line{z-index:2;background:var(--border);border-radius:10px;height:5px;margin:8px auto;position:relative}.line-1{width:70%}.line-2{width:45%}.floating-icon{background:var(--card-bg);border:1px solid var(--border);width:48px;height:48px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:20px;animation:3s ease-in-out infinite floatingIcon;display:flex;position:absolute}.icon-book{top:35px;left:5px}.icon-user{animation-delay:.7s;bottom:40px;left:0}.icon-calendar{animation-delay:1s;top:40px;right:0}.icon-video{padding-left:3px;animation-delay:1.5s;bottom:25px;right:0}.loading-title{letter-spacing:4px;color:var(--gradient-end);-webkit-text-fill-color:unset;background:0 0;margin-top:5px;font-size:70px;font-weight:800}[data-theme=dark] .loading-title{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.loading-subtitle{letter-spacing:1px;color:var(--text-muted,#475569);margin:0 0 35px;font-size:20px}.loader-wrapper{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.circle-loader{border:4px solid var(--border);border-top-color:var(--gradient-end);border-right-color:var(--gradient-start);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite circleSpin}.loading-text{color:var(--text-color);opacity:.7;margin:0 0 25px;font-size:16px}.loading-progress{background:var(--border);border-radius:20px;width:100%;max-width:430px;height:10px;overflow:hidden}.loading-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));width:55%;height:100%;animation:1.8s ease-in-out infinite loadingProgress}.loading-footer{color:var(--text-muted,#475569);margin-top:18px;font-size:13px}@keyframes circleSpin{to{transform:rotate(360deg)}}@keyframes loadingProgress{0%{width:10%}50%{width:80%}to{width:30%}}@keyframes laptopFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes capFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}@keyframes floatingIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=600px){.loading-icon-wrapper{margin-bottom:-15px;transform:scale(.85)}.loading-title{font-size:55px}.loading-subtitle{font-size:15px}.loading-progress{max-width:300px}}@media (width<=400px){.loading-icon-wrapper{margin-bottom:-40px;transform:scale(.7)}.loading-title{font-size:48px}}.notification-container{z-index:999999;pointer-events:none;flex-direction:column;gap:12px;width:360px;max-width:calc(100vw - 30px);display:flex;position:fixed;top:25px;right:25px}.notification-item{box-sizing:border-box;background:var(--card-bg);border:1px solid var(--border);width:100%;min-height:78px;box-shadow:var(--shadow);color:var(--text-color);pointer-events:auto;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;animation:.35s notificationEnter;display:flex;position:relative;overflow:hidden}@keyframes notificationEnter{0%{opacity:0;transform:translate(30px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.notification-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.notification-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.notification-content{flex:1;min-width:0}.notification-content h4{margin:0 0 5px;font-size:13px;font-weight:700}.notification-content p{color:var(--text-muted,#475569);margin:0;font-size:12px;line-height:1.7}.notification-close{width:28px;height:28px;color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.notification-close:hover{background:var(--hover-bg);opacity:1}.notification-item.success{border-right:4px solid #22c55e}.notification-item.success .notification-icon-wrapper{background:#22c55e1f}.notification-item.success .notification-icon{color:#fff;background:#22c55e}.notification-item.error{border-right:4px solid #ef4444}.notification-item.error .notification-icon-wrapper{background:#ef44441f}.notification-item.error .notification-icon{color:#fff;background:#ef4444}.notification-item.warning{border-right:4px solid #f59e0b}.notification-item.warning .notification-icon-wrapper{background:#f59e0b1f}.notification-item.warning .notification-icon{color:#fff;background:#f59e0b}.notification-item.info{border-right:4px solid var(--gradient-end)}.notification-item.info .notification-icon-wrapper{background:#149aa81f}.notification-item.info .notification-icon{background:var(--gradient-end);color:#fff}.notification-progress{background:var(--gradient-end);transform-origin:100%;width:100%;height:3px;animation:linear forwards notificationProgress;position:absolute;bottom:0;right:0}.notification-item.success .notification-progress{background:#22c55e}.notification-item.error .notification-progress{background:#ef4444}.notification-item.warning .notification-progress{background:#f59e0b}.notification-item.info .notification-progress{background:var(--gradient-end)}@keyframes notificationProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=600px){.notification-container{width:calc(100% - 30px);top:15px;right:15px}}.lms-datepicker-input{background:var(--input-bg)!important;width:100%!important;height:40px!important;color:var(--text-color)!important;border:1px solid var(--border)!important;text-align:right!important;direction:rtl!important;border-radius:10px!important;outline:none!important;padding:0 16px!important;font-family:inherit!important;font-size:14px!important;transition:border-color .2s,box-shadow .2s,background .2s!important}.lms-datepicker-input:focus{border-color:var(--gradient-end)!important;box-shadow:0 0 0 3px #0e7c861f!important}.rmdp-wrapper{background:var(--card-bg)!important;border:1px solid var(--border)!important;width:340px!important;box-shadow:var(--shadow)!important;border-radius:16px!important;padding:10px!important;overflow:hidden!important}.rmdp-calendar{background:var(--card-bg)!important;width:100%!important}.rmdp-header{border-bottom:1px solid var(--border)!important;margin-bottom:8px!important;padding:8px 5px 14px!important}.rmdp-header-values{color:var(--text-color)!important;font-size:15px!important;font-weight:700!important}.rmdp-arrow-container{border-radius:9px!important;width:34px!important;height:34px!important;transition:background .2s!important}.rmdp-arrow-container:hover{background:var(--hover-bg)!important}.rmdp-arrow{border-color:var(--gradient-end)!important}.rmdp-week-day{color:var(--gradient-end)!important;font-size:12px!important;font-weight:700!important}.rmdp-day{border-radius:10px!important;width:38px!important;height:38px!important;margin:2px!important}.rmdp-day span{width:100%!important;height:100%!important;color:var(--text-color)!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;font-size:13px!important;transition:background .15s,color .15s!important;display:flex!important}.rmdp-day:not(.rmdp-day-hidden):hover span{background:var(--hover-bg)!important;color:var(--gradient-end)!important}.rmdp-today span{color:var(--gradient-end)!important;font-weight:700!important}.rmdp-selected span{background:var(--gradient-end)!important;color:#fff!important;font-weight:700!important}.rmdp-selected:hover span{background:var(--gradient-start)!important;color:#fff!important}.rmdp-day-hidden{visibility:hidden!important}.rmdp-month-picker,.rmdp-year-picker{background:var(--card-bg)!important}.rmdp-month-picker .rmdp-day,.rmdp-year-picker .rmdp-day{border-radius:10px!important}.rmdp-month-picker .rmdp-day:hover span,.rmdp-year-picker .rmdp-day:hover span{background:var(--hover-bg)!important}.rmdp-month-picker .rmdp-selected span,.rmdp-year-picker .rmdp-selected span{background:var(--gradient-end)!important;color:#fff!important}.multi-select{direction:rtl;width:100%;position:relative}.multi-select-control{background:var(--card-bg);border:1px solid color-mix(in srgb, var(--text-color) 15%, transparent);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;max-height:90px;padding:6px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.multi-select-control:hover{border-color:#5bc0be}.multi-select:has(.multi-select-dropdown) .multi-select-control{border-color:#5bc0be;box-shadow:0 0 0 3px #5bc0be21}.multi-select-values{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.multi-select-placeholder{color:var(--text-muted,#475569);font-size:.9rem}.multi-select-tag{background:color-mix(in srgb, #5bc0be 13%, var(--card-bg));max-width:180px;color:var(--text-color);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:5px 7px 5px 5px;font-size:.8rem;display:inline-flex}.multi-select-tag span{text-overflow:ellipsis;overflow:hidden}.multi-select-tag button{width:18px;height:18px;color:var(--text-color);cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;transition:background .15s,opacity .15s;display:flex}.multi-select-tag button:hover{opacity:1;background:color-mix(in srgb, var(--text-color) 10%, transparent)}.multi-select-arrow{width:22px;height:22px;color:var(--text-muted,#475569);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;transition:transform .2s;display:flex}.multi-select-arrow.open{transform:rotate(180deg)}.multi-select-dropdown{z-index:1000;background:var(--card-bg);border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);border-radius:13px;animation:.16s multiSelectOpen;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #00000024}@keyframes multiSelectOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.multi-select-search{background:var(--bg-body);border:1px solid color-mix(in srgb, var(--text-color) 8%, transparent);border-radius:9px;align-items:center;gap:8px;height:40px;margin:9px;padding:0 11px;display:flex}.multi-select-search span{color:var(--text-muted,#475569);font-size:1rem}.multi-select-search input{min-width:0;height:100%;color:var(--text-color);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:.85rem}.multi-select-search input::placeholder{color:var(--text-muted,#475569)}.multi-select-options{overscroll-behavior:contain;max-height:220px;padding:3px 6px 6px;overflow-y:auto}.lms-select{direction:rtl;width:100%}.lms-select__control{transition:border-color .2s,box-shadow .2s;background:var(--card-bg)!important;border:1px solid color-mix(in srgb, var(--text-color) 15%, transparent)!important;min-height:44px!important;box-shadow:none!important;cursor:pointer!important;border-radius:12px!important;font-size:14px!important}.lms-select__control:hover{border-color:#5bc0be!important}.lms-select__control--is-focused{border-color:#5bc0be!important;box-shadow:0 0 0 3px #5bc0be26!important}.lms-select__value-container{gap:5px;padding:4px 12px!important}.lms-select__placeholder{font-size:12px;color:var(--text-muted,#475569)!important;margin:0!important}.lms-select__input-container{color:var(--text-color)!important;margin:0!important}.lms-select__input,.lms-select__input input{color:var(--text-color)!important}.lms-select__single-value{font-size:12px;color:var(--text-color)!important}.lms-select__menu{border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);overflow:hidden;background:var(--card-bg)!important;z-index:9999!important;border-radius:13px!important;margin-top:7px!important;box-shadow:0 12px 30px #00000026!important}.lms-select__menu-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-color) 20%, transparent) transparent;max-height:220px!important;padding:6px!important;overflow-y:auto!important}.lms-select__menu-list::-webkit-scrollbar{width:4px}.lms-select__menu-list::-webkit-scrollbar-track{background:0 0}.lms-select__menu-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-color) 20%, transparent);border-radius:10px}.lms-select__option{border-radius:8px;align-items:center;min-height:42px;margin:2px 0;font-size:12px;transition:background .15s;color:var(--text-color)!important;cursor:pointer!important;background:0 0!important;padding:0 12px!important;display:flex!important}.lms-select__option--is-focused{background:#5bc0be1a!important}.lms-select__option--is-selected{color:#fff!important;background:#0e7c86!important}.lms-select__option--is-selected.lms-select__option--is-focused{color:#fff!important;background:#149aa8!important}.lms-select__indicators{padding-left:7px}.lms-select__dropdown-indicator{opacity:.55;transition:color .2s;color:var(--text-color)!important}.lms-select__dropdown-indicator:hover{color:#5bc0be!important}.lms-select__indicator-separator{display:none!important}.lms-select__clear-indicator{color:var(--text-muted,#475569)!important}.lms-select__clear-indicator:hover{color:#0e7c86!important}.lms-select__multi-value{overflow:hidden;background:color-mix(in srgb, #5bc0be 15%, var(--card-bg))!important;border-radius:7px!important;margin:2px 3px!important}.lms-select__multi-value__label{color:var(--text-color)!important;padding:4px 7px!important;font-size:12px!important}.lms-select__multi-value__remove{cursor:pointer;transition:background .15s,color .15s;color:var(--text-color)!important;padding:0 5px!important}.lms-select__multi-value__remove:hover{color:#fff!important;background:#0e7c86!important}.lms-select__menu-notice{opacity:.5;font-size:12px;color:var(--text-color)!important;padding:20px 10px!important}.lms-select__loading-indicator{color:#0e7c86!important}.lms-select__control--is-disabled{opacity:.5;background:var(--bg-body)!important;cursor:not-allowed!important}@media (width<=480px){.lms-select__control{min-height:44px!important}.lms-select__menu-list{max-height:190px!important}.lms-select__option{min-height:40px}}.lms-select__menu,.lms-select__menu-list{font-size:12px}.search-box-academic-year{margin:20px}.academic-year-select{direction:rtl;align-items:center;gap:10px;display:flex}.academic-year-label{color:var(--text-color);white-space:nowrap;font-size:13px;font-weight:600}.academic-year-wrapper{min-width:180px;position:relative}.academic-year-wrapper select{appearance:none;border:1px solid var(--border);background:var(--card-bg);width:100%;height:42px;color:var(--text-color);cursor:pointer;border-radius:10px;outline:none;padding:0 40px 0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.academic-year-wrapper select:hover{border-color:var(--gradient-start)}.academic-year-wrapper select:focus{border-color:var(--gradient-start);box-shadow:0 0 0 3px color-mix(in srgb, var(--gradient-start) 12%, transparent)}.academic-year-icon{color:var(--gradient-start);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tabs_btn{gap:20px;display:flex}.tabs{justify-content:space-between}.boxStats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px;display:grid}.box-stat{--box-accent:var(--gradient-end,#0e7c86);background:var(--card-bg);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex;box-shadow:0 2px 8px #0e7c860a}.box-stat.tone-total{--box-accent:#149aa8}.box-stat.tone-active{--box-accent:#059669}.box-stat.tone-inactive{--box-accent:#e11d48}.box-stat.tone-capacity{--box-accent:#d97706}.box-stat.tone-remain{--box-accent:#0284c7}.box-stat.tone-info{--box-accent:#4f46e5}.box-stat-icon{background:color-mix(in srgb, var(--box-accent) 14%, var(--card-bg));border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.box-stat-icon img,.box-stat-icon svg{object-fit:contain;width:26px;max-width:26px;height:26px;max-height:26px;display:block}.box-stat-copy{min-width:0}.box-stat-value,.box-stat-figure,.box-stat-figure .stat-number{color:var(--box-accent);margin:0;font-size:1.45rem;font-weight:800;line-height:1.15;display:block}.box-stat-label{color:var(--text-muted,#475569);margin-top:3px;font-size:12.5px;line-height:1.5;display:block}@media (width<=640px){.boxStats{grid-template-columns:1fr}}@media (width<=768px){.student-grades-hero{flex-direction:column}.student-grades-hero-meta{width:100%;min-width:0}.course-metrics-row{grid-template-columns:1fr}.student-grade-entry-list li{flex-direction:column}.student-grade-entry-score{text-align:right;min-width:0}}.report-card-panel{border:1px solid var(--border,#e2e8f0);background:linear-gradient(160deg, #0f766e0f, transparent 55%), var(--card-bg,#fff);border-radius:16px;flex-direction:column;gap:16px;padding:18px 18px 16px;display:flex}.report-card-panel.is-compact{border-radius:14px;gap:12px;padding:14px 16px}.report-card-panel-head{align-items:flex-start;gap:12px;display:flex}.report-card-panel-icon{color:#0f766e;background:#0f766e1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.report-card-panel.is-compact .report-card-panel-icon{border-radius:10px;width:38px;height:38px}.report-card-panel-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.report-card-panel-copy strong{color:var(--text-primary,#0f172a);font-size:.98rem}.report-card-panel-copy span{color:var(--text-secondary,#64748b);font-size:.82rem;line-height:1.6}.report-card-panel-student{color:#0f766e;font-size:.8rem;font-style:normal;font-weight:600}.report-card-panel-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.report-card-field{flex-direction:column;gap:6px;min-width:0;display:flex}.report-card-field>span{color:var(--text-secondary,#64748b);font-size:.78rem;font-weight:600}.report-card-field select{border:1px solid var(--border,#e2e8f0);background:var(--input-bg,#fff);width:100%;color:var(--text-color,inherit);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.88rem}.report-card-field select:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.report-card-panel-hint{color:#b45309;margin:0;font-size:.8rem}.report-card-download-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0f766e,#0e7490);border:none;border-radius:11px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:11px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 16px #0e749038}.report-card-download-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #0e749047}.report-card-download-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.report-card-modal-overlay{z-index:1200;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.report-card-modal{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:18px;width:min(520px,100%);padding:18px;box-shadow:0 24px 60px #0f172a33}.report-card-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.report-card-modal-header h3{margin:0 0 4px;font-size:1.05rem}.report-card-modal-header p{color:var(--text-secondary,#64748b);margin:0;font-size:.85rem}.report-card-modal-close{border:1px solid var(--border,#e2e8f0);cursor:pointer;width:34px;height:34px;color:inherit;background:0 0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.student-grades-report-wrap{margin-top:4px}@media (width<=720px){.report-card-download-btn{width:100%}.report-card-panel-head{align-items:center}}.class-grades-page .header-content h2{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.35rem;font-weight:700;line-height:1.35;display:inline-flex}.class-grades-page .header-content p{max-width:46rem;color:var(--text-muted,#64748b);margin-top:6px;font-size:.92rem;line-height:1.75}.class-grades-content{flex-direction:column;gap:16px;display:flex}.class-grades-content .section-card{margin-bottom:0}.class-grades-content .section-header h3{align-items:center;gap:8px;font-size:1rem;font-weight:700;line-height:1.4;display:inline-flex}.class-grades-content .section-header-icon{color:var(--gradient-end,#0f766e);justify-content:center;align-items:center;display:inline-flex}.class-grades-content .schedule-list{padding-top:4px}.class-grades-excel{box-shadow:none;background:0 0;padding:0}.class-grades-hint{color:var(--text-muted,#64748b);margin:0 0 14px;font-size:.84rem;line-height:1.75}.class-grades-hint.is-warning{color:#b45309}.class-grades-hint.is-success{color:#15803d;background:#16a34a14;border:1px solid #16a34a38;border-radius:12px;margin-bottom:0;padding:12px 14px}.class-grades-loading{border:1px dashed var(--border);background:var(--input-bg);border-radius:16px;min-height:200px}.class-grades-errors{margin-bottom:4px}.class-grades-errors .table-wrapper{max-height:280px;overflow:auto}.class-grades-errors td:last-child{text-align:right;white-space:normal;line-height:1.7}.class-grades-student-row,.class-grades-page .excel-summary{margin-bottom:14px}.class-grades-page .excel-dropzone{min-height:200px}.class-grades-page .excel-dropzone h4{font-size:.98rem;font-weight:700}.class-grades-page .excel-dropzone p{font-size:.84rem;line-height:1.7}.class-grades-page .template-text strong,.class-grades-page .file-details strong,.class-grades-page .summary-text strong{font-size:.9rem;font-weight:700}.class-grades-page .template-text span,.class-grades-page .summary-text span{opacity:.75;font-size:.78rem;line-height:1.7}.class-grades-page .excel-stat-chip span{font-size:.72rem}.class-grades-page .excel-stat-chip strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.class-grades-page .section-footer{font-size:.84rem;line-height:1.7}@media (width<=700px){.class-grades-page .header-content h2{font-size:1.15rem}.class-grades-content{gap:12px}}.student-other-classes{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.student-other-classes-label{color:var(--text-muted,#64748b);font-size:11px}.student-other-classes-list{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.student-class-badge{color:var(--text-color,#334155);background:var(--hover-bg,#eef4f5);border:1px solid var(--border-color,#dbe5e7);border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}@font-face{font-family:IRANYekan;src:url(/lms/assets/IRANYekanX-Regular-DSgknM3V.woff2)format("woff2"),url(/lms/assets/IRANYekanX-Regular-DpO9CZdz.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IRANYekan;src:url(/lms/assets/IRANYekanX-Bold-B3EUfDkF.woff2)format("woff2"),url(/lms/assets/IRANYekanX-Bold-4UP0kO0V.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;-moz-font-feature-settings:"ss02";-webkit-font-feature-settings:"ss02";font-feature-settings:"ss02";margin:0;padding:0;font-family:IRANYekan,sans-serif;transition:background-color .3s,color .2s,border .2s}.body-content{background-color:var(--bg-body);color:var(--text-color);flex-direction:column;min-height:100vh;padding:20px;display:flex;overflow:auto}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}:root{--bg-body:#f0f7f8;--text-color:#1e293b;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#475569;--primary:#0e7c86;--accent-text:#0e7c86;--card-bg:#fff;--shadow:0 8px 20px #0e7c861a;--border:#d1e3e6;--gradient-start:#5bc0be;--gradient-end:#0e7c86;--nav-bg:#ffffffd9;--hover-bg:#e6f2f2;--input-bg:#f1f8f9}[data-theme=dark]{--bg-body:#0b1b20;--text-color:#e2e8f0;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#94a3b8;--primary:#6ed6d4;--accent-text:#5bc0be;--card-bg:#13252b;--shadow:0 8px 20px #0009;--border:#23424c;--gradient-start:#6ed6d4;--gradient-end:#149aa8;--nav-bg:#0b1b20e6;--hover-bg:#1e404a;--input-bg:#1a333b}.navbar{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-top:0;width:auto;max-width:none;box-shadow:var(--shadow);border-inline:0;border:1px solid var(--border);z-index:1000;border-radius:0;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin:-20px -20px 16px;padding:10px 24px;display:flex;position:relative;overflow:visible}.logo-area{align-items:center;gap:10px;display:flex}.logo-icon{object-fit:contain;flex-shrink:0;width:40px;height:40px}.logo-text{color:var(--gradient-end);-webkit-text-fill-color:unset;background:0 0;font-size:1.4rem;font-weight:700}[data-theme=dark] .logo-text{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.menu-desktop{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow:visible}.menu-item{cursor:pointer;color:var(--text-color);white-space:nowrap;background:0 0;border:none;border-radius:12px;flex:none;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;position:relative}.mt-30{margin-top:30px}.menu-item i,.menu-item svg,.tab-btn-icon,.tab-btn svg,.search-icon svg,.section-header-icon,.section-header-icon svg,.box-stat-icon svg,.theme-toggle-header svg,.hamburger svg,.submenu-item svg{opacity:.85;flex-shrink:0;width:1.1em;height:1.1em}.menu-item i{font-size:1.1rem}.tab-btn-icon{align-items:center;margin-inline-end:6px;display:inline-flex}.section-header-icon{vertical-align:middle;align-items:center;margin-inline-end:8px;display:inline-flex}.box-stat-icon{color:var(--accent-text,#0e7c86);justify-content:center;align-items:center;display:inline-flex}.box-stat-icon svg{opacity:1;width:28px;height:28px}.section-description-landing{margin-bottom:20px}.menu-item:hover{background:var(--hover-bg)}.menu-item.active:not(.has-submenu){background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;box-shadow:0 4px 12px #4facfe4d}.menu-item.active:not(.has-submenu) i{opacity:1;color:#fff}.menu-item.has-submenu.active .menu-group-trigger{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;box-shadow:0 4px 12px #4facfe4d}.menu-item.has-submenu.active .menu-group-trigger i{opacity:1;color:#fff}.menu-item.has-submenu{z-index:1;gap:0;padding:0;position:relative}.menu-item.has-submenu:hover,.menu-item.has-submenu.open{z-index:1200}.menu-group-trigger{width:100%;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.menu-group-chevron{opacity:.65;margin-inline-start:2px;transition:transform .2s;font-size:.7rem!important}.menu-item.has-submenu.open .menu-group-chevron,.menu-item.has-submenu:hover .menu-group-chevron{transform:rotate(180deg)}.submenu{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);z-index:1300;border-radius:14px;flex-direction:column;gap:2px;min-width:220px;padding:8px;display:none;position:absolute;top:100%;right:0;box-shadow:0 12px 28px #0000002e}.submenu:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.menu-item.has-submenu:hover .submenu,.menu-item.has-submenu.open .submenu{display:flex}.submenu a,.submenu-item{width:100%;color:var(--text-color);text-align:right;font:inherit;cursor:pointer;border:none;background:0 0;border-right:3px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.submenu a i,.submenu-item i{text-align:center;opacity:.75;width:18px;font-size:.95rem}.submenu a:hover,.submenu-item:hover{background:var(--hover-bg);border-right-color:var(--gradient-start)}.submenu-item.active{background:color-mix(in srgb, var(--gradient-end) 14%, var(--card-bg));border-right-color:var(--gradient-end);color:var(--gradient-end)}.submenu-item.active i{opacity:1;color:var(--gradient-end)}button.menu-item{font:inherit}.controls{align-items:center;gap:14px;display:flex}.theme-toggle-header{border:1px solid var(--border);background:var(--card-bg);width:42px;height:42px;color:var(--text-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex}.theme-toggle-header:hover{background:var(--hover-bg);transform:rotate(20deg)}.avatar{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 10px #4facfe40}.left-header-box{align-items:center;gap:8px;display:flex}.hamburger{border:1px solid var(--border);background:var(--card-bg);width:40px;height:40px;color:var(--text-color);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:none}.nav-backdrop{display:none}.main-content{flex:1;width:100%;max-width:1400px;margin:10px auto 30px}.app-footer{text-align:center;border-top:1px solid var(--border);color:var(--text-color);opacity:.8;margin-top:auto;padding:16px 8px 4px;font-size:13px}.app-footer a{color:var(--gradient-end);font-weight:700;text-decoration:none}.app-footer a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-bottom a{color:var(--gradient-end);font-weight:700;text-decoration:none}.greeting-box{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:self-start;gap:3px;margin-bottom:28px;padding:20px 28px;transition:all .4s;display:flex;position:relative;overflow:hidden}.greeting-box:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#4facfe0f 0%,#00f2fe0a 50%,#0000 80%);width:200%;height:200%;animation:8s ease-in-out infinite shimmerMove;position:absolute;top:-50%;right:-50%}[data-theme=dark] .greeting-box:before{background:radial-gradient(circle at 70% 30%,#8b5cf614 0%,#d946ef0d 50%,#0000 80%)}@keyframes shimmerMove{0%,to{transform:translate(0)}50%{transform:translate(10%,-10%)}}.greeting-box:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000014}.greeting-icon{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;animation:2s ease-in-out infinite pulseGlow;display:flex;box-shadow:0 4px 16px #4facfe4d}[data-theme=dark] .greeting-icon{box-shadow:0 4px 16px #8b5cf64d}@keyframes pulseGlow{0%,to{box-shadow:0 4px 16px #4facfe4d}50%{box-shadow:0 4px 28px #4facfe80}}[data-theme=dark] .greeting-icon{animation-name:pulseGlowDark}@keyframes pulseGlowDark{0%,to{box-shadow:0 4px 16px #8b5cf64d}50%{box-shadow:0 4px 28px #8b5cf680}}.greeting-content{flex-direction:column;flex:1;justify-content:start;gap:5px;padding:5px 10px;display:flex}.body-box-gratting{width:100%;display:flex}.greeting-title{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px;font-size:1.25rem;font-weight:700;display:flex}.greeting-title #greetingText{color:var(--gradient-end);-webkit-text-fill-color:unset;background:0 0}[data-theme=dark] .greeting-title #greetingText{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.greeting-sub{color:var(--text-muted);margin-bottom:10px;font-size:.85rem}.greeting-sub i{margin-left:6px}.greeting-stats{flex-wrap:wrap;gap:16px;display:flex}.greeting-stat{background:var(--hover-bg);border:1px solid var(--border);border-radius:40px;align-items:center;gap:6px;padding:5px 16px 5px 14px;font-size:.85rem;transition:all .3s;display:flex}.greeting-stat:hover{background:var(--input-bg);transform:scale(1.05)}.greeting-stat i{color:var(--gradient-end);font-size:.9rem}.greeting-stat strong{font-weight:700}.greeting-emoji{opacity:.7;flex-shrink:0;font-size:2.8rem;animation:3s ease-in-out infinite floatEmoji}@keyframes floatEmoji{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.tabs{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:20px;flex-wrap:wrap;gap:6px;margin-bottom:28px;padding:10px 18px;display:flex}.tab-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.tab-btn i{opacity:.6}.tab-btn:hover{background:var(--hover-bg)}.tab-btn.active-tab{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;box-shadow:0 4px 12px #4facfe40}.tab-btn.active-tab i{opacity:1;color:#fff}.breadcrumb{background:var(--card-bg);border:1px solid var(--border);box-sizing:border-box;direction:rtl;border-radius:12px;align-items:center;gap:6px;width:100%;padding:12px 16px;display:flex}.breadcrumb-home{width:30px;height:30px;color:var(--primary);justify-content:center;align-items:center;display:flex}.breadcrumb-item-wrapper{align-items:center;gap:6px;display:flex}.breadcrumb-arrow{color:var(--text-muted)}.breadcrumb-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px 7px;font-family:inherit;font-size:13px;transition:all .2s}.breadcrumb-item:not(:disabled):hover{color:var(--primary)}.breadcrumb-item.active{color:var(--primary);font-weight:600}.breadcrumb-item:disabled{cursor:default}.clear-search{border:1px solid var(--text-color);width:30px;max-height:25px;color:var(--text-color);opacity:.6;background:0 0;border-radius:3px;font-size:16px;line-height:19px}.tabs_btn{flex:1;align-items:center;gap:8px;min-width:0;display:flex}#tabContainer.tabs{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px}#tabContainer .academic-year-label{white-space:nowrap}@media (width<=900px){.body-content{padding:12px 12px 24px}.navbar{border-radius:0;gap:8px;margin:-12px -12px 12px;padding:8px 12px;position:sticky;top:0}.menu-desktop{background:var(--card-bg);border:1px solid var(--border);width:auto;max-height:min(70dvh,520px);box-shadow:var(--shadow);z-index:120;border-radius:16px;flex-direction:column;flex:none;align-items:stretch;gap:4px;margin:0;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.menu-desktop.open{display:flex}.menu-item{border-radius:12px;width:100%;min-height:48px;padding:10px 14px}.menu-item.has-submenu{flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0}.menu-group-trigger{justify-content:flex-start;width:100%;min-height:48px;padding:10px 14px}.menu-group-trigger .menu-group-chevron{margin-inline-start:auto}.menu-item.has-submenu .submenu{opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:color-mix(in srgb, var(--hover-bg) 70%, transparent);border:0;border-radius:12px;width:auto;min-width:0;margin:0 8px 8px;padding:6px;display:none;position:static;transform:none}.menu-item.has-submenu.open .submenu{display:flex}.menu-item.has-submenu:hover .submenu{display:none}.menu-item.has-submenu.open:hover .submenu,.menu-item.has-submenu.open .submenu{display:flex}.submenu-item{min-height:44px}.hamburger{display:inline-flex}.nav-backdrop{z-index:90;cursor:pointer;background:#08141873;border:0;padding:0;display:block;position:fixed;inset:0}.left-header-box{gap:6px}.avatar,.theme-toggle-header,.hamburger{width:40px;height:40px}#tabContainer.tabs{z-index:40;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px;padding:10px;position:sticky;top:72px}#tabContainer .tabs_btn{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:none;gap:8px;width:100%;padding-bottom:2px;overflow-x:auto}#tabContainer .tabs_btn::-webkit-scrollbar{display:none}#tabContainer .tab-btn{white-space:nowrap;flex:none;min-height:40px;padding:8px 14px}#tabContainer .academic-year-select{justify-content:space-between;gap:8px;width:100%}#tabContainer .academic-year-label{font-size:12px}#tabContainer .academic-year-wrapper{flex:1;min-width:0}}.stack-more,.stack-table .class-action-button,.stack-table .action-button{display:none}.stack-table .action-wrapper,.stack-table .class-action-wrapper,.stack-table .lesson-action-wrapper,.stack-table .grade-action-wrapper,.stack-table .year-action-wrapper,.stack-table .student-table-actions{z-index:auto;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:auto;display:flex;position:static}.stack-table .class-manage-split{z-index:1;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:0;width:auto;display:inline-flex;position:relative}.stack-table tbody tr.menu-open-row .class-manage-split{z-index:1002}.stack-table .class-manage-btn{display:inline-flex}.stack-table .class-manage-split .action-menu,.stack-table .class-manage-split .action-menu.is-open,.stack-table .class-manage-split .year-action-menu,.stack-table .class-manage-split .year-action-menu.is-open{border:1px solid var(--border);background:var(--card-bg);z-index:9999;border-radius:12px;flex-flow:column;align-items:stretch;gap:2px;width:200px;max-width:none;margin:0;padding:6px;animation:.15s classMenuShow;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #00000029}.stack-table .class-manage-split .action-menu.is-open,.stack-table .class-manage-split .year-action-menu.is-open{display:flex}.stack-table .class-manage-split .action-menu button,.stack-table .class-manage-split .year-action-menu button{white-space:nowrap;background:0 0;border:none;border-radius:10px;width:100%;height:auto;min-height:36px;padding:8px 10px;font-size:12px;font-weight:600}.stack-table .class-manage-split .action-menu .delete-action,.stack-table .class-manage-split .year-action-menu .delete-action{color:#e57373;background:0 0;border-color:#0000}.stack-table .class-manage-split .action-menu .delete-action:hover,.stack-table .class-manage-split .year-action-menu .delete-action:hover{background:#e573731a}.stack-table .table-icon-actions{z-index:auto;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:auto;display:inline-flex;position:static}.stack-table .table-icon-btn{border:1px solid var(--border);background:var(--card-bg);width:auto;height:auto;min-height:32px;color:var(--text-color);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.stack-table .table-icon-btn i{font-size:14px;display:none}.stack-table .table-icon-btn:hover{background:var(--hover-bg)}.stack-table .table-icon-btn.delete-action{color:#b42318;background:color-mix(in srgb, #e57373 14%, var(--card-bg));border-color:color-mix(in srgb, #e57373 40%, var(--border))}.stack-table .table-icon-btn.delete-action:hover{background:color-mix(in srgb, #e57373 22%, var(--card-bg))}.stack-table td[data-role=actions],.stack-table .operation-column{white-space:normal;width:auto;min-width:160px;height:auto;text-align:right!important}.stack-table .action-menu,.stack-table .year-action-menu,.stack-table .action-menu.is-open,.stack-table .year-action-menu.is-open{width:auto;max-width:none;box-shadow:none;z-index:auto;isolation:auto;background:0 0;border:0;border-radius:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;animation:none;display:flex;position:static;top:auto;left:auto}.stack-table .action-menu button,.stack-table .year-action-menu button{border:1px solid var(--border);background:var(--card-bg);width:auto;height:auto;min-height:32px;color:var(--text-color);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;line-height:1.2}.stack-table .action-menu button:hover,.stack-table .year-action-menu button:hover{background:var(--hover-bg)}.stack-table .action-menu .delete-action,.stack-table .year-action-menu .delete-action{color:#b42318;background:color-mix(in srgb, #e57373 14%, var(--card-bg));border-color:color-mix(in srgb, #e57373 40%, var(--border))}.stack-table .action-menu .delete-action:hover,.stack-table .year-action-menu .delete-action:hover{background:color-mix(in srgb, #e57373 22%, var(--card-bg))}@media (width<=768px){:is(.table-wrapper:has(.stack-table),.lesson-table-container:has(.stack-table),.class-table-container:has(.stack-table),.academic-table-wrapper:has(.stack-table),.assigned-Student-table-wrapper:has(.stack-table),.assigned-students-table-wrapper:has(.stack-table),.class-table-wrapper:has(.stack-table)){box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;overflow:visible!important}.stack-table,.stack-table.class-table,.stack-table.lesson-table,.table-wrapper .stack-table,.academic-table-wrapper .stack-table{border-collapse:separate;border-spacing:0;white-space:normal;width:100%;display:block;min-width:0!important}.stack-table thead{display:none}.stack-table tbody{flex-direction:column;gap:12px;display:flex}.stack-table tbody tr{background:var(--bg-body);border:1px solid var(--border);border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 12px;height:auto;margin:0;padding:14px 16px 12px;display:flex;position:relative;overflow:visible;box-shadow:0 8px 22px #0e7c8614}[data-theme=dark] .stack-table tbody tr{box-shadow:0 10px 24px #00000047}.stack-table tbody tr:before{content:"";inset-inline-start:0;background:linear-gradient(var(--gradient-start), var(--gradient-end));pointer-events:none;border-radius:99px;width:3px;position:absolute;top:16px;bottom:16px}.stack-table tbody tr:hover{background:var(--bg-body)}.stack-table tbody tr:has(.stack-more input:checked){border-color:color-mix(in srgb, var(--gradient-end) 50%, var(--border))}.stack-table tbody tr.menu-open-row{z-index:1000}.stack-table tbody tr:has(.action-menu.is-open){z-index:1000}.stack-table tbody tr:has(.year-action-menu.is-open){z-index:1000}.stack-table td{white-space:normal;text-align:right;opacity:1;background:0 0;border:0;width:auto;min-width:0;padding:0;display:block;height:auto!important}.stack-table td[data-role=index]{display:none!important}.stack-table td[data-role=title]{flex:1 1 0;order:1;min-width:0;max-width:calc(100% - 5.75rem);font-size:15px;font-weight:700;line-height:1.45}.stack-table tr:not(:has(td[data-role=status])) td[data-role=title]{flex-basis:100%;max-width:100%}.stack-table td[data-role=status]{z-index:1;white-space:nowrap;flex:none;order:2;align-self:flex-start;margin-inline-start:auto;position:relative}.stack-table td[data-role=status] .status,.stack-table td[data-role=status] .class-status,.stack-table td[data-role=status] .status-badge{width:auto;max-width:100%;height:auto;display:inline-flex;position:static}.stack-table td[data-role=title] .student-info{width:100%;max-width:100%;overflow:hidden}.stack-table td[data-role=title] .student-avatar{z-index:0;flex-shrink:0;position:relative}.stack-table td[data-role=actions]{border-top:1px dashed var(--border);flex:1 0 100%;order:3;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding-top:10px;display:flex}.stack-table td[data-role=title] .student-info,.stack-table td[data-role=title] .class-name,.stack-table td[data-role=title] .lesson-name,.stack-table td[data-role=title] .grade-name,.stack-table td[data-role=title] .academic-year-title,.stack-table td[data-role=title] .table-student{min-width:0}.stack-table td[data-role=title] strong,.stack-table td[data-role=title] span{white-space:normal}.stack-table td[data-role=detail]{background:color-mix(in srgb, var(--card-bg) 72%, var(--input-bg));border-radius:12px;flex:1 0 100%;order:4;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 10px;font-size:13px;line-height:1.5;display:none}.stack-table td[data-role=actions] .action-wrapper,.stack-table td[data-role=actions] .class-action-wrapper,.stack-table td[data-role=actions] .lesson-action-wrapper,.stack-table td[data-role=actions] .grade-action-wrapper,.stack-table td[data-role=actions] .year-action-wrapper,.stack-table td[data-role=actions] .student-table-actions,.stack-table td[data-role=actions] .action-menu,.stack-table td[data-role=actions] .year-action-menu{flex:auto;min-width:0;max-width:100%}.stack-table td[data-role=actions]{position:relative;overflow:visible}.stack-table td[data-role=actions] .class-manage-split{flex:auto;min-width:0;max-width:100%;position:static}.stack-table td[data-role=actions] .class-manage-btn{justify-content:space-between;width:100%;max-width:100%}.stack-table td[data-role=actions] .class-manage-split .action-menu,.stack-table td[data-role=actions] .class-manage-split .action-menu.is-open,.stack-table td[data-role=actions] .class-manage-split .year-action-menu,.stack-table td[data-role=actions] .class-manage-split .year-action-menu.is-open{overscroll-behavior:contain;box-sizing:border-box;width:auto;max-width:none;max-height:min(260px,100dvh - 140px);inset:calc(100% - 4px) 0 auto;overflow:hidden auto}.stack-table td[data-role=actions] .table-icon-actions{flex:none;gap:10px;max-width:none}.stack-table td[data-role=actions] .table-icon-btn{border-radius:12px;gap:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.stack-table td[data-role=actions] .table-icon-btn i{display:inline-block}.stack-table td[data-role=actions] .table-icon-btn .table-icon-label{display:none}.stack-table td[data-role=detail]:before{content:attr(data-label);max-width:42%;color:var(--text-muted,#475569);flex:none;font-size:11px;font-weight:700}.stack-table td[data-role=detail]>*{text-align:left;overflow-wrap:anywhere;min-width:0}.stack-table tr:has(.stack-more input:checked) td[data-role=detail]{animation:.18s stack-detail-in;display:flex}.stack-table tr:has(.stack-more input:checked) td[data-role=detail]:has(>.activity:empty){display:none}.stack-more{background:var(--card-bg);border:1px solid var(--border);color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;margin-inline-start:auto;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.stack-more input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack-more-icon{border-inline-end:1.5px solid;border-bottom:1.5px solid;width:7px;height:7px;transition:transform .18s;transform:rotate(45deg)translateY(-1px)}.stack-more:has(input:checked){background:color-mix(in srgb, var(--gradient-end) 14%, var(--card-bg));border-color:color-mix(in srgb, var(--gradient-end) 45%, var(--border));color:var(--gradient-end)}.stack-more:has(input:checked) .stack-more-icon{transform:rotate(225deg)translateY(-1px)}.stack-more .when-open{display:none}.stack-more:has(input:checked) .when-closed{display:none}.stack-more:has(input:checked) .when-open{display:inline}.stack-more:focus-within{outline:2px solid var(--gradient-end);outline-offset:2px}:is(.stack-table tr:has(.empty-state),.stack-table tr:has(.class-empty-state),.stack-table tr:has(.assigned-empty)){box-shadow:none;background:0 0;border:0;padding:8px 0 0;display:block}.stack-table tr:has(.empty-state):before{display:none}.stack-table tr:has(.class-empty-state):before{display:none}.stack-table tr:has(.assigned-empty):before{display:none}.stack-table td.empty-state,.stack-table td.class-empty-state,.stack-table td.assigned-empty{display:block;white-space:normal!important;text-align:center!important;height:auto!important}}@keyframes stack-detail-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (width<=768px) and (prefers-reduced-motion:reduce){.stack-table tr:has(.stack-more input:checked) td[data-role=detail]{animation:none}}.teachers-cards-grid,.classes-grid,.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch}.teacher-card2,.class-card,.student-card,.course-card-full,.available-student-item,.lesson-assignment-item{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;position:relative;box-shadow:0 10px 24px #0e7c8612}[data-theme=dark] .teacher-card2,[data-theme=dark] .class-card,[data-theme=dark] .student-card,[data-theme=dark] .course-card-full,[data-theme=dark] .available-student-item,[data-theme=dark] .lesson-assignment-item{box-shadow:0 12px 28px #00000047}.teacher-card2:hover,.class-card:hover,.student-card:hover,.course-card-full:hover,.lesson-assignment-item:hover{border-color:color-mix(in srgb, var(--gradient-end) 45%, var(--border));transform:translateY(-2px)}.teacher-card2{flex-direction:column;gap:14px;max-width:none;height:100%;padding:16px 16px 14px;display:flex}.teacher-card2 .teacher-card-header{justify-content:space-between;align-items:center;gap:12px;min-height:0;padding:0;display:flex}.teacher-card2 .teacher-avatar{color:#fff;border-radius:16px;place-items:center;width:52px;height:52px;font-weight:700;display:grid;overflow:hidden}.teacher-card2 .teacher-avatar img,.student-card .mystudent-avatar img,.available-student-item .student-avatar img{object-fit:cover;width:100%;height:100%}.teacher-card2 .teacher-card-body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.teacher-card2 .teacher-card-name{color:var(--text-color);margin:0;font-size:16px;line-height:1.4}.teacher-card2 .teacher-card-specialty{min-height:1.4em;color:var(--gradient-end);font-size:13px;font-weight:700;display:block}.teacher-card2 .teacher-card-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.teacher-card2 .teacher-stat{background:var(--bg-body);min-width:0;color:var(--text-color);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;font-size:12px;font-weight:700;line-height:1.35;display:flex}.teacher-card2 .stat-icon{place-items:center;width:22px;height:22px;display:grid}.teacher-card2 .stat-icon img{width:16px;height:16px}.teacher-card2 .teacher-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;display:grid}.teacher-card2 .teacher-card-actions .action-btn{border:1px solid var(--border);background:var(--card-bg);min-height:34px;color:var(--text-color);border-radius:999px;padding:6px 8px;font-size:12px;font-weight:700}.teacher-card2 .teacher-card-actions .action-btn.delete{color:#b42318;background:color-mix(in srgb, #e57373 14%, var(--card-bg));border-color:color-mix(in srgb, #e57373 40%, var(--border))}.teacher-status-badge{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.class-card{flex-direction:column;gap:12px;height:100%;padding:16px;display:flex}.class-card-header h3{margin:0 0 4px;font-size:16px;line-height:1.4}.class-card-header span{color:var(--text-muted,#475569);font-size:12px}.class-info-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.class-info-item{background:var(--bg-body);border-radius:12px;min-width:0;padding:8px}.class-info-item span{color:var(--text-muted,#475569);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.class-info-item strong{overflow-wrap:anywhere;font-size:13px;line-height:1.4;display:block}.students-info{flex-direction:column;gap:8px;display:flex}.student-progress{background:var(--input-bg);border-radius:99px;height:6px;overflow:hidden}.student-progress>div{border-radius:inherit;background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));height:100%}.class-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.class-card .academic-year{opacity:.7;font-size:12px;font-weight:700}.class-card .form-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.class-card .view-class-btn,.class-card .view-student-btn{border:1px solid var(--border);background:var(--card-bg);width:100%;min-height:36px;color:var(--text-color);border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.class-card .view-class-btn{border-color:color-mix(in srgb, var(--gradient-end) 40%, var(--border));color:var(--gradient-end)}.teachers-cards-grid:has(.student-card){grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.student-card{max-width:none;height:100%;color:var(--text-color);flex-direction:column;gap:12px;padding:16px;display:flex}.student-card-header{justify-content:space-between;align-items:center;gap:12px;min-height:0;display:flex;position:relative}.student-card .mystudent-avatar{color:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;font-weight:700;display:grid;overflow:hidden}.student-card-header .student-status,.student-card .student-status{background:color-mix(in srgb, #22c55e 14%, var(--card-bg));color:#15803d;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin-inline-start:auto;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex;top:auto!important;right:auto!important;position:static!important;inset:auto!important}.student-card-header .student-status.inactive,.student-card .student-status.inactive{background:color-mix(in srgb, #e57373 16%, var(--card-bg));color:#b42318}.student-card .student-name{text-align:right;font-size:17px;font-weight:700;line-height:1.4}.student-card .student-class-info{background:var(--bg-body);border-radius:999px;width:fit-content;max-width:100%;padding:4px 10px;font-size:12px;font-weight:700}.student-card .student-info-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:0;display:grid}.student-card .student-info-item{background:var(--bg-body);border:0;border-radius:12px;min-width:0;padding:10px}.student-card .student-info-content{flex-direction:column;gap:4px;min-width:0;display:flex}.student-card .student-info-content span{color:var(--text-muted,#475569);font-size:11px;font-weight:700}.student-card .student-info-content strong{overflow-wrap:anywhere;font-size:13px;line-height:1.45}.course-card-full{flex-direction:column;gap:14px;height:100%;padding:16px;display:flex}.course-card-full .course-card-header{margin:0}.course-card-full .course-name{color:var(--text-color);margin:0 0 8px;font-size:16px;line-height:1.4}.course-card-full .course-teacher,.course-card-full .course-schedule{color:var(--text-color);justify-content:space-between;align-items:baseline;gap:10px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.course-card-full .course-teacher em,.course-card-full .course-schedule em{color:var(--text-muted,#475569);flex:none;font-size:11px;font-style:normal;font-weight:700}.course-card-full .course-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.course-card-full .course-resource-btn,.course-card-full .course-detail-btn{border:1px solid var(--border);background:var(--card-bg);min-height:36px;color:var(--text-color);border-radius:999px;font-size:12px;font-weight:700}.course-card-full .course-detail-btn{border-color:color-mix(in srgb, var(--gradient-end) 40%, var(--border));color:var(--gradient-end)}.available-Student-list,.available-student-list{flex-direction:column;gap:8px;display:flex}.available-Student-list{margin-top:15px}.available-student-item{box-shadow:none;padding:10px 12px}.available-student-item.selected{background:color-mix(in srgb, var(--gradient-end) 10%, var(--card-bg));border-color:var(--gradient-end)}.available-student-item .available-student-info{flex-direction:column;gap:3px;min-width:0;display:flex}.available-student-item .available-student-info strong{font-size:14px;line-height:1.4}.available-student-item .available-student-info span{color:var(--text-muted,#475569);font-size:12px}.lesson-assignment-item{align-items:flex-start;gap:12px;padding:14px 14px 14px 16px}.lesson-assignment-item h4{margin:0 0 6px;font-size:15px;line-height:1.4}.lesson-assignment-item p{color:var(--text-color);margin:0;font-size:13px;line-height:1.6}.lesson-assignment-item .assignment-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.lesson-assignment-item .edit-assignment-btn,.lesson-assignment-item .delete-assignment-btn{border:1px solid var(--border);background:var(--card-bg);min-height:32px;color:var(--text-color);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.lesson-assignment-item .delete-assignment-btn{color:#b42318;background:color-mix(in srgb, #e57373 14%, var(--card-bg));border-color:color-mix(in srgb, #e57373 40%, var(--border))}@media (width<=720px){.class-info-row,.student-card .student-info-grid,.teacher-card2 .teacher-card-stats{grid-template-columns:1fr 1fr}.teacher-card2 .teacher-stat:last-child{grid-column:1/-1}.lesson-assignment-item{flex-direction:column}.lesson-assignment-item .assignment-actions{justify-content:flex-start;width:100%}}.student-grades-page{flex-direction:column;gap:18px;display:flex}.student-grades-hero{border:1px solid var(--border,#e2e8f0);background:radial-gradient(circle at 0 0,#38bdf82e,#0000 42%),linear-gradient(135deg,#0f766e1f,#ffffff0a);border-radius:20px;justify-content:space-between;align-items:stretch;gap:20px;padding:22px 24px;display:flex}.student-grades-eyebrow{letter-spacing:.04em;color:#0f766e;margin:0 0 6px;font-size:12px;font-weight:700}.student-grades-hero-copy h2{color:var(--text-primary,#0f172a);margin:0 0 8px;font-size:1.45rem}.student-grades-hero-copy p{color:var(--text-secondary,#475569);max-width:42ch;margin:0;line-height:1.7}.student-grades-hero-meta{grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px;min-width:240px;display:grid}.student-grades-hero-meta>div{background:#ffffffb8;border:1px solid #94a3b840;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.student-grades-hero-meta span{color:var(--text-secondary,#475569);font-size:12px}.student-grades-hero-meta strong{color:var(--text-primary,#0f172a);font-size:1.35rem}.student-grades-filters{flex-wrap:wrap;gap:8px;display:flex}.student-grades-filters button{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-secondary,#475569);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.student-grades-filters button:hover,.student-grades-filters button.is-active{color:#fff;background:#0f766e;border-color:#0f766e}.student-grades-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.student-grade-card{background:var(--hover-bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:18px;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.student-grade-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.student-grade-card.tone-excellent{border-color:#22c55e59}.student-grade-card.tone-good{border-color:#3b82f659}.student-grade-card.tone-warning{border-color:#f59e0b66}.student-grade-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.student-grade-card-head h3{color:var(--text-primary,#0f172a);margin:0 0 4px;font-size:1rem}.student-grade-card-head p{color:var(--text-secondary,#475569);margin:0;font-size:12px}.student-grade-card-avg{flex-direction:column;gap:2px;display:flex}.student-grade-card-avg strong{color:#0f766e;font-size:1.8rem;line-height:1}.student-grade-card-avg span{color:var(--text-secondary,#475569);font-size:12px}.student-grade-bar{background:#94a3b840;border-radius:999px;width:100%;height:8px;overflow:hidden}.student-grade-bar>span{border-radius:inherit;background:linear-gradient(90deg,#14b8a6,#0ea5e9);height:100%;display:block}.student-grade-bar.compact{height:6px;margin-top:6px}.student-grade-card-meta{color:var(--text-secondary,#475569);flex-wrap:wrap;gap:8px 12px;font-size:12px;display:flex}.student-grade-card-meta b{color:var(--text-primary,#0f172a)}.student-grade-chips{flex-wrap:wrap;gap:6px;display:flex}.student-grade-chip{color:#0f766e;background:#0f766e1a;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.student-grade-chip.more{color:#475569;background:#64748b1f}.student-grade-card-hint{color:var(--text-secondary,#475569);margin:0;font-size:13px}.student-grade-detail-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:12px;margin-top:auto;padding:10px 12px;font-weight:700}.student-grade-detail-btn:disabled{opacity:.45;cursor:not-allowed}.student-grades-empty{text-align:center;color:var(--text-secondary,#475569);padding:36px 16px}.student-grades-empty i{margin-bottom:10px;font-size:28px;display:block}.status-empty{color:#475569;background:#e2e8f0}.student-grade-modal .modal-header{gap:12px}.student-grade-modal .modal-header h3{flex:1;min-width:0}.student-grade-modal .modal-close-btn{width:32px;height:32px;color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:16px;font-weight:500;line-height:1;display:inline-flex}.student-grade-modal .modal-close-btn:hover{color:#ef4444;background:#ef44441a}.student-grade-modal-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.student-grade-modal-summary>div{background:var(--hover-bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.student-grade-modal-summary span{color:var(--text-secondary,#475569);font-size:12px}.student-grade-modal-summary strong{color:var(--text-primary,#0f172a);font-size:1rem}.student-grade-entry-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.student-grade-entry-list li{background:var(--hover-bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:14px;justify-content:space-between;gap:16px;padding:12px 14px;display:flex}.student-grade-entry-main strong{color:var(--text-primary,#0f172a);margin-bottom:4px;display:block}.student-grade-entry-main p{color:var(--text-secondary,#475569);margin:0;font-size:12px}.student-grade-entry-score{text-align:left;min-width:110px}.student-grade-entry-score span{color:#0f766e;font-weight:800}.student-grade-entry-score small{color:var(--text-secondary,#475569);font-weight:600}.course-metrics-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 12px;display:grid}.course-metric{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);text-align:center;border-radius:12px;padding:10px 8px}.course-metric-label{color:var(--text-secondary,#475569);margin-bottom:4px;font-size:11px;display:block}.course-metric strong{color:var(--text-primary,#0f172a);font-size:14px}[data-theme=dark] .student-grades-hero{background:radial-gradient(circle at 0 0,#2dd4bf29,#0000 42%),linear-gradient(135deg,#0f766e38,#0f172a66)}[data-theme=dark] .student-grades-hero-meta>div,[data-theme=dark] .student-grade-card,[data-theme=dark] .student-grade-entry-list li,[data-theme=dark] .course-metric{background:#0f172a8c}[data-theme=dark] .student-grades-eyebrow,[data-theme=dark] .student-grade-card-avg strong,[data-theme=dark] .student-grade-entry-score span,[data-theme=dark] .student-grade-chip{color:#5eead4}[data-theme=dark] .student-grade-chip{background:#2dd4bf1f}[data-theme=dark] .student-grades-filters button.is-active,[data-theme=dark] .student-grade-detail-btn{color:#042f2e;background:#14b8a6;border-color:#14b8a6}@media (width<=768px){.student-grades-hero{flex-direction:column}.student-grades-hero-meta{width:100%;min-width:0}.course-metrics-row{grid-template-columns:1fr}.student-grade-entry-list li{flex-direction:column}.student-grade-entry-score{text-align:right;min-width:0}}