:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media (min-width: 576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media (min-width: 768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media (min-width: 992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media (min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (min-width: 576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media (min-width: 768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media (min-width: 992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media (min-width: 1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media (min-width: 576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media (min-width: 768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media (min-width: 992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media (min-width: 1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media (min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media (min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media (min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media (min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media (min-width: 576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media (min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media (min-width: 576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media (min-width: 768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media (min-width: 992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media (min-width: 1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media (min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media (min-width: 768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media (min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media (min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media (min-width: 576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media (min-width: 768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media (min-width: 992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media (min-width: 1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media (min-width: 576px){.ion-display-sm-none{display:none!important}}@media (min-width: 768px){.ion-display-md-none{display:none!important}}@media (min-width: 992px){.ion-display-lg-none{display:none!important}}@media (min-width: 1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media (min-width: 576px){.ion-display-sm-inline{display:inline!important}}@media (min-width: 768px){.ion-display-md-inline{display:inline!important}}@media (min-width: 992px){.ion-display-lg-inline{display:inline!important}}@media (min-width: 1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media (min-width: 576px){.ion-display-sm-inline-block{display:inline-block!important}}@media (min-width: 768px){.ion-display-md-inline-block{display:inline-block!important}}@media (min-width: 992px){.ion-display-lg-inline-block{display:inline-block!important}}@media (min-width: 1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media (min-width: 576px){.ion-display-sm-block{display:block!important}}@media (min-width: 768px){.ion-display-md-block{display:block!important}}@media (min-width: 992px){.ion-display-lg-block{display:block!important}}@media (min-width: 1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media (min-width: 576px){.ion-display-sm-flex{display:flex!important}}@media (min-width: 768px){.ion-display-md-flex{display:flex!important}}@media (min-width: 992px){.ion-display-lg-flex{display:flex!important}}@media (min-width: 1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media (min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media (min-width: 768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media (min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media (min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media (min-width: 576px){.ion-display-sm-grid{display:grid!important}}@media (min-width: 768px){.ion-display-md-grid{display:grid!important}}@media (min-width: 992px){.ion-display-lg-grid{display:grid!important}}@media (min-width: 1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media (min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media (min-width: 768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media (min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media (min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media (min-width: 576px){.ion-display-sm-table{display:table!important}}@media (min-width: 768px){.ion-display-md-table{display:table!important}}@media (min-width: 992px){.ion-display-lg-table{display:table!important}}@media (min-width: 1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media (min-width: 576px){.ion-display-sm-table-cell{display:table-cell!important}}@media (min-width: 768px){.ion-display-md-table-cell{display:table-cell!important}}@media (min-width: 992px){.ion-display-lg-table-cell{display:table-cell!important}}@media (min-width: 1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media (min-width: 576px){.ion-display-sm-table-row{display:table-row!important}}@media (min-width: 768px){.ion-display-md-table-row{display:table-row!important}}@media (min-width: 992px){.ion-display-lg-table-row{display:table-row!important}}@media (min-width: 1200px){.ion-display-xl-table-row{display:table-row!important}}@media (prefers-color-scheme: dark){:root{--ion-color-primary: #4d8dff;--ion-color-primary-rgb: 77, 141, 255;--ion-color-primary-contrast: #000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #447ce0;--ion-color-primary-tint: #5f98ff;--ion-color-secondary: #46b1ff;--ion-color-secondary-rgb: 70, 177, 255;--ion-color-secondary-contrast: #000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #3e9ce0;--ion-color-secondary-tint: #59b9ff;--ion-color-tertiary: #8482fb;--ion-color-tertiary-rgb: 132, 130, 251;--ion-color-tertiary-contrast: #000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #7472dd;--ion-color-tertiary-tint: #908ffb;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffce31;--ion-color-warning-rgb: 255, 206, 49;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b52b;--ion-color-warning-tint: #ffd346;--ion-color-danger: #f24c58;--ion-color-danger-rgb: 242, 76, 88;--ion-color-danger-contrast: #000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #d5434d;--ion-color-danger-tint: #f35e69;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #fff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9}:root.ios{--ion-background-color: #000000;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #0d0d0d;--ion-background-color-step-100: #1a1a1a;--ion-background-color-step-150: #262626;--ion-background-color-step-200: #333333;--ion-background-color-step-250: #404040;--ion-background-color-step-300: #4d4d4d;--ion-background-color-step-350: #595959;--ion-background-color-step-400: #666666;--ion-background-color-step-450: #737373;--ion-background-color-step-500: #808080;--ion-background-color-step-550: #8c8c8c;--ion-background-color-step-600: #999999;--ion-background-color-step-650: #a6a6a6;--ion-background-color-step-700: #b3b3b3;--ion-background-color-step-750: #bfbfbf;--ion-background-color-step-800: #cccccc;--ion-background-color-step-850: #d9d9d9;--ion-background-color-step-900: #e6e6e6;--ion-background-color-step-950: #f2f2f2;--ion-text-color-step-50: #f2f2f2;--ion-text-color-step-100: #e6e6e6;--ion-text-color-step-150: #d9d9d9;--ion-text-color-step-200: #cccccc;--ion-text-color-step-250: #bfbfbf;--ion-text-color-step-300: #b3b3b3;--ion-text-color-step-350: #a6a6a6;--ion-text-color-step-400: #999999;--ion-text-color-step-450: #8c8c8c;--ion-text-color-step-500: #808080;--ion-text-color-step-550: #737373;--ion-text-color-step-600: #666666;--ion-text-color-step-650: #595959;--ion-text-color-step-700: #4d4d4d;--ion-text-color-step-750: #404040;--ion-text-color-step-800: #333333;--ion-text-color-step-850: #262626;--ion-text-color-step-900: #1a1a1a;--ion-text-color-step-950: #0d0d0d;--ion-item-background: #000000;--ion-card-background: #1c1c1d}:root.ios ion-modal{--ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));--ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));--ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250))}:root.md{--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #1e1e1e;--ion-background-color-step-100: #2a2a2a;--ion-background-color-step-150: #363636;--ion-background-color-step-200: #414141;--ion-background-color-step-250: #4d4d4d;--ion-background-color-step-300: #595959;--ion-background-color-step-350: #656565;--ion-background-color-step-400: #717171;--ion-background-color-step-450: #7d7d7d;--ion-background-color-step-500: #898989;--ion-background-color-step-550: #949494;--ion-background-color-step-600: #a0a0a0;--ion-background-color-step-650: #acacac;--ion-background-color-step-700: #b8b8b8;--ion-background-color-step-750: #c4c4c4;--ion-background-color-step-800: #d0d0d0;--ion-background-color-step-850: #dbdbdb;--ion-background-color-step-900: #e7e7e7;--ion-background-color-step-950: #f3f3f3;--ion-text-color-step-50: #f3f3f3;--ion-text-color-step-100: #e7e7e7;--ion-text-color-step-150: #dbdbdb;--ion-text-color-step-200: #d0d0d0;--ion-text-color-step-250: #c4c4c4;--ion-text-color-step-300: #b8b8b8;--ion-text-color-step-350: #acacac;--ion-text-color-step-400: #a0a0a0;--ion-text-color-step-450: #949494;--ion-text-color-step-500: #898989;--ion-text-color-step-550: #7d7d7d;--ion-text-color-step-600: #717171;--ion-text-color-step-650: #656565;--ion-text-color-step-700: #595959;--ion-text-color-step-750: #4d4d4d;--ion-text-color-step-800: #414141;--ion-text-color-step-850: #363636;--ion-text-color-step-900: #2a2a2a;--ion-text-color-step-950: #1e1e1e;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}}:root{--ion-font-family: "Tajawal", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;--ion-color-primary: #384abe;--ion-color-primary-rgb: 56, 74, 190;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #2f3fa6;--ion-color-primary-tint: #4c5ac5;--ion-color-secondary: #6c757d;--ion-color-secondary-rgb: 108, 117, 125;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #5f666d;--ion-color-secondary-tint: #7b838a;--ion-color-tertiary: #f39c12;--ion-color-tertiary-rgb: 243, 156, 18;--ion-color-tertiary-contrast: #000000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #d68910;--ion-color-tertiary-tint: #f4a62a;--ion-toolbar-box-shadow: none;--ion-toolbar-border-width: 0;--ion-toolbar-border-style: none}ion-header,ion-header ion-toolbar,ion-toolbar{--box-shadow: none !important;box-shadow:none!important;border-bottom:none!important;--border-width: 0 !important;--border-style: none !important;filter:none!important}ion-header ion-toolbar::part(native),ion-toolbar::part(native){box-shadow:none!important;border-bottom:none!important;--border-width: 0 !important;--border-style: none !important}ion-header *,ion-toolbar *{box-shadow:none!important;--box-shadow: none !important}html[dir=rtl]{direction:rtl;text-align:right}html[dir=rtl] ion-content{direction:rtl}html[dir=rtl] ion-header ion-toolbar{direction:rtl}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6,html[dir=rtl] p,html[dir=rtl] span,html[dir=rtl] div{font-family:Tajawal,sans-serif;text-align:right}.split-page{height:100vh}.split-grid,.split-row{height:100%}.image-column{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa}.image-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.login-image{width:100%;height:100%;object-fit:cover;object-position:center}.image-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(56,74,190,.7);pointer-events:none;z-index:1}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2}.brand-content{text-align:center;color:#fff}.brand-icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.brand-title{font-size:2rem;font-weight:600;margin:0;margin-bottom:.5rem}.brand-subtitle{font-size:1rem;margin:0;opacity:.9;font-weight:400}.form-column{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--ion-background-color);padding:1rem .5rem}.form-container{width:100%;max-width:400px;padding:.75rem}.form-header{text-align:center;margin-bottom:2rem}.welcome-text{font-size:1.5rem;font-weight:600;margin:0;margin-bottom:.5rem;color:var(--ion-color-primary)}.welcome-subtitle{font-size:.9rem;margin:0;color:var(--ion-color-medium);line-height:1.4}.tab-buttons{display:flex;background:transparent;border-bottom:2px solid #e0e0e0;margin-bottom:1rem;overflow:hidden}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 6px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#666;font-size:13px;font-weight:500;position:relative}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--ion-color-primary);border-radius:2px 2px 0 0}.tab-button span{font-size:13px;font-weight:500}.auth-form{margin-bottom:1rem}.login-header{text-align:center;margin-bottom:1.5rem}.login-title{font-size:1.25rem;font-weight:600;margin:0;margin-bottom:.5rem;color:var(--ion-color-dark)}.login-subtitle{font-size:.9rem;margin:0;color:var(--ion-color-medium);line-height:1.4}.login-form{margin-bottom:.75rem}.login-input-item{--background: transparent;--border-radius: 8px;--border-width: 1px;--border-color: var(--ion-color-light-shade);--border-color-focused: var(--ion-color-primary);--highlight-color-focused: var(--ion-color-primary);margin-bottom:.5rem;border-radius:8px;transition:all .3s ease}.login-input-item:hover{--border-color: var(--ion-color-medium)}.login-input-item:focus-within{--border-color: var(--ion-color-primary);--border-width: 2px;box-shadow:0 0 0 3px rgba(var(--ion-color-primary-rgb),.1)}.login-input-icon{color:var(--ion-color-medium);font-size:16px;margin-right:8px}.login-input{--placeholder-color: var(--ion-color-medium);--placeholder-opacity: .8;font-size:13px;color:var(--ion-color-dark)}.login-password-toggle-btn{--color: var(--ion-color-medium);--color-hover: var(--ion-color-primary);margin:0;padding:0;min-width:36px;height:36px}.login-password-toggle-btn:hover{--color: var(--ion-color-primary)}.login-error-message{background:rgba(var(--ion-color-danger-rgb),.1);border:1px solid rgba(var(--ion-color-danger-rgb),.3);border-radius:6px;padding:6px 8px;margin-bottom:.5rem;text-align:center}.login-error-message ion-text{font-size:11px;font-weight:500}.login-submit-btn{--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade);--background-activated: var(--ion-color-primary-shade);--border-radius: 8px;height:36px;font-size:13px;font-weight:600;text-transform:none;margin-top:.25rem;transition:all .3s ease}.login-submit-btn:hover{transform:translateY(-1px)}.login-submit-btn:disabled{--background: var(--ion-color-medium);transform:none}.login-footer{text-align:center;border-top:1px solid var(--ion-color-light-shade);padding-top:.5rem}.login-toggle-mode-btn{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);font-size:11px;font-weight:500;text-decoration:underline;margin:0;padding:0}.login-toggle-mode-btn:hover{--color: var(--ion-color-primary-shade)}body.dark .form-column{background:var(--ion-background-color)}body.dark .form-container{background:var(--ion-color-step-50);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.2)}body.dark .welcome-text{color:var(--ion-color-primary-contrast)}body.dark .welcome-subtitle{color:var(--ion-color-medium-contrast)}body.dark .login-title{color:var(--ion-color-light)}body.dark .login-subtitle{color:var(--ion-color-medium-contrast)}body.dark .login-input-item{--background: var(--ion-color-step-100);--border-color: var(--ion-color-step-200)}body.dark .login-input-item ion-label{color:var(--ion-color-light)}body.dark .auth-tabs{background:var(--ion-color-step-100)}body.dark .tab-button.active{color:var(--ion-color-primary)}@media (max-width: 768px){.image-column{min-height:40vh;max-height:40vh}.form-column{min-height:60vh}.brand-title{font-size:1.5rem}.brand-subtitle{font-size:.9rem}.form-container{padding:1.5rem}.welcome-text{font-size:1.25rem}}@media (max-width: 576px){.image-column{min-height:30vh;max-height:30vh}.form-column{min-height:70vh;padding:1rem .5rem}.form-container{padding:1rem}.brand-title{font-size:1.25rem}.brand-subtitle{font-size:.8rem}}.login-input-item,.login-submit-btn,.tab-button{transition:all .3s ease}.login-submit-btn[disabled]{opacity:.7;cursor:not-allowed}.login-submit-btn[disabled]:hover{transform:none}.login-input-item:focus-within{outline:none}.login-input:focus{outline:none}body.dark{--ion-background-color: #1a1a1a;--ion-background-color-rgb: 26, 26, 26;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255}body.dark .book-card{background:#2d2d2d;box-shadow:0 4px 12px rgba(0,0,0,.3)}body.dark .book-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.4)}body.dark .book-info{background:rgba(45,45,45,.95)}body.dark .rating-count{color:#b0b0b0}body.dark .star-empty{color:#666!important}.fixed-sidebar{position:fixed;right:0;top:0;width:80px;height:100vh;background:var(--ion-color-primary);z-index:1000;display:flex;flex-direction:column;align-items:center;padding:20px 0}.with-fixed-sidebar{margin-right:80px;width:calc(100% - 80px)}@media (min-width: 992px){.icon-only-menu{--width: 80px}.sidebar-icons{padding:24px 0;gap:20px}.sidebar-icon{width:45px;height:45px}.sidebar-icon ion-icon{font-size:20px}.apps-icon{width:45px;height:45px}.apps-icon ion-icon{font-size:18px}.fixed-sidebar{width:80px;padding:24px 0}.fixed-sidebar .sidebar-icons{gap:20px}.fixed-sidebar .sidebar-icon{width:45px;height:45px}.fixed-sidebar .sidebar-icon ion-icon{font-size:20px}.fixed-sidebar .apps-icon{width:45px;height:45px}.fixed-sidebar .apps-icon ion-icon{font-size:18px}.with-fixed-sidebar{margin-right:80px;width:calc(100% - 80px)}ion-menu-button{display:none!important}}@media (max-width: 991px){.library-container{padding:8px}.book-card{margin:4px}.book-cover{padding-bottom:130%}.book-info{padding:8px}.book-rating ion-icon{font-size:14px}.rating-count{font-size:11px}.icon-only-menu{--width: 70px}.sidebar-icon{width:45px;height:45px}.sidebar-icon ion-icon{font-size:22px}ion-menu-button{display:block!important}}@media (max-width: 480px){.book-cover{padding-bottom:120%}.book-info{padding:6px}.book-rating ion-icon{font-size:12px}.rating-count{font-size:10px}.icon-only-menu{--width: 60px}.sidebar-icon{width:40px;height:40px}.sidebar-icon ion-icon{font-size:20px}}.teaching-section{padding:40px 20px;text-align:center;direction:rtl}.teaching-section h2{color:var(--ion-color-primary);font-size:28px;font-weight:600;margin-bottom:20px}.teaching-section p{color:#666;font-size:16px;line-height:1.6}.loading-container,.empty-state-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);text-align:center;direction:rtl}.loading-content,.empty-state-content{max-width:400px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-icon,.empty-state-icon{font-size:64px;color:var(--ion-color-primary);margin-bottom:20px;opacity:.8}.loading-content p,.empty-state-content h3,.empty-state-content p{margin:0;color:var(--ion-color-dark)}.loading-content p{font-size:16px;color:#666}.empty-state-content h3{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--ion-color-primary)}.empty-state-content p{font-size:16px;color:#666;line-height:1.5;margin-bottom:8px}.empty-state-hint{font-size:14px!important;color:#999!important;font-style:italic}body.dark .loading-content p,body.dark .empty-state-content p{color:#ccc}body.dark .empty-state-content h3{color:var(--ion-color-primary)}body.dark .empty-state-hint{color:#888!important}body.dark .loading-icon,body.dark .empty-state-icon{color:var(--ion-color-primary);opacity:.9}ion-header ion-toolbar{direction:rtl;--box-shadow: none !important;box-shadow:none!important;border-bottom:none!important;--border-width: 0 !important;--border-style: none !important}ion-toolbar{--box-shadow: none !important;box-shadow:none!important;border-bottom:none!important;--border-width: 0 !important;--border-style: none !important}ion-header ion-toolbar::part(native){box-shadow:none!important;border-bottom:none!important}ion-toolbar::part(native){box-shadow:none!important;border-bottom:none!important}ion-title{font-family:Tajawal,sans-serif;font-weight:600}ion-grid{direction:rtl}ion-row{direction:rtl}ion-col{direction:rtl}.icon-only-menu{--width: 80px}.sidebar-content{--background: #384abe;padding:0}.sidebar-icons{display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:16px;height:100%}.top-icons{display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center;flex:1}.sidebar-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:transparent}.sidebar-icon ion-icon{font-size:18px;color:#fff}.sidebar-custom-icon{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}.sidebar-icon:hover{background:rgba(255,255,255,.1);transform:scale(1.05)}.sidebar-icon.active{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3)}.apps-icon{background:#fff;border-radius:50%;width:40px;height:40px;margin-bottom:20px}.apps-icon ion-icon{color:#384abe;font-size:16px}.apps-icon:hover{background:rgba(255,255,255,.9);transform:scale(1.05)}.collapsible-sidebar{justify-content:space-between}.fixed-sidebar{position:fixed;right:0;top:0;width:80px;height:100vh;background:#384abe;z-index:1000;display:flex;flex-direction:column;align-items:center;padding:16px 0}.fixed-sidebar-icons{justify-content:space-between}@media (max-width: 991px){.fixed-sidebar{display:none}}@media (max-width: 768px){.sidebar-icons{padding:20px 15px}.sidebar-icon{width:50px;height:50px;margin-bottom:15px}.sidebar-custom-icon{width:20px;height:20px}.apps-icon{width:36px;height:36px}.apps-icon ion-icon{font-size:14px}}@media (max-width: 480px){.sidebar-icons{padding:15px 10px}.sidebar-icon{width:45px;height:45px;margin-bottom:12px}.sidebar-custom-icon{width:18px;height:18px}.apps-icon{width:32px;height:32px}.apps-icon ion-icon{font-size:12px}}@media (min-width: 992px){.with-fixed-sidebar{margin-right:80px;width:calc(100% - 80px)}ion-menu-button{display:none!important}}.profile-dropdown{position:fixed;bottom:20px;right:100px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);padding:16px 0;min-width:200px;z-index:1000;border:1px solid rgba(0,0,0,.08)}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background-color .2s ease;color:#333}.profile-menu-item:hover{background-color:#f8f9fa}.profile-menu-item.admin{border-top:1px solid #eee;margin-top:8px;padding-top:16px;color:#333}.profile-menu-item.admin:hover{background-color:#f0f8ff}.profile-menu-item.settings{border-top:1px solid #eee;margin-top:8px;padding-top:16px;color:#333}.profile-menu-item.settings:hover{background-color:#f0f8ff}.profile-menu-item.logout{border-top:1px solid #eee;margin-top:8px;padding-top:16px;color:#dc3545}.profile-menu-item.logout:hover{background-color:#fff5f5}.profile-menu-item ion-icon{font-size:18px;color:#666}.profile-menu-item.logout ion-icon{color:#dc3545}.profile-icon,.mail-icon,.admin-icon,.settings-icon,.logout-icon{width:18px;height:18px;object-fit:contain}.profile-menu-item span{font-family:Tajawal,sans-serif;font-size:14px;font-weight:500}body.dark .profile-dropdown{background:#2d2d2d;border-color:rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}body.dark .profile-menu-item{color:#fff}body.dark .profile-menu-item:hover{background-color:#3a3a3a}body.dark .profile-menu-item.admin{border-top-color:rgba(255,255,255,.1);color:#fff}body.dark .profile-menu-item.admin:hover{background-color:#2a3a4a}body.dark .profile-menu-item.settings{border-top-color:rgba(255,255,255,.1);color:#fff}body.dark .profile-menu-item.settings:hover{background-color:#2a3a4a}body.dark .profile-menu-item.logout{border-top-color:rgba(255,255,255,.1);color:#ff6b6b}body.dark .profile-menu-item.logout:hover{background-color:#3a2a2a}body.dark .profile-menu-item ion-icon{color:#aaa}body.dark .profile-menu-item.logout ion-icon{color:#ff6b6b}.book-card{margin:8px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;background:#fff}.book-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.book-cover{position:relative;width:100%;padding-bottom:140%;overflow:hidden;cursor:pointer}.book-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.book-card:hover .book-cover img{transform:scale(1.05)}.book-cover:active img{transform:scale(.98)}.book-info{padding:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);text-align:left}.book-rating{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.rating-info{display:flex;flex-direction:row;gap:8px;align-items:center}.rating-count{font-size:12px;color:#666;font-weight:500}.average-rating{font-size:12px;color:#ff6b35;font-weight:600;background:rgba(255,107,53,.1);padding:2px 6px;border-radius:4px}.stars-container{display:flex;gap:2px;align-items:center}.star{font-size:16px;transition:all .2s ease;cursor:pointer}.star:hover{transform:scale(1.2);filter:brightness(1.2)}.star-user-rated{color:#ffc107}.star-default{color:#ccc}@media (max-width: 768px){.book-card{border-radius:8px}.book-info{padding:10px}.rating-count{font-size:11px}.average-rating{font-size:11px;padding:1px 4px}.star{font-size:14px}.book-rating{justify-content:space-between}}@media (max-width: 480px){.book-info{padding:8px}.rating-count{font-size:10px}.average-rating{font-size:10px;padding:1px 3px}.star{font-size:12px}.book-rating{flex-direction:column;align-items:flex-start;gap:4px}.stars-container{order:1}.rating-count{order:2;margin-right:0}.average-rating{order:3}}.library-container{padding:20px}ion-grid,ion-row,ion-col{direction:rtl}ion-header{--box-shadow: none !important;box-shadow:none!important}ion-header ion-toolbar{--box-shadow: none !important;box-shadow:none!important;border-bottom:none!important;--border-width: 0 !important;--border-style: none !important}ion-menu-button{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade)}ion-menu-button ion-icon{font-size:24px}ion-toolbar ion-button{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade)}ion-toolbar ion-button ion-icon{font-size:20px}ion-header ion-toolbar{direction:rtl}ion-title{text-align:right}body.dark ion-header{--ion-background-color: #1a1a1a;--ion-background-color-rgb: 26, 26, 26;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255}body.dark ion-toolbar{--ion-background-color: #1a1a1a;--ion-background-color-rgb: 26, 26, 26;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255}@media (max-width: 768px){ion-menu-button ion-icon{font-size:20px}ion-toolbar ion-button ion-icon{font-size:18px}}@media (max-width: 480px){ion-menu-button ion-icon{font-size:18px}ion-toolbar ion-button ion-icon{font-size:16px}}.calendar-container{padding:20px;direction:rtl}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.current-month{font-size:18px;font-weight:600;color:var(--ion-color-primary);margin:0;text-align:center;flex:1}.calendar-header ion-button{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade)}.calendar-header-controls{display:flex;align-items:center;gap:8px}.today-button{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);--background: #f8f9fa;--background-hover: #e9ecef;--border-radius: 20px;--padding-start: 16px;--padding-end: 16px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;font-weight:500;min-width:60px}.calendar-grid{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;margin-bottom:20px;position:relative}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--ion-color-primary);color:#fff;border-bottom:2px solid var(--ion-color-primary-shade)}.weekday-header{padding:12px 4px;text-align:center;font-weight:600;font-size:12px;border-right:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;height:100%}.weekday-header:last-child{border-right:none}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);min-height:120px}.calendar-day{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;position:relative;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background:#fff;padding:8px;text-align:center}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:#f8f9fa}.calendar-day.today{background:#e3f2fd;color:var(--ion-color-primary);font-weight:600}.calendar-day.selected{background:#f5f5f5;color:#333;font-weight:600}.day-number{font-size:16px;font-weight:600;margin-bottom:8px;margin-top:4px}.day-events{width:100%;display:flex;flex-direction:column;gap:4px;flex:1;overflow:hidden}.day-event{padding:6px 8px;border-radius:6px;font-size:12px;font-weight:500;text-align:center;white-space:normal;overflow:hidden;cursor:pointer;min-height:32px;display:flex;flex-direction:column;justify-content:center;word-wrap:break-word;line-height:1.2}.day-event:hover{background:#f0f0f0}.day-event.event-meeting{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.day-event.event-exam{background:#fff3e0;color:#f57c00;border:1px solid #ffe0b2}.day-event.event-workshop{background:#e8f5e8;color:#388e3c;border:1px solid #c8e6c9}.event-time{font-weight:600;margin-bottom:2px;font-size:11px}.calendar-container .event-title{font-size:11px!important;line-height:1.2;white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word}.event-indicator{width:4px;height:4px;background:#ff6b6b;border-radius:50%;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.calendar-day.today .event-indicator,.calendar-day.selected .event-indicator{background:#fff}.events-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-top:20px}.events-section h3{margin:0 0 15px;color:var(--ion-color-primary);font-size:16px;font-weight:600;text-align:right;padding-bottom:8px;border-bottom:1px solid #eee}.event-card{border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.08);border-left:4px solid var(--ion-color-primary)}.event-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.12)}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 12px 0}.event-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.event-type{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase}.event-type.meeting{background:#e3f2fd;color:#1976d2}.event-type.exam{background:#fff3e0;color:#f57c00}.event-type.workshop{background:#e8f5e8;color:#388e3c}.event-details{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px}.event-detail{display:flex;align-items:center;gap:6px;color:#666;font-size:12px}.event-detail ion-icon{color:var(--ion-color-primary);font-size:14px}.no-events{text-align:center;padding:30px 20px;color:#666}.no-events p{margin:0 0 15px;font-size:14px}.no-events ion-button{--color: var(--ion-color-primary);--border-color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);--border-color-hover: var(--ion-color-primary-shade);--background: white;--border-radius: 20px;--padding-start: 20px;--padding-end: 20px;--padding-top: 8px;--padding-bottom: 8px;font-size:12px}.single-day-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;margin-bottom:20px}.single-day-header{background:var(--ion-color-primary);color:#fff;padding:16px;text-align:center;border-bottom:2px solid var(--ion-color-primary-shade)}.day-name{margin:0 0 8px;font-size:18px;font-weight:600}.day-date{font-size:32px;font-weight:700;display:block}.single-day-events{padding:20px}.single-day-event{background:#f8f9fa;border-radius:6px;padding:6px 8px;margin-bottom:4px;min-height:32px;display:flex;flex-direction:column;justify-content:center;text-align:center;white-space:normal;overflow:hidden;cursor:pointer;word-wrap:break-word;line-height:1.2}.single-day-event:hover{background:#f0f0f0}.single-day-event.event-meeting{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.single-day-event.event-exam{background:#fff3e0;color:#f57c00;border:1px solid #ffe0b2}.single-day-event.event-workshop{background:#e8f5e8;color:#388e3c;border:1px solid #c8e6c9}.single-day-event .event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.single-day-event .event-time{font-weight:600;font-size:11px;margin-bottom:2px}.single-day-event .event-type-badge{display:none}.calendar-container .single-day-event .event-title{margin:0;font-size:11px!important;line-height:1.2;white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word}.recurring-event{position:relative}.recurring-event:before{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:#4caf50;border-radius:50%;opacity:.8}.recurring-indicator{margin-right:4px;font-size:10px;opacity:.7;color:inherit}.single-day-event .event-location{display:none}@media (max-width: 768px){.calendar-container{padding:15px}.current-month{font-size:16px}.weekday-header{padding:10px 4px;font-size:11px}.day-number{font-size:12px}.events-section{padding:15px}.events-section h3{font-size:15px}.calendar-day{min-height:70px}}@media (max-width: 480px){.calendar-container{padding:10px}.current-month{font-size:14px}.weekday-header{padding:8px 2px;font-size:10px}.day-number{font-size:11px}.events-section{padding:12px}.events-section h3{font-size:14px}.event-header h4{font-size:12px}.event-detail{font-size:10px}.calendar-day{min-height:60px;padding:2px}}body.dark .calendar-container{background:var(--ion-background-color)}body.dark .calendar-header,body.dark .calendar-grid,body.dark .single-day-container{background:#1e1e1e;color:#fff;border:1px solid #333}body.dark .calendar-day{background:#1e1e1e;color:#fff;border-color:#333}body.dark .calendar-day:hover{background:#2a2a2a}body.dark .calendar-day.today{background:#1976d2;color:#fff;font-weight:600;box-shadow:0 0 10px rgba(25,118,210,.3)}body.dark .calendar-day.selected{background:#424242;color:#fff;font-weight:600;border:2px solid #666}body.dark .event-card{background:#2d2d2d;box-shadow:0 1px 4px rgba(0,0,0,.3)}body.dark .event-header h4{color:#fff}body.dark .event-detail{color:#aaa}body.dark .day-event{background:#2a2a2a;color:#fff;border-color:#444}body.dark .day-event.event-meeting{background:#1976d2;color:#fff;border-color:#42a5f5}body.dark .day-event.event-exam{background:#f57c00;color:#fff;border-color:#ffb74d}body.dark .day-event.event-workshop{background:#388e3c;color:#fff;border-color:#66bb6a}body.dark .single-day-event{background:#2a2a2a;color:#fff;border:1px solid #444}body.dark .single-day-event.event-meeting{background:#1976d2;color:#fff;border:1px solid #42a5f5}body.dark .single-day-event.event-exam{background:#f57c00;color:#fff;border:1px solid #ffb74d}body.dark .single-day-event.event-workshop{background:#388e3c;color:#fff;border:1px solid #66bb6a}body.dark .calendar-container .event-title{color:#fff}body.dark .event-location,body.dark .no-events{color:#ccc}.bac-countdown-container{background:#fff;border:2px solid var(--ion-color-primary);border-radius:8px;padding:12px 16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);text-align:center;color:var(--ion-color-primary);position:relative}.bac-countdown-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.bac-icon{font-size:18px;color:var(--ion-color-primary)}.bac-title{margin:0;font-size:16px;font-weight:600;color:var(--ion-color-primary)}.bac-countdown-timer{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:8px}.time-unit{display:flex;flex-direction:column;align-items:center;min-width:45px}.time-value{font-size:18px;font-weight:700;line-height:1;color:var(--ion-color-primary);margin-bottom:2px;background:#f8f9fa;padding:4px 6px;border-radius:4px;border:1px solid #e0e0e0}.time-label{font-size:10px;font-weight:500;color:#666}.time-separator{font-size:16px;font-weight:600;color:var(--ion-color-primary);margin:0 2px}.bac-countdown-date{display:flex;align-items:center;justify-content:center;gap:6px}.date-icon{font-size:14px;color:var(--ion-color-primary)}.date-text{font-size:12px;font-weight:500;color:#666;margin-left:8px}.status-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.status-badge.confirmed{background:#e8f5e8;color:#2e7d32;border:1px solid #4caf50}.status-badge.tentative{background:#fff3e0;color:#f57c00;border:1px solid #ff9800}.bac-countdown-container.expired{background:#fff5f5;border-color:#dc3545;color:#dc3545}.bac-countdown-expired{padding:12px}.expired-message{font-size:14px;font-weight:600;color:#dc3545}@media (max-width: 768px){.bac-countdown-container{padding:10px 12px;margin-bottom:12px}.bac-title{font-size:14px}.bac-icon{font-size:16px}.time-value{font-size:16px;padding:3px 5px}.time-label{font-size:9px}.time-separator{font-size:14px}.date-text{font-size:11px}.bac-countdown-timer{gap:3px}.time-unit{min-width:40px}}@media (max-width: 480px){.bac-countdown-container{padding:8px 10px;margin-bottom:10px}.bac-title{font-size:13px}.time-value{font-size:14px;padding:2px 4px}.time-label{font-size:8px}.time-separator{font-size:12px}.bac-countdown-timer{gap:2px}.time-unit{min-width:35px}}body.dark .bac-countdown-container{background:#1e1e1e;border-color:var(--ion-color-primary);box-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff}body.dark .bac-countdown-container.expired{background:#2d1b1b;border-color:#dc3545;color:#dc3545}body.dark .time-value{background:#2a2a2a;border-color:#444;color:#fff}body.dark .time-label,body.dark .date-text{color:#ccc}body.dark .bac-title,body.dark .bac-icon,body.dark .date-icon,body.dark .time-separator{color:var(--ion-color-primary)}body.dark .status-badge.confirmed{background:#1b5e20;color:#4caf50;border-color:#4caf50}body.dark .status-badge.tentative{background:#e65100;color:#ff9800;border-color:#ff9800}body.dark .bac-countdown-container.urgent{background:#2d2419;border-color:#f39c12}body.dark .bac-countdown-container.urgent .bac-title,body.dark .bac-countdown-container.urgent .bac-icon,body.dark .bac-countdown-container.urgent .time-separator{color:#f39c12}body.dark .bac-countdown-container.very-urgent{background:#2d1b1b;border-color:#dc3545}body.dark .bac-countdown-container.very-urgent .bac-title,body.dark .bac-countdown-container.very-urgent .bac-icon,body.dark .bac-countdown-container.very-urgent .time-separator{color:#dc3545}.bac-countdown-container.urgent{border-color:#f39c12;background:#fff9e6}.bac-countdown-container.urgent .bac-title,.bac-countdown-container.urgent .bac-icon,.bac-countdown-container.urgent .time-separator{color:#f39c12}.bac-countdown-container.very-urgent{border-color:#dc3545;background:#fff5f5}.bac-countdown-container.very-urgent .bac-title,.bac-countdown-container.very-urgent .bac-icon,.bac-countdown-container.very-urgent .time-separator{color:#dc3545}.teaching-container{padding:20px;direction:rtl;max-width:1200px;margin:0 auto;background:var(--ion-background-color)}.teaching-header{text-align:center;margin-bottom:24px}.header-content h1{margin:0 0 12px;font-size:24px;font-weight:700;color:var(--ion-color-primary)}.header-content p{margin:0;font-size:16px;color:#666;line-height:1.5}.header-actions{margin-top:16px}.refresh-button{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);--background: #f8f9fa;--background-hover: #e9ecef;--border-radius: 20px;--padding-start: 16px;--padding-end: 16px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;font-weight:500}.teaching-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;transition:all .3s ease;color:#666;font-size:13px;font-weight:500;min-width:80px}.filter-button:hover{background:rgba(var(--ion-color-primary-rgb),.05);border-color:var(--ion-color-primary);color:var(--ion-color-primary)}.filter-button.active{background:var(--ion-color-primary);border-color:var(--ion-color-primary);color:#fff;font-weight:600}.filter-icon{width:16px;height:16px;object-fit:contain;transition:all .3s ease}.filter-button:hover .filter-icon,.filter-button.active .filter-icon{transform:scale(1.1)}.tab-badge{position:absolute;top:8px;right:8px;font-size:10px;min-width:18px;height:18px;--padding-start: 4px;--padding-end: 4px}.teaching-content{text-align:right}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:24px}.session-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease}.session-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.session-card.live{border-right:4px solid #ff4757}.session-card.recorded{border-right:4px solid #2ed573}.session-thumbnail{position:relative;height:180px;overflow:hidden}.session-thumbnail img{width:100%;height:100%;object-fit:cover}.session-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.session-card:hover .session-overlay{opacity:1}.join-button,.watch-button{--color: white;--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade);--border-radius: 20px;--padding-start: 20px;--padding-end: 20px;--padding-top: 10px;--padding-bottom: 10px;font-size:14px;font-weight:500}.join-button ion-icon,.watch-button ion-icon{margin-left:6px;font-size:16px}.live-badge{position:absolute;top:12px;right:12px;background:#ff4757;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px}.live-badge ion-icon{font-size:12px}.platform-badge{position:absolute;top:12px;left:12px;background:#fff;color:#333;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.platform-icon{font-size:16px;color:#666}.session-content{padding:16px}.session-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#333;line-height:1.3}.session-description{margin:0 0 12px;color:#666;font-size:13px;line-height:1.4}.session-meta{display:flex;gap:16px;margin-bottom:12px}.meta-item{display:flex;align-items:center;gap:6px;color:#666;font-size:12px}.meta-item ion-icon{color:var(--ion-color-primary);font-size:14px}.session-info{display:flex;gap:8px;flex-wrap:wrap}.teacher-chip,.section-chip{font-size:11px;--padding-start: 6px;--padding-end: 6px;--padding-top: 3px;--padding-bottom: 3px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:24px}.video-card{background:#fff;border:1px solid #e0e0e0;border-right:4px solid #3498db;border-radius:8px;overflow:hidden;transition:all .3s ease}.video-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.video-thumbnail{position:relative;height:160px;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:3px 6px;border-radius:4px;font-size:11px;font-weight:500}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:1}.play-button{--color: white;--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade);--border-radius: 50%;--padding-start: 12px;--padding-end: 12px;--padding-top: 12px;--padding-bottom: 12px}.play-button ion-icon{font-size:20px}.video-content{padding:16px}.video-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#333;line-height:1.3}.video-description{margin:0 0 10px;color:#666;font-size:12px;line-height:1.4}.video-meta{display:flex;gap:16px;margin-bottom:10px}.video-info{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.video-tags{display:flex;gap:6px;flex-wrap:wrap}.tag-chip{font-size:10px;--padding-start: 4px;--padding-end: 4px;--padding-top: 2px;--padding-bottom: 2px;--background: #f8f9fa;--color: #666}.loading-container{padding:20px}.empty-state{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);text-align:center;direction:rtl}.empty-state-content{max-width:400px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{font-size:64px;color:var(--ion-color-primary);margin-bottom:20px;opacity:.8;display:block}.empty-state h3{margin:0 0 12px;font-size:24px;font-weight:600;color:var(--ion-color-primary);text-align:center}.empty-state p{margin:0 0 8px;font-size:16px;color:#666;text-align:center;line-height:1.5}@media (max-width: 768px){.teaching-container{padding:15px}.teaching-header{margin-bottom:20px}.header-content h1{font-size:20px}.header-content p{font-size:14px}.teaching-filters{gap:8px}.filter-button{padding:8px 14px;font-size:12px;min-width:70px}.sessions-grid,.videos-grid{grid-template-columns:1fr;gap:16px}.session-thumbnail,.video-thumbnail{height:140px}.session-content,.video-content{padding:12px}.session-title,.video-title{font-size:14px}.session-description,.video-description{font-size:12px}}@media (max-width: 480px){.teaching-container{padding:10px}.header-content h1{font-size:18px}.header-content p{font-size:13px}.teaching-filters{gap:6px}.filter-button{padding:6px 10px;font-size:11px;min-width:60px}.session-thumbnail,.video-thumbnail{height:120px}.session-content,.video-content{padding:10px}.session-title,.video-title{font-size:13px}.session-description,.video-description,.meta-item{font-size:11px}.teacher-chip,.section-chip{font-size:10px}}body.dark .teaching-container{background:var(--ion-background-color)}body.dark .filter-button{background:#2a2a2a;border-color:#444;color:#ccc}body.dark .filter-button:hover{background:rgba(var(--ion-color-primary-rgb),.1);border-color:var(--ion-color-primary);color:var(--ion-color-primary)}body.dark .filter-button.active{background:var(--ion-color-primary);border-color:var(--ion-color-primary);color:#fff}body.dark .session-card,body.dark .video-card{background:#1e1e1e;border-color:#444}body.dark .session-card:hover,body.dark .video-card:hover{border-color:var(--ion-color-primary);box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark .session-title,body.dark .video-title{color:#fff}body.dark .session-description,body.dark .video-description{color:#ccc}body.dark .meta-item{color:#aaa}body.dark .tag-chip{--background: #2a2a2a;--color: #ccc}body.dark .empty-state{color:#ccc}body.dark .empty-icon{color:var(--ion-color-primary);opacity:.9}body.dark .empty-state h3{color:var(--ion-color-primary)}body.dark .empty-state p{color:#ccc}.admin-container{padding:20px;direction:rtl;max-width:1200px;margin:0 auto;background:var(--ion-background-color)}@media print{body *{visibility:hidden}.print-cards-container,.print-cards-container *{visibility:visible}.print-cards-container{position:fixed;left:0;top:0;right:0;width:100%;padding:0;margin:0}}.print-cards-container{direction:rtl;padding:16px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;grid-auto-flow:row}.activation-card{border:1px solid #e0e0e0;border-radius:8px;padding:10px;page-break-inside:avoid;background:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}.grid-compact{grid-template-columns:repeat(4,1fr);gap:6px}.activation-card.compact{padding:6px;border-radius:6px;min-height:auto}.activation-card.compact .card-header{margin-bottom:4px}.activation-card.compact .brand{font-size:10px}.activation-card.compact .student-name{font-size:12px;margin-bottom:2px}.activation-card.compact .activation-code,.activation-card.compact .student-section{font-size:9px;margin-bottom:4px}.activation-card.compact .activation-code{font-size:13px;letter-spacing:1px;margin-bottom:2px}.activation-card.compact .site-url{font-size:8px}.activation-card.compact .card-footer{font-size:8px;margin-top:4px}.activation-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.activation-card .brand{font-weight:700;color:var(--ion-color-primary)}.activation-card .card-body{text-align:right}.activation-card .student-name{font-size:16px;font-weight:700;margin-bottom:4px;color:#333}.activation-card .student-section{font-size:12px;color:#666;margin-bottom:8px}.activation-card .activation-code{font-family:monospace;font-size:18px;font-weight:700;color:var(--ion-color-primary);letter-spacing:2px;margin-bottom:6px}.activation-card .site-url{font-size:10px;color:#666}.activation-card .card-footer{margin-top:10px;font-size:11px;color:#777;text-align:center}@page{size:A4 portrait;margin:1mm}@media print{html,body{margin:0!important;padding:0!important}.grid-standard{grid-template-columns:repeat(3,1fr);gap:10mm 8mm;grid-auto-flow:row}.activation-card.standard{min-height:60mm;break-inside:avoid;page-break-inside:avoid}.activation-card.standard:nth-child(12n){break-after:page;page-break-after:always}.grid-compact{grid-template-columns:repeat(4,1fr);gap:4mm 4mm}.activation-card.compact{break-inside:avoid;page-break-inside:avoid}.activation-card.compact:nth-child(32n){break-after:page;page-break-after:always}}.tab-buttons{display:flex;background:transparent;border-bottom:2px solid #e0e0e0;margin-bottom:20px;overflow:hidden}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 12px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#666;font-size:16px;font-weight:500;position:relative}.tab-button:hover{background:rgba(var(--ion-color-primary-rgb),.05);color:var(--ion-color-primary)}.tab-button.active{color:var(--ion-color-primary);font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:5px;background:var(--ion-color-primary);border-radius:3px 3px 0 0}.tab-button span{font-size:16px;font-weight:500}.tab-content{text-align:right}.tab-content h2{margin:0 0 16px;font-size:24px;font-weight:700;color:var(--ion-color-primary)}.tab-content p{margin:0;font-size:16px;color:#666}.books-management{text-align:right}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px}.section-header h2,.section-header h3{margin:0;text-align:right}.add-book-btn{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade)}.events-management{text-align:right}.events-management .header-actions{display:flex;gap:12px;align-items:center}.events-management .bac-exam-btn,.add-event-btn{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade)}.settings-management{text-align:right}.settings-sections{display:flex;flex-direction:column;gap:24px}.settings-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.settings-section h3{margin:0 0 16px;color:var(--ion-color-primary);font-size:18px;font-weight:600;padding-bottom:8px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f5f5f5}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-label{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.setting-description{display:block;font-size:14px;color:#666;line-height:1.4}.setting-control{display:flex;align-items:center;gap:8px}.event-types-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.event-type-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;transition:all .3s ease}.event-type-item:hover{background:#f8f9fa;border-color:var(--ion-color-primary)}.event-type-details{display:flex;align-items:center;gap:8px;flex:1}.event-type-name-input{padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:11px;background:#fff;color:#333;transition:border-color .3s ease;min-width:120px}.event-type-name-input:focus{outline:none;border-color:var(--ion-color-primary)}.event-type-name-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.event-type-actions{display:flex;align-items:center;gap:6px}.event-type-color-picker{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;background:transparent}.event-type-color-picker::-webkit-color-swatch-wrapper{padding:0}.event-type-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.event-type-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;text-align:center;white-space:nowrap}.add-event-type-item{background:#fff;border-color:#e0e0e0;border-style:dashed}.add-event-type-item:hover{background:#f8f9fa;border-color:var(--ion-color-primary)}.add-event-type-item .event-type-name-input{background:#f8f9fa;color:#666;font-style:italic}.add-event-type-item .event-type-color-picker{opacity:.6}.add-event-type-btn{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);--background: transparent;--background-hover: rgba(var(--ion-color-primary-rgb), .1);--border-radius: 6px;--padding-start: 8px;--padding-end: 8px;--padding-top: 6px;--padding-bottom: 6px;font-size:12px;font-weight:500;min-width:auto;border:1px solid var(--ion-color-primary);transition:all .3s ease}.add-event-type-btn:hover{--background: rgba(var(--ion-color-primary-rgb), .1);transform:scale(1.05)}.theme-toggle{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);--background: #f8f9fa;--background-hover: #e9ecef;--border-radius: 20px;--padding-start: 16px;--padding-end: 16px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;font-weight:500;min-width:80px}.theme-toggle.dark{--background: var(--ion-color-primary);--color: white;--background-hover: var(--ion-color-primary-shade)}.language-select{--color: var(--ion-color-primary);--border-color: #e0e0e0;--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;min-width:120px}.notification-toggle{--color: #28a745;--color-hover: #218838;--background: #d4edda;--background-hover: #c3e6cb;--border-radius: 20px;--padding-start: 16px;--padding-end: 16px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;font-weight:500;min-width:80px}.notification-toggle.active{--color: #28a745;--background: #d4edda}.reminder-select{--color: var(--ion-color-primary);--border-color: #e0e0e0;--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;min-width:140px}.change-password-btn{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);--background: #f8f9fa;--background-hover: #e9ecef;--border-radius: 20px;--padding-start: 16px;--padding-end: 16px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;font-weight:500;min-width:80px}.two-factor-toggle{--color: #6c757d;--color-hover: #5a6268;--background: #f8f9fa;--background-hover: #e9ecef;--border-radius: 20px;--padding-start: 16px;--padding-end: 16px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;font-weight:500;min-width:100px}.storage-manager-btn{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);--background: #f8f9fa;--background-hover: #e9ecef;--border-radius: 20px;--padding-start: 16px;--padding-end: 16px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;font-weight:500;min-width:80px}.image-upload-container{display:flex;align-items:center;gap:10px;width:100%}.image-preview{margin-top:10px;text-align:center}.image-preview img{max-width:100px;max-height:100px;border-radius:8px;border:2px solid #e0e0e0}.upload-progress{margin-top:10px}.upload-progress-text{text-align:center;font-size:12px;color:#666;margin-bottom:5px}.upload-progress-bar{width:100%;height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;background-color:var(--ion-color-primary);transition:width .3s ease}.storage-info-display{margin-top:16px}.storage-overview{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;margin-bottom:16px;transition:all .3s ease}.storage-overview:hover{background:#f8f9fa;border-color:var(--ion-color-primary)}.storage-header{display:flex;align-items:center;gap:12px}.storage-details{flex:1}.storage-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.storage-usage{display:block;font-size:12px;color:#666;margin-bottom:8px}.storage-usage-inline{font-weight:400;font-size:12px;color:#666;margin-right:8px}.storage-progress-container{display:flex;align-items:center;gap:12px;margin-top:8px}.storage-progress{flex:1;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}.storage-progress-fill{height:100%;background-color:var(--ion-color-primary);transition:width .3s ease}.clear-storage-btn{--color: #dc3545;--color-hover: #c82333;--padding-start: 4px;--padding-end: 4px;--padding-top: 4px;--padding-bottom: 4px;margin:0;min-width:auto;transition:all .3s ease}.clear-storage-btn:hover{--color: #c82333;transform:scale(1.1)}.storage-stats{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:12px;color:#666;margin-bottom:4px}.stat-value{font-size:14px;font-weight:600;color:#333}.books-list{display:flex;flex-direction:column;gap:12px}.book-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.book-title{margin:0;font-size:18px;font-weight:600;color:#333;flex:1}.book-actions{display:flex;gap:8px}.events-list{display:flex;flex-direction:column;gap:12px}.event-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.event-info{flex:1}.admin-container .event-title{margin:0 0 8px;font-size:16px!important;font-weight:600;color:#333}.event-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.event-type-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-align:center}.event-type-badge ion-icon{color:var(--ion-color-primary)}.event-details{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-direction:row}.event-date-time,.event-location,.event-platform,.event-sections,.event-duration{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.event-date-time ion-icon,.event-location ion-icon,.event-recurring ion-icon,.event-icon{font-size:16px;color:var(--ion-color-primary)}.event-recurring,.event-sections{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.event-details span{font-size:14px!important;color:#666!important;font-weight:500}.event-details .separator{color:#ccc;font-weight:400}.event-actions{display:flex;gap:8px}.menu-container{position:relative}.menu-button{--color: #666;--color-hover: var(--ion-color-primary);--padding-start: 8px;--padding-end: 8px;--padding-top: 8px;--padding-bottom: 8px}.menu-button ion-icon{font-size:20px}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:120px;z-index:1000;margin-top:4px}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;text-align:right;transition:background-color .2s ease}.menu-item:hover{background-color:#f5f5f5}.menu-item.edit{color:var(--ion-color-primary)}.menu-item.delete{color:#dc3545}.menu-item ion-icon{font-size:16px}.modal-content{--padding-start: 20px;--padding-end: 20px;--padding-top: 20px;--padding-bottom: 20px}.form-container{display:flex;flex-direction:column;gap:20px}.form-actions{margin-top:24px}.color-picker-input{width:60px;height:40px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;background:transparent}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:6px}.recurring-options{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.weekday-checkboxes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.weekday-checkbox{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease}.weekday-checkbox:hover{background:#f0f0f0}.weekday-checkbox input[type=checkbox]{margin:0}.weekday-checkbox span{font-size:12px;font-weight:500}@media (max-width: 768px){.admin-container{padding:15px}.tab-button{padding:12px 8px}.section-header{flex-direction:column;gap:16px;align-items:flex-start}.events-management .header-actions{flex-direction:column;width:100%;gap:8px}.events-management .bac-exam-btn,.events-management .add-event-btn{width:100%}.book-item,.event-item{flex-direction:column;gap:16px;align-items:flex-start}.book-actions,.event-actions{width:100%;justify-content:flex-end}.event-details{flex-direction:column;gap:8px;align-items:flex-start}.event-type-item{flex-direction:column;gap:16px;align-items:flex-start}.event-type-actions{width:100%;justify-content:space-between}}@media (max-width: 480px){.admin-container{padding:10px}.tab-button{padding:10px 6px}.book-details h3,.admin-container .event-title{font-size:16px!important}.subtitle{font-size:14px}.event-details{font-size:12px}.event-type-item{padding:12px}.event-type-color{width:20px;height:20px}.event-type-name-input,.event-type-key-input{font-size:12px;padding:6px 8px}}body.dark .admin-container{background:var(--ion-background-color)}body.dark .tab-buttons{border-bottom-color:#444}body.dark .tab-button{color:#ccc}body.dark .tab-button:hover{background:rgba(var(--ion-color-primary-rgb),.1)}body.dark .tab-button.active,body.dark .tab-content h2{color:var(--ion-color-primary)}body.dark .tab-content p{color:#ccc}body.dark .book-item,body.dark .event-item{background:#1e1e1e;border-color:#444}body.dark .book-title,body.dark .admin-container .event-title{color:#fff}body.dark .section-header{border-bottom-color:#444}body.dark .event-details{color:#ccc}body.dark .event-date-time,body.dark .event-location,body.dark .event-recurring,body.dark .event-sections,body.dark .event-platform,body.dark .event-duration{color:#aaa}body.dark .event-details span{color:#aaa!important}body.dark .event-details .separator{color:#666}body.dark .dropdown-menu{background:#2a2a2a;border-color:#555;box-shadow:0 4px 12px rgba(0,0,0,.3)}body.dark .menu-item{color:#fff}body.dark .menu-item:hover{background-color:#3a3a3a}body.dark .menu-item.edit{color:var(--ion-color-primary)}body.dark .menu-item.delete{color:#ff6b6b}body.dark .settings-section{background:#1e1e1e;border-color:#444}body.dark .settings-section h3{color:var(--ion-color-primary);border-bottom-color:#444}body.dark .setting-item{border-bottom-color:#333}body.dark .setting-label{color:#fff}body.dark .setting-description{color:#ccc}body.dark .event-type-item{background:#1e1e1e;border-color:#444}body.dark .event-type-item:hover{background:#2a2a2a;border-color:var(--ion-color-primary)}body.dark .event-type-name-input,body.dark .event-type-key-input{background:#2a2a2a;border-color:#555;color:#fff}body.dark .event-type-name-input:disabled,body.dark .event-type-key-input:disabled{background:#333;color:#666}body.dark .theme-toggle{--background: #2a2a2a;--background-hover: #3a3a3a}body.dark .theme-toggle.dark{--background: var(--ion-color-primary);--color: white}body.dark .language-select{--background: #2a2a2a;--border-color: #555;--color: #fff}body.dark .notification-toggle{--background: #1e4d2b;--background-hover: #2d5a3a}body.dark .reminder-select{--background: #2a2a2a;--border-color: #555;--color: #fff}body.dark .change-password-btn,body.dark .two-factor-toggle,body.dark .export-data-btn{--background: #2a2a2a;--background-hover: #3a3a3a}body.dark .storage-overview{background:#1e1e1e;border-color:#444}body.dark .storage-overview:hover{background:#2a2a2a;border-color:var(--ion-color-primary)}body.dark .storage-label{color:#fff}body.dark .storage-usage,body.dark .storage-usage-inline{color:#ccc}.recurring-info{display:flex;align-items:center;gap:4px;margin-bottom:8px}.recurring-info span{font-size:12px;color:#666;display:flex;align-items:center;gap:4px}.recurring-info ion-icon{font-size:12px;color:#4caf50}body.dark .recurring-info span{color:#ccc}body.dark .recurring-info ion-icon{color:#66bb6a}.teaching-management{text-align:right}.add-teaching-btn{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade)}.teaching-content-management{text-align:right}.teaching-content-management .teaching-tabs{display:flex;background:transparent;border-bottom:2px solid #e0e0e0;margin-bottom:20px;overflow:hidden}.teaching-content-management .tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#666;font-size:16px;font-weight:500;position:relative}.teaching-content-management .tab-button:hover{background:rgba(var(--ion-color-primary-rgb),.05);color:var(--ion-color-primary)}.teaching-content-management .tab-button.active{color:var(--ion-color-primary);font-weight:600}.teaching-content-management .tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:5px;background:var(--ion-color-primary);border-radius:3px 3px 0 0}.teaching-content-management .tab-button ion-icon{font-size:18px}.add-content-buttons{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.add-content-btn{--color: var(--ion-color-primary);--color-hover: var(--ion-color-primary-shade);--border-color: var(--ion-color-primary);--border-radius: 20px;--padding-start: 16px;--padding-end: 16px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;font-weight:500}.add-content-btn:hover{--background: rgba(var(--ion-color-primary-rgb), .1)}.teaching-content-management .sessions-grid,.teaching-content-management .videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:24px}.teaching-content-management .session-card,.teaching-content-management .video-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease}.teaching-content-management .session-card:hover,.teaching-content-management .video-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.teaching-content-management .session-card.live{border-right:4px solid #ff4757}.teaching-content-management .session-card.recorded{border-right:4px solid #2ed573}.teaching-content-management .video-card{border-right:4px solid #3498db}.teaching-content-management .session-thumbnail,.teaching-content-management .video-thumbnail{position:relative;height:180px;overflow:hidden}.teaching-content-management .session-thumbnail img,.teaching-content-management .video-thumbnail img{width:100%;height:100%;object-fit:cover}.teaching-content-management .live-badge{position:absolute;top:12px;right:12px;background:#ff4757;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px}.teaching-content-management .live-badge ion-icon{font-size:12px}.teaching-content-management .platform-badge{position:absolute;top:12px;left:12px;background:#fff;color:#333;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.teaching-content-management .platform-icon{font-size:16px;color:var(--ion-color-primary)}.teaching-content-management .event-details span{font-size:14px!important;color:#666!important;font-weight:500}.teaching-content-management .event-details .separator{color:#ccc;font-weight:400}.teaching-content-management .video-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:3px 6px;border-radius:4px;font-size:11px;font-weight:500}.teaching-content-management .session-content,.teaching-content-management .video-content{padding:16px}.teaching-content-management .session-title,.teaching-content-management .video-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#333;line-height:1.3}.teaching-content-management .session-meta,.teaching-content-management .video-meta{display:flex;gap:16px;margin-bottom:12px}.teaching-content-management .meta-item{display:flex;align-items:center;gap:6px;color:#666;font-size:12px}.teaching-content-management .meta-item ion-icon{color:var(--ion-color-primary);font-size:14px}.teaching-content-management .session-info,.teaching-content-management .video-info{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.teaching-content-management .teacher-chip,.teaching-content-management .section-chip{font-size:11px;--padding-start: 6px;--padding-end: 6px;--padding-top: 3px;--padding-bottom: 3px}.teaching-content-management .session-actions,.teaching-content-management .video-actions{display:flex;gap:8px;justify-content:flex-end}.teaching-content-management .empty-state{text-align:center;padding:40px 20px;color:#666}.teaching-content-management .empty-icon{font-size:48px;color:#ddd;margin-bottom:16px}.teaching-content-management .empty-state h3{margin:0 0 8px;font-size:18px;color:#999}.teaching-content-management .empty-state p{margin:0;font-size:14px;color:#bbb}@media (max-width: 768px){.add-content-buttons{flex-direction:column;gap:8px}.add-content-btn{width:100%}.teaching-content-management .sessions-grid,.teaching-content-management .videos-grid{grid-template-columns:1fr;gap:16px}.teaching-content-management .session-thumbnail,.teaching-content-management .video-thumbnail{height:140px}.teaching-content-management .session-content,.teaching-content-management .video-content{padding:12px}}@media (max-width: 480px){.teaching-content-management .session-thumbnail,.teaching-content-management .video-thumbnail{height:120px}.teaching-content-management .session-content,.teaching-content-management .video-content{padding:10px}.teaching-content-management .session-title,.teaching-content-management .video-title{font-size:14px}.teaching-content-management .meta-item{font-size:11px}.teaching-content-management .teacher-chip,.teaching-content-management .section-chip{font-size:10px}}body.dark .teaching-content-management .teaching-tabs{border-bottom-color:#444}body.dark .teaching-content-management .tab-button{color:#ccc}body.dark .teaching-content-management .tab-button:hover{background:rgba(var(--ion-color-primary-rgb),.1)}body.dark .teaching-content-management .tab-button.active{color:var(--ion-color-primary)}body.dark .teaching-content-management .session-card,body.dark .teaching-content-management .video-card{background:#1e1e1e;border-color:#444}body.dark .teaching-content-management .session-card:hover,body.dark .teaching-content-management .video-card:hover{border-color:var(--ion-color-primary);box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark .teaching-content-management .session-title,body.dark .teaching-content-management .video-title{color:#fff}body.dark .teaching-content-management .meta-item{color:#aaa}body.dark .teaching-content-management .empty-state{color:#ccc}body.dark .teaching-content-management .empty-icon{color:#444}body.dark .teaching-content-management .empty-state h3{color:#aaa}body.dark .teaching-content-management .empty-state p{color:#888}.sections-management{margin-bottom:32px}.section-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:16px;transition:all .3s ease}.section-card:hover{border-color:var(--ion-color-primary);box-shadow:0 2px 8px rgba(0,0,0,.1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.section-title{margin:0;font-size:20px;font-weight:600;color:var(--ion-color-primary)}.section-title-with-count{display:flex;align-items:center;gap:12px;flex:1}.section-title-with-count .section-title{margin:0}.section-title-with-count .section-stat{margin:0;font-size:14px;color:#666;display:flex;align-items:center;gap:6px}.section-info{display:flex;align-items:center;gap:16px;margin-bottom:16px}.section-stat{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.section-stat ion-icon{color:var(--ion-color-primary)}.section-actions{display:flex;gap:12px;align-items:center}.section-action-btn{--padding-start: 12px;--padding-end: 12px;--padding-top: 6px;--padding-bottom: 6px;font-size:12px;min-width:auto}.students-list{margin-top:16px}.student-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:8px;transition:all .2s ease}.student-item:hover{background:#e9ecef;border-color:var(--ion-color-primary)}.student-info{display:flex;align-items:center;gap:12px;flex:1}.student-avatar{width:32px;height:32px;border-radius:50%;background:var(--ion-color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.student-details h4{margin:0 8px 0 0;font-size:14px;font-weight:600;color:#333;display:inline-block}.student-details .status-badge{margin:0 8px 0 0;display:inline-block}.student-details p{margin:0;font-size:12px;color:#666}.student-status{display:flex;align-items:center;gap:8px}.status-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500;text-align:center}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.student-actions{display:flex;gap:8px;align-items:center}.activation-code-display{display:flex;align-items:center;gap:8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:4px 8px}.activation-code-text{font-family:monospace;font-size:12px;font-weight:600;color:var(--ion-color-primary);letter-spacing:1px}.copy-btn{--padding-start: 4px;--padding-end: 4px;--padding-top: 4px;--padding-bottom: 4px;min-width:auto;--color: var(--ion-color-primary)}.copy-btn:hover{--color: var(--ion-color-primary-shade)}.student-action-btn{--padding-start: 8px;--padding-end: 8px;--padding-top: 4px;--padding-bottom: 4px;font-size:12px;min-width:auto}.add-section-form{display:flex;flex-direction:column;gap:8px}.add-section-form .form-actions{margin-top:16px}.section-form-row{display:flex;gap:16px}.section-form-row .form-item{flex:1}.add-student-form{display:flex;flex-direction:column;gap:16px}.student-form-row{display:flex;gap:16px}.student-form-row .form-item{flex:1}.sections-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--ion-color-primary);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:50%;background:var(--ion-color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;font-size:24px}.stat-value{font-size:32px;font-weight:700;color:var(--ion-color-primary);margin-bottom:8px}.stat-label{font-size:14px;color:#666;font-weight:500}.section-filters{margin-bottom:20px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.filter-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.section-select-container{flex:1;min-width:200px}.section-select{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;color:#333;cursor:pointer;transition:border-color .3s ease}.section-select:focus{outline:none;border-color:var(--ion-color-primary);box-shadow:0 0 0 2px rgba(25,118,210,.1)}.search-container{flex:1;min-width:200px}.section-search{--padding-start: 16px;--padding-end: 16px;--padding-top: 12px;--padding-bottom: 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px}.section-search:focus-within{border-color:var(--ion-color-primary);box-shadow:0 0 0 2px rgba(25,118,210,.1)}.empty-sections{text-align:center;padding:40px 20px;color:#666}.empty-sections ion-icon{font-size:64px;color:#ddd;margin-bottom:16px}.empty-sections h3{margin:0 0 8px;font-size:20px;color:#999}.empty-sections p{margin:0;font-size:14px;color:#bbb}body.dark .section-card{background:#1e1e1e;border-color:#444}body.dark .section-card:hover{border-color:var(--ion-color-primary);box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark .section-title{color:var(--ion-color-primary)}body.dark .section-stat{color:#ccc}body.dark .student-item{background:#2a2a2a;border-color:#444}body.dark .student-item:hover{background:#3a3a3a;border-color:var(--ion-color-primary)}body.dark .student-details h4{color:#fff}body.dark .student-details p{color:#ccc}body.dark .activation-code-display{background:#2a2a2a;border-color:#444}body.dark .activation-code-text{color:var(--ion-color-primary)}body.dark .section-filters{background:#1e1e1e;box-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark .section-select{background:#2a2a2a;border-color:#444;color:#fff}body.dark .section-select:focus{border-color:var(--ion-color-primary)}body.dark .section-search{background:#2a2a2a;border-color:#444;color:#fff}body.dark .section-search:focus-within{border-color:var(--ion-color-primary)}body.dark .stat-card{background:#1e1e1e;border-color:#444}body.dark .student-details-modal{background:var(--ion-background-color)}body.dark .student-header{border-bottom-color:#444}body.dark .detail-item{background:#2a2a2a;border-color:#444}body.dark .detail-item label{color:#fff}body.dark .detail-item span{color:#ccc}body.dark .stat-card:hover{border-color:var(--ion-color-primary)}body.dark .stat-label{color:#ccc}.bac-exam-management{margin-bottom:32px}.bac-exam-management .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.bac-exam-management .section-header h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--ion-color-primary)}.bac-exam-management .section-header p{margin:0;font-size:14px;color:#666}.bac-exam-management .section-actions{display:flex;gap:12px;align-items:center}.current-bac-event{margin-top:20px}.bac-exam-management .event-card{background:#fff;border:2px solid var(--ion-color-primary);border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(25,118,210,.1)}.bac-exam-management .event-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.bac-exam-management .event-icon{font-size:24px;color:var(--ion-color-primary)}.bac-exam-management .event-header h4{margin:0;font-size:18px;font-weight:600;color:var(--ion-color-primary);flex:1}.bac-exam-management .recurring-icon{font-size:16px;color:#4caf50}.bac-exam-management .event-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.bac-exam-management .event-detail{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.bac-exam-management .event-detail ion-icon{color:var(--ion-color-primary);font-size:16px}.bac-exam-management .event-description{margin:12px 0 0;padding:12px;background:#f8f9fa;border-radius:8px;color:#666;font-size:14px;line-height:1.5}.bac-exam-management .add-btn,.bac-exam-management .edit-btn,.bac-exam-management .delete-btn{--border-radius: 8px;--padding-start: 16px;--padding-end: 16px;--padding-top: 10px;--padding-bottom: 10px;font-size:14px;font-weight:500}.bac-exam-management .add-btn{--color: white;--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade)}.bac-exam-management .edit-btn{--color: var(--ion-color-primary);--border-color: var(--ion-color-primary)}.bac-exam-management .delete-btn{--color: #dc3545;--border-color: #dc3545}@media (max-width: 768px){.bac-exam-management .section-header{flex-direction:column;gap:16px;align-items:flex-start}.bac-exam-management .section-actions{width:100%;justify-content:flex-start}.bac-exam-management .event-card{padding:16px}.bac-exam-management .event-details{gap:6px}.bac-exam-management .event-detail{font-size:13px}}@media (max-width: 480px){.bac-exam-management .event-card{padding:12px}.bac-exam-management .event-header h4{font-size:16px}.bac-exam-management .section-actions{flex-direction:column;gap:8px}.bac-exam-management .add-btn,.bac-exam-management .edit-btn,.bac-exam-management .delete-btn{width:100%}}body.dark .bac-exam-management .section-header{border-bottom-color:#444}body.dark .bac-exam-management .section-header p{color:#ccc}body.dark .bac-exam-management .event-card{background:#1e1e1e;border-color:var(--ion-color-primary);box-shadow:0 4px 12px rgba(25,118,210,.2)}body.dark .bac-exam-management .event-description{background:#2a2a2a;color:#ccc}body.dark .bac-exam-management .event-detail{color:#ccc}.student-details-modal{padding:20px}.student-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.student-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--ion-color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:32px}.student-name-section h2{margin:0 0 8px;font-size:24px;color:var(--ion-color-primary)}.details-grid{display:grid;gap:20px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.detail-item:has(.activation-code-text){display:flex;justify-content:space-between;align-items:center}.detail-item:has(.activation-code-text) .activation-code-text{margin-left:auto;margin-right:8px}.detail-item:has(.activation-code-text) .copy-btn{flex-shrink:0}.detail-item label{font-weight:600;color:#333;font-size:14px}.detail-item span{color:#666;font-size:14px;text-align:left}@media (max-width: 768px){.section-form-row,.student-form-row{flex-direction:column;gap:12px}.sections-stats{grid-template-columns:1fr}.section-header{flex-direction:column;gap:16px;align-items:flex-start}.section-info{flex-wrap:wrap;gap:12px}.filter-controls{flex-direction:column;gap:12px}.section-select-container,.search-container{min-width:100%}.section-filters{padding:12px}}@media (max-width: 480px){.section-card{padding:16px}.student-item{flex-direction:column;gap:12px;align-items:flex-start}.student-actions{width:100%;justify-content:flex-end}}.book-viewer-container{position:relative;width:100%;height:100vh;background:#fff!important;overflow:hidden;color:#333!important}.close-button-container{position:absolute;top:20px;right:20px;z-index:1000}.close-btn{width:40px;height:40px;background:rgba(255,255,255,.9)!important;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#333!important;box-shadow:0 2px 10px rgba(0,0,0,.2)}.close-btn:hover{background:#fff!important;transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.3)}.close-btn ion-icon{font-size:20px}.book-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.book-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.page-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.pdf-container{width:100%;height:100%;overflow:auto;position:relative;touch-action:manipulation;-webkit-overflow-scrolling:touch;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pdf-content{min-height:100%;display:flex;align-items:center;justify-content:center;transition:transform .1s ease;will-change:transform;transform-origin:center center}.pdf-page{margin:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);border-radius:8px;background:#fff;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;text-rendering:optimizeLegibility;font-smooth:antialiased}.pdf-container.pinching{cursor:zoom-in}.pdf-container.dragging,.pdf-container.dragging:active{cursor:grabbing}.pdf-content.zooming{transition:none}.pdf-controls-bottom{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;background:rgba(255,255,255,.9)!important;border-radius:25px;padding:10px 20px;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.all-controls{display:flex;align-items:center;gap:5px;justify-content:center;flex-wrap:nowrap}.control-btn{background:transparent;border:none;color:#333!important;padding:6px 8px;border-radius:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-size:14px}.control-btn:hover:not(:disabled){background:rgba(0,0,0,.1);transform:scale(1.05)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn ion-icon{font-size:16px}.page-info{color:#333!important;font-size:12px;font-weight:500;padding:0 8px;white-space:nowrap}.zoom-level{color:#333!important;font-size:12px;font-weight:500;padding:0 6px;min-width:40px;text-align:center}.loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:18px;color:#666!important}.error{display:flex;align-items:center;justify-content:center;height:100%;font-size:18px;color:#ff6b6b!important}.book-viewer-container .download-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(5px)}.book-viewer-container .download-card{background:#fff!important;border-radius:20px;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,.3);text-align:center;max-width:400px;width:90%}.book-viewer-container .download-card h3{margin:0 0 20px;color:#333!important;font-size:18px;font-weight:600}.book-viewer-container .download-info{display:flex;flex-direction:column;gap:8px;margin-top:15px;font-size:14px;color:#666!important}.book-viewer-container .download-info span{display:flex;justify-content:space-between;align-items:center}.book-viewer-container .error-message{color:var(--ion-color-danger);font-size:14px;margin:15px 0;text-align:center}.book-viewer-container .no-file-message{color:var(--ion-color-dark);font-size:14px;margin:15px 0;text-align:center}.book-viewer-container .retry-btn{background:var(--ion-color-primary);color:#fff;border:none;padding:12px 24px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px}.book-viewer-container .retry-btn:hover:not(:disabled){background:var(--ion-color-primary-shade);transform:scale(1.05)}.book-viewer-container .retry-btn:disabled{opacity:.6;cursor:not-allowed}.book-viewer-container .download-card .loading{height:auto;font-size:16px;color:#666!important;margin:15px 0}@media (max-width: 768px){.close-button-container{top:15px;right:15px}.close-btn{width:35px;height:35px}.close-btn ion-icon{font-size:18px}.pdf-controls-bottom{bottom:15px;padding:8px 15px}.all-controls{gap:4px}.control-btn{padding:5px 6px;min-width:28px;height:28px;font-size:12px}.control-btn ion-icon{font-size:14px}.page-info{font-size:11px;padding:0 6px}.zoom-level{font-size:11px;padding:0 4px;min-width:35px}.book-viewer-container .download-card{padding:20px}.book-viewer-container .error-message,.book-viewer-container .no-file-message{font-size:13px}.book-viewer-container .retry-btn{padding:10px 20px;font-size:13px}}@media (max-width: 480px){.pdf-controls-bottom{bottom:10px;padding:6px 12px;border-radius:20px}.all-controls{gap:3px}.control-btn{padding:4px 5px;min-width:24px;height:24px;font-size:11px}.control-btn ion-icon{font-size:12px}.page-info{font-size:10px;padding:0 4px}.zoom-level{font-size:10px;padding:0 3px;min-width:30px}.book-viewer-container .download-card{padding:15px}.book-viewer-container .error-message,.book-viewer-container .no-file-message{font-size:12px}.book-viewer-container .retry-btn{padding:8px 16px;font-size:12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.pdf-page{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.activate-content{--background: #f5f5f5;--color: #333}.activate-grid{height:100%;padding:20px}.activate-row{height:100%;align-items:center;justify-content:center}.activate-card{margin:0;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);background:#fff;overflow:hidden}.activate-card-content{padding:30px 25px;text-align:center}.activate-header{margin-bottom:25px}.title-with-icon{display:flex;align-items:center;gap:12px;margin-bottom:16px}.activate-icon{font-size:48px;color:var(--ion-color-primary);margin:0}.activate-title{font-size:26px;font-weight:700;color:#333;margin:0 0 12px;line-height:1.2}.activate-subtitle{font-size:15px;color:#666;line-height:1.5;margin:0}.activate-form{margin-bottom:20px}.activation-input-container{position:relative;margin-bottom:18px}.activate-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;color:#666;z-index:1}.activation-input{--padding-start: 50px;--padding-end: 16px;--padding-top: 16px;--padding-bottom: 16px;--border-radius: 12px;--border: 2px solid #e0e0e0;--background: #fafafa;--color: #333;font-size:16px;transition:all .3s ease}.activation-input:focus-within{--border-color: var(--ion-color-primary);--background: white;box-shadow:0 0 0 3px rgba(56,74,190,.1)}.activate-error-message{margin:16px 0;padding:12px 16px;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px}.activate-btn{--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade);--background-activated: var(--ion-color-primary-shade);--color: white;--border-radius: 12px;--padding-top: 14px;--padding-bottom: 14px;font-size:16px;font-weight:600;text-transform:none;margin-top:12px;transition:all .3s ease}.activate-btn:hover{--background: var(--ion-color-primary-shade);transform:translateY(-2px);box-shadow:0 8px 25px rgba(56,74,190,.3)}.activate-btn:disabled{--background: #ccc;--color: #999;transform:none;box-shadow:none}.activate-footer{margin-top:20px;padding-top:16px;border-top:1px solid #e0e0e0}.activate-hint{font-size:14px;color:#666;line-height:1.5;margin:0}.activate-hint strong{color:var(--ion-color-primary)}.logout-section{margin-top:20px;padding-top:16px;border-top:1px solid #e0e0e0}.logout-hint{font-size:13px;color:#666;line-height:1.4;margin:0 0 12px}.logout-btn{--color: #666;--color-hover: #333;--border-color: #ccc;--border-color-hover: #999;--border-radius: 8px;--padding-start: 16px;--padding-end: 16px;--padding-top: 8px;--padding-bottom: 8px;font-size:14px;font-weight:500;transition:all .3s ease}.logout-btn:hover{--color: #333;--border-color: #999;transform:translateY(-1px)}.activation-success{text-align:center;padding:16px 0}.success-message{font-size:15px;color:#666;line-height:1.5;margin:0 0 18px}.success-spinner{margin:16px 0}.success-actions{margin-top:18px}.go-home-btn{--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade);--background-activated: var(--ion-color-primary-shade);--color: white;--border-radius: 12px;--padding-top: 16px;--padding-bottom: 16px;font-size:16px;font-weight:600;text-transform:none;margin-top:16px;transition:all .3s ease}.go-home-btn:hover{--background: var(--ion-color-primary-shade);transform:translateY(-2px);box-shadow:0 8px 25px rgba(56,74,190,.3)}@media (prefers-color-scheme: dark){.activate-content{--background: #1a1a1a;--color: #fff}.activate-card{background:#2d2d2d;box-shadow:0 8px 32px rgba(0,0,0,.3)}.activate-title{color:#fff}.title-with-icon{gap:12px}.activate-subtitle{color:#ccc}.activation-input{--background: #3d3d3d;--color: #fff;--border-color: #555}.activation-input:focus-within{--background: #4d4d4d;--border-color: var(--ion-color-primary)}.activate-footer{border-top-color:#555}.activate-hint{color:#ccc}.logout-section{border-top-color:#555}.logout-hint{color:#ccc}.logout-btn{--color: #ccc;--color-hover: #fff;--border-color: #666;--border-color-hover: #999}.success-message{color:#ccc}.go-home-btn{--color: #fff;--background: var(--ion-color-primary);--background-hover: var(--ion-color-primary-shade)}}@media (max-width: 768px){.activate-grid{padding:16px}.activate-card-content{padding:30px 20px}.activate-title{font-size:24px}.activate-subtitle{font-size:14px}.activate-icon{font-size:48px}}
