:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{inset:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}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: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-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 #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media (min-width: 576px){.ion-display-sm-none{display:none!important}}@media (min-width: 768px){.ion-display-md-none{display:none!important}}@media (min-width: 992px){.ion-display-lg-none{display:none!important}}@media (min-width: 1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media (min-width: 576px){.ion-display-sm-inline{display:inline!important}}@media (min-width: 768px){.ion-display-md-inline{display:inline!important}}@media (min-width: 992px){.ion-display-lg-inline{display:inline!important}}@media (min-width: 1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media (min-width: 576px){.ion-display-sm-inline-block{display:inline-block!important}}@media (min-width: 768px){.ion-display-md-inline-block{display:inline-block!important}}@media (min-width: 992px){.ion-display-lg-inline-block{display:inline-block!important}}@media (min-width: 1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media (min-width: 576px){.ion-display-sm-block{display:block!important}}@media (min-width: 768px){.ion-display-md-block{display:block!important}}@media (min-width: 992px){.ion-display-lg-block{display:block!important}}@media (min-width: 1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media (min-width: 576px){.ion-display-sm-flex{display:flex!important}}@media (min-width: 768px){.ion-display-md-flex{display:flex!important}}@media (min-width: 992px){.ion-display-lg-flex{display:flex!important}}@media (min-width: 1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media (min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media (min-width: 768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media (min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media (min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media (min-width: 576px){.ion-display-sm-grid{display:grid!important}}@media (min-width: 768px){.ion-display-md-grid{display:grid!important}}@media (min-width: 992px){.ion-display-lg-grid{display:grid!important}}@media (min-width: 1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media (min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media (min-width: 768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media (min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media (min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media (min-width: 576px){.ion-display-sm-table{display:table!important}}@media (min-width: 768px){.ion-display-md-table{display:table!important}}@media (min-width: 992px){.ion-display-lg-table{display:table!important}}@media (min-width: 1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media (min-width: 576px){.ion-display-sm-table-cell{display:table-cell!important}}@media (min-width: 768px){.ion-display-md-table-cell{display:table-cell!important}}@media (min-width: 992px){.ion-display-lg-table-cell{display:table-cell!important}}@media (min-width: 1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media (min-width: 576px){.ion-display-sm-table-row{display:table-row!important}}@media (min-width: 768px){.ion-display-md-table-row{display:table-row!important}}@media (min-width: 992px){.ion-display-lg-table-row{display:table-row!important}}@media (min-width: 1200px){.ion-display-xl-table-row{display:table-row!important}}.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);padding-inline-start: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);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--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);padding-inline-start: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);margin-inline-start: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);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--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);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media (min-width: 576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media (min-width: 768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media (min-width: 992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media (min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (min-width: 576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media (min-width: 768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media (min-width: 992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media (min-width: 1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media (min-width: 576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media (min-width: 768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media (min-width: 992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media (min-width: 1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media (min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media (min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media (min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media (min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media (min-width: 576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media (min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media (min-width: 576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media (min-width: 768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media (min-width: 992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media (min-width: 1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media (min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media (min-width: 768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media (min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media (min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media (min-width: 576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media (min-width: 768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media (min-width: 992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media (min-width: 1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}@supports (-webkit-touch-callout: none){ion-header{padding-top:env(safe-area-inset-top)}ion-content{--padding-top: 0;--padding-bottom: env(safe-area-inset-bottom)}ion-toolbar{padding-top:8px;padding-bottom:8px}}@media all and (display-mode: standalone){html,body{overscroll-behavior:none;overflow:hidden}}@supports (-webkit-touch-callout: none){*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}}:root{--ion-font-family: "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.latin,.ltr-num{font-family:var(--font-latin);direction:ltr}html,body{font-family:var(--ion-font-family);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-main);color:var(--text-primary)}ion-item{--padding-start: var(--space-md);--padding-end: var(--space-md);--inner-padding-start: 0;--inner-padding-end: 0;--min-height: 48px;--border-radius: var(--radius-md)}ion-label{text-align:right}ion-input,ion-textarea{text-align:right}ion-item ion-icon[slot=start]{margin-inline-end:16px;margin-inline-start:0}ion-toolbar{--background: var(--bg-header);--color: #fff}ion-toolbar ion-title{color:#fff!important;--color: #fff !important}ion-toolbar ion-back-button,ion-toolbar ion-button,ion-toolbar ion-menu-button{--color: #fff;color:#fff}ion-header ion-toolbar ion-title{color:#fff!important;--color: #fff !important}ion-toolbar[color=primary]{--background: var(--ion-color-primary) !important;--color: var(--ion-color-primary-contrast) !important}ion-toolbar[color=primary] ion-title{color:var(--ion-color-primary-contrast)!important;--color: var(--ion-color-primary-contrast) !important}ion-toolbar[color=primary] ion-buttons,ion-toolbar[color=primary] ion-button,ion-toolbar[color=primary] ion-back-button{--color: var(--ion-color-primary-contrast) !important;color:var(--ion-color-primary-contrast)!important}ion-toolbar[color=primary] ion-icon{color:var(--ion-color-primary-contrast)!important}ion-toolbar.ion-color-primary ion-title{color:#fff!important}ion-title.ion-color-primary,.ion-color-primary ion-title{color:#fff!important;--color: #fff !important}ion-title .toolbar-title{color:inherit!important}.ion-color-primary{--ion-color-base: var(--ion-color-primary) !important;--ion-color-contrast: #fff !important}.ion-color-primary ion-title{color:#fff!important;--color: #fff !important}ion-toolbar.ion-color ion-title{color:var(--ion-color-contrast, #fff)!important}ion-header ion-toolbar ion-title{color:#fff!important;--color: #ffffff !important}ion-header ion-toolbar ion-title *{color:#fff!important}ion-modal ion-header ion-toolbar{--min-height: 56px !important;padding-top:12px!important;padding-bottom:12px!important}ion-modal ion-header ion-toolbar ion-title{color:#fff!important;--color: #ffffff !important}.role-switcher{display:flex;align-items:center;position:relative;margin-left:4px;flex-shrink:1;min-width:0;max-width:min(30vw,120px)}.role-switcher .role-switcher-select{appearance:none;-webkit-appearance:none;background:#ffffff26!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:var(--radius-md, 8px);padding:4px 8px 4px 24px;font-size:12px;font-weight:600;font-family:inherit;color:#fff!important;cursor:pointer;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl}.role-switcher .role-switcher-select:focus{outline:none;border-color:var(--brand-mint)}.role-switcher .role-switcher-select option{direction:rtl;font-weight:600;white-space:normal;background:var(--brand-dark, #004851)!important;color:#fff!important;padding:8px 12px}.role-switcher .role-switcher-icon{position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:12px;color:#ffffffb3!important;pointer-events:none;flex-shrink:0}ion-card{border-radius:var(--radius-2xl);box-shadow:0 1px 2px #0048510f,0 4px 12px #00485114,0 8px 24px #0048510a;border:1px solid rgba(0,72,81,.08);margin:12px 16px;background:var(--surface-bright);transition:all .3s var(--ease-smooth);position:relative;overflow:hidden}ion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);pointer-events:none;z-index:1}ion-card:hover{box-shadow:0 2px 4px #00485114,0 8px 24px #0048511f,0 16px 40px #00485114;transform:translateY(-2px);border-color:#0048511f}ion-card:active{transform:scale(.99) translateY(0);box-shadow:0 1px 2px #00485114,0 4px 8px #0048510f}.haan-card{background:linear-gradient(135deg,#fff,#fafcfc);border-radius:var(--radius-2xl);border:1px solid rgba(7,100,110,.06);box-shadow:0 4px 20px #00485114,0 1px 3px #0048510a;padding:var(--card-padding);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.haan-card--elevated{box-shadow:0 8px 32px #0048511f,0 2px 8px #0048510f}.haan-card--interactive{cursor:pointer}.haan-card--interactive:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00485124,0 4px 12px #00485114;border-color:#07646e1f}.haan-card--interactive:active{transform:scale(.98)}.haan-card--accent{border-right:4px solid var(--brand-primary);background:linear-gradient(135deg,#fff,#07646e05)}.haan-card--purple{border-right:4px solid var(--brand-purple);background:linear-gradient(135deg,#fff,#9578d305)}.haan-card--success{border-right:4px solid var(--success);background:linear-gradient(135deg,#fff,#1e8e6f05)}.haan-card--warning{border-right:4px solid var(--warning);background:linear-gradient(135deg,#fff,#c98a1a05)}.haan-card--danger{border-right:4px solid var(--error);background:linear-gradient(135deg,#fff,#c0473c05)}.modern-card{background:linear-gradient(165deg,#fff,#f8fafb);border-radius:var(--radius-2xl);border:1px solid rgba(7,100,110,.05);box-shadow:0 4px 24px #0048510f,0 1px 4px #00485108,inset 0 1px #fffc;padding:20px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(101,215,210,.03) 0%,transparent 100%);pointer-events:none}.modern-card:after{content:"";position:absolute;top:-40px;right:-40px;width:100px;height:100px;background:radial-gradient(circle,rgba(101,215,210,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.modern-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0048511f,0 6px 16px #0048510f,inset 0 1px #ffffffe6;border-color:#07646e1a}.modern-card:active{transform:translateY(-2px) scale(.99)}.modern-card--hero{background:var(--hero-gradient-card);border:none;color:#fff;box-shadow:0 16px 48px #00485159}.modern-card--hero:before{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%)}.modern-card--hero:after{background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%)}.modern-card--hero:hover{box-shadow:0 20px 60px #00485173}.modern-card--purple{border:1px solid rgba(149,120,211,.15)}.modern-card--purple:before{background:linear-gradient(180deg,rgba(149,120,211,.03) 0%,transparent 50%)}.modern-card--purple:after{background:radial-gradient(circle,rgba(149,120,211,.08) 0%,transparent 70%)}.modern-card--stat{padding:18px;min-height:100px}.modern-card--stat .stat-icon-wrap{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:linear-gradient(135deg,var(--teal-50) 0%,rgba(101,215,210,.08) 100%);box-shadow:0 4px 12px #07646e14}.modern-card--stat .stat-icon-wrap ion-icon{font-size:22px;color:var(--brand-primary)}.modern-card--stat .stat-value{font-size:2rem;font-weight:800;color:var(--n900);line-height:1;letter-spacing:-.03em}.modern-card--stat .stat-label{font-size:.82rem;font-weight:600;color:var(--n500);margin-top:6px}.modern-card--glass{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5)}ion-card-header{padding:22px 24px 14px;position:relative;z-index:1}ion-card-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;line-height:1.3}ion-card-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:6px;font-weight:500}ion-card-content{padding:18px 24px 24px;position:relative;z-index:1}.glass-card{background:#ffffffb3!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 8px 32px #00485114,inset 0 0 0 1px #ffffff4d}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;white-space:nowrap;transition:all var(--transition-fast);position:relative;overflow:hidden}.status-badge ion-icon{font-size:14px}.status-scheduled{background:var(--status-scheduled-bg);color:var(--status-scheduled);border:1px solid rgba(7,100,110,.2)}.status-purple{background:var(--status-purple-bg);color:var(--status-purple);border:1px solid rgba(149,120,211,.25)}.status-alerting{background:var(--status-alerting-bg);color:var(--status-alerting);border:1px solid rgba(201,138,26,.25);animation:pulse-soft 2s ease-in-out infinite}.status-alerting:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,138,26,.1),transparent);animation:shimmer 2s infinite;background-size:200% 100%}.status-pending{background:var(--status-pending-bg);color:var(--brand-primary);border:1px solid rgba(7,100,110,.2)}.status-assigned{background:var(--status-assigned-bg);color:var(--status-assigned);border:1px solid rgba(30,142,111,.2)}.status-failed{background:var(--status-failed-bg);color:var(--status-failed);border:1px solid rgba(192,71,60,.2)}.status-unavailable{background:var(--status-unavailable-bg);color:var(--status-unavailable);border:1px solid rgba(107,122,125,.2)}ion-button{--border-radius: var(--btn-radius);font-weight:var(--btn-font-weight);letter-spacing:.01em;--box-shadow: var(--btn-shadow);min-height:var(--btn-height);transition:all var(--transition-fast);position:relative;overflow:hidden}ion-button:focus-visible{outline:none;--box-shadow: var(--focus-ring), var(--btn-shadow)}ion-button:hover:not(:disabled){transform:translateY(-1px);--box-shadow: var(--btn-shadow-hover)}ion-button:active:not(:disabled){transform:scale(.98) translateY(0);--box-shadow: 0 2px 4px rgba(0, 72, 81, .15)}ion-button.btn-sm{min-height:var(--btn-height-sm);font-size:.85rem;--padding-start: 12px;--padding-end: 12px}ion-button.btn-lg{min-height:var(--btn-height-lg);font-size:1.1rem;--padding-start: 28px;--padding-end: 28px}ion-button.btn-pill{--border-radius: var(--btn-radius-full)}ion-button.btn-block{width:100%}ion-button[color=primary]{--background: var(--brand-primary);--background-hover: var(--brand-secondary);--background-activated: var(--brand-secondary);--box-shadow: 0 4px 12px rgba(0, 72, 81, .3);--color: #ffffff}ion-button[color=primary]:hover:not(:disabled){--box-shadow: 0 6px 20px rgba(0, 72, 81, .4)}ion-button[color=secondary]{--background: var(--brand-secondary);--background-hover: var(--brand-primary);--box-shadow: 0 4px 12px rgba(7, 100, 110, .3);--color: #ffffff}ion-button[color=secondary]:hover:not(:disabled){--box-shadow: 0 6px 20px rgba(7, 100, 110, .4)}ion-button[color=tertiary]{--background: var(--brand-purple);--background-hover: var(--purple-700);--background-activated: var(--purple-800);--box-shadow: 0 4px 12px rgba(149, 120, 211, .3);--color: #ffffff}ion-button[color=tertiary]:hover:not(:disabled){--box-shadow: 0 6px 20px rgba(149, 120, 211, .4)}ion-button[color=success]{--background: var(--gradient-success);--box-shadow: 0 4px 12px rgba(16, 185, 129, .3)}ion-button[color=success]:hover:not(:disabled){--box-shadow: 0 6px 20px rgba(16, 185, 129, .4)}ion-button[color=warning]{--background: var(--gradient-warning);--box-shadow: 0 4px 12px rgba(245, 158, 11, .3)}ion-button[color=warning]:hover:not(:disabled){--box-shadow: 0 6px 20px rgba(245, 158, 11, .4)}ion-button[color=danger]{--background: var(--gradient-danger);--box-shadow: 0 4px 12px rgba(239, 68, 68, .3)}ion-button[color=danger]:hover:not(:disabled){--box-shadow: 0 6px 20px rgba(239, 68, 68, .4)}ion-button[fill=outline]{--border-width: 1.5px;--border-color: var(--brand-primary);--color: var(--brand-primary);--box-shadow: none;--background: transparent}ion-button[fill=outline]:hover:not(:disabled){--background: rgba(7, 100, 110, .08);--border-color: var(--brand-secondary)}ion-button[fill=outline]:active:not(:disabled){--background: rgba(7, 100, 110, .12)}ion-button[fill=outline]:focus-visible{--box-shadow: var(--focus-ring)}ion-button[fill=clear]{--color: var(--brand-primary);--box-shadow: none;--background: transparent}ion-button[fill=clear]:hover:not(:disabled){--background: rgba(7, 100, 110, .06)}ion-button[fill=clear]:active:not(:disabled){--background: rgba(7, 100, 110, .1)}ion-button[fill=clear]:focus-visible{--box-shadow: var(--focus-ring)}ion-button ion-spinner{width:20px;height:20px}ion-button:disabled,ion-button[disabled]{opacity:.45;cursor:not-allowed;--box-shadow: none;transform:none!important;pointer-events:none;filter:grayscale(20%)}ion-item.item-has-focus{--background: var(--focus-bg)}ion-input:focus-within,ion-textarea:focus-within{--background: var(--focus-bg)}input:focus,textarea:focus{background-color:var(--focus-bg);outline:none}.loading-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;gap:16px}.loading-overlay ion-spinner{width:48px;height:48px;--color: var(--brand-primary)}.loading-overlay p{color:var(--text-secondary);font-size:.95rem;margin:0;animation:fadeIn .5s ease-out}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-surface) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-title{height:20px;width:60%;margin-bottom:12px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.empty-state{text-align:center;padding:80px 24px;animation:fadeInUp .5s var(--ease-out-expo)}.empty-state ion-icon{font-size:72px;margin-bottom:24px;color:var(--brand-accent);opacity:.6;animation:bounce-subtle 2s ease-in-out infinite}.empty-state h3{margin:0 0 12px;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.empty-state p{margin:0;font-size:1rem;max-width:280px;margin-inline:auto;line-height:1.6;color:var(--text-muted)}.offline-banner{background:var(--gradient-warning);color:#000;text-align:center;padding:12px;font-size:.9rem;font-weight:600}.time-display{font-size:2rem;font-weight:800;color:var(--brand-primary);letter-spacing:-.02em;line-height:1}.time-label{font-size:.875rem;color:var(--text-muted);font-weight:500;margin-top:4px}ion-list{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);margin:12px 16px;background:var(--bg-card)}ion-list ion-item:last-child{--border-width: 0}ion-alert{--background: var(--bg-card);--max-width: 320px}ion-alert .alert-wrapper{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}ion-alert .alert-head{padding:24px 24px 12px;text-align:center}ion-alert .alert-title{font-size:1.2rem;font-weight:700;color:var(--text-primary)!important}ion-alert .alert-sub-title,ion-alert .alert-message{font-size:.95rem;color:var(--text-secondary)!important;text-align:center}ion-alert .alert-button-group{padding:16px 20px 20px;gap:10px}ion-alert .alert-button{border-radius:var(--radius-lg);font-weight:700;min-height:48px;color:var(--brand-primary);border:none!important}ion-alert .alert-button.alert-button-role-cancel{color:var(--text-muted)}ion-alert .alert-button.alert-button-role-destructive{color:var(--ion-color-danger)}ion-alert .alert-button-inner{border:none!important}ion-alert .alert-button-group-vertical .alert-button{border-right:none!important;border-left:none!important}ion-alert.taken-prayers-alert .alert-message{text-align:right;white-space:pre-line;line-height:1.8;padding:16px 20px;background:#ef444414;border-radius:var(--radius-lg);margin:0 16px 8px;color:var(--text-primary)!important;font-size:.9rem}ion-alert.taken-prayers-alert .alert-title{color:#ef4444!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 12px #65d7d24d}50%{box-shadow:0 0 24px #65d7d280}}@keyframes glow-purple{0%,to{box-shadow:0 0 12px #9578d34d}50%{box-shadow:0 0 24px #9578d380}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 8px rgba(101,215,210,.4))}50%{filter:drop-shadow(0 0 16px rgba(101,215,210,.6))}}@keyframes pulseGlow-purple{0%,to{filter:drop-shadow(0 0 8px rgba(149,120,211,.4))}50%{filter:drop-shadow(0 0 16px rgba(149,120,211,.6))}}.animate-fade-in{animation:fadeIn .25s var(--ease-out-expo)}.animate-fade-in-up{animation:fadeInUp .35s var(--ease-out-expo)}.animate-fade-in-scale{animation:fadeInScale .3s var(--ease-out-expo)}.animate-slide-in{animation:slideInRight .4s var(--ease-out-expo)}.animate-pulse{animation:pulse-soft 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-bounce{animation:bounce-subtle 1s ease-in-out infinite}.text-primary{color:var(--brand-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--brand-accent)}.text-purple{color:var(--brand-purple-text)}.bg-subtle{background:var(--bg-elevated)}.bg-surface{background:var(--surface-container)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}ion-segment{--background: var(--surface-dim);background:var(--surface-dim);border-radius:var(--radius-full);padding:4px;margin:8px 16px;border:1px solid rgba(0,72,81,.06)}ion-segment ion-segment-button{--background: transparent;--background-checked: var(--surface-bright);--color: var(--n600);--color-checked: var(--brand-dark);--indicator-color: transparent;--indicator-box-shadow: none;--border-radius: var(--radius-full);--padding-start: 16px;--padding-end: 16px;min-height:40px;margin:0;font-weight:500;transition:all .25s var(--ease-smooth);position:relative}ion-segment ion-segment-button::part(indicator){display:none}ion-segment ion-segment-button::part(indicator-background){background:var(--surface-bright);border-radius:var(--radius-full)}ion-segment ion-segment-button ion-icon{color:var(--n500);font-size:18px;margin-bottom:2px;transition:color .2s ease}ion-segment ion-segment-button ion-label{font-size:.84rem;text-transform:none;font-weight:500;color:var(--n600);transition:all .2s ease}ion-segment ion-segment-button ion-badge{margin-inline-start:8px;font-size:.66rem;padding:3px 8px;border-radius:var(--radius-full);opacity:.7}ion-segment ion-segment-button:not(.segment-button-checked):hover{--background: rgba(0, 72, 81, .04)}ion-segment ion-segment-button:not(.segment-button-checked):hover ion-icon{color:var(--n700)}ion-segment ion-segment-button:not(.segment-button-checked):hover ion-label{color:var(--n700)}ion-segment ion-segment-button.segment-button-checked{--box-shadow: 0 1px 2px rgba(0, 72, 81, .08), 0 4px 12px rgba(0, 72, 81, .1)}ion-segment ion-segment-button.segment-button-checked ion-icon{color:var(--brand-primary)}ion-segment ion-segment-button.segment-button-checked ion-label{font-weight:700;color:var(--brand-dark)}ion-segment ion-segment-button.segment-button-checked ion-badge{opacity:1}ion-segment ion-segment-button:focus-visible{outline:2px solid var(--brand-mint);outline-offset:2px}ion-toolbar ion-segment{padding:0;margin:8px 16px}.avatar,ion-avatar{--background: var(--bg-elevated);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color)}.avatar ion-icon,ion-avatar ion-icon{color:var(--brand-primary);font-size:24px}.avatar span,.avatar .avatar-text,ion-avatar span,ion-avatar .avatar-text{color:var(--text-primary);font-weight:700;font-size:16px}.avatar-circle{width:44px;height:44px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color)}.avatar-circle ion-icon{color:var(--brand-primary);font-size:22px}.avatar-circle span{color:var(--text-primary);font-weight:700;font-size:14px}.avatar-sm{width:32px;height:32px}.avatar-sm ion-icon{font-size:16px}.avatar-sm span{font-size:12px}.avatar-lg{width:56px;height:56px}.avatar-lg ion-icon{font-size:28px}.avatar-lg span{font-size:20px}ion-toast{--background: var(--bg-card);--color: var(--text-primary);--border-radius: var(--radius-lg);--box-shadow: var(--shadow-lg);--button-color: var(--brand-primary)}ion-toast::part(container){padding:16px 20px}ion-toast::part(message){font-weight:600}ion-toast.toast-success{--background: var(--status-assigned-bg);--color: var(--status-assigned);border-right:4px solid var(--status-assigned)}ion-toast.toast-error{--background: var(--status-failed-bg);--color: var(--status-failed);border-right:4px solid var(--status-failed)}ion-toast.toast-warning{--background: var(--status-alerting-bg);--color: var(--status-alerting);border-right:4px solid var(--status-alerting)}ion-input,ion-textarea,ion-select{--highlight-color-focused: var(--brand-mint);--highlight-color-valid: var(--ion-color-success);--highlight-color-invalid: var(--ion-color-danger);--padding-start: var(--space-md);--padding-end: var(--space-md);font-size:var(--text-base);transition:all var(--transition-fast)}ion-item{--transition: background-color .2s ease, border-color .2s ease;--highlight-height: 2px;--highlight-color-focused: var(--brand-mint);--background: var(--surface-bright)}ion-item.item-has-focus{--background: var(--focus-bg);--border-color: var(--brand-mint)}ion-input.input-standalone,ion-textarea.input-standalone{--background: var(--surface-bright);--padding-top: var(--space-sm);--padding-bottom: var(--space-sm);border:1.5px solid var(--n300);border-radius:var(--radius-lg);transition:all var(--transition-fast)}ion-input.input-standalone:focus-within,ion-textarea.input-standalone:focus-within{border-color:var(--brand-primary);box-shadow:var(--focus-ring)}ion-fab-button{--background: var(--brand-primary);--box-shadow: var(--shadow-button-hover);transition:all var(--transition-normal)}ion-fab-button:hover{--box-shadow: 0 12px 30px -8px rgba(7, 100, 110, .8);transform:scale(1.08)}ion-fab-button:active{transform:scale(.95)}ion-fab-button[color=tertiary]{--background: var(--brand-purple);--box-shadow: 0 10px 24px -8px rgba(149, 120, 211, .6)}ion-fab-button[color=tertiary]:hover{--box-shadow: 0 12px 30px -8px rgba(149, 120, 211, .7)}ion-fab-button[color=secondary]{--background: var(--brand-mint);--box-shadow: 0 10px 24px -8px rgba(101, 215, 210, .6);--color: var(--brand-dark)}ion-fab-button[color=secondary]:hover{--box-shadow: 0 12px 30px -8px rgba(101, 215, 210, .7)}.haan-fab-label{background:#fff;color:var(--brand-dark);font-size:.82rem;font-weight:700;padding:9px 14px;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);white-space:nowrap}.haan-hero{position:relative;overflow:hidden;color:#fff;background:var(--hero-gradient)}.haan-hero:before{content:"";position:absolute;top:-22%;left:50%;transform:translate(-50%);width:150%;aspect-ratio:1;background:var(--hero-glow);pointer-events:none;z-index:0}.haan-hero>*{position:relative;z-index:1}.haan-hero--page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.haan-hero--header{background:linear-gradient(180deg,var(--brand-dark),var(--brand-primary));padding:16px 16px 20px}.haan-meander{position:absolute;inset:0;background-image:url(meander.a0f2e086b20b323f.svg);background-size:120px;opacity:var(--hero-meander-opacity);pointer-events:none;z-index:0}.haan-hero--card{background:var(--hero-gradient-card);border-radius:var(--radius-2xl);box-shadow:0 16px 40px -12px #0447528c;padding:28px 24px}.haan-hero--card:before{display:none}.haan-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:12px}.haan-section-header .section-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.haan-section-header .section-title ion-icon{font-size:1.2rem;color:var(--brand-primary)}.haan-section-header .section-subtitle{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.haan-section-header .section-badge{padding:4px 12px;border-radius:var(--badge-radius);font-size:.75rem;font-weight:700;background:var(--brand-primary);color:#fff}.haan-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:4px 0}.haan-stat-card{background:var(--n0);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:var(--card-border);padding:16px;position:relative;overflow:hidden;transition:all var(--transition-normal)}.haan-stat-card:after{content:"";position:absolute;top:-30px;right:-30px;width:80px;height:80px;background:linear-gradient(135deg,rgba(101,215,210,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.haan-stat-card:active{transform:scale(.98)}.haan-stat-card .stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:var(--teal-50);color:var(--brand-primary)}.haan-stat-card .stat-icon ion-icon{font-size:18px;color:inherit}.haan-stat-card .stat-icon--success{background:#1e8e6f1f;color:var(--success)}.haan-stat-card .stat-icon--warning{background:#c98a1a24;color:var(--warning)}.haan-stat-card .stat-icon--danger{background:#c0473c1f;color:var(--error)}.haan-stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--n900);line-height:1}.haan-stat-card .stat-label{font-size:.8rem;font-weight:500;color:var(--n500);margin-top:4px}.haan-stat-card.wide{grid-column:span 2}.haan-stat-card.wide .stat-content{display:flex;align-items:center;gap:14px}.haan-stat-card.wide .stat-icon{margin-bottom:0}.haan-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;animation:fadeInUp .5s var(--ease-out-expo)}.haan-empty-state .empty-icon{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#07646e14,#07646e0a);display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative}.haan-empty-state .empty-icon:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px dashed rgba(7,100,110,.15)}.haan-empty-state .empty-icon ion-icon{font-size:48px;color:var(--brand-primary);opacity:.6;animation:floatIcon 3s ease-in-out infinite}.haan-empty-state .empty-title{font-size:1.25rem;font-weight:700;color:var(--n900);margin:0 0 8px}.haan-empty-state .empty-subtitle{font-size:1rem;color:var(--n500);margin:0 0 24px;max-width:280px;line-height:1.6}.haan-empty-state ion-button{--border-radius: var(--btn-radius);--padding-start: 24px;--padding-end: 24px;font-weight:600}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.haan-countdown{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--teal-50);border-radius:var(--radius-lg);border:1px solid var(--teal-100)}.haan-countdown.purple{background:var(--purple-50);border-color:var(--purple-200)}.haan-countdown.purple .countdown-label,.haan-countdown.purple .countdown-value,.haan-countdown.purple .countdown-separator{color:var(--brand-purple)}.haan-countdown .countdown-label{font-size:.75rem;color:var(--brand-primary);font-weight:700;letter-spacing:.3px;margin-bottom:10px}.haan-countdown .countdown-timer{display:flex;align-items:center;gap:6px;direction:ltr}.haan-countdown .countdown-segment{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#fff;border-radius:var(--radius-sm);min-width:48px;box-shadow:0 1px 4px #00485114}.haan-countdown .countdown-value{font-size:1.4rem;font-weight:800;color:var(--brand-primary);font-family:var(--font-latin);line-height:1}.haan-countdown .countdown-unit{font-size:.65rem;color:var(--n500);font-weight:600;margin-top:4px}.haan-countdown .countdown-separator{font-size:1.25rem;font-weight:700;color:var(--brand-primary);opacity:.6;animation:blink 1s step-end infinite}.haan-countdown.urgent{background:var(--status-alerting-bg);border-color:#c98a1a66}.haan-countdown.urgent .countdown-label,.haan-countdown.urgent .countdown-value,.haan-countdown.urgent .countdown-separator{color:var(--warning)}.haan-countdown.critical{background:#c0473c1f;border-color:#c0473c73;animation:criticalPulse .8s ease-in-out infinite}.haan-countdown.critical .countdown-label,.haan-countdown.critical .countdown-value,.haan-countdown.critical .countdown-separator{color:var(--error)}@keyframes blink{0%,50%{opacity:.6}50.01%,to{opacity:.2}}@keyframes criticalPulse{0%,to{box-shadow:0 0 #c0473c66}50%{box-shadow:0 0 0 8px #c0473c00}}.haan-avatar{width:42px;height:42px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:0 2px 8px #00485126;text-transform:uppercase}.haan-avatar--sm{width:32px;height:32px;font-size:.75rem}.haan-avatar--lg{width:56px;height:56px;font-size:1.1rem}.haan-avatar--xl{width:80px;height:80px;font-size:1.5rem}.haan-avatar--light{background:var(--teal-100);color:var(--brand-dark)}.haan-avatar--purple{background:var(--gradient-purple-solid);box-shadow:0 2px 8px #9578d340}.haan-avatar--mint{background:var(--brand-mint);color:var(--brand-dark);box-shadow:0 2px 8px #65d7d240}.haan-input{--background: var(--input-bg);--padding-start: 16px;--padding-end: 16px;--padding-top: 14px;--padding-bottom: 14px;border:var(--input-border);border-radius:var(--input-radius);transition:all var(--transition-fast);margin-bottom:16px}.haan-input:focus-within{border:var(--input-border-focus);background:var(--input-bg-focus);box-shadow:0 0 0 3px #65d7d21a}.haan-input ion-label{font-weight:600;color:var(--n700)}.haan-list-card{background:var(--bg-card);border-radius:var(--card-radius);border:var(--card-border);box-shadow:var(--card-shadow);margin-bottom:12px;overflow:hidden;transition:all var(--transition-normal)}.haan-list-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.haan-list-card:active{transform:scale(.98)}.haan-list-card--accent-right{border-right:3px solid var(--brand-primary)}.haan-list-card--accent-success{border-right:3px solid var(--success)}.haan-list-card--accent-warning{border-right:3px solid var(--warning)}.haan-list-card--accent-danger{border-right:3px solid var(--error)}.haan-list-card .card-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--hero-gradient-card);color:#fff;position:relative;overflow:hidden}.haan-list-card .card-header:before{content:"";position:absolute;inset:0;background-image:url(meander.a0f2e086b20b323f.svg);background-size:80px;opacity:.08;pointer-events:none}.haan-list-card .card-header>*{position:relative;z-index:1}.haan-list-card .card-body{padding:16px}ion-chip{--background: var(--surface-container-high);--color: var(--text-primary);--padding-start: 12px;--padding-end: 12px;border-radius:var(--radius-full);border:1px solid var(--border-color);min-height:32px;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}ion-chip:hover{--background: var(--hover-overlay);transform:translateY(-1px)}ion-chip:focus-visible{outline:2px solid var(--brand-mint);outline-offset:2px}ion-chip[color=primary]{--background: rgba(7, 100, 110, .1);--color: var(--brand-primary);border-color:#07646e33}ion-chip[color=tertiary],ion-chip.purple{--background: rgba(149, 120, 211, .12);--color: var(--brand-purple-text);border-color:#9578d340}ion-chip[color=secondary],ion-chip.mint{--background: rgba(101, 215, 210, .14);--color: var(--teal-700);border-color:#65d7d24d}ion-chip[color=success]{--background: var(--status-assigned-bg);--color: var(--status-assigned);border-color:#058b8c33}ion-chip[color=warning]{--background: var(--status-alerting-bg);--color: var(--status-alerting);border-color:#765da633}ion-chip[color=danger]{--background: var(--status-failed-bg);--color: var(--status-failed);border-color:#90337333}ion-modal{--border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;--box-shadow: var(--shadow-xl);--background: var(--bg-main)}ion-modal::part(backdrop){background:#00000080;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}ion-modal ion-header ion-toolbar,ion-modal ion-toolbar[color=primary]{--background: var(--brand-primary) !important;--color: #fff !important}ion-modal ion-header ion-toolbar ion-title,ion-modal ion-toolbar[color=primary] ion-title{color:#fff!important;--color: #fff !important}ion-modal ion-header ion-toolbar ion-buttons,ion-modal ion-toolbar[color=primary] ion-buttons{color:#fff!important}ion-modal ion-header ion-toolbar ion-button,ion-modal ion-toolbar[color=primary] ion-button{--color: #fff !important;color:#fff!important}ion-modal ion-header ion-toolbar ion-icon,ion-modal ion-toolbar[color=primary] ion-icon{color:#fff!important}ion-modal ion-content{--background: var(--bg-main)}ion-refresher ion-refresher-content{--color: var(--brand-primary)}.pull-indicator{width:40px;height:4px;background:var(--border-color-strong);border-radius:2px;margin:12px auto 0}.feedback-success{animation:fadeInScale .3s var(--ease-spring)}.feedback-success ion-icon{color:var(--ion-color-success);font-size:56px;animation:bounce-subtle .5s ease-out;filter:drop-shadow(0 0 12px rgba(16,185,129,.4))}.feedback-error{animation:fadeInScale .3s var(--ease-spring)}.feedback-error ion-icon{color:var(--ion-color-danger);font-size:56px;filter:drop-shadow(0 0 12px rgba(239,68,68,.4))}ion-item[button]{--transition: background-color .15s ease}ion-item[button]:hover{--background: var(--hover-overlay)}ion-item[button]:active{--background: var(--active-overlay)}ion-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px 8px;border-radius:var(--radius-full);min-height:20px;letter-spacing:.01em;transition:all var(--transition-fast)}ion-badge.pulse{animation:pulse-soft 2s ease-in-out infinite}ion-badge.badge-sm{font-size:.65rem;padding:2px 6px;min-height:16px}ion-badge.badge-lg{font-size:var(--text-sm);padding:6px 12px;min-height:28px}.stagger-item{opacity:0;animation:fadeInUp .4s var(--ease-out-expo) forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-elevated)}::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#65d7d24d;color:var(--text-primary)}ion-popover{--background: var(--bg-card);--box-shadow: var(--shadow-lg)}ion-popover::part(content){border-radius:var(--radius-lg);overflow:hidden}ion-popover ion-select-popover ion-list{margin:0;border:none;border-radius:0;background:var(--bg-card);padding:0}ion-popover ion-select-popover ion-item{--background: var(--bg-card);--border-radius: 0;--border-width: 0;--inner-border-width: 0;border-radius:0;border:none}ion-popover ion-select-popover ion-item:last-child{--border-width: 0;--inner-border-width: 0}ion-popover ion-select-popover ion-radio{--color-checked: var(--brand-primary)}.text-fluid-sm{font-size:clamp(.75rem,2vw,.875rem)}.text-fluid-base{font-size:clamp(.875rem,2.5vw,1rem)}.text-fluid-lg{font-size:clamp(1rem,3vw,1.25rem)}.text-fluid-xl{font-size:clamp(1.25rem,4vw,1.5rem)}ion-button{min-height:44px;height:auto}ion-chip{min-height:32px;height:auto}ion-badge{min-height:20px;height:auto;display:inline-flex;align-items:center}ion-card-content{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}[class*=flex],.flex,.d-flex{min-width:0}ion-icon{flex-shrink:0}.status-badge{min-height:28px;height:auto;padding:6px 12px}ion-input,ion-textarea,ion-select{--padding-top: 12px;--padding-bottom: 12px}@media (pointer: coarse){ion-button,button,[role=button]{min-height:44px;min-width:44px}ion-item{--min-height: 48px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@charset "UTF-8";:root{--brand-dark: #004851;--brand-dark-rgb: 0, 72, 81;--teal-950: #002E36;--teal-900: #004851;--teal-800: #055560;--teal-700: #07646E;--teal-600: #0A808F;--teal-500: #1C9AAB;--teal-400: #40B5C4;--teal-300: #65D7D2;--teal-200: #8DE4E0;--teal-100: #D9F0EF;--teal-50: #EFF7F7;--purple-900: #5D3B9E;--purple-800: #6F4DB5;--purple-700: #8160C4;--purple-600: #9578D3;--purple-500: #A990DC;--purple-400: #BDA8E5;--purple-300: #D1C0EE;--purple-200: #E5D8F7;--purple-100: #F5F0FC;--purple-50: #FAF8FE;--n950: #0A1214;--n900: #0F1B1E;--n800: #1E2D31;--n700: #3A4A4D;--n600: #4A5C5F;--n500: #566264;--n400: #7A8789;--n300: #C4CDCF;--n200: #D9E0E1;--n100: #EDEFEF;--n50: #F7F9F9;--n0: #ffffff;--font-latin: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--success: #058B8C;--warning: #765DA6;--error: #903373;--brand-primary: #07646E;--brand-primary-rgb: 7, 100, 110;--brand-secondary: #0A808F;--brand-secondary-rgb: 10, 128, 143;--brand-mint: #65D7D2;--brand-mint-rgb: 101, 215, 210;--brand-accent: #65D7D2;--brand-accent-rgb: 101, 215, 210;--brand-purple: #9578D3;--brand-purple-rgb: 149, 120, 211;--brand-accent-purple: #9578D3;--brand-accent-purple-rgb: 149, 120, 211;--brand-purple-text: #6B4DB0;--brand-purple-text-rgb: 107, 77, 176;--color-black: #0F1B1E;--color-grey: #3A4A4D;--color-grey-70: #566264;--color-white: #FFFFFF;--bg-main: #EFF5F6;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-surface: #EFF5F6;--bg-input: #EFF7F7;--bg-header: #004851;--surface-dim: #E4ECED;--surface-base: #EFF5F6;--surface-container: #F5F9F9;--surface-container-high: #FAFCFC;--surface-bright: #FFFFFF;--text-primary: #0F1B1E;--text-secondary: #3A4A4D;--text-muted: #566264;--text-accent: #004851;--text-on-dark: #FFFFFF;--ion-background-color: #EFF5F6;--ion-background-color-rgb: 239, 245, 246;--ion-text-color: #0F1B1E;--ion-text-color-rgb: 15, 27, 30;--ion-card-background: #FFFFFF;--ion-item-background: #FFFFFF;--ion-toolbar-background: #004851;--ion-toolbar-color: #FFFFFF;--ion-toolbar-color-activated: #FFFFFF;--ion-color-primary: #07646E;--ion-color-primary-rgb: 7, 100, 110;--ion-color-primary-contrast: #FFFFFF;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #055560;--ion-color-primary-tint: #0A808F;--ion-color-secondary: #0A808F;--ion-color-secondary-rgb: 10, 128, 143;--ion-color-secondary-contrast: #FFFFFF;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #07646E;--ion-color-secondary-tint: #1C9AAB;--ion-color-tertiary: #8160C4;--ion-color-tertiary-rgb: 129, 96, 196;--ion-color-tertiary-contrast: #FFFFFF;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #6B4DB0;--ion-color-tertiary-tint: #9578D3;--ion-color-success: #058B8C;--ion-color-success-rgb: 5, 139, 140;--ion-color-success-contrast: #FFFFFF;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #046A6B;--ion-color-success-tint: #88C0A7;--ion-color-warning: #765DA6;--ion-color-warning-rgb: 118, 93, 166;--ion-color-warning-contrast: #FFFFFF;--ion-color-warning-contrast-rgb: 255, 255, 255;--ion-color-warning-shade: #5D4A94;--ion-color-warning-tint: #BA8CD2;--ion-color-danger: #903373;--ion-color-danger-rgb: 144, 51, 115;--ion-color-danger-contrast: #FFFFFF;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #722859;--ion-color-danger-tint: #D24682;--ion-color-dark: #0F1B1E;--ion-color-dark-rgb: 15, 27, 30;--ion-color-dark-contrast: #FFFFFF;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-medium: #566264;--ion-color-medium-rgb: 86, 98, 100;--ion-color-medium-contrast: #FFFFFF;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #495456;--ion-color-medium-tint: #6B7A7D;--ion-color-light: #EFF5F6;--ion-color-light-rgb: 239, 245, 246;--ion-color-light-contrast: #0F1B1E;--ion-color-light-contrast-rgb: 15, 27, 30;--border-color: rgba(0, 72, 81, .08);--border-color-strong: rgba(0, 72, 81, .16);--border-glow: rgba(101, 215, 210, .4);--border-accent: rgba(101, 215, 210, .3);--border-purple: rgba(149, 120, 211, .3);--shadow-sm: 0 1px 2px rgba(0, 72, 81, .05);--shadow-md: 0 2px 10px rgba(0, 72, 81, .08);--shadow-lg: 0 6px 16px rgba(0, 72, 81, .1);--shadow-xl: 0 24px 50px -22px rgba(0, 46, 54, .6);--shadow-glow: 0 0 20px rgba(101, 215, 210, .25), 0 0 40px rgba(101, 215, 210, .1);--shadow-glow-purple: 0 0 20px rgba(149, 120, 211, .25), 0 0 40px rgba(149, 120, 211, .1);--shadow-card: 0 1px 2px rgba(0, 72, 81, .05), 0 6px 16px rgba(0, 72, 81, .05);--shadow-card-hover: 0 4px 12px rgba(0, 72, 81, .08), 0 12px 32px rgba(0, 72, 81, .12);--shadow-button: 0 6px 16px -6px rgba(7, 100, 110, .6);--shadow-button-hover: 0 10px 24px -10px rgba(7, 100, 110, .7);--shadow-button-purple: 0 6px 16px -6px rgba(149, 120, 211, .6);--gradient-primary: linear-gradient(135deg, #004851 0%, #07646E 100%);--gradient-primary-vertical: linear-gradient(180deg, #004851 0%, #07646E 100%);--gradient-primary-soft: linear-gradient(135deg, rgba(0, 72, 81, .9) 0%, rgba(7, 100, 110, .9) 100%);--gradient-accent: linear-gradient(135deg, #65D7D2 0%, #07646E 100%);--gradient-accent-reverse: linear-gradient(135deg, #07646E 0%, #65D7D2 100%);--gradient-mint: linear-gradient(135deg, #65D7D2 0%, #07646E 100%);--gradient-purple: linear-gradient(135deg, #9578D3 0%, #07646E 100%);--gradient-purple-mint: linear-gradient(135deg, #9578D3 0%, #65D7D2 100%);--gradient-purple-solid: linear-gradient(135deg, #9578D3 0%, #8160C4 100%);--gradient-harmony: linear-gradient(135deg, #002E36 0%, #004851 40%, #65D7D2 100%);--gradient-accent-pair: linear-gradient(135deg, #65D7D2 0%, #9578D3 100%);--gradient-success: linear-gradient(135deg, #058B8C 0%, #046A6B 100%);--gradient-warning: linear-gradient(135deg, #765DA6 0%, #5D4A94 100%);--gradient-danger: linear-gradient(135deg, #903373 0%, #722859 100%);--gradient-light: linear-gradient(180deg, #FFFFFF 0%, #EFF7F7 100%);--gradient-card: linear-gradient(145deg, #FFFFFF 0%, #FAFCFC 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.85) 100%);--gradient-header: linear-gradient(180deg, #002E36 0%, #004851 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(101, 215, 210, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(149, 120, 211, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(0, 72, 81, .08) 0px, transparent 50%);--status-scheduled: #07646E;--status-scheduled-bg: rgba(7, 100, 110, .1);--status-alerting: #765DA6;--status-alerting-bg: rgba(118, 93, 166, .14);--status-assigned: #058B8C;--status-assigned-bg: rgba(5, 139, 140, .12);--status-failed: #903373;--status-failed-bg: rgba(144, 51, 115, .12);--status-unavailable: #566264;--status-unavailable-bg: rgba(86, 98, 100, .12);--status-pending: #07646E;--status-pending-bg: rgba(7, 100, 110, .1);--status-purple: #6B4DB0;--status-purple-bg: rgba(149, 120, 211, .12);--status-success: #88C0A7;--status-success-bg: rgba(136, 192, 167, .12);--prayer-fajr: #07646E;--prayer-fajr-bg: rgba(7, 100, 110, .1);--prayer-dhuhr: #0A808F;--prayer-dhuhr-bg: rgba(10, 128, 143, .1);--prayer-asr: #07646E;--prayer-asr-bg: rgba(7, 100, 110, .1);--prayer-maghrib: #004851;--prayer-maghrib-bg: rgba(0, 72, 81, .1);--prayer-isha: #002E36;--prayer-isha-bg: rgba(0, 46, 54, .1);--hover-overlay: rgba(0, 72, 81, .04);--active-overlay: rgba(0, 72, 81, .08);--focus-ring: 0 0 0 3px rgba(101, 215, 210, .35);--focus-ring-purple: 0 0 0 3px rgba(149, 120, 211, .35);--focus-bg: rgba(101, 215, 210, .06);--focus-bg-purple: rgba(149, 120, 211, .06);--ripple-color: rgba(101, 215, 210, .2);--ripple-color-purple: rgba(149, 120, 211, .2);--selection-purple: rgba(149, 120, 211, .25);--glass-bg: rgba(255, 255, 255, .85);--glass-bg-strong: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px rgba(0, 72, 81, .08);--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px);--blur-xl: blur(40px);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-smooth);--transition-normal: .25s var(--ease-out-expo);--transition-slow: .4s var(--ease-out-expo);--transition-spring: .5s var(--ease-spring);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-3xl: 36px;--radius-full: 9999px;--card-radius: var(--radius-xl);--card-padding: 20px;--card-padding-sm: 16px;--card-border: 1px solid rgba(0, 72, 81, .08);--card-shadow: 0 2px 8px rgba(0, 72, 81, .06), 0 8px 24px rgba(0, 72, 81, .04);--card-shadow-hover: 0 4px 12px rgba(0, 72, 81, .08), 0 16px 40px rgba(0, 72, 81, .08);--card-shadow-elevated: 0 8px 24px rgba(0, 72, 81, .12), 0 24px 48px rgba(0, 72, 81, .08);--btn-height: 48px;--btn-height-sm: 36px;--btn-height-lg: 56px;--btn-radius: var(--radius-lg);--btn-radius-full: var(--radius-full);--btn-font-weight: 700;--btn-shadow: 0 4px 12px -4px rgba(7, 100, 110, .4);--btn-shadow-hover: 0 8px 20px -6px rgba(7, 100, 110, .5);--btn-shadow-purple: 0 4px 12px -4px rgba(149, 120, 211, .4);--btn-shadow-purple-hover: 0 8px 20px -6px rgba(149, 120, 211, .5);--input-height: 52px;--input-radius: var(--radius-lg);--input-border: 1.5px solid var(--n300);--input-border-focus: 1.5px solid var(--brand-primary);--input-bg: var(--n0);--input-bg-focus: rgba(101, 215, 210, .04);--badge-height: 28px;--badge-radius: var(--radius-full);--badge-font-size: .8125rem;--badge-font-weight: 600;--badge-padding: 6px 14px;--hero-gradient: linear-gradient(180deg, var(--teal-950), var(--brand-dark) 50%, var(--brand-primary));--hero-gradient-card: linear-gradient(135deg, var(--brand-dark), var(--brand-primary));--hero-meander-opacity: .12;--hero-glow: radial-gradient(circle, rgba(101, 215, 210, .34), transparent 62%);--hero-glow-purple: radial-gradient(circle, rgba(149, 120, 211, .34), transparent 62%);--touch-target-min: 44px}body{background:var(--bg-main);color:var(--text-primary)}ion-app{--ion-background-color: var(--bg-main)}::selection{background:#65d7d240;color:var(--text-primary)}.purple-context ::selection{background:var(--selection-purple);color:var(--text-primary)}