.center-tab{position:relative}.fab-tab{width:60px;height:60px;background-color:#3f559e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;margin:0 auto;transition:background-color .3s,color .3s}.fab-tab:hover{background-color:#fff;color:#3f559e;border:1px solid #3f559e}/*!* Active (selected) state: invert colors *!*/.page-toolbar{--background: white;--border-width: 0 !important;padding:8px 16px!important}.title-centered{text-align:center;padding:0 48px}.logo-container{display:flex;justify-content:center;align-items:center;height:54px;padding:3px 0}.toolbar-logo{max-height:48px;max-width:160px;object-fit:contain}.phantom-button{width:30px;opacity:0}.smartlist-controls{padding:8px;text-align:right}ion-searchbar.custom{width:80%;--border-radius: 4px;text-align:left}.contact-info{display:flex;flex-direction:column;gap:6px;width:100%;margin:10px 0}.contact-row{display:flex;align-items:center;gap:6px;max-width:100%}.contact-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem}@media (max-width: 576px){ion-searchbar.custom{padding:4px;width:100%}.smartlist-controls{padding:2px;text-align:center}}.smart-list-section{max-height:75vh;overflow-y:auto}.smart-list-label{flex:1 1 75%}.smart-list-note{flex:1 1 25%;text-align:right;max-width:300px}.smart-list-content{overflow-y:auto;flex-grow:1}.smart-list-item{--ion-item-background: transparent;transition:background-color .2s ease}.smart-list-item.selected{--ion-item-background: #f2f2f2;border-left:4px solid #3880ff}.smart-list-item:not(.selected){border-left:4px solid transparent}.smart-list-item ion-checkbox{margin-right:12px;--size: 20px;--checkbox-background-checked: var(--ion-color-primary);--border-color: var(--ion-color-medium);--border-color-checked: var(--ion-color-primary);--checkmark-color: white}.smart-list-item.selected ion-checkbox{--border-color: var(--ion-color-primary)}ion-modal.form-modal{--width: 90%;--height: 60%;--max-width: 900px;--border-radius: 12px}ion-modal.form-modal ion-header ion-toolbar{--border-width: 0 0 1px 0;--border-color: var(--ion-color-light-shade)}ion-modal.form-modal ion-header ion-title{font-weight:600;font-size:1.2rem}ion-modal.form-modal ion-content{--padding-start: 24px;--padding-end: 24px;--padding-top: 20px;--padding-bottom: 40px}ion-modal.form-modal .form-modal-content{padding-bottom:20px;min-height:calc(100% - 40px)}ion-modal.form-modal ion-footer ion-toolbar{--border-width: 1px 0 0 0;--border-color: var(--ion-color-light-shade);--background: var(--ion-background-color);--min-height: 64px}ion-modal.form-modal .form-modal-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:12px 24px}ion-modal.form-modal .form-modal-save-btn{min-width:140px;height:44px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}ion-modal.form-modal .form-modal-cancel-btn{min-width:100px;height:44px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}ion-modal.form-modal ion-row{margin-bottom:16px}ion-modal.form-modal ion-row:last-child{margin-bottom:0}ion-modal.form-modal ion-item{--border-radius: 8px;margin-bottom:12px}ion-modal.form-modal ion-item:last-child{margin-bottom:0}ion-modal.form-modal ion-item.ion-focused{--background: white;--border-color: var(--ion-color-primary)}ion-modal.form-modal .password-toggle-item{--background: var(--ion-color-light);--border-radius: 8px;margin:16px 0}ion-modal#add-user-modal .form-modal-actions{border-top:1px solid var(--ion-color-light-shade);padding-top:24px}ion-modal.form-modal .form-modal-content{padding-bottom:0}@media (max-width: 767px){ion-modal.form-modal .form-modal-actions{flex-direction:column;gap:8px;padding:16px 24px}ion-modal.form-modal .form-modal-save-btn,ion-modal.form-modal .form-modal-cancel-btn{width:100%;min-width:auto}ion-modal.form-modal{--height: 70%}}@media (min-width: 768px){ion-modal.form-modal{--width: 80%}}.wifi-signal-container{display:flex;align-items:center;justify-content:center}.wifi-signal-icon{display:block}.wifi-signal-label{text-align:center;white-space:nowrap;margin-top:4px}.metric-card{margin:5px;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;height:100%}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.metric-card-header{display:flex;align-items:center;padding:12px 16px 0}.metric-card-header-compact{padding:8px 12px 0}.metric-card-header-icon-container{margin-right:8px}.metric-card-header-icon{font-size:20px}.metric-card-title{font-size:14px!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.5px}.metric-card-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 16px 16px;height:calc(100% - 48px)}.metric-card-content-compact{padding:8px 12px 12px}.metric-value-container{display:flex;align-items:baseline;width:100%}.singleMetricsDeviceRow ion-col{padding:0}.metric-value{font-weight:600;line-height:1.2}.metric-value-small{font-size:24px}.metric-value-medium{font-size:28px}.metric-value-large{font-size:36px}.metric-value-xlarge{font-size:44px}.metric-subtitle{font-size:14px;opacity:.8;margin-top:8px;text-transform:none}.metric-card-compact .metric-value{font-size:24px!important}.metric-card-compact .metric-subtitle{font-size:12px;margin-top:4px}@media (max-width: 768px){.metric-card{margin:8px}.metric-value-large{font-size:32px}.metric-value-xlarge{font-size:36px}}.salt-tank-card{margin:0;height:100%;width:100%}.salt-tank-card ion-card-content{display:flex;justify-content:center;align-items:center;padding:0 16px 8px}.salt-tank-card ion-card-header{padding:16px 16px 0}.salt-tank-center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.salt-tank-image-container{position:relative;width:300px;height:300px;margin-bottom:8px}.salt-tank-image-background{position:absolute;top:30px;left:150px;width:60px;height:240px;background-color:#303030;z-index:1}.salt-tank-image-fill{position:absolute;bottom:37px;left:150px;width:60px;box-shadow:inset 0 3px 5px -2px #0003;transition:height .5s ease;z-index:2}.salt-tank-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:3}.salt-tank-label{font-weight:600;font-size:16px;color:#111;text-align:center;margin-top:5px}.salt-tank-device-name{font-size:14px;color:#666;text-align:center;margin-top:4px}.list-card{margin:2px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.list-card ion-card-header{padding-bottom:8px}.list-card ion-card-title{font-size:18px;font-weight:600}.list-card-items{padding:0}.list-card ion-item{--padding-start: 0;--inner-padding-end: 0}.list-card ion-badge{font-weight:500;padding:6px 10px;border-radius:16px;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}ion-badge.active{background-color:#2dd36f;color:#fff}ion-badge.inactive{background-color:#92949c;color:#fff}ion-badge.out-of-service{background-color:#eb445a;color:#fff}.view-all-button{margin-top:8px;text-align:center}.view-all-button ion-button{--color: var(--ion-color-primary);font-weight:500;text-transform:none}.list-card-header{padding-bottom:8px;display:flex;align-items:center}.list-card-header-icon-container{margin-right:10px}.list-card-header-icon{font-size:28px}.dashboard-insight-card{--card-margin: 8px;--content-padding: 16px;--col-gap: 12px;--text-gap: 6px;--row-gap: 8px;--insight-icon-tile: 44px;--insight-icon-size: 24px;--insight-icon-bg: rgba(0, 0, 0, .06)}@media (prefers-color-scheme: dark){.dashboard-insight-card{--insight-icon-bg: rgba(255, 255, 255, .08)}}.dashboard-insight-card{margin:var(--card-margin);border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.dashboard-insight-card.is-clickable{cursor:pointer}.dashboard-insight-card.is-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.dashboard-insight-card--small{--insight-icon-tile: 40px;--insight-icon-size: 22px;min-height:120px}.dashboard-insight-card--medium{--insight-icon-tile: 44px;--insight-icon-size: 24px;min-height:140px}.dashboard-insight-card--large{--insight-icon-tile: 48px;--insight-icon-size: 26px;min-height:160px}.dashboard-insight-card-content{--padding-start: var(--content-padding);--padding-end: var(--content-padding);--padding-top: var(--content-padding);--padding-bottom: var(--content-padding);padding:var(--content-padding);display:grid;grid-template-columns:44px 1fr;column-gap:var(--col-gap);align-items:stretch}.dashboard-insight-card-icon-col{display:flex;align-items:center;justify-content:center}.dashboard-insight-card-icon-wrap{width:var(--insight-icon-tile);height:var(--insight-icon-tile);border-radius:calc(var(--insight-icon-tile) / 4.4);display:flex;align-items:center;justify-content:center;background:var(--insight-icon-bg)}.dashboard-insight-card-icon{font-size:var(--insight-icon-size)}.dashboard-insight-card-text{display:flex;flex-direction:column;gap:var(--row-gap);text-align:left}.dashboard-insight-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.dashboard-insight-card-title{font-size:12px;font-weight:600;color:var(--ion-color-medium);text-transform:uppercase;letter-spacing:.5px;line-height:1;margin:0}.dashboard-insight-card-menu-button{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;display:inline-flex;align-items:center;justify-content:center;height:24px;width:24px;min-height:0;margin:0}.dashboard-insight-card-value-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--col-gap)}.dashboard-insight-card-value-row--stacked{flex-direction:column;align-items:flex-start;gap:4px}.dashboard-insight-card-value-left{display:flex;align-items:baseline;gap:var(--text-gap);min-width:0}.dashboard-insight-card-value{font-size:36px;font-weight:700;line-height:1;color:var(--ion-color-dark)}.dashboard-insight-card--small .dashboard-insight-card-value{font-size:32px}.dashboard-insight-card--large .dashboard-insight-card-value{font-size:40px}.dashboard-insight-card-value-label{font-size:14px;font-weight:600;color:var(--ion-color-medium)}.dashboard-insight-card-unit{font-size:14px;font-weight:500;color:var(--ion-color-medium)}.dashboard-insight-card-inline-total{display:inline-flex;align-items:baseline;gap:4px;margin-left:0;color:var(--ion-color-medium);white-space:nowrap}.dashboard-insight-card-inline-total-value{font-weight:600}.dashboard-insight-card-inline-total-label{font-weight:500}.dashboard-insight-card-secondary{display:flex;align-items:baseline;gap:6px;color:var(--ion-color-medium);white-space:nowrap}.dashboard-insight-card-secondary--below{margin-top:0}.dashboard-insight-card-secondary-value{font-weight:700}.dashboard-insight-card-secondary-label{font-weight:500}.dashboard-insight-card-subtitle{font-size:12px;color:var(--ion-color-medium);line-height:1.3}.dashboard-insight-card-trend-icon{font-size:14px;margin-right:4px}.dashboard-insight-card-trend-value{font-weight:600}.dashboard-insight-card-trend-period{color:var(--ion-color-medium)}.dashboard-insight-card--compact{--card-margin: 4px;--content-padding: 12px;--col-gap: 10px;--text-gap: 4px;--row-gap: 6px}@media (max-width: 768px){.dashboard-insight-card--compact{--card-margin: 3px;--content-padding: 10px}.dashboard-insight-card-value{font-size:32px}.dashboard-insight-card--large .dashboard-insight-card-value{font-size:36px}}.dash-header-row{--header-panel-margin: .5rem;--header-panel-padding: 16px;--header-gap: 8px;--header-bg: transparent;--header-text: var(--ion-text-color);--header-subtle: var(--ion-color-medium);--header-max-h: none;align-items:stretch;max-height:var(--header-max-h);overflow:visible}.dash-header--compact{--header-panel-margin: .375rem;--header-panel-padding: 12px;--header-gap: 6px}.dash-header-col{display:flex;align-items:center}.dash-header-col:last-child .dash-header-surface{align-items:center}.dash-header-surface{margin:var(--header-panel-margin);height:100%;width:100%;background:var(--header-bg);color:var(--header-text);display:flex}.dash-header-content{--padding-start: var(--header-panel-padding);--padding-end: var(--header-panel-padding);--padding-top: var(--header-panel-padding);--padding-bottom: var(--header-panel-padding);padding:var(--header-panel-padding);display:flex;flex-direction:column;gap:var(--header-gap);height:100%;max-height:100%;overflow:hidden}.dash-header-title{display:flex;align-items:center;gap:.5rem;margin:0;line-height:1.2;font-size:1.5rem;font-weight:600;color:var(--header-text)}.dash-header-title-text{display:inline-flex;align-items:center}.dash-header-weather{display:inline-flex;align-items:center;gap:.25rem;font-size:1.125rem;color:var(--header-subtle)}.dash-header-blurb{color:var(--header-subtle);font-size:.95rem;line-height:1.35;margin:0}.dash-header-col:last-child .dash-header-content{flex-direction:row;align-items:center;justify-content:flex-end;padding-right:0;width:100%}.dash-header-controls{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;max-height:100%}.dash-header-controls>*{align-self:center}@media (max-width: 768px){.dash-header-row{max-height:none!important;flex-wrap:wrap}.dash-header-row .dash-header-content{max-height:none;overflow:visible}.dash-header-row,.dash-header-row.dash-header--short{--header-panel-padding: 10px;--header-gap: 4px}.dash-header-title{font-size:1.25rem;line-height:1.1}.dash-header-weather{font-size:1rem}.dash-header-col:last-child{align-items:center}.dash-header-col:last-child .dash-header-surface{align-items:center}.dash-header-col:last-child .dash-header-content{flex-direction:row;justify-content:center;align-items:center;padding-right:var(--header-panel-padding);width:100%}.dash-header-controls{display:inline-flex;align-items:center;justify-content:center;margin-left:0;width:100%}.dash-header-controls ion-segment{width:100%;max-width:360px}.dash-header-controls ion-segment-button{flex:1 1 0;--color: var(--ion-text-color);--color-checked: var(--ion-color-primary-contrast);--padding-start: 10px;--padding-end: 10px}.dash-header-controls ion-segment-button ion-label{white-space:nowrap}.dash-header-controls ion-segment-button{--color: var(--ion-text-color)}.dash-header-controls ion-segment-button.segment-button-checked{--color: var(--ion-color-primary-contrast)}}.dash-header-row.dash-header--short{--header-panel-margin: 0;--header-panel-padding: 8px;--header-gap: 4px;overflow:visible}.dash-header-row.dash-header--short .dash-header-title{font-size:1.25rem;line-height:1.1}.dash-header-row.dash-header--short .dash-header-weather{font-size:1rem}.dash-header-row.dash-header--short .dash-header-content{justify-content:center;gap:4px}.dash-header-row.dash-header--short .dash-header-controls{justify-content:flex-end;align-items:center;min-height:0}.dash-header-row.dash-header--short .dash-header-controls>*{max-height:100%}.button-group{display:inline-flex;vertical-align:middle;position:relative}.button-group__button{position:relative;display:inline-block;padding:8px 12px;font-size:14px;font-weight:500;line-height:1.5;color:var(--ion-color-primary, #3880ff);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid var(--ion-color-primary, #3880ff);border-radius:0;transition:all .15s ease-in-out;margin:0;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-group__button{border-radius:0}.button-group__button--first{border-top-left-radius:6px;border-bottom-left-radius:6px}.button-group__button--last{border-top-right-radius:6px;border-bottom-right-radius:6px}.button-group__button:not(.button-group__button--first){border-left:0;margin-left:-1px}.button-group__button:hover:not(.button-group__button--disabled){color:var(--ion-color-primary-contrast, #ffffff);background-color:var(--ion-color-primary-shade, #3171e0);border-color:var(--ion-color-primary-shade, #3171e0);z-index:1}.button-group__button--active{color:var(--ion-color-primary-contrast, #ffffff)!important;background-color:var(--ion-color-primary, #3880ff)!important;border-color:var(--ion-color-primary, #3880ff)!important;z-index:2}.button-group__button--disabled{color:var(--ion-color-medium, #92949c)!important;background-color:transparent!important;border-color:var(--ion-color-light, #f4f5f8)!important;cursor:not-allowed;opacity:.65}.button-group__button:focus{outline:2px solid var(--ion-color-primary-tint, #4c8dff);outline-offset:2px;z-index:3}.button-group.small .button-group__button{padding:4px 8px;font-size:12px;line-height:1.4}.button-group.medium .button-group__button{padding:8px 12px;font-size:14px;line-height:1.5}.button-group.large .button-group__button{padding:12px 16px;font-size:16px;line-height:1.5}@media (prefers-color-scheme: dark){.button-group__button{color:var(--ion-color-primary, #4d8dff);border-color:var(--ion-color-primary, #4d8dff)}.button-group__button:hover:not(.button-group__button--disabled){background-color:var(--ion-color-primary-shade, #4373df);border-color:var(--ion-color-primary-shade, #4373df)}.button-group__button--active{background-color:var(--ion-color-primary, #4d8dff)!important;border-color:var(--ion-color-primary, #4d8dff)!important}.button-group__button--disabled{color:var(--ion-color-medium, #636366)!important;border-color:var(--ion-color-step-100, #1e1e1e)!important}}.button-group.ios-style{box-shadow:0 1px 3px #0000001a;border-radius:12px;overflow:hidden;background-color:#f2f2f7;padding:2px}.button-group.ios-style .button-group__button{color:#007aff;background-color:transparent;border:none;border-radius:10px;margin:0 1px;font-weight:400;transition:all .2s ease;padding:8px 16px;position:relative}.button-group.ios-style .button-group__button--first{margin-left:0;border-radius:10px}.button-group.ios-style .button-group__button--last{margin-right:0;border-radius:10px}.button-group.ios-style .button-group__button:not(.button-group__button--first){border-left:none;margin-left:1px}.button-group.ios-style .button-group__button:hover:not(.button-group__button--disabled){background-color:#007aff1a;color:#007aff;transform:scale(.98)}.button-group.ios-style .button-group__button--active{background-color:#fff!important;color:#007aff!important;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;font-weight:500;transform:none}.button-group.ios-style .button-group__button--disabled{color:#8e8e93!important;background-color:transparent!important;cursor:not-allowed;opacity:.4}.button-group.ios-style .button-group__button:focus{outline:2px solid #007aff;outline-offset:1px}.button-group.ios-style.small .button-group__button{padding:6px 12px;font-size:13px;border-radius:8px}.button-group.ios-style.small{border-radius:10px;padding:2px}.button-group.ios-style.medium .button-group__button{padding:8px 16px;font-size:15px;border-radius:10px}.button-group.ios-style.large .button-group__button{padding:12px 20px;font-size:17px;border-radius:12px}.button-group.ios-style.large{border-radius:14px;padding:2px}.md .button-group__button{border-radius:4px;text-transform:uppercase;font-weight:500}.md .button-group__button--first{border-top-left-radius:4px;border-bottom-left-radius:4px}.md .button-group__button--last{border-top-right-radius:4px;border-bottom-right-radius:4px}.layout-card-col{padding:8px}.layout-card{height:100%;margin:0;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease}.layout-card:hover{box-shadow:0 4px 16px #00000026}.layout-card-header{padding:16px 20px 12px;border-bottom:1px solid var(--ion-color-light)}.layout-card-title{font-size:18px;font-weight:600;color:var(--ion-text-color);margin:0;line-height:1.4}.layout-card-subtitle{font-size:14px;color:var(--ion-color-medium);margin-top:4px;line-height:1.3}.layout-card-content{padding:16px 20px 20px;height:calc(100% - 69px);display:flex;flex-direction:column}@media (max-width: 768px){.layout-card-col{padding:6px}.layout-card-header{padding:12px 16px 8px}.layout-card-content{padding:12px 16px 16px}.layout-card-title{font-size:16px}.layout-card-subtitle{font-size:13px}}.layout-card.loading{pointer-events:none}@media (prefers-color-scheme: dark){.layout-card{box-shadow:0 2px 8px #0000004d}.layout-card:hover{box-shadow:0 4px 16px #0006}}.chart-container{width:100%;height:100%;display:flex;flex-direction:column}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.chart-title{font-size:18px;font-weight:600;color:var(--ion-text-color);margin:0;line-height:1.4}.chart-filters{display:flex;gap:8px;align-items:center;flex-shrink:0}.chart-filter-button{--color: var(--ion-color-medium);--background: transparent;--background-hover: var(--ion-color-light);--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;font-size:14px;height:36px;min-width:auto;text-transform:none;font-weight:500}.chart-filter-button ion-icon{font-size:16px}.chart-filter-button ion-icon[slot=start]{margin-inline-end:6px}.chart-filter-button ion-icon[slot=end]{margin-inline-start:4px;font-size:14px}.chart-highlights{display:flex;gap:24px;margin-bottom:16px;flex-wrap:wrap}.chart-highlight-section{display:flex;flex-direction:column;gap:8px}.chart-highlight-date{font-size:12px;color:var(--ion-color-medium);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.chart-highlight-values{display:flex;flex-direction:column;gap:4px}.chart-highlight-item{display:flex;align-items:center;gap:8px}.chart-highlight-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-highlight-value{font-weight:600;font-size:14px;color:var(--ion-text-color);min-width:80px}.chart-change-chip{--background: transparent;--color: var(--ion-text-color);height:20px;font-size:11px;font-weight:600}.chart-change-chip.increase{--background: rgba(40, 199, 111, .1);--color: #28c76f}.chart-change-chip.decrease{--background: rgba(234, 84, 85, .1);--color: #ea5455}.chart-change-chip.neutral{--background: rgba(108, 117, 125, .1);--color: #6c757d}.chart-change-chip ion-icon{font-size:12px;margin-right:2px}.chart-graph{flex:1;min-height:250px}.chart-tooltip{background:var(--ion-color-step-50);border:1px solid var(--ion-color-step-150);border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-tooltip-label{font-weight:600;margin-bottom:8px;color:var(--ion-text-color);font-size:13px}.chart-tooltip-value{font-size:14px;margin:4px 0;font-weight:500}.recharts-legend-item-text{color:var(--ion-text-color)!important;font-size:14px!important;font-weight:500!important}@media (max-width: 768px){.chart-highlights{gap:16px;margin-bottom:12px}.chart-highlight-item{gap:6px}.chart-highlight-value{font-size:13px;min-width:70px}.chart-change-chip{font-size:10px;height:18px}.chart-graph{min-height:220px}}@media (max-width: 480px){.chart-highlights{flex-direction:column;gap:12px;margin-bottom:16px}.chart-highlight-section{border-left:3px solid var(--ion-color-primary);padding-left:12px}.chart-highlight-values{flex-direction:row;flex-wrap:wrap;gap:8px}.chart-graph{min-height:200px}.chart-tooltip{padding:8px;font-size:12px}}@media (prefers-color-scheme: dark){.chart-tooltip{background:var(--ion-color-step-100);border-color:var(--ion-color-step-200);box-shadow:0 4px 12px #0000004d}}.donut-container{width:100%;background:transparent}.donut-header-top{display:flex;align-items:center;justify-content:space-between}.donut-title{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--ion-text-color, #111827)}.view-details{--padding-start: 6px;--padding-end: 6px;margin-right:-6px}.donut-controls{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:var(--ion-color-medium)}.control-btn{--padding-start: 6px;--padding-end: 6px;--padding-top: 2px;--padding-bottom: 2px;font-size:12px}.donut-chart-shell{position:relative;display:grid;grid-template-columns:1fr}.donut-chart-shell.right{grid-template-columns:minmax(0,1fr) 210px;column-gap:12px}@media (max-width: 768px){.donut-chart-shell.right{grid-template-columns:1fr}}.donut-plot{position:relative;min-height:220px;display:grid;place-items:center}.donut-plot>*{grid-area:1 / 1}.donut-center-title{font-size:12px;fill:var(--ion-color-medium)}.donut-center-value{font-size:20px;font-weight:700;fill:var(--ion-text-color, #111827)}.donut-tooltip{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 10px;box-shadow:0 4px 14px #0000001a;font-size:12px}.donut-tooltip .row{display:flex;align-items:center;gap:8px}.donut-tooltip .dot{width:10px;height:10px;border-radius:50%}.donut-tooltip .name{font-weight:600}.donut-tooltip .value{margin-top:4px}.donut-legend{align-self:center;font-size:12px}.donut-legend.right{padding-left:4px}.legend-item{display:flex;align-items:center;gap:8px;padding:4px 0}.legend-item .dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.legend-item .label{color:var(--ion-text-color, #111827)}.legend-item .spacer{flex:1 1 auto}.legend-item .figures{color:var(--ion-color-medium)}.empty{display:grid;place-items:center;height:100%;color:var(--ion-color-medium);font-size:12px}.ldt-wrap{background:var(--ion-item-background, var(--ion-background-color));overflow:hidden;height:100%;display:flex;flex-direction:column;min-height:0}.ldt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;flex:0 0 auto}.ldt-toolbar-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.ldt-toolbar-right{display:flex;align-items:center;gap:6px}.ldt-table{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;padding-right:8px}.ldt-head{flex:0 0 auto;border-bottom:1px solid rgba(0,0,0,.06);background:var(--ion-card-background, var(--ion-background-color));width:100%;z-index:1}.ldt-body{flex:1 1 auto;min-height:0;overflow-y:auto}.ldt-title{margin:0;font-size:16px;font-weight:600}.ldt-search{flex:1}.ldt-search-small{--background: var(--ion-color-light, #f2f2f7);--border-radius: 8px;--padding-start: 8px;--padding-end: 8px;--min-height: 32px;width:280px}.ldt-filter-btn{--padding-start: 4px;--padding-end: 4px;--min-height: 32px;--border-radius: 8px}.ldt-filter-btn ion-icon{font-size:20px;min-width:20px;min-height:20px}.ldt-grid{--ion-grid-padding: 8px;--ion-grid-column-padding: 8px;height:100%;display:flex;flex-direction:column;width:100%}.ldt-cell{display:flex;align-items:center;min-height:48px}.ldt-cell--head{font-weight:600;opacity:.75;cursor:pointer}.ldt-head-inner{display:flex;align-items:center;gap:6px;cursor:pointer}.ldt-row{border-bottom:1px solid rgba(0,0,0,.06);transition:background .15s ease;width:100%}.ldt-row:hover{background:#00000008}.ldt-mobile-line{opacity:.8}.ldt-pager-grid{flex:0 0 auto;width:100%;margin-top:0;--ion-grid-padding: 0}.ldt-pager-row{margin:0}.ldt-pager{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px 12px;border-top:1px solid rgba(0,0,0,.06);background:var(--ion-item-background, var(--ion-background-color))}.ldt-pager-left{justify-self:start}.ldt-pager-center{justify-self:center;display:flex;align-items:center;gap:6px}.ldt-pager-right{justify-self:end;display:flex;align-items:center;gap:8px}.ldt-range{font-size:12px;opacity:.7}.ldt-left{display:flex;align-items:center;gap:10px}.ldt-pill{--border-radius: 999px;--min-height: 28px;--padding-start: 10px;--padding-end: 10px;--border-color: transparent;--border-style: none;--border-width: 0;--box-shadow: none;--background-hover: rgba(0, 0, 0, .04);--background-activated: rgba(0, 0, 0, .06);outline:none;font-weight:600}.ldt-pill.current{--background: var(--ion-color-primary);--color: white;--border-color: transparent;--border-width: 0}.ldt-pill.ghost{--background: transparent;--color: var(--ion-color-primary);--border-width: 1px}.ldt-pill:focus-visible{box-shadow:none!important}.ldt-ellipsis{opacity:.6;padding:0 4px}.ldt-ipp-label{font-size:12px;opacity:.7;white-space:nowrap}ion-select.ldt-ipp.select-fill-outline{--min-height: 35px;min-height:35px!important}.ldt-count{opacity:.7;font-size:12px}.ldt-buttons ion-button{--padding-start: 10px;--padding-end: 10px;--border-radius: 999px;--min-height: 32px;font-weight:600}.ldt-loading{padding:24px;display:flex;align-items:center;gap:10px}.ldt-dot{display:block;width:12px;aspect-ratio:1 / 1;border-radius:50%;line-height:0;flex:0 0 12px}.ldt-dot--green{background:var(--ion-color-success)}.ldt-dot--muted{background:var(--ion-color-medium);opacity:.6}.password-strength-meter{margin-top:8px;padding-left:16px}.strength-bar{height:4px;background-color:#e0e0e0;border-radius:2px;margin-bottom:4px;overflow:hidden;width:100%}.strength-bar-fill.strength-0{background-color:#ff4d4f;width:20%}.strength-bar-fill.strength-1{background-color:#ff7a45;width:40%}.strength-bar-fill.strength-2{background-color:#ffa940;width:60%}.strength-bar-fill.strength-3{background-color:#bae637;width:80%}.strength-bar-fill.strength-4{background-color:#73d13d;width:90%}.strength-bar-fill.strength-5{background-color:#52c41a;width:100%}.strength-text,.feedback-text{font-size:12px;color:#8c8c8c}.field-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.field{flex:1;min-width:200px}.fab-inside{position:absolute;right:1rem;bottom:1rem}.description{color:var(--ion-color-medium);margin-bottom:24px;font-size:14px}.section-label{display:block;margin-bottom:12px;font-weight:700;color:var(--ion-color-dark);text-align:start}.logo-section{margin:24px 0;padding:16px;border-radius:8px;background-color:transparent;border:1px solid var(--ion-color-medium)}.upload-container{display:flex;justify-content:center;margin:16px 0;max-width:100%}.upload-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:auto;min-height:80px;border:1px dashed var(--ion-color-medium);border-radius:8px;background-color:var(--ion-color-light);cursor:pointer;transition:all .2s ease;padding:12px}.upload-placeholder:hover{border-color:var(--ion-color-primary);background-color:rgba(var(--ion-color-primary-rgb),.05)}.placeholder-icon{font-size:36px;color:var(--ion-color-medium);margin-right:16px;margin-bottom:0}.placeholder-text{text-align:left}.placeholder-text h4{margin:0;color:var(--ion-color-dark);font-size:16px}.placeholder-text p{margin:4px 0 0;color:var(--ion-color-medium);font-size:12px}.logo-preview-container{position:relative;width:200px;height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;background-color:#fff}.logo-preview{width:100%;height:100%;object-fit:contain;display:block;padding:8px}.preview-actions{position:absolute;bottom:0;right:0;background:#00000080;border-top-left-radius:8px}.requirements{margin-top:5px}.requirements-title{font-size:14px;color:var(--ion-color-medium);margin-bottom:4px}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{display:flex;align-items:center;margin-bottom:4px;font-size:14px;color:var(--ion-color-medium)}.requirements-list li ion-icon{margin-right:8px;color:var(--ion-color-medium)}.requirements-list li.valid{color:var(--ion-color-success)}.requirements-list li.valid ion-icon{color:var(--ion-color-success)}.validation-errors{margin-top:16px}.validation-errors ion-note{display:block;margin-bottom:8px;font-size:14px}.validation-errors ion-icon{margin-right:4px;vertical-align:middle}.upload-progress{margin:16px 0}.progress-text{display:block;text-align:center;margin-top:8px}.action-buttons{margin-top:24px}.color-picker-item{--padding-start: 0;background:transparent}ion-item.color-picker-item{--ion-item-background: transparent;border:1px solid var(--ion-color-medium);border-radius:8px;margin-bottom:8px;padding:8px}.color-picker-container{display:flex;align-items:center;margin-top:8px}.color-picker{width:40px;height:40px;border:none;border-radius:4px;padding:0;overflow:hidden;cursor:pointer}.color-value{margin-left:12px;font-family:monospace}.colors-section{margin:24px 0;padding:16px;border-radius:8px;background-color:var(--ion-color-light-tint)}.theme-preview{margin-top:20px}.preview-title{font-size:14px;margin-bottom:8px;font-weight:700;color:var(--ion-color-dark);text-align:start}@media (max-width: 768px){.color-picker-item{margin-bottom:16px}}.color-picker-container{min-height:40px}.section-title{font-size:1.2rem;font-weight:500;color:var(--ion-color-primary);margin-bottom:.5rem;padding-left:0;text-align:left}.section-divider{height:2px;background-color:var(--ion-color-dark);margin-bottom:1rem}.password-strength-meter{margin-top:8px}.strength-bar{height:4px;background-color:var(--ion-color-light);border-radius:2px;overflow:hidden}.strength-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.strength-0{background-color:#f44336}.strength-1{background-color:#ff9800}.strength-2{background-color:#ffeb3b}.strength-3{background-color:#8bc34a}.strength-4{background-color:#4caf50}.strength-5{background-color:#009688}.strength-text{font-size:12px;margin-top:4px;color:var(--ion-color-medium)}.button-disabled{opacity:.5;cursor:not-allowed}.company-item{--padding-start: 8px;margin-bottom:8px;border-radius:8px;--background: var(--ion-color-light-shade)}.company-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:6px;overflow:hidden;margin-right:12px}.company-logo-image{width:100%;height:100%;object-fit:contain}.company-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.distance{margin-left:8px;color:var(--ion-color-medium)}.company-item h2{font-weight:500;margin-bottom:4px}.company-item.item-radio-checked{--background: var(--ion-color-primary-tint)}ion-modal.feedback-modal::part(content){overflow:hidden}.feedback-modal-content{height:100%;--padding-start: 16px;--padding-end: 16px;--padding-top: 12px;--padding-bottom: 12px}.feedback-grid,.feedback-row{height:100%;min-height:0}.feedback-col{display:flex;flex-direction:column;min-height:0}.feedback-card{flex:1;margin:0;display:flex;flex-direction:column;min-height:0}.feedback-card ion-card-content,.feedback-card .ion-card-content{flex:1;display:flex;flex-direction:column;min-height:0}.screenshot-container{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:var(--ion-color-light);padding:0;overflow:hidden}.anno-stage{position:relative;max-width:100%;max-height:100%}.anno-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.anno-stage canvas,.anno-text-layer{position:absolute;left:0;top:0}.anno-stage canvas{pointer-events:none}.layer-pen{z-index:10;pointer-events:auto}.layer-shapes{z-index:20;pointer-events:none}.layer-shapes-overlay{z-index:30;pointer-events:none}.anno-stage.tool-shape .layer-shapes-overlay{pointer-events:auto}.anno-text-layer{z-index:40;pointer-events:none}.anno-text-layer.enabled{pointer-events:auto}.anno-stage.tool-pen{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='black' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/></svg>") 2 22,crosshair}.anno-stage.tool-text{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><rect x='2' y='4' width='20' height='14' fill='none' stroke='black' stroke-width='2'/><path d='M8 16V8h8v2h-3v6h-2v-6H8v6z' fill='black'/></svg>") 8 8,text}.anno-stage.tool-shape{cursor:crosshair}.anno-text{position:absolute;min-width:160px;max-width:420px;padding:6px 8px;border-radius:8px;border:1px solid rgba(0,0,0,.18);background:#ffffffd1;box-shadow:0 1px 2px #00000014;color:#111;font:500 14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;cursor:move;outline:none;-webkit-user-select:text;user-select:text}.anno-text[data-placeholder]:empty:before{content:attr(data-placeholder);color:#6b7280;font-style:italic;pointer-events:none}.anno-text[data-placeholder]{border-style:dashed}.tool-text .anno-text{cursor:text}.tool-text .anno-text.dragging{cursor:grabbing}@media (max-width: 768px){ion-modal.feedback-modal{--width: 95vw;--height: 90vh}.feedback-row{flex-direction:column}}.sas-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;cursor:crosshair;-webkit-user-select:none;user-select:none}.sas-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;pointer-events:none}.sas-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);max-width:min(90vw,760px);text-align:center;color:#fff;font:600 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.2px;padding:8px 12px;border-radius:10px;background:#0000008c;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px #00000040;pointer-events:none}@supports (backdrop-filter: blur(8px)){.sas-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.sas-selection{position:absolute;box-sizing:border-box;border:2px solid #4da3ff;background:#4da3ff26;box-shadow:0 0 0 1px #0003 inset;pointer-events:none}.sas-selection:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px dashed rgba(255,255,255,.9);pointer-events:none}.sas-capture-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#000000a6;color:#fff;font:500 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;z-index:2;pointer-events:none}.sas-root.is-capturing{cursor:progress}.sas-actions{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:1}.sas-btn{--border-radius: 22px;--padding-start: 16px;--padding-end: 16px;--min-height: 38px;--ripple-color: rgba(255, 255, 255, .2);font-weight:600;letter-spacing:.2px;box-shadow:0 6px 14px #0000002e}.sas-btn ion-icon{font-size:16px;margin-inline-end:6px}.sas-btn--light,.sas-btn--cancel{--background: rgba(255, 255, 255, .12);--background-hover: rgba(255, 255, 255, .18);--color: #fff;--border-width: 1px;--border-color: rgba(255, 255, 255, .28)}.sas-btn--primary{--background: #0d6efd;--background-hover: #0b5ed7;--color: #fff;box-shadow:0 8px 18px #0d6efd59}@media (max-width: 768px){.sas-hint{top:10px;left:16px;right:16px;transform:none;padding:10px 12px}.sas-actions{left:12px;right:12px;justify-content:center;gap:10px}.sas-btn{--min-height: 44px}}@media (hover: none) and (pointer: coarse){.sas-root{cursor:default}.sas-btn{--min-height: 48px;font-size:16px}}.screen-area-selector-overlay{composes:sas-root}.overlay-background{composes:sas-bg}.selection-rectangle{composes:sas-selection}.instructions{composes:sas-hint}.action-buttons{composes:sas-actions}@media (min-width: 1200px){.sas-actions{max-width:90vw}}ion-fab-button{--box-shadow: 0 2px 8px rgba(0, 0, 0, .15)}.feedback-fab{right:2vh;bottom:56px}.feedback-fab ion-fab-button{width:48px;height:48px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .18)}.feedback-fab ion-icon{font-size:20px}ion-modal.feedback-modal::part(backdrop){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}ion-modal.feedback-modal ion-toolbar{--border-width: 0 0 1px 0;--border-color: rgba(0, 0, 0, .06)}ion-modal.feedback-modal ion-footer ion-toolbar{--border-width: 1px 0 0 0;--border-color: rgba(0, 0, 0, .06)}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #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}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--ion-content-height: calc(100% - 56px) }ion-content{height:var(--ion-content-height)!important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:1em}.read-the-docs{color:#888}ion-content.main-content{--offset-bottom: 56px;padding-bottom:56px!important;height:calc(100vh - 120px)}.padded-wrapper{max-width:1140px;margin-left:auto;margin-right:auto;width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}.primary-form-modal{--width: 640px;--max-width: 90vw}.selected-item{--ion-item-background: #f2f2f2;border-left:4px solid #3880ff;transition:background-color .2s ease}ion-button[fill=clear]:hover{background-color:#0000000d;border-radius:6px}.custom-tab-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;color:var(--ion-color-medium);transition:color .2s ease;cursor:pointer}.custom-tab-button:hover{color:var(--ion-color-primary)}.modal-content-wrapper{padding-top:2.5rem}ion-tabs ion-content{height:calc(100% - 56px)!important}ion-content{height:calc(100vh - 56px)}@media (max-width: 576px){ion-segment ion-label{display:none!important}.hide-mobile{display:none!important}}.tankView{display:flex;min-height:300px;justify-content:center}.tankView ion-col{width:100%;padding:0}.equal-height-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:1fr;gap:16px}.equal-height-cards ion-card{height:100%}ion-range{--bar-background: var(--ion-color-primary-tint);--bar-background-active: var(--ion-color-primary);--bar-height: 8px;--bar-border-radius: 8px;--knob-background: var(--ion-color-medium);--knob-size: 40px;--pin-background: var(--ion-color-secondary);--pin-color: var(--ion-color-secondary-contrast)}ion-range::part(pin){display:inline-flex;align-items:center;justify-content:center;background:var(--ion-color-secondary);color:var(--ion-color-secondary-contrast);border-radius:50%;transform:scale(1);top:-20px;min-width:28px;height:28px;transition:transform .12s ease,background .12s ease}