:root{--color-primary: #3AB0A1;--color-primary-dark: #2A8A7D;--color-teal: #3AB0A1;--color-amber: #F4A261;--color-bg: #F4F5F8;--color-surface: #FFFFFF;--color-surface-2: #E8F5F3;--color-border: rgba(58, 176, 161, .15);--color-text: #12122A;--color-text-secondary: #3D6B67;--color-text-muted: #7A9E9A;--color-error: #DC2626;--color-warning: #F4A261;--color-success: #3AB0A1;--color-role-accent: #3AB0A1;--color-role-surface: rgba(58, 176, 161, .08);--color-role-border: rgba(58, 176, 161, .2);--login-bg-dark: #071412;--login-grid-line: rgba(58, 176, 161, .08);--sidebar-width: 220px;--sidebar-bg: #3AB0A1;--sidebar-active-bg: rgba(255, 255, 255, .16);--sidebar-active-border: #FFFFFF;--sidebar-hover-bg: rgba(255, 255, 255, .07);--sidebar-text: rgba(255, 255, 255, .9);--sidebar-text-secondary: rgba(255, 255, 255, .55);--sidebar-text-muted: rgba(255, 255, 255, .3);--sidebar-border-color: rgba(255, 255, 255, .1);--font-family: "DM Sans", sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 36px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--tracking-tight: -.8px;--tracking-normal: 0px;--tracking-wide: .5px;--tracking-wider: 1.2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(58, 176, 161, .07), 0 1px 2px rgba(58, 176, 161, .05);--shadow-md: 0 4px 12px rgba(58, 176, 161, .12), 0 2px 4px rgba(58, 176, 161, .07);--shadow-lg: 0 8px 32px rgba(58, 176, 161, .14), 0 4px 8px rgba(58, 176, 161, .09);--btn-primary-bg: var(--color-role-accent);--btn-primary-text: #FFFFFF;--btn-secondary-bg: transparent;--btn-secondary-border: var(--color-role-accent);--btn-secondary-text: var(--color-role-accent);--btn-accent-bg: var(--color-role-accent);--btn-accent-text: #FFFFFF;--card-bg: var(--color-surface);--card-border: var(--color-border);--card-radius: var(--radius-lg);--card-padding: var(--space-4)}.portal-patient{--color-role-accent: #3AB0A1;--color-role-surface: rgba(58, 176, 161, .08);--color-role-border: rgba(58, 176, 161, .2);--btn-primary-bg: #3AB0A1;--btn-primary-text: #FFFFFF;--btn-secondary-border: #3AB0A1;--btn-secondary-text: #3AB0A1;--btn-accent-bg: #3AB0A1;--btn-accent-text: #FFFFFF;--sidebar-bg: #1D7A6D}.portal-ngo{--color-role-accent: #7C3AED;--color-role-surface: rgba(124, 58, 237, .08);--color-role-border: rgba(124, 58, 237, .2);--btn-primary-bg: #7C3AED;--btn-primary-text: #FFFFFF;--btn-secondary-border: #7C3AED;--btn-secondary-text: #7C3AED;--btn-accent-bg: #7C3AED;--btn-accent-text: #FFFFFF;--sidebar-bg: #7C3AED;--login-bg-dark: #0e0a1a;--login-grid-line: rgba(124, 58, 237, .08)}.portal-hmo{--color-role-accent: #60A5FA;--color-role-surface: rgba(96, 165, 250, .08);--color-role-border: rgba(96, 165, 250, .2);--btn-primary-bg: #60A5FA;--btn-primary-text: #FFFFFF;--btn-secondary-border: #60A5FA;--btn-secondary-text: #60A5FA;--btn-accent-bg: #60A5FA;--btn-accent-text: #FFFFFF;--sidebar-bg: #60A5FA;--login-bg-dark: #070e18;--login-grid-line: rgba(96, 165, 250, .1)}.portal-professional{--color-role-accent: #16A34A;--color-role-surface: rgba(22, 163, 74, .08);--color-role-border: rgba(22, 163, 74, .2);--btn-primary-bg: #16A34A;--btn-primary-text: #FFFFFF;--btn-secondary-border: #16A34A;--btn-secondary-text: #16A34A;--btn-accent-bg: #16A34A;--btn-accent-text: #FFFFFF;--sidebar-bg: #16A34A;--login-bg-dark: #0a1a0e;--login-grid-line: rgba(22, 163, 74, .08)}.portal-benefactor{--color-role-accent: #D97706;--color-role-surface: rgba(217, 119, 6, .08);--color-role-border: rgba(217, 119, 6, .2);--btn-primary-bg: #D97706;--btn-primary-text: #FFFFFF;--btn-secondary-border: #D97706;--btn-secondary-text: #D97706;--btn-accent-bg: #D97706;--btn-accent-text: #FFFFFF;--sidebar-bg: #D97706;--login-bg-dark: #1a0e00;--login-grid-line: rgba(217, 119, 6, .08)}.portal-admin{--color-role-accent: #881337;--color-role-surface: rgba(136, 19, 55, .08);--color-role-border: rgba(136, 19, 55, .2);--btn-primary-bg: #881337;--btn-primary-text: #FFFFFF;--btn-secondary-border: #881337;--btn-secondary-text: #881337;--btn-accent-bg: #881337;--btn-accent-text: #FFFFFF;--sidebar-bg: #881337;--login-bg-dark: #1a0a0e;--login-grid-line: rgba(136, 19, 55, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;border:none;background:none}input:not([type=checkbox]):not([type=radio]),textarea,select{font-family:var(--font-family);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);padding:var(--space-3) var(--space-4);width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{border-color:var(--color-role-accent);box-shadow:0 0 0 3px var(--color-role-surface)}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-muted)}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--color-role-accent);cursor:pointer;flex-shrink:0}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237FA3B5' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}:focus-visible{outline:2px solid var(--color-role-accent);outline-offset:2px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-fade-up{animation:fadeSlideUp .45s cubic-bezier(.22,1,.36,1) both}.anim-fade-right{animation:fadeSlideRight .45s cubic-bezier(.22,1,.36,1) both}.anim-scale-in{animation:scaleIn .35s cubic-bezier(.22,1,.36,1) both}.anim-fade-in{animation:fadeIn .4s ease both}.anim-delay-1{animation-delay:.08s}.anim-delay-2{animation-delay:.16s}.anim-delay-3{animation-delay:.24s}.anim-delay-4{animation-delay:.32s}.anim-delay-5{animation-delay:.4s}.anim-delay-6{animation-delay:.48s}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;text-align:center;flex:1}.coming-soon__icon{font-size:52px;opacity:.8}.coming-soon__title{font-size:22px;font-weight:800;color:var(--color-text);letter-spacing:-.5px}.coming-soon__desc{font-size:14px;color:var(--color-text-muted);max-width:420px;line-height:1.7}