.navbar{background-color:#fff;box-shadow:0 1px 2px #0000001a;position:relative;top:0;z-index:1000;padding-bottom:200px;background-image:url(/Home.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;background-blend-mode:multiply;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#c7d2fe}.navbar-container{max-width:1200px;margin:0 auto;padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:2rem;font-weight:600;color:#2563eb;text-decoration:none;letter-spacing:-.5px}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-link{text-decoration:none;color:#fff;font-size:.95rem;padding:.5rem;transition:color .2s ease;position:relative}.nav-link:hover,.nav-link.active{color:#2563eb}.nav-link.active:after{content:"";position:absolute;bottom:0;left:.5rem;right:.5rem;height:2px;background-color:#2563eb;border-radius:2px}.user-section{display:flex;align-items:center;gap:1rem}.user-avatar{width:2.2rem;height:2.2rem;background-color:#e0e7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.user-avatar span{color:#4f46e5;font-size:.9rem;font-weight:500}.user-avatar:hover{background-color:#c7d2fe}.menu-button{display:none;background:none;border:none;padding:.5rem;cursor:pointer}.menu-icon{display:block;width:24px;height:2px;background-color:#4b5563;position:relative;transition:background-color .3s ease}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:24px;height:2px;background-color:#4b5563;transition:transform .3s ease}.menu-icon:before{top:-8px}.menu-icon:after{bottom:-8px}.menu-icon.open{background-color:transparent}.menu-icon.open:before{transform:rotate(45deg);top:0}.menu-icon.open:after{transform:rotate(-45deg);bottom:0}.upload-btn{background:#2563eb;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background-color .2s ease}.upload-btn:hover{background:#1d4ed8}@media (max-width: 768px){.upload-btn{width:100%;text-align:center;margin-top:8px}}@media (max-width: 768px){.menu-button{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;padding:1rem;flex-direction:column;align-items:flex-start;box-shadow:0 2px 4px #0000001a}.nav-links.active{display:flex}.nav-link{width:100%;padding:.8rem 0}.nav-link.active:after{display:none}}.dashboard{padding:20px;max-width:1200px;margin:0 auto;background-color:#f8fafc}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.vital-signs .stat-card{border-left:4px solid transparent;transition:all .3s ease}.vital-signs .stat-card:nth-child(1){border-left-color:#3b82f6}.vital-signs .stat-card:nth-child(2){border-left-color:#ef4444}.vital-signs .stat-card:nth-child(3){border-left-color:#f97316}.vital-signs .stat-card:nth-child(4){border-left-color:#22c55e}.text-blue{color:#3b82f6}.text-red{color:#ef4444}.text-orange{color:#f97316}.text-green{color:#22c55e}.text-purple{color:#8b5cf6}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.stat-card h3{color:#4a5568;font-size:14px;margin-bottom:8px;font-weight:500}.stat-value{font-size:28px;font-weight:600;color:#2d3748;margin-bottom:4px}.stat-label{font-size:12px;color:#718096}.analytics-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:24px}.analytics-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.analytics-card h2{color:#2d3748;font-size:18px;margin-bottom:20px;font-weight:500}.chart-container{background:#fff;padding:16px;border-radius:12px;box-shadow:0 1px 2px #0000000d;margin-top:10px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.dashboard-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.dashboard-card h2{color:#2d3748;font-size:18px;margin-bottom:20px;font-weight:500}.medication-list{display:flex;flex-direction:column;gap:12px}.medication-item{display:flex;align-items:center;padding:12px;background-color:#f8fafc;border-radius:8px;border-left:4px solid #3B82F6;transition:transform .2s ease}.medication-item:hover{transform:translate(4px)}.medication-time{min-width:100px;font-weight:500;color:#3b82f6}.medication-details{flex:1}.medication-name{font-weight:500;color:#1e293b}.medication-dose{font-size:12px;color:#64748b;margin-top:2px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:#f8fafc;border-radius:8px;transition:transform .2s ease}.activity-item:hover{transform:translate(4px)}.activity-type{background-color:#ebf4ff;color:#3182ce;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.activity-details{flex:1}.activity-description{color:#2d3748;font-size:14px;margin-bottom:4px}.activity-time{color:#718096;font-size:12px}.diet-list{display:flex;flex-direction:column;gap:12px}.diet-item{padding:12px;background-color:#f8fafc;border-radius:8px;border-left:4px solid #22C55E;transition:transform .2s ease}.diet-item:hover{transform:translate(4px)}.diet-meal{font-weight:500;color:#22c55e;margin-bottom:4px}.diet-recommendation{font-size:14px;color:#4b5563}.recharts-default-tooltip{background-color:#fffffffa!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:12px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.recharts-legend-wrapper{padding:8px!important}.recharts-legend-item{padding:4px 8px!important}.temperature-chart .recharts-area-curve{stroke-width:2px}.recharts-polar-grid-angle line{stroke:#e2e8f0}.recharts-polar-radius-axis line{stroke:#e2e8f0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.analytics-section{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard{padding:16px}.stats-container,.dashboard-grid{grid-template-columns:1fr}.stat-card,.dashboard-card{padding:16px}.stat-value{font-size:24px}.medication-item,.diet-item{flex-direction:column;gap:8px}.medication-time{min-width:auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.recharts-line-curve:hover{stroke-width:3px}.recharts-bar-rectangle:hover{opacity:.8}.status-indicator{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-normal{background-color:#dcfce7;color:#166534}.status-warning{background-color:#fef3c7;color:#92400e}.status-alert{background-color:#fee2e2;color:#991b1b}.health-card-container{padding:24px;max-width:1200px;margin:0 auto}.health-card{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:24px;padding:32px;color:#fff;box-shadow:0 10px 25px #2563eb33;margin-bottom:32px;position:relative}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.card-title{max-width:60%}.card-title h2{margin:0;font-size:32px;font-weight:700;letter-spacing:-.5px}.card-subtitle{margin:8px 0 0;font-size:16px;opacity:.9;font-weight:400}.card-qr{display:flex;flex-direction:column;align-items:center;gap:12px}.qr-image{width:130px;height:130px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 4px 12px #00000026;align-items:center}.card-logo{background:#fff3;padding:8px 16px;border-radius:10px;font-weight:600;font-size:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-body,.user-details{margin-bottom:24px}.user-details h3{margin:0;font-size:24px;font-weight:600;letter-spacing:-.3px}.user-id{margin:6px 0 0;font-size:15px;opacity:.85}.vital-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.info-item{display:flex;flex-direction:column;gap:6px}.label{font-size:14px;opacity:.85;font-weight:400}.value{font-size:20px;font-weight:600}.card-footer{font-size:14px;opacity:.8}.health-info-section{margin-top:32px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.info-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.info-card h3{margin:0 0 20px;font-size:18px;color:#1e293b;font-weight:600}.allergy-tags{display:flex;flex-wrap:wrap;gap:10px}.allergy-tag{background:#fee2e2;color:#991b1b;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;transition:transform .2s ease}.allergy-tag:hover{transform:translateY(-2px)}.doctor-info,.insurance-info{color:#475569;margin-bottom:16px;font-size:15px}.action-buttons{display:flex;flex-direction:column;gap:12px}.contact-btn,.insurance-btn,.action-btn{padding:12px 20px;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.contact-btn,.insurance-btn{background:#f1f5f9;color:#1e293b;width:100%}.action-btn{background:#f1f5f9;color:#1e293b}.action-btn.emergency{background:#ef4444;color:#fff;font-weight:600}.contact-btn:hover,.insurance-btn:hover,.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-btn.emergency:hover{background:#dc2626}.antibiotic-card{grid-column:span 1}.antibiotic-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.antibiotic-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:8px;transition:transform .2s ease}.antibiotic-item:hover{transform:translate(4px)}.antibiotic-name{font-size:14px;color:#1e293b;font-weight:500}.resistance-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.resistance-status.resistant{background:#fee2e2;color:#991b1b}.resistance-status.sensitive{background:#dcfce7;color:#166534}.resistance-status.intermediate{background:#fef3c7;color:#92400e}.view-report-btn{width:100%;padding:12px;background:#f1f5f9;border:none;border-radius:8px;color:#1e293b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-report-btn:hover{background:#e2e8f0;transform:translateY(-2px)}@media (max-width: 768px){.health-card-container{padding:16px}.health-card{padding:24px}.card-header{flex-direction:column;align-items:center;text-align:center;gap:24px}.card-title{max-width:100%}.card-title h2{font-size:28px}.card-qr{margin-top:8px}.qr-image{width:120px;height:120px}.user-details{text-align:center}.vital-info{grid-template-columns:1fr;text-align:center}.info-item{align-items:center}.info-grid{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.info-card{background:#1e293b}.info-card h3{color:#f1f5f9}.doctor-info,.insurance-info{color:#cbd5e1}.contact-btn,.insurance-btn,.action-btn{background:#334155;color:#f1f5f9}.allergy-tag{background:#450a0a;color:#fecaca}.antibiotic-item{background:#1e293b}.antibiotic-name{color:#f1f5f9}.resistance-status.resistant{background:#450a0a;color:#fecaca}.resistance-status.sensitive{background:#14532d;color:#bbf7d0}.resistance-status.intermediate{background:#451a03;color:#fed7aa}.view-report-btn{background:#334155;color:#f1f5f9}.view-report-btn:hover{background:#475569}}.chat-interface{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:calc(100vh - 50px);margin:0;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.chat-header h2{font-size:16px;font-weight:500;color:#2d3748;margin:0}.header-controls{display:flex;align-items:center;gap:12px}.status-indicator{font-size:12px;color:#48bb78;display:flex;align-items:center}.status-indicator:before{content:"";display:inline-block;width:8px;height:8px;background:#48bb78;border-radius:50%;margin-right:6px}.voice-button{background:none;border:none;font-size:20px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.voice-button:hover{background:#f1f5f9}.voice-button.listening{background:#ef4444;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.chat-iframe-container{flex:1;position:relative;width:100%;height:100%}.chat-iframe-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:#fff;z-index:10}.chatbot-iframe{position:absolute;top:0;left:0;width:100%;height:calc(100% - 30px);border:none}@media (max-width: 768px){.chat-interface{height:calc(100vh - 80px);margin:10px;border-radius:4px}}.timeline-container{max-width:800px;margin:0 auto;padding:20px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.timeline-header h2{font-size:24px;color:#1e293b;margin:0}.filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#475569;background-color:#fff;cursor:pointer}.timeline{position:relative}.timeline-event{display:flex;margin-bottom:30px;position:relative}.event-date{width:100px;text-align:right;padding-right:20px;flex-shrink:0}.date{font-size:14px;font-weight:500;color:#1e293b}.time{font-size:12px;color:#64748b}.event-connector{width:30px;position:relative;flex-shrink:0}.event-dot{width:12px;height:12px;border-radius:50%;background-color:#e2e8f0;position:relative;z-index:2;margin:6px auto}.event-dot.completed{background-color:#22c55e}.event-dot.upcoming{background-color:#3b82f6}.connector-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:#e2e8f0;transform:translate(-50%)}.event-content{flex:1;background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.event-type{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.event-type.appointment{background-color:#e0f2fe;color:#0369a1}.event-type.prescription{background-color:#f0fdf4;color:#166534}.event-type.vaccination{background-color:#fef3c7;color:#92400e}.event-type.test{background-color:#ede9fe;color:#5b21b6}.event-status{font-size:12px;font-weight:500}.event-status.completed{color:#22c55e}.event-status.upcoming{color:#3b82f6}.event-title{font-size:16px;font-weight:500;color:#1e293b;margin:0 0 8px}.event-doctor{font-size:14px;color:#64748b;margin-bottom:8px}.event-details{font-size:14px;color:#475569;margin:0 0 16px;line-height:1.5}.event-actions{display:flex;gap:8px}.action-button{padding:6px 12px;font-size:12px;border:none;border-radius:4px;background-color:#f1f5f9;color:#475569;cursor:pointer;transition:background-color .2s ease}.action-button:hover{background-color:#e2e8f0}@media (max-width: 640px){.timeline-container{padding:16px}.timeline-header{flex-direction:column;align-items:flex-start;gap:16px}.event-date{width:80px;padding-right:12px}.date{font-size:12px}.time{font-size:11px}.event-content{padding:12px}}.schemes-container{max-width:1200px;margin:0 auto;padding:24px}.schemes-header{margin-bottom:32px}.schemes-header h2{font-size:24px;color:#1e293b;margin:0 0 20px}.search-filter{display:flex;gap:16px}.search-input{flex:1;padding:10px 16px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.filter-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;min-width:160px;background-color:#fff}.schemes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:32px}.scheme-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.scheme-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.scheme-header h3{font-size:18px;color:#1e293b;margin:0}.status-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.status-badge.active{background-color:#dcfce7;color:#166534}.scheme-category{display:inline-block;padding:4px 12px;background-color:#f1f5f9;color:#475569;border-radius:4px;font-size:12px;margin-bottom:16px}.scheme-coverage{margin-bottom:16px}.scheme-coverage h4,.scheme-benefits h4,.scheme-eligibility h4{font-size:14px;color:#475569;margin:0 0 8px}.scheme-coverage p{font-size:16px;color:#1e293b;font-weight:500;margin:0}.scheme-description{margin-bottom:16px}.scheme-description p{font-size:14px;color:#475569;line-height:1.5;margin:0}.scheme-benefits{margin-bottom:16px}.scheme-benefits ul{list-style:none;padding:0;margin:0}.scheme-benefits li{font-size:14px;color:#475569;padding-left:20px;position:relative;margin-bottom:6px}.scheme-benefits li:before{content:"•";color:#3b82f6;position:absolute;left:0}.scheme-eligibility{margin-bottom:20px}.scheme-eligibility p{font-size:14px;color:#475569;margin:0}.scheme-actions{display:flex;gap:12px}.check-btn,.details-btn{flex:1;padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.check-btn{background-color:#3b82f6;color:#fff}.details-btn{background-color:#f1f5f9;color:#475569}.check-btn:hover{background-color:#2563eb}.details-btn:hover{background-color:#e2e8f0}.schemes-footer{text-align:center;padding-top:24px;border-top:1px solid #e2e8f0}.schemes-footer p{color:#475569;margin-bottom:16px}.support-btn{padding:8px 24px;background-color:#f1f5f9;color:#475569;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.support-btn:hover{background-color:#e2e8f0}@media (max-width: 768px){.schemes-container{padding:16px}.search-filter{flex-direction:column}.schemes-grid{grid-template-columns:1fr}.scheme-actions{flex-direction:column}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}button{border:none;outline:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}button:hover{opacity:.9}input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}input:focus{border-color:#2196f3}.container{max-width:1200px;margin:0 auto;padding:20px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shadow{box-shadow:0 2px 4px #0000001a}.rounded{border-radius:8px}.text-center{text-align:center}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.container{padding:10px}}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#242424}button{background-color:#1a1a1a}input{background-color:#1a1a1a;color:#fff;border-color:#333}input:focus{border-color:#3f51b5}.shadow{box-shadow:0 2px 4px #0003}}
