body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;margin:0;padding:0}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f2f2f2;border-radius:10px}::-webkit-scrollbar-thumb{background:#3498db;border:3px solid #fff;border-radius:10px;box-shadow:0 0 10px #3498db80}::-webkit-scrollbar-thumb:hover{background:#2980b9;box-shadow:0 0 15px #3498dbb3}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:#f2f2f2}.home-container{display:flex;flex-direction:column;height:100vh;justify-content:space-between;overflow:hidden;position:relative}.background-image{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.home-img{height:100%;object-fit:cover;width:100%}.navbar{align-items:center;display:flex;justify-content:space-between}.logo{height:120px!important;width:120px!important}.navbar-buttons{align-items:center;display:flex;margin-right:3%}.login-buttons,.register-button{border:none;border-radius:10px;cursor:pointer;font-size:16px;margin-left:20px;padding:8px 18px}.login-buttons{background-color:teal!important;color:#fff}.register-button{background-color:#007bff!important;color:#fff}.dropdown{display:flex;flex-direction:column;position:absolute;right:133px;top:80px}.dropdown button{background-color:#fff!important;border:none;border-radius:5px;box-shadow:-4px 4px 10px #0003,4px 4px 10px #000000b3;color:#333!important;cursor:pointer;font-size:15px;margin:8px 0;padding:10px 15px}@media (max-width:768px){.navbar{align-items:center;flex-direction:column;padding:15px 10px}.logo{height:80px;margin:0;width:80px}.navbar-buttons{align-items:center;flex-direction:column;margin:10px 0}.login-buttons,.register-button{font-size:14px;margin-bottom:10px;margin-left:0;padding:6px 14px}.dropdown{right:10px;top:70px}.dropdown button{font-size:14px;padding:8px 12px}}@media (max-width:480px){.logo{height:60px;width:60px}.navbar{padding:10px}.navbar-buttons{margin:5px 0}.login-buttons,.register-button{font-size:12px;padding:5px 10px}.dropdown{right:5px;top:60px}.dropdown button{font-size:12px;padding:6px 10px}}.login-page{align-items:center;display:flex;height:100vh;justify-content:center;padding:10px}.form-login-container{animation:slideIn .6s ease-out;border-radius:10px;box-shadow:0 5px 15px #000c;display:flex;flex-direction:row;height:500px;overflow:hidden;width:850px}.image-side{flex:1 1;position:relative}.login-image{height:100%;object-fit:cover;width:100%}.form-login-side{flex:1 1;padding:40px}.heading{margin-bottom:70px;text-align:center}input,label{font-size:15px}input{border:1px solid #ccc;border-radius:5px;margin-bottom:30px;margin-top:5px;padding:10px;width:95%}button.button-login{background-color:teal!important;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-left:34%;padding:12px;text-align:center!important;text-transform:uppercase;transition:background-color .3s ease;width:30%}.error-message{color:red;font-size:14px;margin-top:10px}.image-side:hover .login-image{opacity:1}@media (max-width:768px){.form-login-container{flex-direction:column;height:auto;width:90%}.image-side{height:250px}.form-login-side{padding:20px}h2{font-size:24px;margin-bottom:40px}input{font-size:14px;width:100%}button.button-login{margin-left:35%;width:30%}}@media (max-width:480px){.form-login-container{box-shadow:none;flex-direction:column;height:auto;width:100%}.image-side{height:200px}h2{font-size:20px;margin-bottom:30px}label{font-size:14px}input{font-size:13px;padding:8px}button.button-login{font-size:14px;margin-left:25%;padding:10px;width:50%}}.patient-background-container{align-items:center;display:flex;height:100vh;justify-content:center}.patient-login-form{animation:slideIn .5s ease-in-out;border-radius:10px;box-shadow:0 8px 20px #000000b3;max-width:500px;padding:2rem;text-align:center;width:100%}.patient-login-form h2{color:#333;font-size:1.5rem;margin-bottom:2.5rem;text-transform:uppercase}.patient-login input{border:1px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:1rem;outline:none;padding:.8rem;transition:border-color .3s ease-in-out;width:90%}.patient-login-button{background:teal!important;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px!important;font-weight:600;height:40px;text-transform:uppercase;transition:transform .2s ease-in-out,box-shadow .3s ease-in-out;width:25%}.patient-login-button:hover{box-shadow:0 4px 15px #0003;transform:scale(1.05)}@media (max-width:768px){.patient-login-form{padding:1.5rem;width:90%}.patient-login-form h2{font-size:1.5rem}.patient-login input,.patient-login-button{font-size:.9rem}p{font-size:.8rem}}@media (max-width:480px){.patient-login-form h2{font-size:1.3rem}.patient-login input,.patient-login-button{font-size:.8rem;padding:.7rem}p{font-size:.7rem}}.background-container{align-items:center;display:flex;height:100vh;justify-content:center}.register-form{animation:slideIn .5s ease-in-out;border-radius:10px;box-shadow:0 8px 20px #000000b3;max-width:500px;padding:2rem;text-align:center;width:100%}h2{color:#333;font-size:1.5rem;margin-bottom:2.5rem}.error{color:#ff5252;font-size:.9rem}.error,form input{margin-bottom:1rem}form input{border:1px solid #ddd;border-radius:5px;font-size:1rem;outline:none;padding:.8rem;transition:border-color .3s ease-in-out;width:90%}.register-buttons{background:teal!important;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px!important;font-weight:600;height:40px;text-transform:uppercase;transition:transform .2s ease-in-out,box-shadow .3s ease-in-out;width:25%}.register-buttons:hover{box-shadow:0 4px 15px #0003;transform:scale(1.05)}p{font-size:.9rem;margin-top:3rem}a{color:teal;text-decoration:none;transition:color .3s ease-in-out}@media (max-width:768px){.register-form{padding:1.5rem;width:90%}h2{font-size:1.5rem}button,form input{font-size:.9rem}p{font-size:.8rem}}@media (max-width:480px){h2{font-size:1.3rem}button,form input{font-size:.8rem;padding:.7rem}p{font-size:.7rem}}.admin-dashboard-container{display:grid;grid-template-columns:200px auto;height:100vh;transition:all .3s ease-in-out}.sidebar-hidden{grid-template-columns:0 auto}.sidebar{align-items:center;background:linear-gradient(135deg,#2d2e3e,#747a86);color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:10px;transition:all .3s ease-in-out;width:100%}.sidebar-hidden .sidebar{transform:translateX(-250px)}.main-content{overflow-y:hidden;padding:30px;transition:all .3s ease-in-out}.main-content h2{font-size:20px}.sidebar-logo img{animation:bounceIn 1s ease-out;cursor:pointer;width:150px!important}.sidebar-menu{list-style:none;padding:0;width:100%}.sidebar-menu li{border-radius:5px;cursor:pointer;font-size:20px;margin-bottom:10px;padding:15px 20px;text-align:center;transition:transform .3s,background-color .3s,padding-left .3s}.sidebar-menu li:hover{background:linear-gradient(135deg,teal,#5dfff7)!important;padding-left:20px;transform:translateX(5px)}.toggle-buttons{align-items:center;background:linear-gradient(135deg,teal,#3dfef4)!important;border:none;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;font-size:18px;height:30px;position:absolute;right:20px;top:20px;transition:all .3s ease-in-out;width:30px;z-index:1000}.stats-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:linear-gradient(45deg,#007bff,#00d4ff);border-radius:8px;color:#fff;cursor:pointer;padding:13px;text-align:center;transition:transform .3s;width:92%}.stat-card:hover{transform:scale(1.05)}.charts-section{display:flex;flex-wrap:wrap;gap:30px}.chart-container{border-radius:10px;box-shadow:0 4px 8px #00000080;flex:1 1;margin-top:3%;min-width:300px;padding:30px}.doctor-dashboard{height:100vh;overflow:hidden;position:relative}.doctor-bg-image{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.doctor-bgimg{height:100%;object-fit:cover;width:100%}.doctor-navbar{align-items:center;display:flex;justify-content:space-between}.doctor-logo{height:100px;margin-left:3%;width:100px}.doctor-navbar-links a{color:#333;font-size:1rem!important;font-weight:600!important;margin:0 20px;text-decoration:none}.doctor-navbar-links a:hover{color:#fff;font-size:1.1rem}.logout-btn{color:#333;font-size:1rem!important;font-weight:600!important;margin:0 20px}.logout-btn:hover{color:#fff;font-size:1.1rem}@media (max-width:768px){.doctor-navbar{align-items:center;flex-direction:column;padding:15px 10px}.doctor-logo{height:80px;margin:0;width:80px}.doctor-navbar-links a{align-items:center;flex-direction:column;margin:10px 0}}@media (max-width:480px){.doctor-logo{height:60px;width:60px}.doctor-navbar{padding:10px}.doctor-navbar-links a{margin:5px 0}}.navbar{left:0;position:absolute;right:0;top:0;z-index:1000}.logo{height:80px;margin-left:30%;width:80px}.navbar-links a{color:#333;font-size:1rem;font-weight:600;margin:0 20px;text-decoration:none}.navbar-links a:hover{color:#fff;font-size:1.1rem}.pateint-logout-button{color:#333;font-size:1rem;font-weight:600;margin:0 20px;text-decoration:none}.hero-section{align-items:center;animation:fadeIn 2s ease-in-out;background-image:url(/static/media/patient.ff72717900c0c47ceaf3.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#333;display:flex;filter:brightness(1.1);justify-content:flex-start;min-height:100vh;overflow:hidden;position:relative;width:100%}.hero-content{padding:90px;position:relative}.hero-content h1{animation:slideInLeft 1s ease-out;font-size:1.3rem;line-height:2;margin-bottom:10%;text-align:start;width:505px!important}.quote-text{color:#fe4343;font-size:1.3rem!important;text-align:start;text-transform:uppercase}.hero-buttons .button{background:linear-gradient(45deg,#3498db,#2980b9);border:2px solid #0000;border-radius:50px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;padding:15px 30px;text-decoration:none;transition:all .4s ease-in-out,transform .2s ease-in-out}.hero-buttons .button:hover{background:linear-gradient(45deg,#2980b9,#1c6ea4);transform:translateY(-5px) scale(1.05)}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.doctor-card-section{min-height:100vh;padding:30px}.doctor-cards{align-items:center;display:flex;flex-wrap:wrap;gap:70px;justify-content:center;padding:30px;text-align:center}.doctor-card{border-radius:12px;box-shadow:0 4px 6px #0003;cursor:pointer;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:22%}.doctor-card:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.doctor-card img{border-radius:50%;height:150px;object-fit:cover;transition:transform .3s ease;width:150px}.doctor-card p{color:#333;font-size:16px;margin:15px 0}.doctor-card h3{color:#033f7b;font-size:20px;margin:15px 0}.services-section{min-height:100vh;padding:30px!important}.services{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.service{background:linear-gradient(130deg,#8ee8ff,#fcfbfb);border-radius:15px;box-shadow:0 5px 10px #0000001a;cursor:pointer;padding:20px;text-align:center;transition:transform .4s,box-shadow .4s;width:25%}.service:hover{box-shadow:0 15px 20px #00000026;transform:translateY(-5px)}.service h3{color:#2c3e50;font-size:1.3rem;transition:color .3s}.service p{color:#7f8c8d}.features-section{min-height:100vh;padding:30px}.features{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.feature-image{border-radius:8px;height:auto;margin-bottom:10px;max-height:150px;object-fit:cover;width:100%}.feature{background:linear-gradient(180deg,#ecf0f1,#bdc3c7)!important;border-radius:12px;box-shadow:0 5px 10px #0000001a;padding:20px;transition:transform .4s,box-shadow .4s;width:25%}.feature:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px) scale(1.05)}.feature h3{color:#1c6ea4;font-size:1.2rem;transition:color .3s}.feature:hover h3{color:#3498db}.contact-us-section{background-image:url(https://img.freepik.com/free-photo/health-still-life-with-copy-space_23-2148854031.jpg?semt=ais_hybrid);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-size:20px!important;min-height:100vh;position:relative}.contact-container{display:flex;margin-left:50%;margin-top:5%;padding:20px}.right-content p{color:#333;font-size:18px!important}.right-content i{color:#1c6ea4;font-size:20px;margin-right:10px}.right-content a{color:#2c3e50;text-decoration:none;transition:color .3s}.right-content a:hover{color:#0056b3}.footer{background-color:#333;color:#fff;flex-direction:row;font-size:16px;padding:20px;position:relative}.footer,.footer-content{align-items:center;display:flex;justify-content:center}.footer-content{width:100%}.footer-text{font-size:17px;font-weight:600;margin:0}@media (max-width:1024px){.doctor-card,.feature,.service{width:45%}.logo{margin-left:10%}.contact-us-section{background-image:url(https://img.freepik.com/free-photo/health-still-life-with-copy-space_23-2148854031.jpg?semt=ais_hybrid);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-size:20px!important;min-height:50vh;position:relative}}@media (max-width:768px){.doctor-card,.feature,.service{width:100%}.navbar-links a,.pateint-logout-button{font-size:.9rem}.contact-us-section{background-image:url(https://img.freepik.com/free-photo/health-still-life-with-copy-space_23-2148854031.jpg?semt=ais_hybrid);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-size:20px!important;min-height:50vh;position:relative}}@media (max-width:480px){.hero-content h1{font-size:1rem;width:auto!important}.quote-text{font-size:1rem!important}.hero-buttons .button{font-size:1rem;padding:10px 20px}.contact-container{flex-direction:column;margin-left:0}.contact-us-section{background-image:url(https://img.freepik.com/free-photo/health-still-life-with-copy-space_23-2148854031.jpg?semt=ais_hybrid);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-size:20px!important;min-height:50vh;position:relative}}.table-container{display:flex;flex-wrap:wrap;gap:30px;padding:20px}.card-container{background:linear-gradient(135deg,#e0eafc,#94c0fc);border-radius:12px;box-shadow:0 4px 6px #0006;cursor:pointer;margin-top:3%;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:22%}.card-container:hover{background:linear-gradient(135deg,#94c0fc,#e0eafc);box-shadow:0 6px 12px #0006;transform:translateY(-5px)}.card-container img{border-radius:50%;height:180px;object-fit:cover;transition:transform .3s ease;width:180px}.card-container h3{color:#033f7b;font-size:20px;margin:25px 0}.card-container p{color:#333;font-size:16px;margin:15px 0}.card-container p.role{color:#0077b6;font-weight:700}@media (max-width:768px){.card-container img{height:120px;width:120px}.card-container h3{font-size:1.2rem}.card-container p{font-size:.9rem}}.fill-main{align-items:stretch;display:flex;flex-direction:column}.fill-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)!important}.maintenance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)!important}.fill-grid label,.maintenance-grid label{display:flex;flex-direction:column;transition:all .3s ease-in-out}.maintenance-grid input,.maintenance-grid select{width:50%}.fill-grid input,.fill-grid select,.maintenance-grid input,.maintenance-grid select{border:1px solid #ccc;border-radius:4px;font-size:13px;outline:none;padding:10px;transition:border-color .3s ease,box-shadow .3s ease}.fill-grid input,.fill-grid select{width:80%}.fill-grid input[type=file]{border:none;cursor:pointer;outline:none;padding:0;transition:opacity .3s ease}.fill-grid input[type=file]:hover{opacity:.8}.en-button{align-self:flex-end;background:linear-gradient(135deg,teal,#3dfef4)!important;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 15px;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease-in-out}.en-button:hover{background:linear-gradient(135deg,#3dfef4,teal)!important;font-size:14px}.fill-grid input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,teal,#3dfef4)!important;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;-webkit-transition:background-color .3s ease,transform .2s ease-in-out;transition:background-color .3s ease,transform .2s ease-in-out}.fill-grid input[type=file]::file-selector-button{background:linear-gradient(135deg,teal,#3dfef4)!important;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;transition:background-color .3s ease,transform .2s ease-in-out}@media (max-width:1024px){.fill-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.maintenance-grid{gap:10px;grid-template-columns:repeat(1,1fr)!important}.fill-grid input,.fill-grid select{width:80%}.en-button{font-size:13px;margin-top:4%;padding:12px;width:100%}}@media (max-width:768px){.fill-grid,.maintenance-grid{gap:10px;grid-template-columns:1fr!important}.fill-grid input,.fill-grid select{width:80%}}.Info-container{animation:fadeIn .8s ease-in-out;background-color:#f4f7fc;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;width:100%}.Info-name{color:#033f7b;font-size:1.8rem;margin-bottom:10px;text-align:center;transition:color .3s ease}.Info-profile{display:flex}.Info-picture{border-radius:50%;box-shadow:0 4px 10px #0000001a;height:220px;margin-left:2%;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:220px}.Info-picture:hover{box-shadow:0 6px 15px #0003;transform:scale(1.1)}.Info-content{color:#333!important;flex-grow:1;font-size:1rem;margin-left:6%;transition:color .3s ease}.Info-action-buttons{animation:slideIn .8s ease-out;display:flex;gap:20px;justify-content:space-between;margin-top:30px}.Info-delete,.Info-edit{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px 20px;text-transform:uppercase;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;width:15%}.Info-edit{background:linear-gradient(135deg,#0077b6,#00b4d8);margin-left:5%}.Info-edit:hover{background:linear-gradient(135deg,#00b4d8,#0077b6);box-shadow:0 8px 15px #0000001a;font-size:15px;transform:translateY(-4px)}.Info-delete{background-color:#f44336;margin-right:3%}.Info-delete:hover{background-color:#d32f2f;box-shadow:0 8px 15px #0000001a;font-size:15px;transform:translateY(-4px)}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.management-page{animation:fadeIn 1.2s ease-in-out;min-height:100vh;overflow:hidden;padding:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.management-page h1{animation:slideInFromTop 1s ease-out;color:#4985fe;font-size:25px;font-weight:700;letter-spacing:2px;position:relative;text-align:center;text-transform:uppercase}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.record-button{background:linear-gradient(135deg,#fe4343,#80a3fc)!important;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:13px;font-weight:700;padding:12px 20px}.record-button:hover{background:linear-gradient(135deg,#80a3fc,#fe4343)!important;font-size:13px}.modal-container,.modal-overlay{align-items:stretch}.modal-container{animation:pop-up .3s ease-out;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;height:auto!important;max-height:80vh!important;max-width:1000px!important;padding:50px!important;width:100%!important}.close-button{border:none;font-size:20px;position:absolute;right:20px;top:10px}.close-button:hover{background:none!important}@keyframes pop-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.detail-modal-content{animation:bounceIn .5s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;max-height:90vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:100%!important}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.detail-close-button{background:none!important;border:none;color:#333!important;cursor:pointer;font-size:24px;outline:none;position:absolute;right:15px;top:15px}.detail-modal-content{padding:10px}@media (max-width:1024px){.management-page h1{font-size:22px}.record-button{font-size:12px;padding:10px 18px}.modal-container{padding:30px}.modal-overlay{padding:20px}.detail-modal-content{max-width:700px}}@media (max-width:768px){.management-page h1{font-size:20px}.record-button{font-size:11px;padding:10px 15px}.modal-container{padding:20px}.modal-overlay{padding:15px}.detail-modal-content{max-width:600px}.close-button{font-size:18px}}@media (max-width:480px){.management-page h1{font-size:18px}.record-button{font-size:10px;padding:8px 12px}.modal-container{padding:15px}.modal-overlay{padding:10px}.detail-modal-content{max-width:100%;padding:15px}.close-button{font-size:16px}}thead{background:linear-gradient(135deg,#4985fe,#94c0fc)!important}tbody td{padding:30px 10px!important}@media (max-width:1024px){thead th{padding:10px 15px}tbody td{padding:20px 10px}}@media (max-width:768px){table{font-size:12px}thead th{padding:8px 10px}tbody td{padding:15px 8px}button{font-size:14px}}@media (max-width:480px){table{font-size:10px}thead th{padding:6px 8px}tbody td{padding:10px 5px}button{font-size:13px}}table{border-collapse:collapse;border-radius:10px;font-size:14px;margin-top:5%;overflow:hidden;text-align:center;width:100%}thead{background:linear-gradient(135deg,#0077b6,#01c7ef);color:#fff}thead th{font-weight:700;padding:12px 25px}tbody tr{border-bottom:1px solid #ddd}tbody td{padding:30px 15px}tbody tr:hover{background-color:#f1f1f1}button{background:none;border:none;cursor:pointer;font-size:15px}button:hover{font-size:16px}.doctor-appointments{min-height:100vh;padding:30px}h2{color:#1d3557;font-size:1.8em;margin-bottom:50px;text-align:center;text-transform:uppercase}.appointments-list{display:flex;flex-wrap:wrap;justify-content:space-evenly}.appointment-card{animation:fadeInUp .5s ease-in-out;background:linear-gradient(135deg,#eceff1,#fff);border:none;border-radius:10px;box-shadow:0 4px 8px #0003;cursor:pointer;margin:20px;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:300px}.appointment-card:hover{box-shadow:0 6px 15px #00000080;transform:scale(1.05)}.appointment-header{align-items:center;display:flex;justify-content:space-between}.appointment-header h3{color:#1d3557;font-size:20px;text-transform:capitalize}.appointment-details p{color:#4a4a4a;font-size:15px;margin:10px 0}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff!important;border-radius:10px;height:90%!important;max-width:1100px!important;padding:20px;position:relative;transition:width .3s ease-in-out;width:50%!important}h4{color:#1d3557;font-size:20px!important;text-align:center!important}.modal-expanded{width:120%!important}.close-modal{background:none;border:none;cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px}.close-modal:hover{background:none!important;font-size:30px!important}.modal-layout{display:flex;justify-content:space-between}.modal-left,.modal-right{width:50%}.modal-left{display:flex;flex-direction:column}.modal-left .input-group{margin-bottom:15px}.modal-left .input-group strong{font-weight:700}.modal-right{display:none}.modal-expanded .modal-right{display:block}.input-group input,.input-group select{border-radius:5px;margin-left:6%;margin-top:5px;padding:10px;width:70%}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.modal-actions button{border:none;border-radius:5px;cursor:pointer;margin:0!important;padding:10px 20px;transition:background-color .3s ease}.confirm-button{background-color:green;color:#fff}.reschedule-button{background-color:#1d3557;color:#fff}.cancel-button{background-color:red;color:#fff}.submit-reschedule{background-color:#1d3557;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:56%;padding:10px 20px}@media (max-width:1024px){.modal-content{height:40%!important;width:70%!important}.appointment-card{width:250px}.input-group input,.input-group select{width:80%}.submit-reschedule{margin-left:40%}}@media (max-width:768px){.modal-content{width:90%!important}.appointment-card{width:220px}.input-group input,.input-group select{margin-left:5%;width:90%}.submit-reschedule{margin-left:40%}}@media (max-width:480px){.appointments-list{align-items:center;flex-direction:column}.appointment-card{margin:10px;width:100%}.modal-content{width:95%!important}.input-group input,.input-group select,.submit-reschedule{margin-left:0;width:100%}}.appointment-container{max-width:1150px;padding:50px;width:100%}.grid-appointment{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr)!important}.grid-appointment label{display:flex;flex-direction:column;transition:all .3s ease-in-out}.grid-appointment input,.grid-appointment select,.grid-appointment textarea{border:1px solid #ccc;border-radius:4px;font-size:13px;outline:none;padding:10px;resize:none;text-transform:none;transition:border-color .3s ease,box-shadow .3s ease;width:90%}label{color:grey;font-size:14px;font-weight:600;transition:color .3s ease}label:hover{color:#5a5959}.appointment-button{background:linear-gradient(135deg,teal,#3dfef4)!important;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-left:95%;padding:10px 15px;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease-in-out}.appointment-button:hover{background:linear-gradient(135deg,#3dfef4,teal)!important;font-size:14px}@media (max-width:1024px){.grid-appointment{grid-template-columns:repeat(2,1fr)!important}.appointment-button{margin-left:85%;margin-top:5%}}@media (max-width:768px){.grid-appointment{grid-template-columns:1fr!important}.appointment-container{padding:30px}.appointment-button{margin-left:75%;margin-top:5%}}@media (max-width:480px){.appointment-container{padding:20px}.appointment-button{font-size:12px;margin-left:50%;margin-top:5%;padding:8px 12px}}.patientprofile-container{min-height:100vh}.patientprofile-container h1{color:coral;font-size:2rem;margin-bottom:20px;position:relative;text-align:center}.patient-edit-button{background:none!important;cursor:pointer;position:absolute;right:10px;top:5%}.patient-edit-button i{background:none!important;color:coral!important;font-size:1.5rem}.patient-profile{grid-gap:50px;border-radius:15px;display:grid;gap:50px;grid-template-columns:repeat(3,1fr);margin-left:10%;margin-top:8%;max-width:1100px!important;width:100%!important}.patient-field{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:flex-start}.patient-field i{color:#2d3067!important;color:rgba(22,38,77,.361);font-size:1.5rem}.patient-field p{color:#555;font-size:1rem;margin:0}.modal-overlay{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background-color:#00000080!important}.edit-profile-modal{background-color:#fff;border-radius:10px;height:90%;max-height:90vh;max-width:1180px;overflow:hidden!important;padding:20px;width:100%}.modal-header h2{color:teal;margin:0;text-align:center}.close-button{background:none;color:#333!important;cursor:pointer;font-size:30px!important;margin-left:75%}.edit-profile-patientform{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:30px;padding:10px}.edit-profile-patientform label{color:#333}.edit-profile-patientform input,.edit-profile-patientform select{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-left:3%;padding:8px;width:55%}.save-changes-patientbutton{background-color:teal;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:60%;margin-top:100px;padding:10px 15px;width:40%}.patient-list{min-height:100vh}.patient-cards{display:flex;flex-wrap:wrap;gap:70px;padding:50px}.patient-card{border-radius:12px;box-shadow:0 4px 6px #00000080;cursor:pointer;overflow:hidden;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:25%}.patient-card:hover{box-shadow:0 6px 12px #00000080;transform:translateY(-5px)}.patient-card h3{color:#033f7b;font-size:20px;margin:15px 0}.patient-card p{color:#333;font-size:16px;margin:25px 0}.patient-card .view-details{background-color:#4caf50;border-radius:5px;color:#fff;display:inline-block;padding:8px 12px;text-decoration:none;transition:background-color .3s}.patient-card .view-details:hover{background-color:#45a049}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.modal-container{background-color:#fff;border-radius:10px;height:60%;max-height:90vh;max-width:1100px;overflow:hidden!important;padding:20px;width:100%}.details-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(3,1fr);margin-top:30px;padding:30px}.detail-item{align-items:center;display:flex;flex-direction:row;gap:10px;text-align:center}.detail-item label{color:#2d3067}@media (max-width:1024px){.patient-card{width:45%}.details-grid{gap:30px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.patient-card{width:100%}.details-grid{gap:20px;grid-template-columns:1fr}}.admin-appointments{padding:20px}.admin-appointments-cards{display:flex;flex-wrap:wrap;gap:70px;padding:50px}.admin-appointment-card{border-radius:12px;box-shadow:0 4px 6px #00000080;cursor:pointer;overflow:hidden;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:25%}.admin-appointment-card:hover{box-shadow:0 6px 12px #00000080;transform:translateY(-5px)}.admin-appointment-card h3{color:#033f7b;font-size:20px}.admin-appointment-card p{color:#333;font-size:16px;margin:22px 0}.admin-appointment-header{display:flex;flex-direction:row;justify-content:space-between}.admin-appointment-details p{font-size:.9rem}.admin-appointment-details strong{color:#033f7b}
/*# sourceMappingURL=main.6827de90.css.map*/