@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.sidebar{display:flex;flex-direction:column;height:100%;overflow-y:auto;min-width:200px}.css-cokf1l-MuiListItemIcon-root{font-size:15px;min-width:40px!important}a{text-decoration:none;color:#343a40}.sidebar img{width:150px;height:80px;object-fit:cover;margin:0 auto}.sidebar button{width:fit-content;margin:0 auto}.btn-link{margin:0 auto}button svg{margin-left:5px;margin-bottom:3px}.header{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 20px}.header .search-bar{display:flex;align-items:center;padding:0 10px}.search-bar input{padding:5px 10px;border:none;outline:transparent}.header .user-info{display:flex;align-items:center}.user-info img{width:35px;min-width:35px;height:35px;border-radius:50%;object-fit:cover}.main-container{width:100%;height:100%;display:flex}.main-content{width:100%;height:100%;display:flex;flex-direction:column;background:#f5f6fa}.main-div{height:100%;overflow-y:auto;padding:20px 30px}.register-patient{display:flex;flex-direction:column;gap:20px}.card{background-color:#fff;border-radius:10px;width:100%}.admit-new-patient button,.register-patient button{width:fit-content}.admit-new-patient .buttons{display:flex;justify-content:flex-start;gap:10px;flex-direction:row-reverse}.card .card-header{border-bottom:1px solid #ddd;background:#fff;padding:15px;border-top-left-radius:10px;border-top-right-radius:10px}.card-header h2{margin:0;font-size:20px;font-weight:500}.card .card-body{padding:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column;gap:15px;width:100%}.card-body.carousel-layout{display:flex;gap:10px;flex-direction:row;align-items:flex-start;overflow-x:auto;width:100%;max-width:72vw}.employees-cards{display:flex;gap:10px;flex-direction:row;align-items:flex-start;width:100%}.employees-cards .employee-card{width:100%;padding:15px;border-radius:10px;background-color:#fff;box-shadow:0 1px 2px #0000001c;display:flex;flex-direction:column;gap:10px;max-width:250px}.employees-cards .employee-card img{width:45px;height:45px;object-fit:cover;border-radius:50%;object-position:center}.employees-cards .employee-card h4{font-size:16px;font-weight:500}.employees-cards .employee-card .row{display:flex;gap:10px;align-items:center;font-size:13px}.employees-cards .employee-card .row:nth-of-type(2){color:var(--text-light2)}.employees-cards .employee-card .row svg{color:var(--color-primary);font-size:14px}.card-body .over{display:flex;flex-direction:row;gap:15px;align-items:flex-start;overflow-x:auto;width:100%}.css-1agg2cp-MuiResponsiveChart-container,.css-10z5nq2{width:100%!important}.css-1j74uew-MuiPaper-root-MuiCard-root{min-width:fit-content}.middle-appoint{display:flex;gap:10px;flex-direction:column;align-items:flex-start}.badges{display:flex;justify-content:space-around;width:100%}.patient-cards{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.doctor-card{transition:transform .3s ease}.doctor-card:hover{transform:translateY(-10px)}.search-field{margin-bottom:20px}.css-1kuwa16-MuiCardMedia-root{object-fit:cover;object-position:top}.card-header.fheader{display:flex;justify-content:space-between;align-items:center}.card-header.fheader p{font-size:14px;margin:0;color:#777}.shift-schedule{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.availability-tracker{padding:20px}.tracker-title{text-align:center;margin-bottom:20px}.filters{display:flex;justify-content:center;margin-bottom:20px}.staff-cards{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between}.staff-card{width:48%;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.avai-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.staff-avatar{width:50px;height:50px;margin-right:10px}.status-badge{font-size:12px;padding:5px 10px;color:#fff;border-radius:20px}.department-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.overview{display:flex;flex-direction:column;gap:20px}.small-card{background-color:#fff;border-radius:10px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.top .small-card{flex:1;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:15px;padding:20px 15px;position:relative}.top .small-card svg.dots{color:var(--text-light2);position:absolute;top:10px;right:10px;cursor:pointer;font-size:24px;transition:all .3s ease;padding:5px;border-radius:50%}.top .small-card svg.dots:hover{background-color:#d8d8d8}.top .small-card:nth-of-type(1) .icon{background:var(--primary-light);min-height:3.2rem;min-width:3.2rem;display:flex;align-items:center;justify-content:center;border-radius:100%}.top .small-card:nth-of-type(1) .icon svg{color:var(--color-primary);font-size:22px}.top .small-card:nth-of-type(2) .icon{background:var(--second-section-light);min-height:3.2rem;min-width:3.2rem;display:flex;align-items:center;justify-content:center;border-radius:100%}.top .small-card:nth-of-type(2) .icon svg{color:var(--second-section);font-size:22px}.top .small-card:nth-of-type(3) .icon{background:var(--third-section-light);min-height:3.2rem;min-width:3.2rem;display:flex;align-items:center;justify-content:center;border-radius:100%}.top .small-card:nth-of-type(3) .icon svg{color:var(--third-section);font-size:22px}.top .small-card:nth-of-type(4) .icon{background:var(--fourth-section-light);min-height:3.2rem;min-width:3.2rem;display:flex;align-items:center;justify-content:center;border-radius:100%}.top .small-card:nth-of-type(4) .icon svg{color:var(--fourth-section);font-size:22px}.small-card .right{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.small-card .right h3{font-size:14px;font-weight:400;color:var(--text-light2)}.small-card .right h2{font-size:20px;font-weight:500}.middle{display:flex;gap:20px;align-items:flex-start;width:100%}.middle .card:nth-of-type(1){flex:2.5}.middle .card:nth-of-type(1) svg{max-width:450px}.middle .card:nth-of-type(2){flex:1}.card-body.graphs{display:flex;gap:10px;flex-direction:row}.card-body.graphs .left-graph{flex:2}.card-body.graphs .right-graph{position:relative;flex:1}.card-body.graphs .right-graph .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:40px;color:var(--text-light2);cursor:pointer;transition:all .3s ease;padding:5px;border-radius:50%;background-color:#fdfdfd;box-shadow:#63636333 0 2px 8px}.card-body.graphs .right-graph .icon:hover{background-color:#d8d8d8}.bottom{display:flex;gap:20px;align-items:flex-start}.bottom .card-body{display:flex;flex-direction:column;gap:10px}.bottom .card-body .row{display:flex;gap:15px;align-items:center;justify-content:space-between}.bottom .card-body .row:nth-of-type(1) svg{color:var(--text-light1)}.bottom .card-body .row:nth-of-type(1) h3{color:var(--text-light1)}.bottom .card-body .row svg{color:var(--text-light2);font-size:20px}.bottom .card-body .row h3{font-size:14px;font-weight:400;text-align:left;flex:1;color:var(--text-light2)}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #752bdf;--color-secondary: #39d89e;--primary-light: #f2ebfd;--second-section: #41b6ff;--second-section-light: #ecf7fc;--third-section: #fa8b4f;--third-section-light: #fef3ee;--fourth-section: #f94c80;--fourth-section-light: #feeef2;--text-light1: #c7c9d5;--text-light2: #a0a5bb}html{font-size:14px;font-family:Roboto,sans-serif;background-color:#fff;color:#373737}body{height:100vh;width:100%}#root{height:100%;width:100%}