.unit-select-popover ion-item{--padding-start: 14px;--padding-end: 14px;--min-height: 40px;--inner-padding-end: 14px;font-size:14px}.unit-select-popover ion-list{padding:6px 0}.alert-btn-danger{color:#ef4444!important;font-weight:600}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--accent-50: #f0fdfa;--accent-100: #ccfbf1;--accent-400: #2dd4bf;--accent-500: #14b8a6;--accent-600: #0d9488;--accent-700: #0f766e;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--ion-font-family: "Roboto", "Helvetica Neue", sans-serif !important;--ion-color-primary: var(--primary-600);--ion-color-primary-rgb: 37, 99, 235;--ion-color-primary-shade: var(--primary-700);--ion-color-primary-tint: var(--primary-500);--ion-background-color: var(--gray-50);--ion-text-color: var(--gray-800);--ion-toolbar-background: #ffffff;line-height:1.6;font-weight:400;color-scheme:light;color:var(--gray-800);background-color:var(--gray-50);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif!important;margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%)}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--gray-900);margin:0}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.875rem;line-height:2.25rem}h3{font-size:1.5rem;line-height:2rem}h4{font-size:1.25rem;line-height:1.75rem}h5{font-size:1.125rem;line-height:1.75rem}h6{font-size:1rem;line-height:1.5rem}p{color:var(--gray-600);margin:0}a{font-weight:500;color:var(--primary-600);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-700)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width: 768px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.main-page{--background: #f3f4f6}.app-title{text-align:center;background:linear-gradient(to right,#1b4eb3,#3db3a9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.autocomplete-container{position:relative;width:100%}.autocomplete-list{position:absolute;top:58px;left:0;right:0;z-index:999;background-color:#fff;box-shadow:0 2px 6px #00000026;border-radius:4px}.no-uppercase{text-transform:none!important}.layout-padding{--padding-start: var(--ion-padding, 8px);--padding-end: var(--ion-padding, 8px);--padding-top: var(--ion-padding, 8px);--padding-bottom: var(--ion-padding, 8px)}ion-searchbar.searchbar-input-container{--box-shadow: none;--border-radius: 8px;--border: 1px solid #ccc;--background: #fff;box-shadow:none!important;border-radius:4px!important;border:.2px solid #e0e0e0!important;padding:0!important}ion-select.searchbar-input-container{--box-shadow: none;--border: 1px solid #ccc;--background: #fff;box-shadow:none!important;border-radius:4px!important;padding:0!important;min-height:43px!important}.ion-btn-primary{--background: #3b82f6;--background-hover: #2563eb;--background-activated: #1d4ed8;--color: #ffffff;--border-radius: 8px;--box-shadow: 0 1px 3px rgba(0, 0, 0, .1);font-weight:600;font-size:14px;text-transform:none;letter-spacing:0}.ion-btn-success{--background: #40b860;--background-hover: #36a454;--background-activated: #2d8f47;--color: #ffffff;--border-radius: 8px;--box-shadow: 0 1px 3px rgba(0, 0, 0, .1);font-weight:600;font-size:14px;text-transform:none;letter-spacing:0}.ion-btn-danger{--background: #dc2626;--background-hover: #b91c1c;--background-activated: #991b1b;--color: #ffffff;--border-radius: 8px;--box-shadow: 0 1px 3px rgba(0, 0, 0, .1);font-weight:600;font-size:14px;text-transform:none;letter-spacing:0}.ion-btn-secondary{--border-radius: 8px;font-weight:600;font-size:14px;text-transform:none;letter-spacing:0}.custom-input{width:100%;padding:12px 14px;font-size:15px;font-weight:500;color:#1f2937;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;transition:all .2s ease;font-family:inherit}.custom-input::placeholder{color:#9ca3af;font-weight:400}.custom-input:hover{border-color:#d1d5db}.custom-input:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.custom-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}textarea.custom-input{resize:vertical;min-height:70px;line-height:1.6}.custom-input[type=date]{cursor:pointer}.custom-input[type=tel],.custom-input[type=email]{font-variant-numeric:tabular-nums}.input-with-label{position:relative;display:flex;align-items:center}.input-with-label .custom-input{padding-right:50px}.input-with-label .input-end-label{position:absolute;right:14px;font-size:13px;color:#6b7280;pointer-events:none}@media (max-width: 480px){.custom-input{padding:0 12px;font-size:14px}}: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{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}.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)}.center-label{font-weight:800;min-width:200px;margin:0 auto}.align-items-center{align-items:center}.display-grid{display:grid;align-items:center}.custom-modal::part(content){width:90vw!important;height:92vh!important;max-width:90vw!important;max-height:92vh!important;border-radius:8px;margin:auto;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;position:fixed!important}@media (min-width: 375px){.custom-modal::part(content){width:92vw!important;max-width:92vw!important}}@media (min-width: 425px){.custom-modal::part(content){width:90vw!important;max-width:90vw!important}}@media (min-width: 768px){.custom-modal::part(content){width:75vw!important;max-width:75vw!important;height:82vh!important;max-height:82vh!important}}@media (min-width: 1024px){.custom-modal::part(content){width:60vw!important;max-width:900px!important;height:80vh!important;max-height:880px!important}}@media (min-width: 1440px){.custom-modal::part(content){width:50vw!important;max-width:1000px!important;height:78vh!important;max-height:920px!important}}.custom-delete-modal::part(content){width:70vw!important;height:40vh!important;max-width:800px;max-height:90vh;margin:auto}.custom-breakpoint-modal::part(content){border-radius:8px;width:90vw;height:300px}@media (min-width: 576px){.custom-breakpoint-modal::part(content){width:75vw}}@media (min-width: 768px){.custom-breakpoint-modal::part(content){width:60vw}}@media (min-width: 992px){.custom-breakpoint-modal::part(content){width:45vw;max-width:560px}}.ion-right-padding{padding-right:8px!important}@media (min-width: 576px){.flex-col{display:flex;align-items:"center"}.padding-left{padding:2px 4px!important}}@media (min-width: 0px){.padding-left{padding:2px 50px}}@media (min-width: 992px){.padding-left{padding:20px 0!important}}.label-width{font-weight:800;min-width:125px;margin:4px 5px 8px 60px}.label-width-add{font-weight:800;min-width:125px;margin:4px 5px 8px 18px}.edit-label-width{font-weight:800;min-width:125px;margin:8px 0}.field-width{width:100%;max-width:100%;margin:0 auto}.column{display:flex;flex-direction:column}@media (min-width: 576px){.column{display:flex;flex-direction:row}}@media (min-width: 992px){.column{display:flex;flex-direction:column}}ion-toolbar,ion-buttons{overflow:visible!important}.date-picker-wrap{position:relative;width:100%}.date-picker-wrap-h{position:relative;width:100%;height:40px}.date-picker-display{display:flex;align-items:center;justify-content:space-between;min-height:42px;width:100%;padding:0 10px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;overflow:hidden;box-sizing:border-box}.date-picker-display-h{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;padding:0 10px;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;overflow:hidden}.date-picker-filled{color:#000}.date-picker-empty{color:#9ca3af}.date-picker-error{border-color:#ef4444!important}.date-picker-input{position:absolute;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;z-index:999;cursor:pointer;border:none;margin:0;padding:0;display:block}.date-picker-input-offset{position:absolute;top:0;right:3%;bottom:0;width:100%;height:100%;opacity:0;z-index:999;cursor:pointer;border:none;margin:0;padding:0;display:block}.date-icon{font-size:20px;color:#6b7280}.field-error-msg{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:block}.field-error-danger{color:var(--danger-500, #ef4444);font-size:.75rem;margin-top:.25rem;display:block}.form-error-red{color:red;font-size:.8rem}.form-submit-row{display:flex;justify-content:center;margin:1rem 0 .5rem}.btn-compact{--min-height: 32px;height:32px}.btn-icon-only{background:transparent;color:inherit;padding:0}.tab-label-span{margin-left:6px}.toolbar-buttons-flush{margin:0!important}.modal-toolbar-white{--background: white;--padding-start: .5rem;--padding-end: .5rem}.modal-icon-wrap-sm{width:32px;height:32px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-100),var(--accent-100));display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-icon-sm{font-size:1rem;color:var(--primary-600)}.modal-header-start-sm{display:flex;align-items:center;gap:.5rem}.modal-close-btn-compact{--color: var(--gray-500);--color-hover: var(--gray-700);--padding-start: 4px;--padding-end: 4px}.modal-close-icon-md{font-size:1.2rem}.modal-section-heading{font-size:1.1rem;margin-bottom:1rem}.form-label-inline{display:flex;align-items:center;font-weight:800;margin-left:5px}.grid-full-no-pad{width:100%;padding:0}.spinner-center-full{display:flex;justify-content:center;align-items:center;height:50vh;width:100%}.spinner-center-pad{display:flex;justify-content:center;align-items:center;padding:40px 20px}.tab-content-wrap{display:flex;flex-wrap:wrap;padding-left:10px;padding-right:10px}.tab-mt{margin-top:10px}.tab-mt-lg{margin-top:45px}.tab-searchbar{z-index:20;position:relative}.btn-pill{flex:0 0 auto;width:auto;max-width:100%;white-space:normal;text-transform:none}.alpha-group{min-width:100%}.alpha-header{margin:.1rem}.alpha-items{display:flex;flex-wrap:wrap;gap:8px}.med-type-icon{font-size:16px;margin-right:6px}.empty-label-center{display:block;text-align:center;width:100%;margin-top:20px}.empty-state-card{text-align:center;margin-top:40%}.empty-icon-lg{font-size:30px}.selected-panel-col{background-color:#faf9f6;border-left:2px solid #e5e7eb}.content-no-padding{--padding-top: 0;--padding-bottom: 0}.label-value{font-weight:400!important}.row-center{display:flex;justify-content:center}.custom-breakpoint-modal{--width: 90vw;--height: 300px;--border-radius: 8px}.modal-content-responsive{--padding-start: .75rem;--padding-end: .75rem;--padding-top: .5rem;--padding-bottom: .5rem}@media (min-width: 375px){.modal-content-responsive{--padding-start: 1rem;--padding-end: 1rem}}@media (min-width: 768px){.modal-content-responsive{--padding-start: 1.5rem;--padding-end: 1.5rem;--padding-top: 1rem;--padding-bottom: 1rem}}.modal-card-responsive{padding:.75rem;margin:0 0 1rem}.modal-card-responsive:last-of-type{margin-bottom:0}@media (min-width: 425px){.modal-card-responsive{padding:1rem 1.25rem;margin:0 0 1.25rem}}@media (min-width: 768px){.modal-card-responsive{padding:1.25rem 1.5rem;margin:0 0 1.5rem}}.modal-title-responsive{font-size:.85rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 375px){.modal-title-responsive{font-size:.95rem!important}}@media (min-width: 425px){.modal-title-responsive{font-size:1rem!important}}@media (min-width: 768px){.modal-title-responsive{font-size:1.125rem!important}}.modal-header-icon{width:28px!important;height:28px!important}@media (min-width: 375px){.modal-header-icon{width:32px!important;height:32px!important}}@media (min-width: 768px){.modal-header-icon{width:36px!important;height:36px!important}}.error-highlight{animation:highlightError .5s ease-in-out;box-shadow:0 0 8px #f4433699!important;border:2px solid #f44336!important}@keyframes highlightError{0%{box-shadow:0 0 8px #f4433699;border:2px solid #f44336}50%{box-shadow:0 0 16px #f44336cc;border:2px solid #e53935}to{box-shadow:0 0 8px #f4433699;border:2px solid #f44336}}.delete-modal-body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:2px}.delete-modal-title,.delete-modal-subtitle{text-align:center}.delete-modal-input{margin-top:20px;width:80%}.delete-modal-actions{display:flex;justify-content:center;width:100%;gap:1rem;margin-top:20px}.delete-warning-card{margin:0;background-color:#fef3c7;border-radius:12px;box-shadow:none;border:1px solid #fde68a}.delete-warning-card-header{padding:20px 24px}.delete-warning-card-title{font-size:15px;text-align:center;color:#92400e;font-weight:500;line-height:1.6}.delete-warning-card-content{display:flex;justify-content:center;padding:0 24px 20px}.margin-pres{margin-top:0;max-height:0px;margin-left:0;min-height:1100px}.print-only{display:none}.top-region{min-height:0}@media screen{.prescription-print-portal{position:absolute;left:-10000px;top:0;width:1px;height:1px;overflow:hidden}.margin-pres{max-height:none;min-height:0;height:auto;overflow:visible}.prescription-scroll-row{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.print-area{min-height:0}}@media print{@page{margin:30mm 14mm 16mm}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important;background-color:#fff!important}.app-layout{all:unset!important;display:block!important}.app-layout>*:not(.print-area){display:none!important}.print-area{flex:0 0 100%!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;background-color:#fff!important}.app-layout,ion-app,ion-content,ion-page{background:#fff!important;background-color:#fff!important;--background: white !important;--ion-background-color: white !important}ion-col.print-area{flex:0 0 100%!important;max-width:100%!important}.span-marginLeft-53{margin-left:53px}.span-marginLeft-37{margin-left:37px}.span-marginLeft-48{margin-left:48px}.span-marginLeft-57{margin-left:57px}.span-marginRight-57{margin-right:57px}.margin-pres{margin-top:110px;margin-left:20px;height:878px;min-height:878px}ion-card,ion-card-header,ion-card-title,ion-card-content{box-shadow:none!important;background:#fff!important;background-color:#fff!important;--background: white !important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important}.print-hidden,ion-button,ion-select,ion-input,ion-textarea,ion-item,datalist{display:none!important}.print-only{display:block!important}.prescription-print-document{color:#000!important;line-height:normal}.prescription-print-table{width:100%;border-collapse:collapse;table-layout:fixed}.prescription-print-thead{display:table-header-group}.prescription-print-tbody{display:table-row-group}.prescription-print-thead td,.prescription-print-tbody td{padding:0;border:0;vertical-align:top}.prescription-print-document,.prescription-print-document *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.prescription-print-header-block{display:block;background:#fff;padding:0;border-bottom:0;margin:0;font-weight:500}.prescription-print-body{display:block;margin-top:0;padding-top:0}.prescription-print-body,.prescription-print-body *{font-size:14px;font-family:var(--ion-font-family, inherit)}.prescription-print-columns{display:flex;width:100%;margin-top:0;gap:20px;align-items:flex-start}.prescription-print-content-head{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;margin-bottom:6px;font-weight:700}.prescription-print-column{float:none;flex:1 1 0;width:auto;max-width:calc(50% - 10px);min-width:0;break-inside:auto;page-break-inside:auto}.prescription-print-section{break-inside:auto;page-break-inside:auto;margin-bottom:1rem}.prescription-print-med-item{break-inside:avoid;page-break-inside:avoid}.prescription-print-topline.preview-header-row{display:grid;grid-template-columns:1fr auto;gap:0}.prescription-print-subline.preview-subheader-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.prescription-print-section>strong,.prescription-print-section .preview-rx-label{display:block;margin:0 0 4px}.prescription-print-list.preview-list,.prescription-print-med-list.preview-med-list{margin:0;padding-left:18px!important;padding-inline-start:18px!important}.prescription-print-list.preview-list li,.prescription-print-med-item{margin-bottom:2px}.prescription-print-med-title.preview-med-name{display:block;margin:0}.prescription-print-med-detail.preview-med-detail{display:block;margin:0!important;padding:0}}.item-padding{--padding-start: 4px;--padding-end: 4px;--inner-padding-end: 4px;--inner-padding-start: 4px}.padding{padding:10px!important}.header-nav-card{margin:2px 0 1px}.header-nav-buttons{display:flex;justify-content:space-around;flex-wrap:wrap;height:100%}.header-nav-btn{height:50px}.header-nav-btn--active{--color: #2563eb}.header-nav-btn--active .header-btn-inner,.header-nav-btn--active .header-btn-icon{color:#2563eb}.header-btn-inner{display:flex;align-items:center;justify-content:center;font-size:14px;height:100%}.header-btn-icon{font-size:24px;margin-bottom:.3rem;margin-right:5px}.header-btn-badge{min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;padding:0;position:relative;top:-13px;right:-1px}.selected-section-panel{min-height:910px;margin-left:auto;margin-top:auto}.selected-label-main{font-size:14px}.selected-label-sub{flex:1;font-size:12px}.sectionview-outer{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.modal-view-full{flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-section-block{overflow:visible;margin-bottom:1rem}.preview-list{padding:0 1rem;margin:0}.preview-card{padding:0 0 0 50px;color:#000}.preview-card-header-row{display:flex;justify-content:space-between;align-items:center}.preview-print-btn{margin-bottom:1rem}.preview-card-content{padding:16px 0 0}.preview-font-wrap{font-size:15px}.preview-header-row{margin-bottom:10px}.preview-subheader-row{margin-bottom:29px}.preview-right-col{display:flex;flex-direction:column}.preview-spinner-center{display:flex;justify-content:center;align-items:center;width:100%}.preview-rx-label{font-weight:700!important}.preview-med-item{margin-bottom:8px}.preview-med-row{margin:0}.preview-med-list{margin:0;padding-inline-start:20px}.preview-med-name{padding-bottom:5px;line-height:1.2}.py-4{padding:6px 0}.px-4{padding:0 4px}.preview-med-detail{display:block;margin:0 0 0 20px;line-height:1.2}.preview-advice-wrap{margin-top:10px}.prescription-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.prescription-scroll-row{flex:1;min-height:0;overflow-y:auto}.history-page{height:100%;overflow-y:auto;padding:16px 20px;background:#f9fafb}.history-page-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.history-page-icon{width:32px;height:32px;border-radius:8px;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.history-page-title{font-size:15px;font-weight:700;color:#111827;margin:0}.history-spinner{display:flex;justify-content:center;padding:40px 0}.history-vitals-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:10px;background:#fff;margin-bottom:10px}.history-vitals-table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed}.history-vitals-table th,.history-vitals-table td{padding:10px 12px;border-right:1px solid #eef2f7}.history-vitals-table th:last-child,.history-vitals-table td:last-child{border-right:none}.history-vitals-table thead th{border-bottom:1px solid #eef2f7;vertical-align:middle}.history-vitals-table-head{display:flex;align-items:center;gap:8px}.history-vitals-table-label{font-size:11px;font-weight:700;color:#8b98a7;text-transform:uppercase;letter-spacing:.04em;white-space:normal;line-height:1.15}.history-vitals-cell-value{font-size:16px;font-weight:600;color:#111827;white-space:nowrap;line-height:1.1;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1366px){.history-vitals-table{min-width:660px}.history-vitals-table th,.history-vitals-table td{padding:8px}.history-vitals-table-label{font-size:10px}.history-vitals-cell-value{font-size:14px}.history-vitals-table-head .vital-icon-wrap{width:24px;height:24px;min-width:24px;font-size:13px;border-radius:6px}}@media (max-width: 1100px){.history-vitals-table{min-width:600px}.history-vitals-table-head{gap:6px}.history-vitals-table th,.history-vitals-table td{padding:7px 6px}}.history-vitals-cell-value--na{color:#c6ced9;font-weight:500}.history-vitals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (max-width: 420px){.history-vitals-grid{grid-template-columns:1fr}}.vital-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 2px #0000000a;transition:box-shadow .15s ease,border-color .15s ease}.vital-card:hover{box-shadow:0 2px 6px #00000014;border-color:#d1d5db}.vital-icon-wrap{width:32px;height:32px;min-width:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.vital-icon-wrap--blue{background:#dbeafe;color:#2563eb}.vital-icon-wrap--teal{background:#ccfbf1;color:#0d9488}.vital-icon-wrap--red{background:#fee2e2;color:#dc2626}.vital-icon-wrap--pink{background:#fce7f3;color:#db2777}.vital-icon-wrap--green{background:#dcfce7;color:#16a34a}.vital-icon-wrap--orange{background:#ffedd5;color:#ea580c}.vital-icon-wrap--purple{background:#ede9fe;color:#7c3aed}.vital-icon-wrap--indigo{background:#e0e7ff;color:#4338ca}.vital-icon-wrap--amber{background:#fef3c7;color:#d97706}.vital-icon-wrap--rose{background:#ffe4e6;color:#e11d48}.vital-content{display:flex;flex-direction:column;gap:1px;min-width:0}.vital-label{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vital-value{font-size:14px;font-weight:600;color:#111827;word-break:break-word;line-height:1.3}.vital-value--na{color:#d1d5db;font-weight:500;font-style:normal}.vital-unit{font-size:11px;color:#6b7280;font-weight:400}.scroll-container{max-height:100%;height:100%;min-height:100%;background-color:#fff;margin-top:-5px;box-sizing:border-box;overflow:hidden;display:flex}.scroll-container-med{max-height:100%;height:100%;min-height:100%;border-radius:8px;background-color:#fff;box-sizing:border-box;overflow:hidden;display:flex}.scroll-content{overflow-y:auto;scrollbar-width:none;width:100%}.scroll-content::-webkit-scrollbar{display:none}.scroll{height:calc(100vh - 280px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll::-webkit-scrollbar{display:none}@media (min-width: 686px){.scroll{height:calc(100vh - 180px);overflow-y:auto}}.scroll-list{flex:1;height:0;overflow-y:auto;padding-bottom:16px}.scroll-list ion-item::part(native){background-color:#faf9f6!important}.dynamic-height2{height:100%;display:flex;flex-direction:column;overflow:hidden}ion-button.custom-outline::part(native){border-width:.5px}ion-col.no-padding-card{--padding-start: 0 !important;--padding-end: 0 !important;--padding-top: 0;--padding-bottom: 0;padding:0!important}.custom-content{top:36px!important}.medication-content{top:0!important}.example-content{display:flex;flex-wrap:wrap;padding-left:10px;padding-right:10px}ion-content::part(scroll){scrollbar-width:none;-ms-overflow-style:none}.inner-scroll{left:7px;right:0;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);padding-inline-start:var(--padding-start);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);box-sizing:border-box;overflow:hidden;touch-action:pan-x pan-y pinch-zoom}ion-tab-bar{--min-height: 38px;height:40px}ion-tab-button{--padding-top: 4px;--padding-bottom: 4px;font-size:13px}.item-padding-end{--padding-start: 0px;--padding-end: 0px;--inner-padding-end: 4px;--inner-padding-start: 0px}ion-tab-button::part(native){display:flex;justify-content:center;align-items:center;padding:14px 6px;flex-flow:initial!important}.modal-tabs-row{display:flex;align-items:center;border-bottom:1px solid #e5e7eb;background:#fff;min-height:40px}.modal-tab-link{border:0;background:transparent;color:#6b7280;height:40px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent}.modal-tab-link.is-active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.modal-tab-link:focus-visible{outline:2px solid #93c5fd;outline-offset:-2px}.selected-panel-col{border-left:1px solid #e5e7eb;background-color:#faf9f6}.selected-items-wrapper{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.list-item-padded{--padding-start: 10px;--padding-end: 6px;--inner-padding-end: 4px;--min-height: 44px;--border-color: #e5e7eb}.list-item-default{--background: #ffffff}.list-item-default:hover{--background: #f3f4f6}.list-item-custom{--background: #eff6ff}.list-item-custom:hover{--background: #dbeafe}.med-item-label{font-size:14px!important;font-weight:500;color:#1f2937;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;line-height:1.4}.icon-action{cursor:pointer;flex-shrink:0;transition:opacity .15s ease}.icon-action:hover{opacity:.7}.icon-action-sm{font-size:16px;margin-inline-end:10px}.icon-action-md{font-size:20px}.med-edit-form{width:100%;padding:8px 10px 6px;display:flex;flex-direction:column;gap:6px}.med-edit-header{padding-bottom:4px;border-bottom:1px solid #e5e7eb;margin-bottom:2px}.med-edit-title{font-size:13px!important;font-weight:600!important;color:#1f2937!important}.med-edit-field,.med-edit-field-last{display:flex;flex-direction:column;gap:2px}.med-edit-row{display:flex;gap:8px}.med-edit-col{flex:1;display:flex;flex-direction:column;gap:2px}.med-field-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.medication-edit-input{--background: #f9fafb;--border-color: #d1d5db;--border-width: 1px;--border-radius: 6px;--padding-start: 8px;--padding-end: 8px;--padding-top: 4px;--padding-bottom: 4px;--color: #1f2937;font-size:13px;min-height:34px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;padding:6px 8px;color:#1f2937;font-family:inherit;width:100%;box-sizing:border-box}.medication-edit-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.medication-edit-select{--background: #f9fafb;--border-color: #d1d5db;--border-radius: 6px;--padding-start: 8px;--padding-end: 4px;--color: #1f2937;font-size:13px;min-height:34px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;width:100%;padding:6px 8px;color:#1f2937;font-family:inherit;cursor:pointer;box-sizing:border-box}.medication-edit-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.med-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1f2937;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease;font-family:inherit;white-space:nowrap}.med-btn:hover{background:#f3f4f6;border-color:#9ca3af}.med-btn:active{background:#e5e7eb}.med-btn-outline{background:#fff;border:1px solid #d1d5db;color:#6b7280}.med-btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.med-btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.med-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.med-btn-primary:active{background:#1e40af}.med-actions{display:flex;gap:6px;justify-content:flex-end;padding-top:8px;border-top:1px solid #e5e7eb;margin-top:10px}.med-icon-sm{font-size:14px}.medicine-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f19246b;display:flex;align-items:center;justify-content:center;z-index:9999;padding:12px}.medicine-info-panel{width:min(980px,96vw);max-height:min(86vh,900px);background:#fff;border-radius:18px;overflow:auto;box-shadow:0 18px 48px #0c1e3540}.medicine-info-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5edf5;background:#fff;z-index:20}.medicine-info-title{margin:0;font-size:18px;color:#17344f;font-weight:700}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.error-message{color:#d9534f;padding:20px;text-align:center;font-weight:500}.medicine-info-content{padding:18px;display:grid;gap:14px}.info-summary-card{background:linear-gradient(180deg,#f8fbff,#f2f8ff);border:1px solid #d8e9ff;border-radius:12px;padding:14px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.summary-row{display:flex;justify-content:center;align-items:center;gap:8px;padding:0;white-space:nowrap}.summary-label{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#56708e;font-weight:700}.summary-value{margin:0;font-size:15px;color:#18344d;font-weight:600}.summary-pill{min-width:32px;text-align:center;background:#0b5ed7;color:#fff;padding:3px 10px;border-radius:999px}.info-section{background:#fff;border:1px solid #e5edf5;padding:15px;border-radius:10px}.medicine-info-close-btn{background:none;border:none;color:#0b5ed7;font-size:24px;cursor:pointer;padding:8px 12px;margin-right:0;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s ease;z-index:30;pointer-events:auto}.medicine-info-close-btn:hover{color:#0a58ca}.medicine-info-close-btn:active{color:#084298}.info-heading{margin:0 0 12px;font-size:13px;font-weight:700;color:#20486d;text-transform:uppercase;letter-spacing:.07em}.therapy-table-wrap{width:100%;overflow-x:auto;border:1px solid #e3eaf2;border-radius:8px}.therapy-table{width:100%;min-width:860px;border-collapse:collapse;background:#fff}.therapy-table th,.therapy-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #ecf1f6;vertical-align:top}.therapy-table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#5a738f;background:#f6f9fc;font-weight:700}.therapy-table td{font-size:14px;color:#243e57;line-height:1.4}.therapy-table tbody tr:last-child td{border-bottom:none}.no-data-message{text-align:center;color:#999;padding:24px 14px;font-style:italic;background:#fafcff;border:1px dashed #c9d5e3;border-radius:10px}.medicine-info-footer{display:flex;justify-content:flex-end;padding:12px 16px 16px}.medicine-info-close-secondary-btn{border:1px solid #b9d1ee;background:#f4f9ff;color:#0b5ed7;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}.medicine-info-close-secondary-btn:hover{background:#e8f2ff}.medicine-info-close-secondary-btn:active{background:#dbeaff}@media (max-width: 576px){.medicine-info-overlay{padding:0}.medicine-info-panel{width:100%;max-height:100%;border-radius:0}}.patient-details-content{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0}.patient-details-grid{padding:20px;max-width:1400px;margin:60px auto 0}.section-col{padding:0 0 10px}@media (min-width: 992px){.section-col:first-child{padding-right:10px}.section-col:last-child{padding-left:10px}}.list-header-inner{padding:16px 20px;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.list-header-inner ion-card-title{margin:0;font-size:16px;font-weight:600}.italic-text{font-style:italic}.scroll-list ion-item::part(native){background-color:#fff!important;border-bottom:1px solid #f0f0f0}.scroll-list ul{padding-inline-end:14px}.visit-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background-color:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000f;transition:box-shadow .2s ease,transform .15s ease}.visit-item:hover{box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px);border-color:#d1d5db}.visit-item-content{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.visit-card-top{display:flex;align-items:center;gap:10px}.visit-number{font-size:15px;font-weight:700;color:#111827;margin-bottom:5px}.visit-date{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:6px}.visit-status-badge{padding:6px 14px;border-radius:12px;font-size:12px;font-weight:600;background-color:#d1fae5;color:#065f46;text-transform:capitalize}.visit-status-badge.status-final{background-color:#d1fae5;color:#065f46}.visit-status-badge.status-draft{background-color:#fef3c7;color:#92400e}.visit-checkmark{width:34px;height:34px;min-width:34px;background-color:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px}.visit-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.visit-actions ion-icon{font-size:18px;color:#6b7280;cursor:pointer;background:#f3f4f6;padding:7px;border-radius:50%;transition:background .2s ease,color .2s ease;box-sizing:content-box}.visit-actions ion-icon:hover{background:#e0e7ff;color:#4f46e5}.dot-item{position:relative;padding-left:15px;padding-top:8px}.dot-item:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#49515a;border-radius:50%}.icon-only-chip{padding:0 5px;min-height:24px}.icon-only-chip ion-icon{font-size:15px}.section-card{background-color:#fff;border-radius:12px;padding:0;box-shadow:0 2px 8px #00000014;overflow:hidden;min-height:515px}.section-header{padding:20px 24px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;gap:12px}.section-header-icon{width:20px;height:20px;padding:5px;border-radius:6px;flex-shrink:0}.section-header-icon--green{background-color:#d1fae5;color:#059669}.section-header-icon--purple{background-color:#ddd6fe;color:#7c3aed}.section-title{flex:1;font-size:1rem;font-weight:600;color:#1f2937;margin:0;display:flex;flex-direction:column;gap:2px}.patient-info-title{font-size:18px;font-weight:600;margin-bottom:20px;color:#333;display:flex;align-items:center;gap:8px}.info-row:first-of-type{padding:24px 24px 0}.info-field{flex:1}.info-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:10px;font-weight:500}.info-label ion-icon{width:16px;height:16px;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:8px;flex-shrink:0}.patient-name-icon ion-icon{background-color:#dbeafe;color:#3b82f6}.patient-id-icon ion-icon{background-color:#dbeafe;color:#3b82f6}.dob-icon ion-icon{background-color:#dbeafe;color:#3b82f6}.age-icon ion-icon{background-color:#dbeafe;color:#3b82f6}.gender-icon ion-icon{background-color:#dbeafe;color:#3b82f6}.address-icon ion-icon{background-color:#dbeafe;color:#3b82f6}.parent-icon ion-icon{background-color:#dbeafe;color:#3b82f6}.contact-icon ion-icon{background-color:#dbeafe;color:#3b82f6}.email-icon ion-icon{background-color:#dbeafe;color:#3b82f6}.referred-icon ion-icon{background-color:#dbeafe;color:#3b82f6}.info-value{font-size:15px;color:#1f2937;font-weight:500;line-height:1.5}.section-header>div{display:flex;align-items:center;gap:12px}.visit-count{font-size:12px;color:#6b7280;font-weight:400;margin-left:0}.visit-history-list{max-height:430px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.info-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:20px;padding:0 24px}.info-row:last-of-type{padding-bottom:24px}@media (max-width: 768px){.info-row{grid-template-columns:1fr;gap:20px}.section-header{padding:16px 20px}.info-row{padding:0 20px}.info-row:first-of-type{padding:20px 20px 0}.info-row:last-of-type{padding-bottom:20px}}ion-radio{--color-checked: #3b82f6}ion-item{--padding-start: 0}.visit-history-list::-webkit-scrollbar{width:6px}.visit-history-list::-webkit-scrollbar-track{background:#f1f1f1}.visit-history-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.visit-history-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){.patient-details-grid{padding:12px}.section-col{padding:0 0 12px}.info-row{grid-template-columns:1fr;gap:16px;padding:0 16px;margin-bottom:16px}.info-row:first-of-type{padding:16px 16px 0}.info-row:last-of-type{padding-bottom:16px}.section-header{padding:16px;flex-wrap:wrap;gap:8px}.section-title{font-size:16px}.visit-count{font-size:11px}.visit-item{padding:12px 14px;gap:10px}.visit-number{font-size:14px}.visit-date{font-size:12px}.visit-status-badge{padding:4px 10px;font-size:11px}.info-value{font-size:14px}}@media (max-width: 480px){.patient-details-grid{padding:8px}.patient-info-col,.visit-history-col{padding:0 0 8px}.section-header{padding:12px}.section-title{font-size:15px}.info-label{font-size:10px;gap:8px}.info-label ion-icon{width:14px;height:14px;padding:3px;font-size:7px}.section-header-icon{width:18px;height:18px;padding:4px}.visit-checkmark{width:28px;height:28px;min-width:28px;font-size:8px}.visit-item{padding:10px 12px;gap:8px}.visit-number{font-size:13px}.visit-date{font-size:11px}.visit-status-badge{padding:3px 8px;font-size:10px}.visit-actions ion-icon{font-size:18px}.info-value{font-size:13px}.info-row{padding:0 12px;margin-bottom:12px}.info-row:first-of-type{padding:12px 12px 0}.info-row:last-of-type{padding-bottom:12px}}.patient-content-bg{--background: #f9fafb}.patient-loading{display:flex;justify-content:center;align-items:center;height:45vh;width:100%}.patient-header-actions{display:flex;gap:8px}.info-row--top{margin-top:20px}.field-error{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:block}.input-error{border-color:#ef4444!important}.gender-radio-group{display:flex;gap:20px}.gender-radio-label{font-size:14px}.visit-loading{display:flex;justify-content:center;align-items:center;padding:40px 20px}.visit-nav-link{text-decoration:none;color:inherit;width:100%}.visit-checkmark--draft{background-color:#fef3c7;color:#d97706}.visit-checkmark--final{background-color:#d1fae5;color:#059669}.visit-status-marker{font-size:18px;font-weight:800;line-height:1}.visit-checkmark-icon{font-size:22px}.visit-empty{text-align:center;padding:40px 20px;font-style:italic;color:#999}.info-bottom-pad{padding:0 20px 20px}.delete-section-col{padding:20px 0 0}.patient-no-data{text-align:center;margin:20px 0;font-style:italic}.data-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border:1px solid #f3f4f6;overflow:hidden;margin:16px}.data-table-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(to bottom,#fff,#f9fafb);border-bottom:1px solid #f3f4f6;gap:1rem;flex-wrap:wrap}.data-table-title{display:flex;align-items:center;gap:.75rem}.data-table-title h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.data-table-title .patient-count{background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.data-table-actions{display:flex;align-items:center;gap:.75rem}.search-wrapper{position:relative;flex:1;min-width:280px;max-width:400px}.searchbar-input-container{--box-shadow: 0 0 0 1px #e5e7eb, 0 4px 10px rgba(0, 0, 0, .05);--placeholder-color: #9ca3af;--icon-color: #9ca3af;--color: #1f2937}.modern-table{width:100%;border-collapse:collapse}.modern-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.modern-table th{padding:.65rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;white-space:nowrap}.modern-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s cubic-bezier(.4,0,.2,1)}.modern-table tbody tr:hover{background:#f9fafb}.modern-table tbody tr:last-child{border-bottom:none}.modern-table td{padding:.4rem 1.25rem;font-size:.9375rem;color:#374151;vertical-align:middle}.patient-name-cell{display:flex;align-items:center;gap:.625rem}.patient-avatar{width:36px;height:36px;border-radius:9999px;background:linear-gradient(135deg,#60a5fa,#14b8a6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8125rem;flex-shrink:0}.patient-info-new{display:flex;flex-direction:column}.patient-info-new .name{font-weight:600;color:#1f2937}.patient-info-new .id{font-size:.75rem;color:#6b7280}.age-cell{display:flex;flex-direction:column}.age-cell .years{font-weight:500;color:#1f2937}.age-cell .months{font-size:.75rem;color:#6b7280}.gender-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.8125rem;font-weight:500}.gender-badge.male{background:#dbeafe;color:#1e40af}.gender-badge.female{background:#fdf2f8;color:#be185d}.last-visit{display:flex;flex-direction:column}.last-visit .date{font-weight:500;color:#1f2937}.last-visit .ago{font-size:.75rem;color:#6b7280}.last-visit .no-visit{color:#9ca3af;font-size:.875rem}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:.5rem}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.page-numbers{display:flex;gap:.25rem}.page-number{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.875rem;font-weight:500;padding:0}.page-number:hover{background:#f3f4f6}.page-number.active{background:#3b82f6;color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-container p{margin-top:1rem;font-size:.9375rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#f3f4f6;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:2rem}.empty-state h3{margin:0 0 .5rem;color:#374151;font-size:1.125rem}.empty-state p{color:#6b7280;font-size:.9375rem}@media (max-width: 768px){.data-table-header{flex-direction:column;align-items:stretch}.search-wrapper{max-width:100%}.modern-table{overflow-x:auto}.pagination-container{flex-direction:column;gap:1rem}}.col-serial{width:70px}.col-action{width:120px}.spinner-lg{width:48px;height:48px}.spinner-sm{width:24px;height:24px}.serial-number{font-weight:600;color:var(--gray-500);font-size:.875rem}.form-row{margin-bottom:.125rem;align-items:center}.label-col{display:flex;align-items:center;padding:.5rem 0}.field-label{font-weight:600;font-size:.8125rem;color:#475569;line-height:1.4}.field-required{color:#ef4444;margin-left:3px}.radio-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0;--min-height: 36px;margin-right:20px}.radio-btn{--color-checked: #2563eb;margin-right:6px}.radio-label{font-size:.9rem;color:#374151}.field-error-msg{color:#ef4444;font-size:.72rem;margin-top:3px;display:block}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh}.auth-card{max-width:400px;width:90%}.auth-card-title{text-align:center;font-size:24px;font-weight:700}.auth-field{margin-bottom:20px}.auth-label{display:block;margin-bottom:8px;font-weight:500}.auth-ion-input{--border-radius: 8px}.auth-error{color:#dc3545;margin-bottom:15px;padding:10px;background-color:#f8d7da;border-radius:6px;text-align:center;font-size:14px}.auth-logout-wrap{position:fixed;top:8px;right:8px;z-index:9999}.logout-btn{--border-radius: 50%;--padding-start: 6px;--padding-end: 6px;width:36px;height:36px;--color: #dc2626;--color-hover: #fff;--background-hover: #dc2626;transition:background .2s}.logout-icon{font-size:1.2rem;color:#dc2626}.logout-popover::part(content){border-radius:12px;box-shadow:0 8px 24px #00000026;border:1px solid #e5e7eb;min-width:240px}.logout-popover-content{padding:16px;display:flex;flex-direction:column;gap:14px}.logout-popover-header{display:flex;align-items:center;gap:12px}.logout-popover-icon-wrap{width:38px;height:38px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logout-popover-icon{font-size:1.1rem;color:#dc2626}.logout-popover-title{font-size:.9rem;font-weight:700;color:#111827}.logout-popover-subtitle{font-size:.78rem;color:#6b7280;margin-top:2px}.logout-popover-actions{display:flex;justify-content:flex-end;gap:8px}.logout-cancel-btn{--color: #374151;--border-color: #d1d5db}
