@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--foreground: #111827;--muted-foreground: #6B7280;--background: #f1f5f9;--color-teal: #38B8B3;--color-teal-pale: #E8F7F6;--border: #d1d5db;--muted: #f3f4f6;color:var(--foreground);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--foreground)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}select{font-family:inherit;font-size:inherit;line-height:inherit}select option{background-color:#fff;color:#374151}@custom-variant dark (&:is(.dark *));:root{--font-size: 14px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-teal: #7234AE;--color-teal-dark: #5928A0;--color-teal-light: #A834D3;--color-teal-pale: #E8E4F3;--background: #F9F9F9;--foreground: #111827;--card: #FFFFFF;--card-foreground: #111827;--popover: #FFFFFF;--popover-foreground: #111827;--primary: #7234AE;--primary-foreground: #FFFFFF;--secondary: #F3F4F6;--secondary-foreground: #374151;--muted: #F3F4F6;--muted-foreground: #6B7280;--accent: #E8F7F6;--accent-foreground: #2A8A86;--destructive: #EF4444;--destructive-foreground: #FFFFFF;--warning: #F59E0B;--warning-foreground: #FFFFFF;--success: #22C55E;--success-foreground: #FFFFFF;--border: #E5E7EB;--input: #FFFFFF;--input-background: #FFFFFF;--switch-background: #D1D5DB;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--ring: #7234AE;--chart-1: #7234AE;--chart-2: #22C55E;--chart-3: #F59E0B;--chart-4: #EF4444;--chart-5: #8B5CF6;--radius: .5rem;--sidebar: #FFFFFF;--sidebar-foreground: #111827;--sidebar-primary: #7234AE;--sidebar-primary-foreground: #FFFFFF;--sidebar-accent: #E8F7F6;--sidebar-accent-foreground: #2A8A86;--sidebar-border: #E5E7EB;--sidebar-ring: #7234AE}.dark{--background: #111827;--foreground: #F9FAFB;--card: #1F2937;--card-foreground: #F9FAFB;--popover: #1F2937;--popover-foreground: #F9FAFB;--primary: #4CC9C4;--primary-foreground: #111827;--secondary: #374151;--secondary-foreground: #F9FAFB;--muted: #374151;--muted-foreground: #9CA3AF;--accent: #1F2937;--accent-foreground: #4CC9C4;--destructive: #EF4444;--destructive-foreground: #FFFFFF;--border: #374151;--input: #374151;--ring: #4CC9C4;--sidebar: #1F2937;--sidebar-foreground: #F9FAFB;--sidebar-primary: #4CC9C4;--sidebar-primary-foreground: #111827;--sidebar-accent: #374151;--sidebar-accent-foreground: #4CC9C4;--sidebar-border: #374151;--sidebar-ring: #4CC9C4}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --color-teal: #7234AE; --color-teal-dark: #5928A0; --color-teal-light: #A834D3; --color-teal-pale: #E8E4F3; }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;font-family:var(--font-family)}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:2rem;font-weight:var(--font-weight-bold);line-height:1.25;color:var(--foreground)}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1.3;color:var(--foreground)}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);line-height:1.4;color:var(--foreground)}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:1rem;font-weight:var(--font-weight-semibold);line-height:1.5;color:var(--foreground)}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.6;color:var(--foreground)}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label{font-size:.875rem;font-weight:var(--font-weight-medium);line-height:1.5;color:var(--foreground)}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:.875rem;font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.5}}html{font-size:var(--font-size);font-family:var(--font-family)}@layer components{.ehr-input{height:48px;background:#fff;border:1.5px solid #D1D5DB;border-radius:6px;padding:12px 16px;font-size:1rem;font-weight:400;line-height:1.5;transition:all .2s ease}.ehr-input::placeholder{color:#9ca3af}.ehr-input:focus{outline:none;border:2px solid #7234AE;box-shadow:0 0 0 3px #7234ae26}.ehr-input:disabled{background:#f3f4f6;border:1.5px solid #E5E7EB;color:#9ca3af;cursor:not-allowed}.ehr-input.error{border:2px solid #EF4444}.form-field{margin-bottom:24px}.form-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px;display:block}.form-helper{font-size:12px;color:#6b7280;margin-top:6px}.form-error{font-size:12px;color:#ef4444;margin-top:6px}.ehr-logo{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #E5E7EB;display:flex;align-items:center;justify-content:center;padding:4px;flex-shrink:0}.ehr-logo-compact{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #E5E7EB;display:flex;align-items:center;justify-content:center;padding:3px;flex-shrink:0}.env-tabs-container{background:#f3f4f6;border-radius:8px;padding:4px}.env-tab{padding:8px 16px;border-radius:6px;font-weight:500;transition:all .2s ease;cursor:pointer}.env-tab.active{background:#fff;box-shadow:0 1px 2px #0000000d}.feature-pill{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}}.text-teal{color:var(--color-teal)}.bg-teal{background-color:var(--color-teal)}.bg-teal-dark{background-color:var(--color-teal-dark)}.bg-teal-light{background-color:var(--color-teal-light)}.bg-teal-pale{background-color:var(--color-teal-pale)}.border-teal{border-color:var(--color-teal)}.hover\:bg-teal-dark:hover{background-color:var(--color-teal-dark)}.focus\:ring-teal:focus{--tw-ring-color: var(--color-teal)}.bg-gradient-teal{background:linear-gradient(135deg,#7234ae,#5928a0)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}body.env-production{box-shadow:inset 0 0 0 3px #d32f2f33}body.env-sandbox,body.env-staging{box-shadow:inset 0 0 0 3px #f57c0033}body.env-development,body.env-dev{box-shadow:inset 0 0 0 3px #388e3c33}#root>div{min-height:calc(100vh - 22px)}