@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #2196f3;--secondary-color: #7F8C8D;--highlight-color: #2196f3;--text-color: #545454;--gradient-start: #F5F7FA;--gradient-end: #E4F0FB;--container-width: 1200px;--spacing-unit: 1rem;--font-primary: "Plus Jakarta Sans", sans-serif;--font-secondary: "Inter", sans-serif;--primary: var(--primary-color);--primary-hover: #1976d2;--primary-light: #e3f2fd;--secondary: var(--text-color);--text-muted: var(--secondary-color);--card-bg: #ffffff;--radius: .75rem;--shadow: 0 4px 8px rgba(0, 0, 0, .05);--font-family: var(--font-primary);--Paper-shadow: 0 2px 8px rgba(0,0,0,.08)}body{font-family:var(--font-family);font-size:16px;line-height:1.6;background:linear-gradient(to bottom right,var(--gradient-start),var(--gradient-end));color:var(--text-color);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-color);margin-bottom:.5rem}p{color:var(--secondary-color);margin-bottom:1rem}button:disabled{background-color:#90caf9;cursor:not-allowed}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-hover)}.button-outline{background:#fff;color:var(--primary);border:1px solid var(--primary)}.button-outline:hover{background:var(--primary-light)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{font-family:inherit;font-size:1rem;padding:.5rem .75rem;border:1px solid #cbd5e0;border-radius:var(--radius);width:100%;transition:border-color .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.text-center{text-align:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:1rem}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.pwa-update-toast{position:fixed;right:1rem;bottom:1rem;z-index:2000;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;background:#fff;border:1px solid rgba(33,150,243,.2);box-shadow:0 10px 30px #0000001f;color:#1f2937}.pwa-update-toast button{width:auto;padding:.4rem .8rem;border-radius:.5rem;border:none;background:#2196f3;color:#fff;font-weight:600}body,.MuiTypography-root,.MuiButton-root,.MuiDialogTitle-root,.MuiDialogContent-root,.MuiDialogActions-root,.MuiCard-root,.MuiInputBase-root,.MuiSelect-root,.MuiMenuItem-root{font-family:Plus Jakarta Sans,Inter,Roboto,Helvetica,Arial,sans-serif!important}.MuiTypography-h3{font-weight:700!important;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.MuiTypography-h6{font-weight:600!important}.MuiButton-root{border-radius:8px!important;text-transform:none!important;font-weight:600!important}.MuiButton-contained{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important}.MuiButton-contained:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;color:#fff!important}.MuiButton-contained.dashboard-action-cta{background:color-mix(in srgb,var(--dashboard-cta-bg) 25%,#ffffff)!important;color:var(--dashboard-cta-text, #ffffff)!important}.MuiButton-contained.dashboard-action-cta:hover{background:color-mix(in srgb,var(--dashboard-cta-bg) 35%,#ffffff)!important;color:var(--dashboard-cta-text, #ffffff)!important;opacity:.9}.exercise-page .MuiButton-contained.exercise-cta{background:color-mix(in srgb,var(--exercise-cta-bg) 25%,#ffffff)!important;color:var(--exercise-cta-bg, #1b5e20)!important;box-shadow:none!important}.exercise-page .MuiButton-contained.exercise-cta:hover{background:color-mix(in srgb,var(--exercise-cta-bg) 35%,#ffffff)!important;color:var(--exercise-cta-bg, #1b5e20)!important;box-shadow:none!important;opacity:.9}.nutrition-page .MuiButton-contained.nutrition-cta{background:color-mix(in srgb,var(--nutrition-cta-bg) 25%,#ffffff)!important;color:var(--nutrition-cta-bg, #e65100)!important;box-shadow:none!important}.nutrition-page .MuiButton-contained.nutrition-cta:hover{background:color-mix(in srgb,var(--nutrition-cta-bg) 35%,#ffffff)!important;color:var(--nutrition-cta-bg, #e65100)!important;box-shadow:none!important;opacity:.9}.health-page .MuiButton-contained.health-cta{background:color-mix(in srgb,var(--health-cta-bg) 25%,#ffffff)!important;color:var(--health-cta-bg, #0d47a1)!important;box-shadow:none!important}.health-page .MuiButton-contained.health-cta:hover{background:color-mix(in srgb,var(--health-cta-bg) 35%,#ffffff)!important;color:var(--health-cta-bg, #0d47a1)!important;box-shadow:none!important;opacity:.9}.pregnancy-page .MuiButton-contained.pregnancy-cta{background:color-mix(in srgb,var(--pregnancy-cta-bg) 25%,#ffffff)!important;color:var(--pregnancy-cta-bg, #880e4f)!important;box-shadow:none!important}.pregnancy-page .MuiButton-contained.pregnancy-cta:hover{background:color-mix(in srgb,var(--pregnancy-cta-bg) 35%,#ffffff)!important;color:var(--pregnancy-cta-bg, #880e4f)!important;box-shadow:none!important;opacity:.9}.wellness-page .MuiButton-contained.wellness-cta{background:color-mix(in srgb,var(--wellness-cta-bg) 25%,#ffffff)!important;color:var(--wellness-cta-bg, #4a148c)!important;box-shadow:none!important}.wellness-page .MuiButton-contained.wellness-cta:hover{background:color-mix(in srgb,var(--wellness-cta-bg) 35%,#ffffff)!important;color:var(--wellness-cta-bg, #4a148c)!important;box-shadow:none!important;opacity:.9}.MuiButton-contained.goals-overlay-cta{background:var(--goals-overlay-bg, #2563eb)!important}.MuiButton-contained.goals-overlay-cta:hover{background:var(--goals-overlay-bg-hover, #1d4ed8)!important}.MuiCard-root{border-radius:12px!important;border:1px solid rgba(37,99,235,.1)!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important}.MuiCard-root:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.MuiDialog-paper{min-width:350px;text-align:center;padding:24px}.MuiInputBase-root,.MuiSelect-root{border-radius:8px!important}.MuiMenuItem-root{font-family:inherit!important}button{padding:.5em 1em;border-radius:.5em;border:none;font-weight:700;color:#fff;background-color:#404040}input{padding:.5em 1em}textarea{padding:.5em 1em;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.page{display:flex;flex-direction:column;align-items:stretch;height:100dvh;width:100dvw}.gapped{gap:.25em}.h-centered-column{display:flex;flex-direction:column;align-items:center}.v-centered{justify-content:center}.h-centered{align-items:center}.h-pad{padding-left:.5em;padding-right:.5em}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);padding:2rem}.login-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.login-header{margin-bottom:2rem;text-align:center}.login-page .login-header{margin-bottom:0}.login-logo{height:90px;width:auto}.login-card{background:var(--card-bg);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);width:100%;max-width:400px}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-title{font-size:1.75rem;font-weight:600;color:var(--text-color);text-align:center;margin-bottom:.5rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.login-form .form-group{margin-bottom:.15rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-color)}.form-input{padding:.75rem 1rem;border:2px solid #cbd5e0;border-radius:.5rem;font-size:1rem;transition:all .2s ease;outline:none;background-color:#fff}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2196f31a}.form-input::placeholder{color:#9ca3af}.login-btn{padding:.75rem 2rem;background-color:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2196f333}.login-footer{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.signup-prompt{color:var(--secondary-color);margin-bottom:.5rem;font-size:.875rem}.signup-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:.875rem}.signup-link:hover{color:var(--primary-hover);text-decoration:underline}.error-message{color:#e53935;background:#fff3f3;border-radius:.5rem;padding:.5rem 1rem;margin-top:1rem;text-align:center;font-size:.95rem}@media(max-width:768px){.login-page{padding:1rem}.login-card{padding:1.5rem}.login-logo{height:70px}.login-title{font-size:1.5rem}}:root{--primary-color: #3498db;--secondary-color: #7f8c8d;--highlight-color: #3498db;--text-color: #545454;--gradient-start: #f5f7fa;--gradient-end: #e4f0fb;--container-width: 1200px;--spacing-unit: 1rem;--font-primary: "Plus Jakarta Sans", sans-serif;--font-secondary: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-color)}.landing-page{display:flex;flex-direction:column;min-height:100vh;padding:0;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:var(--spacing-unit)}.header{position:relative;width:100%;padding:3.5rem 0 0}.logo-container{position:relative;width:100%;text-align:left;padding-left:var(--spacing-unit)}.centered-logo{display:flex;justify-content:center;align-items:center;width:100%;padding-left:0}.logo{height:100px;width:auto;max-width:300px;object-fit:auto;transition:transform .3s ease}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:2rem}.landing-content{max-width:800px;width:100%;margin:0 auto;text-align:center;padding:0 var(--spacing-unit)}.headings{margin-bottom:2rem}.main-title{font-size:clamp(2rem,5vw,3rem);color:var(--text-color);line-height:1.2;margin-bottom:1rem;font-family:var(--font-primary)}.highlight{color:var(--highlight-color)}.subtitle{font-size:clamp(1.2rem,2.5vw,1.5rem);color:var(--secondary-color);font-weight:400;line-height:1.5;font-family:var(--font-secondary);margin:0 auto;max-width:90%}.cta-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.cta-button{padding:.75rem 1.75rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1rem;width:200px;text-align:center}.primary{background:var(--primary-color);color:#fff;border:2px solid var(--primary-color);box-shadow:0 4px 6px #3498db33}.secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 4px 6px #3498db1a}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}@media(max-width:767px){.logo{height:90px;max-width:200px}}@media(min-width:768px){.landing-page{padding:1.5rem}.header{min-height:100px;padding-top:1.5rem}.logo{height:150px;max-width:300px}.cta-buttons{flex-direction:row;justify-content:center}.cta-button{width:auto;min-width:180px}}@media(min-width:1024px){.header{min-height:120px;padding-top:2rem}.logo{height:170px;max-width:400px}}@media(min-width:1440px){.header{min-height:140px;padding-top:5.5rem}.logo{height:200px;max-width:450px}}body{display:flex;justify-content:center;align-items:center;min-height:100vh}.reg-container{width:550px;background-color:#fff;padding:1rem 2rem;border-radius:5px;overflow-x:hidden}.reg-container .content h2{font-size:2rem;color:var(--primary);text-align:center;padding:2rem 0 1rem}.onboard-btn-grp{display:flex;justify-content:space-between;margin-top:1.5rem}.onboard-btn{outline:none;border:none;cursor:pointer;font-size:1rem;border-radius:4px;background-color:var(--primary);color:#fff;padding:4px 40px}.onboard-btn:active{outline:none;transform:scale(.98)}.disabled{outline:none;border:none;cursor:pointer;border-radius:4px;color:var(--text-muted);padding:4px 40px;background-color:#ddd;cursor:not-allowed}.form-container h2,p,.form-title{text-align:center}.form-container form input:not([type=radio]):not([type=checkbox]){width:94%;border:1px solid #ddd;padding:.75rem;margin-bottom:1rem;border-radius:5px}.form-container form input:focus{outline:none}.name-row{display:flex;gap:1rem}.name-inputs{display:flex;flex-direction:column;flex:1;margin-bottom:1rem}.name-inputs input{margin-bottom:0}.dob-row{display:flex;align-items:center;gap:1rem}.dob-row .MuiFormControl-root{margin:0}.pcp-row{display:flex;align-items:center;gap:1rem}.pcp-row .name-row{flex:1;margin:0}.form-info .checkbox-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.form-info .checkbox-row input[type=checkbox]{width:auto!important;margin-right:.5rem;flex-shrink:0}.form-info .checkbox-row label{flex:1;margin:0;display:flex;align-items:center}.form-container .form-info .error{display:block;padding-left:.25rem;font-size:.9rem;min-height:1rem}.gender-row{display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:1.25rem;row-gap:.75rem;margin-bottom:1rem}.gender-inputs{display:flex;align-items:center;gap:10px}.gender-row .MuiFormControlLabel-root{margin:0}.gender-row .MuiRadio-root input[type=radio]{border:0;margin:0;padding:0;width:100%;height:100%}.card-container{display:flex;align-items:center;border:1px solid var(--primary);border-radius:10px;padding:10px;margin:10px;transition:transform .35s ease,box-shadow .35s ease,background .35s ease,border-color .35s ease}.health-goals-card{margin:0;min-height:60px}.card-container.inactive:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary),0 12px 24px var(--primary)}.card-container.pregnancy.inactive:hover{border-color:#f28c8c;box-shadow:0 0 0 3px #f28c8c,0 12px 24px #f28c8c}.card-container.exercise.inactive:hover{border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b57,0 12px 24px #2e8b57}.card-container.nutrition.inactive:hover{border-color:#e0a100;box-shadow:0 0 0 3px #e0a100,0 12px 24px #e0a100}.card-container.wellness.inactive:hover{border-color:#5568e8;box-shadow:0 0 0 3px #5568e8,0 12px 24px #5568e8}.card-content{flex:1}.toggle-container{display:flex;align-items:center}.card-container.active{background:linear-gradient(145deg,#bbdefb,var(--primary-light));border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 0 0 3px var(--primary),0 12px 24px var(--primary)}.card-container.health.active{background:linear-gradient(145deg,#d9f1ff,#2b7fb833);border-color:#2b7fb8;color:#2b7fb8;box-shadow:0 0 0 3px #2b7fb8,0 12px 24px #2b7fb8}.card-container.pregnancy.active{background:linear-gradient(145deg,#fde4e4,#f28c8c33);border-color:#f28c8c;color:#f28c8c;box-shadow:0 0 0 3px #f28c8c,0 12px 24px #f28c8c}.card-container.exercise.active{background:linear-gradient(145deg,#e0f2e8,#2e8b5733);border-color:#2e8b57;color:#2e8b57;box-shadow:0 0 0 3px #2e8b57,0 12px 24px #2e8b57}.card-container.nutrition.active{background:linear-gradient(145deg,#fff0d1,#e0a10033);border-color:#e0a100;color:#b37f00;box-shadow:0 0 0 3px #e0a100,0 12px 24px #e0a100}.card-container.wellness.active{background:linear-gradient(145deg,#e3e7fd,#5568e833);border-color:#5568e8;color:#5568e8;box-shadow:0 0 0 3px #5568e8,0 12px 24px #5568e8}.card-container.inactive{background:linear-gradient(145deg,var(--primary-light),#f5f7fa);opacity:.7;filter:grayscale(30%);border-color:#cbd5e0}.card-container.pregnancy.inactive{background:linear-gradient(145deg,#fff3f3,#fde9e9);border-color:#f6baba;filter:none}.card-container.exercise.inactive{background:linear-gradient(145deg,#eef7f2,#e4f1eb);border-color:#9ed0b9;filter:none}.card-container.nutrition.inactive{background:linear-gradient(145deg,#fff7e3,#fff0cf);border-color:#edc27a;filter:none}.card-container.wellness.inactive{background:linear-gradient(145deg,#f0f2ff,#e8ecff);border-color:#b7c0f2;filter:none}.card-container.inactive h3{color:#999}.card-container.inactive p{color:#888}.card-container.inactive .MuiSvgIcon-root{color:#9aa3ad}.card-container.pregnancy.inactive .MuiSvgIcon-root{color:#f28c8c80}.card-container.exercise.inactive .MuiSvgIcon-root{color:#2e8b5780}.card-container.nutrition.inactive .MuiSvgIcon-root{color:#e0a10080}.card-container.wellness.inactive .MuiSvgIcon-root{color:#5568e880}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s}.card-container input:checked+.slider{background-color:var(--primary)}.card-container input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.card-container.health .MuiSwitch-switchBase.Mui-checked{color:#2b7fb8}.card-container.health .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#2b7fb8}.card-container.health .MuiSwitch-switchBase:not(.Mui-checked) .MuiSwitch-thumb{color:#2b7fb866}.card-container.health .MuiSwitch-switchBase:not(.Mui-checked)+.MuiSwitch-track{background-color:#2b7fb833}.card-container.pregnancy .MuiSwitch-switchBase.Mui-checked{color:#f28c8c}.card-container.pregnancy .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#f28c8c}.card-container.pregnancy .MuiSwitch-switchBase:not(.Mui-checked) .MuiSwitch-thumb{color:#f28c8c66}.card-container.pregnancy .MuiSwitch-switchBase:not(.Mui-checked)+.MuiSwitch-track{background-color:#f28c8c33}.card-container.exercise .MuiSwitch-switchBase.Mui-checked{color:#2e8b57}.card-container.exercise .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#2e8b57}.card-container.exercise .MuiSwitch-switchBase:not(.Mui-checked) .MuiSwitch-thumb{color:#2e8b5766}.card-container.exercise .MuiSwitch-switchBase:not(.Mui-checked)+.MuiSwitch-track{background-color:#2e8b5733}.card-container.nutrition .MuiSwitch-switchBase.Mui-checked{color:#e0a100}.card-container.nutrition .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#e0a100}.card-container.nutrition .MuiSwitch-switchBase:not(.Mui-checked) .MuiSwitch-thumb{color:#e0a10066}.card-container.nutrition .MuiSwitch-switchBase:not(.Mui-checked)+.MuiSwitch-track{background-color:#e0a10033}.card-container.wellness .MuiSwitch-switchBase.Mui-checked{color:#5568e8}.card-container.wellness .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#5568e8}.card-container.wellness .MuiSwitch-switchBase:not(.Mui-checked) .MuiSwitch-thumb{color:#5568e866}.card-container.wellness .MuiSwitch-switchBase:not(.Mui-checked)+.MuiSwitch-track{background-color:#5568e833}.link-btn{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;font-size:1em;padding:0}.medication-tracker{padding:calc(var(--spacing-unit) * 1.5);max-width:var(--container-width);margin:0 auto;font-family:var(--font-primary)}.medication-list-loading{text-align:center;padding:40px;color:#718096}.medication-list-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:.75rem var(--spacing-unit);border-radius:var(--radius);border:1px solid #fecaca;margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-family:var(--font-secondary)}.medication-list-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1rem;padding:0;margin-left:.75rem;transition:opacity .2s ease}.medication-list-error button:hover{opacity:.7}.medication-tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 1.875);padding-bottom:var(--spacing-unit);border-bottom:1px solid #e5e7eb}.medication-tracker-header h1{margin:0;color:var(--text-color);font-size:1.5rem;font-weight:700;font-family:var(--font-primary)}.add-medication-btn,.add-button{background-color:var(--primary-color);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius);border:none;cursor:pointer;font-weight:600;font-size:.875rem;font-family:var(--font-primary);transition:all .2s ease}.add-medication-btn:hover,.add-button:hover{background-color:#2980b9;transform:translateY(-1px)}.medication-segments,.section-card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;padding:20px;margin-bottom:20px;overflow:hidden}.segment-tabs{display:flex;background-color:#f7fafc;border-bottom:1px solid #e2e8f0;margin:-20px -20px 20px}.segment-tab,.nav-button{flex:1;background:none;border:none;padding:15px 20px;cursor:pointer;font-weight:500;color:#4a5568;transition:all .3s ease;border-bottom:3px solid transparent}.segment-tab:hover,.nav-button:hover{background-color:#bee3f8;color:#3182ce}.segment-tab.active{background-color:#fff;color:#3182ce;border-bottom-color:#3182ce}.segment-content{min-height:300px}.section-title{font-size:20px;font-weight:600;color:#1a202c}.section-subtitle{color:#4a5568;font-size:14px;margin-bottom:16px}.medications-list{display:flex;flex-direction:column;gap:10px}.medication-list-item,.medication-card{background:#fff;border:1px solid #e5e7eb;padding:var(--spacing-unit);margin-bottom:.75rem;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;font-family:var(--font-secondary)}.medication-list-item:hover,.medication-card:hover{background:var(--gradient-start);border-color:var(--primary-color);box-shadow:0 4px 12px #3498db1a;transform:translateY(-1px)}.medication-info{flex:1}.medication-main{display:flex;align-items:center;gap:15px;margin-bottom:8px}.medication-name{margin:0;font-weight:600;font-size:1rem;color:var(--text-color);font-family:var(--font-primary)}.medication-type{background-color:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;font-family:var(--font-secondary)}.medication-dosage{background-color:#6366f1;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;font-family:var(--font-secondary)}.medication-details{display:flex;gap:1.25rem;font-size:.8125rem;color:var(--secondary-color);font-family:var(--font-secondary)}.medication-note,.status-text,.medication-days,.medication-duration,.medication-notes{font-size:.8125rem;color:var(--secondary-color);font-family:var(--font-secondary)}.medication-actions{display:flex;gap:8px}.edit-btn,.delete-btn,.action-button{color:#fff;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:background .3s ease;font-size:12px}.edit-btn,.action-button{background-color:#3182ce}.delete-btn{background-color:#e53e3e}.edit-btn:hover,.action-button:hover{background-color:#2b6cb0}.delete-btn:hover{background-color:#c53030}.todays-reminders h3{font-size:20px;font-weight:600;color:#1a202c;margin-top:0;margin-bottom:16px}.reminder-item,.medication-reminder{background:#f7fafc;border:1px solid #e2e8f0;padding:.75rem;margin-bottom:.5rem;border-radius:6px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#fef5e7,#fed7aa);border-color:#f59e0b;transition:all .2s ease;min-height:50px;gap:1rem}.reminder-info{flex:1;min-width:0;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.reminder-main{display:flex;align-items:center;gap:1.25rem;margin-bottom:.375rem;flex-wrap:wrap;flex:1;min-width:0}.reminder-header-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:1rem}.reminder-name{font-weight:600;font-size:1rem;color:#1a202c;line-height:1.2;margin:0;flex-shrink:0}.reminder-type,.reminder-dosage{color:#4a5568;font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0}.reminder-notes{font-style:italic;color:#718096;font-size:.75rem;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mark-taken-btn{background-color:#38a169;color:#fff;padding:.25rem .5rem;border-radius:4px;border:none;cursor:pointer;font-weight:500;font-size:.6875rem;transition:background .3s ease;white-space:nowrap;flex-shrink:0}.mark-taken-btn:hover{background-color:#2f855a}.complete-btn{background-color:#3182ce;color:#fff;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-weight:500;font-size:12px;margin-left:8px;transition:background .3s ease}.complete-btn:hover{background-color:#2b77cb}.complete-btn:disabled{opacity:.5;cursor:not-allowed}.undo-link,.reset-link{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:11px;padding:4px 8px;margin-left:8px;text-decoration:underline;transition:color .2s ease}.undo-link:hover,.reset-link:hover{color:#c53030}.undo-link:disabled,.reset-link:disabled{opacity:.5;cursor:not-allowed}.reset-link{color:#d69e2e}.reset-link:hover{color:#b7791f}.active-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.completed-actions{display:flex;align-items:center;gap:8px}.medication-history h3{font-size:20px;font-weight:600;color:#1a202c;margin-top:0;margin-bottom:16px}.history-layout,.history-list{display:flex;flex-direction:column;gap:6px}.history-item,.medication-entry{background:#edf2f7;padding:8px;margin-bottom:6px;border-radius:6px;font-size:14px;display:flex;align-items:center}.history-date{font-size:12px;color:#718096;min-width:100px;margin-right:15px}.history-info{flex:1;display:flex;justify-content:space-between;align-items:center}.history-name{font-weight:500;color:#1a202c}.history-status{font-size:12px;padding:4px 8px;border-radius:4px;font-weight:500;background-color:#c6f6d5;color:#22543d}.empty-state{text-align:center;padding:40px;color:#718096}.empty-state p{margin:0;font-size:16px}.footer-banner{text-align:center;padding:15px;background:linear-gradient(to right,#bee3f8,#c6f6d5);border-radius:10px;margin:20px 0;font-size:15px;color:#2d3748}.centered-button{display:flex;justify-content:center;margin-bottom:40px}.medication-reminders{margin-bottom:20px}.reminders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.date-picker{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.reminder-item.taken{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#059669;opacity:.8}.reminder-actions{display:flex;align-items:flex-start;gap:.5rem;flex-shrink:0}.reminder-actions.inline{margin-top:0}.taken-indicator{color:#059669;font-weight:500;font-size:.6875rem;white-space:nowrap;flex-shrink:0}.unmark-btn{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;padding:.1875rem .375rem;border-radius:3px;font-size:.5625rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.unmark-btn:hover{background:#e5e7eb;color:#4b5563}.unmark-btn:disabled{opacity:.5;cursor:not-allowed}.mark-taken-btn:disabled{opacity:.5;cursor:not-allowed}.medication-reminders.compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:16px}.medication-reminders.compact .reminder-item{margin-bottom:8px;padding:12px;font-size:14px}.medication-reminders.compact h3{font-size:16px;margin-bottom:12px}@media(max-width:768px){.medication-reminders.compact{padding:12px;margin-top:12px}.medication-reminders.compact .reminder-item{padding:10px;margin-bottom:6px;font-size:13px;flex-direction:column;gap:6px}.medication-reminders.compact .reminder-main{flex-direction:column;align-items:flex-start;gap:.125rem}.medication-reminders.compact .reminder-type,.medication-reminders.compact .reminder-dosage{font-size:.6875rem}.medication-reminders.compact h3{font-size:15px;margin-bottom:10px}.medication-reminders.compact .reminder-info{order:1}.medication-reminders.compact .reminder-actions,.medication-reminders.compact .reminder-actions.inline{order:2;justify-content:center;width:100%}.medication-reminders.compact .mark-taken-btn,.medication-reminders.compact .unmark-btn{width:100%;max-width:150px;padding:8px 12px;font-size:13px}}.medication-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * 1.875)}.category-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);padding:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 2px 4px #0000000d;font-family:var(--font-primary);min-height:60px}.category-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3498db26;transform:translateY(-2px);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))}.category-card:hover .category-info h3{color:var(--primary-color)}.category-card:hover .category-count{color:var(--highlight-color)}.category-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.category-info{flex:1;min-width:0}.category-info h3{margin:0 0 .125rem;font-size:.875rem;font-weight:600;color:var(--text-color);font-family:var(--font-primary);line-height:1.2}.category-count{margin:0;font-size:.75rem;color:var(--secondary-color);font-weight:500;font-family:var(--font-secondary);line-height:1.1}.medication-content{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.medication-list-section,.medication-reminders-section,.medication-history-section{background:#fff;border-radius:var(--radius);padding:calc(var(--spacing-unit) * 1.5);box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.medication-list-section h2,.medication-reminders-section h2,.medication-history-section h2{margin:0 0 1.25rem;font-size:1.25rem;font-weight:600;color:var(--text-color);border-bottom:1px solid #e5e7eb;padding-bottom:.75rem;font-family:var(--font-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-unit)}.modal-content{background:#fff;border-radius:var(--radius);box-shadow:0 10px 25px #00000026;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;font-family:var(--font-primary)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 1.5);border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))}.modal-header h2{margin:0;color:var(--text-color);font-size:1.5rem;font-weight:600;font-family:var(--font-primary)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--secondary-color);padding:.25rem;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#3498db1a;color:var(--primary-color)}.modal-body{padding:calc(var(--spacing-unit) * 1.5)}.modal-section{margin-bottom:calc(var(--spacing-unit) * 1.5);padding-bottom:calc(var(--spacing-unit) * 1.5);border-bottom:1px solid #f3f4f6}.modal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.modal-section h3{margin:0 0 var(--spacing-unit) 0;color:var(--text-color);font-size:1.125rem;font-weight:600;font-family:var(--font-primary)}.medication-overview-section{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:var(--radius);padding:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 1.5);border:1px solid #e5e7eb}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-unit);margin-top:var(--spacing-unit)}.stat-item{background:#fff;padding:var(--spacing-unit);border-radius:calc(var(--radius) * .5);text-align:center;box-shadow:0 2px 4px #0000000d}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-color);font-family:var(--font-primary)}.stat-label{display:block;font-size:.875rem;color:var(--secondary-color);font-family:var(--font-secondary);margin-top:.25rem}.dose-progress{margin-top:.5rem;width:100%}.progress-text{font-size:.75rem;color:#6b7280;display:block;margin-bottom:.25rem}.progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.future-indicator{color:#6b7280;font-size:.875rem;display:flex;align-items:center;gap:.25rem}@media(max-width:768px){.medication-tracker{padding:var(--spacing-unit)}.medication-tracker-header{flex-direction:column;gap:var(--spacing-unit);align-items:stretch}.segment-tabs{flex-direction:column}.medication-categories{grid-template-columns:repeat(2,1fr);gap:.75rem}.category-card{padding:.5rem;flex-direction:row;text-align:left;gap:.5rem;min-height:50px}.category-icon{font-size:1rem}.medication-main{flex-direction:column;align-items:flex-start;gap:.5rem}.medication-details{flex-direction:column;gap:.5rem}.medication-list-item{flex-direction:column;align-items:stretch;gap:.625rem}.reminder-item{flex-direction:row;align-items:flex-start;gap:.75rem;padding:.625rem}.medication-actions{align-self:flex-end}.todays-reminders h3{font-size:18px;margin-bottom:12px}.reminder-item,.medication-reminder{padding:.625rem;margin-bottom:.375rem;flex-direction:row;align-items:flex-start;gap:.75rem;min-height:auto}.reminder-header-row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%}.reminder-info{order:1;flex:1;min-width:0}.reminder-actions,.reminder-actions.inline{order:2;flex-shrink:0;margin-top:0}.reminder-name{font-size:.9375rem;margin-bottom:.25rem}.reminder-main{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1;min-width:0}.reminder-type,.reminder-dosage{font-size:.6875rem}.reminder-notes{font-size:.6875rem;white-space:normal;line-height:1.3;margin-top:.25rem}.mark-taken-btn{padding:.25rem .5rem;font-size:.6875rem;white-space:nowrap;flex-shrink:0}.unmark-btn{padding:.1875rem .375rem;font-size:.625rem;white-space:nowrap;flex-shrink:0}.taken-indicator{text-align:center;font-size:.6875rem}}@media(max-width:480px){.medication-categories{grid-template-columns:1fr}.medication-tracker-header h1{font-size:1.25rem}.add-medication-btn{width:100%;padding:.875rem}.todays-reminders h3{font-size:16px;margin-bottom:8px}.reminder-item,.medication-reminder{padding:.5rem;margin-bottom:.25rem;border-radius:4px;min-height:auto;gap:.5rem;flex-direction:row;align-items:flex-start;justify-content:space-between}.reminder-header-row{gap:.5rem;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;flex:1}.reminder-name{font-size:.875rem;margin-bottom:0;margin-right:.375rem}.reminder-main{flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1;min-width:0}.reminder-type,.reminder-dosage{font-size:.625rem;margin-right:.375rem}.reminder-type:after{content:" •";color:#a0aec0;margin-left:.25rem}.reminder-notes{font-size:.625rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;margin-top:.25rem}.mark-taken-btn{padding:.25rem .5rem;font-size:.625rem;white-space:nowrap}.unmark-btn{padding:.1875rem .375rem;font-size:.5625rem;white-space:nowrap}.taken-indicator{font-size:.625rem}.reminder-actions{gap:.25rem}.complete-btn{padding:.375rem .5rem;font-size:.625rem}.undo-link,.reset-link{font-size:.5625rem;padding:.125rem .25rem}}@media(min-width:481px)and (max-width:768px){.reminder-header-row{gap:.75rem;flex-direction:row;justify-content:space-between;align-items:flex-start}.reminder-main{gap:.75rem;flex-direction:row;align-items:center}.reminder-name{font-size:.9375rem}.reminder-type,.reminder-dosage{font-size:.6875rem}.mark-taken-btn{font-size:.6875rem;padding:.25rem .5rem}}.upcoming-appointment-widget{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;margin-bottom:1.5rem}.upcoming-appointment-widget h3{margin:0 0 1rem;color:#1f2937;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.upcoming-appointment-widget h3:before{content:"📅";font-size:1.1rem}.appointment-details{display:flex;flex-direction:column;gap:.75rem}.appointment-date{display:flex;flex-direction:column;gap:.25rem}.date-label{font-size:1.1rem;font-weight:600;color:#059669}.time-label{font-size:1rem;color:#6b7280}.appointment-main-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.appointment-reason{color:#374151;font-size:1rem;margin-bottom:.75rem;margin-left:3rem}.appointment-doctor{display:flex;align-items:flex-end;color:#6b7280;font-size:.95rem;font-style:italic;margin-left:0}.appointment-date-time{display:flex;flex-direction:column;align-items:flex-end;margin-right:3rem;justify-content:center}@media(max-width:600px){.appointment-main-row{flex-direction:column;align-items:flex-start;gap:.5rem;margin-left:1.5rem}.appointment-date-time{align-items:flex-start;margin-right:0;margin-left:0}}.no-appointment{color:#9ca3af;font-style:italic;text-align:center;margin:1rem 0}.loading-text{color:#6b7280;text-align:center;margin:1rem 0}.error-message{background-color:#fef2f2;color:#dc2626;padding:.75rem;border-radius:6px;border:1px solid #fecaca;font-size:.9rem;margin-bottom:1rem}@media(max-width:768px){.upcoming-appointment-widget{padding:1rem;margin-bottom:1rem}.upcoming-appointment-widget h3{font-size:1.1rem}.date-label{font-size:1rem}}.dashboard-content{flex:1;padding:calc(var(--spacing-unit) * 1.5);max-width:var(--container-width);margin:0 auto}.dashboard-drawer .MuiListItemButton-root{min-height:36px;padding:4px 12px}.dashboard-drawer .MuiCollapse-root .MuiListItemButton-root{padding-left:32px}.coming-soon{text-align:center;padding:calc(var(--spacing-unit) * 3);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);margin:calc(var(--spacing-unit) * 1.5) 0}.coming-soon h2{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-unit);font-family:var(--font-primary)}.coming-soon p{color:var(--secondary-color);font-size:1rem;font-family:var(--font-secondary)}@media(max-width:768px){.dashboard-content{padding:var(--spacing-unit)}}.dashboard-layout{display:flex;flex:1;height:100%}.sidebar{width:250px;background-color:#f9fafb;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ddd}.logo{font-size:24px;font-weight:700;color:#ccc;margin-bottom:30px}.menu-item{display:flex;align-items:center;padding:10px 0;cursor:pointer;font-weight:500;color:#333;transition:background-color .2s ease}.menu-item:hover{background-color:#e6f0ff;padding-left:10px;border-radius:5px}.menu-icon{margin-right:10px}.bottom-section{margin-top:auto}.profile p{font-weight:700}.profile a,.settings a{display:block;margin-top:4px;font-size:14px;color:#007bff;text-decoration:none}.logout{margin-top:15px;background:none;border:none;color:red;font-weight:700;cursor:pointer}.menu-item.active-menu{background-color:#e6f0ff;padding-left:10px;border-radius:5px}.dashboard-widgets-row input[type=number]::-webkit-outer-spin-button,.dashboard-widgets-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dashboard-widgets-row input[type=number]{-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield}.health-metrics-page{padding:1.5rem;max-width:1200px;margin:0 auto;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.health-metrics-header{text-align:center;margin-bottom:2rem;border-bottom:1px solid #e5e5e5;padding-bottom:1rem}.health-metrics-header h1{margin:0 0 .5rem;color:#2d3748;font-size:2rem;font-weight:700}.health-metrics-header p{margin:0;color:#718096;font-size:1.1rem}.health-metrics-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:0;padding:0}.health-metrics-loading{text-align:center;padding:3rem;color:#718096;font-size:1.1rem}.health-metrics-widget{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.health-metrics-widget h3{margin:0 0 1rem;color:#2d3748;font-size:1.25rem;font-weight:600;border-bottom:1px solid #f7fafc;padding-bottom:.5rem}.widget-loading,.widget-error{text-align:center;padding:1rem;color:#718096;font-size:.9rem}.widget-error{color:#e53e3e;background-color:#fed7d7;border-radius:6px}.metrics-grid{display:grid;grid-template-columns:1fr;gap:1rem}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.metric-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.metric-label{font-size:.875rem;font-weight:500;color:#4a5568}.metric-value{font-size:1.1rem;font-weight:600;color:#2d3748}.metric-date{font-size:.75rem;color:#a0aec0}.add-quick-btn{background-color:#0cc9b3;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.add-quick-btn:hover{background-color:#0bb3a0}.quick-form{display:flex;flex-direction:column;gap:.75rem;min-width:200px}.form-row{display:flex;align-items:center;gap:.5rem}.form-row input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.form-row select{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.form-row span{font-size:.875rem;color:#6b7280;font-weight:500}.form-actions{display:flex;gap:.5rem}.save-btn{background-color:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500}.save-btn:hover{background-color:#059669}.cancel-btn{background-color:#6b7280;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500}.health-metric-tracker{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.health-metric-tracker:hover{box-shadow:0 4px 6px -1px #0000001a}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.metric-title h3{margin:0 0 .5rem;color:#2d3748;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.latest-reading{font-size:.9rem;color:#4a5568;display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.reading-date{font-size:.8rem;color:#a0aec0}.add-metric-btn{background-color:#0cc9b3;color:#fff;font-weight:600;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease;font-size:.9rem}.add-metric-btn:hover{background-color:#0bb3a0}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:.75rem 1rem;border-radius:8px;border:1px solid #fecaca;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.error-message button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1rem;padding:0;width:20px;height:20px}.metric-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr auto;gap:1rem;margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0cc9b3;box-shadow:0 0 0 3px #0cc9b31a}.form-help{display:block;margin-top:.25rem;font-size:.8rem;color:#6b7280}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn{background-color:#6b7280;color:#fff;font-weight:600;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.cancel-btn:hover{background-color:#4b5563}.save-btn{background-color:#0cc9b3;color:#fff;font-weight:600;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.save-btn:hover{background-color:#0bb3a0}.metric-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.metric-actions .dashboard-toggle{margin-right:auto}.metric-actions .action-buttons{display:flex;gap:.75rem}.action-btn{background-color:#edf2ff;color:#4c51bf;border:1px solid #c3dafe;padding:.5rem 1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s ease;font-size:.9rem}.action-btn:hover{background-color:#dbeafe}.metrics-history{margin-top:1rem}.metrics-history h4{margin:0 0 1rem;color:#374151;font-size:1.1rem;font-weight:600}.history-list{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:#f9fafb}.history-info{flex:1}.history-value{font-weight:600;color:#111827;font-size:1rem;margin-bottom:.25rem}.history-timestamp{font-size:.85rem;color:#6b7280;margin-bottom:.25rem}.history-notes{font-size:.8rem;color:#4b5563;font-style:italic}.history-actions{display:flex;gap:.5rem}.edit-btn-small,.delete-btn-small{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease;font-size:1rem}.edit-btn-small:hover{background-color:#f3f4f6}.delete-btn-small:hover{background-color:#fef2f2}.metrics-chart{margin-top:1rem}.metrics-chart h4{margin:0 0 1rem;color:#374151;font-size:1.1rem;font-weight:600}.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem}.custom-tooltip{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.75rem;box-shadow:0 4px 6px -1px #0000001a;font-size:.875rem}.tooltip-label{font-weight:600;margin-bottom:.5rem;color:#374151}.tooltip-notes{margin-top:.5rem;font-style:italic;color:#6b7280;font-size:.8rem}.chart-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem}.trend-info{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#4b5563}.trend-info span{font-weight:500}.empty-state{text-align:center;padding:2rem;color:#9ca3af;font-style:italic}.empty-state p{margin:0}@media(max-width:768px){.health-metrics-page{padding:1rem}.health-metrics-container{grid-template-columns:1fr;gap:1.5rem}.metric-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr;gap:.5rem}.form-actions,.metric-actions{flex-direction:column}.trend-info{flex-direction:column;align-items:flex-start;gap:.5rem}.history-item{flex-direction:column;align-items:flex-start;gap:.75rem}.history-actions{align-self:flex-end}}.health-metric-widget{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.health-metric-widget h4{margin:0 0 .75rem;color:#2d3748;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.health-metric-widget .metric-item{background-color:#f8fafc;margin:0;padding:.75rem}.health-metric-widget .metric-info{gap:.125rem}.health-metric-widget .metric-value{font-size:1rem;font-weight:600}.health-metric-widget .metric-date{font-size:.75rem}.dashboard-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#4a5568;font-weight:500;padding:.5rem .75rem;border-radius:6px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.dashboard-toggle:hover{background-color:#f7fafc}.dashboard-toggle input[type=checkbox]{margin:0;transform:scale(1.1);cursor:pointer}.dashboard-toggle span{cursor:pointer}.community-page{padding:20px;max-width:800px;margin:0 auto;background:#f8f9fa;min-height:100vh}.community-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 2px 4px #0000001a}.community-header h1{color:#2c3e50;margin:0;font-size:1.5rem;font-weight:600}.header-actions{display:flex;gap:10px}.community-page .btn-primary{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;min-width:auto;width:auto}.community-page .btn-secondary{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;min-width:auto;width:auto}.community-page .btn-invite{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;min-width:auto;width:auto}.recent-conversations{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.conversation-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #e9ecef;position:relative}.conversation-item:last-child{border-bottom:none}.conversation-item:hover{background-color:#f8f9fa;transform:translateY(-1px);transition:all .2s ease}.avatar{width:40px;height:40px;border-radius:50%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin-right:12px;flex-shrink:0}.avatar.group{background:#6f42c1}.avatar.doctor{background:#28a745}.avatar.patient{background:#007bff}.conversation-details{flex-grow:1}.name{font-weight:600;color:#2c3e50;margin-bottom:2px}.last-message{color:#6c757d;font-size:.9rem}.status-dot{width:8px;height:8px;border-radius:50%;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.status-dot.online{background:#28a745}.new-badge{background:#007bff;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:12px;margin-left:auto}.status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:auto}.status-badge.assigned{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.invited{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.find-connections{background:#e9ecef;border-radius:12px;padding:20px;margin-bottom:20px;text-align:center}.find-connections-content{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.find-icon{font-size:2rem;margin-right:15px}.find-title{font-weight:600;color:#2c3e50;margin-bottom:5px}.find-subtitle{color:#6c757d;font-size:.9rem}.community-page .browse-directory-btn{background:#fff;border:1px solid #dee2e6;padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0 auto;min-width:auto;width:auto}.directory-icon{font-size:1rem}.section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section h2{color:#2c3e50;margin:0;font-size:1.2rem;font-weight:600}.community-page .btn-group-action{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;white-space:nowrap;min-width:auto;width:auto}.group-list{display:flex;flex-direction:column}.group-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f1f3f4}.group-item:last-child{border-bottom:none}.group-item.recommended{background:#f8f9fa;margin:0 -20px;padding:12px 20px;border-radius:8px}.group-avatar{width:32px;height:32px;border-radius:50%;background:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;margin-right:12px;flex-shrink:0}.group-details{flex-grow:1}.group-name{font-weight:600;color:#2c3e50;margin-bottom:2px;display:flex;align-items:center;gap:8px}.recommended-tag{background:#e7f3ff;color:#06c;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:400}.group-meta{color:#6c757d;font-size:.85rem}.community-page .join-btn{background:#28a745;color:#fff;border:none;padding:4px 10px;border-radius:4px;font-size:.75rem;cursor:pointer;margin-left:auto;white-space:nowrap;min-width:auto;width:auto}.news-item{display:flex;align-items:flex-start;gap:12px}.news-avatar{width:32px;height:32px;border-radius:50%;background:#17a2b8;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.news-content{flex-grow:1}.news-source{font-weight:600;color:#2c3e50;margin-bottom:2px}.news-subtitle{color:#6c757d;font-size:.85rem;margin-bottom:5px}.news-title{color:#2c3e50;margin-bottom:8px;line-height:1.4}.news-actions{display:flex;gap:15px}.news-action{color:#6c757d;font-size:.85rem;cursor:pointer}.news-action:hover{color:#495057}.loading-state{padding:20px;text-align:center;color:#6c757d;font-style:italic}.empty-state{padding:40px 20px;text-align:center;color:#6c757d}.empty-state p{margin:0;font-size:1rem}@media(max-width:768px){.community-page{padding:10px}.community-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{justify-content:center}.section-header{flex-direction:column;gap:10px;align-items:stretch}.find-connections-content{flex-direction:column;text-align:center}.find-icon{margin:0 0 10px}}.invite-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9000}.invite-modal{background:#fff;border-radius:12px;width:90%;max-width:450px;overflow:hidden;box-shadow:0 20px 40px #0003}.invite-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #e5e7eb}.invite-modal-header h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-btn:hover{color:#374151}.invite-modal-form{padding:0}.form-content{padding:1.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.95rem}.form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background-color:#f9fafb;cursor:not-allowed}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;font-weight:500}.info-text{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.875rem;margin-top:1rem}.info-text p{margin:0;color:#64748b;font-size:.875rem;line-height:1.4}.invite-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.cancel-btn{background-color:#6b7280;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:background-color .2s ease;flex-shrink:0}.cancel-btn:hover:not(:disabled){background-color:#4b5563}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.invite-btn{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:background-color .2s ease;flex-shrink:0}.invite-btn:hover:not(:disabled){background-color:#2563eb}.invite-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.invite-modal{width:95%;margin:1rem}.invite-modal-actions{flex-direction:column}.cancel-btn,.invite-btn{width:100%;justify-content:center}}.message-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.message-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #00000026}.message-header{display:flex;justify-content:flex-start;align-items:center;padding:20px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px 12px 0 0}.message-header-info{display:flex;align-items:center;gap:12px}.message-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.message-avatar.doctor{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a7454d}.message-avatar.patient{background:linear-gradient(135deg,#007bff,#6610f2);box-shadow:0 2px 8px #007bff4d}.message-header-details{display:flex;flex-direction:column}.message-header-name{font-weight:600;color:#2c3e50;margin-bottom:2px;font-size:1.1rem}.message-header-status{font-size:.85rem;color:#6c757d}.message-close-btn{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.message-close-btn:hover{background:#e9ecef;color:#495057}.message-body{display:flex;flex-direction:column;height:60vh;max-height:500px}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.message{display:flex;max-width:80%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-content{display:flex;flex-direction:column}.message-text{padding:12px 16px;border-radius:18px;font-size:.9rem;line-height:1.4;word-wrap:break-word}.message.sent .message-text{background:#007bff;color:#fff;border-bottom-right-radius:6px}.message.received .message-text{background:#f1f3f4;color:#2c3e50;border-bottom-left-radius:6px}.message-timestamp{font-size:.75rem;color:#6c757d;margin-top:4px;padding:0 4px}.message.sent .message-timestamp{text-align:right}.message.received .message-timestamp{text-align:left}.message-input-container{display:flex;flex-direction:column;padding:20px;border-top:1px solid #e9ecef;gap:12px}.message-input{width:100%;border:1px solid #dee2e6;border-radius:12px;padding:12px 16px;font-size:.9rem;resize:none;outline:none;font-family:inherit;line-height:1.4;min-height:60px;max-height:120px;box-sizing:border-box}.message-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.send-button{background:#007bff;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s;align-self:flex-end;min-width:80px}.send-button:hover:not(:disabled){background:#0056b3}.send-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:600px){.message-modal{margin:10px;max-height:90vh}.message-header,.messages-container,.message-input-container{padding:15px}.message{max-width:90%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9000}.modal-content{background:#fff;border-radius:8px;padding:0;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover:not(:disabled){background-color:#f3f4f6}.close-button:disabled{opacity:.5;cursor:not-allowed}.appointment-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f9fafb;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.error-message{background-color:#fef2f2;color:#dc2626;padding:.75rem;border-radius:6px;margin-bottom:1rem;border:1px solid #fecaca;font-size:.875rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.cancel-button,.submit-button{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;min-width:120px}.cancel-button{background-color:#fff;color:#6b7280;border-color:#d1d5db}.cancel-button:hover:not(:disabled){background-color:#f9fafb}.submit-button{background-color:#3b82f6;color:#fff}.submit-button:hover:not(:disabled){background-color:#2563eb}.submit-button:disabled,.cancel-button:disabled{opacity:.5;cursor:not-allowed}.submit-button:disabled{background-color:#9ca3af}@media(max-width:640px){.modal-content{width:95%;margin:1rem}.modal-header,.appointment-form{padding:1rem}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.appointment-container{max-width:none;width:100%;margin:1rem;padding:2rem;background-color:#f9f9ff;border-radius:10px;box-shadow:0 0 10px #0000001a;min-height:80vh}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.appointment-header h2{margin:0;color:#333}.header-actions{display:flex;gap:.75rem;align-items:center}.request-btn{padding:.5rem 1rem;background-color:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.request-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.request-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.refresh-btn{padding:.5rem 1rem;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.refresh-btn:hover:not(:disabled){background-color:#357ac8;transform:translateY(-1px)}.refresh-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.appointment-container h3{text-align:center;margin-bottom:1rem;color:#333}.appointment-form{display:flex;flex-direction:column;gap:1rem}.appointment-form label{display:flex;flex-direction:column;font-weight:500;color:#444}.appointment-form input{padding:.6rem;font-size:1rem;border-radius:6px;border:1px solid #ccc}.appointment-form button{padding:.7rem;background-color:#4a90e2;color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.appointment-form button:hover{background-color:#357ac8}.appointment-list{list-style:none;padding:0;margin-top:1rem}.appointment-item{background-color:#fff;border-left:4px solid #4a90e2;padding:1.25rem 1.75rem;margin-bottom:1.25rem;border-radius:12px;box-shadow:0 3px 12px #00000014;display:grid;grid-template-columns:2.5fr 2.5fr 1fr;grid-template-rows:auto auto auto;gap:.75rem 1.5rem;width:100%;transition:all .2s ease;border:1px solid #f0f0f0}.appointment-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.appointment-date{font-weight:600;color:#2c3e50;font-size:1.05rem;grid-column:1;grid-row:1;display:flex;align-items:center}.appointment-reason{color:#4a5568;font-size:1rem;font-weight:500;grid-column:2;grid-row:1;display:flex;align-items:center}.appointment-actions{display:flex;justify-content:center;align-items:center;grid-column:3;grid-row:1}.appointment-notes{color:#6b7280;font-style:italic;font-size:.95rem;line-height:1.4;grid-column:1 / 4;grid-row:2;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;background-color:#fafbfc;margin:0 -.5rem;padding:.5rem}.appointment-status{text-align:center;grid-column:2;grid-row:3;font-weight:500;font-size:.9rem}.appointment-doctor{color:#4a90e2;font-weight:600;text-align:right;grid-column:3;grid-row:3;font-size:.95rem}.cancel-btn{padding:.5rem 1.25rem;background-color:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #ef444433}.cancel-btn:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.cancel-btn:active{transform:translateY(0)}.cancel-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.status{font-weight:700;margin-top:.3rem}.status.confirmed{color:green}.status.pending{color:orange}.status.scheduled{color:#4a90e2}.status.cancelled{color:red}.empty-message{text-align:center;color:#888}.appointment-header-info{display:flex;justify-content:space-between;align-items:center;grid-column:1 / -1;grid-row:1}.appointment-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.appointment-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending{background-color:#fef3c7;color:#d97706}.status-scheduled{background-color:#dbeafe;color:#2563eb}.appointment-item.status-pending{border-left-color:#f59e0b}.appointment-item.status-scheduled{border-left-color:#3b82f6}.appointment-doctor{font-weight:500;color:#374151}@media(max-width:768px){.header-actions{flex-direction:column;gap:.5rem}.request-btn,.refresh-btn{width:100%;justify-content:center}.appointment-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.accept-btn{padding:.5rem 1rem;background-color:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;margin-right:.5rem}.accept-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.accept-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.appointment-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}