*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:url(/Images/login-bg.png) no-repeat center center/cover;animation:fadeIn 1s ease-in-out}.login-card{background:#fff;padding:3.5rem;border-radius:15px;box-shadow:0 15px 30px #0003;width:480px;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.login-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000040}.logo h2{font-size:22px;font-weight:700;color:#333;text-transform:uppercase;margin-bottom:15px}.input-group{position:relative;margin:15px 0}.input-group input{width:100%;padding:12px 40px 12px 12px;border:1px solid #ddd;border-radius:8px;outline:none;font-size:16px;transition:all .3s ease-in-out}.input-group input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.input-group .icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:18px;color:#777}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;margin-top:15px;font-weight:700;transition:all .3s ease-in-out}.login-btn:hover{background:linear-gradient(135deg,#0056b3,#003c82);transform:scale(1.05);box-shadow:0 5px 15px #005bbb4d}.forgot-password{margin-top:10px;color:#007bff;cursor:pointer;transition:all .3s ease-in-out;border:none;background-color:transparent}.forgot-password:hover{transform:scale(1.05)}.role-buttons{margin-top:15px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.role-btn{padding:10px 14px;border:none;border-radius:6px;font-size:14px;cursor:pointer;font-weight:700;color:#fff;transition:all .3s ease-in-out}.role-patient{background:linear-gradient(135deg,#e74c3c,#c0392b)}.role-admin{background:linear-gradient(135deg,#27ae60,#1e8449)}.role-btn:hover{transform:scale(1.05);box-shadow:0 5px 10px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 400px){.login-card{width:90%;padding:2rem}}@media (max-width: 600px){.login-card{width:95%;padding:2.5rem}}.forgot-container{display:flex;justify-content:center;align-items:center;height:100vh;background:url(/Images/login-bg.png) no-repeat center center/cover}.forgot-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;width:350px;box-shadow:0 10px 20px #0003}.forgot-card h2{font-size:22px;margin-bottom:10px;color:#333}.forgot-card p{color:#555}.forgot-card input{width:100%;padding:12px;margin-top:10px;border:1px solid #ccc;border-radius:6px}.forgot-card button{width:100%;padding:12px;margin-top:15px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:.3s}.forgot-card button:hover{background:linear-gradient(135deg,#c0392b,#962d22)}.success-message{margin-top:15px;color:green;font-weight:700}.sidebar{width:250px;height:100vh;background:#102a42;color:#fff;position:fixed;top:0;left:0;transition:width .3s ease-in-out;display:flex;flex-direction:column;box-shadow:4px 0 10px #0003;overflow-y:auto}.sidebar-header{display:flex;align-items:center;padding:15px;border-bottom:1px solid rgba(255,255,255,.2)}.logo-img{width:30px;height:30px;margin-right:10px}.logo-text{font-size:18px;font-weight:700}.menu{list-style:none;padding:0;margin:0;flex-grow:1}.menu-item{display:flex;flex-direction:column;transition:background .3s ease}.menu-item a,.dropdown-title{display:flex;align-items:center;justify-content:space-between;color:#fff;text-decoration:none;padding:12px 20px;font-size:15px;cursor:pointer}.menu-item a span,.dropdown-title span{margin-left:10px;flex-grow:1;text-align:left}.menu-item a svg,.dropdown-title svg{font-size:18px}.menu-item:hover,.menu-item.active{background:#1d3d5b}.dropdown-title{transition:.3s}.dropdown-icon{transition:transform .3s ease-in-out}.dropdown-icon.rotate{transform:rotate(180deg)}.dropdown-menu{list-style:none;padding:0;margin:0;background:#1a3452}.dropdown-menu li{padding:8px 30px}.dropdown-menu li a{color:#fff;text-decoration:none;font-size:14px;display:block;padding:5px 0}.dropdown-menu li:hover{background:#204060}@media (max-width: 480px){.sidebar{width:180px}.logo-text{font-size:16px}.menu-item a,.dropdown-title{font-size:14px;padding:10px 15px}.dropdown-menu li{padding:8px 20px}}.mobile-toggle-btn{display:none;position:fixed;top:15px;left:15px;background:#102a42;color:#fff;border:none;padding:8px 10px;font-size:20px;z-index:2000;cursor:pointer;border-radius:4px}.sidebar.hide{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.sidebar{transition:transform .3s ease-in-out}@media (max-width: 768px){.mobile-toggle-btn{display:block}.sidebar{position:fixed;top:10%;left:0;z-index:1000}}.top-navbar{display:flex;justify-content:space-between;align-items:center;background-color:#f0f8ff;padding:20px;height:61px;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1000;margin-left:13.2%}.left-section,.center-section,.right-section{display:flex;align-items:center}.left-section{display:none}.center-section{margin-left:40%}.right-section{gap:20px}.menu-icon{font-size:24px;cursor:pointer;color:#333}.search-input{padding:8px 12px;border:1px solid #ccc;border-radius:6px;min-width:200px;outline:none}.search-suggestions{position:absolute;top:58px;left:50%;transform:translate(-50%);width:200px;background:#fff;border:1px solid #ccc;border-radius:6px;list-style:none;padding:0;margin-top:4px;z-index:1000}.search-suggestions li{padding:10px;cursor:pointer}.search-suggestions li:hover{background-color:#f0f0f0}.icon-wrapper{margin-left:16px;position:relative;cursor:pointer}.icon{font-size:20px;color:#333}.icon.comment{color:#007bff}.icon.users{color:#f0ad4e}.icon.logout{color:#dc3545}.badge-container .badge{position:absolute;top:-6px;right:-6px;background-color:red;color:#fff;font-size:10px;padding:2px 5px;border-radius:50%}.badge.yellow{background-color:orange}.flag-wrapper{position:relative}.flag-icon-img{width:22px;height:16px;border-radius:2px}.language-menu{position:absolute;top:30px;right:0;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #00000026;z-index:1000;min-width:140px}.language-option{padding:10px;cursor:pointer;display:flex;align-items:center;gap:8px}.language-option:hover{background-color:#f1f1f1}.language-option.active{background-color:#007bff;color:#fff}.language-option .flag{width:20px;height:14px}@media (max-width: 1024px){.top-navbar{margin-left:0}.left-section{display:flex}.center-section{margin-left:0;flex:1}.search-input{min-width:160px}.right-section{gap:12px}}@media (max-width: 600px){.top-navbar{flex-direction:column;align-items:flex-start;height:auto;padding:10px}.center-section{width:100%;justify-content:center;margin:10px 0}.right-section{justify-content:flex-end;width:100%}}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;padding:24px;flex-wrap:wrap;margin-left:13%;margin-top:10px;width:80%}.welcome-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.admin-image{width:64px;height:64px;border-radius:50%;object-fit:cover}.text-content h2{margin:0;font-size:1.5rem;color:#1a1a1a}.text-content h2 span{font-weight:700}.text-content p{margin:4px 0 0;color:#555}.action-buttons{display:flex;gap:12px;margin-top:12px}.action-btn{align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s ease;text-decoration:none}.invoice-btn{background-color:#cfe4fd;color:#003e75}.invoice-btn:hover{background-color:#b7d8f8}.patient-btn{background-color:#d4f5dd;color:#1e5e2e}.patient-btn:hover{background-color:#c2eed1}@media (max-width: 768px){.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:16px}.action-buttons{width:100%;justify-content:flex-start;flex-wrap:wrap}}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:20px;margin-left:13%}.card{background:#e2edf3;border-radius:16px;box-shadow:0 6px 18px #0000000d;padding:20px;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp .6s ease forwards;opacity:0}.card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001a}.card-title{font-size:1rem;font-weight:600;color:#333}.card-subtitle{font-size:.85rem;color:#888;margin-bottom:10px}.card-amount{font-size:1.8rem;font-weight:700;margin:5px 0}.card-change{display:flex;align-items:center;font-size:.85rem;font-weight:500;margin-top:5px}.card-change svg{margin-right:6px}.card-change.positive{color:#28a745}.card-change.negative{color:#dc3545}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:20px;margin-left:13%}.chart-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 16px #0000000d;transition:transform .3s ease;animation:fadeInUp .5s ease forwards;opacity:0}.chart-card:hover{transform:translateY(-5px)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chart-header h4{font-size:1rem;font-weight:600;margin:0}.badge{background-color:#e2e3e5;color:#555;font-size:.75rem;padding:4px 8px;border-radius:6px}.legend-inline{display:flex;justify-content:center;gap:10px;margin-top:10px;flex-wrap:wrap}.row-sections-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:20px;margin-left:13%}.row-overview-section{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000d;padding:20px;flex:1 1 32%;min-width:300px;animation:fadeInUp .6s ease-in-out}.row-overview-title{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:#333}.row-overview-grid{display:flex;flex-direction:column;gap:12px}.row-overview-card{display:flex;align-items:center;background-color:#f9f9f9;border-radius:10px;padding:12px 14px;box-shadow:0 1px 4px #0000000a;transition:transform .3s ease}.row-overview-card:hover{transform:translateY(-4px)}.row-icon{font-size:1.4rem;margin-right:12px;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.row-icon.green{background:#e6f4ea;color:#2e7d32}.row-icon.red{background:#fdecea;color:#d32f2f}.row-icon.blue{background:#e3f2fd;color:#1565c0}.row-icon.cyan{background:#e0f7fa;color:#00838f}.row-icon.yellow{background:#fff8e1;color:#fbc02d}.row-icon.gray{background:#f5f5f5;color:#424242}.row-info{display:flex;flex-direction:column}.row-label{font-size:.85rem;color:#555}.row-value{font-size:1.1rem;font-weight:600;color:#222}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-slide{animation:fadeInUp .6s ease-in-out}@media (max-width: 992px){.row-overview-section{flex:1 1 100%}}.dashboard-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px;margin-left:13%}.sales-expenses-card,.calendar-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 16px #0000000f;flex:1 1 48%;transition:transform .3s ease;min-width:300px}.sales-expenses-card:hover,.calendar-card:hover{transform:translateY(-5px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-header h4{margin:0;font-weight:600;color:#333}.badge{background:#e0e0e0;padding:4px 10px;border-radius:6px;font-size:.75rem}.fade-in{animation:fadeInUp .7s ease both}.delay-1{animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-container{flex-direction:column}.sales-expenses-card,.calendar-card{flex:1 1 100%}}.invoice-container{display:flex;flex-wrap:wrap;gap:20px;background:#f9fafc;padding:20px;margin-left:13%}.invoice-card,.invoice-items,.invoice-summary{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;padding:24px;flex:1;min-width:300px;transition:transform .2s ease}.invoice-card:hover,.invoice-items:hover,.invoice-summary:hover{transform:translateY(-2px)}label{font-weight:600;font-size:13px;margin-top:10px;display:block;color:#444}input,select,textarea{width:100%;padding:10px 12px;margin-top:6px;margin-bottom:14px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:#007bff;outline:none}.dropdown-list{border:1px solid #ccc;border-radius:4px;max-height:120px;overflow-y:auto;margin-bottom:10px;background:#fff;box-shadow:0 2px 6px #0000000d}.dropdown-list div{padding:8px 12px;cursor:pointer;transition:background .2s ease}.dropdown-list div:hover{background-color:#f0f0f0}.invoice-items table{width:100%;border-collapse:collapse}.invoice-items th,.invoice-items td{padding:10px 12px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.invoice-items th{background-color:#f1f5f9;font-weight:600;color:#333}.btn{padding:12px;border:none;width:100%;margin-top:10px;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .3s ease}.btn.blue{background:linear-gradient(135deg,#cce4ff,#b2d6f2);color:#036}.btn.blue:hover{background:linear-gradient(135deg,#a6cffa,#90bee3)}.btn.teal{background:linear-gradient(135deg,#d1f3f5,#b9ecee);color:#077}.btn.teal:hover{background:linear-gradient(135deg,#a7e4e6,#91dada)}.invoice-header{padding:24px 30px;background-color:#fff;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:10px;margin-left:13%}.invoice-title{display:flex;align-items:center;gap:10px}.invoice-title h2{font-size:24px;font-weight:600;margin:0;color:#333}.invoice-icon{font-size:28px;color:#007bff}.breadcrumb{font-size:14px;color:#666;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.breadcrumb a{color:#4c516d;text-decoration:none;position:relative;padding-right:12px}.breadcrumb a:after{content:"/";position:absolute;right:0;color:#aaa}.breadcrumb a:last-child:after{content:""}.breadcrumb .current{color:#222;font-weight:500}@media (max-width: 768px){.invoice-container{flex-direction:column;margin-left:0;padding:16px}.invoice-header{margin-left:0;padding:16px}}@media (max-width: 600px){.invoice-header{padding:15px}.invoice-title h2{font-size:20px}.invoice-icon{font-size:24px}.breadcrumb{font-size:13px}.btn{padding:10px;font-size:14px}}.input-with-btn{display:flex;gap:8px;align-items:center}.small-btn{background-color:#007bff;color:#fff;padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:13px;height:36px}.small-btn:hover{background-color:#005bb5}.invoice-summary .three-btn{display:flex;gap:10px;margin-top:12px}.breadcrumb a{padding-right:6px}.breadcrumb span{margin:0 4px}.patient-header-wrapper{padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000000f;transition:all .3s ease-in-out;margin:20px 20px 20px 13%}.patient-header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.header-left{display:flex;align-items:center;gap:14px}.icon-container{background-color:#007bff;padding:10px;border-radius:50%;box-shadow:0 3px 10px #007bff4d;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.icon-container:hover{transform:scale(1.05)}.header-icon{color:#fff;font-size:1.4rem}.header-title{font-size:1.4rem;font-weight:600;margin:0;color:#333}.breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.breadcrumb-link{text-decoration:none;color:#007bff;font-weight:500;font-size:.95rem;transition:color .3s}.breadcrumb-link:hover{color:#0056b3}.breadcrumb-separator{color:#ccc}.breadcrumb-current{font-weight:700;color:#555;font-size:.95rem}@media (max-width: 600px){.patient-header-container{flex-direction:column;align-items:flex-start}.breadcrumb{margin-top:8px}}.reg-container{margin:2rem auto;padding:2rem;background:#f7f9fb;border-radius:12px;box-shadow:0 0 15px #0000001a;font-family:Segoe UI,sans-serif;margin-left:13%}.reg-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;background:linear-gradient(to right,#0d6efd,#3f95ff);padding:1rem;border-radius:8px;color:#fff}.reg-header-icon{font-size:1.5rem}.reg-section{background:#fff;border-left:6px solid transparent;margin-bottom:1.5rem;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.reg-section h3{display:flex;align-items:center;font-size:1.1rem;margin-bottom:1rem;color:#444}.reg-icon{margin-right:10px;color:#555}.reg-border-blue{border-color:#007bff}.reg-border-red{border-color:#dc3545}.reg-border-green{border-color:#28a745}.reg-border-cyan{border-color:#17a2b8}.reg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}input,select,textarea{padding:.6rem .9rem;font-size:1rem;border:1px solid #ccc;border-radius:8px;width:100%;background:#fdfdfd}textarea{min-height:80px;resize:vertical}.reg-file-upload input[type=file]{padding:.5rem;border:1px dashed #999;border-radius:6px;background-color:#f9f9f9}.reg-submit-btn{display:block;width:100%;padding:.75rem;background:linear-gradient(to right,#0d6efd,#3f95ff);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease}.reg-submit-btn:hover{background:linear-gradient(to right,#3f95ff,#0072ff)}@media screen and (max-width: 600px){.reg-header h2{font-size:1rem}.reg-section h3,input,select,textarea{font-size:.95rem}}.dept-wrapper{padding:20px;font-family:Segoe UI,sans-serif;background-color:#f5f7fa;min-height:100vh;margin-left:13%}.dept-header{display:flex;align-items:center;gap:10px}.dept-header-icon{font-size:24px;color:#007bff}.dept-breadcrumb{margin-top:8px;margin-bottom:20px;font-size:14px;color:#6c757d;text-decoration:none}.dept-breadcrumb-link{color:#007bff;font-weight:600}.breadcrumb-separator{margin:0 5px}.department-container{padding:2rem;background:#f9f9f9;min-height:100vh;font-family:Segoe UI,sans-serif}.department-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.department-header h2{color:#333;font-size:24px}.add-btn{background:linear-gradient(to right,#0d6efd,#3f95ff);color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;font-weight:700;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:background .3s ease}.add-btn:hover{background:#0056b3}.export-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.export-buttons button{padding:.4rem .8rem;border:none;background-color:#e2e6ea;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.3rem;transition:background .2s ease}.export-buttons button:hover{background-color:#cfd4d8}.department-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #0000001a}.department-table th,.department-table td{padding:.75rem 1rem;text-align:left}.department-table thead{background:linear-gradient(to right,#0d6efd,#3f95ff);color:#fff}.department-table tbody tr:nth-child(2n){background-color:#f2f2f2}.action-icons button{background:none;border:none;cursor:pointer;margin-right:.5rem;font-size:1rem}.action-icons .edit{color:#007bff}.action-icons .users{color:#28a745}.action-icons .delete{color:#dc3545}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;width:90%;max-width:500px;border-radius:10px;box-shadow:0 4px 12px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h3{margin-bottom:1rem;color:#333}.modal-content input,.modal-content textarea{width:100%;padding:.7rem;margin-bottom:.5rem;border-radius:6px;border:1px solid #ccc}.modal-content textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.save-btn{background-color:#28a745;color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer}.cancel-btn{background-color:#dc3545;color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer}.error{color:#dc3545;margin-bottom:.5rem;font-size:.9rem}.doctor-container{padding:20px;max-width:1000px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.doctor-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px}.doctor-header h2{font-size:24px;margin:0}.add-doctor-btn{background-color:#3b82f6;color:#fff;padding:10px 16px;border:none;border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .3s ease}.add-doctor-btn:hover{background-color:#2563eb}.table-searchbar{width:100%;padding:10px 14px;border:1px solid #ccc;border-radius:8px;margin-bottom:15px;font-size:16px}.doctor-actions button{background:none;border:none;cursor:pointer;font-size:16px;margin-right:8px;color:#555;transition:transform .2s ease,color .2s ease}.doctor-actions .info{color:#060707}.doctor-actions .edit{color:#2563eb}.doctor-actions .Delete{color:#ef4444}.doctor-actions .edit:hover{transform:scale(1.2);color:#3b82f6}.doctor-actions .Delete:hover{color:#ef4444}.doctor-modal{background-color:#fff;padding:24px;border-radius:10px;max-width:450px;width:90%;margin:auto;top:50%;position:absolute;left:50%;transform:translate(-50%,-50%);outline:none;box-shadow:0 10px 25px #0003}.doctor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080}.add-doctor-form input{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid #ccc;border-radius:6px;font-size:15px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.form-actions button{padding:10px 16px;border:none;border-radius:6px;font-size:15px;cursor:pointer;transition:background-color .3s ease}.form-actions button:not(.cancel){background-color:#10b981;color:#fff}.form-actions .cancel{background-color:#e5e7eb;color:#111827}.form-actions button:hover:not(.cancel){background-color:#059669}.form-actions .cancel:hover{background-color:#d1d5db}@media (max-width: 600px){.doctor-header{flex-direction:column;align-items:flex-start;gap:10px}.add-doctor-btn{width:100%;justify-content:center}.form-actions{flex-direction:column;width:100%}.form-actions button{width:100%}}.visit-container{padding:2rem;max-width:1100px;margin:auto;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #00000014}.visit-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:1.5rem}.visit-header h2{font-size:1.8rem;font-weight:600;color:#333}.add-btn{background-color:#007bff;color:#fff;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;font-weight:500;transition:background-color .3s ease}.add-btn svg{margin-right:6px}.search-input{width:100%;padding:10px 14px;margin-bottom:1.5rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;transition:border-color .3s ease}.search-input:focus{border-color:#007bff;outline:none}.visit-delete-btn{background-color:#dc3545;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.visit-delete-btn:hover{background-color:#c82333}.visit-modal{background:#fff;padding:2rem;max-width:520px;width:90%;margin:auto;border-radius:12px;position:relative;box-shadow:0 4px 20px #0003}.visit-modal-overlay{background:#00000080;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-form{display:flex;flex-direction:column;gap:12px;margin:1.5rem 0}.modal-form input{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:1rem;transition:border-color .3s ease}.modal-form input:focus{border-color:#007bff;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:1rem}.modal-actions button{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.95rem;transition:background-color .3s ease}.modal-actions .cancel:hover{background-color:#5a6268}.modal-actions button:first-child:hover{background-color:#218838}@media (max-width: 600px){.visit-header{flex-direction:column;align-items:flex-start}.add-btn{width:100%;justify-content:center}.modal-actions{flex-direction:column;align-items:stretch}.modal-actions button{width:100%}}.visit-edit-btn{background-color:#ffc107;color:#333;padding:6px 10px;border:none;border-radius:4px;cursor:pointer;margin-right:6px;transition:background-color .3s ease}.visit-edit-btn:hover{background-color:#e0a800}.holiday-container{padding:2rem;max-width:1000px;margin:auto}.holiday-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.holiday-header h2{margin:0}.add-btn{background-color:#28a745;color:#fff;padding:8px 14px;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center}.add-btn svg{margin-right:5px}.search-input{width:100%;padding:8px;margin-bottom:1rem;border-radius:4px;border:1px solid #ccc}.holiday-edit-btn,.holiday-delete-btn{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;margin-right:6px;transition:.3s ease}.holiday-edit-btn{background-color:#ffc107;color:#333}.holiday-edit-btn:hover{background-color:#e0a800}.holiday-delete-btn{background-color:#dc3545;color:#fff}.holiday-delete-btn:hover{background-color:#c82333}.holiday-modal{background:#fff;padding:2rem;max-width:500px;margin:auto;border-radius:8px;position:relative}.holiday-modal-overlay{background:#00000080;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.modal-form{display:flex;flex-direction:column;gap:10px;margin:1rem 0}.modal-form input{padding:8px;border-radius:4px;border:1px solid #ccc}.modal-actions button{padding:8px 16px;border:none;border-radius:5px;cursor:pointer}.modal-actions .cancel{background-color:#6c757d;color:#fff}.patient-container{padding:20px;margin-left:250px}.patient-header{display:flex;justify-content:space-between;align-items:center}.add-btn{background-color:#2e7d32;color:#fff;border:none;padding:8px 15px;font-size:14px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:5px}.search-input{width:100%;padding:8px 12px;margin:15px 0;border:1px solid #ccc;border-radius:5px}.patient-table{width:100%;border-collapse:collapse;background-color:#fff}.patient-table th,.patient-table td{padding:10px 15px;border:1px solid #ddd;text-align:left}.patient-table th{background-color:#f5f5f5}.edit-btn,.delete-btn{background:none;border:none;cursor:pointer;margin-right:10px;font-size:16px}.edit-btn{color:#1976d2}.delete-btn{color:#d32f2f}.patient-modal{background:#fff;padding:20px;width:400px;margin:auto;border-radius:10px;position:relative;top:20%}.patient-modal-overlay{background:#00000080;position:fixed;top:0;right:0;bottom:0;left:0}.modal-form{display:flex;flex-direction:column;gap:10px;margin:15px 0}.modal-form input,.modal-form select{padding:8px;border:1px solid #ccc;border-radius:5px}.modal-actions .cancel{background-color:#ccc;color:#000}.payment-page-container{padding:20px;margin-left:250px;background:#f9f9f9;min-height:100vh}.payment-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-add-payment{background-color:#2e7d32;color:#fff;padding:8px 14px;border:none;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer}.payment-search-input{width:100%;padding:10px;margin-bottom:20px;border-radius:6px;border:1px solid #ccc}.payment-actions button{margin-right:6px;border:none;padding:6px 10px;border-radius:5px;cursor:pointer}.btn-view{background-color:#0277bd;color:#fff}.btn-edit{background-color:#f9a825;color:#fff}.btn-delete{background-color:#c62828;color:#fff}.payment-modal{background:#fff;padding:30px;border-radius:10px;width:400px;margin:auto;position:relative;transform:translateY(-50%)}.payment-modal-overlay{background:#0009;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.payment-form input{display:block;width:100%;margin-bottom:12px;padding:8px;border:1px solid #ccc;border-radius:6px}.payment-modal-actions{display:flex;justify-content:space-between}.payment-modal-actions button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer}.payment-btn-cancel{background-color:#888;color:#fff}.symptom-page-container{padding:20px;margin-left:250px;background:#f2f6fc;min-height:100vh}.symptom-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-add-symptom{background-color:#00796b;color:#fff;padding:8px 14px;border:none;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer}.symptom-search-input{width:100%;padding:10px;margin-bottom:20px;border-radius:6px;border:1px solid #ccc}.symptom-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 0 6px #0000001a}.symptom-table th,.symptom-table td{padding:12px;border:1px solid #ddd;text-align:left}.symptom-table th{background-color:#e0f2f1;font-weight:600}.symptom-actions button{margin-right:6px;border:none;padding:6px 10px;border-radius:5px;cursor:pointer}.symptom-modal{background:#fff;padding:30px;border-radius:10px;width:400px;margin:auto;position:relative;transform:translateY(-50%)}.symptom-modal-overlay{background:#0009;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.symptom-form input{display:block;width:100%;margin-bottom:12px;padding:8px;border:1px solid #ccc;border-radius:6px}.symptom-modal-actions{display:flex;justify-content:space-between}.symptom-modal-actions button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer}.btn-cancel{background-color:#757575;color:#fff}.treatment-page-container{padding:20px;margin-left:250px;background-color:#f0f4f8;min-height:100vh}.treatment-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.treatment-btn-add{background-color:#4caf50;color:#fff;padding:8px 14px;border:none;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer}.treatment-search-input{width:100%;padding:10px;margin-bottom:20px;border-radius:6px;border:1px solid #ccc}.treatment-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 0 6px #0000001a}.treatment-table th,.treatment-table td{padding:12px;border:1px solid #ddd;text-align:left}.treatment-table th{background-color:#d0f0e0;font-weight:600}.treatment-actions button{margin-right:6px;border:none;padding:6px 10px;border-radius:5px;cursor:pointer}.btn-view{background-color:#0288d1;color:#fff}.btn-edit{background-color:#fbc02d;color:#fff}.btn-delete{background-color:#e53935;color:#fff}.treatment-modal{background:#fff;padding:30px;border-radius:10px;width:400px;margin:auto;position:relative;transform:translateY(-50%)}.treatment-overlay{background:#0009;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.treatment-form input{display:block;width:100%;margin-bottom:12px;padding:8px;border:1px solid #ccc;border-radius:6px}.treatment-modal-actions{display:flex;justify-content:space-between}.treatment-modal-actions button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer}.treatment-btn-cancel{background-color:#757575;color:#fff}.prescription-page-container{padding:20px;margin-left:250px;background-color:#f4f8fb;min-height:100vh}.prescription-page-header{display:flex;justify-content:space-between;align-items:center}.prescription-btn-add{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer}.prescription-search-input{width:100%;margin:20px 0;padding:10px;border-radius:6px;border:1px solid #ccc}.prescription-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 5px #0000001a}.prescription-table th,.prescription-table td{padding:12px;border:1px solid #ddd;text-align:left}.prescription-table th{background-color:#d1e7dd;font-weight:700}.prescription-actions button{margin-right:5px;padding:6px 10px;border-radius:5px;border:none;cursor:pointer}.btn-view{background-color:#0d6efd;color:#fff}.btn-edit{background-color:#ffc107;color:#000}.btn-delete{background-color:#dc3545;color:#fff}.prescription-modal{background:#fff;padding:30px;border-radius:10px;width:450px;max-width:90%;margin:auto;position:relative}.prescription-overlay{background-color:#0009;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.prescription-form input,.prescription-form textarea{width:100%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:6px}.prescription-form textarea{resize:vertical}.prescription-modal-actions{display:flex;justify-content:space-between}.prescription-modal-actions button{padding:10px 16px;border:none;border-radius:6px;cursor:pointer}.prescription-btn-cancel{background-color:#6c757d;color:#fff}.prescription-btn-close{background-color:#007bff;color:#fff;padding:8px 14px;border:none;border-radius:6px;margin-top:20px}.appointment-wrapper{padding:2rem;font-family:Segoe UI,sans-serif;background-color:#f9f9f9;min-height:100vh;margin-left:13%}.appointment-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.appointment-title{font-size:2rem;color:#333}.appointment-buttons{display:flex;gap:.5rem}.appointment-btn{padding:.5rem 1rem;border:none;background-color:#e0e0e0;color:#333;border-radius:4px;cursor:pointer;transition:background .3s ease}.appointment-btn.active,.appointment-btn:hover{background-color:#007bff;color:#fff}.appointment-filter{padding:.5rem;border-radius:4px;border:1px solid #ccc}.appointment-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.appointment-card{background:#fff;border-left:5px solid #007bff;box-shadow:0 2px 6px #0000001a;padding:1rem;border-radius:8px}.appointment-card h4{margin:0 0 .5rem;color:#007bff}.appointment-card p{margin:.25rem 0;color:#555}.no-appointment-msg{font-size:1.2rem;color:#999;text-align:center;grid-column:1/-1}.today-wrapper{padding:30px;background-color:#f9f9f9;min-height:100vh;margin-left:13%}.today-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.today-title{font-size:24px;color:#1976d2;font-weight:700}.add-btn{background-color:#1976d2;color:#fff;border:none;padding:10px 16px;font-size:14px;border-radius:6px;cursor:pointer;transition:.3s}.add-btn:hover{background-color:#125aa0}.today-appointment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.today-appointment-card{background:#fff;padding:20px;border-left:5px solid #1976d2;box-shadow:0 2px 8px #0000000d;border-radius:8px;transition:transform .2s ease;margin-top:10px}.today-appointment-card:hover{transform:translateY(-3px)}.today-appointment-card h4{margin:0 0 10px;color:#333}.today-appointment-card p{margin:4px 0;color:#555}.today-no-msg{font-size:16px;color:#999;padding:20px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#fff;padding:25px;border-radius:10px;width:300px;display:flex;flex-direction:column;gap:10px}.modal-content h3{margin-bottom:10px;color:#1976d2}.modal-content input{padding:8px;border:1px solid #ccc;border-radius:5px}.modal-actions{display:flex;justify-content:space-between;margin-top:10px}.modal-actions button{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.modal-actions button:first-child{background-color:#1976d2;color:#fff}.appointment-cancel-btn{background-color:#ccc;color:#fff}.financial-wrapper{padding:30px;background-color:#f4f6f8;min-height:100vh;margin-left:13%}.financial-title{font-size:26px;font-weight:700;color:#1976d2;margin-bottom:20px}.financial-summary{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.financial-card{flex:1;background-color:#fff;padding:20px;border-left:6px solid;border-radius:8px;box-shadow:0 2px 8px #0000000d}.financial-card h4{margin-bottom:8px;font-size:18px;color:#444}.financial-card p{font-size:20px;font-weight:700;color:#222}.financial-card.revenue{border-color:#5072a7}.financial-card.expenses{border-color:#6cb4ee}.financial-card.profit{border-color:#8884d8}.financial-chart{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 8px #0000000d}.chart-placeholder{background-color:#e0e0e0;height:200px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#555;font-size:16px;margin-top:10px}.financial-transactions{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.financial-transactions table{width:100%;border-collapse:collapse;margin-top:10px}.financial-transactions th,.financial-transactions td{padding:12px;text-align:left;border-bottom:1px solid #eee}.financial-transactions th{background-color:#f0f0f0;color:#333}.financial-transactions .positive{color:#4caf50}.financial-transactions .negative{color:#f44336}.financial-charts{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:30px}.chart-container{flex:1;min-width:300px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.expenses-wrapper{padding:30px;background-color:#f8f9fa;min-height:100vh;margin-left:13%}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.expenses-header h2{font-size:26px;font-weight:600}.expenses-actions{display:flex;gap:10px}.expenses-filter{padding:8px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px}.add-expense-btn{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:.2s}.add-expense-btn:hover{background-color:#43a047}.expenses-summary{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px}.expenses-summary h4{margin:0;font-size:18px}.expenses-summary span{color:#e53935;font-weight:700}.expenses-table-container{overflow-x:auto;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000000d}.expenses-table{width:100%;border-collapse:collapse}.expenses-table th,.expenses-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.expenses-table th{background-color:#f0f0f0;font-weight:600}.expense-amount{color:#d32f2f;font-weight:700}.expense-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.expense-modal{background:#fff;padding:25px;border-radius:10px;width:350px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;gap:12px}.expense-modal h3{margin-bottom:10px}.expense-modal input,.expense-modal select{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:6px}.expense-modal-actions{display:flex;justify-content:space-between;margin-top:10px}.expense-modal-actions button{padding:8px 12px;border:none;border-radius:6px;font-weight:500;cursor:pointer}.expense-modal-actions button:first-child{background-color:#4caf50;color:#fff}.expense-modal-actions button:last-child{background-color:#ccc}.expenses-table td:last-child{display:flex;gap:8px}.expense-edit-btn,.expense-delete-btn{padding:5px 10px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s ease}.expense-edit-btn{background-color:#2196f3;color:#fff}.expense-edit-btn:hover{background-color:#1976d2}.expense-delete-btn{background-color:#f44336;color:#fff}.expense-delete-btn:hover{background-color:#d32f2f}.birth-wrapper{padding:20px;margin-left:250px}.birth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.birth-title{font-size:24px;font-weight:700}.birth-add-btn{background-color:#28a745;color:#fff;padding:8px 16px;border-radius:5px;font-weight:700;border:none;cursor:pointer}.birth-add-btn:hover{background-color:#218838}.birth-table-wrapper{overflow-x:auto}.birth-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.birth-table th,.birth-table td{padding:12px 15px;border:1px solid #e0e0e0;text-align:left}.birth-table th{background-color:#f8f9fa}.operation-wrapper{padding:20px;margin-left:250px}.operation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.operation-title{font-size:24px;font-weight:700}.operation-add-btn{background-color:#007bff;color:#fff;padding:8px 16px;border-radius:5px;font-weight:700;border:none;cursor:pointer}.operation-add-btn:hover{background-color:#0056b3}.operation-table-wrapper{overflow-x:auto}.operation-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.operation-table th,.operation-table td{padding:12px 15px;border:1px solid #e0e0e0;text-align:left}.operation-table th{background-color:#f8f9fa}.death-wrapper{padding:20px;margin-left:250px}.death-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.death-title{font-size:24px;font-weight:700}.death-add-btn{background-color:#007bff;color:#fff;padding:8px 16px;border-radius:5px;font-weight:700;border:none;cursor:pointer}.death-add-btn:hover{background-color:#0056b3}.death-table-wrapper{overflow-x:auto}.death-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.death-table th,.death-table td{padding:12px 15px;border:1px solid #e0e0e0;text-align:left}.death-table th{background-color:#f8f9fa}.no-record{text-align:center;color:#888;padding:20px}.modal-content input,.modal-content select{width:100%;margin-bottom:12px;padding:8px;border-radius:4px;border:1px solid #ccc}.modal-actions button:first-child{background-color:#007bff;color:#fff}.medicine-wrapper{padding:20px;margin-left:250px}.medicine-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.medicine-title{font-size:24px;font-weight:700}.add-btn{background-color:#28a745;color:#fff;padding:8px 16px;border-radius:5px;font-weight:700;border:none;cursor:pointer}.add-btn:hover{background-color:#218838}.medicine-table-wrapper{overflow-x:auto}.medicine-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.medicine-table th,.medicine-table td{padding:12px 15px;border:1px solid #e0e0e0;text-align:left}.medicine-table th{background-color:#f8f9fa}.category-wrapper{padding:20px;margin-left:250px}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.category-title{font-size:24px;font-weight:700}.add-btn{background-color:#007bff;color:#fff;padding:8px 16px;border-radius:5px;font-weight:700;border:none;cursor:pointer}.category-table-wrapper{overflow-x:auto}.category-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.category-table th,.category-table td{padding:12px 15px;border:1px solid #e0e0e0;text-align:left}.category-table th{background-color:#f8f9fa}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:25px;border-radius:8px;width:400px}.modal-content h3{margin-bottom:15px}.modal-content input{width:100%;margin-bottom:12px;padding:8px;border-radius:4px;border:1px solid #ccc}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.cancel-btn{background-color:red;color:#fff}.stock-alert-wrapper{padding:20px;margin-left:250px}.stock-alert-header{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.stock-alert-header h2{font-size:24px;font-weight:700}.stock-alert-header p{font-size:16px;color:#555}.add-btn{width:fit-content;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s ease-in-out}.add-btn:hover{background-color:#0056b3}.stock-alert-table-wrapper{overflow-x:auto}.stock-alert-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:8px}.stock-alert-table th,.stock-alert-table td{padding:12px 15px;text-align:left;border:1px solid #ddd}.stock-alert-table th{background-color:#f8f9fa;font-weight:600}.out-of-stock{background-color:#ffe5e5;color:#c0392b;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#fff;padding:30px;border-radius:10px;width:350px;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 8px #0003}.modal-content input{padding:10px;border:1px solid #ccc;border-radius:6px}.modal-actions{display:flex;justify-content:space-between}.modal-actions button{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer}.profile-container{display:flex;justify-content:center;padding:2rem;min-height:50vh}.profile-card{background:#fff;padding:2rem;border-radius:16px;width:100%;max-width:500px;box-shadow:0 8px 24px #00000014;text-align:center}.profile-avatar{width:120px;height:120px;border-radius:50%;margin-bottom:1rem;border:4px solid #007BFF}.profile-name{font-size:1.8rem;font-weight:600;margin:.5rem 0}.profile-role{color:#555;margin-bottom:1rem;font-size:1rem}.profile-info{text-align:left;margin-top:1rem;font-size:.95rem}.profile-info p{margin:8px 0}.edit-btn{margin-top:1.5rem;background-color:#007bff;border:none;padding:.6rem 1.5rem;color:#fff;border-radius:8px;cursor:pointer;font-weight:500}.edit-btn:hover{background-color:#0056b3}.profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.profile-modal{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:400px}.profile-modal h3{margin-bottom:1rem}.profile-modal input{width:100%;padding:.6rem;margin:.5rem 0;border-radius:6px;border:1px solid #ccc}.modal-actions{display:flex;justify-content:space-between;margin-top:1rem}.modal-actions button{padding:.6rem 1.2rem;border:none;border-radius:6px;font-weight:500;cursor:pointer}.modal-actions button:first-child{background-color:#28a745;color:#fff}.cancel-btn{background-color:#dc3545;color:#fff}