body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.app{background:#f8f9fa;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.app-nav{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 0 10px #0000001a;color:#fff;height:100vh;overflow-y:auto;padding:20px;position:fixed;width:280px;z-index:1000}.nav-header{border-bottom:2px solid #fff3;margin-bottom:30px;padding-bottom:20px;text-align:center}.nav-header h1{font-size:1.8rem;font-weight:700;margin-bottom:5px}.nav-header p{font-size:.9rem;opacity:.8}.nav-items{display:flex;flex-direction:column;gap:8px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:12px 15px;text-align:left;transition:all .2s ease}.nav-item:hover{background:#ffffff1a;transform:translateX(5px)}.nav-item.active{background:#fff3;font-weight:600}.nav-icon{font-size:1.2rem;text-align:center;width:20px}.nav-label{flex:1 1}.app-main{background:#f8f9fa;flex:1 1;margin-left:280px;min-height:100vh}@media (max-width:1024px){.app-nav{width:250px}.app-main{margin-left:250px}}@media (max-width:768px){.app-nav{height:auto;order:2;position:relative;width:100%}.app-main{margin-left:0;order:1}.app{flex-direction:column}.nav-items{flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:center}.nav-item{flex-direction:column;font-size:.8rem;gap:5px;min-width:80px;padding:10px}.nav-icon{font-size:1.5rem}.nav-label{font-size:.7rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}button{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-main>*{animation:fadeIn .3s ease-in-out}.patient-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.dashboard-header p{color:#7f8c8d;font-size:1.1rem}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.card{border-left:4px solid #3498db;transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.info-grid{grid-gap:12px;display:grid;gap:12px}.info-item{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.label{color:#34495e;font-weight:600}.value{color:#2c3e50;font-weight:500}.vitals-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.vital-item{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;padding:15px;transition:border-color .2s ease}.vital-item:hover{border-color:#3498db}.vital-label{color:#6c757d;font-size:.9rem;margin-bottom:5px}.vital-value{color:#2c3e50;font-size:1.2rem;font-weight:700}.appointments-list{gap:12px}.appointment-item{grid-gap:10px;background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:12px}.appointment-date{color:#2c3e50;font-weight:600}.appointment-time{color:#6c757d;font-size:.9rem}.appointment-doctor{color:#3498db;font-weight:500}.medications-list{display:flex;flex-direction:column;gap:12px}.medication-item{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;padding:12px}.medication-name{color:#2c3e50;font-weight:600;margin-bottom:5px}.medication-details{display:flex;gap:15px}.dosage,.frequency{color:#6c757d;font-size:.9rem}.dashboard-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}@media (max-width:768px){.dashboard-grid,.vitals-grid{grid-template-columns:1fr}.dashboard-actions{align-items:center;flex-direction:column}}.doctor-portal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.portal-header{margin-bottom:30px;text-align:center}.portal-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.portal-header p{color:#7f8c8d;font-size:1.1rem}.portal-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-left:4px solid #e74c3c}.stat-number{font-size:2.5rem}.portal-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px}.card h2{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.3rem;margin-bottom:15px;padding-bottom:10px}.schedule-list{display:flex;flex-direction:column;gap:12px}.schedule-item{align-items:center;background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;display:flex;gap:15px;padding:12px}.schedule-time{color:#2c3e50;font-weight:600;min-width:80px}.schedule-details{flex:1 1}.patient-name{margin-bottom:2px}.appointment-type{color:#6c757d}.patients-list{display:flex;flex-direction:column;gap:12px}.patient-item{align-items:center;background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:all .2s ease}.patient-item:hover{background:#e9ecef;transform:translateX(5px)}.patient-info{flex:1 1}.patient-name{color:#2c3e50;font-weight:600;margin-bottom:5px}.patient-details{color:#6c757d;display:flex;font-size:.9rem;gap:15px}.patient-condition{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.condition{color:#2c3e50;font-size:.9rem}.patient-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-body{margin-bottom:20px}.patient-detail{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:10px 0}.patient-detail:last-child{border-bottom:none}.portal-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.action-btn.primary{background:#e74c3c}.action-btn.primary:hover{background:#c0392b}@media (max-width:1024px){.portal-content{grid-template-columns:1fr}.portal-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portal-stats{grid-template-columns:1fr}.patient-item{flex-direction:column;gap:10px}.patient-condition,.patient-item{align-items:flex-start}.portal-actions{align-items:center;flex-direction:column}}.document-upload{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.upload-header{margin-bottom:30px;text-align:center}.upload-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.upload-header p{color:#7f8c8d;font-size:1.1rem}.upload-section{margin-bottom:30px}.category-selector{margin-bottom:20px}.category-selector label{color:#2c3e50;display:block;font-weight:600;margin-bottom:5px}.category-select{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:1rem;max-width:300px;padding:10px;width:100%}.upload-zone{background:#f8f9fa;border:3px dashed #bdc3c7;border-radius:12px;cursor:pointer;padding:40px;position:relative;text-align:center;transition:all .3s ease}.upload-zone:hover{background:#e8f4f8;border-color:#3498db}.upload-zone.drag-over{background:#e8f6f3;border-color:#2ecc71}.upload-icon{font-size:3rem;margin-bottom:15px}.upload-zone h3{color:#2c3e50;margin-bottom:10px}.upload-zone p{color:#7f8c8d;margin-bottom:15px}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-types{color:#95a5a6;font-size:.9rem;margin-top:10px}.files-section{margin-bottom:30px}.files-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.files-header h2{color:#2c3e50;margin:0}.files-count{background:#ecf0f1;border-radius:12px;color:#7f8c8d;font-size:.9rem;padding:5px 10px}.files-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.file-card{background:#fff;border-left:4px solid #9b59b6;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s ease}.file-card:hover{transform:translateY(-2px)}.file-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.file-icon{font-size:2rem}.remove-btn{background:none;border:none;border-radius:50%;color:#e74c3c;cursor:pointer;font-size:1.2rem;padding:5px;transition:background-color .2s ease}.remove-btn:hover{background:#ffebee}.file-info{margin-bottom:15px}.file-name{color:#2c3e50;font-weight:600;margin-bottom:5px;word-break:break-word}.file-details{display:flex;gap:10px;margin-bottom:5px}.file-type{background:#e8f4f8;border-radius:4px;color:#3498db;font-size:.9rem;padding:2px 6px}.file-date,.file-size{color:#7f8c8d;font-size:.9rem}.file-status{margin-bottom:15px}.status-badge{align-items:center;display:inline-flex;gap:5px;padding:5px 10px}.status-icon{font-size:.9rem}.file-actions{display:flex;gap:8px}.action-btn{border-radius:6px}.upload-guidelines{background:#f8f9fa;border-left:4px solid #f39c12;border-radius:12px;padding:20px}.upload-guidelines h3{color:#2c3e50;margin-bottom:15px}.upload-guidelines ul{list-style:none;padding:0}.upload-guidelines li{color:#7f8c8d;margin-bottom:8px;padding-left:20px;position:relative}.upload-guidelines li:before{color:#f39c12;content:"•";font-weight:700;left:0;position:absolute}@media (max-width:768px){.files-grid{grid-template-columns:1fr}.files-header{align-items:flex-start;flex-direction:column;gap:10px}.file-details{flex-direction:column;gap:5px}}.analysis-results{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.results-header{margin-bottom:30px;text-align:center}.results-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.results-header p{color:#7f8c8d;font-size:1.1rem}.score-section{display:flex;justify-content:center;margin-bottom:30px}.score-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px;text-align:center}.score-circle{align-items:center;border:6px solid;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto 20px;position:relative;width:120px}.score-number{color:#2c3e50;font-size:2.5rem;font-weight:700}.score-label{color:#7f8c8d;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.risk-level{align-items:center;display:flex;gap:10px;justify-content:center}.risk-label{color:#7f8c8d}.risk-value{font-size:1.1rem;font-weight:600}.tabs-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.tabs{border-bottom:2px solid #ecf0f1;display:flex;overflow-x:auto}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 20px;transition:all .2s ease;white-space:nowrap}.tab:hover{background:#f8f9fa;color:#2c3e50}.tab.active{border-bottom-color:#27ae60;color:#27ae60}.tab-content{padding:20px}.overview-content{padding:0}.findings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.finding-card{background:#f8f9fa;border-left:4px solid #27ae60;border-radius:12px;padding:20px;transition:transform .2s ease}.finding-card:hover{transform:translateY(-2px)}.finding-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.finding-header h3{color:#2c3e50;font-size:1.1rem;margin:0}.trend-icon{font-size:1.2rem}.finding-value{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:5px}.finding-status{font-size:.9rem;font-weight:600}.details-content{overflow-x:auto}.details-table h2{color:#2c3e50;margin-bottom:20px}.details-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.details-table td,.details-table th{border-bottom:1px solid #ecf0f1;padding:12px 15px;text-align:left}.details-table th{color:#2c3e50;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.details-table th,.details-table tr:hover{background:#f8f9fa}.trends-content h2{color:#2c3e50;margin-bottom:20px}.trends-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.trend-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:12px;padding:20px}.trend-card h3{color:#2c3e50;font-size:1.1rem;margin-bottom:15px}.trend-chart{align-items:end;display:flex;gap:8px;height:120px}.trend-bar{align-items:center;display:flex;flex:1 1;flex-direction:column}.trend-value{background:#3498db;border-radius:4px 4px 0 0;min-height:20px;position:relative;transition:all .3s ease;width:100%}.trend-value:hover{opacity:.8}.trend-value.cholesterol{background:#e74c3c}.trend-value.weight{background:#f39c12}.trend-label{color:#7f8c8d;font-size:.8rem;margin-top:5px}.recommendations-content h2{color:#2c3e50;margin-bottom:20px}.recommendations-list{display:flex;flex-direction:column;gap:20px}.recommendation-card{background:#f8f9fa;border-left:4px solid #f39c12;border-radius:12px;padding:20px}.recommendation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.recommendation-header h3{color:#2c3e50;font-size:1.1rem;margin:0}.priority-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.recommendation-description{color:#7f8c8d;line-height:1.5;margin-bottom:10px}.recommendation-action{color:#2c3e50;font-weight:600}.results-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}@media (max-width:768px){.tabs{flex-direction:column}.tab{text-align:center}.findings-grid,.trends-grid{grid-template-columns:1fr}.results-actions{align-items:center;flex-direction:column}.recommendation-header{align-items:flex-start;flex-direction:column;gap:10px}}.health-charts{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.charts-header{margin-bottom:30px;text-align:center}.charts-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.charts-header p{color:#7f8c8d;font-size:1.1rem}.charts-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px}.chart-selector{display:flex;flex-wrap:wrap;gap:10px}.chart-option{align-items:center;background:#fff;border:2px solid #ecf0f1;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 15px;transition:all .2s ease}.chart-option:hover{background:#f8f9fa;border-color:#3498db}.chart-option.active{background:#3498db;border-color:#3498db;color:#fff}.chart-icon{font-size:1.2rem}.time-range-selector{align-items:center;display:flex;gap:10px}.time-range-select{background:#fff;border:2px solid #ecf0f1;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:1rem;padding:10px 15px}.chart-display{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.chart-info{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.chart-info h2{color:#2c3e50;margin:0}.chart-info h2,.current-value{align-items:center;display:flex;gap:10px}.current-value .value{color:#2c3e50;font-size:1.5rem;font-weight:700}.current-value .status{border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;padding:5px 10px}.chart-area{padding:20px 0}.chart-container{height:300px;position:relative}.chart-grid{align-items:end;display:flex;gap:15px;height:250px;margin-bottom:20px}.chart-column{align-items:center;display:flex;flex:1 1;flex-direction:column}.chart-bar{align-items:flex-end;border-radius:4px 4px 0 0;display:flex;justify-content:center;min-height:10px;position:relative;transition:all .3s ease;width:100%}.chart-bar:hover{opacity:.8}.chart-value{color:#2c3e50;font-size:.9rem;font-weight:600;position:absolute;top:-25px;white-space:nowrap}.chart-label{color:#7f8c8d;font-size:.8rem;margin-top:10px;text-align:center}.bp-chart-container{height:300px}.bp-chart-grid{align-items:end;display:flex;gap:15px;height:250px;margin-bottom:20px}.bp-chart-column{align-items:center;display:flex;flex:1 1;flex-direction:column}.bp-values{align-items:end;display:flex;gap:5px;width:100%}.bp-bar{align-items:flex-end;border-radius:4px 4px 0 0;display:flex;flex:1 1;justify-content:center;min-height:10px;position:relative;transition:all .3s ease}.bp-bar.systolic{background:#ff4757}.bp-bar.diastolic{background:#3742fa}.bp-bar:hover{opacity:.8}.bp-value{color:#fff;font-size:.8rem;font-weight:600;position:absolute;top:-25px;white-space:nowrap}.bp-label{color:#7f8c8d;font-size:.8rem;margin-top:10px;text-align:center}.bp-legend{display:flex;gap:20px;justify-content:center;margin-top:10px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:4px;height:16px;width:16px}.legend-color.systolic{background:#ff4757}.legend-color.diastolic{background:#3742fa}.legend-color.total{background:#96ceb4}.legend-color.ldl{background:#ffeaa7}.legend-color.hdl{background:#74b9ff}.cholesterol-chart-container{height:300px}.cholesterol-chart-grid{align-items:end;display:flex;gap:15px;height:250px;margin-bottom:20px}.cholesterol-chart-column{align-items:center;display:flex;flex:1 1;flex-direction:column}.cholesterol-values{align-items:end;display:flex;gap:3px;width:100%}.cholesterol-bar{align-items:flex-end;border-radius:4px 4px 0 0;display:flex;flex:1 1;justify-content:center;min-height:10px;position:relative;transition:all .3s ease}.cholesterol-bar.total{background:#96ceb4}.cholesterol-bar.ldl{background:#ffeaa7}.cholesterol-bar.hdl{background:#74b9ff}.cholesterol-bar:hover{opacity:.8}.cholesterol-value{color:#2c3e50;font-size:.7rem;font-weight:600;position:absolute;top:-25px;white-space:nowrap}.cholesterol-label{color:#7f8c8d;font-size:.8rem;margin-top:10px;text-align:center}.cholesterol-legend{display:flex;gap:20px;justify-content:center;margin-top:10px}.chart-insights{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.chart-insights h3{color:#2c3e50;margin-bottom:15px}.insights-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:15px}.insight-card h4{color:#2c3e50;font-size:1rem;margin-bottom:8px}.insight-card p{color:#7f8c8d;font-size:.9rem;line-height:1.4;margin:0}.charts-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.action-btn{padding:12px 24px}@media (max-width:768px){.charts-controls{align-items:stretch;flex-direction:column}.chart-selector{justify-content:center}.chart-info{align-items:center;flex-direction:column;gap:10px;text-align:center}.insights-grid{grid-template-columns:1fr}.charts-actions{align-items:center;flex-direction:column}}.appointment-scheduler{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.scheduler-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.scheduler-header h1{color:#2c3e50;font-size:2.5rem;margin:0}.book-btn{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.book-btn:hover{background:#219a52}.appointments-overview{margin-bottom:30px}.overview-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:#fff;border-left:4px solid #27ae60;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.stat-number{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:#7f8c8d;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.appointments-section{margin-bottom:30px}.appointments-section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:20px}.appointments-list{display:flex;flex-direction:column;gap:15px}.appointment-card{grid-gap:20px;align-items:center;background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:grid;gap:20px;grid-template-columns:1fr 2fr 1fr 1fr;padding:20px;transition:transform .2s ease}.appointment-card:hover{transform:translateY(-2px)}.appointment-date{display:flex;flex-direction:column;gap:5px}.date-day{color:#2c3e50;font-size:.9rem;font-weight:600}.date-time{color:#3498db;font-size:1.1rem;font-weight:600}.appointment-details{display:flex;flex-direction:column;gap:5px}.appointment-doctor{color:#2c3e50;font-size:1.1rem;font-weight:600}.appointment-type{color:#7f8c8d;font-size:.9rem}.appointment-status{text-align:center}.status-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.appointment-actions{display:flex;gap:8px;justify-content:flex-end}.doctors-section{margin-bottom:30px}.doctors-section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:20px}.doctors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.doctor-card{align-items:center;background:#fff;border-left:4px solid #e74c3c;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .2s ease}.doctor-card:hover{transform:translateY(-2px)}.doctor-card.unavailable{border-left-color:#95a5a6;opacity:.6}.doctor-avatar{font-size:2.5rem}.doctor-info{flex:1 1}.doctor-name{color:#2c3e50;font-weight:600;margin-bottom:5px}.doctor-specialty{color:#7f8c8d;font-size:.9rem;margin-bottom:5px}.doctor-availability{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.doctor-availability.available{color:#27ae60}.doctor-availability.unavailable{color:#e74c3c}.booking-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.modal-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h3{color:#2c3e50;margin:0}.close-btn{background:none;border:none;border-radius:50%;color:#95a5a6;cursor:pointer;font-size:1.5rem;padding:5px;transition:background-color .2s ease}.close-btn:hover{background:#ecf0f1}.booking-form,.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:10px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.action-btn{font-size:1rem;padding:10px 20px}.action-btn.primary{background:#27ae60}.action-btn.primary:hover{background:#219a52}.action-btn.cancel{background:#e74c3c;color:#fff}.action-btn.cancel:hover{background:#c0392b}@media (max-width:1024px){.appointment-card{gap:15px;grid-template-columns:1fr;text-align:center}.appointment-actions{justify-content:center}}@media (max-width:768px){.scheduler-header{flex-direction:column;gap:15px;text-align:center}.doctors-grid,.overview-stats{grid-template-columns:1fr}.doctor-card{flex-direction:column;text-align:center}.appointment-card{padding:15px}.appointment-actions{flex-direction:column;gap:5px}.modal-content{margin:10px;width:95%}}.notification-center{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.notification-header h1{color:#2c3e50;font-size:2.5rem;margin:0}.header-actions{align-items:center;display:flex;gap:15px}.count-badge{background:#e74c3c;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 10px}.settings-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:1.5rem;padding:8px;transition:background-color .2s ease}.settings-btn:hover{background:#ecf0f1}.notification-settings{background:#fff;border-left:4px solid #f39c12;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.notification-settings h3{color:#2c3e50;margin-bottom:15px}.settings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.setting-item,.setting-item label{align-items:center;display:flex}.setting-item label{color:#2c3e50;cursor:pointer;font-weight:500;gap:8px}.setting-item input[type=checkbox]{accent-color:#3498db;height:18px;width:18px}.notification-filters{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:20px}.filter-btn{align-items:center;background:#fff;border:2px solid #ecf0f1;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 15px;transition:all .2s ease}.filter-btn:hover{background:#f8f9fa;border-color:#3498db}.filter-btn.active{background:#3498db;border-color:#3498db;color:#fff}.filter-count{background:#fff3;border-radius:8px;font-size:.8rem;font-weight:600;padding:2px 6px}.filter-btn.active .filter-count{background:#ffffff4d}.notification-actions{gap:10px;margin-bottom:20px}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-item{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s ease}.notification-item:hover{transform:translateY(-2px)}.notification-item.unread{background:#fefefe;border-left-color:#e74c3c}.notification-content{display:flex;gap:15px;margin-bottom:15px}.notification-icon{flex-shrink:0;font-size:1.5rem}.notification-details{flex:1 1}.notification-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.notification-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.notification-meta{align-items:center;display:flex;gap:8px}.priority-indicator{border-radius:50%;height:8px;width:8px}.notification-time{color:#7f8c8d;font-size:.8rem}.notification-message{color:#7f8c8d;line-height:1.4;margin:0}.notification-actions{display:flex;gap:8px;justify-content:flex-end}.no-notifications{color:#7f8c8d;padding:60px 20px;text-align:center}.no-notifications-icon{font-size:4rem;margin-bottom:20px}.no-notifications h3{color:#2c3e50;margin-bottom:10px}.no-notifications p{margin:0}.notification-summary{background:#fff;border-left:4px solid #27ae60;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px}.summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#7f8c8d;font-weight:500}.summary-value{color:#2c3e50;font-size:1.1rem;font-weight:600}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.action-btn.small{font-size:.8rem;padding:6px 12px}.action-btn.primary{background:#3498db;color:#fff}.action-btn.primary:hover{background:#2980b9}.action-btn.secondary{background:#ecf0f1;color:#2c3e50}.action-btn.secondary:hover{background:#d5dbdb}.action-btn.secondary:disabled{cursor:not-allowed;opacity:.5}.action-btn.danger{background:#e74c3c;color:#fff}.action-btn.danger:hover{background:#c0392b}.action-btn.danger:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.notification-header{flex-direction:column;gap:15px;text-align:center}.notification-filters{justify-content:center}.notification-actions{flex-direction:column;gap:5px}.notification-item{padding:15px}.notification-content{flex-direction:column;gap:10px}.notification-header-row{flex-direction:column;gap:5px}.notification-meta{justify-content:flex-start}.notification-actions{justify-content:center}.summary-stats{grid-template-columns:1fr}}
/*# sourceMappingURL=main.bc5ca0f7.css.map*/