*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;border:1px solid #e9ecef;color:#333}.btn-secondary:hover{background:#e9ecef}.card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:24px}.card,.form-group{margin-bottom:20px}.form-label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-input{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#667eea;outline:none}.alert{border-radius:8px;margin-bottom:16px;padding:12px 16px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.badge-primary{background:#e3f2fd;color:#1976d2}.badge-success{background:#e8f5e8;color:#2e7d32}.badge-warning{background:#fff8e1;color:#f57c00}.badge-danger{background:#ffebee;color:#d32f2f}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.text-center{text-align:center}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;left:0;padding:15px 0;position:fixed;right:0;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between}.logo h1{color:#667eea;font-size:1.5rem;font-weight:700;margin:0}.nav{gap:30px}.nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:8px;color:#666;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background:#667eea1a;color:#667eea}.header-actions{align-items:center;display:flex;gap:15px}.notification-btn,.profile-btn{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;padding:8px;position:relative;transition:all .3s ease}.notification-btn:hover,.profile-btn:hover{background:#667eea1a;color:#667eea}.notification-badge{background:#ff4757;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:0;top:0}.mobile-menu-btn{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:none;padding:8px;transition:all .3s ease}.mobile-menu-btn:hover{background:#667eea1a;color:#667eea}@media (max-width:768px){.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;flex-direction:column;gap:15px;left:0;opacity:0;padding:20px;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{justify-content:flex-start;padding:12px 16px;width:100%}.mobile-menu-btn{display:block}.header-actions{gap:10px}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #fff3;margin-top:60px;padding:40px 0 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 2fr;margin-bottom:30px}.footer-brand h3{color:#667eea;font-size:1.5rem;font-weight:700;margin-bottom:8px}.footer-brand p{color:#666;font-size:.9rem;margin:0}.footer-links{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.footer-section h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:16px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#666;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#667eea}.social-links{display:flex;gap:12px}.social-link{align-items:center;background:#f8f9fa;border-radius:8px;color:#666;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.footer-bottom{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding-top:20px}.footer-copyright p,.footer-team p{color:#666;font-size:.9rem;margin:0}.footer-team p{align-items:center;display:flex;gap:6px}.heart-icon{animation:heartbeat 2s infinite;color:#ff4757}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.team-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-weight:600}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr}.footer-links{gap:20px;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.footer-team p{justify-content:center}}.section-header{justify-content:space-between;margin-bottom:20px}.main-content-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:24px}.sidebar-content{display:flex;flex-direction:column;gap:20px}.medications-list{gap:12px}.medication-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.medication-item:hover{background:#f0f4ff;border-color:#667eea}.medication-details{color:#666;font-size:.9rem;margin-bottom:8px}.time-status{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:4px}.time-status.overdue{color:#ff4757}.time-status.due{color:#ffa502}.time-status.upcoming{color:#2ed573}.medication-action{background:none;border:2px solid #e9ecef;border-radius:8px;color:#666;cursor:pointer;padding:8px;transition:all .3s ease}.medication-action:hover{border-color:#667eea;color:#667eea}.medication-action.taken{background:#2ecc711a;border-color:#2ecc71;color:#2ecc71}.appointments-list{gap:12px}.appointment-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:16px;padding:16px;transition:transform .3s ease}.appointment-item:hover{transform:translateY(-2px)}.appointment-details{flex:1 1}.appointment-specialty{margin-bottom:4px}.appointment-time{font-size:.8rem}.quick-actions{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:24px}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-buttons .btn{gap:8px;justify-content:flex-start}.stat-icon{margin-bottom:12px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.modal-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px;transition:all .3s ease}.modal-close:hover{background:#f8f9fa;color:#333}.modal-body{padding:0 24px}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:24px}@media (max-width:768px){.medication-item,.section-header{align-items:flex-start;flex-direction:column;gap:12px}.medication-action{align-self:flex-end}.appointment-item{align-items:flex-start;flex-direction:column;gap:12px}.appointment-date{align-self:center}.modal-content{margin:20px;max-width:calc(100% - 40px)}.modal-actions{flex-direction:column}}.medications-container{margin:0 auto;max-width:1000px}.medications-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.medications-stats{display:flex;gap:30px}.stat-item{align-items:center;color:#666;display:flex;font-weight:500;gap:8px}.add-medication-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:24px}.add-medication-form h3{color:#333;font-size:1.5rem;margin-bottom:20px}.medications-list{display:flex;flex-direction:column;gap:16px}.medication-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:20px;transition:transform .3s ease}.medication-card:hover{transform:translateY(-2px)}.medication-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.medication-info{flex:1 1}.medication-name{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:4px}.medication-dosage{color:#667eea;font-size:.9rem;font-weight:500}.medication-actions{display:flex;gap:8px}.status-btn{background:none;border:2px solid #e9ecef;border-radius:8px;color:#666;cursor:pointer;padding:8px;transition:all .3s ease}.status-btn:hover{border-color:#667eea;color:#667eea}.status-btn.taken{background:#2ecc711a;border-color:#2ecc71;color:#2ecc71}.action-btn{padding:6px}.medication-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.detail-item{align-items:center;color:#666;display:flex;font-size:.9rem;gap:6px}.detail-item.status{font-weight:500}.detail-item.status.overdue{color:#ff4757}.detail-item.status.due{color:#ffa502}.detail-item.status.upcoming{color:#2ed573}.capitalize{text-transform:capitalize}.medication-instructions{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#666;font-size:.9rem;padding:12px}@media (max-width:768px){.medications-header{align-items:stretch;flex-direction:column;gap:16px}.medications-stats{justify-content:space-around}.medication-header{flex-direction:column;gap:12px}.medication-actions{align-self:flex-end}.medication-details{gap:8px}.form-actions,.medication-details{flex-direction:column}}.appointments-container{margin:0 auto;max-width:1000px}.appointments-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.appointments-filters{align-items:center;display:flex;gap:16px}.search-box{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.search-box input{background:none;border:none;font-size:14px;min-width:200px;outline:none}.status-filter{background:#fff;border:1px solid #e9ecef;border-radius:8px;font-size:14px;outline:none;padding:8px 12px}.add-appointment-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:24px}.add-appointment-form h3{color:#333;font-size:1.5rem;margin-bottom:20px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.appointments-list{display:flex;flex-direction:column;gap:16px}.appointment-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:20px;transition:transform .3s ease}.appointment-card:hover{transform:translateY(-2px)}.appointment-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.appointment-date{min-width:60px;text-align:center}.date-day{color:#667eea;font-size:1.5rem;font-weight:700}.date-month{color:#666;font-size:.8rem;text-transform:uppercase}.appointment-info{flex:1 1}.appointment-doctor{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:4px}.appointment-specialty{color:#667eea;font-size:.9rem;font-weight:500;margin-bottom:8px}.appointment-time{align-items:center;color:#666;display:flex;font-size:.9rem;gap:6px}.appointment-status{align-self:flex-start}.appointment-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px}.appointment-notes{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#666;font-size:.9rem;margin-bottom:16px;padding:12px}.appointment-actions{display:flex;gap:12px}.action-btn{align-items:center;background:none;border:1px solid #e9ecef;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 12px;transition:all .3s ease}.action-btn:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.action-btn.delete:hover{background:#ffebee;border-color:#ff4757;color:#ff4757}@media (max-width:768px){.appointments-header{align-items:stretch;flex-direction:column;gap:16px}.appointments-filters{flex-direction:column;gap:12px}.search-box input{flex:1 1;min-width:auto}.appointment-header{flex-direction:column;gap:12px}.appointment-date{align-self:center}.appointment-status{align-self:flex-start}.appointment-actions,.form-actions{flex-direction:column}}.health-tracker-container{margin:0 auto;max-width:1000px}.current-stats,.health-actions{margin-bottom:30px}.health-actions{text-align:center}.add-health-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:24px}.add-health-form h3{color:#333;font-size:1.5rem;margin-bottom:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.health-history{margin-top:40px}.health-data-list{display:flex;flex-direction:column;gap:16px}.health-data-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:20px;transition:transform .3s ease}.health-data-card:hover{transform:translateY(-2px)}.data-header{margin-bottom:16px}.data-date{align-items:center;color:#667eea;display:flex;font-size:.9rem;font-weight:500;gap:8px}.data-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.metric-item{display:flex;flex-direction:column;gap:4px}.metric-label{color:#666;font-size:.8rem;font-weight:500}.metric-value{color:#333;font-size:1.1rem;font-weight:600;gap:8px}.metric-value,.trend{align-items:center;display:flex}.trend.up{color:#ff4757}.trend.down{color:#2ed573}.metric-status{font-size:.8rem;font-weight:500;text-transform:capitalize}.metric-status.normal{color:#2ed573}.metric-status.elevated,.metric-status.high{color:#ffa502}.metric-status.low{color:#3742fa}.data-notes{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#666;font-size:.9rem;padding:12px}.stat-status{font-size:.8rem;font-weight:500;margin-top:8px;text-transform:capitalize}.stat-status.normal{color:#2ed573}.stat-status.elevated,.stat-status.high{color:#ffa502}.stat-status.low{color:#3742fa}@media (max-width:768px){.data-metrics,.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.metric-value{font-size:1rem}}.settings-container{margin:0 auto;max-width:1000px}.settings-grid{grid-gap:30px;display:grid;gap:30px}.settings-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:24px}.section-header{align-items:center;color:#333;display:flex;gap:12px;margin-bottom:24px}.section-header h2{font-size:1.5rem;font-weight:600;margin:0}.profile-form{display:flex;flex-direction:column;gap:24px}.emergency-contact{border-top:1px solid #e9ecef;padding-top:24px}.emergency-contact h3{color:#333;font-size:1.1rem;margin-bottom:16px}.settings-options{display:flex;flex-direction:column;gap:20px}.setting-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1}.setting-info h3{color:#333;font-size:1rem;font-weight:600;margin-bottom:4px}.setting-info p{color:#666;font-size:.9rem;margin:0}.toggle{display:inline-block;height:24px;position:relative;width:50px}.toggle input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#667eea}input:checked+.slider:before{transform:translateX(26px)}.theme-selector{display:flex;gap:8px}.theme-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .3s ease}.theme-btn:hover{border-color:#667eea;color:#667eea}.theme-btn.active{background:#667eea;border-color:#667eea;color:#fff}.settings-actions{margin-top:30px;text-align:center}@media (max-width:768px){.setting-item{align-items:flex-start;gap:12px}.setting-item,.theme-selector{flex-direction:column}.form-grid{grid-template-columns:1fr}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-top:80px;padding:20px}.page-header{margin-bottom:30px}.page-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:8px}.page-subtitle{color:#fffc;font-size:1rem}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:24px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-value{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:#666;font-size:.9rem;font-weight:500}.content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.content-grid{grid-template-columns:2fr 1fr}}.section-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px}.empty-state{color:#ffffffb3;padding:40px 20px;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.loading{align-items:center;color:#fff;display:flex;justify-content:center;min-height:200px}@media (max-width:768px){.main-content{margin-top:70px;padding:15px}.page-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.5d9e68a6.css.map*/