html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--green-900: #1A3D2E;--green-800: #1E4D38;--green-700: #235C43;--green-600: #2B7055;--green-500: #33845F;--green-400: #3FA076;--green-300: #72BFA0;--green-200: #B0DECA;--green-100: #D8F0E5;--green-50: #EEF8F3;--teal-600: #1A7A72;--teal-500: #20807e;--teal-400: #2A9E9A;--teal-100: #D0EDEC;--teal-50: #E8F6F5;--gray-900: #111827;--gray-800: #1F2937;--gray-700: #374151;--gray-600: #4B5563;--gray-500: #6B7280;--gray-400: #9CA3AF;--gray-300: #D1D5DB;--gray-200: #E5E7EB;--gray-100: #F3F4F6;--gray-50: #F9FAFB;--white: #FFFFFF;--error: #DC2626;--error-light: #FEE2E2;--warning: #D97706;--warning-light:#FEF3C7;--success: #059669;--success-light:#D1FAE5;--info: #2563EB;--info-light: #DBEAFE;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.08), 0 10px 10px -5px rgba(0,0,0,.03);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--font-sans: "Plus Jakarta Sans", "Helvetica Neue", sans-serif;--font-mono: "DM Mono", "Roboto Mono", monospace;--pharmacy-green: var(--teal-500);--pharmacy-green-dark: var(--teal-600);--pharmacy-green-light: var(--teal-100);--warn: var(--error);--warn-dark: #B91C1C}html,body{height:100%;margin:0;background-color:var(--gray-50)}body{font-family:var(--font-sans);font-size:14px;font-weight:400;color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}*{box-sizing:border-box}.mat-typography h1,.mat-typography h2,.mat-typography h3,.mat-typography h4,h1,h2,h3,h4{font-family:var(--font-sans)!important;font-weight:700;color:var(--green-800);letter-spacing:-.025em;line-height:1.25;margin-top:0}.mat-headline-5,h1.mat-headline-5{font-size:24px!important;font-weight:700!important;color:var(--green-800)!important;letter-spacing:-.03em!important;margin-bottom:24px!important}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{background-color:var(--green-700)!important;color:var(--white)!important;border-radius:var(--radius-pill)!important;padding:0 22px!important;height:40px!important;font-family:var(--font-sans)!important;font-weight:600!important;font-size:13.5px!important;letter-spacing:.01em!important;box-shadow:0 1px 3px #235c434d!important;transition:all .2s ease!important;text-transform:none!important}.mat-mdc-raised-button.mat-primary:hover,.mat-mdc-unelevated-button.mat-primary:hover{background-color:var(--green-800)!important;box-shadow:0 4px 12px #235c4359!important;transform:translateY(-1px)}.mat-mdc-button.mat-accent,.mat-mdc-raised-button.mat-accent,.mat-mdc-outlined-button.mat-accent{background-color:transparent!important;color:var(--green-700)!important;border:1.5px solid var(--green-400)!important;border-radius:var(--radius-pill)!important;padding:0 20px!important;height:40px!important;font-family:var(--font-sans)!important;font-weight:600!important;font-size:13.5px!important;transition:all .2s ease!important;text-transform:none!important}.mat-mdc-button.mat-accent:hover,.mat-mdc-raised-button.mat-accent:hover{background-color:var(--green-50)!important;border-color:var(--green-600)!important}.mat-mdc-raised-button.mat-warn,.mat-mdc-button.mat-warn{background-color:var(--error)!important;color:var(--white)!important;border-radius:var(--radius-pill)!important;font-family:var(--font-sans)!important;font-weight:600!important;text-transform:none!important}.mat-mdc-raised-button.mat-warn:hover,.mat-mdc-button.mat-warn:hover{background-color:var(--warn-dark)!important}.mat-mdc-icon-button{transition:background-color .15s ease!important}.mat-mdc-icon-button:hover{background-color:var(--green-50)!important}.mat-mdc-icon-button[color=warn]:hover{background-color:var(--error-light)!important}.mat-mdc-toolbar{background:var(--white)!important;color:var(--gray-800)!important;border-bottom:1px solid var(--gray-200)!important;box-shadow:var(--shadow-xs)!important;font-family:var(--font-sans)!important}.mat-mdc-form-field{width:100%;font-family:var(--font-sans)!important}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline__leading{border-radius:var(--radius-sm) 0 0 var(--radius-sm)!important;border-color:var(--gray-300)!important}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline__notch{border-color:var(--gray-300)!important;border-radius:0!important}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline__trailing{border-radius:0 var(--radius-sm) var(--radius-sm) 0!important;border-color:var(--gray-300)!important}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--teal-500)!important;border-width:2px!important}.mat-mdc-form-field-focus-overlay{background-color:var(--teal-50)!important}.mat-mdc-floating-label{font-family:var(--font-sans)!important;font-size:14px!important;color:var(--gray-500)!important}.mdc-text-field--focused .mat-mdc-floating-label{color:var(--teal-600)!important}.mat-mdc-input-element{font-family:var(--font-sans)!important;font-size:14px!important;color:var(--gray-800)!important}.mat-mdc-form-field .mdc-notched-outline{border-radius:0!important}.mat-mdc-form-field label,.mat-mdc-floating-label{font-family:var(--font-sans)!important}.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label{color:var(--gray-500)!important}.mat-mdc-form-field.mat-focused .mat-mdc-floating-label{color:var(--teal-600)!important}.mat-mdc-table,table.mat-table{width:100%;border-radius:0!important;overflow:hidden;font-family:var(--font-sans)!important;box-shadow:none!important;border:none!important;background:var(--white)!important;display:table}mat-table+mat-paginator,.mat-mdc-table+.mat-mdc-paginator{border-top:1px solid var(--gray-200)}.mat-mdc-header-row{background-color:var(--gray-50)!important;border-bottom:2px solid var(--gray-200)!important;border-top:1px solid var(--gray-200)!important}.mat-mdc-header-cell{font-family:var(--font-sans)!important;font-size:11.5px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--gray-500)!important;padding:0 16px!important}.mat-mdc-row{transition:background-color .15s ease;border-bottom:1px solid var(--gray-100)!important}.mat-mdc-row:hover{background-color:var(--green-50)!important}.mat-mdc-cell{font-family:var(--font-sans)!important;font-size:13.5px!important;color:var(--gray-700)!important;padding:0 16px!important}.mat-elevation-z2,.mat-elevation-z8{box-shadow:none!important;border-radius:0!important}.mat-mdc-paginator{background:var(--white)!important;border-top:1px solid var(--gray-200)!important;border-bottom:1px solid var(--gray-200)!important;font-family:var(--font-sans)!important;border-radius:0!important}.mat-mdc-menu-panel{background:var(--white)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--gray-200)!important;padding:6px!important;min-width:200px!important}.mat-mdc-menu-item{font-family:var(--font-sans)!important;font-size:13.5px!important;border-radius:var(--radius-sm)!important;min-height:40px!important;transition:background-color .15s ease!important}.mat-mdc-menu-item:hover{background-color:var(--green-50)!important;color:var(--green-700)!important}.mat-mdc-menu-item .mat-icon{color:var(--green-600)!important;font-size:18px!important;margin-right:10px}.mat-mdc-dialog-surface{border-radius:var(--radius-lg)!important;padding:0!important;background-color:var(--white)!important;box-shadow:var(--shadow-xl)!important;overflow:hidden}.mat-mdc-dialog-container{border-radius:var(--radius-lg)!important;background-color:var(--white)!important}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--gray-100);margin-top:24px;background:var(--gray-50)}.dialog-actions button{min-width:110px;font-family:var(--font-sans)!important;font-weight:600!important;border-radius:var(--radius-pill)!important}.mat-icon{color:var(--green-600)!important;font-family:Material Icons!important;font-feature-settings:"liga"}.mat-expansion-panel{box-shadow:none!important;background:transparent!important}.mat-expansion-indicator svg path{fill:var(--green-600)!important}.mat-mdc-progress-spinner circle{stroke:var(--teal-500)!important}.global-spinner{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:10000!important;filter:drop-shadow(0 4px 12px rgba(32,128,126,.3))}.error-snackbar{background-color:var(--white)!important;color:var(--error)!important;font-family:var(--font-sans)!important;font-weight:500;border-radius:var(--radius-md)!important;border-left:4px solid var(--error)!important;box-shadow:var(--shadow-lg)!important}.success-snackbar{background-color:var(--white)!important;color:var(--success)!important;font-family:var(--font-sans)!important;font-weight:500;border-radius:var(--radius-md)!important;border-left:4px solid var(--success)!important;box-shadow:var(--shadow-lg)!important}.full-width{width:100%;margin-bottom:.75rem}.file-upload{margin-bottom:1rem}.dropzone{border:2px dashed var(--gray-300);padding:32px 20px;text-align:center;margin-bottom:16px;position:relative;border-radius:var(--radius-md);background:var(--gray-50);transition:all .2s ease;cursor:pointer}.dropzone:hover{border-color:var(--teal-400);background:var(--teal-50)}.dropzone p{margin:0;font-size:14px;font-weight:500;color:var(--gray-600)}.file-label{color:var(--teal-500);cursor:pointer;text-decoration:underline;font-weight:500}.preview-gallery{display:flex;flex-wrap:wrap;gap:12px}.image-wrapper{position:relative;width:100px;height:100px}.preview-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--gray-200);transition:border-color .2s ease}.remove-btn{position:absolute;top:-8px;right:-8px;background-color:var(--error);color:#fff;border:2px solid white;border-radius:50%;width:22px;height:22px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:12px;box-shadow:var(--shadow-sm)}.remove-btn:hover{background-color:var(--warn-dark)}form{display:flex;flex-direction:column;gap:14px}input[readonly],textarea[readonly]{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h2{margin:0;font-size:20px;font-weight:700;color:var(--green-800);letter-spacing:-.025em}.search-container{display:flex;align-items:flex-start;gap:16px;margin:16px 0 24px;width:100%}.datetime-container{display:flex;gap:16px;align-items:flex-end}.datetime-field{flex:1;min-width:0}.mat-mdc-select-panel{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--gray-200)!important;padding:6px!important}.mat-mdc-option{font-family:var(--font-sans)!important;font-size:13.5px!important;border-radius:var(--radius-sm)!important;min-height:40px!important}.mat-mdc-option.mdc-list-item--selected{background-color:var(--teal-50)!important;color:var(--teal-600)!important}.mat-mdc-option:hover{background-color:var(--green-50)!important}.service-form-container{max-height:78vh;overflow-y:auto;padding:4px 2px;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}mat-table,.mat-mdc-table,mat-paginator,.mat-mdc-paginator{margin-left:-32px;margin-right:-32px;width:calc(100% + 64px)!important}
