.App{background-color:#f9f9f9;display:flex;flex-direction:column;font-family:sans-serif;justify-content:center;text-align:center}*,.App{box-sizing:border-box}*{margin:0;padding:0}body{background-color:#f4f4f9;box-sizing:border-box;display:flex;font-family:Arial,sans-serif;justify-content:center}.header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:1.8rem;color:#333;display:flex;justify-content:space-between;margin:20px auto .5rem;padding:12px 20px;width:95%}.header-left .logo{height:40px;margin-left:8px}.header-center{display:flex;flex:1 1;justify-content:center}.nav-list{display:flex;gap:20px;list-style:none}.nav-item{align-items:center;border-radius:1rem;color:#333;display:flex;font-size:15px;font-weight:700;gap:5px;padding:12px 15px;text-decoration:none;transition:transform .3s ease,color .3s ease}.nav-icon{color:#666;font-size:19px}.nav-item:hover{background-color:#01f0d0;transform:scale(1.05)}.header-right{gap:15px}.doctor-profile,.header-right{align-items:center;display:flex}.doctor-profile{gap:10px}.doctor-profile p{display:flex;flex-direction:column;justify-content:center}.doctor-profile img{background-color:#d3d3d3;border-radius:8px;height:2.5rem;width:2.5rem}.doctor-name{font-weight:700}.doctor-specialization{color:#777;font-size:12px}.settings-icon{cursor:pointer;font-size:18px;transition:transform .3s ease}.settings-icon:hover{transform:scale(1.2)}.left-nav{background-color:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:54.6rem;overflow-y:auto;padding:15px;row-gap:20px;width:23rem}.left-nav::-webkit-scrollbar{display:none}.left-nav p{align-items:center;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;margin-bottom:1rem}.left-nav span{font-size:1.2rem;font-weight:700;margin-left:10px}.patient-row{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:background-color .2s ease,box-shadow .2s ease;white-space:nowrap}.patient-row:hover{background-color:#f0f0f0;border-radius:1rem;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;width:100%}.patient-details{align-items:flex-start;display:flex}.patients-image{border-radius:50%;height:3rem;margin-right:10px;object-fit:cover;width:3rem}.patients-name{color:#333;font-size:15px;font-weight:700}#patient-age{color:#666;display:flex;flex-direction:row;font-size:12px;font-weight:200;justify-content:flex-start;margin-top:4px;text-align:left;width:100%}.patient-menu{color:#888;cursor:pointer;font-size:20px}.patient-menu:hover{color:#007bff}.vitals-container{display:flex;flex-wrap:wrap;gap:15px}.vital-box{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1 200px;flex-direction:column;padding:15px}.icon-container{font-size:24px;margin-bottom:10px}.vital-label{font-weight:700;margin-bottom:5px}.vital-value{font-size:18px}.vital-status{border-radius:4px;font-size:12px;margin-top:8px;padding:4px 8px;text-transform:capitalize}.diagnosis-table-container p{background-color:#fff;box-sizing:border-box;font-size:1.5rem;font-weight:600;margin:12px 0 20px;text-align:left;width:100%}.diagnosis-table{background-color:#fff;border-collapse:collapse;border-color:1px solid red;box-shadow:0 4px 8px #0006;margin-top:10px;width:100%}.diagnosis-table td,.diagnosis-table th{color:#333;font-size:14px;padding:12px;text-align:left}.diagnosis-table th{background-color:#f1f1f1;color:#333;font-weight:700}.diagnosis-table td{background-color:#f9f9f9}.diagnosis-table tr:hover{background-color:#f1f1f1}.status{border-radius:5px;font-weight:700;padding:5px 10px}.status.normal{background-color:#4caf50;color:#fff}.status.high{background-color:#f44336;color:#fff}.status.low{background-color:#ff9800;color:#fff}.graph-section{border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;padding:15px 0;row-gap:1.5rem;width:100%}.graph-section span{font-size:25px;font-weight:700;text-align:left;width:100%}.center-view{background-color:#f4f0fe;border-radius:10px;box-sizing:border-box;column-gap:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;padding:1rem}.graph-left{box-sizing:border-box;flex:2 1;max-width:70%;min-width:300px}.graph-left-top{align-items:center;display:flex;justify-content:space-between}.graph-right{border-left:1px solid #e0e0e0;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;max-width:30%;min-width:200px;padding-left:1rem}.graph-right p{text-align:left}.graph-left h3,.graph-right h3{font-size:18px;font-weight:700}.graph-right p{display:flex;flex-direction:column;margin-top:10px}.graph-left p{color:#4caf50;font-size:20px}#icon{border-radius:50%;height:10px;width:10px}.time-period-select{background-color:#f9f9f9;border:1px solid #aaa;border-radius:5px;cursor:pointer;font-size:16px;margin-left:10px;margin-top:-10px;padding:.4rem;transition:border-color .3s,box-shadow .3s;width:8rem}.time-period-select:hover{border-color:#888;box-shadow:0 0 5px #0000001a}.graph-stat{margin-top:10px}.graph-stat label{font-weight:700}.graph-stat p{color:#333;font-size:16px}.graph{border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;padding:20px}.graph-right .graph-stat{margin-top:10px;text-align:left}.graph-right .graph-stat p{color:#4caf50}.right-sidebar{background-color:#fff;border-radius:10px;padding:20px;width:20rem}.patient-image{border-radius:50%;height:7rem;margin-bottom:15px;object-fit:cover;width:7rem}.patient-name{font-size:18px;font-weight:700;margin-bottom:20px}.patient-info{display:flex;flex-direction:column}.info-item{column-gap:1.2rem;flex-direction:row;margin-bottom:10px;white-space:nowrap}.info-item,.info-item p{align-items:flex-start;display:flex;justify-content:flex-start}.info-item p{flex-direction:column}#info-label{font-size:15px;font-weight:700}#info-value{color:#666;font-size:12px}.lab-reports{margin-top:20px}.lab-reports h4{font-size:16px;font-weight:700;margin-bottom:10px}.lab-report-item{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px;white-space:nowrap;width:100%}.report-name{color:#333;font-size:14px;font-weight:400}.download-btn{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:5px 10px}.download-btn:hover{background-color:#45a049}.download-btn svg{margin-right:5px}.main-layout{box-sizing:border-box;column-gap:1rem;display:flex;justify-content:space-between;margin:20px;row-gap:2rem}.main-content{background-color:#fff;border:1px solid red;border-radius:5px;flex-grow:1;overflow-y:auto;padding:20px}
/*# sourceMappingURL=main.837ee180.css.map*/