@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.theme-toggle-container[data-v-b2552cb4]{width:100%}.theme-toggle[data-v-b2552cb4]{display:flex;align-items:center;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:transparent;position:relative;outline:none}.theme-toggle[data-v-b2552cb4]:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.theme-toggle.expanded[data-v-b2552cb4]{padding:var(--space-3) var(--space-4);gap:var(--space-3);min-height:44px;width:100%}.theme-toggle.expanded[data-v-b2552cb4]:hover{background:var(--surface-secondary);border-color:var(--border-primary);transform:translate(2px)}.theme-toggle.collapsed[data-v-b2552cb4]{padding:var(--space-3);justify-content:center;width:44px;height:44px;margin:0 auto}.theme-toggle.collapsed[data-v-b2552cb4]:hover{background:var(--surface-secondary);border-color:var(--border-primary);transform:scale(1.05)}.theme-toggle-icon[data-v-b2552cb4]{font-size:20px;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.theme-toggle:hover .theme-toggle-icon[data-v-b2552cb4]{color:var(--primary-500)}.theme-toggle:active .theme-toggle-icon[data-v-b2552cb4]{transform:scale(.95)}.theme-toggle-label[data-v-b2552cb4]{font-size:.925rem;font-weight:600;color:var(--text-primary);letter-spacing:.025em;transition:all .2s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover .theme-toggle-label[data-v-b2552cb4]{color:var(--text-primary)}:root[data-theme=dark] .theme-toggle.expanded[data-v-b2552cb4]:hover,:root[data-theme=dark] .theme-toggle.collapsed[data-v-b2552cb4]:hover{background:var(--ion-color-step-150);border-color:var(--ion-color-step-300)}@media (prefers-reduced-motion: reduce){.theme-toggle[data-v-b2552cb4],.theme-toggle-icon[data-v-b2552cb4],.theme-toggle-label[data-v-b2552cb4]{transition:none}.theme-toggle[data-v-b2552cb4]:hover,.theme-toggle:active .theme-toggle-icon[data-v-b2552cb4]{transform:none}}.app-layout[data-v-29d5ed59]{display:block;height:100vh;width:100%}.custom-sidebar[data-v-29d5ed59]{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--surface-primary);border-right:1px solid var(--border-primary);box-shadow:0 4px 20px #0ea5e914;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex!important;flex-direction:column;z-index:100}.custom-sidebar.collapsed[data-v-29d5ed59]{width:70px}.sidebar-content[data-v-29d5ed59]{background:var(--surface-primary);height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}.main-content[data-v-29d5ed59]{margin-left:260px!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1)!important;min-height:100vh!important;width:calc(100vw - 260px)!important;overflow:auto;position:relative}.main-content.sidebar-collapsed[data-v-29d5ed59]{margin-left:70px!important;width:calc(100vw - 70px)!important}.main-content.no-sidebar[data-v-29d5ed59]{margin-left:0!important;width:100vw!important}.main-content ion-router-outlet[data-v-29d5ed59]{width:100%!important;height:100%!important}.menu-header[data-v-29d5ed59]{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-primary);background:var(--surface-primary);position:relative;min-height:70px;justify-content:space-between;flex-shrink:0}.custom-sidebar.collapsed .menu-header[data-v-29d5ed59]{justify-content:center;padding:16px 8px}.menu-header-content[data-v-29d5ed59]{display:flex;align-items:center;gap:12px;overflow:hidden}.menu-logo[data-v-29d5ed59]{width:40px;height:40px;border-radius:8px;box-shadow:0 4px 8px #0000001a;object-fit:cover;flex-shrink:0}.menu-title[data-v-29d5ed59]{display:flex;flex-direction:column}.menu-title h2[data-v-29d5ed59]{margin:0;font-size:1.25rem;font-weight:700;color:var(--neutral-800)}.menu-title .version[data-v-29d5ed59]{font-size:.75rem;color:var(--neutral-500);font-weight:500;margin-top:4px}.collapsed-controls[data-v-29d5ed59]{padding:12px;border-bottom:1px solid var(--border-primary);display:flex;justify-content:center}.expand-button[data-v-29d5ed59]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--surface-secondary);border:1px solid var(--border-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.expand-button[data-v-29d5ed59]:hover{background:var(--primary-500);border-color:var(--primary-500);box-shadow:0 4px 12px #0ea5e940;transform:scale(1.05)}.expand-button-icon[data-v-29d5ed59]{font-size:18px!important;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.expand-button:hover .expand-button-icon[data-v-29d5ed59]{color:#fff}.sidebar-toggle-btn[data-v-29d5ed59]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--surface-secondary);border:1px solid var(--border-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 1px 3px #0000001a}.sidebar-toggle-btn[data-v-29d5ed59]:hover{background:var(--surface-elevated);border-color:var(--primary-400);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e926}.sidebar-toggle-icon[data-v-29d5ed59]{font-size:18px!important;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-toggle-btn:hover .sidebar-toggle-icon[data-v-29d5ed59]{color:var(--primary-600)}.menu-separator[data-v-29d5ed59]{display:flex;align-items:center;margin:24px 16px;gap:12px}.separator-line[data-v-29d5ed59]{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--neutral-300),transparent)}.separator-text[data-v-29d5ed59]{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:0 8px;background:var(--surface-primary)}.menu-content[data-v-29d5ed59]{flex:1;overflow-y:auto;display:flex;flex-direction:column}.menu-list[data-v-29d5ed59]{padding:16px}.manual-book-menu[data-v-29d5ed59]{margin-top:8px}.menu-item[data-v-29d5ed59]{display:flex;align-items:center;min-height:48px;padding:12px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap}.custom-sidebar.collapsed .menu-item[data-v-29d5ed59]{justify-content:center;padding:12px 8px}.menu-item.active[data-v-29d5ed59]{background:var(--primary-500);box-shadow:0 2px 8px #0ea5e94d}.menu-item.active .menu-item-icon[data-v-29d5ed59],.menu-item.active .menu-item-label[data-v-29d5ed59]{color:#fff!important}.menu-item-icon[data-v-29d5ed59]{font-size:22px;color:var(--text-secondary);transition:all .3s ease;flex-shrink:0;width:24px;text-align:center}.menu-item-label[data-v-29d5ed59]{color:var(--text-primary);font-weight:600;font-size:.925rem;margin-left:12px;transition:all .3s ease;letter-spacing:.025em;overflow:hidden}.menu-item[data-v-29d5ed59]:hover:not(.active){background-color:var(--surface-secondary);transform:translate(2px)}.custom-sidebar.collapsed .menu-item[data-v-29d5ed59]:hover:not(.active){transform:scale(1.05)}.menu-item:hover:not(.active) .menu-item-icon[data-v-29d5ed59]{color:var(--primary-500)}.menu-item:hover:not(.active) .menu-item-label[data-v-29d5ed59]{color:var(--text-primary)}.chevron-icon[data-v-29d5ed59]{margin-left:auto;font-size:18px;color:var(--text-tertiary);transition:all .3s ease}.sidebar-bottom[data-v-29d5ed59]{margin-top:auto;flex-shrink:0}.sidebar-utilities[data-v-29d5ed59]{padding:16px;border-top:1px solid var(--border-primary)}.custom-sidebar.collapsed .sidebar-utilities[data-v-29d5ed59]{padding:16px 8px}.menu-profile[data-v-29d5ed59]{padding:16px;border-top:1px solid var(--border-primary);display:flex;align-items:center;gap:12px;background:var(--surface-primary);transition:all .3s ease}.custom-sidebar.collapsed .menu-profile[data-v-29d5ed59]{justify-content:center;padding:16px 8px}.menu-profile[data-v-29d5ed59]:hover{background:var(--surface-secondary)}.profile-pic[data-v-29d5ed59]{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-primary);box-shadow:0 2px 4px #0ea5e91a;transition:all .2s ease;flex-shrink:0}.menu-profile:hover .profile-pic[data-v-29d5ed59]{border-color:var(--primary-300)}.profile-info[data-v-29d5ed59]{flex:1}.profile-name[data-v-29d5ed59]{font-weight:700;font-size:.875rem;color:var(--text-primary);letter-spacing:.025em}.profile-role[data-v-29d5ed59]{font-size:.75rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.menu-profile .chevron-icon[data-v-29d5ed59]{font-size:18px;color:var(--text-tertiary)}.profile-row[data-v-29d5ed59]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.logout-icon[data-v-29d5ed59]{font-size:20px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;padding:var(--space-2);border-radius:var(--radius-lg);background:transparent;border:1px solid transparent}.logout-icon[data-v-29d5ed59]:hover{color:var(--error-500);background:var(--error-50);border-color:var(--error-200)}.logout-icon-collapsed[data-v-29d5ed59]{font-size:20px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px;background:transparent;border:1px solid transparent}.logout-icon-collapsed[data-v-29d5ed59]:hover{color:var(--error-500);background:var(--error-50);border-color:var(--error-200)}.collapsed-profile[data-v-29d5ed59]{display:flex;flex-direction:column;align-items:center;gap:8px}.profile-pic-collapsed[data-v-29d5ed59]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-primary);box-shadow:0 2px 4px #0ea5e91a;transition:all .2s ease}.profile-pic-collapsed[data-v-29d5ed59]:hover{border-color:var(--primary-300)}.logout-icon-collapsed[data-v-29d5ed59]{font-size:18px!important;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px;background:transparent;border:1px solid transparent}.logout-icon-collapsed[data-v-29d5ed59]:hover{color:var(--error-500)!important;background:var(--error-50)!important;border-color:var(--error-200)!important;transform:scale(1.1)}@media (max-width: 768px){.custom-sidebar[data-v-29d5ed59]{position:fixed;top:0;left:-260px;width:260px;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.custom-sidebar[data-v-29d5ed59]:not(.collapsed){left:0;box-shadow:4px 0 20px #00000026}.custom-sidebar.collapsed[data-v-29d5ed59]{left:-260px;width:260px}.main-content[data-v-29d5ed59],.main-content.sidebar-collapsed[data-v-29d5ed59]{margin-left:0!important;width:100vw!important}.custom-sidebar[data-v-29d5ed59]:not(.collapsed):before{display:none}}:root[data-theme=dark] .custom-sidebar[data-v-29d5ed59]{background:var(--ion-color-step-100);border-right:1px solid var(--ion-color-step-200);box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .sidebar-content[data-v-29d5ed59]{--background: var(--ion-color-step-100)}:root[data-theme=dark] .menu-header[data-v-29d5ed59]{background:var(--ion-color-step-100);border-bottom:1px solid var(--ion-color-step-200)}:root[data-theme=dark] .menu-title h2[data-v-29d5ed59]{color:var(--text-primary)}:root[data-theme=dark] .menu-title .version[data-v-29d5ed59]{color:var(--text-secondary)}:root[data-theme=dark] .collapsed-controls[data-v-29d5ed59]{border-bottom:1px solid var(--ion-color-step-200)}:root[data-theme=dark] .expand-button[data-v-29d5ed59],:root[data-theme=dark] .sidebar-toggle-btn[data-v-29d5ed59]{background:var(--ion-color-step-150);border-color:var(--ion-color-step-300)}:root[data-theme=dark] .sidebar-toggle-btn[data-v-29d5ed59]:hover{background:var(--ion-color-step-200)}:root[data-theme=dark] .separator-text[data-v-29d5ed59]{background:var(--ion-color-step-100)}:root[data-theme=dark] .menu-item[data-v-29d5ed59]:hover:not(.active){background-color:var(--ion-color-step-150)}:root[data-theme=dark] .sidebar-utilities[data-v-29d5ed59]{border-top:1px solid var(--ion-color-step-200)}:root[data-theme=dark] .menu-profile[data-v-29d5ed59]{background:var(--ion-color-step-100);border-top:1px solid var(--ion-color-step-200)}:root[data-theme=dark] .menu-profile[data-v-29d5ed59]:hover{background:var(--ion-color-step-150)}: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-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}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media (min-width: 576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media (min-width: 768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media (min-width: 992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media (min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (min-width: 576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media (min-width: 768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media (min-width: 992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media (min-width: 1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media (min-width: 576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media (min-width: 768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media (min-width: 992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media (min-width: 1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media (min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media (min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media (min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media (min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media (min-width: 576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media (min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media (min-width: 576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media (min-width: 768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media (min-width: 992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media (min-width: 1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media (min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media (min-width: 768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media (min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media (min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media (min-width: 576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media (min-width: 768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media (min-width: 992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media (min-width: 1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media (min-width: 576px){.ion-display-sm-none{display:none!important}}@media (min-width: 768px){.ion-display-md-none{display:none!important}}@media (min-width: 992px){.ion-display-lg-none{display:none!important}}@media (min-width: 1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media (min-width: 576px){.ion-display-sm-inline{display:inline!important}}@media (min-width: 768px){.ion-display-md-inline{display:inline!important}}@media (min-width: 992px){.ion-display-lg-inline{display:inline!important}}@media (min-width: 1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media (min-width: 576px){.ion-display-sm-inline-block{display:inline-block!important}}@media (min-width: 768px){.ion-display-md-inline-block{display:inline-block!important}}@media (min-width: 992px){.ion-display-lg-inline-block{display:inline-block!important}}@media (min-width: 1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media (min-width: 576px){.ion-display-sm-block{display:block!important}}@media (min-width: 768px){.ion-display-md-block{display:block!important}}@media (min-width: 992px){.ion-display-lg-block{display:block!important}}@media (min-width: 1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media (min-width: 576px){.ion-display-sm-flex{display:flex!important}}@media (min-width: 768px){.ion-display-md-flex{display:flex!important}}@media (min-width: 992px){.ion-display-lg-flex{display:flex!important}}@media (min-width: 1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media (min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media (min-width: 768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media (min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media (min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media (min-width: 576px){.ion-display-sm-grid{display:grid!important}}@media (min-width: 768px){.ion-display-md-grid{display:grid!important}}@media (min-width: 992px){.ion-display-lg-grid{display:grid!important}}@media (min-width: 1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media (min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media (min-width: 768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media (min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media (min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media (min-width: 576px){.ion-display-sm-table{display:table!important}}@media (min-width: 768px){.ion-display-md-table{display:table!important}}@media (min-width: 992px){.ion-display-lg-table{display:table!important}}@media (min-width: 1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media (min-width: 576px){.ion-display-sm-table-cell{display:table-cell!important}}@media (min-width: 768px){.ion-display-md-table-cell{display:table-cell!important}}@media (min-width: 992px){.ion-display-lg-table-cell{display:table-cell!important}}@media (min-width: 1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media (min-width: 576px){.ion-display-sm-table-row{display:table-row!important}}@media (min-width: 768px){.ion-display-md-table-row{display:table-row!important}}@media (min-width: 992px){.ion-display-lg-table-row{display:table-row!important}}@media (min-width: 1200px){.ion-display-xl-table-row{display:table-row!important}}:root{--ion-color-primary: #0ea5e9;--ion-color-primary-rgb: 14, 165, 233;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #0284c7;--ion-color-primary-tint: #38bdf8;--ion-color-secondary: #6366f1;--ion-color-secondary-rgb: 99, 102, 241;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #5b21b6;--ion-color-secondary-tint: #8b5cf6;--ion-color-tertiary: #ec4899;--ion-color-tertiary-rgb: 236, 72, 153;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #db2777;--ion-color-tertiary-tint: #f472b6;--ion-color-success: #22c55e;--ion-color-success-rgb: 34, 197, 94;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #16a34a;--ion-color-success-tint: #4ade80;--ion-color-warning: #f59e0b;--ion-color-warning-rgb: 245, 158, 11;--ion-color-warning-contrast: #ffffff;--ion-color-warning-contrast-rgb: 255, 255, 255;--ion-color-warning-shade: #d97706;--ion-color-warning-tint: #fbbf24;--ion-color-danger: #ef4444;--ion-color-danger-rgb: 239, 68, 68;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #dc2626;--ion-color-danger-tint: #f87171;--ion-color-medium: #737373;--ion-color-medium-rgb: 115, 115, 115;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #525252;--ion-color-medium-tint: #a3a3a3;--ion-color-light: #f5f5f5;--ion-color-light-rgb: 245, 245, 245;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #e5e5e5;--ion-color-light-tint: #f8f8f8;--ion-color-dark: #262626;--ion-color-dark-rgb: 38, 38, 38;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #171717;--ion-color-dark-tint: #404040;--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--background-primary: linear-gradient( 135deg, var(--neutral-50) 0%, var(--primary-50) 100% );--surface-primary: rgba(255, 255, 255, .95);--surface-secondary: white;--text-primary: var(--neutral-800);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--border-primary: var(--neutral-200);--border-secondary: var(--neutral-300)}:root[data-theme=dark] :root{--ion-color-primary: #38bdf8;--ion-color-primary-rgb: 56, 189, 248;--ion-color-primary-contrast: #000000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #0ea5e9;--ion-color-primary-tint: #7dd3fc;--ion-color-light: #404040;--ion-color-light-rgb: 64, 64, 64;--ion-color-light-contrast: #ffffff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #262626;--ion-color-light-tint: #525252;--ion-color-medium: #a3a3a3;--ion-color-medium-rgb: 163, 163, 163;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #737373;--ion-color-medium-tint: #d4d4d4;--ion-background-color: #0f0f0f;--ion-background-color-rgb: 15, 15, 15;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-color-step-50: #1a1a1a;--ion-color-step-100: #262626;--ion-color-step-150: #2d2d2d;--ion-color-step-200: #333333;--ion-color-step-250: #404040;--ion-color-step-300: #4d4d4d;--ion-color-step-350: #595959;--ion-color-step-400: #666666;--ion-color-step-450: #737373;--ion-color-step-500: #808080;--ion-color-step-550: #8c8c8c;--ion-color-step-600: #999999;--ion-color-step-650: #a6a6a6;--ion-color-step-700: #b3b3b3;--ion-color-step-750: #bfbfbf;--ion-color-step-800: #cccccc;--ion-color-step-850: #d9d9d9;--ion-color-step-900: #e6e6e6;--ion-color-step-950: #f2f2f2;--background-primary: linear-gradient( 135deg, var(--neutral-900) 0%, var(--neutral-800) 100% );--surface-primary: rgba(38, 38, 38, .95);--surface-secondary: var(--neutral-800);--text-primary: var(--neutral-100);--text-secondary: var(--neutral-300);--text-tertiary: var(--neutral-400);--border-primary: var(--neutral-700);--border-secondary: var(--neutral-600)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.page-background{--background: var(--background-primary);min-height:100vh}.page-wrapper{background:var(--surface-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:1400px;margin:var(--space-8) auto;border:1px solid var(--border-primary);overflow:hidden}.stats-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);padding:var(--space-8);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);position:relative;overflow:hidden}.stats-items:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none}.stats-item{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.stats-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);background:#ffffff40}.stats-item-content{display:flex;align-items:center;gap:var(--space-4)}.icon-circle{width:64px;height:64px;border-radius:var(--radius-xl);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);flex-shrink:0}.text-block{flex:1}.label{margin:0;font-size:.875rem;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.value{margin:var(--space-1) 0 0 0;font-size:2rem;font-weight:700;color:#fff;line-height:1.2}.header-tools{display:flex;justify-content:space-between;align-items:center;padding:var(--space-8) var(--space-8) var(--space-6) var(--space-8);background:var(--surface-secondary);border-bottom:1px solid var(--border-primary)}.section-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tools{display:flex;gap:var(--space-4);align-items:center}.searchbar{--background: var(--surface-secondary);--color: var(--text-primary);--placeholder-color: var(--text-tertiary);--border-radius: var(--radius-lg);--padding-start: var(--space-4);--padding-end: var(--space-4);--box-shadow: none;height:44px;border:1px solid var(--border-primary);transition:all .2s ease;min-width:280px}.searchbar:focus-within{--background: var(--surface-secondary);border-color:var(--primary-400);box-shadow:0 0 0 2px #0ea5e926}.clean-searchbar{--background: var(--surface-secondary);--color: var(--text-primary);--placeholder-color: var(--text-tertiary);--border-radius: var(--radius-lg);--padding-start: var(--space-4);--padding-end: var(--space-4);--box-shadow: none;height:44px;border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all .2s ease;min-width:280px}.clean-searchbar:focus-within{--background: var(--surface-secondary);border-color:var(--primary-400);box-shadow:0 0 0 2px #0ea5e926}.searchbar .searchbar-input,.clean-searchbar .searchbar-input,.searchbar input,.clean-searchbar input{color:var(--text-primary)!important;background:transparent!important}.searchbar ion-input,.clean-searchbar ion-input{--color: var(--text-primary) !important;--placeholder-color: var(--text-tertiary) !important}.create-button{--background: var(--primary-500);--color: white;--border-radius: var(--radius-lg);height:44px;font-size:.875rem;font-weight:600;padding:0 var(--space-6);transition:all .2s ease;border:none;box-shadow:var(--shadow-sm)}.create-button:hover{--background: var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.table-container{overflow-x:auto;padding:0 var(--space-8) var(--space-8) var(--space-8);background:var(--surface-secondary)}.modern-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}.modern-table th{background:var(--neutral-50);padding:var(--space-4) var(--space-6);text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary);white-space:nowrap}.modern-table td{padding:var(--space-4) var(--space-6);color:var(--text-primary);font-size:.875rem;border-bottom:1px solid var(--border-primary);white-space:nowrap}.modern-table tbody tr{transition:all .2s ease}.modern-table tbody tr:hover{background:var(--neutral-50)}.modern-table tbody tr:last-child td{border-bottom:none}.actions{display:flex;gap:var(--space-2)}.action-button{--background: transparent;--color: var(--text-tertiary);--border-radius: var(--radius-md);width:36px;height:36px;transition:all .2s ease}.action-button:hover{--background: var(--neutral-100);--color: var(--text-secondary);transform:scale(1.05)}.action-button.danger:hover{--background: var(--error-50);--color: var(--error-500)}.modern-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.modern-badge.success{background:var(--success-100);color:var(--success-600)}.modern-badge.warning{background:var(--warning-100);color:var(--warning-600)}.modern-badge.error{background:var(--error-100);color:var(--error-600)}.modern-badge.neutral{background:var(--neutral-100);color:var(--neutral-600)}.modern-badge.primary{background:var(--primary-100);color:var(--primary-600)}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);background:var(--neutral-50);border-top:1px solid var(--border-primary)}.page-size-selector{display:flex;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:.875rem}.pagination{display:flex;gap:var(--space-2);align-items:center}.pagination-button{--background: var(--surface-secondary);--color: var(--text-secondary);--border-radius: var(--radius-md);width:36px;height:36px;border:1px solid var(--border-primary);transition:all .2s ease}.pagination-button:hover:not(:disabled){--background: var(--primary-50);--color: var(--primary-600);border-color:var(--primary-200)}.pagination-button.active{--background: var(--primary-500);--color: white;border-color:var(--primary-500)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.modal-body{--background: var(--surface-secondary);padding:0}.modal-form{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8)}.field-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.modern-input{--background: var(--surface-secondary) !important;--color: var(--text-primary) !important;--placeholder-color: var(--text-tertiary) !important;--border-color: var(--border-secondary) !important;--border-width: 1px !important;--border-radius: var(--radius-lg) !important;--padding-start: var(--space-4) !important;--padding-end: var(--space-4) !important;--padding-top: var(--space-3) !important;--padding-bottom: var(--space-3) !important;font-size:.875rem!important;min-height:48px!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;background:var(--surface-secondary)!important;transition:all .2s ease!important}.modern-input:focus-within{--border-color: var(--primary-400) !important;border-color:var(--primary-400)!important;box-shadow:0 0 0 3px #0ea5e91a!important}.modern-select{--background: var(--surface-secondary) !important;--color: var(--text-primary) !important;--border-color: var(--border-secondary) !important;--border-radius: var(--radius-lg) !important;--padding-start: var(--space-4) !important;--padding-end: var(--space-4) !important;min-height:48px!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;background:var(--surface-secondary)!important}.toggle-field{margin-top:var(--space-2)}.toggle-item{--background: var(--neutral-50);--border-radius: var(--radius-lg);--padding-start: var(--space-4);--padding-end: var(--space-4);--min-height: 56px;border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin:0;transition:all .2s ease}.toggle-item:hover{--background: var(--neutral-100)}ion-footer ion-toolbar{--background: var(--neutral-50);border-top:1px solid var(--border-primary);padding:var(--space-6) var(--space-8)}.modal-button{--border-radius: var(--radius-lg);height:44px;padding:0 var(--space-6);font-size:.875rem;font-weight:600;transition:all .2s ease}.modal-button.primary{--background: var(--primary-500);--color: white;--border-color: var(--primary-500)}.modal-button.primary:hover{--background: var(--primary-600);transform:translateY(-1px)}.modal-button.secondary{--background: var(--surface-secondary);--color: var(--text-secondary);--border-color: var(--border-secondary)}.modal-button.secondary:hover{--background: var(--neutral-50)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);gap:var(--space-4)}.loading-container p{color:var(--text-tertiary);font-size:.875rem}.modern-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;position:relative;overflow:hidden}.modern-btn:focus{outline:none;box-shadow:0 0 0 3px #0ea5e933}.modern-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.modern-btn-primary{background:var(--primary-500);color:#fff;border-color:var(--primary-500);box-shadow:0 2px 4px #0ea5e933}.modern-btn-primary:hover:not(:disabled){background:var(--primary-600);border-color:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.modern-btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #0ea5e933}.modern-btn-secondary{background:#fff;color:var(--text-secondary);border-color:var(--border-secondary);box-shadow:0 1px 3px #0000001a}.modern-btn-secondary:hover:not(:disabled){background:var(--neutral-50);color:var(--text-primary);border-color:var(--border-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.modern-btn-secondary:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.modern-btn-danger{background:var(--error-500);color:#fff;border-color:var(--error-500);box-shadow:0 2px 4px #ef444433}.modern-btn-danger:hover:not(:disabled){background:var(--error-600);border-color:var(--error-600);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.modern-btn-danger:active{transform:translateY(0);box-shadow:0 2px 4px #ef444433}.modern-btn-success{background:var(--success-500);color:#fff;border-color:var(--success-500);box-shadow:0 2px 4px #22c55e33}.modern-btn-success:hover:not(:disabled){background:var(--success-600);border-color:var(--success-600);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.modern-btn-success:active{transform:translateY(0);box-shadow:0 2px 4px #22c55e33}.modern-btn-sm{padding:var(--space-2) var(--space-4);font-size:.75rem;min-height:36px}.modern-btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem;min-height:52px}.modern-modal-buttons{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);width:100%}:root[data-theme=dark] .modern-btn-secondary{background:var(--ion-color-step-100);color:var(--text-secondary);border-color:var(--border-primary)}:root[data-theme=dark] .modern-btn-secondary:hover:not(:disabled){background:var(--ion-color-step-200);color:var(--text-primary);border-color:var(--border-secondary)}@media (max-width: 768px){.modern-modal-buttons{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.modern-btn{width:100%;justify-content:center}}@media (max-width: 768px){.page-wrapper{margin:var(--space-4);border-radius:var(--radius-xl)}.stats-items{grid-template-columns:1fr;padding:var(--space-6);gap:var(--space-4)}.stats-item-content{flex-direction:column;text-align:center}.header-tools{flex-direction:column;gap:var(--space-4);align-items:stretch;padding:var(--space-6)}.tools{flex-direction:column;gap:var(--space-3)}.searchbar{min-width:auto}.table-container{padding:0 var(--space-4) var(--space-6) var(--space-4)}.modern-table{font-size:.75rem}.modern-table th,.modern-table td{padding:var(--space-3) var(--space-4)}.pagination-container{flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.modal-form{padding:var(--space-6)}}@media (max-width: 480px){.icon-circle{width:56px;height:56px}.value{font-size:1.75rem}}:root[data-theme=dark] .searchbar{--background: var(--ion-color-step-100);--color: var(--text-primary);--placeholder-color: var(--text-tertiary);border-color:var(--border-primary)}:root[data-theme=dark] .searchbar:focus-within{--background: var(--ion-color-step-100);border-color:var(--primary-400);box-shadow:0 0 0 1px #38bdf84d}:root[data-theme=dark] .clean-searchbar{--background: var(--ion-color-step-100);--color: var(--text-primary);--placeholder-color: var(--text-tertiary);border-color:var(--border-primary)}:root[data-theme=dark] .clean-searchbar:focus-within{--background: var(--ion-color-step-100);border-color:var(--primary-400);box-shadow:0 0 0 1px #38bdf84d}:root[data-theme=dark] .searchbar .searchbar-input,:root[data-theme=dark] .clean-searchbar .searchbar-input,:root[data-theme=dark] .searchbar input,:root[data-theme=dark] .clean-searchbar input{color:var(--text-primary)!important;background:transparent!important}:root[data-theme=dark] .searchbar ion-input,:root[data-theme=dark] .clean-searchbar ion-input{--color: var(--text-primary) !important;--placeholder-color: var(--text-tertiary) !important}:root[data-theme=dark] .toggle-item{--background: var(--ion-color-step-100);border-color:var(--border-primary)}:root[data-theme=dark] .toggle-item:hover{--background: var(--ion-color-step-150)}:root[data-theme=dark] .modern-table th,:root[data-theme=dark] .modern-table tbody tr:hover,:root[data-theme=dark] .pagination-container{background:var(--ion-color-step-100)}:root[data-theme=dark] ion-footer ion-toolbar{--background: var(--ion-color-step-100)}.semaphore-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:var(--shadow-sm)}.semaphore-indicator.green{background:var(--success-500)}.semaphore-indicator.yellow{background:var(--warning-500)}.semaphore-indicator.red{background:var(--error-500)}ion-modal{--border-radius: var(--radius-2xl);--box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)}ion-modal::part(content){border-radius:var(--radius-2xl);overflow:hidden;margin:var(--space-4);max-height:calc(100vh - var(--space-8))}ion-modal ion-header ion-toolbar{--background: var(--surface-secondary);--color: var(--text-primary);--border-color: transparent;border-bottom:1px solid var(--border-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-2) var(--space-4)}ion-modal ion-header ion-toolbar ion-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}ion-modal ion-content{--background: var(--surface-secondary);border-radius:0}ion-modal ion-footer{border-radius:0 0 var(--radius-2xl) var(--radius-2xl);overflow:hidden}ion-modal ion-footer ion-toolbar{--background: var(--surface-secondary);border-top:1px solid var(--border-primary);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);padding:var(--space-4) var(--space-6)}.modal-form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6) var(--space-8);max-width:100%}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:.025em}.modern-input{--background: var(--surface-secondary) !important;--color: var(--text-primary) !important;--placeholder-color: var(--text-tertiary) !important;--border-color: var(--border-secondary) !important;--border-width: 1.5px !important;--border-radius: var(--radius-xl) !important;--padding-start: var(--space-5) !important;--padding-end: var(--space-5) !important;--padding-top: var(--space-4) !important;--padding-bottom: var(--space-4) !important;font-size:.875rem!important;min-height:52px!important;border:1.5px solid var(--border-secondary)!important;border-radius:var(--radius-xl)!important;background:var(--surface-secondary)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 3px #0000000d!important}.modern-input:focus-within{--border-color: var(--primary-400) !important;border-color:var(--primary-400)!important;box-shadow:0 0 0 3px #0ea5e91a,0 4px 12px #0000001a!important;transform:translateY(-1px)!important}.modern-select{--background: var(--surface-secondary) !important;--color: var(--text-primary) !important;--border-color: var(--border-secondary) !important;--border-radius: var(--radius-xl) !important;--padding-start: var(--space-5) !important;--padding-end: var(--space-5) !important;min-height:52px!important;border:1.5px solid var(--border-secondary)!important;border-radius:var(--radius-xl)!important;background:var(--surface-secondary)!important;box-shadow:0 1px 3px #0000000d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.modern-select:focus-within{border-color:var(--primary-400)!important;box-shadow:0 0 0 3px #0ea5e91a,0 4px 12px #0000001a!important;transform:translateY(-1px)!important}.toggle-field{margin-top:var(--space-3)}.toggle-item{--background: var(--surface-secondary);--border-radius: var(--radius-xl);--padding-start: var(--space-5);--padding-end: var(--space-5);--min-height: 60px;border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.toggle-item:hover{--background: var(--neutral-50);border-color:var(--primary-200);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.toggle-item ion-label{font-weight:500;color:var(--text-primary)}.modern-modal-buttons{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:0;width:100%}.modern-btn{border-radius:var(--radius-xl)!important;font-weight:600!important;letter-spacing:.025em!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px #0000001a!important;min-height:48px!important;padding:0 var(--space-8)!important}.modern-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 8px 25px #00000026!important}.modern-btn:active{transform:translateY(0)!important;box-shadow:0 2px 8px #0000001a!important}.modern-btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600))!important;border:none!important}.modern-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700))!important;box-shadow:0 8px 25px #0ea5e94d!important}.modern-btn-secondary{background:var(--surface-secondary)!important;border:1.5px solid var(--border-secondary)!important;color:var(--text-secondary)!important}.modern-btn-secondary:hover:not(:disabled){background:var(--neutral-50)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.view-details{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-8)}.detail-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--surface-secondary);border-radius:var(--radius-xl);border:1.5px solid var(--border-primary);transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.detail-item:hover{border-color:var(--primary-200);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.delete-confirmation{text-align:center;padding:var(--space-8)}.delete-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--error-100),var(--error-50));color:var(--error-500);display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto var(--space-6) auto;box-shadow:0 8px 25px #ef444433;border:3px solid rgba(239,68,68,.1)}.delete-confirmation h3{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:1.5rem;font-weight:700}.delete-confirmation p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:1rem}:root[data-theme=dark] ion-modal::part(content){box-shadow:0 25px 50px -12px #00000080}:root[data-theme=dark] .toggle-item:hover{--background: var(--ion-color-step-150);border-color:var(--primary-400)}:root[data-theme=dark] .detail-item:hover{border-color:var(--primary-400)}:root[data-theme=dark] .modern-btn-secondary{background:var(--ion-color-step-100)!important;border-color:var(--border-primary)!important}:root[data-theme=dark] .modern-btn-secondary:hover:not(:disabled){background:var(--ion-color-step-200)!important}@media (max-width: 768px){ion-modal::part(content){margin:var(--space-2);max-height:calc(100vh - var(--space-4))}.modal-form{padding:var(--space-4) var(--space-6);gap:var(--space-4)}.view-details{padding:var(--space-4) var(--space-6)}.delete-confirmation{padding:var(--space-6)}.modern-modal-buttons{flex-direction:column;gap:var(--space-3)}.modern-btn{width:100%;justify-content:center}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--ion-color-primary: #0ea5e9;--ion-color-primary-rgb: 14, 165, 233;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #0284c7;--ion-color-primary-tint: #38bdf8;--ion-color-secondary: #0284c7;--ion-color-secondary-rgb: 2, 132, 199;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #075985;--ion-color-secondary-tint: #0ea5e9;--ion-color-tertiary: #ec4899;--ion-color-tertiary-rgb: 236, 72, 153;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #db2777;--ion-color-tertiary-tint: #f472b6;--ion-color-success: #22c55e;--ion-color-success-rgb: 34, 197, 94;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #16a34a;--ion-color-success-tint: #4ade80;--ion-color-warning: #f59e0b;--ion-color-warning-rgb: 245, 158, 11;--ion-color-warning-contrast: #ffffff;--ion-color-warning-contrast-rgb: 255, 255, 255;--ion-color-warning-shade: #d97706;--ion-color-warning-tint: #fbbf24;--ion-color-danger: #ef4444;--ion-color-danger-rgb: 239, 68, 68;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #dc2626;--ion-color-danger-tint: #f87171;--ion-color-medium: #737373;--ion-color-medium-rgb: 115, 115, 115;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #525252;--ion-color-medium-tint: #a3a3a3;--ion-color-light: #f5f5f5;--ion-color-light-rgb: 245, 245, 245;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #e5e5e5;--ion-color-light-tint: #f8f8f8;--ion-color-dark: #262626;--ion-color-dark-rgb: 38, 38, 38;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #171717;--ion-color-dark-tint: #404040;--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--accent-50: #f0f9ff;--accent-100: #e0f2fe;--accent-200: #bae6fd;--accent-300: #7dd3fc;--accent-400: #38bdf8;--accent-500: #0ea5e9;--accent-600: #0284c7;--accent-700: #0369a1;--accent-800: #075985;--accent-900: #0c4a6e;--neutral-25: #fafafa;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-muted: #d1d5db;--surface-primary: #ffffff;--surface-secondary: #f9fafb;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .95);--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-light: #f3f4f6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .37);--shadow-colored: 0 10px 25px -5px rgba(14, 165, 233, .15);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(14, 165, 233, .1);--glass-blur: blur(10px);--gradient-primary: linear-gradient( 135deg, var(--primary-500), var(--primary-600) );--gradient-surface: linear-gradient( 135deg, rgba(255, 255, 255, .95), rgba(240, 249, 255, .9) );--gradient-background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%)}:root[data-theme=dark] :root{--ion-color-primary: #38bdf8;--ion-color-primary-rgb: 56, 189, 248;--ion-color-primary-contrast: #000000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #0ea5e9;--ion-color-primary-tint: #7dd3fc;--ion-color-light: #404040;--ion-color-light-rgb: 64, 64, 64;--ion-color-light-contrast: #ffffff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #262626;--ion-color-light-tint: #525252;--ion-color-medium: #a3a3a3;--ion-color-medium-rgb: 163, 163, 163;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #737373;--ion-color-medium-tint: #d4d4d4;--ion-background-color: #0f0f0f;--ion-background-color-rgb: 15, 15, 15;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-color-step-50: #1a1a1a;--ion-color-step-100: #262626;--ion-color-step-150: #2d2d2d;--ion-color-step-200: #333333;--ion-color-step-250: #404040;--ion-color-step-300: #4d4d4d;--ion-color-step-350: #595959;--ion-color-step-400: #666666;--ion-color-step-450: #737373;--ion-color-step-500: #808080;--ion-color-step-550: #8c8c8c;--ion-color-step-600: #999999;--ion-color-step-650: #a6a6a6;--ion-color-step-700: #b3b3b3;--ion-color-step-750: #bfbfbf;--ion-color-step-800: #cccccc;--ion-color-step-850: #d9d9d9;--ion-color-step-900: #e6e6e6;--ion-color-step-950: #f2f2f2;--text-primary: var(--neutral-100);--text-secondary: var(--neutral-300);--text-tertiary: var(--neutral-400);--text-muted: var(--neutral-600);--surface-primary: var(--ion-color-step-100);--surface-secondary: var(--ion-color-step-150);--surface-elevated: var(--ion-color-step-200);--surface-glass: rgba(38, 38, 38, .95);--border-primary: var(--ion-color-step-300);--border-secondary: var(--ion-color-step-400);--border-light: var(--ion-color-step-200);--glass-bg: rgba(38, 38, 38, .9);--glass-border: rgba(56, 189, 248, .1);--gradient-surface: linear-gradient( 135deg, rgba(38, 38, 38, .95), rgba(31, 41, 55, .9) )}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-secondary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-md);transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.font-medium{font-weight:500}.text-center{text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-4);color:var(--text-secondary)}.app-page-bottom-spacing{padding-bottom:var(--space-20)!important}ion-content{--padding-bottom: 5rem !important}.app-page-wrapper,.ion-padding{padding-bottom:var(--space-20)!important}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-circ: cubic-bezier(0, .55, .45, 1);--ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-medium: .25s;--duration-slow: .35s;--duration-extra-slow: .5s}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:var(--duration-medium);transition-timing-function:var(--ease-out-quart)}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all var(--duration-slow) var(--ease-out-expo)}.page-transition-leave-active{opacity:0;transform:translateY(-10px);transition:all var(--duration-fast) var(--ease-out-quart)}*:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;transition:outline-offset var(--duration-fast) var(--ease-out-quart)}.app-btn,button,[role=button]{transform-origin:center;transition:all var(--duration-medium) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-expo)}.app-btn:hover,button:hover,[role=button]:hover{filter:brightness(1.05)}.app-btn:active,button:active,[role=button]:active{transform:scale(.98);transition-duration:var(--duration-fast)}input,textarea,select,.ion-input,.ion-textarea,.ion-select{transition:border-color var(--duration-medium) var(--ease-out-quart),box-shadow var(--duration-medium) var(--ease-out-quart),transform var(--duration-medium) var(--ease-out-quart)}input:focus,textarea:focus,select:focus,.ion-input.ion-focused,.ion-textarea.ion-focused,.ion-select.ion-focused{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e926,0 0 0 3px #0ea5e91a}ion-modal.modal-transitions::part(backdrop){opacity:0;transition:opacity var(--duration-slow) var(--ease-out-quart)}ion-modal.modal-transitions.modal-open::part(backdrop){opacity:1}ion-modal.modal-transitions::part(content){transform:scale(.9) translateY(20px);opacity:0;transition:transform var(--duration-slow) var(--ease-spring),opacity var(--duration-slow) var(--ease-out-quart)}ion-modal.modal-transitions.modal-open::part(content){transform:scale(1) translateY(0);opacity:1}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-animation>*:nth-child(1){animation:staggerFadeIn var(--duration-slow) var(--ease-out-expo) 0ms both}.stagger-animation>*:nth-child(2){animation:staggerFadeIn var(--duration-slow) var(--ease-out-expo) 50ms both}.stagger-animation>*:nth-child(3){animation:staggerFadeIn var(--duration-slow) var(--ease-out-expo) .1s both}.stagger-animation>*:nth-child(4){animation:staggerFadeIn var(--duration-slow) var(--ease-out-expo) .15s both}.stagger-animation>*:nth-child(5){animation:staggerFadeIn var(--duration-slow) var(--ease-out-expo) .2s both}.stagger-animation>*:nth-child(6){animation:staggerFadeIn var(--duration-slow) var(--ease-out-expo) .25s both}.stagger-animation>*:nth-child(7){animation:staggerFadeIn var(--duration-slow) var(--ease-out-expo) .3s both}.stagger-animation>*:nth-child(8){animation:staggerFadeIn var(--duration-slow) var(--ease-out-expo) .35s both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-slideInUp{animation:slideInUp var(--duration-slow) var(--ease-out-expo)}.animate-slideInDown{animation:slideInDown var(--duration-slow) var(--ease-out-expo)}.animate-fadeInScale{animation:fadeInScale var(--duration-slow) var(--ease-spring)}.interactive-hover{transition:all var(--duration-medium) var(--ease-out-quart)}.interactive-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.card-hover{transition:transform var(--duration-medium) var(--ease-out-quart),box-shadow var(--duration-medium) var(--ease-out-quart),border-color var(--duration-medium) var(--ease-out-quart)}.card-hover:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0ea5e933}ion-icon{transition:transform var(--duration-medium) var(--ease-out-quart),color var(--duration-medium) var(--ease-out-quart),filter var(--duration-medium) var(--ease-out-quart)}.icon-hover ion-icon:hover{transform:scale(1.1) rotate(5deg);filter:brightness(1.2)}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sidebar-transition{transition:width var(--duration-slow) var(--ease-out-expo),opacity var(--duration-medium) var(--ease-out-quart)}.tooltip-enter{opacity:0;transform:scale(.8) translateY(10px)}.tooltip-enter-active{opacity:1;transform:scale(1) translateY(0);transition:all var(--duration-medium) var(--ease-spring)}.theme-transition-override{transition:background-color var(--duration-extra-slow) var(--ease-out-quart),color var(--duration-extra-slow) var(--ease-out-quart),border-color var(--duration-extra-slow) var(--ease-out-quart),box-shadow var(--duration-extra-slow) var(--ease-out-quart)!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.stagger-animation>*{animation:none!important}}.app-page-background{--background: var(--gradient-background);min-height:100vh;position:relative}.app-page-background:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,#0ea5e908,#38bdf805);pointer-events:none;z-index:0}:root[data-theme=dark] .app-page-background{--background: linear-gradient( 135deg, var(--ion-background-color) 0%, var(--ion-color-step-50) 100% )}:root[data-theme=dark] .app-page-background:before{background:linear-gradient(135deg,#38bdf805,#0ea5e903)}.app-page-wrapper{background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:1400px;margin:var(--space-8) auto;border:1px solid var(--glass-border);overflow:hidden;position:relative;z-index:1}.app-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);padding:var(--space-10) var(--space-8) var(--space-8) var(--space-8);background:transparent;position:relative;z-index:2}.app-stats-card{background:var(--surface-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 4px 20px #0ea5e914;border:1px solid rgba(14,165,233,.1);display:flex;align-items:center;gap:var(--space-5);transition:all .3s ease;position:relative;overflow:hidden}.app-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:all .4s ease;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.app-stats-card--clickable{cursor:pointer}.app-stats-card--clickable:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0ea5e926;border-color:var(--primary-200)}.app-stats-card--active{transform:translateY(-4px);box-shadow:0 8px 30px #0ea5e933;border-color:var(--primary-300);background:linear-gradient(135deg,#0ea5e90d,#0ea5e905)}.app-stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0ea5e926;border-color:var(--primary-200)}.app-stats-card--active:before,.app-stats-card:hover:before{opacity:1}.app-stats-icon{width:56px;height:56px;border-radius:50%;background:#0ea5e914;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-500);flex-shrink:0;position:relative;transition:all .3s ease;border:2px solid rgba(14,165,233,.1)}.app-stats-card--clickable:hover .app-stats-icon,.app-stats-card--active .app-stats-icon,.app-stats-card:hover .app-stats-icon{background:#0ea5e91f;border-color:#0ea5e933;color:var(--primary-600);transform:scale(1.05)}.app-stats-content{flex:1;position:relative;z-index:3}.app-stats-number{margin:0 0 var(--space-2) 0;font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1;transition:all .3s ease}.app-stats-card--active .app-stats-number,.app-stats-card:hover .app-stats-number{color:var(--primary-600)}.app-stats-label{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.app-stats-card--active .app-stats-label,.app-stats-card:hover .app-stats-label{color:var(--text-primary)}.app-header-tools{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-primary);background:var(--surface-primary);position:relative;z-index:2}.app-section-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);position:relative;z-index:3}.app-tools{display:flex;align-items:center;gap:var(--space-4);position:relative;z-index:3}.app-searchbar{--background: var(--surface-secondary);--color: var(--text-primary);--placeholder-color: var(--text-tertiary);--border-radius: var(--radius-lg);--padding-start: var(--space-4);--padding-end: var(--space-4);--box-shadow: none;height:44px;border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all .2s ease;min-width:280px}.app-searchbar:focus-within{--background: var(--surface-secondary);border-color:var(--primary-300);box-shadow:0 0 0 3px #0ea5e91a}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;min-height:44px}.app-btn-primary{background:var(--primary-500);color:#fff;box-shadow:0 2px 8px #0ea5e933}.app-btn-primary:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.app-btn-secondary{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.app-btn-secondary:hover{background:var(--neutral-100);color:var(--text-primary);border-color:var(--border-secondary)}.app-btn-danger{background:linear-gradient(135deg,var(--error-500),var(--error-400));color:#fff;box-shadow:0 4px 12px #ef44444d;border-color:var(--error-300)}.app-btn-danger:hover{background:linear-gradient(135deg,var(--error-600),var(--error-500));transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-xl),0 0 25px #ef444466;border-color:var(--error-400)}.app-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-xl);border:1px solid var(--border-primary);background:var(--surface-primary);box-shadow:0 4px 20px #0ea5e90d;position:relative;margin:var(--space-4) 0}.app-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed;position:relative;z-index:2}.app-table th,.app-table td{padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--glass-border);vertical-align:middle;transition:all .3s ease}.app-table th{background:var(--neutral-50);font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-primary)}.app-table tbody tr{transition:all .3s ease;position:relative}.app-table tbody tr:hover{background:var(--primary-50)}.app-badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.075em;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid transparent;transition:all .3s ease;box-shadow:var(--shadow-sm)}.app-badge:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.app-badge-success{background:linear-gradient(135deg,var(--success-100),var(--success-50));color:var(--success-700);border-color:var(--success-200)}.app-badge-warning{background:linear-gradient(135deg,var(--warning-100),var(--warning-50));color:var(--warning-600);border-color:var(--warning-200)}.app-badge-error{background:linear-gradient(135deg,var(--error-100),var(--error-50));color:var(--error-600);border-color:var(--error-200)}.app-badge-neutral{background:linear-gradient(135deg,var(--neutral-100),var(--neutral-50));color:var(--neutral-600);border-color:var(--neutral-200)}.app-badge-primary{background:linear-gradient(135deg,var(--primary-100),var(--primary-50));color:var(--primary-600);border-color:var(--primary-200)}.app-action-button{--background: var(--surface-glass);--color: var(--text-secondary);--border-radius: var(--radius-lg);--box-shadow: var(--shadow-sm);--ripple-color: transparent;width:40px;height:40px;transition:all .3s ease;margin:0 var(--space-1);padding:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.app-action-button:hover{--background: var(--primary-50);--color: var(--primary-600);transform:translateY(-2px) scale(1.05);--box-shadow: var(--shadow-md);border-color:var(--primary-200)}.app-action-button-danger:hover{--background: var(--error-50);--color: var(--error-600);transform:translateY(-2px) scale(1.05);--box-shadow: var(--shadow-md);border-color:var(--error-200)}.app-action-button ion-icon{font-size:20px;transition:all .3s ease}.app-action-button:hover ion-icon{transform:scale(1.1)}.app-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-8) var(--space-6) var(--space-8);border-top:1px solid var(--border-primary);background:var(--surface-secondary)}.app-page-size-selector{display:flex;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:.875rem;font-weight:500;position:relative;z-index:3}.app-pagination{display:flex;align-items:center;gap:var(--space-2);position:relative;z-index:3}.app-pagination-button{--background: var(--surface-primary);--color: var(--text-secondary);--border-radius: var(--radius-md);--box-shadow: none;width:36px;height:36px;border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .2s ease;margin:0}.app-pagination-button:hover:not(:disabled){--background: var(--primary-50);--color: var(--primary-600);border-color:var(--primary-200)}.app-pagination-button-active{--background: var(--primary-500);--color: white;border-color:var(--primary-500)}.app-pagination-button:disabled{opacity:.5;cursor:not-allowed}.app-select-compact{--background: var(--surface-glass);--color: var(--text-primary);--border-color: var(--glass-border);--border-radius: var(--radius-lg);--padding-start: var(--space-3);--padding-end: var(--space-3);--padding-top: var(--space-2);--padding-bottom: var(--space-2);min-height:40px;min-width:60px;max-width:80px;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-sm);transition:all .3s ease}.app-select-compact:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11a,var(--shadow-md);transform:translateY(-1px)}.app-modal-body{--background: var(--surface-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);position:relative;overflow:hidden}.app-modal-body:before{content:"";position:absolute;inset:0;background:var(--gradient-surface);opacity:.3;pointer-events:none;border-radius:var(--radius-2xl)}.app-modal-form{display:flex;flex-direction:column;gap:var(--space-8);position:relative;z-index:2;padding:var(--space-6)}.app-form-field{display:flex;flex-direction:column;gap:var(--space-3);position:relative}.app-field-label{font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-2)}.app-field-label:before{content:"";width:4px;height:4px;background:var(--primary-500);border-radius:50%}.app-input{--background: var(--surface-glass);--color: var(--text-primary);--border-color: var(--glass-border);--border-radius: var(--radius-xl);--padding-start: var(--space-5);--padding-end: var(--space-5);--padding-top: var(--space-4);--padding-bottom: var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all .3s ease;min-height:56px;font-weight:500;box-shadow:var(--shadow-sm)}.app-input:focus-within{--border-color: var(--primary-400);box-shadow:0 0 0 4px #6366f126,var(--shadow-lg);transform:translateY(-2px)}.app-select{--background: var(--surface-glass);--color: var(--text-primary);--border-color: var(--glass-border);--border-radius: var(--radius-xl);--padding-start: var(--space-5);--padding-end: var(--space-5);--padding-top: var(--space-4);--padding-bottom: var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all .3s ease;min-height:56px;font-weight:500;box-shadow:var(--shadow-sm)}.app-select:focus{--border-color: var(--primary-400);box-shadow:0 0 0 4px #6366f126,var(--shadow-lg);transform:translateY(-2px)}.app-toggle-field{margin-top:var(--space-4)}.app-toggle-item{--background: var(--surface-glass);--border-radius: var(--radius-xl);--padding-start: var(--space-5);--padding-end: var(--space-5);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);min-height:64px;box-shadow:var(--shadow-sm);transition:all .3s ease}.app-toggle-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--primary-200)}.app-modal-buttons{display:flex;justify-content:flex-end;gap:var(--space-4);padding:var(--space-6) var(--space-8) var(--space-8) var(--space-8);width:100%;position:relative;z-index:2}.app-delete-confirmation{text-align:center;padding:var(--space-8);position:relative;z-index:2}.app-delete-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--error-100),var(--error-50));color:var(--error-500);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto var(--space-6) auto;box-shadow:var(--shadow-lg);border:2px solid var(--error-200);animation:deleteIconPulse 2s ease-in-out infinite}@keyframes deleteIconPulse{0%,to{transform:scale(1);box-shadow:var(--shadow-lg)}50%{transform:scale(1.05);box-shadow:var(--shadow-xl),0 0 20px #ef44444d}}.app-delete-confirmation h3{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--error-600),var(--error-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-delete-confirmation p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:1rem;font-weight:500}:root[data-theme=dark] .app-stats-card{background:var(--ion-color-step-100);border-color:var(--ion-color-step-200);box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .app-stats-card:hover{box-shadow:0 8px 30px #0006}:root[data-theme=dark] .app-stats-icon{background:linear-gradient(135deg,var(--ion-color-step-200),var(--ion-color-step-300))}:root[data-theme=dark] .app-table-container{background:var(--ion-color-step-100);border-color:var(--border-primary)}:root[data-theme=dark] .app-table th,:root[data-theme=dark] .app-table tbody tr:hover{background:var(--ion-color-step-150)}:root[data-theme=dark] .app-searchbar{--background: var(--ion-color-step-100);border-color:var(--border-primary)}:root[data-theme=dark] .app-searchbar:focus-within{--background: var(--ion-color-step-100);border-color:var(--primary-300);box-shadow:0 0 0 3px #0ea5e91a}:root[data-theme=dark] .app-select-compact{--background: var(--ion-color-step-100);border-color:var(--border-primary)}:root[data-theme=dark] .app-pagination-button{--background: var(--ion-color-step-100);--color: var(--text-secondary);border-color:var(--border-primary)}:root[data-theme=dark] .app-input,:root[data-theme=dark] .app-select,:root[data-theme=dark] .app-toggle-item,:root[data-theme=dark] .app-modal-body{--background: var(--ion-color-step-100);border-color:var(--border-primary)}:root[data-theme=dark] .app-modal-body:before{background:linear-gradient(135deg,var(--ion-color-step-150),var(--ion-color-step-100))}:root[data-theme=dark] .app-header-tools{background:var(--ion-color-step-100);border-bottom-color:var(--border-primary)}:root[data-theme=dark] .app-pagination-container{background:var(--ion-color-step-100);border-top-color:var(--border-primary)}:root[data-theme=dark] .app-page-wrapper{background:#262626f2;border-color:var(--ion-color-step-200);box-shadow:0 25px 50px -12px #00000080}@media (max-width: 1024px){.app-page-wrapper{margin:var(--space-6);border-radius:var(--radius-xl)}.app-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);padding:var(--space-8) var(--space-6) var(--space-6) var(--space-6)}.app-stats-card{padding:var(--space-6)}.app-stats-icon{width:72px;height:72px;font-size:1.75rem}.app-header-tools{flex-direction:column;gap:var(--space-5);align-items:stretch;padding:var(--space-6)}.app-section-title{font-size:1.5rem;text-align:center}.app-tools{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:var(--space-4)}.app-searchbar{min-width:280px;flex:1;max-width:400px}}@media (max-width: 768px){.app-page-wrapper{margin:var(--space-4);border-radius:var(--radius-xl)}.app-stats-grid{grid-template-columns:1fr;padding:var(--space-6) var(--space-4) var(--space-4) var(--space-4);gap:var(--space-4)}.app-stats-card{padding:var(--space-5);flex-direction:column;text-align:center;gap:var(--space-4)}.app-stats-icon{width:64px;height:64px;font-size:1.5rem}.app-stats-number{font-size:2.25rem}.app-header-tools{flex-direction:column;gap:var(--space-4);align-items:stretch;padding:var(--space-5) var(--space-4)}.app-section-title{font-size:1.375rem}.app-tools{flex-direction:column;gap:var(--space-3)}.app-searchbar{min-width:auto;height:48px}.app-table-container{margin:0 -var(--space-2);border-radius:var(--radius-xl)}.app-table{font-size:.8rem}.app-table th,.app-table td{padding:var(--space-3) var(--space-3)}.app-table th{font-size:.7rem}.app-action-button{width:36px;height:36px}.app-action-button ion-icon{font-size:18px}.app-pagination-container{flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-3)}.app-page-size-selector{font-size:.8125rem;gap:var(--space-2)}.app-page-size-selector span{font-size:.75rem}.app-pagination{gap:var(--space-1);justify-content:center;width:100%}.app-pagination-button{width:36px;height:36px;font-size:.875rem;min-width:36px}.app-select-compact{min-width:60px;font-size:.875rem}.app-modal-form{padding:var(--space-4);gap:var(--space-6)}.app-modal-buttons{padding:var(--space-4) var(--space-4) var(--space-6) var(--space-4);flex-direction:column-reverse;gap:var(--space-3)}.app-btn{min-height:48px;font-size:.8rem}.app-input,.app-select{min-height:52px}.app-toggle-item{min-height:60px}}@media (max-width: 480px){.app-page-wrapper{margin:var(--space-2);border-radius:var(--radius-lg)}.app-stats-grid{padding:var(--space-4) var(--space-3) var(--space-3) var(--space-3);gap:var(--space-3)}.app-stats-card{padding:var(--space-4);gap:var(--space-3)}.app-stats-icon{width:56px;height:56px;font-size:1.25rem}.app-stats-number{font-size:2rem}.app-stats-label{font-size:.8rem}.app-header-tools{padding:var(--space-4) var(--space-3)}.app-section-title{font-size:1.25rem}.app-searchbar{height:44px;min-width:auto}.app-table-container{margin:0 -var(--space-3)}.app-table{font-size:.75rem}.app-table th,.app-table td{padding:var(--space-2) var(--space-2)}.app-action-button{width:32px;height:32px}.app-action-button ion-icon{font-size:16px}.app-pagination-container{gap:var(--space-2);padding:var(--space-3)}.app-page-size-selector{font-size:.75rem}.app-page-size-selector span{font-size:.7rem}.app-pagination{gap:4px}.app-pagination-button{width:32px;height:32px;font-size:.75rem;min-width:32px}.app-select-compact{min-width:55px;font-size:.8125rem}.app-btn{min-height:44px;padding:var(--space-3) var(--space-5);font-size:.75rem}.app-input,.app-select{min-height:48px}.app-modal-form{padding:var(--space-3);gap:var(--space-5)}.app-modal-buttons{padding:var(--space-3) var(--space-3) var(--space-5) var(--space-3)}.app-delete-icon{width:64px;height:64px;font-size:2rem}.app-delete-confirmation{padding:var(--space-6)}.app-delete-confirmation h3{font-size:1.25rem}.app-delete-confirmation p{font-size:.9rem}}@media (max-width: 768px){.app-page-wrapper{margin:0;border-radius:0;box-shadow:none;border:none;padding:var(--space-4)!important}.app-page-background{--background: var(--surface-primary)}.app-stats-grid{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4)}.app-stats-card{padding:var(--space-5);min-height:90px;flex-direction:row;gap:var(--space-4)}.app-stats-icon{width:48px;height:48px;font-size:1.25rem;flex-shrink:0}.app-stats-content{display:flex;flex-direction:column;justify-content:center;min-width:0}.app-stats-number{font-size:2rem;margin-bottom:var(--space-1)}.app-stats-label{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app-header-tools{flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-4)}.app-section-title{font-size:1.25rem;text-align:center}.app-tools{flex-direction:column;gap:var(--space-3);width:100%}.app-searchbar{min-width:100%;width:100%;height:48px}.app-btn{width:100%;min-height:48px;padding:var(--space-4) var(--space-5);font-size:1rem;justify-content:center}.app-btn ion-icon{font-size:1.25rem}.app-table-container{border-radius:var(--radius-lg);margin:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.app-table{font-size:.875rem;min-width:600px}.app-table th,.app-table td{padding:var(--space-3) var(--space-2);font-size:.8rem}.app-table th{position:sticky;top:0;z-index:10;background:var(--surface-primary)}.action-buttons{gap:var(--space-2)}.action-btn{width:36px;height:36px;font-size:1rem}.app-pagination{gap:var(--space-3);padding:var(--space-4)}.pagination-info{text-align:center;font-size:.875rem}.pagination-controls{flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.page-btn{min-width:44px;height:44px;font-size:.875rem}ion-modal{--width: 100%;--height: 100%;--border-radius: 0}.modal-content{padding:var(--space-5)}.modal-header{padding:var(--space-4)}.modal-title{font-size:1.25rem}.modal-body{padding:var(--space-4)}.modal-footer{flex-direction:column-reverse;gap:var(--space-3);padding:var(--space-4)}.modal-footer .app-btn{width:100%}.app-form-field{margin-bottom:var(--space-5)}.app-input,.app-select,.app-textarea{--padding-start: var(--space-4);--padding-end: var(--space-4);font-size:16px;min-height:48px}.card-grid{grid-template-columns:1fr;gap:var(--space-4)}.app-card{padding:var(--space-4)}.custom-sidebar{display:none}.app-layout{grid-template-columns:1fr}ion-header ion-toolbar{--padding-start: var(--space-3);--padding-end: var(--space-3);--min-height: 56px}ion-title{font-size:1.125rem;padding:0 var(--space-2)}ion-buttons{min-width:48px}.status-badge,.punch-type-badge{padding:var(--space-1) var(--space-3);font-size:.75rem}.schedule-chips-container{flex-wrap:wrap;gap:var(--space-2)}.schedule-chip{font-size:.75rem;padding:var(--space-1) var(--space-2)}.report-filters{flex-direction:column;gap:var(--space-3)}.report-filter-item{width:100%}.report-card{padding:var(--space-4)}.report-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}ion-button,button,a.clickable,.clickable{min-height:44px;min-width:44px}ion-datetime{--background: var(--surface-primary);font-size:16px}ion-select-popover{--width: 90%}ion-toast{--max-width: calc(100% - var(--space-8))}ion-loading{--max-width: 280px}ion-alert{--max-width: calc(100% - var(--space-8))}ion-action-sheet{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 374px){.app-stats-number{font-size:1.75rem}.app-stats-label{font-size:.75rem}.app-section-title{font-size:1.125rem}.app-btn{font-size:.875rem;padding:var(--space-3) var(--space-4)}.app-table{font-size:.75rem}.app-table th,.app-table td{padding:var(--space-2)}}@media (min-width: 768px) and (max-width: 1024px){.app-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.app-page-wrapper{margin:var(--space-6) var(--space-4)}.custom-sidebar{display:block;width:280px}.app-layout{grid-template-columns:280px 1fr}}@media (max-width: 768px) and (orientation: landscape){.app-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.app-stats-card{padding:var(--space-4)}.app-stats-number{font-size:1.75rem}ion-header ion-toolbar{--min-height: 48px}}@supports (padding: env(safe-area-inset-top)){@media (max-width: 768px){ion-header{padding-top:env(safe-area-inset-top)}.custom-sidebar{padding-top:env(safe-area-inset-top)}ion-content{--padding-bottom: calc(var(--space-4) + env(safe-area-inset-bottom))}.app-page-wrapper{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))!important}}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.app-stats-card,.app-table,.app-card{border-width:2px}.app-btn{border:2px solid currentColor}}@media (max-width: 768px){:root[data-theme=dark] .app-page-background{--background: var(--ion-background-color)}:root[data-theme=dark] .app-stats-card{background:var(--surface-elevated);border-color:var(--border-primary)}:root[data-theme=dark] .app-table{background:var(--surface-elevated)}}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.stack-mobile{flex-direction:column!important}.full-width-mobile{width:100%!important}.center-mobile{text-align:center!important;justify-content:center!important}.no-break-mobile{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}