ion-menu ion-content{--background: var(--ion-item-background, var(--ion-background-color, #fff))}ion-menu.md ion-content{--padding-start: 8px;--padding-end: 8px;--padding-top: 4px !important;--padding-bottom: 20px}ion-menu.md ion-list{padding:20px 0}ion-menu.md ion-note{margin-bottom:30px}ion-menu.md ion-list-header,ion-menu.md ion-note{padding-left:10px}ion-menu.md ion-list#inbox-list{border-bottom:1px solid var(--ion-color-step-150, #d7d8da)}ion-menu.md ion-list#inbox-list ion-list-header{font-size:22px;font-weight:600;min-height:20px}ion-menu.md ion-list#labels-list ion-list-header{font-size:16px;margin-bottom:18px;color:#757575;min-height:26px}ion-menu.md ion-item{--padding-start: 10px;--padding-end: 10px;border-radius:4px}ion-menu.md ion-item.selected{--background: rgba(var(--ion-color-primary-rgb), .14)}ion-menu.md ion-item.selected ion-icon{color:var(--ion-color-primary)}ion-menu.md ion-item ion-icon{color:#616e7e}ion-menu.md ion-item ion-label{font-weight:500}ion-menu.ios ion-content{--padding-bottom: 20px}ion-menu.ios ion-list{padding:20px 0 0}ion-menu.ios ion-note{line-height:24px;margin-bottom:20px}ion-menu.ios ion-item{--padding-start: 16px;--padding-end: 16px;--min-height: 50px}ion-menu.ios ion-item ion-icon{font-size:24px;color:#73849a}ion-menu.ios ion-item .selected ion-icon{color:var(--ion-color-primary)}ion-menu.ios ion-list#labels-list ion-list-header{margin-bottom:8px}ion-menu.ios ion-list-header,ion-menu.ios ion-note{padding-left:16px;padding-right:16px}ion-menu.ios ion-note{margin-bottom:8px}ion-note{display:inline-block;font-size:16px;color:var(--ion-color-medium-shade)}ion-item.selected{--color: var(--ion-color-primary)}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-default-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-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{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{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, #3880ff) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !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, #3171e0) !important;--ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !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, #36abe0) !important;--ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 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, #4854e0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint: var(--ion-color-success-tint, #42d77d) !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, #eb445a) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !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, #cf3c4f) !important;--ion-color-tint: var(--ion-color-danger-tint, #ed576b) !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, #92949c) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !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, #808289) !important;--ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !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}.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:not(.hydrated) body{display:none}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, #3880ff)}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-self-start{align-self:flex-start!important}.ion-align-self-end{align-self:flex-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}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-evenly{justify-content:space-evenly!important}.ion-align-items-start{align-items:flex-start!important}.ion-align-items-center{align-items:center!important}.ion-align-items-end{align-items:flex-end!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!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}}.ios body{--ion-background-color: #f2f2f6;--ion-toolbar-background: var(--ion-background-color);--ion-item-background: #fff}.md body{--ion-background-color: #f9f9f9;--ion-toolbar-background: var(--ion-background-color);--ion-item-background: #fff}ion-item{--transition: none}body:not(.dark) ::-webkit-scrollbar{width:10px;height:10px}body:not(.dark) ::-webkit-scrollbar-track{background:#f4f7fb;border-radius:8px}body:not(.dark) ::-webkit-scrollbar-thumb{background-color:#9fb4d8;border-radius:8px;border:2px solid #F4F7FB}body:not(.dark) ::-webkit-scrollbar-thumb:hover{background-color:#7e9ccb}body.dark ::-webkit-scrollbar{width:10px;height:10px}body.dark ::-webkit-scrollbar-track{background:#0e1a2b;border-radius:8px}body.dark ::-webkit-scrollbar-thumb{background-color:#2f4c7a;border-radius:8px;border:2px solid #0E1A2B}body.dark ::-webkit-scrollbar-thumb:hover{background-color:#3b5f99}@media(max-width:768px){body:not(.dark) ::-webkit-scrollbar,body.dark ::-webkit-scrollbar{width:1px;height:1px}body:not(.dark) ::-webkit-scrollbar-thumb,body.dark ::-webkit-scrollbar-thumb{background:transparent}body:not(.dark) ::-webkit-scrollbar-track,body.dark ::-webkit-scrollbar-track{background:transparent}}a{cursor:pointer;color:var(--app-link);text-decoration:underline;font-size:14px}@media(max-width:320px){a{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){a{font-size:12px!important}}ion-menu[style*="display: none"]{z-index:-1!important}ion-button[disabled]{cursor:not-allowed!important}img{max-width:100%;max-height:100%}.custom-tooltip{position:fixed;transform:translate(-50%,-100%);padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:9999;background-color:var(--ion-color-step-150);color:var(--ion-text-color)}.custom-tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--ion-color-step-150) transparent transparent transparent}ion-toolbar .sc-ion-searchbar-ios-h{padding-top:none!important;padding-bottom:none!important;min-height:0!important}.opacity-70{opacity:.7}.width-110{width:110%}.width-120{width:120%}.width-130{width:130%}.width-140{width:140%}.width-150{width:150%}.width-160{width:160%}.width-170{width:170%}.width-180{width:180%}.width-190{width:190%}.width-200{width:200%}.ios ion-toolbar{max-height:60px!important}.ios .progress-card-sa ion-toolbar{max-height:none!important}.ios .my-ionic-page,.menu-ios-content{padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important}ion-header ion-toolbar:first-of-type{padding-top:0!important}.header-ios ion-toolbar:last-of-type{max-height:60px!important;min-height:66px}.header-toolbar{min-height:56px!important}.ios .un-auth-scl{max-height:72px!important}.ios .custom_header_item{padding:6px!important;margin:0!important}.popover_footer{min-height:60px!important}.ios ion-footer{height:42px!important}.ios .g-customized-modal ion-footer,.ios .marks-edit-footer ion-footer{height:60px!important}.ios .tabs-btn-holder{bottom:42px!important}.customized-toolbar-auth ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:12px!important;padding-bottom:12px!important}.filter-chips .search-wrapper .sc-ion-searchbar-ios-h{min-height:40px!important}.card-content-ios{-webkit-padding-start:12px!important;padding-inline-start:12px!important;-webkit-padding-end:12px!important;padding-inline-end:12px!important;padding-top:12px!important;padding-bottom:12px!important}ion-button{--border-color: var(--app-color)}.my_page{padding:12px 16px 0}.d-none{display:none}.d-block{display:block}ion-split-pane{--side-max-width: 230px}@media(max-width:320px){.small-device-text{font-size:12px!important}}ion-card ion-card-content{background:var(--app-background)}.modal-child-con ion-card-content .field:first-child{margin-top:4px!important}.custom_content_view{--overflow: hidden}.scroll-y{overflow-y:hidden!important}.custom_footer_ion{position:absolute;bottom:0;right:0;padding:0;margin:0}.custom_footer_ion .tool-bar-container{--min-height: auto;padding:0;margin:0}.g_text_ellipses{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;line-height:1.2em;max-height:1.8em;word-break:break-all}.te .g_text_ellipses{line-height:1.8em}.g_txt_tranC{text-transform:uppercase}.footer_container h6{font-size:18px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;line-height:1em;max-height:1.8em;word-break:break-all;margin-bottom:16px}@media(max-width:500px){.scl_info_container{flex-direction:column}}.scl_info_container .left{width:50%;padding:12px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:500px){.scl_info_container .left{width:100%}}.scl_info_container .left p{font-size:16px;margin:12px 0}.scl_info_container .right p a{text-decoration:underline;color:var(--app-dark)}.scl_info_container .right ion-label{font-size:14px;color:var(--app-color);font-weight:700}.scl_info_container .right{padding:12px 0;width:50%}@media(max-width:500px){.scl_info_container .right{width:100%}}.scl_info_container .right p{margin:12px 0;font-size:14px}.scl_info_container .left .logo{width:100px;height:100px;border:1px solid}.powered-by-container h4{font-size:18px;font-weight:600;color:var(--app-dark)}.powered-by-container .second-strip{height:6px;top:-5px}.powered-by-container .second-strip2{height:6px;bottom:-5px}.powered-by-container .first-strip{width:6px;left:-5px}.powered-by-container .first-strip2{width:6px;right:-5px}.powered-by-container ion-img{max-width:60px;max-height:60px}.tool-bar-container{--min-height: auto;padding:4px 0}.tool-bar-container ion-icon{font-size:28px}.ios ion-header{box-shadow:0 3px 5px rgba(0,0,0,.2)}ion-header{background-color:var(--app-background)}.dark ion-header{box-shadow:0 1px 5px rgba(255,255,255,.3);box-shadow:0 1px 6px rgba(255,255,255,.3);border:.5px solid #000000}.dark ion-footer{box-shadow:0 1px 6px rgba(255,255,255,.3);border:.5px solid #000000;background:transparent}ion-footer{background-color:var(--app-background);box-shadow:0 1px 6px rgba(0,0,0,.3)}.ios ion-header ion-title{padding:0}.footer_container ion-item-divider{height:auto;min-height:auto!important;border:1px solid #000000}.dark .footer_container ion-item-divider{border:1px solid #ffffff}.footer_container ion-icon{font-size:28px}.header_caret ion-label{position:relative;top:-8px;right:22px;color:var(--app-fixed-F);font-size:12px!important;height:10px;animation:fadeScale .6s ease-in-out}.header_caret ion-text{margin-bottom:4px;font-size:12px!important}.header_caret{justify-content:space-between}@media(min-width:992px){.header_caret{justify-self:flex-end;width:100%}}.header_caret ion-button{margin:4px;--padding-end: 8px;--padding-start: 8px;--color: var(--app-fixed-F);animation:fadeScale .6s ease-in-out;border-radius:4px}.header_caret ion-searchbar{--border-radius: 4px;animation:fadeScale .6s ease-in-out;max-width:360px;width:100%;transition:max-width .3s ease}.header_caret ion-searchbar:focus-within{max-width:100%}.header_caret ion-badge{animation:fadeScale .6s ease-in-out}.header_caret ion-icon{font-size:28px}@media(max-width:320px){.header_caret ion-icon{font-size:20px!important}}.bg-transparent{background:transparent}.ios .header-school-name{padding-left:62px;max-height:100%;padding-bottom:20px;width:calc(100% - 116px)}.ios .sub-text-header{position:absolute;bottom:10px;width:calc(100% - 175px)}.ios .sub-text-header .header-school-name{padding:0!important;margin-left:0!important}.header-school-name{color:#fff;text-transform:capitalize;display:flex;padding:0;font-size:18px;font-weight:500;text-align:start;animation:fadeScale .6s ease-in-out}@media(max-width:320px){.header-school-name{font-size:14px!important}}@media(max-width:760px){.header-school-name{font-size:16px!important}}@media(min-width:992px){.header-school-name{display:none}}.custom_header_item{margin-top:12px;--background: var(--app-color);color:var(--app-white);--inner-padding-end: 8px;--border-radius: 8px;cursor:pointer}.custom_header_item:hover::part(native){filter:brightness(1.1)}.custom_header_item:focus-visible::part(native),.custom_header_item.ion-focused::part(native){outline:2px solid var(--app-white);outline-offset:-2px;filter:brightness(1.16)}.custom_header_item:hover p{transform:translate(2px);letter-spacing:.2px}.custom_header_item:focus-visible p,.custom_header_item.ion-focused p{transform:translate(3px);letter-spacing:.3px}.custom_header_item ion-icon{font-size:30px!important;padding-right:8px;color:var(--app-fixed-F)}.custom_header_item ion-text{width:100%}.active_txt{color:var(--app-color);font-weight:600;border-left:3px solid var(--app-color);padding-left:12px}.active_img{border-color:#d9534f}.custom_header_item p{color:var(--app-fixed-F);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;line-height:1.2em;max-height:1.8em;word-break:break-all;font-size:16px!important;margin:0;transition:color .2s ease,transform .15s ease,letter-spacing .15s ease;text-transform:capitalize}.selected_app ion-icon,.selected_app ion-label{color:var(--app-color)!important}.customized-menu-btns-top{--background: transparent;--color: transparent;position:relative;z-index:999;height:44px;width:44px;left:6px;border-radius:50%}.ios .customized-menu-btns-top{top:10px}.customized-menu-btns-top:hover{border:3px solid}.menu_user_info{--inner-padding-end: 0}.menu_logout{display:flex;align-items:center;width:46px;height:100%;justify-content:center}.menu_logout ion-icon{font-size:26px;cursor:pointer;color:#d9534f!important}.menu_logout ion-icon:hover,.menu_logout ion-icon:focus{color:#e74c3c;transform:scale(1.2);outline:none}.menu-settings ion-icon:hover,.menu-settings ion-icon:focus{color:#007bff;transform:rotate(60deg) scale(1.2);outline:none}.menu_items_holder{height:calc(100% - 138px);overflow-y:auto}.menu-border{border-right:1px solid #8aa7d3}.dark .menu-border{border-right:1px solid #5f7aaa}.menu_items_holder .sub-label p{line-height:14px;margin-bottom:0}.menu_items_holder ion-list{padding:0!important}.menu_items_holder ion-list ion-item{cursor:pointer;--inner-padding-end: 0}.dark .menu_items_holder ion-list ion-item:hover{--background: rgba(255, 255, 255, .1)}.menu_items_holder ion-list ion-item:hover{--background: rgba(0, 0, 0, .1)}.ios .menu-profile-container{top:10px}.menu-profile-container{padding:2px;width:44px;height:44px;border:1px solid #adadad;position:absolute;left:10px;top:6px;z-index:1;cursor:pointer;border-radius:36px}@media(min-width:992px){.menu-profile-container{display:none}}.menu-profile-container:hover{border:2px solid}.menu-profile-container img{height:100%;width:100%;border-radius:36px;animation:fadeScale .6s ease-in-out}.customized-toolbar-auth{margin:8px;--background: var(--app-color);border-radius:4px}.customized-head-auth{display:flex;justify-content:center}.ios .customized-head-auth ion-toolbar{height:56px;display:flex;justify-content:center;align-items:center}.profile_menu{border-bottom:1px solid #8aa7d3;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center}.dark .profile_menu{border-bottom:1px solid #5f7aaa}.profile_menu .profile-text-hold{width:calc(100% - 40px)}.profile_menu ion-item{--inner-border-width: 0;--background: transparent}.menu_dark_mode_holder{position:relative;height:76px}.academic-year-con{position:absolute;width:100%;height:0;top:0}.academic-year-con .academic-lable{width:100%;height:22px;font-size:12px;border-bottom:1px solid;border-right:1px solid;border-bottom-right-radius:24px;display:flex;align-items:center;justify-content:center;letter-spacing:.3px;background:linear-gradient(135deg,#d9e6ff,#b6ccff);color:#1b2b54;border-color:#8aa7d3}.dark .academic-year-con .academic-lable{background:linear-gradient(135deg,#23304a,#1a2436);color:#dbe6ff;border-color:#5f7aaa}.menu-settings{display:flex;align-items:flex-end;width:46px;height:100%;padding-right:8px;justify-content:flex-end}.ios .menu-settings{padding-right:16px}.menu-settings ion-icon{color:#6c757d;font-size:26px;transition:color .2s ease,transform .2s ease;cursor:pointer}@media(max-width:320px){.menu-settings ion-icon{font-size:18px!important}}.dark ion-card{box-shadow:0 4px 8px rgba(255,255,255,.1)}.menu_avatar{border:1px solid;margin-top:0;max-width:40px;margin-bottom:5px;max-height:40px;min-width:40px;min-height:40px}.menu_user_name{margin-left:14px}.menu_user_name p{margin-top:0;margin-bottom:8px;font-size:14px;line-height:20px}@media(max-width:320px){.menu_user_name p{font-size:12px}}.custom_side_content{--padding-top: 12px !important;--padding-bottom: 12px !important;--overflow: hidden !important}.menu_user_name h3{margin-top:2px;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;line-height:1.2em;max-height:1.8em;word-break:break-all;text-transform:capitalize;font-size:18px;line-height:28px}@media(max-width:320px){.menu_user_name h3{font-size:14px}}.font_bld{font-weight:700!important}.cursor-text{cursor:text!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer}.select_school_page{height:100%}.ios .select_school_page{padding-top:env(safe-area-inset-top)!important}.select_school_page ion-card{height:100%;margin:0}.select_school_page ion-card-content{padding:12px 0 0;height:100%;width:calc(100% - 40px);margin:auto;background:transparent}.g-app-logo-container{height:80px}.app_info_content p{display:flex;justify-content:center;color:var(--app-color);font-size:14px;text-align:center}.school_list_show_container{max-height:calc(100% - 264px);overflow-y:auto;border-radius:inherit}.ios .school_list_show_container{max-height:calc(100% - 268px)}.school-list-view{height:100%}.g-landscape .school_list_show_container{max-height:calc(100% - 260px)}.school_list_show_container ion-item{border-bottom:1px solid;height:auto;border-radius:8px;border:1px solid;width:90%;margin:4px auto auto;--inner-padding-end: 8px;--inner-padding-start: 8px;--padding-start: 0;cursor:pointer}.school_info{width:calc(100% - 60px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;margin-left:10px}.school_info ion-label p{font-size:16px}.school_list_show_container ion-item img{height:66px;width:66px;border-radius:8px}.school_item_selected{--background: #1d7bf546 !important}.school_item_selected p{font-weight:700}.school_list_show_container ion-item p,.school_list_show_container ion-item h3{color:var(--app-color);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;line-height:1.2em;max-height:1.8em;word-break:break-all;margin:0}.school_list_show_container ion-item h3{font-weight:700;font-size:16px}.school_list ion-item:first-child{border-top:1px solid}.select_btn_holder{margin-top:0;display:flex;justify-content:center;align-items:center;height:64px}.select_btn_holder ion-button{min-height:36px;height:36px;width:90%;margin:auto;--border-radius: 12px;color:var(--app-fixed-F)}.school_list{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.school_list.search_active{opacity:1;transform:translateY(0)}.school_item{opacity:1;transform:translate(-10px);animation:slideIn .5s ease forwards}.school_item:nth-child(1){animation-delay:.1s}.school_item:nth-child(2){animation-delay:.2s}.school_item:nth-child(3){animation-delay:.3s}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.line-30{line-height:30px}.bottom-10{bottom:10px!important}.p-20{padding:20px}.m-8{margin:8px}.m-top-50{margin-top:50px}.m-top-20{margin-top:20px!important}.m-top-26{margin-top:26px}.m-top-16{margin-top:16px!important}.m-top-10{margin-top:10px!important}.m-top-0{margin-top:0!important}.m-top-8{margin-top:8px}.m-top-6{margin-top:6px}.m-bottom-6{margin-bottom:6px}.m-bottom--6{margin-bottom:-6px}.bottom-60{bottom:60px!important}.m-top-4{margin-top:4px}.m-bottom-10{margin-bottom:10px!important}.m-bottom-20{margin-bottom:20px}.m-bottom-8{margin-bottom:8px!important}.m-bottom-0{margin-bottom:0!important}.m-bottom-4{margin-bottom:4px}.m-left-10{margin-left:10px!important}.m-left-16{margin-left:16px!important}.m-right-8{margin-right:8px}.m-left-8{margin-left:8px}.m-left-0{margin-left:0}.m-right-10{margin-right:10px}.m-right-20{margin-right:20px}.m-left-6{margin-left:6px}.m-right-6{margin-right:6px}.m-left-20{margin-left:20px}.m-r-18{margin-right:18px}.m-v-10{margin:10px 0}.m-top-12{margin-top:12px!important}.m-left-12{margin-left:12px}.m-r8-t12{margin:12px 8px 0 0}.m-l8-t12{margin:12px 0 0 8px}.m-bottom-12{margin-bottom:12px}.m-bottom-16{margin-bottom:16px}.m-v0-h12{margin:0 12px}.m-0{margin:0!important}.p-0{padding:0!important}.p-12{padding:12px!important}.p-top-8{padding-top:8px!important}.p-t-10{padding-top:10px}.p-b-10{padding-bottom:10px!important}.p-bottom-12{padding-bottom:12px}.p-bottom-60{padding-bottom:60px}.p-12{padding:12px}.p-h-4{padding:0 4px}.p-h-12{padding:0 12px}.p-v8{padding:8px 0}.p-h-10{padding:0 10px}.p-4{padding:4px}.p-10{padding:10px}.m-10{margin:10px}.p-h-16{padding:0 16px}.p-r-10{padding-right:10px}.p-l-10{padding-left:10px!important}.p-l-12{padding-left:12px}.padding-0{padding:0!important}.font-10{font-size:10px!important}.font-12{font-size:12px!important}.font-14{font-size:14px!important}.font-16{font-size:16px!important}.font-18{font-size:18px!important}.font-22{font-size:22px!important}.font-24{font-size:24px}.font-26{font-size:26px}.font-28{font-size:28px}.font-600{font-weight:600}.font-500{font-weight:500}.font-bold{font-weight:700}.color-app{color:var(--app-color)}.o-flow-y{overflow-y:auto}.o-f-hidden{overflow:hidden}.color-0{color:var(--app-dark)}.g-font-18{font-size:18px}.g-font-14{font-size:14px!important}.g-font-12{font-size:12px!important}.g-font-10{font-size:10px!important}.g-height-60px{height:60px}.g-height-65p{height:65px}.g-height-45{height:45px}.g_flex{display:flex}.g-gap{gap:1rem}.g-flex-direction-clm{flex-direction:column}.g-align-center{align-items:center}.g-align-end{align-items:end}.g-justify-end{justify-content:flex-end}.g-justify-around{justify-content:space-around}.g-space-between{justify-content:space-between!important}.g-space-around{justify-content:space-around}.g-space-evenly{justify-content:space-evenly}.height-px-40{height:40px}.position-relative{position:relative}.br-8{border-radius:8px}.br-ion-8{--border-radius: 8px}.br-10{border-radius:10px}.br-12{border-radius:12px!important}.br-ion-12{--border-radius: 12px !important}.br-40{border-radius:40px}.left-10{left:10px}.width-50-skeleton{width:50px}.g_txt_center{text-align:center!important}.g_txt_end{text-align:end!important}.g_txt_start{text-align:start!important}.g_full_width,.width-100{width:100%!important}.m-width-100{max-width:100%}.m-width-400p{max-width:400px}.width-90{width:90%}.width-80{width:80%!important}.width-80p{width:80px!important}.width-75{width:75%}.width-10{width:10%}.width-60{width:60%}.width-50{width:50%!important}.width-50px{width:50px}.width-65{width:65%}.width-40{width:40%!important}.width-30{width:30%}.width-20{width:20%}.g_full_height{height:100%!important}.g_half_width{width:50%}.first_container{width:calc(100% - 108px)}@media(max-width:320px){.first_container{width:calc(100% - 60px)}}@media(min-width:321px)and (max-width:360px){.first_container{width:calc(100% - 70px)}}@media(min-width:361px)and (max-width:440px){.first_container{width:calc(100% - 90px)}}.student .first_container{width:calc(100% - 40px)}@media(max-width:320px){.student .first_container{width:calc(100% - 40px)}}.g-h100-w100{height:100%;width:100%}.attendance_sa .first_container{width:66%}.students_cards_container{overflow-y:auto;padding-bottom:100px;height:calc(100% - 90px)}@media(max-width:768px){.students_cards_container{padding-bottom:160px;height:calc(100% - 86px)}}.ios .ios-custom-req-con{height:calc(100% - 62px)}.students_cards_container ion-chip{min-width:fit-content;width:fit-content;margin-bottom:0;align-items:center;display:flex;flex-wrap:wrap}.nav-ele-show-con ion-chip{margin-top:0;margin-left:0}.students_cards_container ion-card:first-child{margin-top:0}.student .students_cards_container{height:calc(100% - 70px)}.g-landscape .students_cards_container{height:calc(100% - 92px)}.scroll-class-att .student_card{margin:10px 0}.cl-students-list :first-child{margin:0}.card_content,.vibecard_content_skeleton{padding:10px 8px}.vibecard_image_skeleton{height:70vh;width:100%}.vibe_header_skeleton{height:8vh;width:100%;padding-bottom:5px}.title_name{font-weight:700!important;cursor:pointer;text-transform:capitalize}@media(max-width:320px){.title_name{font-size:12px!important}}.user_id{text-align:center;margin-bottom:4px}@media(max-width:340px){.user_id{font-size:10px!important}}.user_id_data{font-weight:700;font-size:14px}.profile_item{width:50px;height:50px;border-radius:50px;border:1px solid;cursor:pointer}@media(max-width:380px){.profile_item{width:40px;height:40px;border-radius:40px}}.profile-image{border-radius:50%;height:100%;width:100%;object-fit:cover}.profile-image:focus,.header_caret ion-button:focus,.header_caret ion-button:hover{outline:2px solid var(--ion-color-primary);outline-offset:2px}.title_designation{width:calc(100% - 42px);display:flex;flex-direction:column;justify-content:space-evenly}.title_designation .title_name{margin-bottom:0;padding-left:14px}@media(max-width:320px){.title_designation .title_name{font-size:11px}}@media(min-width:321px)and (max-width:380px){.title_designation .title_name{font-size:12px}}@media(min-width:381px)and (max-width:756px){.title_designation .title_name{font-size:14px}}.title_designation .user_id{margin-bottom:0!important}@media(max-width:360px){.title_designation p span{font-size:11px}}@media(min-width:360px)and (max-width:380px){.title_designation p span{font-size:12px}}.g_breadcrumbs{padding-left:2px;padding-top:2px;height:38px}.g_bread{width:auto;max-width:170px;min-width:50px;box-shadow:0 3px 8px rgba(0,0,0,.2);font-size:12px;border-radius:8px;padding:4px 8px;margin-right:8px;line-height:22px;background:var(--app-background);cursor:pointer;height:30px;display:flex;align-items:center;justify-content:center}@media(max-width:320px){.g_bread{min-width:40px}}@media(min-width:768px){.g_bread{max-width:auto}}@media(max-width:760px){.g_bread{margin-right:4px}}.g_bread p:hover,.g_bread p:active{color:var(--app-color)}.dark .g_bread{box-shadow:0 3px 8px rgba(255,255,255,.1)!important}.g_bread_last{cursor:not-allowed!important}.g_bread_last p{color:#999!important}.g_bread p{font-size:14px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;max-height:2.4em;word-break:break-all;animation:fadeInText .8s ease-in-out;color:var(--app-dark);line-height:24px;text-transform:capitalize}@media(max-width:320px){.g_bread p{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){.g_bread p{font-size:12px!important}}.breadcrumb-back-btn{--padding-start: 0;--padding-end: 8px;--border-radius: 8px;padding:0 4px;font-weight:500;margin:0 8px 0 0;min-width:fit-content;text-transform:capitalize}@media(max-width:760px){.breadcrumb-back-btn{margin-right:4px;padding:0 4px}}.separator_bread{margin-right:8px;font-size:22px}@media(max-width:760px){.separator_bread{margin-right:4px}}.custom-toggle{position:relative}.toggle-text{z-index:99;position:absolute;top:50%;left:50%;color:var(--app-fixed-0);transform:translate(-50%,-50%);font-size:14px;user-select:none}.enabled_filter{left:26%;font-weight:500}.disabled_filter{left:66%;font-weight:400}ion-toggle{--track-background: #E5E5E5;--track-background-checked: #0B6623;--handle-background: #ffffff;--handle-background-checked: #F5F5F5;--track-height: 35px;--track-width: 20px;--track-max-width: auto;--handle-width: 25px;--handle-height: 25px;--handle-max-height: auto;--handle-box-shadow: none;--handle-spacing: 3px}ion-toggle::part(track){height:30px;width:60px;overflow:visible}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.custom-select{text-align:start;--padding-start: 16px;--padding-end: 16px;--border-radius: 12px;font-size:14px;max-width:100%;height:45px;min-height:50px!important;--border-radius: 8px}.config-page-con .custom-select{max-width:400px}.ios .custom-select{border:1px solid;border-radius:12px}.custom-select::part(icon){color:var(--app-dark);opacity:1;width:20px}.custom-attendance-card{height:auto;animation:slideIn .8s forwards;margin:0 0 8px}.custom-attendance-card2{height:auto;animation:slideIn .8s forwards;margin:8px 0;max-height:14vh}.custom-card-attendance-container{padding:8px 0}.icons_holder_attendance ion-icon{font-size:22px!important;cursor:pointer}@media(max-width:320px){.icons_holder_attendance ion-icon{font-size:18px!important}}.list-view-icon{font-size:28px;margin-right:12px;cursor:pointer}.grid-view-icon{font-size:20px;margin-bottom:4px;cursor:pointer}.selected{color:var(--app-color)}.month_year_view{width:40%;cursor:text}.dark .month_year{color:#fff}.month_year{color:#000;font-size:14px!important;margin:0!important;font-weight:700!important}@media(max-width:320px){.month_year{font-size:12px!important}}.calendar_label_view{font-size:16px;font-weight:700;color:var(--app-color)}.attendance{height:100%}.attendance_container_items{overflow-y:auto;padding-bottom:80px;height:calc(100% - 148px)}.attendance_container_items ion-icon,.attendance_container_items-edit .edit-icon{font-size:24px!important}.attendance_container_items-edit{height:100%;overflow-y:auto;padding-bottom:16px}.attendance_ion_item{animation:slideIn .8s forwards;--inner-padding-end: 0;--padding-start: 0;--padding-end: 0;width:98%;margin-left:1%;margin-bottom:8px}.dark .attendance_ion_item{--background: #121212}.row-item-quarter{width:20%;text-align:center;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}@media(max-width:320px){.row-item-quarter{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){.row-item-quarter{font-size:12px!important}}.att-std .row-item-quarter{width:25%}.success{color:#0b6623}.success-st{color:#009688}.absent_recorded{color:#800020}.attendance_not_recorded{color:orange}.summery_attendance_show{animation:slideIn .8s forwards;position:absolute;bottom:5px;z-index:1;width:92%;margin:0 0 0 4%}.summery_attendance_show ion-card-content{padding:0!important}.summery_text_show{width:20%;text-align:center;--inner-padding-end: 0;--inner-border-width: 0;--padding-start: 0}.summery_ion_text{width:100%}@media(max-width:320px){.summery_ion_text{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){.summery_ion_text{font-size:12px!important}}.summery_icons_container{width:40%}.summery_icons_container ion-icon{font-size:28px;cursor:pointer}.attendance-marked-icon{padding:0 10px 0 0;justify-content:space-between;margin-bottom:8px}.attendance-marked-icon .chip-container ion-chip{margin:0}@media(max-width:339px){.attendance-marked-icon .chip-container ion-chip{padding:6px 2px}}@media(max-width:400px){.attendance-marked-icon .chip-container ion-chip,.std-sec-chip{font-size:10px}}@media(max-width:520px)and (min-width:401px){.attendance-marked-icon .chip-container ion-chip,.std-sec-chip{font-size:12px}}.attendance-marked-icon .chip-container{width:66%}@media(max-width:360px){.attendance-marked-icon .chip-container{width:90%}}@media(min-width:361px)and (max-width:520px){.attendance-marked-icon .chip-container{width:80%}}.attendance-marked-icon ion-text{width:60%}@media(min-width:760px){.attendance-marked-icon ion-text{width:53%}}@media(min-width:1240px){.attendance-marked-icon ion-text{width:50%}}@media(min-width:2560px){.attendance-marked-icon ion-text{width:48%}}.attendance-marked-icon ion-icon{font-size:18px}@media(min-width:760px){.attendance-marked-icon ion-icon{font-size:24px}}.day_list_map{width:14.28%;padding:0;--padding-start: 0;--inner-border--width: 0;--inner-padding-end: 0;border:1px solid;margin-right:2px}.day_list_map ion-text{font-size:14px}.day_list_map ion-icon{font-size:22px}.empty_item_day{border-color:gray}.holiday_day_calendar{border-color:red}.default-attendance-taken{border-color:var(--app-color)}.non-taken-attendance{border-color:orange}.update_ion_item{height:12vh;display:flex;flex-direction:column}.custom-card-content-day-view{padding:0 8px}.custom-card-content-day-view ion-item{height:44px;display:flex;align-items:center}.custom-card-content-day-view2{padding:8px}.ion_text_day_view{width:100%;font-weight:700;font-size:16px}@media(max-width:320px){.ion_text_day_view{font-size:12px!important}}.chip_item_grid{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:12vh;width:100%;padding:8px 0}.g_small_text{font-size:10px!important}.danger{color:red}.two_lines_ellipsis{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}.custom-date-time-modal{background:rgba(0,0,0,.5)}.attendance_sa{height:100%}.attendance_sa .custom-select{max-width:500px}.attendance_sa .save-btn .add-btn{max-width:500px;width:100%}.calendar-module{height:calc(100% - 96px);overflow-y:auto}.ios .calendar-module{height:calc(100% - 2px)}.calendar-view-cls{margin-top:50px}.calendar-view-cls ion-icon{font-size:30px}.calendar-view-cls .month_year_view{border:1px solid;border-color:var(--app-color);border-radius:4px;height:40px}.calendar-view-cls ion-card{margin:0}.calendar-view-cls ion-card-content{padding:0}.calendar-view-cls .row-item{margin:12px 0}.day-list{align-items:center;height:40px;border:1px solid;border-color:var(--app-color);border-radius:4px}.day-list-map{width:14%;margin-right:2px}.day-list-map .day-item-display{height:40px;width:40px;display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid;border-radius:8px;color:var(--app-dark);border-color:var(--app-dark)}.enabled-date-field{background:var(--app-background);cursor:pointer}.disabled-date-field{cursor:not-allowed!important;background:#e0e0e0}.dark .disabled-date-field{background:#3a3a3a}.day-list-map .today-selected{border-color:var(--app-color)!important;background:var(--app-color)!important;color:var(--app-fixed-F)}.day-list-map .att-marked{border-color:#0f0}.day-list-map .scl-holiday{border-color:#800020}.g_txt_cap{text-transform:capitalize}@media(max-width:320px){.g_txt_cap{font-size:10px!important}}@media(min-width:321px)and (max-width:380px){.g_txt_cap{font-size:12px!important}}.attendance_sa .scroll-class-att{height:100%;overflow-y:auto}.selected-month-year{background:var(--app-color);color:var(--app-fixed-F)!important;font-weight:600}.attendance_sa .back-save-icons{width:100%}.back-save-icons{display:flex;justify-content:space-between;align-items:center}.back-save-icons ion-icon{font-size:24px}.cl-students-list{height:calc(100% - 196px);max-height:calc(100% - 196px)!important;overflow-y:auto}.cl-students-list .user_id{padding-left:16px}.ios .cl-students-list{height:calc(100% - 190px)}.username-holder{width:100%;height:40px;border:1px solid;display:flex;justify-content:center;align-items:center;border-radius:8px;border-color:var(--app-color);cursor:pointer;color:var(--app-dark)}.fees-username-holder{border-radius:8px;width:400px}@media(min-width:768px)and (max-width:1440px){.fees-username-holder{max-width:600px}}@media(min-width:1441px)and (max-width:2120px){.fees-username-holder{max-width:800px}}@media(min-width:2120px){.fees-username-holder{max-width:1000px}}.username-holder ion-icon{font-size:22px;margin-left:12px;width:40px}.student-picker{position:absolute;z-index:999;margin:0;animation:slideIn .8s forwards}.students-picker-place{top:88px}.student-picker ion-card-content{min-width:380px;padding:12px 8px}@media(max-width:320px){.student-picker ion-card-content{min-width:280px}}@media(min-width:321px)and (max-width:360px){.student-picker ion-card-content{min-width:300px}}@media(min-width:361px)and (max-width:440px){.student-picker ion-card-content{min-width:320px}}.student-picker .users-list-dis{max-height:300px;overflow-y:auto}@media(max-height:700px){.student-picker .users-list-dis{max-height:200px}}.student-picker .month-date-dis{max-height:200px}.student-picker .month-year-item{border:1px solid;margin:4px 16px;border-color:var(--app-color);color:var(--app-dark);display:flex;justify-content:center;align-items:center;border-radius:8px}.student-picker .users-list-dis .student-search-card,.class-section-item{padding:0!important;align-items:center;border:1px solid;border-color:var(--app-color);border-radius:4px;margin:8px 0;background:var(--app-background)}.class-section-item{display:flex;align-items:center;justify-content:center;padding:0 8px!important;cursor:pointer}.student-picker .users-list-dis .selected-card,.selected-card{background-color:rgba(29,122,245,.25)!important;--background: rgba(29, 122, 245, .25) !important}.student-name p{font-size:14px;color:var(--app-color);font-weight:700}.student-id-cls p{font-size:12px;color:var(--app-dark)}.g-landscape .custom-att-card{margin:0}.custom-att-card,.custom-att-card2{margin:6px 0}.attendance-edit-controller{height:calc(100% - 266px)}@media(max-width:768px){.attendance-edit-controller{height:calc(100% - 306px)}}@media(max-width:768px){.ios .attendance-edit-controller{height:calc(100% - 286px)}}.dark ion-modal{--ion-backdrop-color: #959595}@media(min-width:500px)and (max-width:768px){.fab-modal{--width: 500px}}@media(min-width:769px){.fab-modal{--width: 800px}}.g-customized-modal{--height: fit-content;--width: calc(100% - 32px) ;--max-width: 450px;--border-radius: 8px;--background: var(--app-background)}@media(min-width:992px){.g-customized-modal{--max-width: 550px}}.g-customized-modal .modal-child-con{height:calc(100% - 112px);max-height:70vh;overflow-y:auto;min-height:200px}.ios .g-customized-modal .modal-child-con{height:calc(100% - 124px)}.form-container ion-toolbar ion-title,.g-customized-modal ion-toolbar{text-align:start;text-transform:capitalize;color:var(--app-color);font-size:18px;font-weight:500;padding-left:8px}.g-customized-modal ion-footer ion-toolbar{padding-top:4px!important;padding-bottom:8px}.g-customized-modal ion-toolbar ion-title{padding-left:16px;padding-right:4px;width:80%!important}.te .label-text.sc-ion-input-ios,.sc-ion-input-ios-s>[slot=label]{margin-bottom:-8px!important}.te .filter-view ion-select.custom-select::part(label){margin-bottom:-8px}.te .g-customized-modal ion-toolbar ion-title{line-height:36px}.g-customized-modal ion-toolbar .tooltip-trigger{width:100%}.g-customized-modal ion-range{padding:0;--bar-background: #bde0fe;--bar-background-active: var(--app-color);--bar-height: 8px;--bar-border-radius: 8px;--knob-background: var(--app-color);--knob-size: 30px;--pin-background: var(--app-color);--pin-color: #fff}.g-custom-padding-h12{padding:0 12px}.ios .g-custom-padding-h12{padding:0}.g-modal-btn{font-size:12px;font-weight:700;width:34%;height:30px;--border-radius: 12px;--padding-top: 0px;--padding-bottom: 0px;--background: var(--app-color);--color: var(--app-fixed-F);text-transform:none}.custom-att-absents .g-modal-btn{width:45%}.g-modal-cancel:hover{--border-radius: 12px !important;border-radius:12px!important;--background: var(--app-color)}.g-modal-save:hover{--border-radius: 12px !important;border-radius:12px!important;--background: transparent !important}.g-modal-cancel{--background: var(--app-background);--color: var(--app-color);--ion-toolbar-background: none;--border-color: var(--app-color);--border-radius: 12px;--border-style: solid;--border-width: 1px;opacity:1}.g-modal-save{--ion-toolbar-background: none}.subjects{height:100%}.subjects_cls_container{height:calc(100% - 44px);overflow-y:auto}.subjects_cls_container-edit{height:calc(100% - 104px);padding-bottom:80px;overflow-y:auto}.subjects_cls_container-edit ion-item,.students_cards_container ion-item{--inner-padding-end: 0;--padding-start: 0;--background: transparent;--inner-border-width: 0}.subjects_cls_container ion-list,ion-list{background:transparent!important;padding-top:0!important;padding-bottom:30px}ion-list ion-card:first-child{margin-top:0!important}.subjects_cls_container ion-list ion-card:first-child{margin:0}.subject_item_card_content ion-text{font-size:10px;display:flex;align-items:center}.subject_text_name{width:36%}.subject_text_name h3{font-weight:400;font-size:16px}.progress_container{width:50%}.subject_item_card_content ion-icon{font-size:22px;cursor:pointer;margin-left:8px}.subject_selected_icon{color:gold}.progress_bar{background-color:#d9d9d9;border-radius:8px;height:10px;width:100%;position:relative}.bar{height:100%;border-top-left-radius:8px;border-bottom-left-radius:8px}.full_progress_inner{border-top-right-radius:8px;border-bottom-right-radius:8px}.custom-ion-input{min-height:41px!important;border-radius:8px;--padding-start: 10px !important;--padding-end: 10px !important}.ios .custom-ion-input{border:1px solid}.custom-ion-input-wrapper{margin:12px 0}.custom-ion-input .label-text-wrapper.sc-ion-input-md{margin-top:-8px}.custom-ion-input .input-fill-outline.sc-ion-input-md-h{min-height:40px!important}.input-fill-outline.sc-ion-input-md-h{font-size:14px;min-height:44px!important}.textarea-fill-outline.sc-ion-textarea-md-h{font-size:14px}.te .input-fill-outline.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{line-height:24px}.d-flex-jc-center{display:flex;justify-content:center}@media(max-width:768px){.d-flex-jc-center{height:36%}}.g-landscape .d-flex-jc-center{height:100%}.profile-card{border:1px solid;border-color:var(--app-color);width:100%;padding:5px;display:flex;flex-direction:column;align-items:center;margin:0;justify-content:center;background:var(--app-background)}@media(max-width:768px){.profile-card{height:100%}}.profile-card .icon_full_expand{text-align:end;position:relative;top:-6px;right:-3px;height:0px;display:flex;justify-content:end;width:100%;padding-right:2px}.g-landscape .profile-card .icon_full_expand{top:3px;right:3px}.profile-card .icon_full_expand ion-icon{font-size:24px;margin:0 4px;color:var(--app-dark)}.profile-card img{border-radius:8px;max-width:300px;object-fit:contain}@media(min-width:768px){.profile-card img{width:50%}}.g-landscape .profile-card img{width:100%}.profile-details{height:calc(100% - 50px)}.display-data{height:calc(100% - (36% + 0px));overflow:auto;padding-bottom:48px}@media(min-width:768px){.display-data{margin-left:20px;height:calc(100% + -0px)}}.g-landscape .display-data{height:100%;padding:0 12px 30px}.display-data-main{display:flex;flex-direction:row;align-items:center;padding:10px 0}.display-data-key{width:43%;font-weight:700;font-size:14px}.display-data-value{background-color:var(--app-background);width:57%;border:1px solid var(--app-color);padding:2%;border-radius:5px;box-shadow:rgba(0,0,0,.3) 0 3px 5px;color:var(--app-color);text-transform:capitalize}.exam_schedule{height:100%}.exam_schedule ion-label{color:var(--app-color)!important}.exam_schedule .exam-time-table .date_item{width:100%;text-align:center;border-radius:8px;--min-height: 30px}.exam_schedule .exam-time-table .date_item p{margin:0;font-size:14px}.unit_test_table{margin-bottom:18px}.unit_test_table .row{height:40px;margin:0 8px;border-bottom:.6px solid;border-color:#93c0fc}.unit_test_table .row_body{background-color:var(--app-background);font-size:12px}.unit_test_table .row_head{background-color:#f5f5f5;font-size:14px}.dark .unit_test_table .row_head{background-color:#505050}.unit_test_table .row .cell{display:flex;align-items:center;justify-content:center}.row .cell{text-align:center}.unit_test_table .row .bordered_cell{border-right:1px solid;border-left:1px solid}.user_ack_text{margin-bottom:18px}.user_ack_text p{margin:0;text-align:left}.user_ack_text ion-icon{font-size:22px;margin-left:10px;color:orange!important}.user_ack_text .ack_desc{width:calc(100% - 36px)}.tentative-footer{margin-top:8px;padding:6px 10px;display:flex;align-items:center;border-radius:6px;font-size:12px;color:#b45309;font-weight:500;border:1px solid #b45309;background:#fff7e6}.dark .tentative-footer{background:rgba(255,183,77,.18);border:1px solid #FFB74D;color:#ffb74d}.tentative-icon{margin-right:6px;font-size:14px}.tentativ-chip{font-size:10px;position:absolute;background:#ffb74d;line-height:12px;border-radius:4px;padding:2px 6px;left:14px;bottom:28px}.dark .tentativ-chip{background:#3a2f17;color:#f7e7c1}.document-type-check{height:40px;width:auto;border:1px solid;padding:0 20px;margin-right:12px;display:flex;align-items:center;position:relative;border-radius:8px;background-color:transparent}.document-type-check p{font-size:14px;color:var(--app-color)}.document-type-check ion-icon{position:absolute;right:4px;top:10px;font-size:18px}.selected-doc-type-item{padding-right:30px;border-color:var(--app-color)}.exam_schedule ion-accordion-group,.documents ion-accordion-group{margin:auto;text-align:center}.documents,.exam_schedule{animation:slideIn .8s forwards;height:calc(100% - 98px);overflow-y:auto}.student .documents,.exam_schedule{height:calc(100% - 54px)}.exam_schedule ion-accordion,.documents ion-accordion{border:1px solid;border-color:var(--app-color)}.documents .sub-accordians{padding:8px 8px 8px 20px}.exam_schedule ion-item,.documents ion-item{border:1px solid;border-color:var(--app-color);margin:8px;--padding-start: 8px;--inner-padding-end: 12px;border-radius:4px}.exam_schedule ion-icon{color:var(--app-color)}.documents ion-icon{color:var(--app-dark)}.doc_preview_title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;line-height:1.2em;max-height:2.4em;font-weight:600;color:var(--app-color);margin-left:6px;text-transform:capitalize}.img-nxt-prv{position:absolute;bottom:50%;color:#fff;width:calc(100% - 54px);display:flex;justify-content:space-between;margin-left:10px;z-index:9}.mark-status{bottom:25%}.move-status{bottom:75%}.img-nxt-prv ion-button{height:40px;width:40px;--border-radius: 40px;color:#000}.img-nxt-prv ion-icon{font-size:32px}.exam_schedule ion-label,.documents ion-label{margin-left:8px;font-weight:700}.document_inner_content ion-label{font-weight:400!important}.ion-accordion-toggle-icon{color:#000!important}.dark .ion-accordion-toggle-icon{color:#fff!important}.document_inner_content{padding:0}.document_inner_content ion-item{border-radius:8px}.document_inner_content ion-item a{cursor:pointer}.document_inner_content ion-item h6{margin:0}.inside-container-block{max-height:30vh;overflow-y:auto}.documents_file_item{width:90%;margin-left:5%!important}.g-customized-image-doc-preview{--height: 90vh;--width: 95%;--border-radius: 8px;--max-height: 96%}.g-customized-image-doc-preview ion-toolbar ion-icon{color:var(--app-color);font-size:24px}.g-customized-pdf{--max-height: 96%;--height: 96vh}.g-customized-image-doc-preview ion-card-content{overflow-y:hidden;height:100%}.g-customized-image-doc-preview ion-card-content ion-img{height:100%}.close-btn_modal{width:80%}.g-customized-image-doc-preview ion-footer{display:flex;justify-content:center;padding:8px 0}.ios .g-customized-image-doc-preview ion-footer{padding:0!important;height:64px!important}.ios .g-customized-image-doc-preview ion-footer .close-btn_modal{min-height:40px!important;margin-top:6px!important}.g-customized-image-doc-preview ion-toolbar{padding:4px}.g-customized-image-doc-preview ion-toolbar ion-icon,.g-customized-image-doc-preview ion-toolbar ion-label{cursor:pointer}.progress_card ion-card{margin:4px 0}.progress_card{height:auto;height:calc(100% - 54px);overflow-y:auto;padding-bottom:100px}@media(min-width:768px){.progress_card{padding-bottom:80px}}.custom-progress-card{height:calc(100% - 116px)}@media(min-width:768px){.custom-progress-card{height:calc(100% - 96px)}}.ios .custom-progress-card{height:calc(100% - 96px)}.custom-btn-progress{overflow-x:hidden;width:100%;margin:6px 0}.custom-btn-progress ion-icon{font-size:22px}.progress_student_content{display:flex;flex-wrap:wrap;padding:8px;justify-content:center}.progress_student_content ion-item{animation:slideIn .8s forwards}.progress_card ion-item{width:46%;--inner-border-width: 0;--padding-start: 8px;--padding-end: 0px;--inner-padding-end: 8px;box-shadow:0 1px 5px rgba(0,0,0,.5);border-radius:8px;padding-bottom:4px;margin:4px;--background: var(--app-background)}.dark .progress_card ion-item{box-shadow:0 1px 5px rgba(255,255,255,.5)}.breadcrumbs_progress{margin:0 16px 0 0}.progress_card ion-item p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;line-height:1.2em;max-height:1.8em;font-weight:600;color:var(--app-color)}@media(max-width:320px){.progress_card ion-item p{font-size:12px!important}}.student_info_item{flex-direction:column;justify-content:space-evenly;height:100%}.student_info_item ion-text p{margin:0}.student_info_item span{font-size:12px}@media(max-width:320px){.student_info_item span{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){.student_info_item span{font-size:12px!important}}.student_info_item h5{font-weight:600;font-size:14px}@media(max-width:320px){.student_info_item h5{font-size:12px!important}}.tabs_container_custom{height:46px}.tabs_progress_card{width:100%;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center}.tabs_progress_card ion-segment{animation:slideIn .8s forwards}.ion-segment-scroll-container{overflow-x:auto;white-space:nowrap}.attendance_sa .g_custom_tabs{animation:none}.g_custom_tabs{margin-top:0;display:flex;animation:slideInFromLeft .8s linear}.g_custom_tabs button{background:var(--app-background);color:var(--app-dark);border-bottom:2px solid;border-radius:8px;cursor:pointer;padding:10px 15px;font-size:14px;margin-right:10px;width:fit-content;max-width:200px;min-width:120px}@media(max-width:320px){.g_custom_tabs button{font-size:12px!important}}.selected_segment_btn{border-bottom:2px solid;border-bottom-color:var(--app-color);color:var(--app-color)!important;font-weight:600}.progress_marks_view{padding:12px}.progress_marks_view ion-toolbar{--min-height: 36px max-height: 46px !important;height:46px;display:flex;align-items:center;justify-content:center;padding:0!important}.progress_marks_view ion-title{font-size:16px}@media(max-width:320px){.progress_marks_view ion-title{font-size:14px!important}}.progress-default-marks{margin:20px 0;display:flex;justify-content:space-between;align-items:center}.progress-default-marks input{border:1px solid;height:36px;border-radius:8px;max-width:100px;margin-left:26px;padding:4px 8px;background:var(--app-background)}.progress-default-marks ion-icon{font-size:22px;margin-right:12px}.progress-hold{height:calc(100% - 60px)}.progress-add-con{height:calc(100% - 160px)!important;overflow-y:auto}.progress-add-con ion-card:first-child{margin:0!important}.marks-progress-icon{width:50%;display:flex;justify-content:space-between;align-items:center;width:46%}.marks-progress-icon input{border:1px solid;height:36px;border-radius:8px;max-width:80px;padding:4px 8px;background:var(--app-background)}.marks-progress-icon ion-icon{font-size:26px}.cell_marks{border-color:#000!important;height:40px;font-size:12px}@media(max-width:320px){.cell_marks{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){.cell_marks{font-size:12px!important}}.dark .cell_marks{border-color:#fff!important}.marks-column{border-bottom:1px solid;border-bottom-color:rgba(29,123,245,.38)}.list_mark_view_container{font-size:.8rem;background:var(--app-background);padding:12px 0}.marks_column_header{background-color:#f5f5f5}.dark .marks_column_header{background-color:#505050}.grand_marks,.exam_rank{width:40%}.mark_rank_container{padding:0 12px}.mark_rank_container p{font-size:14px}@media(max-width:320px){.mark_rank_container p{font-size:12px!important}}.marks_all_container{padding:8px 12px;width:100%;display:flex}.marks_all_container .marks-conducted{width:80px;min-width:80px}@media(min-width:1200px)and (max-width:1400px){.marks_all_container .marks-conducted{width:100px}}@media(min-width:1401px)and (max-width:2000px){.marks_all_container .marks-conducted{width:150px}}@media(min-width:2001px){.marks_all_container .marks-conducted{width:240px}}@media(max-width:320px){.marks-conducted div{font-size:12px!important}}.marks-conducted-head{width:25%}@media(max-width:320px){.marks-conducted-head div{font-size:12px!important}}.horizontal_marks_container{width:75%;max-width:75%;overflow-x:auto}.progress-card-sa{height:100%}@media(max-width:320px){.progress-card-sa ion-button ion-icon{font-size:20px!important}}.progress-card-sa .no-data-holder{overflow-y:auto;height:calc(100% - 88px)}.pr-editable-container{height:calc(100% - 148px)}.ios .pr-editable-container{height:calc(100% - 112px)}.pr-editable-container ion-card{margin:10px 0 0;border-radius:8px}.table-wrap{height:calc(100% - 86px);overflow-x:auto}.editing-table-wrap{height:calc(100% - 52px)}.fees_due .table-wrap,.attendance_sa .table-wrap{height:100%}.text-enter-input input{width:70%;height:100%;border:1px solid;margin-left:8px;border-radius:4px;min-height:44px;text-align:center;background:var(--app-background)}@media(max-width:320px){.text-enter-input input{font-size:14px!important}}@media(max-width:320px){.staff-gender,.student-gender,.sm-font{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){.staff-gender,.student-gender,.sm-font{font-size:12px!important}}.staff .first_container{width:calc(100% - 88px);padding-right:8px}.student .staff .first_container{width:calc(100% - 48px);padding-right:8px}.ios .custom-ion-input_home{border:1px solid;border-radius:8px}.custom-ion-input_home{margin-top:4px;min-height:50px!important;--padding-start: 10px !important;--padding-end: 10px !important}label.input-wrapper.sc-ion-input-ios{position:relative;top:-5px}.home{height:calc(100% - 32px);text-align:center;overflow-y:auto}.home .logo{height:50px}.home .logo img{height:100%;max-height:200px}.home .g-maps{height:60px;width:80%;margin:auto auto 44px;display:flex;align-items:center;justify-content:center;background:#d9d9d9}@media(min-width:768px)and (max-width:1440px){.home .g-maps{max-width:600px}}@media(min-width:1441px)and (max-width:2120px){.home .g-maps{max-width:800px}}@media(min-width:2120px){.home .g-maps{max-width:1000px}}.dark .home .g-maps{background:#333}.home ion-item{margin:12px 0;--inner-border-width: 0;--background: var(--app-background)}.dark .home ion-item{margin:12px 0;--inner-border-width: 0;--background: transparent}.home ion-card-content{padding:12px}.home ion-card{margin:16px 12px}@media(min-width:768px){.home ion-card{margin:16px}}.home ion-card ion-button{width:100%;height:40px;--border-radius: 12px;font-size:16px;margin-top:6px;--background: var(--app-color);--color: var(--app-fixed-F)}.home .home-container{height:100%;overflow-y:auto}.pre-login-container{height:calc(100% - 40px)}.actual_content{height:calc(100% - 60px);overflow-y:auto;padding:0 12px;background:var(--app-background)}.pre-login-head{background-color:#d9d9d9;height:60px;display:flex;align-items:center;justify-content:center}.dark .pre-login-head{background-color:#2d2d2d}.back-btn-holder{width:100%;padding:6px 12px 6px 6px;align-items:center;display:flex}.back-btn-holder .btn-scroll{width:100%;overflow-x:auto;display:flex;margin-left:6px}.back-btn-holder .btn-scroll ion-button{min-height:30px;height:30px;padding-left:3px;padding-right:3px}.back-btn-holder .btn-scroll .selected{color:var(--app-fixed-F);font-weight:700;background:var(--app-color)}.about_container{padding-bottom:40px}.about_container ion-text h5{color:var(--app-color);font-weight:700;font-size:16px}.about_container ion-text p{font-size:14px}.remove_about ion-icon{font-size:24px;margin-right:16px}.courses-m-sa{height:calc(100% - 68px);overflow-y:auto;padding:16px;background-color:var(--ion-background-color, #fff);font-family:var(--ion-font-family, inherit)}.courses_page ion-text p{color:var(--app-color);font-weight:700}.pre_footer{display:flex;position:absolute;bottom:50px;height:40px;justify-content:center;width:100%;z-index:9}.pre_footer ion-button{border:1px solid;border-color:var(--app-color);height:40px;width:80%;border-radius:12px;--border-radius: 12px;--background: var(--app-white);background-color:transparent;color:var(--app-color);font-size:18px}.add_course_sa{margin-bottom:24px;background:#fff;border-radius:12px;padding:16px;border:1px solid #eef2ff;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.add_course_sa .add_section p{color:#2563eb;font-weight:500;font-size:16px;margin-bottom:12px;margin-top:0}.view_course_sa .view_section p{color:#2563eb;font-weight:700;font-size:18px;margin-bottom:16px;margin-top:0}.add_course_sa input{height:44px;width:100%;border-radius:8px;outline:none;border:1px solid #BFDBFE;background:#fff;margin-bottom:12px;padding-left:12px;color:#1f2937;font-size:14px}.add_course_sa input::placeholder{color:#9ca3af}.add_course_sa ion-select{width:100%;outline:none;border-radius:8px;border:1px solid #BFDBFE;min-height:44px;--padding-start: 12px}.add_course_sa .g_flex{display:flex;gap:12px;align-items:center}.add_course_sa .width-80{width:100%;flex:1}.add_course_sa .add-btn-sa{--border-radius: 8px;height:44px;--background: #60A5FA;--background: #3B82F6;--color: white;margin:0;font-weight:700;width:100px;--box-shadow: none}.no_courses_icon{font-size:48px;color:#9ca3af}.course_sa_item{border:1px solid #BFDBFE;margin-bottom:12px;border-radius:30px;background-color:#f8fafc;background-color:#f0f9ff;background-color:#ebf5ff;padding:0 8px}.course_sa_item .course_title_txt{width:50%;padding-left:12px}.course_sa_item .course_title_txt p{font-weight:700;color:#000;font-size:15px;margin:0}.course_sa_item .course_medium_txt{width:15%;justify-content:center}.course_sa_item .course_medium_txt p{font-size:14px;color:#1f2937;margin:0}.course_sa_item .remove_about{cursor:pointer;justify-content:flex-end;padding-right:8px}.course_sa_item .remove_about ion-icon{font-size:24px;color:#000}.contact_field{margin:12px 0}.contact-us-screen{padding-bottom:100px}.contact-us-screen ion-button{color:var(--app-fixed-F)}.contact_field ion-textarea{min-height:100px!important;border:.55px solid;--padding-start: 8px;--padding-end: 8px;border-radius:8px}.principal{width:100%;display:flex;justify-content:center}.principal_contact{width:100%;border:1px solid;border-color:var(--app-color);min-height:100px;margin:10px;padding:12px}.principal_contact .profile_img{width:40px;height:60px;display:flex;align-items:center}.principal_contact .profile_img img{width:40px;height:40px;border-radius:40px}.principal_contact .name_designation{margin-left:10px;height:60px;display:flex;flex-direction:column;justify-content:space-evenly;width:calc(100% - 60px)}.principal_contact .name_designation h4{margin:0 0 2px;color:var(--app-color);font-weight:600;font-size:14px}.principal_contact .name_designation p{margin:0 0 2px;font-size:14px}.contact_me{margin-top:12px}.contact_me .left{display:flex;align-items:center}.contact_me ion-text a{width:100%;color:var(--app-dark)}.contact_me .left ion-icon{font-size:26px;color:var(--app-color);margin:0 6px}.contact_me .right ion-icon{font-size:20px;color:var(--app-color);margin-right:12px}.loc_design{margin-top:12px}.loc_design .left{width:50%;border-right:1px solid;padding:0 8px;display:flex;align-items:center}.loc_design ion-icon{font-size:26px;margin-right:8px;color:var(--app-color)}.loc_design .right{width:50%;padding:0 8px;display:flex;align-items:center}.loc_design p{margin:6px}.contact_location ion-text h5{font-size:16px;color:var(--app-color);font-weight:600}.contact_location .location_map{width:100%;height:210px;background:#d9d9d9;border:1px solid;border-color:var(--app-color);display:flex;justify-content:center;align-items:center;position:relative}.dark .contact_location .location_map{background:#333}.contact_location .location_map .full_view{position:absolute;bottom:10px;right:16px}.contact_location .location_map .full_view ion-icon{font-size:28px}.contact_address ion-text h5{font-size:16px;color:var(--app-color);font-weight:600}.contact_address ion-text p{font-size:14px}.contact_address .full_add{padding:0 12px 12px}.contact_mbl_eml{min-height:100px;border:1px solid;border-color:var(--app-color);padding:12px;margin:12px}.contact_mbl_eml ion-text h6{font-weight:600;color:var(--app-color);font-size:14px}.contact_mbl_eml ion-text p{font-size:14px}.contact_mbl_eml ion-text a{font-size:14px;text-decoration:underline;color:var(--app-dark)}.field,.date-field{min-width:110px;position:relative;display:flex}.custom-date-picker{width:100%}.custom-date-picker ion-input{cursor:pointer}.custom-date{height:50px;width:100%;border:1px solid;border-color:#b3b3b3;border-radius:8px;display:flex;align-items:center;padding-left:16px}.ios .custom-date{border-color:var(--app-dark)}.custom-date ion-text{font-size:14px}.field ion-icon{position:absolute;right:15px;top:10px;font-size:22px;color:var(--app-color);font-weight:700;z-index:1}.password-toggle-btn{position:absolute;right:15px;top:10px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;border-radius:6px}.ios .password-toggle-btn{top:14px!important}.password-toggle-btn ion-icon{font-size:22px;color:var(--app-color);position:relative;top:0!important;right:0!important}.field .password-toggle-btn:hover{transform:scale(1.08);opacity:.85;outline:2px solid var(--ion-color-primary);outline-offset:2px}.field .password-toggle-btn:active{transform:scale(.95)}.password-toggle-btn:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.field .g-auto-icon-container{position:absolute;background-color:transparent;height:40px;top:2px;width:50px;right:1px;border-radius:4px;z-index:9999}.ios .field .g-auto-icon-container{top:6px}.field .g-auto-clear{position:absolute;background-color:transparent;border-radius:4px;right:55px;z-index:99;width:40px;height:40px;top:2px}.field .g-auto-clear ion-icon{top:8px;right:8px}.ios .field .g-auto-clear ion-icon{top:14px!important}.date-field ion-icon{position:absolute;right:15px;top:14px;font-size:22px;color:var(--app-color);font-weight:700}.gallery-m-sa{height:calc(100% - 92px);overflow-y:auto}.student .gallery-m-sa{height:calc(100% - 10px)}.scl-images{margin:12px 0;display:flex;flex-wrap:wrap;width:100%;border:1px solid;border-color:var(--app-color);border-radius:4px;justify-content:space-around;align-items:center;gap:30px}.title_gallery h4{margin-top:0;padding-top:12px;color:var(--app-color)}.scl-images .img_item{width:calc(33% - 36px);height:300px;display:flex;justify-content:center;align-items:center;position:relative;border:1px solid #8aa7d3;border-radius:8px;padding:5px;margin:10px 5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}@media(max-width:768px){.scl-images .img_item{width:calc(33.33% - 40px);height:150px}}@media(max-width:400px){.scl-images .img_item{width:calc(50% - 40px)}}.gallery .custom-file-input{margin:12px 0}.ios .gallery ion-input{border:1px solid;border-radius:8px;padding:0 20px 0 8px!important}.custom-file-input{position:relative;display:inline-block;width:100%}.file-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.custom_place_val{width:100%;height:44px;position:absolute;top:0;z-index:9;cursor:pointer;border-radius:4px}.ios .custom_place_val{height:52px!important}.enabled_custome_place:hover{border:1px solid;border-top:0px solid}.file-label ion-input{--padding-start: 16px;--padding-end: 45px !important}.password-field ion-input,.username-field ion-input{--padding-start: 16px;--padding-end: 45px !important;color:var(--app-fixed-F)}.uploaded-images-con{padding:0 8px;margin-top:6px}.ios .uploaded-images-con{padding:10px 8px 0}.uploaded-images-con .upload-img{width:100%;border:.4px solid;border-color:var(--app-color);padding:0 12px 0 8px;height:60px;display:flex;align-items:center;margin-bottom:4px;border-radius:4px;justify-content:space-between}.upload-img p{font-size:14px;margin:0}.upload-img ion-icon{font-size:22px}.upload-img ion-img{height:50px;width:50px;margin-right:8px}.upload-img-txt{width:calc(100% - 33px)}.achievements ion-accordion{border:1px solid;border-color:var(--app-color)}.achievements ion-accordion ion-item ion-label{text-transform:capitalize}.messages{height:100%}.messages .toggle_io{margin:8px 16px}.messages .select_chat{height:100%;width:100%}.messages .select_chat .chat_list{padding:0;height:calc(100% - 94px);overflow-y:auto}.dark .chat_list ion-item{--background: #121212}.chat_list ion-item:last-child{margin-bottom:20px}.messages .select_chat .chat_list .profile{width:40px;height:40px;border-radius:40px}.messages .select_chat .chat_list .name_last_msg{margin-left:12px;width:calc(100% - 40px)}.messages .select_chat .chat_list .name_last_msg p{margin:6px 0 0;font-size:14px}.messages .select_chat .chat_list .name_last_msg .time_stamp{margin:0;font-size:10px;min-width:20%}.messages .select_chat .chat_list .name_last_msg h2{margin:0;font-size:16px}.messages .select_chat .chat_list ion-item{--padding-start: 8px;--inner-padding-end: 8px;--inner-border-width: 0;height:60px;--min-height: 60px;margin-top:10px;border:1px solid;border-color:var(--app-color);border-radius:4px;cursor:pointer}.messages .select_chat .chat_list ion-item:first-child{margin-top:0}.messages .select_chat .chat_list .profile img{width:100%;height:100%;border-radius:40px}.chat_list .no_msgs_users{height:100%;display:flex;justify-content:center;align-items:center}.no_msgs_users ion-icon{font-size:50px}.chat_screen{height:calc(100% - 24px)}.chat_container{height:calc(100% - 8px)}.chat_container ion-card-content{padding:0;height:100%}.chat_container ion-card{margin:0;border-top-left-radius:8px;border-top-right-radius:8px;height:calc(100% - 10px)}.chat_container ion-card ion-toolbar{--background: #F5F5F5;height:50px}.dark .chat_container ion-card ion-toolbar{--background: #333333}.chat_container .custom_chat_tool{padding-left:8px;height:100%;align-items:center;width:100%}.chat_container .custom_chat_tool .text_img{width:calc(100% - 66px)}.chat_container .custom_chat_tool ion-icon{font-size:24px;cursor:pointer;margin-right:8px}.chat_container .custom_chat_tool .three_dots_chat{font-size:28px}.text-enter-input .three_dots_chat{font-size:20px;width:30%}.popover_actions{max-height:40vh;min-height:200px;overflow-y:auto}.filter-view .popover_actions{max-height:56vh}.popover_vibe{min-height:fit-content}.popover-cls-sec .cls-sec-list{max-height:200px;overflow-y:auto}@media(max-height:700px){.popover-cls-sec .cls-sec-list{max-height:150px}}.cls-sec-list ion-icon{font-size:18px;color:#0f0}.dark .popover_actions ion-searchbar{--background: transparent}.popover_actions ion-icon{font-size:22px;margin-right:8px}.custom-popover{--min-width: 300px;--max-width: 400px}.popover_actions ion-label{font-size:12px}.popover_actions ion-item{--inner-padding-end: 8px;--padding-start: 8px;--inner-border-width: 0;border-bottom:1px solid;margin-top:8px;border-color:var(--app-color-high);--color: var(--app-dark);cursor:pointer}.popover_actions ion-item:first-child{margin-top:0}.popover_actions ion-item ion-label{--color: var(--app-dark)}.dark .custom-popover ion-content{--background: #333333}.popover_actions .first_action_item{border-top-left-radius:8px;border-top-right-radius:8px}.popover_actions .last_action_item{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.chat_container .custom_chat_tool .chat_profile_icon{width:36px;height:36px;border-radius:36px;border:1px solid;margin-left:4px}.chat_container .custom_chat_tool .chat_profile_icon img{width:100%;height:100%;border-radius:50%}.chat_container .msgs_holder{height:calc(100% - 50px)}.chat_container .custom_chat_tool .name_designation{padding:0 12px;width:calc(100% - 40px)}.chat_container .custom_chat_tool .name_designation ion-text{width:100%}.chat_container .custom_chat_tool .name_designation ion-text h2{color:var(--app-color);font-weight:600}.msgs_holder .type_msg{position:absolute;bottom:0;width:100%;padding:10px 12px;height:60px;background:#f5f5f5}.msgs_holder .type_msg form{height:100%}.dark .msgs_holder .type_msg{background:#333}.msgs_holder .type_msg .send_icon{position:absolute;height:30px;top:18px;right:22px}.msgs_holder .type_msg .send_icon button{background:transparent}.msgs_holder .type_msg .send_icon ion-icon{font-size:24px;color:var(--app-color)}.msgs_holder .type_msg input{width:100%;height:100%;border-radius:8px;border:1px solid;border-color:var(--app-color);color:var(--app-color);padding:0 46px 0 12px;font-size:14px;background:var(--app-background)!important}.msgs_holder .type_msg input:focus{border-color:var(--app-color-high);outline:none}.msgs_holder .type_msg input::placeholder{color:var(--app-color)}.msgs_holder .msgs_scroll{height:calc(100% - 60px);overflow-y:auto;margin:10px;padding-bottom:30px}.msgs_scroll .txt_msg_receive_sent{width:100%;margin-top:10px;display:flex}.msgs_scroll .received{justify-content:flex-start}.msgs_scroll .sent{justify-content:flex-end}.msgs_scroll .msg_blk{border:1px solid;width:fit-content;border-color:var(--app-color);border-radius:8px;min-height:40px;max-width:60%;padding:8px 12px 4px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.dark .msgs_scroll .msg_blk{box-shadow:0 1px 5px rgba(255,255,255,.3)}.msgs_scroll .msg_blk ion-text p{font-size:16px;line-height:1rem;padding:0}.msgs_scroll .msg_blk span{font-size:12px!important;line-height:1rem}.msg_blk .time_msg{text-align:end;line-height:.5rem}.msg_blk .custom_time_msg{display:flex;align-items:end;margin-left:10px}.msgs_scroll .no_msgs_screen{height:100%;display:flex;justify-content:center;align-items:center}.no_msgs_screen ion-icon{font-size:50px}.scl_vibe{height:calc(100% - 40px)}.scl_vibe .toggle_io{margin:8px 16px;display:flex;justify-content:center;align-items:center}.vibe_posts{overflow-y:auto;padding-bottom:60px;height:calc(100% - 42px)}.no-vibes{height:calc(100% + -0px)}.user_page{overflow:hidden;height:100%}.user_page .g_flex ion-icon{font-size:26px}.home_work{height:calc(100% - 80px)}@media(min-width:768px){.home_work{height:calc(100% - 42px)}}.student .home_work{height:calc(100% + -0px)!important}.ios .home_work{height:calc(100% - 62px)}.home_work ion-searchbar{padding-left:0;padding-right:0;padding-bottom:12px}.home_work_container{overflow-y:auto;height:calc(100% - 12px);padding-bottom:60px}@media(max-width:768px){.home_work_container{padding-bottom:160px}}.home_work_container ion-list ion-card{margin-inline:0;margin:0!important}.student .home_work_container ion-list ion-card{margin-inline:0;margin-bottom:8px!important}.g-landscape .home_work_container{height:calc(100% - 10px)}.home_work_container ion-item-sliding ion-item{--padding-start: 0;--inner-padding-end: 0;margin:4px 0;border-radius:8px}.home_work_container ion-item-sliding:first-child ion-item{margin-top:0}.home_work_container ion-card ion-chip{margin:0 0 0 6px}.homework-action-item{margin-top:10px;height:calc(100% - 20px)}.home_work_container .success-card-content{border-color:#2dd36f}.home_work_container .warning-card-content{border-color:#ffc409}.home_work_container .home_task_title{width:120%}.home_work_container .time_title{margin-bottom:12px}.home_work_container .home_task_title h2{font-size:16px;text-transform:capitalize}@media(max-width:320px){.home_work_container .home_task_title h2{font-size:12px!important}}.home_work_container .home_task_time span{font-size:10px}.home_work_container .home_task_time ion-text{display:flex;justify-content:flex-end;text-align:end}.three_line_ellipse{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}.home_work_container .home_task_desc{margin-bottom:8px}.home_work_container .home_task_desc p{font-size:14px}@media(max-width:320px){.home_work_container .home_task_desc p{font-size:12px!important}}.home_attachments{margin-top:16px}.home_attachments img{max-width:300px;min-height:160px}.home_attachments .no_attachments{height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.home_attachments .no_attachments ion-icon{font-size:32px;margin-bottom:12px}.attach_icon_home ion-icon{color:var(--app-color);font-size:28px}.attach_icon_home ion-text h4{font-weight:500;font-size:14px;color:var(--app-color)}.fees-nodata{height:calc(100% - 94px);overflow:auto}.fees_due{height:100%}.fees_card_holder{height:calc(100% - 144px);padding-bottom:20px;overflow-y:auto}@media(min-width:768px){.fees_card_holder{height:calc(100% - 92px)}}.ios .fees_card_holder{height:calc(100% - 106px)}.fees_card_holder .add-btn{width:100%}@media(min-width:768px){.fees_card_holder .add-btn{width:fit-content;justify-self:center}}.g-landscape .fees_card_holder{height:calc(100% - 90px)}.student .fees_card_holder{height:calc(100% - 40px)}.fees_card_holder ion-card{margin:0}.fees_card_holder ion-card-content{padding:8px}.fees_card_holder ion-card .selected_year_show{height:40px;display:flex;justify-content:center;align-items:center;width:33%;border-radius:8px;margin:8px 0 12px}.selected_year_show p{font-weight:600;font-size:14px}.fees_card_holder .student_info ion-label{font-size:14px;font-weight:400}.fees_card_holder .student_info h4{font-weight:600;font-size:16px;color:var(--app-color)}.fees_card_holder .student_info{margin-bottom:12px}.fees_card_holder .fees_term_item{margin:12px}.fees_card_holder .fees_term_item ion-icon{font-size:22px;margin-left:8px;cursor:pointer}.fees_card_holder .term_info h2{font-size:14px;font-weight:600}.fees_card_holder .term_details{border:1px solid;border-color:var(--app-color);width:100%;padding:12px;border-radius:12px}.total_fee_main{height:40px;display:flex;justify-content:center;align-items:center;width:35%;border-radius:8px;margin:8px 0 12px}.total_fee_main ion-chip,.selected_year_show ion-chip{width:100%;display:flex;justify-content:center}.paid{color:green}.expired{color:red}.term{width:58%}.own-school-main{height:40px}@media(max-width:410px){.own-school-main{height:60px}}.own-school{border:var(--app-color) solid 2px;border-radius:8px;color:var(--app-color);display:flex;justify-content:center;padding:5px 0;text-align:center;height:100%;align-items:center}.reg-req-cb{background-color:var(--app-color);width:95%;height:40px;color:var(--app-fixed-F);border-radius:12px}.g-font-weight-400{font-weight:400!important}.g-font-weight-500{font-weight:500!important}.g-font-weight-600{font-weight:600!important}.g-font-size-12{font-size:12px!important}.g-font-size-14{font-size:14px!important}.g-font-size-18{font-size:18px!important}.main-ion-label{color:var(--app-color)!important}.school-assets ion-accordion-group{width:100%;margin:auto;text-align:center}.school-assets{animation:slideIn .8s forwards;height:calc(100% - 100px);overflow-y:auto}.student .school-assets{height:calc(100% - 50px)}.no-data-assets{display:flex;align-items:center;justify-content:center}.school-assets ion-accordion{border:1px solid;border-color:var(--app-color)}.school-assets ion-item{border-color:var(--app-color);--padding-start: 8px;--inner-padding-end: 12px}.school-assets ion-icon{color:var(--app-color)}.border-none{border:none!important}.sub-type-parent{text-align:left;margin-left:10%}.sub-type-con{display:flex;align-items:center;flex-wrap:wrap}.sub-type{padding:5px 10px;border:2px solid var(--app-color);margin:4px;display:flex;border-radius:8px;align-items:center}.school-assets-category{padding:5px;background-color:var(--app-color);border-radius:10px}.close-icon{font-size:18px;cursor:pointer}.school_assets_sa .save_icon ion-icon{font-size:26px}.school-assets-sa{height:calc(100% - 116px)}.add_assets_cnt{height:55px;display:flex;justify-content:center;align-items:center}.input_btn_assets{position:relative;width:100%;height:40px;border-radius:4px;padding:0 8px;border:1px solid;border-color:var(--app-color);align-items:center}.input_btn_assets input{font-size:12px;border:1px solid;width:70%;padding:0 8px;border-color:#7db1f6;height:30px;border-radius:8px;background:var(--app-background)}.input_btn_assets button{width:80px;height:30px;color:var(--app-fixed-F);font-weight:700;font-size:12px;border-radius:8px}.asset-add-btn{background-color:var(--app-color)}.asset-add-btn-disabled{background-color:#a2a2a2}.input_btn_assets .enabled-add{background:var(--app-color)}.input_btn_assets .disabled-add{background:#a2a2a2}.dark .input_btn_assets .disabled-add{background:#5e5e5e}.input_btn_assets button:active{background-color:#004297}.ml-6{margin-left:6px}.width-95{width:95%}.width-5{width:5%}.width-70{width:70%}.time_table_sa{height:calc(100% - 12px)}.time_table_sa .save_icon{font-size:22px}.save_icon ion-button{color:var(--app-color)}.table_view .time_container{width:120px;min-height:40px;display:flex;align-items:center;justify-content:center;flex-direction:column}.table_view .time_container .time_item{width:100%;min-height:40px;border-radius:8px;display:flex;justify-content:center;align-items:center}.table_view .time_container .time_item p{margin:0;font-size:14px}.table_view .time_container .items_hold{width:100%;margin-bottom:8px;padding:5px;border:1px solid;border-color:var(--app-color);border-right:1px solid lightgray;border-top-left-radius:4px;border-bottom-left-radius:4px;height:61px;display:flex}.items_hold ion-icon{cursor:pointer}.table_view .periods_container{width:calc(100% - 120px);min-height:40px;overflow-x:auto;display:flex}.table_view .periods_container .scroll_view{flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid;border-color:var(--app-color);border-left:1px solid lightgray;margin-bottom:8px;max-height:61px}.elements_holder{width:auto}@media(min-width:768px){.elements_holder{width:100%}}.table_view .periods_container .scroll_view .items_hold{width:120px;padding:5px 8px;border-right:1px solid;border-color:#d3d3d3;height:61px;display:flex;justify-content:center;align-items:center}@media(min-width:768px){.table_view .periods_container .scroll_view .items_hold{width:20%}}.table_view .periods_container .scroll_view .scroll_item{width:100%;min-height:40px;border-radius:8px;display:flex;justify-content:center;align-items:center}.table_view .periods_container .scroll_view .head_scroll_item{border:1px solid;border-color:var(--app-color);height:40px}.table_scrollable{height:calc(100% - 196px);overflow-y:auto}@media(min-width:768px){.table_scrollable{height:calc(100% - 146px)}}.student .table_scrollable{height:calc(100% - 92px)}.table-scrollable-back{height:calc(100% - 196px)}.tabel-non-periods{height:calc(100% - 150px);display:flex;align-items:center;justify-content:center}.add-time-block{padding:0 8px;border:1px solid;border-color:var(--app-color);border-radius:4px;min-height:40px;margin:10px 12px 0;display:flex;justify-content:space-between}@media(max-width:361px){.add-time-block{margin:10px 0}}.add-time-block ion-button{max-height:30px;min-height:30px;max-height:32px;height:30px;font-size:14px;--background: var(--app-color)}.period_time_modal{--width: 80%;--max-width: 350px;width:100%}.ios .period_time_modal ion-footer{height:64px!important}.time-modal{--max-width: 300px}.accordion_skeleton{width:100%;height:40px;border-radius:4px;border:1px solid;border-color:var(--app-color)}.g_custom_title_pop{min-height:40px;width:100%;display:flex;justify-content:center;align-items:center;border:1px solid;border-color:var(--app-color);border-radius:4px}.school-classes{height:100%}.cls-container-view{height:calc(100% - 82px)}.school-class-list{height:calc(100% - 60px);overflow-y:auto}@media(min-width:768px){.school-class-list{height:calc(100% - 12px)}}.ios .school-class-list{height:calc(100% - 30px);padding-bottom:20px}.school-cl-nodata{padding-top:20px;height:100%;overflow-y:auto}.sec-add-show{width:100%;display:flex}.add-btns-subjects{width:calc(100% - 32px);display:flex}@media(min-width:768px){.add-btns-subjects{width:calc(100% - 150px)}}.school-classes .section-show-con{margin-top:12px;padding-top:2px;display:flex;width:calc(100% + -0);overflow-x:auto;overflow-y:hidden}.nav-ele-show-con{margin-top:8px;padding-bottom:4px;padding-top:2px;display:flex;width:100%;overflow-x:auto;white-space:nowrap;overflow-y:hidden;flex-wrap:nowrap}.subjects .add-btns-subjects{width:60%}.section-show-ele{width:auto;min-width:60px;max-width:200px;padding:8px 12px;height:30px;border:1px solid;border-color:var(--app-color);display:flex;justify-content:center;align-items:center;margin-right:4px;flex-shrink:0;border-radius:8px;cursor:pointer}.selected-bg-w-b{background:var(--app-color);font-weight:600;color:var(--app-fixed-F)}.subject_item_card_content .section-show-ele{margin-right:8px}.school-classes .section-show-ele p{font-size:10px}.custom-class-card{width:100%;border-bottom:5px solid;border-color:var(--app-color);margin:6px 0!important}@media(max-width:320px){.custom-class-card a{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){.custom-class-card a{font-size:12px!important}}.section-details{margin-top:10px;padding:8px 0;border-top:1px solid #ddd}.staff-name,.student-strength{display:flex;align-items:center}.dark ion-backdrop{background:#656565!important}.add-btn{margin-bottom:12px;margin-top:0;height:40px;--color: var(--app-color);--border-radius: 12px;animation:popIn .35s ease-out}.ios .add-btn{min-height:46px!important}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.cancel-btn{--color: var(--ion-color-danger);--border-color: var(--ion-color-danger);--box-shadow: none;font-weight:500}.post-add-modal ion-textarea{padding-bottom:8px}.post-add-modal .toggle_io ion-label{width:50%;display:flex;align-items:center}ion-popover{--width: 75%;--max-width: 400px}.notification-popover{--width: 90%;--border: 1px solid}.notification-popover .notify-btn{--background: var(--app-color);margin-bottom:0}.dark .notification-popover ion-content{--background: #333333}.notifications-page{height:calc(100% - 82px);overflow-y:auto}.ios .notifications-page{height:calc(100% - 2px)}.notifications-page ion-card:first-child{margin-top:0!important}.notification-desktop:focus{outline:2px solid var(--ion-color-primary);outline-offset:2px;border-radius:50%;animation:bellRing .7s ease-in}.notify-msgs-text{width:calc(100% - 50px)}.menu-notify-text p{font-size:16px;margin:4px 0}.menu-notify-msg-text p{font-size:14px;font-weight:600;margin-bottom:0}.exams-schedule-sa{height:calc(100% - 92px);padding-bottom:30px;overflow-y:auto}@media(max-width:776px){.exams-schedule-sa{height:calc(100% - 144px)}}.exams-schedule-sa ion-item-sliding{margin-bottom:8px}@media(max-width:776px){.ios .exams-schedule-sa{height:calc(100% - 118px)}}.exams-schedule-sa ion-list ion-item{--padding-start: 0;--inner-padding-end: 0}.exams-schedule-sa-con{height:calc(100% - 88px);overflow-y:auto}.g-landscape .exams-schedule-sa{height:calc(100% - 92px)}.exams-schedule-sa ion-card:first-child{margin:0}.exams-schedule-sa ion-card{margin-bottom:0;border-radius:8px}.conducts-on-date{width:auto;min-height:30px;border-radius:8px;border:1px solid;border-color:var(--app-color);padding:0 8px;display:flex;align-items:center;margin-left:8px;height:auto;position:relative}.conducts-on-date{margin:0}.conducts-on-date ion-label{padding:8px;text-align:center}@media(min-width:321px)and (max-width:365px){.conducts-on-date ion-label{font-size:10px!important}}.conducts-on-date ion-icon{font-size:20px;margin-left:12px}.exm-title-view{text-align:center}.exm-title-view p{font-size:16px;color:var(--app-color);font-weight:600}.access-control-sa{height:100%}.access-control-sa .access-data{height:calc(100% - 58px)}.access-control-sa .access-item{height:40px;width:auto;padding:0 8px;margin-right:12px;box-shadow:0 12px 32px rgba(0,0,0,.1);display:flex;align-items:center;border-radius:8px;border:2px solid none;border-bottom:3px solid;border-color:#5c5c5c;border-right:.5px;border-left:.5px}.access-control-sa .access-item:hover{outline:2px solid var(--app-color)}.dark .access-control-sa .access-item{box-shadow:0 12px 32px rgba(255,255,255,.1)!important;border-color:#9b9b9b}.access-control-sa .selected-access-item{border-color:var(--app-color)!important}.access-control-sa .access-item p{color:var(--app-dark);font-size:16px;font-weight:400}@media(max-width:320px){.access-control-sa .access-item p{font-size:12px!important}}.access-control-sa .selected-access-item p{color:var(--app-color)!important}@media(min-width:760px){.access-control-sa .add-btn,.config-page-con .add-btn{max-width:360px;width:100%}}.text-save-label ion-icon{font-size:26px}.text-save-label ion-label{color:var(--ion-color-medium)!important}@media(max-width:320px){.text-save-label ion-label{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){.text-save-label ion-label{font-size:12px!important}}.text-save-label ion-button{color:var(--app-color)}.access-control-sa .drop-down-access{width:calc(100% - 90px);border:.5px solid;border-color:#a7caf8;height:30px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:0 0 0 12px;max-width:420px}.disabled-drop-access .disabled-drop-access{border:1px solid!important;border-color:#505050!important}.access-control-sa .enabled-drop-access{border:1px solid!important;border-color:var(--app-color)!important}.access-control-sa .drop-down-access ion-icon{font-size:22px;width:50px}.access-control-sa .drop-down-access ion-label{width:calc(100% - 50px)}.access-control-sa .access-table{height:calc(100% - 180px)}.access-control-sa .access-table .head-col{background:#f5f5f5;justify-content:center;border-bottom:none}.dark .access-control-sa .access-table .head-col{background:#1a1a1a}.access-control-sa .access-table .row{display:flex}.access-control-sa .access-table .col{height:40px;display:flex;align-items:center;padding:0 8px;border-bottom:.5px solid;border-bottom-color:#a7caf8}@media(max-width:320px){.access-control-sa .access-table .col ion-label{font-size:12px!important}}.access-control-sa .access-table .first-col{border-right:1px solid}.access-control-sa .access-table-fixed{height:calc(100% - 48px);overflow-y:auto}.page-not-found p{color:var(--app-dark)}.page-not-found{padding:12px}.page-not-found button{border:1px solid var(--app-color);height:40px;width:100%;border-radius:8px;background:var(--app-color);color:var(--app-fixed-F)}ion-toast.no-internet-toast{--background: #800020;--box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, .25);--color: #FAFAFA;color:#fff;font-weight:300;padding:10px 20px;font-size:20px}ion-toast.custom-toast{--background: #0B6623;--box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, .25);--color: #F5F5F5}ion-toast.warn-toast{--background: #D4AF37;--box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, .25);--color: #1C1C1C}ion-toast.info-toast{--background: #4169E1;--box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, .25);--color: #F8F8F8}ion-toast.failure-toast{--background: #800020;--box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, .25);--color: #FAFAFA}ion-toast.custom-toast::part(message),ion-toast.warn-toast::part(message),ion-toast.failure-toast::part(message),ion-toast.info-toast::part(message){font-style:italic;font-size:16px!important;font-weight:600}.toast-button-icon{font-size:30px!important;--width: 42px;--height: 42px}ion-toast.custom-toast::part(button),ion-toast.warn-toast::part(button),ion-toast.failure-toast::part(button),ion-toast.info-toast::part(button){color:var(--app-light)}.menu_item_con ion-icon{margin-right:16px}@media(max-width:320px){.menu_item_con ion-icon{font-size:16px!important}}.settings{height:100%}.settings-container{height:calc(100% - 130px);padding:0}@media(min-width:768px){.settings-container{display:flex;align-items:center;justify-content:center}}.g-landscape .settings-container{height:calc(100% - 50px)}.settings-container ion-list{height:100%;overflow-y:auto}@media(min-width:768px){.settings-container ion-list{width:400px;border:1px solid;border-radius:8px;padding:8px}}.settings-container ion-item{border-bottom:1px solid;cursor:pointer}.settings-container ion-icon{margin-right:10px;font-size:20px}.settings_container_popup{min-height:20vh}.settings-container p{font-size:14px}@media(max-width:320px){.settings-container p{font-size:12px}}.logout-btn ion-icon{font-size:26px;margin-left:12px}.logout-btn .lg-btn{display:flex;align-items:center;justify-content:center;height:44px;width:130px;border:1px solid;border-color:#8b8b8b;border-radius:22px;padding:12px;cursor:pointer;box-shadow:0 6px 8px rgba(0,0,0,.2);background-color:var(--app-background);z-index:9}.dark .logout-btn .lg-btn{box-shadow:0 4px 6px rgba(255,255,255,.2)}.g-back-save-reset ion-icon{font-size:26px}.g-back-save-reset ion-text p{margin-left:6px}.ios ion-input,.ios ion-textarea{border:1px solid;--padding-start: 12px}.comment-input .ios ion-input{border:none!important}.dark .ios ion-input,.dark .ios ion-textarea{border:1px solid;--padding-start: 12px}ion-input{--border: 1px solid;border:var(--ion-item-border-width) solid var(--ion-item-border-color);border-radius:8px;padding:8px;min-height:50px!important}ion-textarea{--border: 1px solid;border:var(--ion-item-border-width) solid var(--ion-item-border-color);border-radius:8px}.dark ion-input,.dark ion-textarea{--border: 1px solid;border-color:var(--ion-item-border-color)}.add-request-btn{position:absolute;bottom:20px;width:auto;z-index:999;right:20px}.add-request-btn ion-button{border-radius:8px;background:transparent;color:var(--app-color);text-transform:capitalize}.ios .add-request-btn ion-button{max-height:30px;min-height:30px;max-height:32px;height:30px;font-size:14px}.profile-edit-btn ion-button{background:var(--app-light)}.register-school{height:100%}.register-scl-form ion-text p{text-align:center;margin-bottom:8px;font-size:16px;color:var(--app-color);font-weight:700}.back-icon-scl ion-icon{font-size:22px}.back-icon-scl ion-text p{font-size:16px;margin-left:8px}.scrollable-scl{height:calc(100% - 62px);overflow-y:auto}.text-info-scl .title{font-size:16px;color:var(--app-color);text-align:center;font-weight:700}.text-info-scl .text-head{font-size:16px;color:var(--app-color)}.text-info-scl .text-data{font-size:14px}.custom-date-pick{height:100%;--height: auto}.config-page-con p{font-size:14px}.config-page-con{height:calc(100% - 36px);overflow-y:auto}.config-page-con ion-card ion-card-content{padding:0;background:transparent}.config-page-con .config-remove-icon{font-size:18px;cursor:pointer}.scroll-card-conf{height:auto;overflow-y:auto;margin:0 0 10px}.day-item-display .animated-text-date{display:inline-block;animation:fadeScale .6s ease-in-out}.calendar-view ion-card ion-card-content{min-height:300px}.period-view{animation:slideIn .5s linear;height:auto;border:1px solid;border-color:var(--app-color);border-radius:8px;padding:10px;margin:10px 0;margin-bottom:1rem;background-color:var(--ion-background-color)}.g_card{box-shadow:0 2px 6px rgba(0,0,0,.08)}.fab-action-btn{position:relative;top:18px;background:var(--app-background);z-index:9;right:-10px}ion-fab-button{height:36px;width:36px}ion-fab-button ion-menu-toggle{height:36px;width:36px;font-size:20px;display:flex;align-items:center;justify-content:center}ion-fab-button::part(native){background-color:var(--app-background);box-shadow:0 2px 4px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.15);color:#000}.dark ion-fab-button::part(native){background-color:#7e7e7e;box-shadow:0 2px 4px rgba(255,255,255,.1),0 2px 4px rgba(255,255,255,.1);color:#fff;height:36px;width:36px}.fab-image{height:100%;width:100%}ion-fab-button::part(native):hover:after{background-color:#a7caf8}ion-fab-button::part(native):active:after{background-color:#a7caf8}ion-fab-list ion-fab-button{margin:0 20px 10px 0}ion-fab-button:focus-within{outline:2px solid #1d7af5;border-radius:8px}.bread-container{width:calc(100% - 42px);margin-bottom:4px;overflow:hidden}.filter-con{margin-bottom:12px;margin-left:4px;align-items:center}.g-landscape .fees_due .filter-con{width:50%}.filter-cir{cursor:pointer;height:38px;width:38px;min-height:36px;min-width:36px;border-radius:36px;border:1px solid;border-color:var(--app-color);display:flex;align-items:center;justify-content:center;background:var(--app-background);transition:background-color .2s ease}.filter-cir:hover{background-color:rgba(0,0,0,.1);outline:2px solid var(--app-color)}.dark .filter-cir:hover{background-color:rgba(255,255,255,.1)}.enabled-filter-cir{border:2px solid;background:rgba(29,122,245,.25);border-color:var(--app-color)}.filter-cir ion-icon{margin-top:4px;font-size:22px;color:var(--app-dark)}.filter-cir:focus{outline:2px solid var(--ion-color-primary);outline-offset:2px}.filter-popover-con{padding:12px 12px 0;display:flex;flex-direction:column;justify-content:center}.filter-popover-con-full{padding:12px 12px 0}.popover-header-txt{display:flex;align-items:center;margin-bottom:12px;justify-content:space-between}.popover_actions ion-searchbar{padding:0;--box-shadow: none;outline:2px solid none}.popover_actions .search-wrapper{margin-bottom:12px}.filter-con .filter-chips{width:calc(100% - 36px);display:flex;margin-left:4px;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;overflow-y:hidden}.filter-con ion-chip{background:var(--app-background);--background: var(--app-background);--color: var(--app-dark);min-width:fit-content!important}@media(max-width:320px){.filter-con ion-chip{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){.filter-con ion-chip{font-size:12px!important}}.notifications-length{position:absolute;top:6px;font-size:8px;right:6px}.pdf-view{height:100%;width:100%;overflow:auto}ion-menu-toggle .selected{--background: #1d7bf530 !important}.chip-like-search{padding:0!important;border-radius:8px;--border-radius: 8px;box-shadow:0 0 6px rgba(0,0,0,.1);height:40px;font-size:14px;--padding-start: 8px;--padding-end: 8px;flex-shrink:0;min-height:30px}@media(max-width:380px){.chip-like-search{min-width:200px}}@media(min-width:381px)and (max-width:768px){.chip-like-search{min-width:260px}}@media(min-width:769px)and (max-width:1200px){.chip-like-search{min-width:300px}}@media(min-width:1200px){.chip-like-search{min-width:360px}}.chip-like-search input{font-size:14px!important}@media(max-width:768px){.chip-like-search input{font-size:12px!important}}.dark .chip-like-search{box-shadow:0 0 6px rgba(255,255,255,.2)}.full_skeleton_title{width:65%}.full_skeleton_id_view{width:23%;display:flex;justify-content:flex-end;flex-direction:column}.accordion_skeleton_text{height:8.5%;width:100%}.no-data{border-radius:16px!important;text-align:center;overflow:hidden;animation:fadeIn .8s ease-in-out;max-width:600px;border-bottom:5px solid;border-color:var(--app-color);margin:0}.no-data ion-card-content{padding:0;border-radius:16px!important;max-width:460px}.no-data-btns{display:flex}@media(max-width:768px){.no-data-btns{flex-direction:column}}.no-data .g-text-no-data{position:absolute;bottom:0;font-size:1.2rem;font-weight:700;color:#000;background:rgba(255,255,255,.7);padding:5px 10px;border-top-right-radius:12px;border-top-left-radius:12px}.no-data img{width:100%;height:auto;max-width:460px;min-width:300px;min-height:300px;border-top-right-radius:16px;border-top-left-radius:16px;margin:0 auto;display:block;animation:slideInImg 1s ease-in-out}.no-data ion-text{font-size:18px;margin-top:8px;display:block;color:var(--ion-color-medium);animation:fadeInText 1s ease-in-out}@media(max-width:320px){.no-data ion-text{font-size:14px!important}}.no-data ion-button{margin-top:24px;border-radius:12px;width:100%;animation:popUp .8s ease-in-out}@media(max-width:768px){.no-data ion-button{margin-top:12px;width:100%!important;margin-left:0!important;margin-bottom:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInImg{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInText{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.no-data .text-card-btn{padding:16px}.api-icon-wait{color:var(--app-dark)}.api-icon-success{color:#228b22}.api-icon-failed{color:#8b0000}.attendance-container{width:100%;height:100%;margin:auto;overflow:hidden;position:absolute;top:0;z-index:99;background-color:var(--ion-item-background)}.swipe-container{position:absolute;bottom:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;touch-action:pan-y}.attendance-card{position:absolute;width:90%;top:80px;height:calc(100% - 160px);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-radius:20px;overflow:hidden;background-color:var(--app-background);box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .3s ease,opacity .3s ease;animation:fadeIn .5s ease}.vibe_posts .attendance-card{width:100%!important}.attendance-card img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1}.attendance-card h3{font-size:18px;font-weight:700;margin:0}.attendance-card .name-description{width:100%;position:relative;text-align:center;z-index:9;color:#fff;background-color:rgba(0,0,0,.5);padding:10px 20px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin:0}.vibe_posts .attendance-card .name-description{background:var(--vibe-bg);color:#f5f5f5}.attendance-card .dots-container{width:100%;position:relative;height:40px;display:flex;justify-content:space-evenly;align-items:center;z-index:9}.dots-container .vibe-dot{width:10px;height:10px;border-radius:50%;border:1px solid;background-color:var(--app-fixed-0)}.vibe-action-container{position:absolute;top:12px;right:0}.ios .vibe-action-container{top:72px!important}.dots-container .selected-dot{background-color:var(--app-color);border-color:var(--app-color)}.comment-input ion-icon,.attendance-cards-icons ion-icon{cursor:pointer;z-index:9;font-size:1.5rem;font-weight:700;background:var(--vibe-action-bg);color:#f5f5f5;padding:10px;border-radius:10px;margin:0 0 10px;right:12px;position:absolute;top:30%}.attendance-card .custom-att-icon{top:-2px;position:fixed;right:-2px}.move-status .attendance-card .custom-att-icon{top:6px!important;right:6px!important}.logo-actions .comments-btn{display:flex;position:relative;cursor:pointer;font-size:1.5rem;font-weight:700;background:var(--vibe-action-bg);color:#f5f5f5;padding:10px;border-radius:10px;margin:0}.logo-actions .comments-btn ion-icon{font-size:32px}.logo-actions .comments-btn ion-label{position:absolute;top:15px;right:23px;font-size:12px!important}.attendance-card .logo-actions-web ion-icon{position:relative;top:0;margin-bottom:0}.attendance-card .logo-actions-web{align-items:center;justify-content:space-around;display:flex;position:absolute;z-index:9;right:0;width:200px;margin-right:12px;bottom:75px}.logo-actions-mobile{position:absolute;right:0;top:36%;height:120px;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.attendance-card .vibe-comment-icon{top:45%}.attendance-card p{font-size:12px;font-weight:500;margin:0}.swipe-container .attendance-card.swiping{transition:none;transform-origin:bottom center}.swipe-container .attendance-card.swiping-left{transform:rotate(-10deg) translate(-50%)}.swipe-container .attendance-card.swiping-right{transform:rotate(10deg) translate(50%)}.swiping-left:after{content:"Absent";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:180px;background:linear-gradient(to top,#ff4d4d,rgba(255,77,77,0));color:#fff;font-size:1.5rem;font-weight:700;text-align:center;line-height:80px;z-index:3}.swiping-right:after{content:"Present";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:180px;background:linear-gradient(to top,#28a745,rgba(40,167,69,0));color:#fff;font-size:1.5rem;font-weight:700;text-align:center;line-height:80px;z-index:3}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.status-present:after{content:"Present";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:180px;background:linear-gradient(to top,#28a745,rgba(40,167,69,0));color:#fff;font-size:1.5rem;font-weight:700;text-align:center;line-height:80px;z-index:3}.status-absent:after{content:"Absent";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:180px;background:linear-gradient(to top,#ff4d4d,rgba(255,77,77,0));color:#fff;font-size:1.5rem;font-weight:700;text-align:center;line-height:80px;z-index:3}.swipe-container .attendance-card.swiping-up{transform:translateY(-100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0}.swipe-container .attendance-card.swiping-down{transform:translateY(100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0}.ios .attendance-card{top:120px;height:calc(100% - 190px)}.swiping{transition:none}.indicator{position:absolute;width:100%;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--ion-color-step-100);border-radius:10px;padding:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.vibe_posts .indicator{background:var(--vibe-bg);color:#f5f5f5}.vibe_posts .indicator a{color:#f5f5f5}.vibe_posts .indicator ion-img{border-radius:8px}.indicator ion-text p{margin:0}.rectangle-top{top:10px}.ios .rectangle-top{top:60px;z-index:999}.rectangle-bottom{bottom:10px}.small-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:10px}@media(max-width:340px){.small-avatar{width:40px;height:40px}}.indicator p{font-size:14px;color:var(--ion-text-color)}@media(max-width:340px){.indicator p{font-size:14px}}.indicator ion-button{color:var(--app-color)}.vibe_posts .indicator ion-button{color:var(--app-fixed-F)}.dot{width:10px;height:10px;border-radius:50%;position:absolute;top:12px;right:16px;border:1px solid}.dot-profile{width:10px;height:10px;border-radius:50%;position:absolute;bottom:12px;left:50px;border:1px solid}@media(max-width:380px){.dot-profile{left:40px}}.text-info-home p{font-size:14px}@media(max-width:320px){.text-info-home p{font-size:12px!important}}.text-info-home ion-chip{font-size:12px}@media(max-width:320px){.text-info-home ion-chip{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){.text-info-home ion-chip{font-size:12px!important}}.form-container{height:100%;padding:12px 0;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom right,var(--app-color),#ffffff)}.form-container form{width:100%!important;max-width:400px;max-height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 12px;border-radius:8px;background:var(--app-background);box-shadow:0 4px 12px rgba(0,0,0,.15);overflow-x:hidden;animation:expandIn .4s ease-out forwards}@media(min-width:768px){.form-container form{min-width:600px}}@media(min-width:1024px){.form-container form{min-width:700px}}.form-container .fields-container{padding:16px 12px 12px;position:relative;height:auto;max-height:calc(100% - 120px);overflow-y:auto}.form-container ion-header,.form-container ion-header ion-toolbar{border-top-right-radius:8px;border-top-left-radius:8px;background:transparent}.form-container ion-header ion-toolbar ion-button{--color: var(--app-color)}.form-container ion-footer,.form-container ion-footer ion-toolbar{border-bottom-right-radius:8px;border-bottom-left-radius:8px;background:transparent}.input-fill-outline.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.label-text-wrapper.sc-ion-input-md{top:-4px}.te .label-text-wrapper.sc-ion-input-md,.te .input-fill-outline.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{top:-10px}.has-value .label-text-wrapper.sc-ion-input-md,.has-focus .label-text-wrapper.sc-ion-input-md{top:0!important}.label-floating .label-text-wrapper.sc-ion-input-md{top:0}.te ion-select::part(label){top:-8px!important}.te ion-select[label-placement=floating][fill=outline].label-floating::part(label),.te ion-select[label-placement=floating][fill=outline].has-value::part(label){top:0!important}.ion-invalid{--highlight-color-focused: var(--ion-color-danger, #eb445a) }.ios .ion-invalid{border:1px solid red!important}.fields-container .form-field:first-child .field{margin-top:0!important}.school-logo-footer{max-width:90%}.school-logo-footer img{border-radius:8px;max-height:250px;height:100%;width:100%;box-shadow:0 8px 20px rgba(0,0,0,.2)}.school-logo-footer ion-img{max-height:250px}.school-logo-footer .avatar-text{width:100px;height:100px;background:var(--app-color);color:var(--app-light);border-radius:50%;font-weight:700;display:flex;justify-content:center;align-items:center;font-size:36px;text-transform:uppercase}.select-school-logo .avatar-text{width:64px;height:64px;background:var(--app-color);color:var(--app-light);border-radius:50%;font-weight:700;display:flex;justify-content:center;align-items:center;font-size:24px;text-transform:uppercase}.ios .select-school-logo{width:60px;height:60px;align-content:center;justify-content:center}.students_cards_container .custom-class-card:first-child{margin-top:0!important}.two-vertical{display:flex;flex-direction:column}@media(min-width:768px){.two-vertical{flex-direction:row;align-items:center}}.fees-user{display:flex;justify-content:flex-end}.g-landscape .two-vertical{flex-direction:row}.two-vertical .vertical-button-width ion-button{width:100%}@media(min-width:768px){.two-vertical .vertical-filter-width{width:calc(100% - 180px)!important;padding-right:8px}}.two-vertical .vertical-filter-width .custom-segment{width:100%;margin-bottom:10px;min-width:140px}@media(min-width:768px){.two-vertical .vertical-filter-width .custom-segment{width:90%}}.two-vertical .vertical-button-width{width:100%;display:flex;align-items:flex-end}@media(min-width:768px){.two-vertical .vertical-button-width{width:180px}}.back-button-container{position:relative;top:0;left:0;z-index:10;height:1px}.ios .back-button-container{top:60px;z-index:9999}.ios .swipe-container .back-button-container{top:60px!important}.ios .attendance_sa .back-button-container{top:-20px!important}.ios .custom-chip-con-ios{margin-top:12px}.back-button{--color: var(--app-dark);--border-radius: 8px;border-radius:8px;--padding-start: 12px;--padding-end: 12px;--padding-top: 6px;--padding-bottom: 6px;box-shadow:0 2px 4px rgba(0,0,0,.2);backdrop-filter:blur(8px);min-height:36px}.dark .back-button{box-shadow:0 2px 4px rgba(255,255,255,.2)}.ios .dark .back-button{-webkit-min-logical-height:40px!important}.back-button ion-icon{font-size:20px;margin-right:6px}.back-button ion-label{font-size:14px}.exam-schedule-modal .remove-icon{font-size:20px}.exam-schedule-modal{overflow-x:hidden}ion-datetime-button button{background:var(--app-background);border:1px solid}.with-icon{--padding-end: 46px !important}.with-close-icon{--padding-end: 100px !important}.save-btn{--color: var(--app-color)}.marks-cell-val{display:flex;align-items:center;justify-content:space-around;width:100%}.marks-cell-val ion-icon{font-size:28px}.fees-marks-cell ion-icon{font-size:22px;cursor:pointer;color:var(--app-link)}@media(max-width:400px){.fees-marks-cell ion-icon{font-size:16px}}.holiday-title{display:flex;align-items:center;justify-content:center;color:#009688;font-weight:600;height:29px;cursor:pointer}.holiday-title-std{color:#009688;font-weight:600;cursor:pointer}.holiday-title ion-icon{font-size:16px;margin-left:8px}.holiday-label{color:#d4af37}.marks-changed{color:#b8860b}.dark .marks-changed{color:beige}.absent-marks{color:#800020}.green-dot{background-color:#0b6623;border-color:#0b6623}.red-dot{background-color:#800020;border-color:#800020}.ripple-container{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:50%;overflow:hidden}.marks-popover{--max-height: 190px}.g-card{width:100%;margin:8px 0;color:var(--app-dark);border:1px solid var(--app-color);box-shadow:0 3px 5px rgba(0,0,0,.2);animation:slideIn .8s forwards}.g-card-border{border-bottom:5px solid;border-radius:8px;border-color:var(--app-color)}.g-card-content{padding:10px 8px;border-radius:8px}.g-auto-popover{position:absolute;top:100%;left:0;width:100%;background:var(--app-background);border:1px solid #7e7e7e;z-index:999999999;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease-out,transform .3s ease-out}.field .add-item-btn ion-icon{font-size:16px;position:static}.g-auto-popover .add-item-btn{--color: var(--app-color);height:36px;margin:12px 0;--border-radius: 8px;text-transform:capitalize}.g-auto-popover .add-label-txt{padding:12px}.g-auto-popover ion-list{padding-bottom:0}.g-auto-popover.show{opacity:1;transform:translateY(0);pointer-events:auto}@keyframes fadeInItem{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.options-popover{--max-height: 300px}.custom-select-input{--padding-end: 16px}.options-popover ion-list{padding-bottom:0}.options-popover ion-item{--border-color: transparent}.popover-container{display:flex;flex-direction:column;max-height:300px;overflow:hidden}.fixed-select-all{position:sticky;top:0;z-index:10;border-bottom:1px solid #ccc}.scrollable-options{max-height:250px;overflow-y:auto}.select-form-no-data{max-height:500px;height:auto;overflow:auto}.g-no-data-container{padding-bottom:20px;display:flex;align-items:center;justify-content:center;height:100%}.border-colored{border-color:var(--app-color)!important}.g-drop-selected{--background: rgba(var(--ion-color-primary-rgb, 56, 128, 255), .08)}.g-drop-selected ion-icon{color:#228b22;font-size:22px}.g-drop-input{--padding-end: 50px !important}.fees-no-data{height:calc(100% - 90px);overflow-y:auto}.attendance-no-data{height:calc(100% - 44px);overflow-y:auto}.auto-complete-item{--padding-start: 12px !important}.event-indicator{border-color:#800020!important;position:relative}.event-indicator:after{content:"";position:absolute;bottom:4px;right:4px;width:6px;height:6px;background-color:#800020;border-radius:50%}.events-show{height:90%}.events-show ion-list{height:calc(100% - 40px);padding-bottom:80px;overflow:auto}.title-viewer{position:absolute;width:calc(100% - 40px);text-align:center;bottom:20px;background-color:rgba(0,0,0,.05);padding-bottom:4px;font-weight:600;border-radius:4px}.show-pdf-item{margin-top:10px!important;margin-bottom:10px!important;border:1px solid;--padding-start: 12px;--padding-end: 12px;--border-radius: 4px;border-radius:4px}.term-checks{margin:12px 18px}.terms-info-check{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid}.term-checks .invalid-term{border-color:#ffa07a}.term-checks .valid-term{border-color:#90ee90}.terms-info-check ion-icon{font-size:18px}.payload-container{margin-top:10px;height:calc(100% - 490px);border:1px solid;overflow:auto}.user-info-con{width:calc(100% - 108px);padding-left:8px;display:flex;flex-direction:column}@media(min-width:992px){.user-info-con{display:none}}.user-info-search{display:none}@media(min-width:992px){.user-info-search{display:block;width:100%}}@media(min-width:992px){.header-icon-btns{width:0}}.ios .header-icon-btns{margin-top:8px}.mbl-search-btn{display:block}@media(min-width:992px){.mbl-search-btn{display:none}}.header-popover{--width: calc(100% - 292px) !important;--max-width: calc(100% - 292px) !important}.mbl-header-popover{--width: calc(100% - 20px) !important;--max-width: 100%}.custom-item-con{padding:6px 0 4px}.two-line-button{white-space:normal;word-wrap:break-word;text-align:center;line-height:1.4}.krinbuddy-space{padding-top:10px;height:calc(100% - 80px)}.fab-content .krinbuddy-space{height:100%}.ios .fab-content .krinbuddy-space{height:calc(100% - 40px)}.krinbuddy-title{width:calc(100% - 112px)}.prompt-con{padding-top:10px;height:calc(100% - 106px);overflow:auto}.prompt-con ion-item,.krinbuddy-space ion-item{height:auto!important}.g-landscape .krinbuddy-space{height:calc(100% - 50px)}.prompt-con-full{height:60px}.prompt-ans{height:calc(100% - 112px)}.prompt-ans-full{height:calc(100% - 162px)}.prompt-ans ion-card{height:100%}.prompt-ans ion-card-content{overflow:auto;height:100%}.g-budddy-input{height:100%;width:100%;border-radius:8px;padding-left:8px;border:none;border-bottom:1px solid transparent;outline:none;background:var(--app-background)}.g-budddy-input:focus{border-bottom:2px solid var(--app-color)}.notification-desktop{cursor:pointer;position:absolute;z-index:999;right:20px;width:30px;height:30px;border:1px solid;border-radius:30px;display:flex;align-items:center;justify-content:center;background-color:var(--app-background);color:var(--app-color);will-change:transform,opacity}@keyframes bellRing{0%{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.notification-desktop:hover{background-color:rgba(0,0,0,.1);animation:bellRing .7s ease-in}.dark .notification-desktop:hover{background-color:rgba(255,255,255,.1)}.txt-pre{white-space:pre-wrap;word-break:break-word;overflow:hidden}.provider-context{height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.flex-wrapper{display:flex;flex-wrap:wrap;gap:2px;justify-content:space-evenly;align-items:center}.flex-wrapper .std-homework{margin:0}.flex-wrapper .standard-card-list{margin-top:4px!important}.highlight-request{border:2px solid var(--ion-color-success)!important;border-bottom:5px solid var(--ion-color-success)!important;transition:box-shadow .3s ease,border .3s ease;box-shadow:0 0 10px rgba(0,123,255,.4)}@media(max-width:768px){.flex-wrapper ion-item,.flex-wrapper ion-item-sliding,.flex-wrapper .card-only-view{flex:0 0 100%}}@media(min-width:768px)and (max-width:1440px){.flex-wrapper ion-item,.flex-wrapper ion-item-sliding,.flex-wrapper .card-only-view{flex:0 0 48.99%}}@media(min-width:1441px)and (max-width:2120px){.flex-wrapper ion-item,.flex-wrapper ion-item-sliding,.flex-wrapper .card-only-view{flex:0 0 32%}}@media(min-width:2120px){.flex-wrapper ion-item,.flex-wrapper ion-item-sliding,.flex-wrapper .card-only-view{flex:0 0 24%}}.remove-flex-wrap{flex:0 0 100%!important}.home .form-container{display:flex;flex-direction:column}@media(min-width:768px){.home .form-container{justify-content:space-around;align-items:center;flex-direction:row}}@media(min-width:768px){.home .form-container form{min-width:400px}}.home .form-container .logo{height:100%;border-radius:8px}@keyframes expandIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.school-select{width:100%;margin:0 auto;display:flex;flex-direction:column}@media(min-width:768px)and (max-width:1440px){.school-select{max-width:500px}}@media(min-width:1441px)and (max-width:2120px){.school-select{max-width:600px}}@media(min-width:2121px){.school-select{max-width:800px}}.password-eye-icon{position:absolute;right:12px;top:10px;z-index:99;color:rgba(255,255,255,.85);font-size:20px;cursor:pointer;padding:6px;border-radius:50%;transition:color .2s ease,background-color .2s ease,transform .1s ease}.ios .password-eye-icon{top:14px}.password-eye-icon:hover{color:#fff;background-color:rgba(255,255,255,.12)}.password-eye-icon:focus-visible{outline:2px solid #1D7AF5;outline-offset:2px;background-color:rgba(255,255,255,.15)}.password-eye-icon:active{transform:scale(.9)}.loading-skeleton{width:47%;margin-bottom:0}@media(max-width:768px){.loading-skeleton{width:100%}}.active-date-in{--border-color: var(--app-color) !important;--border-width: 2px !important}.action-item{display:flex;align-items:center;justify-content:center}.about-school-container{padding:20px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);max-width:800px;margin:20px auto;font-family:Segoe UI,sans-serif}.about-school-container h2{text-align:center;margin-bottom:20px;color:#2c3e50}.about-section p{margin:10px 0;line-height:1.5}.meta-info{margin-top:20px;font-size:.9em;color:#555;border-top:1px solid #eee;padding-top:10px}.disabled{color:gray!important;cursor:not-allowed}.vibe-comments-container{position:absolute;width:100%;max-height:calc(100vh - 100px);overflow-y:auto;z-index:100;scrollbar-width:none;background:linear-gradient(135deg,#f0f4ff,#ffe6f0);border-radius:12px;height:100%}.ios .vibe-comments-container ion-item{position:relative}.ios .vibe-comments-container ion-item ion-input{border:none}.input-wrapper.sc-ion-input-ios{top:0!important}.comments-header{height:60px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.comments-header ion-icon{position:unset!important;cursor:pointer;color:#fff;font-size:1.5rem;font-weight:700;background-color:rgba(0,0,0,.5);padding:10px;border-radius:10px;margin:0}.comments-header ion-label{font-weight:700;color:var(--app-color)}.comments-list{padding:0 20px;height:calc(100% - 128px);overflow:auto}.ios .comments-list{max-height:78%}.comments-list ion-img{height:100%}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-username{color:#800020;font-weight:600;font-size:15px}.comment-timestamp{color:#7d8691;font-size:12px}.comment-text{color:#3a3a3a;font-size:14px;line-height:1.6}.my-comment-txt{width:calc(100% - 30px)}.vibe-comments .delete-icon{font-size:20px}.vibe-comments{margin-bottom:8px;padding-bottom:8px;font-size:14px;color:#333}.vibe-comments .me-chip{margin:0 4px}.comment-input{bottom:8px;position:absolute;left:5%;border:1px solid var(--app-color);width:90%;border-radius:12px}.send-icon{font-size:20px!important;cursor:pointer!important;color:#1e88e5!important;position:relative!important;top:5px!important;right:0!important}.add-time-block ion-datetime-button::part(native){font-size:14px}@media(max-width:320px){.add-time-block ion-datetime-button::part(native){font-size:12px}}.event-details-box{display:flex;flex-direction:column;gap:12px;font-size:14px;width:100%s;margin:0 20px}.event-title{font-size:16px;font-weight:700;text-align:center;margin:0}.event-info-row{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:4px}.event-details-container{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.attendance-holiday .event-details-container{gap:0}hr{margin:10px 0;border:0;border-top:1px solid #ccc}.tab-btn:focus{outline:2px solid var(--ion-color-primary);outline-offset:2px}.page-crash{height:100vh;padding:20px}.page-crash ion-img{max-width:300px}.page-crash ion-card-content{height:100%}.card-action-btn{--padding-start: 6px;--padding-end: 6px;--padding-top: 0;--padding-bottom: 0;font-size:13px;text-transform:none;min-width:unset;height:auto;color:var(--ion-color-primary);transition:all .2s ease-in-out;border-radius:4px;margin:0;min-height:26px;max-height:28px}@media(max-width:320px){.card-action-btn{font-size:11px}}@media(min-width:321px)and (max-width:380px){.card-action-btn{font-size:12px}}.card-action-btn:focus,ion-button:focus,.section-show-ele:focus{outline:none;box-shadow:0 0 0 2px var(--ion-color-primary-shade);background-color:var(--app-color);color:var(--ion-color-dark);border-radius:8px}.g-modal-cancel:focus{color:var(--app-color-high)}.cancel-btn:focus{background-color:var(--ion-color-danger)!important;--border-color: var(--ion-color-danger) !important}.add-btn:focus,.add-btn:hover{--border-radius: 12px !important;border-radius:12px!important}.card-action-btn:hover,ion-button:hover,.section-show-ele:hover,.enabled-date-field:hover{background-color:var(--app-color)!important;color:var(--ion-color-dark)!important;--color: var(--ion-color-dark) !important;border-radius:8px}ion-button:hover ion-icon,ion-button:focus ion-icon{color:var(--ion-color-dark)!important}.name_skeleton,.standard_section_skeleton{width:50%}.edit_skeleton{width:30%}.viewmore_skeleton{width:40%}.gender_skeleton{width:20%}.id_skeleton,.number_skeleton{width:30%}.image_skeleton{width:100%;height:25vh}.kpi-card{border-radius:16px;box-shadow:0 2px 6px rgba(0,0,0,.08);margin:8px}.module-title{text-transform:capitalize}.search-results-container{height:calc(100% - 118px);overflow:auto}.search-results-container ion-img{width:fit-content;height:100%}.popover-content{height:80vh;overflow:hidden}.arrow-icon{font-size:20px;padding:4px;margin:0 8px;cursor:pointer;color:var(--ion-color-primary);font-size:32px}.arrow-icon.disabled{opacity:.3;pointer-events:none}.search-wrapper{min-height:38px;border:1px solid;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:8px;margin-right:8px;margin-left:4px;border-color:var(--ion-color-step-300, #b3b3b3);transition:border .3s ease,box-shadow .3s ease,background-color .3s ease}.search-wrapper:hover,.filter-con ion-chip:hover{border-color:var(--app-color)}.filter-con ion-chip:focus{outline:2px solid var(--app-color);outline-offset:2px}.popover_actions .search-wrapper{width:100%;min-height:50px;margin-right:0;margin-left:0}.search-wrapper .searchbar-input.sc-ion-searchbar-md{max-height:40px;border-radius:8px}.popover_actions .search-wrapper .searchbar-input.sc-ion-searchbar-md{max-height:48px;height:47px}.search-wrapper .searchbar-search-icon.sc-ion-searchbar-md{top:8px}.search-wrapper .search-icon{font-size:20px;color:var(--app-dark);cursor:pointer;padding:8px;border:2px solid transparent}.popover_actions .search-wrapper .searchbar-search-icon.sc-ion-searchbar-md{top:15px}.searchbar-input-container.sc-ion-searchbar-md{border-radius:8px}.popover_actions .search-wrapper:hover{border:1px solid var(--app-dark)}.search-wrapper:focus-within{border:2px solid var(--app-color)!important;box-shadow:0 0 6px rgba(76,139,245,.3)}.ios .popover_actions .search-wrapper{height:40px}ion-searchbar::part(input){padding:0}ion-searchbar:focus-within::part(input){padding:0 16px}.sub-label{display:block;color:var(--ion-color-step-600)}@media(max-width:600px){.sub-label{display:none}.sub-label.show-on-mobile{display:block}}.sub-label p{margin:4px 0}.selected .sub-label{color:var(--app-color)}.calendar-show{display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;margin-right:8px;color:var(--app-dark)}.calendar-show ion-icon{margin:0 8px;font-size:28px}.progress-skeloton{margin-bottom:1rem;height:calc(92vh - 120px)}.marks-view-skeloton{margin:16px 0;display:flex;justify-content:space-between}.faq-container{height:calc(100% - 30px);overflow:auto}.fab-krinbuddy .faq-container{height:calc(100% - 60px)!important}.faq-container ion-item{height:51px!important}.faq-container h2{font-weight:700;margin-bottom:12px}.g-toggle-wrapper{position:relative;display:flex;align-items:center;gap:10px;padding:4px 2px;border-radius:6px;outline:none;transition:box-shadow .2s ease;max-width:68px;margin:0 4px}.g-toggle-wrapper:focus{box-shadow:0 0 0 3px rgba(0,132,255,.6)}.g-toggle-wrapper:hover{background-color:rgba(0,132,255,.05);cursor:pointer}.celebration-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:9999}.no-periods-card{margin-top:20px!important;border:1px solid #e0e0e0;background-color:#f9f9f9;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.no-periods-card ion-card-content{padding:24px 16px;min-height:0!important}.no-periods-text{font-size:16px;font-weight:500;color:#666;margin:0}.pending-change{border:2px solid #ffc107}.red-toggle{--track-background: linear-gradient(135deg, #D72638, #8B1E2D)}.back-icon-date{margin-top:4px;height:20px;width:20px;border:1px solid;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);color:var(--app-color);cursor:pointer}.chip-icon-close{position:relative;z-index:999}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:9999;display:flex;align-items:center;justify-content:center}.paper{position:absolute;top:-20px;background:linear-gradient(135deg,hsl(var(--hue, 200),90%,60%),hsl(var(--hue, 200),90%,70%));border-radius:2px;opacity:.9;animation:fall linear forwards}.paper:nth-child(odd){--hue: 0}.paper:nth-child(3n){--hue: 45}.paper:nth-child(4n){--hue: 120}.paper:nth-child(5n){--hue: 280}@keyframes fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.success-box{position:absolute;text-align:center;animation:pop-in .5s ease-out;background:#fff;padding:40px;border-radius:50%;box-shadow:0 8px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;width:180px}.checkmark{font-size:80px;color:#4caf50;font-weight:700;line-height:1;animation:scale-bounce .6s ease-out}.success-text{font-size:20px;font-weight:600;color:#333;margin-top:10px;animation:fade-in 1s ease-in}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-bounce{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-subtitle{text-align:center;font-size:14px;margin-bottom:12px!important}.highlight{color:#d9534f;font-weight:600}.student-list{max-height:60vh;overflow-y:auto;border-radius:8px;padding:8px;margin-bottom:16px}.student-item{display:flex;justify-content:space-between;padding:6px 4px;font-size:14px}.student-item:last-child{border-bottom:none}.student-name{font-weight:500}.student-reg{font-size:12px}.copy-wrapper{display:inline-flex;align-items:center;gap:6px;position:relative;cursor:pointer;user-select:text}.copy-text{font-size:14px}.copy-icon{opacity:.6;transition:opacity .25s ease,background .25s ease,color .25s ease;font-size:18px;border-radius:6px;padding:3px;background:transparent;cursor:pointer;margin-left:auto;color:#3880ff}.copy-icon:hover,.copy-icon:focus{opacity:1;outline:2px solid;outline-offset:2px}.copy-icon:active{opacity:1;background-color:rgba(0,0,0,.08);color:#2e7d32}.copy-success{opacity:0;transform:translateY(-4px);transition:opacity .35s ease,transform .35s ease;font-weight:500;pointer-events:none}.copy-success.show{opacity:1;transform:translateY(0);padding:3px 8px}.copy-success-tooltip{position:absolute;top:-26px;left:12%;transform:translate(-50%) translateY(-4px);background:#e8f5e9;color:#2e7d32;font-size:12px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:1000}.att-std-show .std-name,.marks_column_header .std-name,.progress-card-sa .std-name{color:var(--app-dark)}.timetable-popover{top:-0px!important}@media(max-width:499px)and (min-width:230px){.timetable-popover{--width: 90%}}@media(max-width:768px)and (min-width:500px){.timetable-popover{--width: 80%}}.config-page-con .save-config{width:100%;max-width:400px}ion-chip.custom-chip-colors{--background: var(--chip-role-bg);--color: var(--app-color);font-weight:500}.subject-chip-colors{--background: #D8F3E5;--color: #0F5132;font-weight:500}.footer-settings{width:100%}.footer-settings ion-button{width:100%}.input-icon-container .animated-loader{position:absolute;right:12px;top:14px}.input-icon-container .loader-small{right:12px;top:12px}.ios .input-icon-container ion-icon,.ios .ios-cutsom-place-icon{top:14px!important}.breadcrumb-back-btn .back-text{--padding-end: 4px;--padding-start: 4px}@media(max-width:768px){.breadcrumb-back-btn .back-text{display:none}}@media(max-width:768px){.breadcrumb-back-btn{--padding-end: 4px;--padding-start: 4px}}.breadcrumb-back-btn ion-icon{font-size:18px}.fees-btn-wrap{display:flex}.fees-btn-wrap .add-btn{margin-top:4px;margin-bottom:4px}.fees-btn-wrap>:first-child{margin-right:8px}.fees-component-holder{display:flex;align-items:center;justify-content:space-between}.fees-component-holder .first-part{width:calc(100% - 60px);margin-bottom:20px}.section-content{width:calc(100% - 50px)}@media(min-width:768px){.end-btn{display:flex;justify-self:end;max-width:360px;width:100%}}.marks-cond-pass{text-transform:capitalize;font-size:12px}.chip-dot-separator{padding:0 4px}.contact-container{max-width:800px;margin:auto;padding:2rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);height:100vh;overflow:auto}@media(max-width:768px){.contact-container{padding:12px}}.contact-container h1{text-align:center;margin-bottom:2rem;color:var(--app-color)}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.contact-form input,.contact-form textarea{padding:.8rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .3s;background:inherit;color:var(--app-dark)}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb;outline:none}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{padding:.9rem 1.2rem;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s}.contact-form button:hover{background-color:#1d4ed8}.contact-details{margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.contact-details>div{background-color:#f3f4f6;padding:1rem;border-radius:10px;text-align:center;font-size:.95rem;line-height:1.4rem;color:var(--app-dark)}.dark .contact-details>div{background-color:#2f2f2f}.footer-section h4{margin-bottom:12px}.footer-section p,.footer-section li{font-size:14px;margin:6px 0}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section a{color:#4ea9ff;text-decoration:none;font-weight:500;transition:color .3s,text-decoration .3s}.no-results{text-transform:capitalize}.dashboard-menu-edit{margin-right:0!important}.menu-fav-icon{cursor:pointer}.modal-single-btn{width:90%}.main-segment-dash{height:100%;width:100%;overflow-y:auto;overflow-x:hidden}.main-segment-dash .main-seg-label{font-size:16px!important;text-align:center;width:100%;display:block;display:flex;margin-left:8px;align-items:center;justify-content:space-between}.main-segment-dash .main-seg-label ion-label{margin-right:8px}.main-segment-dash .main-seg-label ion-icon{font-size:22px;cursor:pointer;margin-right:8px}.dash-fav{color:gold}.dash-unfav{color:#b0b0b0}.dash-item{height:46px!important;border-color:#b0b0b0!important;margin:32px 24px 12px;border:none}.std-info-footer{position:fixed;bottom:16px;background:var(--ion-color-light);color:var(--ion-color-medium);font-size:13px;font-weight:500;padding:6px 14px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000;opacity:.95;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.pagination-item{left:16px}.dark .std-info-footer{border:1px solid rgba(2555,2555,2555,.2);box-shadow:0 2px 8px rgba(255,255,255,.1)}.pagination-item ion-icon{font-size:18px;margin-right:12px}.inactive-item{left:0;bottom:56px;cursor:pointer;padding-left:8px;position:absolute;transition:right .3s ease-in-out}.inactive-show{left:0;border:2px solid var(--app-color)!important;border-radius:8px;color:var(--app-color)}.inactive-std-icon{margin-right:4px;color:var(--app-color);font-size:18px}.inactive-row{background:#767676}.dark .inactive-row{background:#2f2f2f}.inactive-item ion-icon{font-size:18px;margin-left:10px}.custom-popover-above{--offset-y: -325px;--offset-x: -10px;--width: auto;--min-width: 280px;--max-width: 300px;text-align:center}.ios .custom-popover-above{--offset-y: -2px;--offset-x: 10px;--width: auto;--min-width: 280px;--max-width: 300px;text-align:center}.custom-popover-above::part(content){border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12)}.custom-popover-above::part(arrow){display:block}.popover-section{padding:0 16px}.section-label{font-size:12px;font-weight:600;color:var(--ion-color-medium);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.show-label-tog{text-align:start;display:flex;width:100%}.popover-section ion-item{--padding-start: 0;--padding-end: 0;--inner-padding-end: 0;--min-height: 40px;font-size:14px;--background: transparent}.popover-section ion-item ion-label{margin:0}.popover-divider{height:1px;background:var(--ion-color-light);margin:12px 0}.app-settings{padding:1rem}.help-fab{position:fixed;bottom:22px;right:22px;width:54px;height:54px;border-radius:50%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:9999;transition:transform .25s ease,box-shadow .25s ease;overflow:visible;animation:floatUpDown 4s ease-in-out infinite}.help-light{background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.15);color:#1d7af5}.dark .help-light{background:rgba(20,20,20,.7);border:1px solid rgba(255,255,255,.15);color:#fff}.help-fab:hover{transform:scale(1.08);background:var(--app-color)}.help-fab:active{transform:scale(1.08);color:#fff!important;background:var(--app-color)}.pulse-ring{position:absolute;width:54px;height:54px;border-radius:50%;z-index:-1;animation:pulseAnim 2.8s infinite ease-out;background:#1d7af5;opacity:.25}@keyframes pulseAnim{0%{transform:scale(.9);opacity:.6}60%{transform:scale(1.5);opacity:0}to{transform:scale(.9);opacity:0}}@keyframes pulseAnim2{0%{transform:scale(1);opacity:.55}50%{transform:scale(1.07);opacity:.8}to{transform:scale(1);opacity:.55}}.help-icon{stroke-width:2.2;animation:iconBreath 2.4s infinite ease-in-out}@keyframes iconBreath{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.07);opacity:.85}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.25);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:9998}.help-backdrop.show{opacity:1;pointer-events:all}.help-panel{position:fixed;top:0;right:-420px;height:100vh;background:#fff;border-left:1px solid rgba(0,0,0,.12);box-shadow:-6px 0 18px rgba(0,0,0,.2);transition:right .28s ease;z-index:9999;display:flex;flex-direction:column;visibility:hidden;opacity:0;pointer-events:none}.help-panel.open{right:0;visibility:visible;opacity:1;pointer-events:auto;transform:translate(0)}.dark .help-panel{background:#1a1c1f;border-left:1px solid rgba(255,255,255,.1);color:#e6e6e6}.help-panel-header{padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.08)}.dark .help-panel-header{border-bottom:1px solid rgba(255,255,255,.08)}.help-panel-header h3{margin:0;font-size:1.2rem;font-weight:700}.subtitle{font-size:.85rem;opacity:.75;margin-top:4px}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;line-height:1;color:inherit}.help-panel-content{flex:1;padding:1rem 1.2rem;overflow-y:auto}.description{font-size:.95rem;line-height:1.45;margin-bottom:1rem;opacity:.9}.help-footer{padding:.9rem 1rem;border-top:1px solid rgba(0,0,0,.1);display:flex;gap:10px;justify-content:flex-end}.dark .help-footer{border-top:1px solid rgba(255,255,255,.1)}.help-footer ion-button{text-transform:none}.footer-btn{padding:.55rem 1rem;border-radius:8px;border:none;cursor:pointer;font-size:.85rem;font-weight:600;text-transform:none}.footer-btn.primary{background:#1d7af5;color:#fff}.footer-btn.secondary{background:#f2f2f2;color:#222}.dark .footer-btn.secondary{background:#2b2f34;color:#eaeaea}@media(max-width:600px){.help-panel{width:100%;height:85vh;bottom:-85vh;right:0;top:auto;border-left:none;border-radius:16px 16px 0 0;transition:bottom .28s ease}.help-panel.open{bottom:0}.help-footer{justify-content:center}}.help-panel-resize-handle{position:absolute;left:0;top:0;width:10px;height:100%;cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.help-panel-resize-handle:hover{background:linear-gradient(to right,rgba(59,130,246,.15),rgba(59,130,246,.05),transparent)}.dark .help-panel-resize-handle:hover{background:linear-gradient(to right,rgba(96,165,250,.12),transparent)}.help-panel-resize-handle:active{background:linear-gradient(to right,rgba(59,130,246,.25),rgba(59,130,246,.08),transparent)}.dark .help-panel-resize-handle:active{background:linear-gradient(to right,rgba(96,165,250,.2),transparent)}@media(max-width:600px){.help-panel-resize-handle{display:none}}.resize-grip{width:4px;height:38px;border-radius:3px;background:rgba(0,0,0,.25);opacity:.6;transition:all .2s ease;position:relative}.resize-grip:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:3px;background:inherit;animation:breathe 2s ease-in-out infinite;opacity:0}@keyframes breathe{0%,to{opacity:0;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.3)}}.help-panel-resize-handle:hover .resize-grip{opacity:1;background:rgba(59,130,246,.85);width:5px;height:44px;box-shadow:0 2px 12px rgba(59,130,246,.5);animation:pulse .6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 12px rgba(59,130,246,.5)}50%{transform:scale(1.05);box-shadow:0 4px 20px rgba(59,130,246,.7)}}.help-panel-resize-handle:active .resize-grip{background:rgba(37,99,235,.95);box-shadow:0 2px 16px rgba(59,130,246,.7);animation:none}.dark .resize-grip{background:rgba(255,255,255,.25)}.dark .help-panel-resize-handle:hover .resize-grip{background:rgba(96,165,250,.7);box-shadow:0 2px 8px rgba(96,165,250,.4);animation:pulseDark .6s ease-in-out infinite}@keyframes pulseDark{0%,to{transform:scale(1);box-shadow:0 2px 8px rgba(96,165,250,.4)}50%{transform:scale(1.05);box-shadow:0 4px 16px rgba(96,165,250,.6)}}.dark .help-panel-resize-handle:active .resize-grip{background:rgba(96,165,250,.9);box-shadow:0 2px 12px rgba(96,165,250,.6);animation:none}.dashboard-panel{height:calc(100% - 112px);top:77px}.ios .dashboard-panel{height:calc(100% - 190px);top:148px}.recent-item-analytics{height:100%!important;--background: transparent;margin-bottom:12px;border:1px solid #eee;border-radius:8px}.analytics-view{height:calc(100% - 80px);padding-top:20px;padding-bottom:40px;overflow:auto}.analytics-view .tabs-con{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.analytics-view .tabs-con ion-segment{width:100%}@media(min-width:768px){.analytics-view .tabs-con ion-segment{width:80%}}.analytics-view .tabs-expo{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}.g-landscape .analytics-view{height:calc(100% - 50px)}.ios ion-badge{top:12px!important;right:16px!important}.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{margin-top:-6px}.filter-popover-con .searchbar-input-container.sc-ion-searchbar-ios{min-height:60px!important}.filter-popover-con .searchbar-input.sc-ion-searchbar-ios,.filter-chips .searchbar-input.sc-ion-searchbar-ios{background:transparent!important}.chip-like-search .searchbar-input.sc-ion-searchbar-ios{min-height:40px!important}.bg-tranparent{background:transparent}.menu-meta{justify-content:space-around;align-items:center;width:calc(100% - 46px)}.meta-block{text-align:center;display:flex;flex-direction:column;gap:4px}.meta-chip{display:inline-block;padding:2px 10px;border-radius:12px;background:linear-gradient(135deg,#f4e8c1,#e2c784);color:#4e3b12;outline:1px solid #d6b770;letter-spacing:.3px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.dark .meta-chip{background:linear-gradient(135deg,#3a3428,#2a251d);outline:1px solid #7a6745;color:#e8d9b5;box-shadow:0 1px 4px rgba(0,0,0,.5)}.me-chip{background:linear-gradient(180deg,#ecfbf4,#e2f3eb);color:#047857;border:1px solid #A7E3C8;display:inline-block;padding:2px 10px;border-radius:12px;letter-spacing:.3px;box-shadow:0 1px 3px rgba(0,0,0,.08);height:fit-content;cursor:text}.dark .me-chip{background:linear-gradient(180deg,#14362c,#0f2a22);color:#6ee7b7;border:1px solid #1F4D3A;box-shadow:0 1px 3px rgba(0,0,0,.35)}.inactive-user-chip{background:linear-gradient(180deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #D1D5DB;display:inline-block;padding:2px 10px;border-radius:12px;letter-spacing:.3px;box-shadow:0 1px 3px rgba(0,0,0,.06);height:fit-content;cursor:default}.dark .inactive-user-chip{background:linear-gradient(180deg,#1f2933,#111827);color:#9ca3af;border:1px solid #374151;box-shadow:0 1px 3px rgba(0,0,0,.4)}.pdf-preview-container{height:60vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;background:var(--ion-item-background, #fff);padding:16px 0}.pdf-document{display:flex;flex-direction:column;align-items:center}.pdf-page{box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:6px;background:#fff}.pdf-loading,.pdf-error{padding:20px;text-align:center;font-size:14px}.pdf-error{color:var(--ion-color-danger)}.pdf-page-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:24px}.pdf-page canvas{width:100%!important;height:auto!important}.pdf-zoom-controls{position:sticky;top:8px;z-index:10;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:var(--ion-background-color);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.12);width:fit-content;margin:8px auto}@media(max-width:600px){.pdf-zoom-controls{width:80%}}@media(max-width:600px){.help-panel-content .pdf-zoom-controls{flex-direction:column}}.pdf-actions-zoom-btn{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pdf-page-controls{width:100%;justify-content:space-evenly;display:flex;align-items:center}.zoom-value{font-size:13px;font-weight:500;min-width:40px;text-align:center}.prev-next-btns{min-height:20px;max-height:30px;padding:0;margin-top:0;margin-bottom:0;--padding-bottom: 2px;--padding-end: 4px;--padding-start: 4px;--padding-top: 2px}[role=switch]:focus-visible{box-shadow:0 0 0 3px rgba(29,122,245,.45)}.ion-footer-btn{width:100%;max-width:500px;height:30px;min-height:30px;padding:0;margin:0;cursor:pointer}.ion-footer-btn:hover{filter:brightness(1.2)}.ion-footer-btn:focus-visible{outline:2px solid var(--app-fixed-F);outline-offset:4px;transform:translateY(-2px);filter:brightness(1.18)}.school_item:focus-visible{outline:2px solid var(--app-color);outline-offset:3px;border-radius:12px}.map-link-text{text-decoration:underline;color:var(--app-dark);cursor:pointer;background:transparent;margin:12px 0}.un-auth-scl{padding:12px!important}.loader-image{width:clamp(90px,8vw,150px);height:clamp(90px,8vw,150px);aspect-ratio:1 / 1;object-fit:contain;animation:zoom-pulse 1.4s ease-in-out infinite}@keyframes zoom-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.loader-image{animation:none}}.pre-login-toolbar{--background: #3B82F6;--color: white;box-shadow:0 4px 20px rgba(0,0,0,.3)}.pre-login-nav-scroll{display:flex;overflow-x:auto;align-items:center;height:100%;padding-left:8px;gap:8px;scrollbar-width:none;-ms-overflow-style:none}.pre-login-nav-scroll::-webkit-scrollbar{display:none}.pre-login-nav-btn{--color: white;--color-focused: white;--color-hover: white;font-weight:500;white-space:nowrap;letter-spacing:.5px;--padding-start: 12px;--padding-end: 12px;height:32px;font-size:14px}.pre-login-nav-btn.selected-nav-btn{--background: rgba(255, 255, 255, .2);--color: white;font-weight:700;--border-radius: 16px}.pre-login-toolbar ion-buttons[slot=start]{margin-right:0}.period-separator{display:none}.period-separator-wrapper{position:relative;width:100%;height:26px;display:flex;align-items:center;justify-content:center;margin:0}.period-break-text{font-size:10px;font-weight:600;color:#64748b;letter-spacing:.06em;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1}@media(max-height:400px){.g-customized-modal .modal-child-con{max-height:50vh}.custom-popover-above{--offset-x: -1px;--offset-y: -1px}:host(.fab-vertical-top){top:10px!important}}.next-prev-att:hover,.next-prev-att:focus{outline:2px solid var(--app-color);outline-offset:2px}.today-chip{position:absolute;top:4px;right:4px;font-size:8px;border:1px solid;border-radius:4px;padding:2px 4px}.no-data-holder-align{display:flex;height:100%;align-items:center;justify-content:center}.course-no-data{height:calc(100% - 40px)}.gallery-no-data{height:calc(100% - 200px)}.gallery-no-data-std{height:calc(100% - 46px)}.homework-empty{display:flex;align-items:center;justify-content:center}.unread-notification{--background: #F1F5FF;border-left:2px solid;border-bottom:none!important}.dark .unread-notification{--background: #1E293B}.notifications-clear-all{text-transform:none}.read-notifications{border:none!important;opacity:.75}.read-notifications p{color:var(--ion-color-medium)}.no_data_found_btn_holder{display:flex;justify-content:center;margin:24px 0}.no_data_found_btn_holder ion-button{font-size:14px;margin-left:8px;color:var(--app-color);font-weight:600;display:flex;align-items:center;cursor:pointer}.no_data_found_btn_holder ion-button ion-text{margin-right:4px}.no_data_found_btn_holder ion-button:hover{text-decoration:underline}.no_data_found_btn_holder ion-button:focus{outline:2px solid var(--app-color);outline-offset:2px;color:#fff}.no_data_found_btn_holder ion-icon{font-size:24px;color:var(--app-color)}@media(min-width:300px)and (max-width:350px){.item-container-chips{width:50%!important;padding:4px!important}.chip_item_data{height:90px!important}.width-65{width:60%!important}.width-30{width:40%!important}.g-card-content,ion-card-content{padding:8px!important;padding-inline-start:8px!important;padding-inline-end:8px!important}.select_school_page ion-card,.otp-page ion-card{margin:8px!important;width:calc(100% - 16px)!important}.header-school-name{font-size:14px!important;padding-left:4px!important}.custom-modal-content{--width: 95%;--padding-start: 10px;--padding-end: 10px}.calendar-time-table .period-info-item p{font-size:10px!important}.nav-chip-container ion-item ion-label{font-size:12px!important}.sa-header-left{min-width:auto!important;margin-right:8px!important}.sa-school-info{display:block!important;overflow:hidden!important;text-align:left!important;margin:0!important;flex:1}.sa-header{padding:8px!important;min-height:auto!important}.sa-school-name{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:14px!important;font-weight:700!important;line-height:normal!important;margin-bottom:2px!important}.sa-school-name:after{content:none!important}.sa-school-location{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;line-height:normal!important;color:#6b7280!important;margin:0!important}.access-control-sa .access-table .width-40{width:35%!important}.access-control-sa .access-table .width-50{width:45%!important}.access-control-sa .access-table .width-10{width:20%!important;text-align:center!important}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.dark .loader-overlay{background-color:rgba(0,0,0,.4)}.loader-container{display:flex;justify-content:center;align-items:center}.loader-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.circle{position:absolute;border:8px solid transparent;border:8px solid var(--app-color);border-radius:50%}.circle-animation{animation:scale-up-down 1s infinite ease-in-out}@keyframes spin-and-scale{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.05)}50%{transform:rotate(180deg) scale(1.1)}75%{transform:rotate(270deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.first-circle{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.first-strip{height:8px;width:8px;background:#fff;left:-8px;position:absolute}.first-strip2{height:8px;width:8px;background:#fff;right:-8px;position:absolute}.second-circle{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.second-strip{height:8px;width:8px;background:#fff;position:absolute;top:-8px}.second-strip2{height:8px;width:8px;background:#fff;position:absolute;bottom:-8px}.dark .first-strip,.dark .first-strip2,.dark .second-strip,.dark .second-strip2{background-color:#202020}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-icon{font-size:40px;color:var(--app-color);z-index:2;margin:0!important}@keyframes scale-up-down{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.home-login-page{background:linear-gradient(to bottom,#0f172a,#0b1e3a,#1e3a8a)!important}.login-page-container{--background: transparent !important;background:transparent!important}.login-page-container::part(background),.login-page-container::part(scroll){background:transparent!important}.login-content-wrapper{width:100%;display:flex;flex-direction:column;justify-content:space-between;background:#0f172a!important}.top-blue-section{width:100%;background:linear-gradient(to right,#0d1b3e,#1d7af5);display:flex;flex-direction:column;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 4px 20px rgba(0,0,0,.3)}.login-main-content{flex:1;display:flex;flex-direction:column;padding:12px;gap:2rem;justify-content:center;align-items:center}.login-hero-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.school-emblem{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));margin-bottom:12px}.welcome-text{font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-card-wrapper{width:100%;display:flex;justify-content:center}.login-card-glass{background:#152c60;border:1px solid #1D7AF5;border-radius:12px;box-shadow:0 20px 40px -5px rgba(0,0,0,.5);padding:6px 20px 20px;width:100%;max-width:420px}.login-card-glass ion-item{--background: transparent !important;--padding-start: 0;--inner-padding-end: 0;margin-bottom:12px}.login-card-glass ion-item ion-button{position:relative;overflow:hidden;width:100%;height:40px;--border-radius: 12px;font-size:16px;--background: var(--app-color);--color: var(--app-fixed-F);transition:filter .25s ease,transform .15s ease,outline .15s ease}.login-card-glass ion-item ion-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.35) 10%,rgba(255,255,255,.15) 30%,transparent 60%);opacity:0;transform:scale(.2);transition:transform .45s ease,opacity .45s ease;pointer-events:none}.login-card-glass ion-item ion-button:hover:after{opacity:1;transform:scale(1.8)}.login-card-glass ion-item ion-button:focus-visible{outline:2px solid var(--app-white);outline-offset:4px;transform:translateY(-2px);filter:brightness(1.12)}.login-card-glass ion-item ion-button:hover{filter:brightness(1.08)}.login-card-glass ion-item ion-button:active{transform:scale(.98)}.nav-cards-desktop-container{width:100%;display:flex;justify-content:center;margin-bottom:2rem;margin-top:2rem}.nav-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:95%;max-width:600px}.nav-card-item{background:#152c60;border:1px solid #1D7AF5;border-radius:12px;padding:12px 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.nav-card-item:hover{background:rgba(4,41,80,.8);border-color:#1d7af5;transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 6px 14px rgba(29,122,245,.35)}.nav-card-item:focus-visible{outline:2px solid var(--app-fixed-F);outline-offset:4px;transform:translateY(-2px);filter:brightness(1.12)}.nav-card-item:hover .action-btn-icon{transform:translate(2px)}.nav-card-icon{font-size:1.8rem;color:#1d7af5}.nav-card-text{color:#e2e8f0;font-size:.85rem;font-weight:500;text-align:center}.bottom-actions-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:0 16px;margin-bottom:4rem}.chip-desc-log{display:none}@media(min-width:768px){.login-page-container{--background: linear-gradient(to right, #0F172A, #0B1E3A, #1E3A8A) !important;background:linear-gradient(to right,#0f172a,#0b1e3a,#1e3a8a)!important}.login-main-content{flex-direction:row;align-items:center;padding:2rem;gap:6rem;max-width:1400px;margin:0 auto;width:100%;justify-content:space-between}.login-hero-section{align-items:center;text-align:center;flex:1;max-width:600px}.school-emblem{width:140px;height:140px}.welcome-text{font-size:1.5rem;line-height:1.2}.login-card-wrapper{flex:1;max-width:480px;padding:0}.login-card-glass{border-radius:24px;max-width:100%}.nav-cards-desktop-container{max-width:1000px;margin-left:auto;margin-right:auto}.nav-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:100%}.nav-card-item{min-height:120px}.bottom-actions-container{max-width:1000px;margin:0 auto;padding:0 16px 1rem;display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:3rem}.chip-desc-log{display:block}.login-content-wrapper{height:100%;overflow-y:auto}}.home-login-page .custom_footer_ion,.home-login-page .custom_footer_ion ion-toolbar{--background: #3B82F6 !important;background:#3b82f6!important;--border-color: transparent !important;color:#fff!important}.home-login-page .custom_footer_ion ion-icon{color:#fff!important}.action-btn-custom{background:#152c60;color:#fff;padding:.8rem 1.2rem;border-radius:12px;border:1px solid #1D7AF5;display:flex;align-items:center;gap:12px;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.3);transition:transform .2s}.action-btn-custom:active{transform:scale(.98)}.action-btn-custom:hover{background:rgba(29,122,245,.14);filter:brightness(1.05);box-shadow:0 6px 14px rgba(29,122,245,.35)}.action-btn-custom:hover .action-btn-icon{transform:translate(2px)}.action-btn-custom:focus-visible{outline:2px solid var(--app-fixed-F);outline-offset:4px;transform:translateY(-2px);filter:brightness(1.12)}.action-btn-icon{width:24px;height:24px;object-fit:contain}.action-btn-text{white-space:nowrap}.forgot-password{text-decoration:none;font-size:14px;color:#2563eb;transition:all .2s ease;padding:4px 0;position:relative}.forgot-password:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#2563eb;transition:width .3s ease}.forgot-password:hover:before{width:100%}.forgot-password:hover{transform:translate(4px)}.forgot-password-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;overflow-x:hidden}.forgot-password-modal{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:30px;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.1);animation:scaleUp .5s ease-out;margin:16px;transform-origin:center}@keyframes scaleUp{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.99}}@keyframes scaleDown{0%{transform:scale(1);opacity:.99}to{transform:scale(0);opacity:0}}.forgot-password-modal.closing{animation:scaleDown .5s ease-in forwards}.fp-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;line-height:1;z-index:10}.fp-close-btn ion-icon{font-size:32px}.fp-header{text-align:center;margin-bottom:25px}.fp-icon-container{display:flex;justify-content:center;margin-bottom:16px}.fp-icon-circle-box{width:60px;height:60px;border:2px solid #2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#2563eb;font-weight:500}.fp-icon{font-size:24px;color:#0ea5e9}.fp-title-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.fp-icon-key{font-size:24px;color:#2563eb}.fp-title{font-size:22px;font-weight:700;color:#2563eb;margin:0}.fp-subtitle{font-size:13px;color:#64748b;margin:0 auto;line-height:1.5;max-width:90%}.fp-form-group{margin-bottom:20px}.fp-label{display:block;font-size:14px;font-weight:700;color:#1e293b;margin-bottom:8px;text-align:left}.fp-input{width:100%;padding:12px 40px 12px 16px;border:1px solid #000000;border-radius:10px;font-size:15px;color:#1e293b;transition:all .2s;background-color:#fff;box-sizing:border-box}.fp-input:focus{outline:none;border-color:#2563eb}.fp-input-wrapper{position:relative;display:flex;align-items:center}.fp-eye-icon{position:absolute;right:12px;font-size:20px;color:#1e293b;cursor:pointer;border:none;background:none;padding:0}.fp-eye-icon ion-icon{font-size:20px}.fp-otp-container{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px;padding:0 16px}.fp-otp-input{width:48px;height:48px;border:1px solid #e2e8f0;border-radius:8px;font-size:20px;font-weight:600;text-align:center;color:#1e293b;transition:all .2s;padding:0;background-color:#fff}.fp-otp-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px rgba(14,165,233,.1)}.fp-actions{display:flex;gap:16px;margin-top:30px}.fp-btn{flex:1;padding:12px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.fp-btn-primary{background:#2563eb;color:#fff;border:none}.fp-btn-primary:hover{background:#1d4ed8}.fp-btn-outline{background:#fff;border:1px solid #1e293b;color:#1e293b}.fp-btn-outline:hover{background:#f1f5f9;border-color:#1e293b}.fp-resend-link{font-size:14px;color:#64748b;text-align:center;margin-top:16px}.fp-link{color:#2563eb;text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;font-weight:500}@media(max-width:480px){.forgot-password-modal{width:95%;max-width:none;padding:20px;margin:0;border-radius:20px;position:relative}.fp-otp-container{gap:8px;padding:0}.fp-otp-input{width:100%;height:52px;font-size:18px}.fp-icon-circle-box{width:50px;height:50px;font-size:24px}.fp-title{font-size:18px}}@media(max-width:360px){.forgot-password-modal{padding:16px;width:98%}.fp-otp-container{gap:6px}.fp-otp-input{height:48px;font-size:16px}.fp-title{font-size:16px}.fp-subtitle{font-size:12px}}.fp-input.error{border-color:#ef4444;background-color:#fff1f2}.fp-error-message{color:#ef4444;font-size:12px;margin-top:4px;display:block}body.dark .forgot-password-modal{background:#1c1c1d;box-shadow:none;border:1px solid #333}body.dark .fp-label{color:#e2e8f0}body.dark .fp-subtitle{color:#94a3b8}body.dark .fp-input,body.dark .fp-otp-input{background-color:#0f172a;border-color:#334155;color:#fff}body.dark .fp-input:focus,body.dark .fp-otp-input:focus{border-color:#3b82f6}body.dark .fp-eye-icon{color:#cbd5e1}body.dark .fp-btn-outline{background:transparent;border-color:#475569;color:#e2e8f0}body.dark .fp-btn-outline:hover{background:rgba(255,255,255,.05)}body.dark .fp-close-btn{color:#94a3b8}body.dark .fp-title{color:#60a5fa}body.dark .fp-icon-circle-box{border-color:#60a5fa;color:#60a5fa}body.dark .fp-input.error{background-color:#450a0a;border-color:#ef4444}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}body,p,span,a,button,input,textarea,pre{font-family:Inter,sans-serif;font-weight:400}:root{--ion-font-family: "Inter", sans-serif;--app-color: #1D7AF5;--app-color-high: #006eff;--app-background: #ffffff;--app-dark: #000000;--app-light: #ffffff;--app-link: #166EDD;--app-fixed-F: #ffffff;--app-fixed-0: #000000;--vibe-bg: linear-gradient(0deg, #0a0b0d 0%, #4169e1 100%);--vibe-action-bg: linear-gradient(135deg, #f0f4ff 0%, #4169e1 100%);--chip-role-bg: #eef6ff;--ion-text-color: #000000;--ion-color-primary: #428cff;--ion-color-primary-rgb: 66, 140, 255;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #3a7be0;--ion-color-primary-tint: #5598ff;--ion-color-danger: #ff4961;--ion-color-danger-rgb: 255, 73, 97;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #e04055;--ion-color-danger-tint: #ff5b71;--ion-color-success: #2fdf75;--ion-color-success-rgb: 47, 223, 117;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #29c467;--ion-color-success-tint: #44e283;--ion-color-secondary: #50c8ff;--ion-color-secondary-rgb: 80, 200, 255;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #46b0e0;--ion-color-secondary-tint: #62ceff;--ion-background-color: #ffffff;--ion-item-background: #f8f9fa;--ion-card-background: #ffffff;--ion-toolbar-background: #f8f9fa;--ion-color-dark: #f4f5f8;--ion-color-step-50: #f2f2f2;--ion-color-step-100: #e6e6e6;--ion-color-step-150: #d9d9d9;--ion-color-step-200: #cccccc;--ion-color-step-250: #bfbfbf;--ion-color-step-300: #b3b3b3;--ion-color-step-350: #a6a6a6;--ion-color-step-400: #999999;--ion-color-step-450: #8c8c8c;--ion-color-step-500: #808080;--ion-color-step-550: #737373;--ion-color-step-600: #666666;--ion-color-step-650: #595959;--ion-color-step-700: #4d4d4d;--ion-color-step-750: #404040;--ion-color-step-800: #333333;--ion-color-step-850: #262626;--ion-color-step-900: #1a1a1a;--ion-color-step-950: #0d0d0d}body.dark{--app-background: #000000;--app-dark: #ffffff;--app-light: #000000;--ion-text-color: #ffffff;--ion-color-primary: #428cff;--ion-color-primary-rgb: 66, 140, 255;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #3a7be0;--ion-color-primary-tint: #5598ff;--ion-color-secondary: #50c8ff;--ion-color-secondary-rgb: 80, 200, 255;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #46b0e0;--ion-color-secondary-tint: #62ceff;--ion-color-tertiary: #6a64ff;--ion-color-tertiary-rgb: 106, 100, 255;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #5d58e0;--ion-color-tertiary-tint: #7974ff;--ion-color-success: #2fdf75;--ion-color-success-rgb: 47, 223, 117;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #29c467;--ion-color-success-tint: #44e283;--ion-color-warning: #ffd534;--ion-color-warning-rgb: 255, 213, 52;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0bb2e;--ion-color-warning-tint: #ffd948;--ion-color-danger: #ff4961;--ion-color-danger-rgb: 255, 73, 97;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #e04055;--ion-color-danger-tint: #ff5b71;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #ffffff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e;--chip-role-bg: #1A1C1F}.ios body.dark{--ion-background-color: #202020;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-color-step-50: #0d0d0d;--ion-color-step-100: #1a1a1a;--ion-color-step-150: #262626;--ion-color-step-200: #333333;--ion-color-step-250: #404040;--ion-color-step-300: #4d4d4d;--ion-color-step-350: #595959;--ion-color-step-400: #666666;--ion-color-step-450: #737373;--ion-color-step-500: #808080;--ion-color-step-550: #8c8c8c;--ion-color-step-600: #999999;--ion-color-step-650: #a6a6a6;--ion-color-step-700: #b3b3b3;--ion-color-step-750: #bfbfbf;--ion-color-step-800: #cccccc;--ion-color-step-850: #d9d9d9;--ion-color-step-900: #e6e6e6;--ion-color-step-950: #f2f2f2;--ion-item-background: #1c1c1d;--ion-card-background: #1c1c1d}.ios body.dark ion-modal{--ion-background-color: var(--ion-color-step-100);--ion-toolbar-background: var(--ion-color-step-150);--ion-toolbar-border-color: var(--ion-color-step-250)}.md body.dark{--ion-background-color: #202020;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-border-color: #222222;--ion-color-step-50: #1e1e1e;--ion-color-step-100: #2a2a2a;--ion-color-step-150: #363636;--ion-color-step-200: #414141;--ion-color-step-250: #4d4d4d;--ion-color-step-300: #595959;--ion-color-step-350: #656565;--ion-color-step-400: #717171;--ion-color-step-450: #7d7d7d;--ion-color-step-500: #898989;--ion-color-step-550: #949494;--ion-color-step-600: #a0a0a0;--ion-color-step-650: #acacac;--ion-color-step-700: #b8b8b8;--ion-color-step-750: #c4c4c4;--ion-color-step-800: #d0d0d0;--ion-color-step-850: #dbdbdb;--ion-color-step-900: #e7e7e7;--ion-color-step-950: #f3f3f3;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}p,span,ion-text,ion-label{font-size:14px;line-height:20px}@media(max-width:320px){p,span,button,ion-label,ion-text{font-size:11px!important}}@media(min-width:321px)and (max-width:380px){p,span,button,ion-label,ion-text{font-size:12px!important}}@media(min-width:381px){p,span,ion-label,button,ion-text{font-size:14px!important}}.dashboard-container{height:100%;overflow-y:scroll}.dashboard ion-card{margin:0}.dashboard ion-card-content{padding:12px 0}.student .dashboard ion-card-content{padding:12px 0 0}.nav-chip-container{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:55vh;overflow-y:auto;padding:0 18px}.tabs-content .chips-card{height:calc(100% - 70px);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.ios .tabs-content .chips-card{height:calc(100% - 50px)}.g-landscape .tabs-content .chips-card{height:calc(100% - 38px)}.tabs-content .chips-card ion-card-content{height:100%;padding-bottom:20px}.dashboard-tabs .nav-chip-container{height:auto;max-height:100%!important}.item-container-chips{width:33.33%;padding:6px}@media(min-width:1440px){.item-container-chips{width:25%}}@media(min-width:1900px){.item-container-chips{width:20%}}.dashboard ion-item{border:1px solid;border-color:var(--app-color);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);height:100px;--inner-padding-end: 8px;--padding-start: 8px;cursor:pointer;--background: var(--app-background);transition:background-color .2s ease;animation:fadeScale .6s ease-in-out}@media(max-width:768px){.dashboard ion-item{height:80px}}@keyframes fadeScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dark .dashboard ion-item{box-shadow:0 2px 6px rgba(255,255,255,.1)}.dark .dashboard .dashboard-btn-menu:hover{--background: rgba(255, 255, 255, .05);border-width:2px}.dashboard .dashboard-btn-menu:hover{border-width:2px}.dashboard-nav-con{cursor:text!important}.dashboard ion-item .chip_item_data{height:100px;width:100%;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center}@media(max-width:768px){.dashboard ion-item .chip_item_data{height:80px}}.dashboard .nav-chip-container ion-item ion-label{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;line-height:1.4em;max-height:1.8em;word-break:break-all;font-size:14px;font-weight:600}.te .dashboard .nav-chip-container ion-item ion-label{line-height:1.8em}.no-items-scroll{padding-top:0!important}.dashboard .nav-chip-container ion-item .default-icons-dash{font-size:24px!important}.dash-item-star-btn{background:transparent;border:none;padding:4px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,transform .1s ease;position:absolute;right:12px;top:8px;font-size:18px!important}.dash-item-star-btn ion-icon{transition:transform .12s ease,color .15s ease}.dash-item-star-btn:hover ion-icon{color:#fde047;transform:scale(1.15)}.expand-chevron-icon{display:flex;justify-content:center;align-items:center;margin-top:4px;width:100%;box-shadow:0 -3px 6px rgba(0,0,0,.1);padding:6px 0;cursor:pointer}.dark .expand-chevron-icon{box-shadow:0 -3px 6px rgba(255,255,255,.1)}.expand-chevron-icon ion-icon{font-size:26px}.custom-segment-container{width:50%}.custom-segment{display:flex;width:90%}.school-classes .custom-segment{width:100%}.custom-day-slot{width:30%}.custom-day-slot .custom-segment{width:100%}.custom-segment .left{border-top-left-radius:4px;border-bottom-left-radius:4px}.custom-segment .right{border-top-right-radius:4px;border-bottom-right-radius:4px}.segment-button{flex:1;height:40px;padding:0 8px;background-color:var(--app-background);color:var(--app-dark);border:none;cursor:pointer;transition:background-color .6s,color .6s;border:1px solid var(--app-color);font-weight:500}.segment-button.active{background-color:var(--app-color);color:#fff}.day-time-display{height:40px;padding:0 8px;width:100%;border:1px solid;display:flex;justify-content:center;align-items:center;border-radius:4px}.calendar-time-table{border:1px solid;border-color:var(--app-color);margin-bottom:50px;max-height:calc(100% - 102px);height:calc(100% - 102px)}.time_table_sa .calendar-time-table{margin:0}@media(max-width:320px){.time_table_sa .calendar-time-table .period-info-item p{font-size:9px!important}}@media(min-width:321px)and (max-width:360px){.time_table_sa .calendar-time-table .period-info-item p{font-size:10px!important}}@media(min-width:361px)and (max-width:440px){.time_table_sa .calendar-time-table .period-info-item p{font-size:11px!important}}.tabs-content .calendar-time-table{border:1px solid;border-color:var(--app-color);margin-bottom:0!important;max-height:calc(100% - 10px);height:100%!important}.ios .calendar-time-table{max-height:calc(100% - 10);height:100%}.calendar-time-table ion-card-content{height:100%;padding:12px;overflow-y:auto}.day-time-display ion-text p{color:var(--app-color);font-weight:700;font-size:14px;cursor:text}@media(max-width:320px){.day-time-display ion-text p{font-size:11px!important}}.time-table-view,.time-week-view{height:calc(100% - 50px);margin-top:8px;overflow-y:auto;padding-bottom:60px}.time_table_sa .time-table-view,.time_table_sa .time-week-view{padding-bottom:0}.time-table-view ion-item{height:60px;margin:6px 0;--inner-border-width: 0;border:1px solid;display:flex;justify-content:center;align-items:center;border-color:var(--app-color);border-radius:4px;--background: var(--app-background);background-color:var(--app-background)}.time_day_view_con{position:relative}.time_day_view_con ion-list{padding-bottom:60px;background-color:var(--app-background)}.time_table_sa .time_day_view_con ion-list{padding-bottom:0}.current-time-indicator{position:absolute;top:14px;height:2px;z-index:1;width:65%;left:34%;background:red}.period-indicator{position:absolute;z-index:99;width:100%;height:0;margin-top:0;display:flex;justify-content:flex-end;padding-right:12px}.period-info-item{height:100%;width:70%;border-radius:8px;padding:8px 12px;background:#f5f5f5;opacity:.9;border:.1px solid}.dark .period-info-item{background:#1a1a1a}.period-info-item p{padding:0;margin:0}.week-view-container{margin-top:12px;font-size:12px}.week-view-container .day_display_item{font-weight:700;border:1px solid var(--app-color);border-radius:4px;color:#000}.dark .day_display_item{color:#fff}.time_item_week{font-size:10px;font-weight:700;height:60px;display:flex;justify-content:center;border-right:1px solid var(--app-color);border-left:1px solid var(--app-color);align-items:center}.dashboard_sa{height:100%}.dashboard_sa ion-card{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dashboard_sa ion-card,.tabs-content .calendar-time-table{margin:0}.period-chip{border:1px solid gray;width:100%;position:absolute;background-color:var(--app-background);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:99}.period-chip-con{border-bottom:1px solid #dadada;position:relative;background:"#fffff1"}.dark .period-chip-con{border-bottom:1px solid #3d3d3d;background:#202020}.dashboard-tabs{height:calc(100% - 36px)}.tabs-content{height:100%}.tabs-btn-holder{position:absolute;width:100%;z-index:99;bottom:36px;text-align:center;padding:0 10px;border-top:1px solid;border-color:#888;border-top-left-radius:8px;border-top-right-radius:8px;background-color:var(--app-background)}.tabs-btns{height:80px;width:100%;display:flex;align-items:center;justify-content:space-around}.g-landscape .tabs-btns{height:50px}.tab-btn{height:60px;width:100%;min-width:75px;border-radius:24px;margin:0 4px;border:1px solid;display:flex;gap:6px;flex-direction:column;justify-content:center;align-items:center;padding:0 12px;transition:background-color .6s,color .6s;cursor:pointer;color:var(--app-dark);background:transparent;border-color:var(--app-color)}@media(min-width:992px){.tab-btn{border-radius:12px}}.g-landscape .tab-btn{height:36px;display:flex;align-items:center;flex-direction:row;justify-content:center;max-width:160px}.tab-btn:last-child{margin-right:0}.tab-btn:first-child{margin-left:0}.tab-btn ion-icon{font-size:18px}.tab-btn ion-label{font-size:14px}.tab-btn:hover{background:rgba(0,0,0,.1);font-weight:700}.dark .tab-btn:hover{background:rgba(255,255,255,.1)}.tab-btn.active:hover,.tab-btn.active{background:var(--app-color);color:#fff}.tab-btn.active ion-icon,.tab-btn.active ion-label{animation:fadeScale .6s ease-in-out}@media(max-width:768px){.mobile-wrapper{scrollbar-width:none;-ms-overflow-style:none}.mobile-wrapper::-webkit-scrollbar{display:none}.day-item{border-right:1px solid #dadada;min-width:30vw;position:relative}.time_item_week{white-space:pre-line;text-align:center;display:flex;align-items:center;justify-content:center}.period-chip{min-width:80px;word-wrap:break-word}.period-chip-con{min-width:30vw}}.animated-loader{display:flex;align-items:center;justify-content:center;gap:2px}.loader-bar{border-radius:2px;animation:loader-pulse 1.2s ease-in-out infinite;opacity:.6}.loader-small .loader-bar{width:2px;height:12px}.loader-small{width:16px;height:20px}.loader-medium .loader-bar{width:3px;height:12px}.loader-medium{width:24px;height:16px}.loader-large .loader-bar{width:4px;height:16px}.loader-large{width:32px;height:20px}.loader-bar-1{animation-delay:0s}.loader-bar-2{animation-delay:.1s}.loader-bar-3{animation-delay:.2s}.loader-bar-4{animation-delay:.3s}.loader-bar-5{animation-delay:.4s}@keyframes loader-pulse{0%,40%,to{transform:scaleY(.4);opacity:.4}20%{transform:scaleY(1);opacity:1}}@keyframes loader-wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes loader-breathe{0%,to{transform:scaleY(.3);opacity:.3}50%{transform:scaleY(1);opacity:1}}@keyframes loader-ripple{0%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.4);opacity:.4}to{transform:scaleY(1);opacity:1}}.loader-theme-success .loader-bar{background-color:#2dd36f!important}.loader-theme-warning .loader-bar{background-color:#ffc409!important}.loader-theme-danger .loader-bar{background-color:#eb445a!important}.loader-theme-dark .loader-bar{background-color:#222428!important}.loader-ionic-style{filter:brightness(1.2)}.loader-slow .loader-bar{animation-duration:1.8s}.loader-fast .loader-bar{animation-duration:.8s}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.school-images-page{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;font-family:Inter,sans-serif}.si-page-title{text-align:center;color:#1a73e8;font-size:18px;font-weight:600;margin:24px 0}.si-carousel-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px;position:relative}.si-carousel-track{position:relative;width:260px;height:380px;margin:0 auto;perspective:1000px}.si-card{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:all .5s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center;cursor:pointer}.si-card-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px}.si-card img{width:100%;height:100%;object-fit:cover;border-radius:10px}.si-skeleton{width:100%;height:100%;background-color:#f0f0f0;position:relative;overflow:hidden;border-radius:10px}.si-skeleton:after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-loading 1.2s infinite}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.si-card.center{transform:translate(0) scale(1);z-index:10;opacity:1}.si-card.left{transform:translate(-60%) scale(.9);z-index:5;opacity:.8}.si-card.right{transform:translate(60%) scale(.9);z-index:5;opacity:.8}.si-card.hidden{opacity:0;transform:scale(.5);z-index:0;pointer-events:none}.si-pagination{display:flex;gap:8px;margin-top:30px;align-items:center;justify-content:center}.si-dot{width:8px;height:8px;border-radius:50%;background-color:#b3d4fc;cursor:pointer;transition:all .3s}.si-dot.active{width:10px;height:10px;background-color:#64b5f6}.si-no-data{flex:1;display:flex;justify-content:center;align-items:center;color:#888}.si-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;display:flex;flex-direction:column;animation:fadeIn .3s ease;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.si-viewer-header{display:flex;align-items:center;padding:16px;background:#f8f9fa;border-bottom:1px solid #ebebeb;gap:16px}.si-viewer-header .si-icon-btn{padding:0;margin:0;display:flex;align-items:center}.si-viewer-title{flex:1;font-weight:600;color:#1a73e8;font-size:16px;text-align:left}.si-viewer-category-card{margin:20px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center;color:#050b13;font-weight:600;font-size:15px}.si-viewer-main{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.si-nav-btn{background:transparent;border:none;outline:none;font-size:70px;color:#000;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.si-nav-btn ion-icon{font-size:70px}.si-nav-btn:active,.si-nav-btn:focus{background:transparent;outline:none}.si-image-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.si-image-wrapper img{max-width:100%;max-height:400px;object-fit:contain;border-radius:12px}.si-viewer-label{margin-top:16px;color:#1a73e8;font-weight:500;font-size:14px}.si-close-btn{margin:20px 16px 30px;padding:12px;border:1px solid #1a73e8;border-radius:25px;background:#fff;color:#1a73e8;font-weight:600;font-size:16px;cursor:pointer;text-transform:capitalize}.si-viewer-footer{display:none}.si-admin-upload{padding:16px;background:#f9f9f9;border-top:1px solid #ddd;margin-top:auto}.si-upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;color:#333}.si-save-btn{background:#1a73e8;color:#fff;border:none;padding:6px 16px;border-radius:6px;display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}@media(min-width:768px){.si-carousel-track{width:400px;height:500px}.si-image-wrapper img{max-height:60vh;max-width:70vw}.si-card.left{transform:translate(-80%) scale(.9)}.si-card.right{transform:translate(80%) scale(.9)}}body.dark .school-images-page{background-color:#000}body.dark .si-page-title{color:#60a5fa}body.dark .si-card{background:#1a1a1a;box-shadow:0 8px 20px rgba(255,255,255,.05)}body.dark .si-card-inner{border-color:#333}body.dark .si-viewer-overlay{background:#000}body.dark .si-viewer-header{background:#1a1a1a;border-color:#333}body.dark .si-viewer-title{color:#60a5fa}body.dark .si-viewer-category-card{background:#262626;color:#fff;box-shadow:0 2px 8px rgba(255,255,255,.05)}body.dark .si-nav-btn{color:#fff}body.dark .si-viewer-label{color:#60a5fa}body.dark .si-close-btn{background:#1e3a8a;color:#fff;border-color:#3b82f6}body.dark .si-admin-upload{background:#1a1a1a;border-color:#333}body.dark .si-upload-header{color:#e5e7eb}body.dark .si-save-btn{background:#2563eb}body.dark .si-dot{background-color:#374151}body.dark .si-dot.active{background-color:#60a5fa}.sa-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:20px;width:100%}.sa-header-left,.sa-header-actions{display:flex;align-items:center;min-width:80px}.sa-header-actions{justify-content:flex-end}.sa-school-info{flex:1;text-align:center;margin:0 12px;overflow:hidden}.sa-school-name{margin:0;font-size:16px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-school-location{margin:4px 0 0;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-add-action span{font-weight:600;font-size:14px;margin-left:-4px}.sa-header-icon.add{color:#2563eb;margin-right:0;padding:0 8px 0 0!important}body.dark .sa-header{background-color:#1a1a1a;box-shadow:0 1px 3px rgba(255,255,255,.05)}body.dark .sa-school-name{color:#fff}body.dark .sa-school-location{color:#9ca3af}body.dark .sa-back-btn,body.dark .sa-header-icon{color:#e5e7eb}body.dark .sa-back-btn:active,body.dark .sa-header-icon:active{background-color:#333}body.dark .sa-add-action span{color:#3b82f6}.sa-icon-btn{background:transparent;border:none;padding:6px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.sa-icon-btn:hover{background-color:rgba(255,255,255,.12)}.sa-icon-btn:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.sa-icon-btn:active{transform:scale(.95)}.sa-add-action{display:flex;align-items:center;color:#2563eb;margin-right:4px;background:transparent;border:none;cursor:pointer;padding:6px 10px!important;border-radius:0!important}.sa-back-btn:hover{background-color:var(--app-color);color:#fff}.sa-back-btn:hover ion-icon{color:#fff}.achievements-page{height:100%;position:relative;background:#f0f2f5;display:flex;flex-direction:column;overflow:hidden}.ach-list-container{padding:10px;height:100%;overflow-y:auto}.achievements-page ion-accordion-group{background:transparent}.achievements-page ion-accordion{margin-bottom:12px;background:transparent}.achievements-page ion-accordion.accordion-expanding,.achievements-page ion-accordion.accordion-expanded{background:transparent}.achievements-page ion-item[slot=header]{--background: white;--border-radius: 8px;--padding-start: 16px;--inner-padding-end: 16px;margin-bottom:2px;font-weight:600;color:#1a73e8;box-shadow:0 2px 4px rgba(0,0,0,.05)}.ach-accordion-content{background:transparent;padding-top:10px}.ach-pills-container{display:flex;overflow-x:auto;gap:10px;padding:0 5px 10px;margin-bottom:5px;scrollbar-width:none}.ach-pills-container::-webkit-scrollbar{display:none}.ach-pill{padding:6px 16px;border-radius:20px;background:#e0e0e0;color:#555;font-size:13px;white-space:nowrap;border:none;font-weight:500}.ach-pill.active{background:#1a73e8;color:#fff}.ach-card{background:#fff;border-radius:8px;margin-bottom:12px;box-shadow:0 2px 5px rgba(0,0,0,.05);border:1px solid #eee;overflow:hidden;cursor:pointer}.ach-card-header{background-color:#fcfaff;padding:10px 15px;border-bottom:1px solid #f0f0f0}.ach-subject-name{color:#4285f4;font-weight:500;font-size:15px;text-decoration:underline}.ach-card-body{padding:10px 15px}.ach-card-row{display:flex;align-items:center;margin-bottom:8px;font-size:13px;color:#333}.ach-date{font-weight:500}.ach-vertical-divider{width:1px;height:12px;background-color:#ccc;margin:0 10px}.ach-level{color:#333}.ach-presented-row{font-size:13px;color:#333}.ach-label,.ach-value{color:#000;font-weight:400}.view-more-container{display:flex;justify-content:center;padding:20px 0}.view-more-btn{background-color:#589bf2;color:#fff;border:none;padding:12px 60px;border-radius:25px;font-size:18px;font-weight:500;box-shadow:0 4px 10px rgba(88,155,242,.4);cursor:pointer;transition:transform .1s ease}.view-more-btn:active{transform:scale(.96)}.ach-detail-view{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:100;display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.ach-detail-header{display:flex;align-items:center;padding:15px;background:#f5f5f5;border-bottom:2px solid #e0e0e0;min-height:56px}.ach-back-btn{font-size:24px;color:#000;margin-right:15px;cursor:pointer;position:relative;left:auto;z-index:10}.ach-detail-title{font-size:16px;font-weight:700;color:#1a73e8;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.ach-detail-content{flex:1;overflow-y:auto;padding:20px}.ach-field-group{margin-bottom:20px;display:flex;flex-direction:column}.ach-field-label{color:#1a73e8;font-size:15px;font-weight:600;margin-bottom:5px}.ach-field-value{color:#000;font-size:15px;font-weight:400;line-height:1.4}.ach-carousel-section{margin-top:40px;height:250px;position:relative;perspective:1000px;display:flex;align-items:center;justify-content:center}.ach-carousel-track{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.ach-carousel-card{position:absolute;width:180px;height:220px;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:all .5s cubic-bezier(.25,1,.5,1);opacity:0;z-index:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.ach-carousel-card img{width:100%;height:100%;object-fit:cover}.ach-carousel-card.center{transform:translate(0) scale(1.1) translateZ(50px);opacity:1;z-index:10;box-shadow:0 8px 25px rgba(26,115,232,.3)}.ach-carousel-card.left{transform:translate(-120px) scale(.85) translateZ(-50px) rotateY(15deg);opacity:.7;z-index:5;filter:brightness(.9)}.ach-carousel-card.right{transform:translate(120px) scale(.85) translateZ(-50px) rotateY(-15deg);opacity:.7;z-index:5;filter:brightness(.9)}body.dark .achievements-page{background-color:#000}body.dark .achievements-page ion-item[slot=header]{--background: #1a1a1a;color:#3b82f6;box-shadow:0 1px 3px rgba(255,255,255,.05)}body.dark .achievements-page ion-accordion ion-label{color:#fff!important}body.dark .ach-card{background-color:#1a1a1a;border-color:#333;box-shadow:0 1px 3px rgba(255,255,255,.05)}body.dark .ach-card-header{background-color:#262626;border-bottom-color:#333}body.dark .ach-subject-name{color:#60a5fa}body.dark .ach-card-row,body.dark .ach-presented-row,body.dark .ach-level,body.dark .ach-label,body.dark .ach-value{color:#e5e7eb}body.dark .ach-vertical-divider{background-color:#555}body.dark .ach-pill{background-color:#333;color:#d1d5db}body.dark .ach-pill.active{background-color:#2563eb;color:#fff}body.dark .ach-detail-view{background-color:#000}body.dark .ach-detail-header{background-color:#1a1a1a;border-bottom-color:#333}body.dark .ach-detail-title,body.dark .ach-back-btn{color:#fff}body.dark .ach-field-label{color:#60a5fa}body.dark .ach-field-value{color:#e5e7eb}body.dark .ach-carousel-card{background-color:#1a1a1a;box-shadow:0 4px 15px rgba(255,255,255,.05)}.about_container{height:100%;overflow-y:auto;background-color:var(--ion-background-color, #fff)}.about-school-container{padding:16px 16px 80px}.about-hero-placeholder{width:100%;height:200px;background-color:#dbeafe;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;color:#1e40af;position:relative;border:1px dashed #93c5fd}.hero-icon{font-size:48px;margin-bottom:8px;color:#3b82f6}.gallery-icon-top-right{position:absolute;top:10px;right:10px;font-size:24px;color:#1e3a8a}.about-section-title{color:#2563eb;font-size:16px;font-weight:600;margin-bottom:8px;margin-top:20px;display:flex;align-items:center;gap:8px}.about-text-item{margin-bottom:16px}.about-label-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.about-label-icon{font-size:20px}.mission-icon{color:#dc2626}.vision-icon{color:#2563eb}.achievement-icon{color:#d97706}.recognition-icon{color:#0891b2}.about-label-text{font-weight:600;color:#1e40af;font-size:15px}.about-description{font-size:14px;color:#4b5563;line-height:1.5;padding-left:28px}.key-details-title{text-align:center;color:#2563eb;font-weight:600;margin-bottom:16px;margin-top:10px}.detail-card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.detail-icon{font-size:24px;margin-bottom:8px}.detail-icon.estab,.detail-icon.loc{color:#3b82f6}.detail-icon.staff{color:#10b981}.detail-icon.student{color:#f59e0b}.detail-label{font-size:13px;color:#3b82f6;font-weight:600;margin-bottom:4px}.detail-value{font-size:14px;color:#1f2937;font-weight:500}.styled-list ul{list-style-type:none;padding-left:28px;margin:0}.styled-list li{font-size:14px;color:#374151;margin-bottom:4px;position:relative}.styled-list li:before{content:"•";color:#3b82f6;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.meta-info-card{margin-top:30px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.meta-row{font-size:12px;color:#64748b;margin-bottom:4px}.meta-row strong{color:#3b82f6}@media(min-width:768px){.about-school-container{max-width:800px;margin:20px auto 0;padding:32px;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:8px}.about-hero-placeholder{height:300px}.hero-icon{font-size:64px}.about-label-text{font-size:18px}.about-description{font-size:16px;padding-left:32px}.about-label-icon{font-size:24px}.key-details-title{font-size:20px;margin-bottom:24px}.detail-card{padding:24px}.detail-icon{font-size:32px}.detail-label{font-size:16px}.detail-value{font-size:18px}.styled-list li{font-size:16px;margin-bottom:8px}.about-section-title{font-size:20px}.meta-row{font-size:14px}}body.dark .about_container{background-color:#000}body.dark .about-school-container{background-color:#1a1a1a;color:#e5e7eb}body.dark .about-hero-placeholder{background-color:#1e1e1e;border-color:#3b82f6;color:#60a5fa}body.dark .hero-icon,body.dark .gallery-icon-top-right,body.dark .about-label-text{color:#60a5fa}body.dark .about-description{color:#d1d5db}body.dark .about-section-title{color:#60a5fa}body.dark .styled-list li{color:#d1d5db}body.dark .styled-list li:before{color:#60a5fa}body.dark .detail-card{background:#262626;border-color:#404040;box-shadow:0 1px 3px rgba(255,255,255,.05)}body.dark .detail-label{color:#60a5fa}body.dark .detail-value{color:#f3f4f6}body.dark .detail-icon.estab,body.dark .detail-icon.loc{color:#60a5fa}body.dark .detail-icon.staff{color:#34d399}body.dark .detail-icon.student{color:#fbbf24}body.dark .meta-info-card{background:#1e1e1e;border-color:#333}body.dark .meta-row{color:#9ca3af}body.dark .meta-row strong{color:#60a5fa}.about-sa-page{height:100%;overflow-y:hidden;background-color:#f3f4f6;font-family:Inter,sans-serif}.about-sa-container{padding:16px 16px 80px;max-width:1200px;margin:0 auto;overflow-y:auto;height:calc(100% - 60px)!important}.sa-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:20px}.sa-header-left{display:flex;align-items:center}.sa-school-info{flex:1;text-align:center;margin:0 12px}.sa-school-name{margin:0;font-size:16px;font-weight:700;color:#111827}.sa-school-location{margin:4px 0 0;font-size:12px;color:#6b7280}.sa-back-btn,.sa-header-icon{font-size:24px;color:#4b5563;padding:8px;border-radius:50%;cursor:pointer;transition:background-color .2s}.sa-back-btn{padding:0;background:transparent}.sa-back-btn:active,.sa-header-icon:active{background-color:#f3f4f6}.sa-header-icon.save{color:#2563eb}.sa-banner-section{margin-bottom:20px}.sa-logo-upload-area{width:100%;height:160px;border:2px dashed #d1d5db;border-radius:16px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;overflow:hidden;position:relative;transition:border-color .2s}.sa-logo-upload-area:active{background-color:#f9fafb}.sa-logo-upload-area.dragging{border-color:#2563eb;background-color:#eff6ff}.sa-upload-new-btn{background-color:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;margin-top:10px;pointer-events:auto}.sa-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);padding:20px;display:flex;justify-content:center;align-items:flex-end;height:100%;opacity:0;transition:opacity .2s}.sa-logo-upload-area:hover .sa-image-overlay{opacity:1}.sa-image-overlay{position:absolute;bottom:0;left:0;right:0;background:transparent;padding:16px;display:flex;justify-content:flex-start;align-items:flex-end;height:100%;opacity:1;pointer-events:none}.sa-image-overlay .sa-upload-new-btn{margin:0}.sa-preview-image{width:100%;height:100%;object-fit:contain;padding:10px}.sa-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af}.sa-upload-icon{font-size:32px}.sa-upload-text{font-size:14px;font-weight:500}.sa-card{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.sa-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sa-card-icon{font-size:20px}.icon-mission{color:#ef4444}.icon-vision{color:#3b82f6}.icon-est{color:#f59e0b}.icon-loc{color:#10b981}.icon-staff{color:#8b5cf6}.icon-student{color:#ec4899}.icon-fac{color:#f97316}.icon-ach{color:#eab308}.icon-rec{color:#06b6d4}.sa-card-title{font-size:15px;font-weight:600;color:#374151}.sa-textarea{width:100%;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:16px;min-height:80px;outline:none;resize:vertical;font-family:inherit;color:#1f2937}.sa-textarea:focus,.sa-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #bfdbfe}.sa-input::placeholder,.sa-textarea::placeholder{color:#9aa0a6;opacity:1;font-weight:400}.sa-input-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sa-input{flex:1;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:16px;outline:none;color:#1f2937;min-width:120px}.sa-auto-calc-text{font-size:13px;color:#6b7280;white-space:nowrap}.sa-map-btn{background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s}.sa-map-btn:active{background-color:#dbeafe}.sa-counter-wrapper{display:flex;align-items:center;justify-content:space-between}.sa-counter-label{font-size:14px;color:#4b5563;font-weight:500}.sa-counter-controls{display:flex;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:4px;gap:0}.sa-counter-controls.disabled{background-color:#f3f4f6;border-color:#d1d5db;opacity:.8;pointer-events:none}.sa-counter-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#6b7280;border-radius:6px;background:transparent;border:none;transition:all .2s}.sa-counter-controls.disabled .sa-counter-btn{color:#9ca3af}.sa-counter-btn:hover{background-color:#e5e7eb;color:#111827}.sa-counter-btn:disabled{cursor:not-allowed;color:#9ca3af}.sa-counter-input{width:60px;background:transparent;border:none;text-align:center;font-size:16px;font-weight:700;color:#111827;outline:none;padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.sa-counter-input::-webkit-outer-spin-button,.sa-counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sa-counter-btn:active{background-color:#e5e7eb}.sa-add-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sa-list-add-btn{background-color:#2563eb;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;flex-shrink:0;box-shadow:0 2px 4px rgba(37,99,235,.2)}.sa-list-items{display:flex;flex-direction:column;gap:8px}.sa-list-item{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 12px;border-radius:8px;font-size:14px;color:#334155}.sa-delete-icon{color:#ef4444;cursor:pointer;font-size:18px}.about-sa-page ion-col{padding:8px!important}@media(min-width:768px){.about-sa-container{padding:24px}.sa-banner-section{margin-bottom:32px}}body.dark .about-sa-page{background-color:#000}body.dark .about-sa-page .sa-card,body.dark .about-sa-page .sa-logo-upload-area{background-color:#1a1a1a;border-color:#333;box-shadow:0 1px 3px rgba(255,255,255,.05)}body.dark .about-sa-page .sa-card-title,body.dark .about-sa-page .sa-upload-text,body.dark .about-sa-page .sa-counter-label,body.dark .about-sa-page .sa-counter-input,body.dark .about-sa-page .sa-list-item,body.dark .about-sa-page .sa-back-btn,body.dark .about-sa-page .sa-header-icon{color:#fff}body.dark .about-sa-page .sa-auto-calc-text,body.dark .about-sa-page .sa-upload-placeholder{color:#9ca3af}body.dark .about-sa-page .sa-input,body.dark .about-sa-page .sa-textarea{background-color:#262626;border-color:#404040;color:#fff}body.dark .about-sa-page .sa-input:focus,body.dark .about-sa-page .sa-textarea:focus{border-color:#3b82f6;background-color:#1f1f1f}body.dark .about-sa-page .sa-map-btn{background-color:#1e3a8a;color:#93c5fd;border-color:#1e40af}body.dark .about-sa-page .sa-map-btn:active{background-color:#172554}body.dark .about-sa-page .sa-list-item,body.dark .about-sa-page .sa-counter-controls{background-color:#262626;border-color:#333}body.dark .about-sa-page .sa-counter-btn{color:#d1d5db}body.dark .about-sa-page .sa-counter-btn:hover{background-color:#404040;color:#fff}body.dark .about-sa-page .sa-back-btn:active,body.dark .about-sa-page .sa-header-icon:active{background-color:#333}body.dark .about-sa-page .sa-logo-upload-area{border-color:#444}.public-contact-container{padding:10px;display:flex;flex-direction:column;gap:15px;background-color:#f8fafc;min-height:100vh}.public-card{background:#fff;border:1px solid #3880ff;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.card-header-badge{background-color:#3880ff;color:#fff;text-align:center;padding:6px 20px;font-weight:500;border-radius:12px;width:fit-content;margin:0 auto;position:absolute;top:-16px;left:0;right:0;z-index:10;font-size:.95rem;box-shadow:0 2px 4px rgba(56,128,255,.2)}.contact-form-card{padding:35px 20px 20px;border:1px solid #3880ff;border-radius:12px;box-shadow:none;overflow:visible}.custom-input-wrapper{display:flex;align-items:center;border:1px solid #1e1e1e;border-radius:8px;background:#fff;margin-bottom:20px;padding:2px 10px;height:50px}.custom-input-icon{display:flex;align-items:center;justify-content:center;margin-right:10px;color:#3880ff;font-size:1.2rem}.custom-ion-input{--padding-start: 0;--placeholder-color: #000;--placeholder-opacity: 1;--color: #000;font-size:1rem}.custom-input-wrapper ion-select{width:100%;--placeholder-color: #000;--placeholder-opacity: 1;color:#000}.custom-textarea-wrapper{border:1px solid #1e1e1e;border-radius:8px;background:#fff;padding:5px 10px;margin-bottom:20px}.custom-ion-textarea{--padding-start: 0;--placeholder-color: #000;--placeholder-opacity: 1;--color: #000;font-size:1rem;min-height:100px}.submit-btn{--background: #dbeafe;--color: #ffffff;--border-radius: 8px;font-weight:700;margin-top:10px;text-transform:none;font-size:1.1rem;height:50px;box-shadow:none}.submit-btn::part(native){background:#bfdbfe;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:background-color .3s ease}.submit-btn.filled::part(native){background-color:#3880ff!important;color:#fff}.principal-card{padding:20px;display:flex;flex-direction:column;gap:12px}.principal-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.principal-avatar{background:#f1f1f1;border:1px solid #707070;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.principal-info h3{color:#3880ff;font-size:1rem;margin:0;font-weight:700}.principal-info p{margin:2px 0 0;color:#000;font-size:.95rem;font-weight:400}.info-row{display:flex;align-items:center;gap:12px;color:#000;font-size:.95rem}.info-row ion-icon{color:#3880ff;font-size:1.3rem;min-width:24px}.location-edu-row{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.divider-vertical{width:2px;height:20px;background-color:#a0a0a0}.location-section-wrapper{display:flex;flex-direction:column;gap:10px}.section-title-external{font-size:1.1rem;font-weight:700;color:#3880ff;padding-left:5px}.location-card{padding:0;min-height:200px;display:flex}.map-placeholder{width:100%;height:200px;background-color:#fff;position:relative;display:flex;align-items:center;justify-content:center}.placeholder-map-icon-top{position:absolute;top:10px;left:10px;width:40px;height:40px}.placeholder-map-icon-top img{width:100%;height:100%;object-fit:contain}.google-maps-center{display:flex;flex-direction:column;align-items:center}.map-expand-icon{position:absolute;bottom:10px;right:10px;font-size:1.5rem;color:#5f6368}.address-card{padding:20px}.address-card .card-title{font-size:1.2rem;display:flex;align-items:center;gap:10px}.title-icon-wrapper{color:#3880ff;font-size:1.5rem;display:flex}.address-details{padding-left:15px;margin-bottom:30px;display:flex;flex-direction:column;gap:12px}.address-details p{font-size:.95rem;color:#000;margin:0;line-height:1.4}.contact-card-mini{border:1px solid #3880ff;border-radius:16px;margin-top:10px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.15);background:#fff;width:95%;margin-left:auto;margin-right:auto}.contact-mini-row{padding:15px 20px;display:flex;align-items:center;gap:15px}.contact-mini-row h4{color:#3880ff;font-size:1rem;font-weight:700;margin:0}.contact-mini-info p{font-size:.85rem;color:#000;font-weight:600;margin:2px 0 0}.icon-circle{background:#3880ff;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}@media(min-width:768px){.public-contact-container{max-width:550px;margin:0 auto;padding-top:20px;padding-bottom:40px}.public-card{width:100%}}body.dark .public-contact-container{background-color:#000}body.dark .public-card{background-color:#1a1a1a;border-color:#333;box-shadow:0 4px 6px -1px rgba(255,255,255,.05)}body.dark .contact-form-card{border-color:#3880ff}body.dark .custom-input-wrapper,body.dark .custom-textarea-wrapper{background-color:#262626;border-color:#404040}body.dark .custom-ion-input,body.dark .custom-ion-select,body.dark .custom-ion-textarea,body.dark .custom-input-wrapper ion-select{--color: #ffffff;--placeholder-color: #9ca3af;color:#fff}body.dark .custom-input-icon{color:#60a5fa}body.dark .principal-card{color:#e5e7eb}body.dark .principal-avatar{background:#333;border-color:#555;color:#fff}body.dark .principal-avatar ion-icon{color:#fff!important}body.dark .principal-info h3{color:#60a5fa}body.dark .principal-info p,body.dark .info-row{color:#d1d5db}body.dark .info-row ion-icon{color:#60a5fa}body.dark .divider-vertical{background-color:#555}body.dark .section-title-external{color:#60a5fa}body.dark .map-placeholder{background-color:#262626}body.dark .google-maps-center span{color:#d1d5db!important}body.dark .map-expand-icon{color:#d1d5db}body.dark .address-card .card-title{color:#e5e7eb}body.dark .title-icon-wrapper{color:#60a5fa}body.dark .address-details p{color:#d1d5db}body.dark .contact-card-mini{background:#262626;border-color:#333;box-shadow:0 4px 10px rgba(255,255,255,.05)}body.dark .contact-mini-row h4{color:#60a5fa}body.dark .contact-mini-info p{color:#d1d5db}body.dark .icon-circle{background:#1e3a8a;color:#bfdbfe}.contact-page{width:100%;height:calc(100% - 80px);overflow:auto;background-color:transparent;padding:10px;box-sizing:border-box;display:flex;justify-content:flex-start}.contact-full-std{height:100%}.contact-content-column{width:100%;max-width:100%;display:flex;flex-direction:column;gap:20px}.contact-section-container{background-color:#fff;border:1px solid #cce3ff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.contact-section-title{text-align:left;color:#007bff;font-size:1.2rem;font-weight:600;margin-bottom:20px;margin-top:5px;padding-left:5px}.section-divider{width:100%;height:1px;background-color:#e0e0e0;margin:10px 0;position:relative;overflow:visible}.contact-section-container .field{margin-top:15px;margin-bottom:0;position:relative!important;display:block!important}.contact-section-container ion-input,.contact-section-container ion-textarea{--background: #e6f2ff;--border-color: #d1e3fa;--border-radius: 8px;--border-width: 1px;--padding-start: 15px;--padding-end: 45px !important;--placeholder-color: #5f6c7b;--placeholder-opacity: .8;margin-top:0}.contact-section-container ion-input.has-focus,.contact-section-container ion-textarea.has-focus{--border-color: #3880ff}.contact-section-container .input-icon-container{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;z-index:100!important;color:#3880ff;pointer-events:none;display:flex!important;align-items:center;justify-content:center;height:100%;max-height:40px}.contact-section-container ion-icon{font-size:20px}.map-section-wrapper{margin-top:20px;width:100%}.sub_heading.color-blue{color:#3880ff;font-weight:600;font-size:1.1rem}.sub_heading.smaller-text{font-size:1rem;margin-top:-10px}.map-expand-icon{position:absolute;bottom:8px;right:8px;font-size:24px;color:#000}.g-justify-center{justify-content:center}.location-select-box{width:100%;min-height:150px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e6f2ff;color:#0054e9;border:1px dashed #0054e9;border-radius:8px;cursor:pointer}body.dark .contact-page{background-color:#000}body.dark .contact-section-container{background-color:#1a1a1a;border-color:#333;box-shadow:0 2px 8px rgba(255,255,255,.05)}body.dark .contact-section-title,body.dark .sub_heading.color-blue{color:#60a5fa}body.dark .sub_heading.smaller-text{color:#d1d5db}body.dark .contact-section-container ion-input,body.dark .contact-section-container ion-textarea{--background: #262626;--border-color: #404040;--color: #ffffff;--placeholder-color: #9ca3af}body.dark .contact-section-container ion-input.has-focus,body.dark .contact-section-container ion-textarea.has-focus{--border-color: #3b82f6}body.dark .contact-section-container .input-icon-container{color:#60a5fa}body.dark .map-expand-icon{color:#fff}body.dark .location-select-box{background:#1e1e1e!important;border-color:#3b82f6!important;color:#60a5fa!important}.contact-us-page-container{height:100%;overflow-y:hidden}.read-only-view .contact-section-container ion-input,.read-only-view .contact-section-container ion-textarea{opacity:1!important;--opacity: 1 !important;color:#000!important;--color: #000 !important;--background: #fff !important}body.dark .read-only-view .contact-section-container ion-input,body.dark .read-only-view .contact-section-container ion-textarea{color:#fff!important;--color: #fff !important;--background: #1a1a1a !important}.courses_page{height:100%;overflow-y:auto;background-color:var(--ion-background-color, #fff);padding:16px}.courses-title{color:#2563eb;margin:0 0 20px;font-size:16px;font-weight:600}.course-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #f0f0f0}.course-left-section{display:flex;align-items:center;gap:12px}.course-icon-student{font-size:32px;color:#1f2937}.course-info{display:flex;flex-direction:column}.course-name-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.course-name{font-size:16px;font-weight:700;color:#2563eb}.bulb-icon{font-size:18px;color:#fbbf24}.course-subtitle{font-size:12px;color:#1f2937;font-weight:500}.course-right-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.medium-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;min-width:70px;justify-content:center}.medium-chip.tm{background-color:#bfdbfe;color:#1e3a8a}.medium-chip.tm.inactive{background-color:#e5e7eb;color:#6b7280}.medium-chip.active{background-color:#bfdbfe;color:#111827}.medium-chip.inactive{background-color:#e5e7eb;color:#111827}.status-icon{font-size:14px}.status-icon.check{color:#16a34a}.status-icon.cross{color:#dc2626}@media(min-width:768px){.courses_page{max-width:800px;margin:0 auto;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border-radius:8px;padding:32px}.courses-title{font-size:24px;margin-bottom:32px}.course-card{padding:24px}.course-icon-student{font-size:48px}.course-name{font-size:20px}.bulb-icon{font-size:24px}.course-subtitle{font-size:14px}.medium-chip{font-size:14px;padding:8px 16px}}.empty-state-wrapper{display:flex;align-items:center;justify-content:center;height:100%;background:#fff}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.empty-state-title{color:#2563eb;font-size:22px;font-weight:700;margin-bottom:24px}.empty-state-img{width:200px;max-width:80%;margin-bottom:24px;object-fit:contain}.empty-state-desc{color:#1f509c;font-size:14px;line-height:1.5;font-weight:500}body.dark .courses_page{background-color:#000}body.dark .courses-title{color:#60a5fa}body.dark .course-card{background:#1a1a1a;border-color:#333;box-shadow:0 1px 3px rgba(255,255,255,.05)}body.dark .course-name{color:#60a5fa}body.dark .course-subtitle{color:#d1d5db}body.dark .course-icon-student{color:#9ca3af}body.dark .medium-chip.active{background-color:#1e3a8a;color:#bfdbfe}body.dark .medium-chip.inactive{background-color:#374151;color:#9ca3af}body.dark .empty-state-wrapper{background-color:#000}body.dark .empty-state-title{color:#60a5fa}body.dark .empty-state-desc{color:#9ca3af;background-color:transparent}body.dark .courses-m-sa{background-color:#000!important}body.dark .add_course_sa{background-color:#1a1a1a;border-color:#333;box-shadow:0 4px 6px -1px rgba(255,255,255,.05)}body.dark .add_course_sa .add_section p,body.dark .view_course_sa .view_section p{color:#fff}body.dark .add_course_sa input,body.dark .add_course_sa ion-select{background-color:#262626;border-color:#404040;color:#fff}body.dark .add_course_sa input::placeholder{color:#9ca3af}body.dark .course_sa_item{background-color:#1a1a1a;border-color:#333;color:#fff;border:1px solid #333;border-radius:8px;margin-bottom:10px;padding:8px}body.dark .course_sa_item ion-text p{color:#fff}body.dark .course_sa_item .remove_about ion-icon{color:#ef4444}body.dark .course_medium_txt ion-text p{color:#d1d5db}.custom-select::part(label){padding-left:5px;padding-right:5px;z-index:10;pointer-events:none}.user-page-container{height:100vh;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.bread-container{margin-bottom:8px}.profile-header-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px -1px rgba(0,0,0,.05);margin-bottom:16px;position:relative;flex-wrap:wrap;flex-shrink:0}.profile-avatar-wrapper{width:80px;height:80px;border-radius:30px;position:relative;flex-shrink:0;border:3px solid #eff6ff;cursor:pointer}.profile-avatar-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:30px}.avatar-expand-icon{position:absolute;bottom:-6px;right:-6px;background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#3b82f6;font-size:14px;z-index:2}.profile-header-info{flex:1;min-width:250px}.profile-name{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:4px;margin-top:0}.profile-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.profile-chip{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;display:inline-flex;align-items:center}.chip-role{background-color:#e0f2fe;color:#0284c7}.chip-branch{background-color:#f1f5f9;color:#475569;white-space:normal;text-align:center}.chip-gender-male{background-color:#dbeafe;color:#2563eb}.chip-gender-female{background-color:#fce7f3;color:#db2777}.profile-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;color:#64748b}.meta-item{display:flex;align-items:center;gap:6px}.profile-header-actions{margin-left:auto}.btn-edit-profile{background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .2s}.btn-edit-profile:hover{background-color:#2563eb}.profile-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start;flex:1;overflow:hidden;overflow-y:auto}.profile-section-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #bfdbfe;box-shadow:none;height:100%;display:flex;flex-direction:column;justify-content:center}.card-title{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:12px;border-bottom:none;padding-bottom:0;margin-top:0}.input-group{margin-bottom:12px}.input-label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:6px}.read-only-input{width:100%;background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 14px;font-size:14px;color:#334155;font-weight:500;box-sizing:border-box;cursor:default;outline:none}.read-only-input:focus{border-color:#bfdbfe;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.right-column-stack{display:flex;flex-direction:column;gap:16px;height:100%}.account-actions{display:flex;gap:20px;align-items:center;justify-content:center;padding-top:10px}.btn-change-password{background-color:#15803d;color:#fff;padding:10px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:opacity .2s;font-size:14px}.btn-change-password:hover{opacity:.9}.btn-logout{background-color:#fff;border:1px solid #fda4af;color:#ef4444;padding:10px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s;font-size:14px}.btn-logout:hover{background-color:#fff1f2}.more-info-link{text-align:center;background-color:#e0f2fe;color:#0f172a;font-size:14px;margin:20px auto 0;cursor:pointer;text-decoration:none;padding:8px 24px;border-radius:20px;width:fit-content;font-weight:600}@media(max-width:900px){.profile-content-grid{grid-template-columns:1fr;overflow:visible}.user-page-container{height:100vh;display:block;padding-bottom:40px}}@media(max-width:600px){.profile-header-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"name name" "avatar role" "info info" "actions actions";align-items:center;gap:8px;padding:16px}.profile-avatar-wrapper{grid-area:avatar;width:70px;height:70px;margin:0;border-radius:24px}.profile-avatar-wrapper img{border-radius:24px}.profile-name{grid-area:name;font-size:18px;margin:0}.profile-chips{grid-area:role;margin:0;justify-content:flex-start;gap:8px}.profile-header-info{display:contents}.chip-role{font-weight:500;font-size:14px}.profile-meta-row{grid-area:info;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:8px;color:#64748b}.profile-header-actions{position:absolute;top:-20px;right:12px;margin:0;width:auto;grid-area:unset}.btn-edit-profile{font-size:12px;padding:6px 12px}.meta-dob{display:none}.user-page-container{padding:0}.card-title{font-size:18px}.manage-actions-user-profile{margin-bottom:100px}.profile-content-grid{overflow:auto;height:calc(100% - 236px)}.other-user-profile{margin-bottom:100px}}body.dark .profile-header-card,body.dark .profile-section-card{background-color:var(--ion-card-background, #1c1c1d);border-color:#333;box-shadow:none}body.dark .profile-name,body.dark .card-title{color:var(--ion-text-color, #ffffff)}body.dark .input-label,body.dark .profile-meta-row{color:#94a3b8}body.dark .read-only-input{background-color:#0f172a;border-color:#334155;color:#e2e8f0}body.dark .read-only-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}body.dark .profile-avatar-wrapper{border-color:#1e293b}body.dark .avatar-expand-icon{background-color:#334155;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.4)}body.dark .chip-role{background-color:#1e293b;color:#38bdf8}body.dark .chip-branch{background-color:#334155;color:#e2e8f0}body.dark .chip-gender-male{background-color:#172554;color:#60a5fa}body.dark .chip-gender-female{background-color:#831843;color:#f472b6}body.dark .more-info-link{background-color:#1e293b;color:#e2e8f0}body.dark .btn-change-password{background-color:#15803d;color:#fff}body.dark .btn-change-password:hover{background-color:#166534}body.dark .btn-logout{background-color:transparent;border-color:#ef4444;color:#ef4444}body.dark .btn-logout:hover{background-color:rgba(239,68,68,.15)}.slider-container{position:relative;overflow:hidden;width:100%;height:250px}.image-wrapper{display:flex;height:100%;align-items:center;justify-content:center;transition:transform 1s ease}.main-image{width:65%;height:100%;transition:transform 1s ease}.next-image{width:15%;height:80%;margin-left:10px;opacity:.6;transition:transform 1s ease}.prev-image{width:15%;height:80%;margin-right:10px;opacity:.6;transition:transform 1s ease}.legal-page{padding:20px;max-width:900px;margin:0 auto;height:calc(100% - 110px);overflow:auto}.legal-title{margin-top:20px}.container-legal{margin-top:70px}.legal-title h1{font-weight:700;margin-bottom:10px;color:var(--app-color);text-align:center}.legal-page section{margin-bottom:30px}.legal-page section h2{color:var(--app-color);margin-bottom:8px}.legal-page p{color:var(--app-dark);line-height:1.6;margin-bottom:16px}.legal-nav-container{text-align:center;border-bottom:1px solid #ccc}@media(max-width:768px){.legal-nav-container{padding-top:42px}}.legal-holder{display:flex;justify-content:center;gap:1.5rem;height:100%;width:calc(100% - 132px);padding:8px;margin-left:94px}@media(max-width:768px){.legal-holder{width:100%;margin-left:0}}.legal-nav-link{text-decoration:none;color:#555;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:background-color .3s ease,color .3s ease}.legal-nav-link:hover{background-color:#e0e0e0}.legal-nav-link.active{background-color:#007bff;color:#fff;font-weight:600}.about-gnanavyuham-container{font-family:Poppins,sans-serif;max-width:1200px;margin:0 auto;padding:1rem;height:100vh;overflow:auto}.hero{text-align:center;padding:3rem 1rem;border-radius:12px}.hero h1{font-size:2rem;margin-bottom:.5rem;color:var(--app-dark)}.hero .tagline{font-size:1.25rem;color:var(--app-dark)}.features{margin-bottom:3rem}.features h2{font-size:2rem;margin-bottom:1.5rem;text-align:center;color:var(--app-dark)}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.card{border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;background:var(--app-color)}.card:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgba(0,0,0,.12)}.card h3{font-size:1.25rem;margin-bottom:.5rem}.card p{font-size:1rem;line-height:1.6}.importance{padding:2rem;border-radius:12px}@media(max-width:760px){.importance{padding:0}}.importance h2{font-size:2rem;margin-bottom:1rem;text-align:center;color:var(--app-dark)}.importance ul{list-style:disc inside;font-size:1rem;line-height:1.8;color:var(--app-dark)}.usage{padding:2rem 1rem;text-align:center}.usage h2{font-size:2rem;margin-bottom:1rem;color:var(--app-dark)}.usage p{font-size:1.1rem;max-width:800px;margin:0 auto;line-height:1.8;color:var(--app-dark);text-align:justify}