@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;font-family:Montserrat,sans-serif}body{background:#e5e5e5;overflow-x:hidden;position:relative;width:100%}html{overflow-x:hidden;width:100%}main,section,.admin-page,.admin-dashboard-container,.admin-doctors-container,.admin-messages-container,.add-admin-container,.add-doctor-container{padding-top:80px!important}@media (max-width: 768px){main,section,.admin-page,.admin-dashboard-container,.admin-doctors-container,.admin-messages-container,.add-admin-container,.add-doctor-container{padding-top:70px!important}}@media (max-width: 480px){main,section,.admin-page,.admin-dashboard-container,.admin-doctors-container,.admin-messages-container,.add-admin-container,.add-doctor-container{padding-top:60px!important}}.app-loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f8f9fa;z-index:9999}.loader-spinner{width:50px;height:50px;border:5px solid rgba(57,57,217,.1);border-radius:50%;border-top:5px solid #3939d9;animation:spin 1s linear infinite;margin-bottom:20px}.app-loader p{color:#333;font-size:18px;font-weight:500}.btn{padding:7px 20px;border-radius:12px;border:none;font-weight:700;letter-spacing:2px}.white-btn{background:#fff;color:#111}.purple-btn{background:#9083d5;color:#fff}p,span,a{font-size:20px}h1{font-size:36px;font-weight:900}h2{font-size:32px;font-weight:900}h3{font-size:28px;font-weight:900}h4{font-size:24px;font-weight:900}h5{font-size:20px;font-weight:700}@media (max-width: 768px){p,span,a{font-size:16px}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}}@media (max-width: 480px){p,span,a{font-size:14px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}}.container{width:100%;max-width:1440px;padding-left:80px;padding-right:80px;margin:0 auto}@media (max-width: 1200px){.container{padding-left:60px;padding-right:60px}}@media (max-width: 768px){.container{padding-left:30px;padding-right:30px}}@media (max-width: 480px){.container{padding-left:20px;padding-right:20px}}@media (max-width: 350px){.container{padding-left:15px;padding-right:15px}}.hero{display:flex;padding-top:160px;padding-bottom:100px;margin-bottom:10px;position:relative;overflow:hidden}.hero .banner{flex:1;position:relative;overflow:visible}.hero .banner h1{font-size:42px;width:90%;line-height:130%;letter-spacing:4px}.hero .banner h1 span{color:#8570ed}.hero .banner p{line-height:130%}.hero .banner div{display:flex;flex-direction:column;gap:20px}.hero .banner span{position:absolute;height:950px;width:950px;border-radius:50%;background:#8570ed42;right:-300px;top:-200px;z-index:-1}.hero .banner:first-child{display:flex;justify-content:center;flex-direction:column;gap:50px}.hero .banner:last-child{display:flex;justify-content:center;align-items:center;overflow-y:hidden}.animated-image{animation:moveUpDown 1s infinite alternate ease-in-out;max-width:100%;height:auto}@keyframes moveUpDown{0%{transform:translateY(0)}to{transform:translateY(20px)}}@media (max-width: 1186px){.hero .banner span{right:-400px}.hero .banner h1{font-size:32px}}@media (max-width: 1085px){.hero .banner span{right:-480px;top:-315px}}@media (max-width: 925px){.hero{flex-direction:column;padding-top:120px;padding-bottom:60px;gap:30px}.hero .banner h1{font-size:28px;width:100%;letter-spacing:2px;text-align:center}.hero .banner p{text-align:center}.hero .banner:first-child{align-items:center;text-align:center}.hero .banner span{display:none}}@media (max-width: 768px){.hero{padding-top:100px;padding-bottom:40px}.hero .banner h1{font-size:24px;letter-spacing:1px}.hero .banner p{font-size:16px}}@media (max-width: 480px){.hero{padding-top:90px;padding-bottom:30px}.hero .banner h1{font-size:20px;line-height:1.4}.hero .banner p{font-size:14px}}.form-component{padding-top:40px;padding-bottom:60px}.form-component h2{color:gray;letter-spacing:4px;margin-bottom:30px}.form-component h4{color:gray;font-weight:700;margin-bottom:20px}.form-component p{max-width:750px;color:gray;margin-bottom:20px}.form-component form{display:flex;flex-direction:column;gap:30px}.form-component form div{display:flex;gap:30px}.form-component form input,.form-component form select,.form-component form textarea{flex:1;font-size:24px;padding:10px 10px 10px 40px;border-radius:7px;border:1px solid gray}.appointment-slot input,.appointment-slot select{padding:10px!important;font-size:16px!important;border-radius:5px!important}.form-component button{padding:10px 35px;color:#fff;font-weight:700;width:fit-content;border:none;border-radius:8px;font-size:24px;margin-bottom:30px;background:linear-gradient(140deg,#9083d5,#271776ca)}.form-component .wrapper{display:flex;gap:50px}.form-component .wrapper .banner{flex:1}.form-component .wrapper .banner:last-child{display:flex;justify-content:center;align-items:center}.form-component .wrapper .banner:last-child img{max-width:450px}.login-form{margin:100px auto 20px;max-width:800px;text-align:center}.register-form{max-width:1200px;margin:100px auto 20px}.login-form h2,.register-form h2{color:#000}.appointment-mode-toggle{display:flex;align-items:center;margin:10px 0 30px;padding:15px;background-color:#f0f0ff;border-radius:5px;border-left:4px solid #9083d5}.appointment-mode-toggle label{display:flex;align-items:center;font-weight:500;color:#444;font-size:18px;cursor:pointer}.appointment-mode-toggle input[type=checkbox]{width:20px;height:20px;margin-right:10px;cursor:pointer}.appointment-slot{border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:25px;background-color:#f9f9f9;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.appointment-slot:hover{box-shadow:0 4px 8px #0000001a}.appointment-slot h5{color:#333;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}@media (max-width: 1110px){.appointment-form form div:nth-child(4){flex-direction:column}.appointment-form form div:nth-child(5){flex-direction:column}}@media (max-width: 888px){.form-component{padding-top:30px;padding-bottom:30px}.form-component form div{flex-direction:column}.form-component .wrapper{flex-direction:column;gap:30px}.form-component .wrapper .banner:last-child img{max-width:100%}}@media (max-width: 768px){.form-component{padding-top:20px;padding-bottom:20px}.form-component h2{font-size:24px;margin-bottom:20px}.form-component h4{font-size:18px;margin-bottom:15px}.form-component form input,.form-component form select,.form-component form textarea{font-size:16px;padding:12px 15px}.form-component button{font-size:18px;padding:12px 30px;width:100%}}@media (max-width: 480px){.form-component form input,.form-component form select,.form-component form textarea{font-size:14px;padding:10px 12px}.form-component button{font-size:16px;padding:10px 25px}}.biography{display:flex;gap:50px;padding-top:40px;padding-bottom:60px}.biography .banner:first-child{flex:1;display:flex;justify-content:center;align-items:center}.biography .banner:last-child{flex:1;display:flex;flex-direction:column;gap:10px}.biography .banner h3{font-weight:700;letter-spacing:3px}.biography .banner p:first-child{font-size:24px;letter-spacing:2px}@media (max-width: 925px){.biography{flex-direction:column-reverse;padding-top:30px;padding-bottom:40px;gap:30px}.biography .banner:last-child{text-align:center}.biography .banner h3{font-size:24px;letter-spacing:2px}.biography .banner p:first-child{font-size:20px;letter-spacing:1px}}@media (max-width: 768px){.biography{padding-top:20px;padding-bottom:30px}.biography .banner img{max-width:100%;height:auto}}@media (max-width: 480px){.biography .banner h3{font-size:20px}.biography .banner p:first-child{font-size:16px}}.message-form{position:relative}.message-form h2{text-align:center;color:#000;position:relative}.message-form img{position:absolute;top:0;right:-16%;height:600px;z-index:-1}@media (max-width: 700px){.message-form img{right:-35%;height:450px;top:10%}}footer{padding-bottom:30px!important}footer hr{margin-bottom:30px}footer .content{display:flex;gap:80px}footer .content div{flex:1}footer .content div:nth-child(3){flex:2}footer .content div h4{font-weight:700;margin-bottom:20px}footer .content div ul{display:flex;flex-direction:column;gap:13px}footer .content div ul a{color:gray;text-decoration:none}footer .content div ul a:hover{color:#8570ed;transition:.3s}footer .content div ul li span{color:gray}footer .content div ul li span:first-child{width:150px;display:inline-block}footer .content div:last-child div{display:flex;align-items:center;gap:15px;margin-bottom:10px}footer .content div:last-child div svg{font-size:24px}@media (max-width: 1135px){footer .content{flex-wrap:wrap;justify-content:space-between}footer .content div,footer .content div:nth-child(3){flex:none;width:340px;margin-bottom:30px}}@media (max-width: 900px){footer{padding-bottom:0!important}footer .content{flex-direction:column;gap:30px}footer .content div,footer .content div:nth-child(3){width:100%}}@media (max-width: 768px){footer .content div ul li span:first-child{width:100px}}@media (max-width: 480px){footer .content div:nth-child(3) ul li{display:flex;flex-direction:column;gap:5px}footer .content div:nth-child(3) ul li span:first-child{width:100%}}.departments{padding-top:30px;padding-bottom:50px}.departments h2{color:gray;margin-bottom:30px}.card{position:relative;border-radius:8px;flex:1;display:flex;justify-content:center;align-items:flex-end;padding-bottom:15px;padding-left:10px;padding-right:20px;min-height:360px;margin:0 10px;text-decoration:none}.card img{position:absolute;width:100%;height:100%;z-index:-1;top:0;left:0;object-fit:cover}.card .depart-name{margin-bottom:30px;background:#e5e5e5;width:320px;font-size:24px;text-transform:uppercase;display:flex;justify-content:center;padding:12px;border-radius:30px;left:0;height:fit-content;font-weight:700}@media (max-width: 768px){.departments{padding-top:20px;padding-bottom:30px}.departments h2{font-size:24px;margin-bottom:20px}.card{min-height:280px;margin:0 5px}.card .depart-name{width:90%;max-width:280px;font-size:18px;padding:10px}}@media (max-width: 480px){.card{min-height:240px;margin:0 0 15px}.card .depart-name{width:95%;font-size:16px;padding:8px}}nav{display:flex;margin:0 auto;justify-content:space-between;position:absolute;align-items:center;border-bottom-right-radius:7px;border-bottom-left-radius:7px;padding-top:20px!important;padding-bottom:20px!important;z-index:2;position:fixed;top:0;width:100%;z-index:100;background-color:#ebe3e3}.logo{padding:0 30px;padding-bottom:0!important}.logo a{text-decoration:none;color:#111;font-weight:900;letter-spacing:3px;font-size:20px}.header{margin-bottom:60px}.header nav{margin-bottom:0}.header ul{display:flex;align-items:center;list-style:none;gap:40px}.header ul li a{color:#000;text-decoration:none;font-weight:600}.header ul li a:hover{color:#7b6ad0;transition:.3s}a.active{color:#7b6ad0!important}.toggle-btn{display:none}@media (max-width: 1200px){.header ul{gap:20px}.logo{padding:0 15px}}@media (max-width: 950px){.header ul{position:absolute;flex-direction:column;gap:0;background:#fff;padding:30px 0;width:280px;box-shadow:1px 1px 10px #000;top:0;right:0;transition:.5s;z-index:999}.toggle-btn{display:initial;font-size:28px;margin:0 30px;cursor:pointer}.header ul li{padding:10px 25px;width:100%}.header ul li:hover{background:#e5e5e5;transition:.3s}.header ul li:hover a{color:#7b6ad0}.header-toggle{transform:translate(300px)}}@media (min-width: 950px){.header ul{transform:translate(0)!important}}.appointment h1{font-weight:700;color:#3939d9;margin-top:10rem;text-align:center}.navImage{display:flex;align-items:center;width:300px}.navImage>span{max-width:100%}.navImage>a{max-width:100%;display:flex}.navImage a img{max-width:30%;height:auto}.navImage a:nth-child(2){font-size:20px;margin-left:10px;display:inline-block;font-weight:700;color:#000;text-decoration:none}.navImage a:nth-child(2):hover{color:#7b6ad0;transition:.3s}input[type=time]:before{content:attr(placeholder);color:#444;margin-right:.5em}.logo-img{width:150px}footer .logo-img{width:100%}.doctors h1{color:#3939d9f2;margin-bottom:30px;font-size:2.3rem}.doctors .banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-gap:20px}.doctors .banner .card{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center}.doctors .banner .card img{width:270px;height:270px;border-radius:100%;margin-bottom:20px}.doctors .banner .card h4{font-size:24px;color:#333;margin-bottom:20px}.doctors .banner .card div{width:100%;display:flex;flex-direction:column;gap:8px;font-size:20px}.doctors .banner .card div p{font-weight:700}.doctors .banner .card div p span{font-weight:500}@media (max-width: 350px){.doctors .banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));grid-gap:20px}}.messages h1{color:#3939d9f2;margin-bottom:30px;font-size:2.3rem}.messages .banner{display:flex;flex-direction:column;gap:20px}.messages .banner .card{background:#fff;border-radius:12px;padding:20px}.messages .banner .card div{width:100%;display:flex;flex-direction:column;gap:8px;font-size:20px}.messages .banner .card div p{font-weight:700}.messages .banner .card div p span{font-weight:500}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:280px;background:linear-gradient(180deg,#3939d9,#271776);color:#fff;padding:20px 0;position:fixed;height:100vh;transition:all .3s;z-index:1000}.admin-sidebar-header{display:flex;align-items:center;justify-content:center;padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-header h3{color:#fff;margin:0;font-size:20px}.admin-sidebar-menu{padding:20px;list-style:none}.admin-sidebar-menu li{margin-bottom:15px}.admin-sidebar-menu a{color:#fffc;text-decoration:none;display:flex;align-items:center;padding:10px;border-radius:5px;transition:all .3s}.admin-sidebar-menu a:hover,.admin-sidebar-menu a.active{background:#ffffff1a;color:#fff}.admin-sidebar-menu i{margin-right:10px;font-size:18px}.admin-main-content{flex-grow:1;margin-left:280px;padding:20px;background:#f5f6fa;transition:all .3s}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.admin-header h1{margin:0;font-size:24px;color:#333}.admin-header-actions{display:flex}.admin-card{background:#fff;border-radius:5px;box-shadow:0 2px 10px #0000000d;padding:20px;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:5px;padding:20px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column}.stat-card h4{color:#777;font-size:16px;margin:0 0 10px}.stat-card .value{font-size:32px;font-weight:700;color:#333;margin-bottom:10px}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse}table th,table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}table th{font-weight:600;color:#333;background:#f9f9f9}.action-buttons{display:flex;gap:8px}.action-buttons button{padding:6px 10px;border:none;border-radius:4px;cursor:pointer}.action-buttons .edit{background:#3939d9;color:#fff}.action-buttons .delete{background:#ff4757;color:#fff}.patient-dashboard{padding-top:100px;padding-bottom:60px}.patient-dashboard h1{color:#3939d9;margin-bottom:30px}.appointment-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.appointment-item{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.appointment-id{font-weight:500;color:#666}.appointment-status{padding:5px 10px;border-radius:4px;font-size:14px;font-weight:700}.status-pending{background-color:#f1c40f;color:#fff}.status-accepted{background-color:#2ecc71;color:#fff}.status-rejected{background-color:#e74c3c;color:#fff}.appointment-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.appointment-detail{margin-bottom:10px}.appointment-detail strong{display:block;color:#555;font-size:14px}.appointment-detail span{font-size:16px}.no-appointments{text-align:center;padding:40px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.no-appointments p{margin-bottom:20px;color:#666}.no-appointments a{display:inline-block;padding:10px 20px;background:#3939d9;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background .3s}.no-appointments a:hover{background:#271776}.not-authenticated{text-align:center;padding:100px 20px;max-width:600px;margin:0 auto}.not-authenticated h1{margin-bottom:20px;color:#e74c3c}.not-authenticated p{margin-bottom:30px;color:#555;font-size:18px}.not-authenticated .buttons{display:flex;gap:20px;justify-content:center}.not-authenticated .buttons a{padding:10px 25px;text-decoration:none;border-radius:5px;font-weight:500;transition:all .3s}.not-authenticated .buttons a.login{background:#3939d9;color:#fff}.not-authenticated .buttons a.home{background:#f5f5f5;color:#333;border:1px solid #ddd}.not-authenticated .buttons a:hover{opacity:.9;transform:translateY(-2px)}.error-page{text-align:center;padding:100px 20px}.error-page h1{font-size:120px;color:#e74c3c;margin-bottom:0}.error-page h2{font-size:30px;margin-bottom:20px;color:#333}.error-page p{margin-bottom:30px;color:#555}.payment-qr-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.payment-qr-modal{background-color:#fff;border-radius:20px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0003;padding:30px}.payment-qr-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#555;font-size:20px;cursor:pointer;z-index:10;transition:transform .2s ease,color .2s ease}.payment-qr-close:hover{transform:scale(1.2);color:#3939d9}.payment-qr-header{text-align:center;margin-bottom:25px}.payment-qr-header h2{color:#3939d9;font-size:24px;margin-bottom:5px}.payment-qr-header p{color:#666;font-size:16px}.payment-qr-loading,.payment-qr-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.payment-qr-loading svg,.payment-qr-error svg{font-size:40px;margin-bottom:15px}.payment-qr-loading svg{color:#3939d9}.payment-qr-error svg{color:#e74c3c}.payment-qr-loading p,.payment-qr-error p{color:#666;font-size:16px;margin-bottom:20px}.payment-qr-content{display:flex;flex-direction:column;align-items:center}.payment-qr-two-column{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%;margin-bottom:20px}.payment-qr-left{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.payment-qr-right{display:flex;flex-direction:column;gap:20px}.payment-qr-amount{font-size:40px;font-weight:700;color:#3939d9;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.payment-appointment-info{display:inline-flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px;background:#3939d914;padding:10px 18px;border-radius:12px;color:#271776;font-weight:600}.payment-appointment-info-right{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;background:#3939d914;padding:12px 18px;border-radius:12px;color:#271776;font-weight:600}.payment-appointment-info-right span{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#3939d9}.payment-appointment-info-right strong{color:#271776;font-size:1.1rem;letter-spacing:.5px}.payment-appointment-info span{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#3939d9}.payment-qr-image{margin-bottom:20px;padding:15px;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:center;align-items:center}.payment-qr-image img{max-width:100%;max-height:300px;height:auto;border-radius:8px}.payment-qr-timer{margin-bottom:20px;text-align:center}.payment-qr-timer p{color:#666;font-size:16px}.payment-qr-timer span{color:#e74c3c;font-weight:700}.payment-qr-message{padding:15px;background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;width:100%;display:flex;align-items:flex-start;gap:12px}.payment-qr-message .message-icon{color:#856404;font-size:20px;margin-top:2px;flex-shrink:0}.payment-instruction-text{color:#856404;font-size:14px;line-height:1.5;margin:0}.payment-instruction-text strong{color:#3939d9;font-weight:700;font-size:16px}.appointment-number-hint{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(133,100,4,.3)}.appointment-number-hint strong{color:#3939d9;font-weight:700;font-size:15px;letter-spacing:.5px}.payment-qr-instructions{padding:15px;background-color:#f8f9fa;border-radius:10px;width:100%}.payment-qr-instructions ol{padding-left:20px;margin:0}.payment-qr-instructions li{margin-bottom:8px;color:#555}.payment-redirecting{margin-top:15px;padding:10px;text-align:center;background-color:#e7f3ff;border-radius:8px;width:100%}.payment-redirecting p{color:#3939d9;font-weight:600;margin:0;font-size:14px}.payment-qr-status{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.payment-qr-status p{font-size:16px;color:#666}.status-pending{color:#f1c40f;font-weight:600}.status-success{color:#2ecc71;font-weight:600}.status-failed{color:#e74c3c;font-weight:600}.payment-check-btn,.payment-retry-btn,.payment-close-btn{padding:12px 25px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.payment-check-btn{background-color:#3939d9;color:#fff;min-width:150px}.payment-check-btn:hover{background-color:#2e2eb8;transform:translateY(-2px)}.payment-check-btn:disabled{background-color:#a0a0a0;cursor:not-allowed;transform:none}.payment-retry-btn{background-color:#e74c3c;color:#fff}.payment-retry-btn:hover{background-color:#c0392b;transform:translateY(-2px)}.payment-close-btn{background-color:#2ecc71;color:#fff}.payment-close-btn:hover{background-color:#27ae60;transform:translateY(-2px)}.payment-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.payment-success-icon{width:80px;height:80px;border-radius:50%;background-color:#2ecc71;color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:20px}.payment-success h3{color:#2ecc71;font-size:24px;margin-bottom:15px}.payment-success p{color:#666;margin-bottom:10px}.payment-txn-id{font-size:14px;color:#888;margin-bottom:20px}.payment-expired{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.payment-expired svg{color:#e74c3c;font-size:40px;margin-bottom:15px}.payment-expired h3{color:#e74c3c;font-size:24px;margin-bottom:15px}.payment-expired p{color:#666;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1.5s linear infinite}@media (max-width: 768px){.payment-qr-two-column{grid-template-columns:1fr;gap:20px}.payment-qr-left{order:1}.payment-qr-right{order:2}}@media (max-width: 480px){.payment-qr-modal{padding:20px 15px;max-width:95%}.payment-qr-header h2{font-size:20px}.payment-qr-amount{font-size:24px}.payment-qr-two-column{gap:15px}}.direct-appointment-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.direct-appointment-embedded{width:100%;max-width:900px;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;overflow:hidden;padding:48px 56px}@media (max-width: 1024px){.direct-appointment-embedded{padding:40px 36px}}@media (max-width: 768px){.direct-appointment-embedded{padding:28px 24px}}.embedded-payment-container{width:100%;max-width:900px;margin:0 auto}.direct-appointment-modal{background-color:#fff;border-radius:20px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0003;padding:30px}.direct-appointment-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#555;font-size:20px;cursor:pointer;z-index:10;transition:transform .2s ease,color .2s ease}.direct-appointment-close:hover{transform:scale(1.2);color:#3939d9}.direct-appointment-header{text-align:center;margin-bottom:30px}.direct-appointment-header h2{color:#3939d9;font-size:24px;margin-bottom:10px}.direct-appointment-header p{color:#666;font-size:16px}.direct-appointment-progress{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.progress-step{display:flex;flex-direction:column;align-items:center;z-index:1}.step-number{width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;color:#666;display:flex;align-items:center;justify-content:center;margin-bottom:5px;font-weight:700;transition:all .3s ease}.progress-step.active .step-number{background-color:#3939d9;color:#fff}.step-name{font-size:12px;color:#666}.progress-line{flex:1;height:3px;background-color:#f0f0f0;margin:0 10px;position:relative;top:-15px}.form-step{margin-top:20px}.form-row{display:flex;gap:20px;margin-bottom:15px}@media (max-width: 768px){.form-row{flex-direction:column;gap:15px}}.form-group{flex:1;margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#444;font-size:14px}.input-with-icon{position:relative}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999;font-size:16px}.textarea-container .input-icon{top:15px;transform:none}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 12px 12px 45px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3939d9;box-shadow:0 0 0 2px #3939d933;outline:none}.checkbox-group{margin:20px 0;display:flex;align-items:center;gap:12px}.checkbox-group label{display:inline-flex;align-items:flex-start;cursor:pointer;gap:10px;flex-wrap:wrap}.checkbox-group input{margin-top:2px}.checkbox-text{white-space:normal}.form-buttons{display:flex;justify-content:space-between;margin-top:30px}.back-btn,.next-btn,.submit-btn{padding:12px 25px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:14px}.back-btn{background-color:#f5f5f5;color:#555}.back-btn:hover{background-color:#e5e5e5}.next-btn{background-color:#3939d9;color:#fff}.next-btn:hover{background-color:#2e2eb8;transform:translateY(-2px);box-shadow:0 4px 10px #3939d933}.submit-btn{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;box-shadow:0 4px 10px #3939d933}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #3939d94d}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.review-section{background-color:#f8faff;border-radius:10px;padding:20px;margin-bottom:20px}.review-section h3{font-size:16px;color:#3939d9;margin-bottom:15px;font-weight:600}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.review-item{display:flex;flex-direction:column}.full-width{grid-column:1 / -1}.review-label{color:#777;font-size:12px;margin-bottom:5px}.review-value{font-weight:600;color:#333;font-size:14px}.payment-info{text-align:center;background-color:#f0f7ff;border-left:4px solid #3939d9}.payment-amount{font-size:32px;font-weight:700;color:#3939d9;margin:15px 0;display:flex;align-items:center;justify-content:center}.payment-amount svg{margin-right:5px}.payment-description{color:#666;font-size:14px;margin-bottom:15px}.payment-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#555;font-size:14px;background-color:#fff;padding:10px;border-radius:5px;margin-top:10px}.form-notice{background-color:#fff8e6;border-left:4px solid #ffc107;padding:15px;margin:20px 0;font-size:14px;color:#856404}.success-message{text-align:center;padding:30px 0}.success-icon{width:70px;height:70px;border-radius:50%;background-color:#2ecc71;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px}.success-message h3{color:#2ecc71;font-size:24px;margin-bottom:15px}.success-message p{color:#666;margin-bottom:10px;font-size:16px}.no-doctors-message{color:#e74c3c;font-size:14px;margin-top:5px}@media (max-width: 768px){.direct-appointment-modal{padding:20px;width:95%}.direct-appointment-header h2{font-size:20px}.direct-appointment-header p{font-size:14px}.step-name{display:none}.form-buttons{flex-direction:column;gap:10px}.back-btn,.next-btn,.submit-btn{width:100%}}.hero-cta{margin-top:30px}.hero-appointment-btn{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;border:none;border-radius:50px;padding:15px 30px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 5px 20px #3939d94d;transition:all .3s ease}.hero-appointment-btn:hover{box-shadow:0 8px 25px #3939d966;transform:translateY(-2px)}.hero-cta-note{font-size:14px;color:#666;margin-top:10px;font-style:italic}@media (max-width: 768px){.hero-appointment-btn{padding:12px 25px;font-size:14px}.hero-cta{margin-top:20px}}@font-face{font-family:revicons;fallback:fallback;src:url(/assets/revicons-DbTteTvA.woff) format("woff"),url(/assets/revicons-CBqxZnew.ttf) format("ttf"),url(/assets/revicons-BNIKeAUC.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:#00000080;min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:#00000080}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:""}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:""}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:gray;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:""}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:""}.home-message-section{position:relative;padding:80px 0;background:linear-gradient(135deg,#3939d908,#b3e00008);margin:100px 0}.message-wave-top{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.message-wave-top svg{position:relative;display:block;width:calc(100% + 1.3px);height:50px}.message-wave-top .shape-fill{fill:#fff}.message-wave-bottom{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.message-wave-bottom svg{position:relative;display:block;width:calc(100% + 1.3px);height:50px}.message-wave-bottom .shape-fill{fill:#fff}.message-container{padding:0 30px;max-width:1400px;margin:0 auto}.message-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}@media (max-width: 992px){.message-content{grid-template-columns:1fr}}.message-text{padding-right:30px}.message-header{display:flex;align-items:center;margin-bottom:25px}.message-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3939d9,#271776);display:flex;align-items:center;justify-content:center;margin-right:20px;color:#fff;font-size:24px;box-shadow:0 10px 20px #3939d933}.message-header h2{color:#333;font-size:28px;font-weight:700;margin:0}.message-text p{color:#555;font-size:16px;line-height:1.6;margin-bottom:30px}.contact-features{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.feature-item{display:flex;align-items:center;padding:15px 20px;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-icon{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,#3939d91a,#b3e0001a);display:flex;align-items:center;justify-content:center;margin-right:15px;color:#3939d9;font-size:20px}.feature-text{flex-grow:1}.feature-text h4{margin:0 0 5px;font-size:16px;font-weight:600;color:#333}.feature-text p{margin:0;font-size:14px;color:#666}.contact-numbers{display:flex;flex-wrap:wrap;gap:15px}.contact-number{flex-basis:100%;background-color:#fff;border-radius:8px;color:#333;font-size:15px;box-shadow:0 5px 15px #0000000d;position:relative;padding:12px 20px;transition:transform .3s ease}.contact-number:hover{transform:translateY(-3px)}.contact-number strong{color:#3939d9;margin-right:10px}.message-form-wrapper{background-color:#fff;border-radius:20px;box-shadow:0 15px 35px #00000014;padding:40px;position:relative;overflow:hidden}.form-decoration{position:absolute;border-radius:50%;background:radial-gradient(#3939d90d,#b3e0000d 70%);z-index:0}.decoration-1{width:200px;height:200px;top:-50px;right:-50px}.decoration-2{width:300px;height:300px;bottom:-150px;left:-150px}.form-title{color:#333;font-size:22px;font-weight:700;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee;position:relative}.form-title:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#3939d9,#b3e000)}@media (max-width: 768px){.home-message-section{padding:60px 0;margin:60px 0}.message-container{padding:0 20px}.message-text{padding-right:0}.message-header h2{font-size:24px}.message-form-wrapper{padding:30px 20px}.contact-numbers{flex-direction:column}}@media (max-width: 480px){.message-header{flex-direction:column;text-align:center}.message-icon{margin-right:0;margin-bottom:15px}}.appointment-cta-button{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#3939d9,#271776);color:#fff;border:none;border-radius:50px;padding:15px 25px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;box-shadow:0 5px 20px #3939d94d;cursor:pointer;z-index:999;transition:all .3s ease}.appointment-cta-button:hover{box-shadow:0 8px 25px #3939d966;transform:translateY(-2px)}.appointment-cta-icon{font-size:20px}.appointment-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.appointment-popup{background-color:#fff;border-radius:20px;width:90%;max-width:500px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0003}.popup-close-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:10;transition:transform .2s ease}.popup-close-btn:hover{transform:scale(1.2)}.popup-header{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;padding:25px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.popup-icon{font-size:40px}.popup-header h2{margin:0;font-size:24px;font-weight:700}.popup-content{padding:25px}.popup-content p{margin-top:0;color:#555;text-align:center;font-size:16px}.popup-buttons{display:flex;gap:15px;margin:25px 0}.popup-btn{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;padding:15px;border-radius:10px;font-weight:600;text-decoration:none;transition:all .3s ease}.login-btn{background-color:#3939d9;color:#fff}.login-btn:hover{background-color:#2e2eb8;transform:translateY(-2px)}.register-btn{background-color:#f0f0ff;color:#3939d9;border:2px solid #e0e0ff}.register-btn:hover{background-color:#e0e0ff;transform:translateY(-2px)}.popup-info{border-top:1px solid #eee;padding-top:20px;margin-top:20px}.popup-info p{margin:10px 0;font-size:14px;color:#777;text-align:left}@media (max-width: 768px){.appointment-cta-button{bottom:20px;right:20px;padding:12px 20px;font-size:14px}.appointment-popup{width:95%;max-width:none;border-radius:15px}.popup-header{padding:20px}.popup-header h2{font-size:20px}.popup-icon{font-size:35px}.popup-content{padding:20px}.popup-buttons{flex-direction:column;gap:10px}.popup-btn{width:100%;padding:12px}}@media (max-width: 480px){.appointment-cta-button{bottom:15px;right:15px;padding:10px 18px;font-size:13px;border-radius:40px}.appointment-cta-icon{font-size:18px}.appointment-popup{width:100%;border-radius:0;max-height:100vh;overflow-y:auto}.popup-header{padding:15px}.popup-header h2{font-size:18px}.popup-icon{font-size:30px}.popup-content{padding:15px}.popup-content p{font-size:14px}.popup-info p{font-size:13px}}.promo-card-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.promo-card-container{position:fixed;top:50%;left:50%;width:80%;max-width:520px;background:linear-gradient(135deg,#a8e6cf,#7dd3c0,#5fb3a8);border-radius:20px;box-shadow:0 20px 60px #0000004d;z-index:2001;overflow:hidden;max-height:95vh;overflow-y:auto;background-image:linear-gradient(135deg,#a8e6cfe6,#7dd3c0e6,#5fb3a8e6),radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);background-size:100% 100%,200% 200%,200% 200%;margin:0;padding:0}.promo-card-close{position:absolute;top:15px;right:15px;width:35px;height:35px;border-radius:50%;background-color:#e74c3c;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;z-index:2002;transition:all .3s ease;box-shadow:0 2px 8px #0003}.promo-card-close:hover{background-color:#c0392b;transform:scale(1.1)}.promo-card-content{padding:24px;position:relative}.promo-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;position:relative}.promo-card-title-section{flex:1}.promo-card-main-title{font-size:26px;font-weight:900;color:#1a5490;margin:0 0 5px;line-height:1.2}.promo-card-subtitle{font-size:20px;font-weight:700;color:#1a5490;margin:0 0 5px}.promo-card-doctor{font-size:13px;font-style:italic;color:#1a5490;margin:0;font-weight:500}.promo-card-nabh-logo{position:absolute;top:0;right:0}.nabh-badge{width:96px;height:96px;background:linear-gradient(135deg,#27ae60,#229954);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 15px #0003}.nabh-text{color:#fff;font-size:20px;font-weight:900;margin-bottom:2px}.nabh-certified{color:#fff;font-size:10px;font-weight:700;letter-spacing:1px}.nabh-border{position:absolute;inset:5px;border:2px solid rgba(255,255,255,.3);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);pointer-events:none}.promo-card-image-section{width:100%;min-height:240px;margin:20px 0;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000026;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:center;justify-content:center;position:relative}.promo-card-main-image{width:100%;height:auto;min-height:240px;object-fit:contain;border-radius:15px;display:block}.promo-card-footer{margin-top:20px;display:flex;flex-direction:column;gap:20px}.promo-card-footer-row{display:flex;align-items:stretch;justify-content:space-between;gap:20px;flex-wrap:wrap}.promo-card-hospital-info{background:#fffffff2;border-radius:15px;padding:20px;margin-bottom:0;flex:1 1 260px}.promo-card-quote{margin-bottom:25px;text-align:left}.quote-text{font-size:20px;font-weight:700;font-style:italic;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);line-height:1.4;margin:0}.hospital-logo-section{margin-bottom:12px;text-align:center}.hospital-logo{display:flex;align-items:center;justify-content:center;margin-bottom:5px}.logo-s{font-size:28px;font-weight:900;color:#1a5490;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.logo-text{font-size:24px;font-weight:700;color:#1a5490;margin-left:2px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.hospital-type{font-size:12px;color:#666;margin:0;font-weight:500}.promo-card-contact{margin-bottom:15px}.contact-address{margin-bottom:10px}.contact-address p{font-size:12px;color:#333;margin:0;line-height:1.5}.contact-numbers{display:flex;flex-direction:column;gap:6px}.contact-numbers p{font-size:12px;color:#1a5490;margin:0;font-weight:600;display:flex;align-items:center;gap:8px}.contact-icon{color:#27ae60;font-size:14px}.knee-icon-small{font-size:24px}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:5px}.qr-code-placeholder{width:64px;height:64px;background:#fff;border:2px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center}.qr-icon{font-size:40px;color:#333}.qr-text{font-size:11px;color:#666;margin:0;font-weight:500}.promo-card-cta-btn{width:100%;padding:12px;background:linear-gradient(135deg,#1a5490,#2c5aa0);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 12px #1a549040;text-transform:uppercase;letter-spacing:.8px}.promo-card-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a549066;background:linear-gradient(135deg,#2c5aa0,#1a5490)}@media (max-width: 768px){.promo-card-container{width:90%;max-width:420px;max-height:90vh;overflow-y:auto}.promo-card-content{padding:18px}.promo-card-main-title{font-size:22px}.promo-card-subtitle{font-size:18px}.promo-card-doctor{font-size:12px}.nabh-badge{width:76px;height:76px}.nabh-text{font-size:14px}.nabh-certified{font-size:7px}.promo-card-image-section{min-height:200px}.quote-text{font-size:18px}.promo-card-hospital-info{padding:14px}.logo-s{font-size:24px}.logo-text{font-size:20px}.contact-address p{font-size:11px}.contact-numbers p{font-size:12px}.qr-code-placeholder{width:54px;height:54px}.qr-icon{font-size:34px}.promo-card-cta-btn{padding:10px;font-size:14px}}@media (max-width: 480px){.promo-card-container{width:95%;max-width:400px;border-radius:15px;max-height:90vh}.promo-card-content{padding:15px}.promo-card-main-title{font-size:20px}.promo-card-subtitle{font-size:18px}.promo-card-doctor{font-size:13px}.nabh-badge{width:70px;height:70px}.nabh-text{font-size:14px}.nabh-certified{font-size:7px}.promo-card-image-section{height:180px}.quote-text{font-size:18px}.promo-card-close{width:30px;height:30px;font-size:16px;top:10px;right:10px}}@media (max-width: 600px){.promo-card-footer-row{flex-direction:column}}.appointment-container{padding:120px 0 80px;background:linear-gradient(135deg,#f8faffe6,#f0f2ffe6);min-height:100vh}.appointment-header{text-align:center;margin-bottom:40px;position:relative}.appointment-header h1{color:#3939d9;font-size:2.5rem;margin-bottom:15px;font-weight:800;position:relative;display:inline-block}.appointment-header h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3939d9,#b3e000);border-radius:2px}.appointment-header p{max-width:700px;margin:25px auto 0;color:#555;font-size:1.1rem;line-height:1.6}.appointment-form-container{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:40px;max-width:1000px;margin:0 auto;position:relative;overflow:hidden}.form-section{margin-bottom:30px}.section-title{font-size:1.2rem;color:#333;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;position:relative}.section-title:before{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#3939d9,#b3e000)}.form-select{width:100%;padding:12px 40px 12px 15px;font-size:1rem;border:1px solid #ddd;border-radius:8px;background-color:#f9fafc;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:15px}.form-select:focus{outline:none;border-color:#3939d9;box-shadow:0 0 0 3px #3939d91a;background-color:#fff}.form-textarea{width:100%;padding:12px 15px;font-size:1rem;border:1px solid #ddd;border-radius:8px;background-color:#f9fafc;transition:all .3s ease;resize:vertical;min-height:120px}.checkbox-group{display:flex;align-items:center;margin:20px 0}.checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;display:inline-block;width:22px;height:22px;background-color:#f9fafc;border:2px solid #ddd;border-radius:5px;margin-right:10px;transition:all .2s ease}.checkbox-input:checked~.checkmark{background-color:#3939d9;border-color:#3939d9}.checkmark:after{content:"";position:absolute;display:none;left:7px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:checked~.checkmark:after{display:block}.checkbox-text{color:#444;font-size:1rem}.appointment-slot{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:25px;margin-bottom:25px;border-left:4px solid #3939d9;transition:transform .3s ease,box-shadow .3s ease}.appointment-slot:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.appointment-slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.appointment-slot-title{font-size:1.1rem;font-weight:700;color:#3939d9;display:flex;align-items:center}.slot-icon{margin-right:10px;color:#3939d9}.slot-remove-btn{background-color:#e74c3c1a;color:#e74c3c;border:none;border-radius:6px;padding:8px 12px;font-size:.9rem;font-weight:600;display:flex;align-items:center;cursor:pointer;transition:all .2s ease}.slot-remove-btn:hover{background-color:#e74c3c33}.remove-icon{margin-right:6px}.date-picker{width:100%;padding:12px 15px;font-size:1rem;border:1px solid #ddd;border-radius:8px;background-color:#f9fafc;margin-bottom:15px;transition:all .3s ease}.date-picker:focus{outline:none;border-color:#3939d9;box-shadow:0 0 0 3px #3939d91a}.multiple-toggle{background-color:#f8faff;border-radius:10px;padding:15px;margin-bottom:30px;border-left:4px solid #b3e000}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;margin-right:15px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#3939d9}input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-weight:600;color:#444}.add-appointment-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:30px;padding:10px 20px;font-size:1rem;font-weight:600;display:flex;align-items:center;margin:0 auto;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #4caf504d}.add-appointment-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4caf5066}.add-icon{margin-right:8px}.form-submit-btn{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;border:none;border-radius:30px;padding:14px 30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #3939d94d;display:flex;align-items:center;justify-content:center;margin:20px auto 0;min-width:200px}.form-submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3939d966}.no-doctors-message{color:#e74c3c;font-size:.9rem;margin-top:10px;display:flex;align-items:center}.warning-icon{margin-right:5px}.form-progress{display:flex;justify-content:center;margin-bottom:40px}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1;max-width:150px}.progress-step:not(:last-child):after{content:"";position:absolute;top:20px;width:100%;height:3px;background-color:#eee;right:-50%;z-index:-1}.progress-step.active:not(:last-child):after{background:linear-gradient(90deg,#3939d9,#b3e000)}.step-number{width:40px;height:40px;border-radius:50%;background-color:#eee;color:#555;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px;transition:all .3s ease}.progress-step.active .step-number{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;box-shadow:0 0 0 5px #3939d933}.step-name{font-size:.9rem;color:#777;font-weight:500;text-align:center}.progress-step.active .step-name{color:#3939d9;font-weight:600}@media (max-width: 992px){.appointment-container{padding:100px 0 60px}.form-row{grid-template-columns:1fr}.appointment-form-container{padding:30px}.appointment-header h1{font-size:2rem}.appointment-header p{font-size:1rem}}@media (max-width: 768px){.appointment-container{padding:90px 0 50px}.appointment-header{margin-bottom:30px}.appointment-header h1{font-size:1.8rem}.appointment-header p{font-size:.95rem;margin-top:15px}.appointment-form-container{padding:20px;border-radius:15px}.section-title{font-size:1.1rem;margin-bottom:15px}.form-row{gap:15px}.form-control,.form-select,.form-textarea{font-size:.95rem;padding:10px 12px}.appointment-slot{padding:20px;margin-bottom:20px}.appointment-slot-header{flex-direction:column;align-items:flex-start;gap:15px}.progress-step:not(:last-child):after{display:none}.form-progress{flex-direction:column;align-items:center;margin-bottom:30px}.progress-step{flex-direction:row;justify-content:flex-start;margin-bottom:10px;width:100%;max-width:none}.step-number{margin-right:15px;margin-bottom:0;width:30px;height:30px;font-size:.9rem}.step-name{text-align:left;font-size:.85rem}.form-submit-btn{width:100%;padding:12px 25px;font-size:1rem}.multiple-toggle{padding:12px}.add-appointment-btn{width:100%;justify-content:center}}@media (max-width: 480px){.appointment-container{padding:80px 0 40px}.appointment-header h1{font-size:1.5rem}.appointment-header p{font-size:.9rem}.appointment-form-container{padding:15px}.section-title{font-size:1rem}.form-label{font-size:.85rem}.form-control,.form-select,.form-textarea{font-size:.9rem;padding:10px}.appointment-slot{padding:15px}.appointment-slot-title{font-size:1rem}.step-number{width:28px;height:28px;font-size:.85rem}.step-name{font-size:.8rem}.form-submit-btn{padding:10px 20px;font-size:.95rem}}.appointment-container{max-width:1200px;margin:0 auto;padding:40px 20px}.appointment-header{text-align:center;margin-bottom:30px}.appointment-header h2{font-size:2rem;color:#333;margin-bottom:10px}.appointment-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.direct-appointment-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;overflow:hidden;margin:20px auto;max-width:900px}@media (max-width: 768px){.appointment-container{padding:20px 15px}.appointment-header h2{font-size:1.8rem}}@media (max-width: 480px){.appointment-header h2{font-size:1.5rem}}.about-container{padding:80px 0}.about-header{text-align:center;margin-bottom:60px;padding:0 20px}.about-header h1{color:#3939d9;font-size:2.8rem;margin-bottom:15px;font-weight:800;position:relative;display:inline-block}.about-header h1:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3939d9,#b3e000);border-radius:2px}.about-header p{max-width:800px;margin:30px auto 0;color:#555;font-size:1.1rem;line-height:1.6}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:40px 0;padding:0 20px}@media (max-width: 992px){.about-grid{grid-template-columns:1fr}}.about-image{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 20px 40px #0000001a}.about-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.about-image:hover img{transform:scale(1.05)}.about-content{display:flex;flex-direction:column;justify-content:center}.about-content h2{color:#3939d9;font-size:2rem;font-weight:700;margin-bottom:25px;position:relative}.about-content h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:#b3e000;border-radius:2px}.about-content p{color:#444;font-size:1.1rem;line-height:1.7;margin-bottom:20px}.about-mission{background:linear-gradient(135deg,#3939d90d,#b3e0000d);padding:80px 20px;margin:60px 0}.mission-content{max-width:1200px;margin:0 auto;text-align:center}.mission-content h2{color:#3939d9;font-size:2.2rem;margin-bottom:30px;font-weight:700}.mission-content p{max-width:800px;margin:0 auto 30px;color:#444;font-size:1.1rem;line-height:1.7}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1200px;margin:60px auto;padding:0 20px}.value-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.value-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001a}.value-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3939d91a,#b3e0001a);border-radius:50%;margin-bottom:20px;color:#3939d9;font-size:30px}.value-card h3{color:#333;font-weight:700;margin-bottom:15px;font-size:1.4rem}.value-card p{color:#555;line-height:1.6}.team-section{padding:80px 20px;text-align:center;background:#f9f9fb}.team-section h2{color:#3939d9;font-size:2.2rem;margin-bottom:50px;font-weight:700;position:relative;display:inline-block}.team-section h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:70px;height:3px;background:#b3e000;border-radius:2px}.cta-section{background:linear-gradient(135deg,#3939d9,#271776);padding:80px 20px;text-align:center;color:#fff;margin-bottom:60px}.cta-content{max-width:800px;margin:0 auto}.cta-content h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.cta-content p{margin-bottom:30px;font-size:1.1rem;line-height:1.6}.cta-button{display:inline-block;background:#b3e000;color:#333;padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 5px 15px #b3e0004d}.cta-button:hover{background:#c3f000;transform:translateY(-3px);box-shadow:0 8px 20px #b3e00066}.achievements-section{padding:60px 20px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1200px;margin:0 auto}.achievement-card{text-align:center;padding:30px}.achievement-number{font-size:3rem;font-weight:800;color:#3939d9;margin-bottom:10px}.achievement-text{color:#555;font-size:1.1rem;font-weight:500}.about-timeline{padding:60px 20px;background:#f9f9fb}.timeline-container{max-width:1000px;margin:0 auto;position:relative}.timeline-container:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:4px;height:100%;background:#3939d933}.timeline-item{margin-bottom:60px;position:relative}.timeline-content{width:45%;padding:30px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000000d;position:relative}.timeline-item:nth-child(odd) .timeline-content{margin-left:auto}.timeline-content:before{content:"";position:absolute;top:20px;width:20px;height:20px;background:#3939d9;border-radius:50%}.timeline-item:nth-child(odd) .timeline-content:before{left:-60px}.timeline-item:nth-child(2n) .timeline-content:before{right:-60px}.timeline-year{position:absolute;top:12px;font-weight:700;color:#3939d9}.timeline-item:nth-child(odd) .timeline-year{left:-110px}.timeline-item:nth-child(2n) .timeline-year{right:-110px}.timeline-content h3{color:#333;margin-bottom:15px;font-size:1.4rem}.timeline-content p{color:#555;line-height:1.6}@media (max-width: 768px){.about-header h1{font-size:2.2rem}.about-content h2,.mission-content h2,.team-section h2{font-size:1.8rem}.timeline-container:before{left:20px}.timeline-content{width:calc(100% - 60px);margin-left:60px!important}.timeline-item:nth-child(odd) .timeline-content:before,.timeline-item:nth-child(2n) .timeline-content:before{left:-40px;right:auto}.timeline-item:nth-child(odd) .timeline-year,.timeline-item:nth-child(2n) .timeline-year{left:-60px;right:auto}}@media (max-width: 480px){.about-header h1{font-size:1.8rem}.cta-content h2{font-size:2rem}.achievement-number{font-size:2.5rem}.achievement-text{font-size:1rem}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;background-color:#f8f9fa;background-image:linear-gradient(135deg,#ebebff99,#f1f1ff99)}.register-card{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #3939d91a;overflow:hidden;width:100%;max-width:700px;transition:transform .3s ease,box-shadow .3s ease;margin-top:50px}.register-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #3939d926}.register-header{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;padding:30px;text-align:center;border-radius:20px 20px 0 0}.register-header h2{margin:0;font-size:28px;font-weight:700;letter-spacing:1px;color:#fff}.register-header p{color:#ffffffd9;margin:10px 0 0;font-size:16px}.register-body{padding:30px}.register-form-row{display:flex;gap:20px;margin-bottom:20px}@media (max-width: 968px){.register-container{padding:30px 15px}.register-card{max-width:600px;margin-top:30px}}@media (max-width: 768px){.register-container{padding:30px 15px}.register-card{margin-top:30px}.register-header h2{font-size:24px}.register-header p{font-size:15px}.register-form-row{flex-direction:column;gap:0}.register-body{padding:25px}}@media (max-width: 500px){.register-container{padding:20px 10px}.register-card{border-radius:15px;margin-top:20px}.register-header{padding:25px 20px}.register-header h2{font-size:22px}.register-body{padding:20px}.register-form-group{margin-bottom:18px}.register-form-group input,.register-form-group select{padding:12px 12px 12px 40px;font-size:15px}.register-form-group .input-icon{top:36px;font-size:18px}.register-btn{padding:12px;font-size:15px}.register-footer{padding:0 20px 20px}}.register-form-group{margin-bottom:20px;position:relative;flex:1}.register-form-group label{display:block;margin-bottom:8px;font-weight:500;color:#444;font-size:14px}.register-form-group input,.register-form-group select{width:100%;padding:15px 15px 15px 45px;border:1px solid #ddd;border-radius:10px;font-size:16px;transition:all .3s ease;background-color:#f9f9fc}.register-form-group input:focus,.register-form-group select:focus{border-color:#3939d9;box-shadow:0 0 0 2px #3939d933;outline:none}.register-form-group .input-icon{position:absolute;left:15px;top:38px;color:#999;font-size:20px}.register-form-group input:focus+.input-icon,.register-form-group select:focus+.input-icon{color:#3939d9}.register-footer{padding:0 30px 30px}.register-login-link{display:flex;justify-content:center;gap:8px;margin-top:20px;color:#666;font-size:15px}.register-login-link a{color:#3939d9;text-decoration:none;font-weight:600;transition:color .2s ease}.register-login-link a:hover{color:#271776;text-decoration:underline}.register-btn{width:100%;padding:15px;background:linear-gradient(135deg,#3939d9,#271776);border:none;border-radius:30px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #3939d933;letter-spacing:1px;margin-top:10px}.register-btn:hover{background:linear-gradient(135deg,#271776,#3939d9);box-shadow:0 6px 15px #3939d94d;transform:translateY(-2px)}.register-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #3939d933}.register-card{animation:fadeIn .6s ease-out}.register-progress{display:flex;justify-content:center;margin-bottom:30px}.register-progress-step{width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;margin:0 15px;position:relative;z-index:1}.register-progress-step.active{background-color:#3939d9;color:#fff}.register-progress-step.completed{background-color:#2ecc71;color:#fff}.register-progress-line{height:3px;background-color:#f0f0f0;flex:1;position:relative;top:-15px;z-index:0}.register-progress-line.active{background-color:#3939d9}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;background-color:#f8f9fa;background-image:linear-gradient(135deg,#ebebff99,#f1f1ff99)}.login-card{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #3939d91a;overflow:hidden;width:100%;max-width:420px;transition:transform .3s ease,box-shadow .3s ease;margin-top:50px}.login-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #3939d926}.login-header{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;padding:30px;text-align:center;border-radius:20px 20px 0 0}.login-header h2{margin:0;font-size:28px;font-weight:700;letter-spacing:1px;color:#fff}.login-header p{color:#ffffffd9;margin:10px 0 0;font-size:16px}.login-body{padding:30px}.login-form-group{margin-bottom:25px;position:relative}.login-form-group label{display:block;margin-bottom:8px;font-weight:500;color:#444;font-size:14px}.login-form-group input{width:100%;padding:15px 15px 15px 45px;border:1px solid #ddd;border-radius:10px;font-size:16px;transition:all .3s ease;background-color:#f9f9fc}.login-form-group input:focus{border-color:#3939d9;box-shadow:0 0 0 2px #3939d933;outline:none}.login-form-group .input-icon{position:absolute;left:15px;top:38px;color:#999;font-size:20px}.login-form-group input:focus+.input-icon{color:#3939d9}.login-btn{width:100%;padding:15px;background:linear-gradient(135deg,#3939d9,#271776);border:none;border-radius:30px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #3939d933;letter-spacing:1px}.login-btn:hover{background:linear-gradient(135deg,#271776,#3939d9);box-shadow:0 6px 15px #3939d94d;transform:translateY(-2px)}.login-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #3939d933}.login-divider{display:flex;align-items:center;margin:25px 0;color:#888}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:#ddd}.login-divider span{padding:0 15px;font-size:14px}.error-message{color:#e74c3c;font-size:14px;margin-top:5px;display:flex;align-items:center}.error-message svg{margin-right:5px;font-size:16px}.success-message{color:#2ecc71;font-size:14px;margin-top:5px;display:flex;align-items:center}.success-message svg{margin-right:5px;font-size:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeIn .6s ease-out}@media (max-width: 768px){.login-container{padding:30px 15px}.login-card{margin-top:30px}.login-header h2{font-size:24px}.login-header p{font-size:15px}}@media (max-width: 500px){.login-container{padding:20px 10px}.login-card{border-radius:15px;margin-top:20px}.login-header{padding:25px 20px}.login-header h2{font-size:22px}.login-body,.login-footer{padding:20px}.login-form-group{margin-bottom:20px}.login-form-group input{padding:12px 12px 12px 40px;font-size:15px}.login-form-group .input-icon{top:36px;font-size:18px}.login-btn{padding:12px;font-size:15px}}.doctors-page{padding:110px 20px 120px;max-width:1100px;margin:0 auto}.doctors-header{position:relative;text-align:left;padding:45px 40px 60px;margin-bottom:45px;border-radius:28px;background:linear-gradient(135deg,#3939d91f,#b3e00014);box-shadow:0 18px 40px #3939d914;overflow:hidden}.doctors-header:before,.doctors-header:after{content:"";position:absolute;border-radius:50%;opacity:.4}.doctors-header:before{width:190px;height:190px;background:radial-gradient(circle,#3939d940,#3939d900 70%);top:-50px;right:-40px}.doctors-header:after{width:140px;height:140px;background:radial-gradient(circle,#b3e00040,#b3e00000 70%);bottom:-40px;left:-25px}.doctors-eyebrow{display:inline-block;padding:7px 17px;background:#3939d926;color:#271776;font-weight:700;font-size:.82rem;border-radius:999px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:18px;position:relative;z-index:1}.doctors-header h1{color:#271776;font-size:2.4rem;margin-bottom:18px;font-weight:800;position:relative;z-index:1}.doctors-header p{color:#4a4a6a;font-size:1.05rem;line-height:1.7;max-width:640px;margin:0;position:relative;z-index:1}.doctors-header-highlights{margin-top:25px;display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}.doctors-highlight-chip{padding:9px 16px;border-radius:999px;background:#fff;color:#3939d9;font-weight:600;font-size:.82rem;box-shadow:0 8px 18px #3939d917}.department-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px}.filter-btn{padding:7px 16px;background-color:#fff;border:1px solid #e5e5ff;border-radius:30px;color:#5a5a85;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 15px #3939d914}.filter-btn:hover{background-color:#f4f4ff}.filter-btn.active{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;border-color:transparent}.doctors-scroll-hint{text-align:center;margin:5px 0 28px;font-size:.88rem;color:#6b6b93;opacity:.8;letter-spacing:.04em;text-transform:uppercase}.doctors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.doctor-card{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 28px #0000000f;transition:all .3s ease;display:flex;flex-direction:column;max-width:300px;margin:0 auto}.doctor-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #3939d924}.doctor-image{height:170px;overflow:hidden;position:relative}.doctor-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.doctor-card:hover .doctor-image img{transform:scale(1.05)}.doctor-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#3939d9;color:#fff;font-weight:700;font-size:42px}.doctor-info{padding:20px 18px 22px}.doctor-info h3{margin:0 0 10px;color:#271776;font-size:1.15rem}.doctor-specialty{display:flex;align-items:center;margin-bottom:14px;color:#3939d9;font-weight:500;font-size:.92rem}.doctor-detail-icon{width:30px;height:30px;border-radius:50%;background:#3939d91f;display:inline-flex;align-items:center;justify-content:center;color:#3939d9;margin-right:10px;font-size:13px;flex-shrink:0}.doctor-detail-icon.small{width:26px;height:26px;font-size:12px}.doctor-specialty-text{color:#3939d9;font-weight:700;text-align:center}.detail-item{display:flex;align-items:center;margin-bottom:4px;color:#63638a;font-size:.86rem}.detail-text{color:#63638a}.info-icon{margin-right:5px;color:#3939d9;font-size:12px}.doctor-details{margin-bottom:16px}.detail-item .info-icon{font-size:11px}.book-appointment-btn{width:100%;padding:9px;background:linear-gradient(135deg,#3939d9,#271776);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.92rem;cursor:pointer;transition:all .3s ease}.book-appointment-btn:hover{box-shadow:0 6px 16px #3939d93d}@media (max-width: 968px){.doctors-page{padding:90px 15px 60px}.doctor-card{max-width:100%}.doctors-grid{gap:22px}}@media (max-width: 768px){.doctors-header{text-align:center;padding:35px 25px 55px}.doctors-header p{margin:0 auto}.doctors-header-highlights{justify-content:center}.doctors-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 480px){.doctors-page{padding:80px 12px 40px}.doctor-image{height:160px}}.services-container{padding:120px 0 80px;background:linear-gradient(180deg,#3939d90d,#fffffff2 45%)}.services-header{position:relative;max-width:1100px;margin:0 auto 60px;padding:50px 40px 70px;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#3939d91f,#b3e00014);box-shadow:0 20px 50px #3939d914;text-align:left}.services-header:before,.services-header:after{content:"";position:absolute;border-radius:50%;opacity:.35;z-index:0}.services-header:before{width:220px;height:220px;background:radial-gradient(circle,#3939d940,#3939d900 70%);top:-60px;right:-40px}.services-header:after{width:160px;height:160px;background:radial-gradient(circle,#b3e00040,#b3e00000 70%);bottom:-50px;left:-30px}.services-eyebrow{display:inline-block;padding:8px 18px;background:#3939d91f;color:#271776;font-weight:700;font-size:.85rem;border-radius:999px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;position:relative;z-index:1}.services-header h1{color:#271776;font-size:2.6rem;margin-bottom:22px;font-weight:800;position:relative;z-index:1}.services-header p{max-width:720px;margin:0;color:#4a4a6a;font-size:1.05rem;line-height:1.7;position:relative;z-index:1}.services-header-highlights{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}.highlight-chip{padding:10px 18px;border-radius:999px;background:#fff;color:#3939d9;font-weight:600;font-size:.85rem;box-shadow:0 8px 20px #3939d914}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;padding:0 20px;max-width:1100px;margin:0 auto}.service-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #0000000f;transition:all .3s ease;height:100%;display:flex;flex-direction:column;max-width:330px;margin:0 auto}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #3939d91f}.service-image{height:180px;overflow:hidden;position:relative}.service-icon{width:64px;height:64px;bottom:-20px;left:24px;font-size:24px}.service-content{padding:32px 26px 26px}.service-title{font-size:1.25rem;margin-bottom:12px}.service-description{font-size:.98rem;margin-bottom:20px}.services-scroll-hint{text-align:center;margin:10px 0 30px;font-size:.9rem;color:#6b6b93;opacity:.8;letter-spacing:.05em;text-transform:uppercase}.service-link{display:inline-flex;align-items:center;text-decoration:none;color:#3939d9;font-weight:600;font-size:1rem;transition:all .3s ease;margin-top:auto}.service-link svg{margin-left:8px;transition:transform .3s ease}.service-link:hover{color:#271776}.service-link:hover svg{transform:translate(5px)}.services-cta{background:linear-gradient(135deg,#3939d90d,#b3e0000d);padding:80px 20px;text-align:center;margin:80px 0 0}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{color:#3939d9;font-size:2.2rem;margin-bottom:20px;font-weight:700}.cta-content p{color:#444;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.cta-button{display:inline-block;padding:15px 30px;background:linear-gradient(135deg,#3939d9,#271776);color:#fff;text-decoration:none;border-radius:30px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 5px 15px #3939d933}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3939d94d}.service-features{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.feature-item{display:flex;align-items:center;margin-bottom:10px}.feature-icon{color:#3939d9;margin-right:10px;font-size:16px}.feature-text{color:#555;font-size:.95rem}.search-container{max-width:700px;margin:0 auto 50px;padding:0 20px}.search-box{width:100%;padding:15px 20px;border:2px solid #eee;border-radius:30px;font-size:1rem;background-color:#fff;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}.search-box:focus{outline:none;border-color:#3939d9;box-shadow:0 5px 20px #3939d91a}.filter-container{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px;padding:0 20px}.filter-button{margin:5px;padding:10px 20px;background-color:#fff;border:1px solid #eee;border-radius:30px;font-size:.9rem;color:#444;cursor:pointer;transition:all .3s ease}.filter-button:hover{background-color:#f5f5ff;border-color:#d5d5ff}.filter-button.active{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;border-color:transparent}.testimonials-section{padding:80px 20px;background:#f9f9fb;margin-top:80px}.testimonials-header{text-align:center;margin-bottom:50px}.testimonials-header h2{color:#3939d9;font-size:2.2rem;margin-bottom:20px;font-weight:700}.testimonials-header p{max-width:700px;margin:0 auto;color:#555;font-size:1.1rem}.testimonials-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.testimonial-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 20px #0000000d;width:100%;max-width:380px;display:flex;flex-direction:column}.testimonial-content{color:#444;font-style:italic;margin-bottom:20px;line-height:1.6;flex-grow:1;position:relative}.testimonial-content:before{content:'"';font-size:60px;color:#3939d91a;position:absolute;top:-20px;left:-10px;font-family:serif}.testimonial-author{display:flex;align-items:center}.author-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:#333;font-size:1rem}.author-title{color:#777;font-size:.9rem}@media (max-width: 968px){.services-header{padding:40px 30px 60px}.service-card{max-width:100%}.services-grid{gap:24px}}@media (max-width: 768px){.services-header{text-align:center;padding:35px 25px 55px}.services-header h1{font-size:2.2rem}.services-header p{margin:0 auto}.services-header-highlights{justify-content:center}.services-eyebrow{margin:0 auto 18px}.services-grid{grid-template-columns:1fr;padding:0 18px}}@media (max-width: 480px){.services-header{padding:30px 22px 45px}.services-header h1{font-size:1.9rem}.service-image{height:170px;width:330px}}.contact-container{padding:120px 0 80px;background:linear-gradient(135deg,#f8faffe6,#f0f2ffe6);min-height:100vh}.contact-header{text-align:center;margin-bottom:50px;position:relative}.contact-header h1{color:#3939d9;font-size:2.5rem;margin-bottom:15px;font-weight:800;position:relative;display:inline-block}.contact-header h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3939d9,#b3e000);border-radius:2px}.contact-header p{max-width:700px;margin:25px auto 0;color:#555;font-size:1.1rem;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:0 auto}@media (max-width: 992px){.contact-content{grid-template-columns:1fr}}.contact-form-container{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:40px;position:relative;overflow:hidden}.form-decoration{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(#3939d90d,#b3e0000d 70%);z-index:0}.decoration-1{top:-100px;right:-100px}.decoration-2{bottom:-100px;left:-100px;width:300px;height:300px}.contact-form-title{font-size:1.5rem;color:#333;font-weight:700;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee;position:relative}.contact-form-title:before{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#3939d9,#b3e000)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{margin-bottom:0}.form-label{display:block;font-size:.9rem;color:#555;margin-bottom:8px;font-weight:600}.form-control{width:100%;padding:12px 15px;font-size:1rem;border:1px solid #ddd;border-radius:8px;background-color:#f9fafc;transition:all .3s ease}.form-control:focus{outline:none;border-color:#3939d9;box-shadow:0 0 0 3px #3939d91a;background-color:#fff}.form-control::placeholder{color:#aaa}.form-textarea{width:100%;padding:12px 15px;font-size:1rem;border:1px solid #ddd;border-radius:8px;background-color:#f9fafc;transition:all .3s ease;resize:vertical;min-height:150px}.form-textarea:focus{outline:none;border-color:#3939d9;box-shadow:0 0 0 3px #3939d91a;background-color:#fff}.submit-btn{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;border:none;border-radius:30px;padding:14px 30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #3939d94d;display:flex;align-items:center;justify-content:center;margin:20px auto 0;min-width:200px}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3939d966}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 5px 15px #3939d94d}.submit-icon{margin-right:10px}.contact-info{display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 8px 25px #0000000f;transition:all .3s ease;display:flex;align-items:center}.info-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001a}.info-icon{width:60px;height:60px;background:linear-gradient(135deg,#3939d91a,#b3e0001a);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:20px;color:#3939d9;font-size:24px}.info-content h4{font-size:1.1rem;color:#333;margin-bottom:8px;font-weight:700}.info-content p{color:#666;line-height:1.5;margin:0}.info-link{color:#3939d9;text-decoration:none;transition:all .2s ease}.info-link:hover{color:#271776;text-decoration:underline}.social-links{display:flex;gap:15px;margin-top:10px}.social-icon{width:40px;height:40px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#333;font-size:18px;transition:all .3s ease}.social-icon:hover{transform:translateY(-3px);background-color:#3939d9;color:#fff}.map-container{border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #00000014;height:300px;margin-top:30px;position:relative}.map-container iframe{width:100%;height:100%;border:none}.error-message{color:#e74c3c;font-size:.85rem;margin-top:5px}.success-message{text-align:center;padding:20px;background-color:#2ecc711a;border-radius:10px;margin-top:20px}.success-message h4{color:#2ecc71;margin-bottom:10px}.success-message p{color:#555;margin-bottom:0}.business-hours{margin-top:40px}.business-hours h4{font-size:1.2rem;margin-bottom:15px;color:#333;position:relative;display:inline-block;padding-bottom:5px}.business-hours h4:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#3939d9,#b3e00080)}.hours-list{list-style:none;padding:0;margin:0}.hours-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #eee}.hours-item:last-child{border-bottom:none}.hours{color:#666}.hours.closed{color:#e74c3c}.dashboard-container{padding-top:120px;padding-bottom:60px;background-color:#f8f9fb;min-height:100vh}.dashboard-header{margin-bottom:30px;position:relative}.dashboard-welcome{background:linear-gradient(135deg,#fff,#f7faff);border-radius:15px;box-shadow:0 10px 30px #0000000d;padding:30px;margin-bottom:40px;position:relative;overflow:hidden}.dashboard-welcome-content{position:relative;z-index:2}.dashboard-welcome h1{color:#3939d9;font-size:2.2rem;margin-bottom:10px;font-weight:700}.dashboard-welcome h2{color:#333;font-size:1.5rem;margin-bottom:15px}.welcome-details{display:flex;flex-wrap:wrap;gap:40px;margin-top:25px}.welcome-detail-item{display:flex;align-items:center}.welcome-detail-icon{width:45px;height:45px;border-radius:10px;background:#3939d91a;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#3939d9;font-size:20px}.welcome-detail-text{line-height:1.4}.welcome-detail-label{color:#777;font-size:.9rem}.welcome-detail-value{font-weight:600;color:#333}.welcome-bg-shape{position:absolute;right:-50px;top:-50px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#b3e0001a,#3939d90d 70%);z-index:1}.welcome-actions{display:flex;gap:15px;margin-top:25px}.dashboard-action-btn{padding:10px 20px;border-radius:30px;font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s ease}.dashboard-primary-btn{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;box-shadow:0 5px 15px #3939d933}.dashboard-primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3939d94d;color:#fff}.dashboard-outline-btn{background:transparent;border:2px solid #3939d9;color:#3939d9}.dashboard-outline-btn:hover{background:#3939d90d;transform:translateY(-3px);color:#3939d9}.action-icon{margin-right:8px}.dashboard-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000000d;padding:30px;margin-bottom:30px}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dashboard-section-title{font-size:1.3rem;color:#333;font-weight:700;display:flex;align-items:center}.section-icon{margin-right:10px;color:#3939d9}.dashboard-section-action{color:#3939d9;font-weight:600;font-size:.9rem;text-decoration:none;display:flex;align-items:center}.dashboard-section-action svg{margin-left:5px;transition:transform .3s ease}.dashboard-section-action:hover svg{transform:translate(3px)}.appointments-container{margin-top:20px}.appointment-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:20px;margin-bottom:20px;position:relative;border-left:5px solid;transition:all .3s ease}.appointment-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.appointment-department{font-size:1.1rem;font-weight:700;color:#333;margin:0}.appointment-id{font-size:.8rem;color:#7f8c8d}.appointment-status{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;display:inline-block}.appointment-pending-note{margin-top:5px;font-size:.8rem;font-style:italic;text-align:right;color:#e67e22}.appointment-details{margin-top:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.appointment-detail{display:flex;flex-direction:column}.appointment-detail-label{font-size:.8rem;color:#7f8c8d;margin-bottom:5px}.appointment-detail-value{font-weight:600;color:#333}.appointment-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.appointment-action-btn{padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.action-view{background-color:#3498db;color:#fff}.action-reschedule{background-color:#f39c12;color:#fff}.action-cancel{background-color:#e74c3c;color:#fff;display:flex;align-items:center;gap:5px;padding:8px 15px;border-radius:6px;transition:all .3s ease}.action-cancel:hover{background-color:#c0392b}.appointment-action-btn:hover{opacity:.9;transform:translateY(-2px)}.empty-state{text-align:center;padding:40px 20px}.empty-state-icon{font-size:50px;color:#b3e000;margin-bottom:20px}.empty-state-message{font-size:1.2rem;color:#555;margin-bottom:25px}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;height:20px;margin-bottom:10px}.skeleton-appointment{border-radius:12px;padding:20px;margin-bottom:20px;background:#fff;box-shadow:0 5px 15px #0000000d;border-left:5px solid #ddd}.skeleton-header{display:flex;justify-content:space-between;margin-bottom:20px}.skeleton-title{width:200px;height:24px}.skeleton-badge{width:80px;height:24px;border-radius:20px}.skeleton-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.skeleton-detail{width:100%;height:20px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:20px}.metric-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:20px;text-align:center;position:relative}.metric-icon{width:50px;height:50px;border-radius:50%;background:#3939d91a;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#3939d9;font-size:22px}.metric-value{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:5px}.metric-label{font-size:.85rem;color:#7f8c8d}@media (max-width: 968px){.dashboard-container{padding-top:100px;padding-bottom:40px}.dashboard-welcome,.dashboard-section{padding:25px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-container{padding-top:90px;padding-bottom:30px}.dashboard-welcome{padding:20px;margin-bottom:30px}.dashboard-welcome h1{font-size:1.8rem}.dashboard-welcome h2{font-size:1.2rem}.welcome-details{gap:20px;margin-top:20px}.welcome-detail-item{width:100%}.welcome-detail-icon{width:40px;height:40px;font-size:18px}.appointment-header{flex-direction:column;align-items:flex-start;gap:10px}.appointment-status-container{margin-top:10px;width:100%}.appointment-details{grid-template-columns:1fr;gap:12px}.welcome-actions{flex-direction:column;gap:10px}.dashboard-action-btn{width:100%;justify-content:center}.dashboard-section{padding:20px;margin-bottom:20px}.dashboard-section-header{flex-direction:column;align-items:flex-start;gap:15px}.dashboard-section-title{font-size:1.1rem}.metrics-grid{grid-template-columns:1fr;gap:15px}.metric-card{padding:15px}.appointment-actions{flex-direction:column;gap:8px}.appointment-action-btn{width:100%;justify-content:center}}@media (max-width: 480px){.dashboard-container{padding-top:80px;padding-bottom:20px}.dashboard-welcome{padding:15px}.dashboard-welcome h1{font-size:1.5rem}.dashboard-welcome h2{font-size:1rem}.welcome-details{gap:15px;margin-top:15px}.welcome-detail-icon{width:35px;height:35px;font-size:16px;margin-right:10px}.dashboard-section{padding:15px}.dashboard-section-title{font-size:1rem}.appointment-card{padding:15px}.appointment-department{font-size:1rem}.appointment-detail-label{font-size:.75rem}.appointment-detail-value{font-size:.9rem}.metric-value{font-size:1.3rem}.empty-state{padding:30px 15px}.empty-state-icon{font-size:40px}.empty-state-message{font-size:1rem}}.dashboard-calendar{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000000d;padding:20px;margin-top:20px}.dashboard-calendar h3{font-size:1.1rem;color:#333;margin-bottom:15px}.upcoming-appointment{background:linear-gradient(135deg,#3939d9,#271776);border-radius:12px;padding:20px;margin-top:15px;color:#fff;position:relative;overflow:hidden}.upcoming-appointment-bg{position:absolute;right:-20px;bottom:-20px;width:150px;height:150px;background:#ffffff1a;border-radius:50%;z-index:1}.upcoming-appointment-content{position:relative;z-index:2}.upcoming-date{font-size:.9rem;opacity:.9;margin-bottom:10px}.upcoming-department{font-size:1.2rem;font-weight:700;margin-bottom:15px}.upcoming-doctor{font-size:.9rem;opacity:.9;display:flex;align-items:center}.doctor-icon{margin-right:5px;font-size:16px}.doctor-dashboard-container{padding-top:80px;padding-bottom:60px;background-color:#f8f9fb;min-height:100vh}.doctor-welcome-card{background:linear-gradient(135deg,#fff,#f0f7ff);border-radius:15px;box-shadow:0 10px 30px #0000000d;padding:30px;margin-bottom:30px;position:relative;overflow:hidden}.doctor-welcome-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.doctor-welcome-card h1{color:#0053a2;font-size:2.2rem;margin-bottom:10px;font-weight:700}.doctor-welcome-card h2{color:#333;font-size:1.5rem;margin-bottom:5px}.doctor-department{color:#0053a2;font-size:1.1rem;margin-bottom:15px;font-weight:600}.doctor-welcome-message{color:#555;font-size:1.1rem;margin-bottom:20px;max-width:800px}.doctor-welcome-message strong{color:#0053a2;font-weight:700}.doctor-profile{display:flex;align-items:center}.doctor-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background-color:#e0f0ff;border:3px solid #0053a2;box-shadow:0 5px 15px #0053a233}.doctor-avatar-img{width:100%;height:100%;object-fit:cover}.doctor-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#0053a2}.doctor-welcome-actions{display:flex;gap:15px}.doctor-bg-shape{position:absolute;right:-50px;top:-50px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#0053a21a,#003b760d 70%);z-index:1}.doctor-welcome-content{position:relative;z-index:2}.doctor-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.doctor-date-filter{display:flex;align-items:center;gap:10px;background-color:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.doctor-date-filter label{font-weight:600;color:#333;font-size:.9rem}.doctor-date-filter input{border:1px solid #ddd;padding:8px 12px;border-radius:5px;font-size:.9rem}.doctor-status-filter{display:flex;align-items:center;gap:10px}.status-filter-btn{padding:10px 15px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;background-color:#fff;color:#555;box-shadow:0 2px 8px #0000000d}.status-filter-btn.active{background-color:#0053a2;color:#fff}.doctor-action-btn{padding:10px 15px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:8px}.doctor-primary-btn{background-color:#0053a2;color:#fff;box-shadow:0 2px 8px #0053a233}.doctor-primary-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0053a24d}.doctor-secondary-btn{background-color:#f0f7ff;color:#0053a2;border:1px solid #0053a2}.doctor-secondary-btn:hover{background-color:#e0f0ff}.doctor-appointments-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000000d;padding:30px;margin-bottom:30px}.doctor-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.doctor-card-title{font-size:1.3rem;color:#333;font-weight:700;display:flex;align-items:center;gap:10px}.doctor-card-icon{color:#0053a2;font-size:1.2rem}.doctor-appointments-list{display:flex;flex-direction:column;gap:20px}.doctor-appointment-item{background-color:#f8f9fb;border-radius:12px;padding:20px;transition:all .3s ease;border-left:5px solid #0053a2}.doctor-appointment-item:hover{transform:translateY(-3px);box-shadow:0 8px 15px #0000000d}.doctor-appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.doctor-appointment-time{font-size:1.1rem;font-weight:700;color:#0053a2}.doctor-appointment-status{padding:5px 10px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.status-accepted{background-color:#2ecc71}.status-completed{background-color:#3498db}.status-pending{background-color:#f1c40f}.status-rejected,.status-cancelled{background-color:#e74c3c}.doctor-appointment-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.doctor-appointment-detail{display:flex;flex-direction:column}.doctor-detail-label{font-size:.8rem;color:#777;margin-bottom:5px}.doctor-detail-value{font-weight:600;color:#333}.doctor-detail-value.appointment-id{font-family:monospace;background-color:#f0f7ff;padding:2px 6px;border-radius:4px;font-size:.9rem;color:#0053a2}.doctor-detail-value.patient-name{font-size:1.1rem;color:#0053a2}.doctor-detail-value.department-badge{background-color:#0053a21a;color:#0053a2;padding:2px 8px;border-radius:4px;display:inline-block;font-weight:600}.doctor-detail-value a{color:#0053a2;text-decoration:none;transition:color .2s ease}.doctor-detail-value a:hover{color:#003b76;text-decoration:underline}.doctor-appointment-actions{margin-top:15px;display:flex;justify-content:flex-end;gap:10px}.doctor-appointment-btn{padding:8px 15px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:5px}.doctor-view-btn{background-color:#3498db;color:#fff}.doctor-complete-btn{background-color:#2ecc71;color:#fff}.doctor-appointment-btn:hover{opacity:.9;transform:translateY(-2px)}.doctor-empty-state{text-align:center;padding:40px 20px}.doctor-empty-state-icon{font-size:50px;color:#0053a2;margin-bottom:20px;opacity:.5}.doctor-empty-state-title{font-size:1.5rem;color:#333;margin-bottom:10px}.doctor-empty-state-message{font-size:1rem;color:#777;margin-bottom:20px;max-width:500px;margin-left:auto;margin-right:auto}.doctor-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.doctor-stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}.doctor-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.doctor-stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:24px}.icon-primary{background-color:#0053a21a;color:#0053a2}.icon-success{background-color:#2ecc711a;color:#2ecc71}.icon-warning{background-color:#f1c40f1a;color:#f1c40f}.icon-danger{background-color:#e74c3c1a;color:#e74c3c}.doctor-stat-value{font-size:2rem;font-weight:700;color:#333;margin-bottom:5px}.doctor-stat-label{font-size:.9rem;color:#777}.doctor-skeleton{background-color:#f8f9fb;border-radius:12px;padding:20px;margin-bottom:20px;border-left:5px solid #ddd}.doctor-skeleton-header{display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.doctor-skeleton-time{width:100px;height:24px}.doctor-skeleton-status{width:80px;height:24px;border-radius:20px}.doctor-skeleton-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.doctor-skeleton-detail{height:50px}.doctor-skeleton-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.doctor-skeleton-btn{width:100px;height:36px;border-radius:6px}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@media (max-width: 768px){.doctor-controls{flex-direction:column;align-items:stretch}.doctor-date-filter{flex-direction:column;align-items:flex-start}.doctor-date-filter input{width:100%}.doctor-status-filter{flex-wrap:wrap;justify-content:space-between}.status-filter-btn{flex:1;text-align:center;min-width:80px}.doctor-appointment-header{flex-direction:column;align-items:flex-start}.doctor-appointment-status{margin-top:10px}.doctor-appointment-details,.doctor-stats-grid{grid-template-columns:1fr}}.appointment-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:480px;box-shadow:0 20px 45px #0f172a40;animation:fadeInUp .3s ease;display:flex;flex-direction:column;gap:16px}.appointment-modal-close{align-self:flex-end;background:#f1f5f9;color:#1f2937;border:none;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}@media (max-width: 480px){.appointment-modal{padding:20px;gap:12px}.appointment-modal-content div{flex-direction:column;align-items:flex-start}.appointment-modal-close{width:100%}}.admin-sidebar{position:fixed;top:0;left:0;width:100%;height:auto;min-height:70px;background:linear-gradient(180deg,#0053a2,#003b76);display:flex;flex-direction:column;z-index:1000;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;border:none;outline:none;overflow:visible;visibility:visible;opacity:1}.sidebar-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at center,#b3e00059,#b3e00000 70%);pointer-events:none;filter:blur(.5px);opacity:.75}.sidebar-glow-top{top:-60px;right:-40px}.sidebar-glow-bottom{bottom:-80px;left:-60px;background:radial-gradient(circle at center,#ffb6c166,#ffb6c100 70%)}.sidebar-header{padding:12px 25px;display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid rgba(255,255,255,.1);gap:20px}.sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#b3e000,#ffd7ef);display:flex;align-items:center;justify-content:center;color:#003b76;font-weight:700;font-size:16px;box-shadow:0 4px 12px #00000026;flex-shrink:0}.logo-text{display:flex;flex-direction:column}.hospital-name{font-size:18px;font-weight:700;color:#fff;margin:0;line-height:1.1;white-space:nowrap}.hospital-name span:first-child{color:#fff}.hospital-name span:last-child{color:#b3e000}.hospital-type{font-size:11px;color:#ffffffb3;margin:0;white-space:nowrap}.close-sidebar{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:.7;transition:opacity .2s ease}.close-sidebar:hover{opacity:1}.user-profile{padding:20px 25px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.admin-avatar{width:50px;height:50px;border-radius:50%;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px;margin-right:15px;flex-shrink:0}.admin-info{overflow:hidden}.admin-name{font-size:16px;font-weight:600;color:#fff;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-role{font-size:12px;color:#ffffffb3;margin:0;display:flex;align-items:center;gap:8px}.admin-role-badge{background-color:#b3e00033;color:#b3e000;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase}.admin-status-pill{background-color:#ffffff2e;color:#fff;font-size:11px;padding:2px 10px;border-radius:999px;font-weight:600;letter-spacing:.3px;display:inline-flex;align-items:center;gap:4px}.desktop-nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:20px}.nav-links-horizontal{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-links-horizontal .nav-link{display:flex;align-items:center;padding:8px 12px;color:#fffc;text-decoration:none;border-radius:8px;transition:all .2s ease;cursor:pointer;position:relative;white-space:nowrap;gap:6px}.nav-links-horizontal .nav-link:hover{background-color:#ffffff1f;color:#fff}.nav-links-horizontal .nav-link.active{background-color:#b3e000;color:#003b76;font-weight:600}.nav-links-horizontal .nav-icon{margin-right:0;font-size:16px;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#ffffff1f}.nav-links-horizontal .nav-text{font-size:13px}.nav-right{display:flex;align-items:center;gap:12px;margin-left:auto}.user-profile-compact{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#ffffff1a;border-radius:20px}.user-profile-compact .admin-avatar{width:32px;height:32px;font-size:14px;margin-right:0}.admin-info-compact{display:flex;flex-direction:column;gap:2px}.admin-name-compact{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}.user-profile-compact .admin-status-pill{font-size:10px;padding:1px 8px}.logout-btn-compact{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:#e74c3c1a;color:#e74c3c;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease}.logout-btn-compact:hover{background-color:#e74c3c33;transform:translateY(-1px)}.mobile-menu-btn{display:none;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s ease}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-nav{display:none;flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0}.mobile-nav.show{max-height:1000px;opacity:1}.mobile-user-profile{padding:20px 25px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav-links{display:flex;flex-direction:column;padding:10px 0}.mobile-nav-links .nav-link{padding:12px 25px;border-radius:0}.mobile-footer{padding:20px 25px;border-top:1px solid rgba(255,255,255,.1)}.nav-links{padding:20px 0;overflow-y:auto;flex-grow:1}.nav-section{margin-bottom:15px;padding:0 25px}.nav-section-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin:10px 0;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-items{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:5px}.nav-link{display:flex;align-items:center;padding:12px 15px;color:#fffc;text-decoration:none;border-radius:8px;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.nav-link:hover{background-color:#ffffff1f;color:#fff;transform:translateY(-1px)}.nav-link.active{background-color:#b3e000;color:#003b76;font-weight:600;box-shadow:0 10px 18px #b3e00040}.nav-icon{margin-right:12px;font-size:18px;width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff1f}.nav-text{font-size:14px;transition:transform .2s ease}.nav-link:hover .nav-text{transform:translate(2px)}.nav-badge{margin-left:auto;background-color:#fff3;color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.sidebar-footer{padding:20px 25px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;background-color:#e74c3c1a;color:#e74c3c;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background-color:#e74c3c33;transform:translateY(-2px)}.logout-icon{margin-right:10px;font-size:18px}.sidebar-footnote{margin-top:14px;text-align:center;font-size:12px;color:#ffffffa6;font-weight:500;letter-spacing:.4px}.admin-menu-toggle{position:fixed;top:15px;left:15px;z-index:1200;background:linear-gradient(135deg,#0053a2,#003b76);width:50px;height:50px;border:none;border-radius:12px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;outline:none}.admin-menu-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:linear-gradient(135deg,#06c,#004a99)}.admin-menu-toggle.open{background:linear-gradient(135deg,#e74c3c,#c0392b)}.admin-menu-toggle.open:hover{background:linear-gradient(135deg,#ec7063,#d35400)}.hamburger-icon{color:#fff;font-size:24px;transition:transform .3s ease}.admin-menu-toggle.open .hamburger-icon{transform:rotate(90deg)}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.sidebar-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}@media (max-width: 1200px){.admin-sidebar{min-height:60px;display:flex!important}.desktop-nav{display:none}.mobile-menu-btn{display:flex!important}.mobile-nav{display:flex}.sidebar-header{min-height:60px;display:flex!important}.admin-content-wrapper{margin-left:0;margin-top:60px}}@media (max-width: 768px){.sidebar-header{padding:10px 15px}.logo-badge{width:36px;height:36px;font-size:14px}.hospital-name{font-size:16px}.hospital-type{font-size:10px}.mobile-user-profile{padding:15px 20px}.admin-avatar{width:45px;height:45px;font-size:18px}.admin-name{font-size:14px}.mobile-nav-links .nav-link{padding:10px 20px}.nav-text{font-size:13px}.mobile-footer{padding:15px 20px}}@media (max-width: 480px){.sidebar-header{padding:8px 12px}.logo-badge{width:32px;height:32px;font-size:12px}.hospital-name{font-size:14px}.hospital-type{font-size:9px}.mobile-user-profile{padding:12px 15px}.admin-avatar{width:40px;height:40px;font-size:16px;margin-right:10px}.admin-name{font-size:13px}.admin-role-badge{font-size:9px;padding:2px 6px}.mobile-nav-links .nav-link{padding:10px 15px}.nav-icon{width:28px;height:28px;font-size:16px}.nav-text{font-size:12px}.mobile-footer{padding:12px 15px}.logout-btn{padding:10px;font-size:13px}.mobile-menu-btn{font-size:20px;padding:6px}}.admin-dashboard-container{background-color:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-content-wrapper{margin-left:0;margin-top:70px;padding:40px;transition:all .3s}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-dashboard-title{font-size:28px;color:#162447;margin:0;font-weight:700;position:relative;padding-bottom:10px}.admin-dashboard-title:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;background:linear-gradient(90deg,#0053a2,#b3e000);border-radius:3px}.admin-quick-actions{display:flex;gap:15px}.admin-action-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;border:none}.admin-action-primary{background:linear-gradient(135deg,#0053a2,#003b76);color:#fff;box-shadow:0 4px 10px #0053a233}.admin-action-primary:hover{box-shadow:0 6px 15px #0053a24d;transform:translateY(-2px)}.admin-action-secondary{background-color:#fff;color:#0053a2;border:1px solid #e1e8f0}.admin-action-secondary:hover{background-color:#f8fafc;border-color:#0053a2}.welcome-card{background:linear-gradient(135deg,#0053a2,#003b76);border-radius:20px;padding:40px;margin-bottom:40px;color:#fff;box-shadow:0 15px 35px #0053a233;display:flex;position:relative;overflow:hidden}.welcome-content{flex:1;position:relative;z-index:2}.welcome-title{font-size:32px;font-weight:700;margin-bottom:5px;line-height:1.2;background:linear-gradient(90deg,#fff,#b3e000);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-subtitle{font-size:18px;font-weight:600;opacity:.9;margin-bottom:20px;color:#b3e000}.welcome-text{font-size:16px;line-height:1.7;opacity:.9;max-width:600px;margin-bottom:30px}.welcome-actions{display:flex;gap:15px}.welcome-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;border:none}.welcome-btn-primary{background-color:#b3e000;color:#003b76;box-shadow:0 4px 15px #b3e0004d}.welcome-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #b3e00066}.welcome-btn-secondary{background-color:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-btn-secondary:hover{background-color:#ffffff40;transform:translateY(-3px)}.welcome-image{width:280px;height:280px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));animation:floatImage 4s ease-in-out infinite}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.welcome-bg-shape{position:absolute;right:-50px;top:-50px;width:300px;height:300px;background-color:#ffffff0d;border-radius:50%;z-index:1;animation:pulse 8s ease-in-out infinite}.welcome-bg-shape-2{position:absolute;left:40%;bottom:-80px;width:200px;height:200px;background-color:#b3e00012;border-radius:50%;z-index:1;animation:pulse 8s ease-in-out infinite 1s}.welcome-bg-shape-3{position:absolute;left:20%;top:-70px;width:150px;height:150px;background-color:#ffffff08;border-radius:50%;z-index:1;animation:pulse 8s ease-in-out infinite 2s}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:.5}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:40px}.stat-card{background-color:#fff;border-radius:16px;padding:30px 25px;box-shadow:0 5px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border-top:4px solid transparent}.stat-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00000014}.stat-card:nth-child(1){border-top-color:#0053a2}.stat-card:nth-child(2){border-top-color:#f1c40f}.stat-card:nth-child(3){border-top-color:#2ecc71}.stat-card:nth-child(4){border-top-color:#e74c3c}.stat-icon{position:absolute;top:20px;right:20px;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 5px 15px #0000001a}.stat-icon.primary{background:linear-gradient(135deg,#0053a2,#003b76);color:#fff}.stat-icon.warning{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#fff}.stat-icon.success{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.stat-icon.danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.stat-label{font-size:15px;color:#777;margin-bottom:10px;font-weight:500}.stat-value{font-size:32px;font-weight:700;color:#162447;margin-bottom:15px}.stat-trend{font-size:14px;font-weight:600;display:flex;align-items:center;padding:5px 12px;border-radius:20px;width:fit-content}.trend-up{color:#2ecc71;background-color:#2ecc711a}.trend-down{color:#e74c3c;background-color:#e74c3c1a}.trend-icon{margin-right:5px}.appointments-card{background-color:#fff;border-radius:20px;box-shadow:0 5px 20px #0000000d;overflow:hidden;margin-bottom:40px}.card-header{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.card-title{font-size:20px;font-weight:700;color:#162447;display:flex;align-items:center}.card-icon{margin-right:12px;color:#0053a2;font-size:22px}.card-actions{display:flex;align-items:center;gap:10px}.card-filter-select{padding:10px 30px 10px 15px;border-radius:8px;border:1px solid #e1e8f0;background-color:#fff;color:#162447;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:150px;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 15px center;background-repeat:no-repeat;background-size:10px}.card-filter-select:focus{outline:none;border-color:#0053a2;box-shadow:0 0 0 3px #0053a21a}.card-action-btn{background-color:#f8fafc;border:1px solid #e1e8f0;color:#162447;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.card-action-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.card-action-btn:active{transform:translateY(1px)}.appointments-table-wrapper{overflow-x:auto;padding:0 1px}.appointments-card-mobile{display:none}.appointments-table{width:100%;border-collapse:separate;border-spacing:0}.appointments-table th{background-color:#f8fafc;padding:20px 25px;text-align:left;font-weight:600;color:#64748b;font-size:14px;white-space:nowrap;border-bottom:1px solid #e1e8f0}.appointments-table td{padding:20px 25px;color:#334155;font-size:14px;vertical-align:middle;border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.appointments-table tbody tr{transition:all .2s ease}.appointments-table tbody tr:hover{background-color:#f8fafc;box-shadow:0 0 20px #0000000d}.patient-info{display:flex;align-items:center}.patient-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#0053a2,#003b76);display:flex;align-items:center;justify-content:center;margin-right:15px;font-weight:600;color:#fff;font-size:16px;box-shadow:0 4px 10px #0053a233}.patient-name{font-weight:600;color:#162447;margin-bottom:3px}.patient-email{font-size:12px;color:#64748b}.status-select{padding:8px 28px 8px 15px;border-radius:20px;font-size:13px;font-weight:600;border:none;appearance:none;background-repeat:no-repeat;background-position:right 10px center;background-size:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000000d}.status-select:focus{outline:none;box-shadow:0 0 0 2px #0053a233,0 2px 5px #0000000d}.status-select.pending{background-color:#fef9c3;color:#854d0e;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23854d0e%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)}.status-select.accepted{background-color:#dcfce7;color:#166534;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23166534%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)}.status-select.rejected{background-color:#fee2e2;color:#991b1b;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23991b1b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)}.status-select option{background-color:#fff;color:#333;font-weight:400}.visited-yes{color:#16a34a;font-size:20px}.visited-no{color:#dc2626;font-size:20px}.table-actions{display:flex;gap:8px}.action-btn{width:34px;height:34px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.view-btn{background-color:#e0f2fe;color:#0284c7}.view-btn:hover{background-color:#bae6fd;transform:translateY(-2px)}.edit-btn{background-color:#dcfce7;color:#16a34a}.edit-btn:hover{background-color:#bbf7d0;transform:translateY(-2px)}.delete-btn{background-color:#fee2e2;color:#dc2626}.delete-btn:hover{background-color:#fecaca;transform:translateY(-2px)}.empty-state{padding:60px 20px;text-align:center}.empty-state-icon{font-size:60px;color:#cbd5e1;margin-bottom:20px}.empty-state-title{font-size:20px;color:#334155;margin-bottom:10px}.empty-state-message{font-size:15px;color:#64748b;margin-bottom:25px;max-width:400px;margin-left:auto;margin-right:auto}.empty-state-btn{background:linear-gradient(135deg,#0053a2,#003b76);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .2s ease}.empty-state-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0053a233}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.skeleton-row{display:flex;align-items:center;padding:20px 25px;border-bottom:1px solid #f1f5f9}.skeleton-cell{height:20px;margin-right:40px;border-radius:4px}@media (max-width: 1200px){.admin-content-wrapper{margin-left:0;padding:30px}.stats-grid{grid-template-columns:repeat(2,1fr)}.welcome-card{flex-direction:column;padding:30px}.welcome-image{width:200px;height:200px;margin-top:30px;align-self:center}.welcome-actions{flex-direction:column;align-items:flex-start}.welcome-btn{width:100%}.appointments-card-mobile{display:none}}@media (max-width: 968px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{padding:20px}.stat-value{font-size:28px}}@media (max-width: 768px){.admin-content-wrapper{padding:20px 15px}.admin-dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-quick-actions{width:100%;flex-direction:column}.admin-action-btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-icon{width:50px;height:50px;font-size:24px}.stat-value{font-size:24px}.welcome-card{padding:20px}.welcome-title{font-size:24px}.welcome-subtitle{font-size:16px}.welcome-text{font-size:14px}.welcome-image{width:150px;height:150px}.welcome-actions{gap:10px}.welcome-btn{padding:10px 20px;font-size:13px}.card-header{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.card-title{font-size:18px}.card-actions{width:100%;flex-wrap:wrap;gap:8px}.card-filter-select{width:100%;min-width:auto}.card-action-btn{flex:1;min-width:calc(50% - 4px);justify-content:center}.appointments-table-wrapper{display:none}.appointments-card-mobile{display:block;padding:20px}.appointment-card-mobile{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px #00000014;border-left:4px solid #0053a2}.appointment-card-mobile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.appointment-card-mobile-title{font-weight:600;color:#162447;font-size:16px;margin:0}.appointment-card-mobile-body{display:flex;flex-direction:column;gap:12px}.appointment-card-mobile-row{display:flex;justify-content:space-between;align-items:center}.appointment-card-mobile-label{font-size:13px;color:#64748b;font-weight:500}.appointment-card-mobile-value{font-size:14px;color:#162447;font-weight:600;text-align:right}.appointment-card-mobile-actions{display:flex;gap:8px;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.appointment-card-mobile-actions .status-select{flex:1}.appointment-card-mobile-actions .table-actions{display:flex;gap:8px}}@media (max-width: 480px){.admin-content-wrapper{padding:15px 10px}.admin-dashboard-title{font-size:22px}.welcome-card{padding:15px}.welcome-title{font-size:20px}.welcome-subtitle{font-size:14px}.welcome-text{font-size:13px;margin-bottom:20px}.welcome-image{width:120px;height:120px}.stat-card{padding:15px}.stat-label{font-size:13px}.stat-value{font-size:22px}.card-header{padding:15px}.card-title{font-size:16px}.appointments-card-mobile,.appointment-card-mobile{padding:15px}.appointment-card-mobile-title{font-size:15px}}@media print{.admin-sidebar,.sidebar-wrapper,.card-actions,.table-actions{display:none!important}.admin-content-wrapper{margin-left:0;padding:20px}.admin-dashboard-container{background-color:#fff}.welcome-card,.stats-grid,.appointments-card{break-inside:avoid}}.appointment-modal-backdrop{position:fixed;inset:0;background:#0f172a99;display:flex;justify-content:center;align-items:center;z-index:1500;padding:20px}.appointment-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:500px;box-shadow:0 20px 45px #0f172a40;animation:fadeInUp .3s ease;display:flex;flex-direction:column;gap:16px}.appointment-modal h2{margin:0;font-size:22px;color:#162447;text-align:center}.appointment-modal-content{display:grid;gap:10px;font-size:14px;color:#334155}.appointment-modal-content div{display:flex;justify-content:space-between;gap:12px}.appointment-modal-content strong{color:#162447;font-weight:600}.appointment-edit-field{display:flex;flex-direction:column;gap:6px;margin-top:12px}.appointment-edit-field label{font-size:13px;color:#162447;font-weight:600}.appointment-edit-field select{padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;color:#1f2937;transition:border .2s ease,box-shadow .2s ease}.appointment-edit-field select:focus{border-color:#0053a2;box-shadow:0 0 0 3px #0053a226;outline:none}.appointment-edit-helper{font-size:12px;color:#64748b}.appointment-modal-actions{display:flex;justify-content:flex-end;gap:12px}.appointment-modal-save{background:linear-gradient(135deg,#0053a2,#003b76);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.appointment-modal-save:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0053a240}.appointment-modal-close{background:#f1f5f9;color:#1f2937;border:none;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.appointment-modal-close:hover{background:#e2e8f0}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.appointment-modal{padding:20px;gap:12px}.appointment-modal-content div{flex-direction:column;align-items:flex-start}.appointment-modal-actions{flex-direction:column}.appointment-modal-save,.appointment-modal-close{width:100%}}.admin-doctors-container{background-color:#f8fafc;min-height:100vh;margin-top:70px;padding:30px;transition:all .3s;display:flex;flex-direction:column;align-items:center}.doctors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;width:100%;max-width:1400px;flex-wrap:wrap;gap:20px}.doctors-title{font-size:28px;color:#162447;margin:0;font-weight:700;position:relative;padding-bottom:10px;text-align:center;width:100%}.doctors-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:40px;height:3px;background:linear-gradient(90deg,#0053a2,#b3e000);border-radius:3px}.doctors-actions{display:flex;gap:15px}.doctor-action-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;border:none}.doctor-action-primary{background:linear-gradient(135deg,#0053a2,#003b76);color:#fff;box-shadow:0 4px 10px #0053a233}.doctor-action-primary:hover{box-shadow:0 6px 15px #0053a24d;transform:translateY(-2px)}.navbar-container{height:70px;padding:8px;display:flex;align-items:center}.doctors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-top:30px;width:100%;max-width:1400px}.doctor-card{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;position:relative}.doctor-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}.doctor-card-header{position:relative;height:150px;overflow:hidden;background:linear-gradient(135deg,#0053a2,#003b76)}.doctor-card-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.doctor-department-badge{position:absolute;top:15px;right:15px;background-color:#b3e000;color:#003b76;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:2;box-shadow:0 2px 10px #0000001a}.doctor-image-container{width:120px;height:120px;border-radius:50%;position:absolute;left:50%;transform:translate(-50%) translateY(50%);bottom:0;z-index:3;border:5px solid white;box-shadow:0 5px 15px #0000001a;overflow:hidden;background-color:#f8fafc}.doctor-image{width:100%;height:100%;object-fit:cover}.doctor-card-body{padding:75px 20px 25px;text-align:center}.doctor-name{font-size:150px;font-weight:700;color:#162447;margin:0 0 5px}.doctor-specialty{font-size:14px;color:#64748b;margin:0 0 20px 80px}.doctor-info{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.doctor-info-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#334155;padding:8px 15px;border-radius:8px;background-color:#f8fafc}.doctor-info-icon{color:#0053a2;font-size:16px;flex-shrink:0}.doctor-info-text{flex-grow:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.doctor-card-footer{padding:0 20px 20px;display:flex;gap:10px}.doctor-action{flex:1;padding:10px;border-radius:8px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;border:none}.doctor-view{background-color:#e0f2fe;color:#0284c7}.doctor-view:hover{background-color:#bae6fd}.doctor-edit{background-color:#dcfce7;color:#16a34a}.doctor-edit:hover{background-color:#bbf7d0}.doctor-delete{background-color:#fee2e2;color:#dc2626}.doctor-delete:hover{background-color:#fecaca}.empty-doctors{text-align:center;padding:60px 20px;background-color:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;width:100%;max-width:1400px;margin:0 auto}.empty-doctors-icon{font-size:60px;color:#cbd5e1;margin-bottom:20px}.empty-doctors-title{font-size:22px;color:#334155;margin-bottom:10px}.empty-doctors-message{font-size:16px;color:#64748b;margin-bottom:25px;max-width:500px;margin-left:auto;margin-right:auto}.empty-doctors-btn{background:linear-gradient(135deg,#0053a2,#003b76);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .2s ease}.empty-doctors-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0053a233}.doctor-filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap;width:100%;max-width:1400px;justify-content:center}.doctor-filter-item{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#fff;color:#64748b;border:1px solid #e2e8f0}.doctor-filter-item:hover{border-color:#0053a2;color:#0053a2}.doctor-filter-item.active{background-color:#0053a2;color:#fff;border-color:#0053a2}.doctor-skeleton{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 15px #0000000d;height:400px}.doctor-skeleton-header{height:150px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;position:relative}.doctor-skeleton-image{width:120px;height:120px;border-radius:50%;position:absolute;left:50%;transform:translate(-50%) translateY(50%);bottom:0;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border:5px solid white}.doctor-skeleton-body{padding:75px 20px 25px}.doctor-skeleton-name{height:24px;width:70%;margin:0 auto 10px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.doctor-skeleton-specialty{height:16px;width:50%;margin:0 auto 20px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.doctor-skeleton-info{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.doctor-skeleton-info-item{height:40px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.doctor-skeleton-footer{padding:0 20px 20px;display:flex;gap:10px}.doctor-skeleton-action{flex:1;height:40px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}@media (max-width: 1200px){.admin-doctors-container{margin-top:60px;padding:20px}.doctors-header,.doctors-grid{max-width:100%}}@media (max-width: 768px){.admin-doctors-container{padding:20px}.doctors-header{flex-direction:column;align-items:flex-start;gap:15px}.doctors-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.admin-messages-container{background-color:#f8fafc;min-height:100vh;margin-top:70px;padding:30px;transition:all .3s;display:flex;flex-direction:column;align-items:center}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;width:100%;max-width:1400px;flex-wrap:wrap;gap:20px}.messages-title{font-size:28px;color:#162447;margin:0;font-weight:700;position:relative;padding-bottom:10px;text-align:center;width:100%}.messages-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:40px;height:3px;background:linear-gradient(90deg,#0053a2,#b3e000);border-radius:3px}.messages-actions{display:flex;gap:15px}.message-action-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;border:none}.message-action-primary{background:linear-gradient(135deg,#0053a2,#003b76);color:#fff;box-shadow:0 4px 10px #0053a233}.message-action-primary:hover{box-shadow:0 6px 15px #0053a24d;transform:translateY(-2px)}.message-action-secondary{background-color:#fff;color:#0053a2;border:1px solid #e1e8f0}.message-action-secondary:hover{background-color:#f8fafc;border-color:#0053a2}.messages-filters{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap;width:100%;max-width:1400px;justify-content:center}.messages-search{flex:1;min-width:200px;position:relative}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px}.search-input{width:100%;padding:12px 15px 12px 45px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;transition:all .2s ease;background-color:#fff}.search-input:focus{outline:none;border-color:#0053a2;box-shadow:0 0 0 3px #0053a21a}.messages-filter-select{padding:12px 40px 12px 15px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;transition:all .2s ease;background-color:#fff;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 15px center;background-repeat:no-repeat;background-size:10px;min-width:150px}.messages-filter-select:focus{outline:none;border-color:#0053a2;box-shadow:0 0 0 3px #0053a21a}.messages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;width:100%;max-width:1400px}.message-card{background-color:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;position:relative}.message-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.message-card-header{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:15px}.message-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#0053a2,#003b76);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;flex-shrink:0}.message-sender-info{flex-grow:1;overflow:hidden}.message-sender-name{font-size:16px;font-weight:600;color:#162447;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-date{font-size:12px;color:#64748b;display:flex;align-items:center;gap:5px}.message-status{position:absolute;top:20px;right:20px;width:10px;height:10px;border-radius:50%}.status-new{background-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.status-read{background-color:#10b981}.message-card-body{padding:20px;flex-grow:1}.message-content{font-size:14px;color:#334155;line-height:1.6;margin:0;overflow-wrap:break-word;display:flex}.message-info-list{margin:0 0 15px;padding:0;list-style:none}.message-info-item{display:flex;margin-bottom:10px;font-size:14px;color:#64748b}.message-info-label{font-weight:600;color:#334155;width:80px;flex-shrink:0}.message-info-value{color:#334155}.message-card-footer{padding:15px 20px;border-top:1px solid #f1f5f9;display:flex;gap:10px}.message-action{flex:1;padding:8px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;border:none}.message-reply{background-color:#e0f2fe;color:#0284c7}.message-reply:hover{background-color:#bae6fd}.message-mark{background-color:#dcfce7;color:#16a34a}.message-mark:hover{background-color:#bbf7d0}.message-delete{background-color:#fee2e2;color:#dc2626}.message-delete:hover{background-color:#fecaca}.empty-messages{grid-column:1 / -1;text-align:center;padding:60px 20px;background-color:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;width:100%;max-width:1400px;margin:0 auto}.empty-messages-icon{font-size:60px;color:#cbd5e1;margin-bottom:20px}.empty-messages-title{font-size:22px;color:#334155;margin-bottom:10px}.empty-messages-message{font-size:16px;color:#64748b;margin-bottom:25px;max-width:500px;margin-left:auto;margin-right:auto}.message-skeleton{background-color:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;overflow:hidden;height:280px}.message-skeleton-header{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:15px}.skeleton-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-info{flex-grow:1}.skeleton-name{height:16px;width:60%;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.skeleton-date{height:12px;width:40%;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.message-skeleton-body{padding:20px}.skeleton-line{height:12px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.skeleton-line:last-child{width:70%}.message-skeleton-footer{padding:15px 20px;border-top:1px solid #f1f5f9;display:flex;gap:10px}.skeleton-button{flex:1;height:35px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.messages-pagination{display:flex;justify-content:center;margin-top:30px;gap:10px}.pagination-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #e2e8f0;background-color:#fff;color:#64748b;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover{border-color:#0053a2;color:#0053a2}.pagination-btn.active{background-color:#0053a2;color:#fff;border-color:#0053a2}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.admin-messages-container{margin-top:60px;padding:20px}.messages-header,.messages-grid,.messages-filters{max-width:100%}}@media (max-width: 768px){.admin-messages-container{padding:20px}.messages-header{flex-direction:column;align-items:flex-start;gap:15px}.messages-filters{flex-direction:column}.messages-grid{grid-template-columns:1fr}}.add-doctor-container{background-color:#f8fafc;min-height:100vh;margin-top:70px;padding:30px;transition:all .3s;display:flex;flex-direction:column;align-items:center}.add-doctor-header{display:flex;justify-content:center;align-items:center;margin-bottom:30px;width:100%;max-width:1000px}.add-doctor-title{font-size:28px;color:#162447;margin:0;font-weight:700;position:relative;padding-bottom:10px;text-align:center;width:100%}.add-doctor-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:40px;height:3px;background:linear-gradient(90deg,#0053a2,#b3e000);border-radius:3px}.add-doctor-form-container{background-color:#fff;border-radius:20px;box-shadow:0 5px 20px #0000000d;overflow:hidden;width:100%;max-width:1000px;margin:0 auto}.add-doctor-form-header{background:linear-gradient(135deg,#0053a2,#003b76);padding:25px 30px;color:#fff;position:relative;overflow:hidden}.add-doctor-form-title{font-size:22px;font-weight:700;margin:0;position:relative;z-index:2}.add-doctor-form-subtitle{font-size:14px;opacity:.8;margin:5px 0 0;position:relative;z-index:2}.form-decoration{position:absolute;border-radius:50%;background:radial-gradient(#ffffff1a,#ffffff0d 70%);z-index:1}.decoration-1{width:200px;height:200px;top:-100px;right:-50px}.decoration-2{width:150px;height:150px;bottom:-70px;left:30%}.add-doctor-form-body{padding:30px}.form-col-2{flex:2}.form-select{width:100%;padding:12px 40px 12px 15px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;transition:all .2s ease;background-color:#f8fafc;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 15px center;background-repeat:no-repeat;background-size:10px}.form-file-wrapper{position:relative}.doctor-preview-container{width:200px;height:200px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:5px solid #f8fafc;box-shadow:0 5px 15px #0000001a;position:relative}.doctor-preview{width:100%;height:100%;object-fit:cover}.file-upload-btn{display:block;width:100%;padding:12px 15px;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;text-align:center;cursor:pointer;transition:all .2s ease}.file-upload-btn:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#334155}.file-upload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}@media (max-width: 1200px){.add-doctor-container{margin-top:60px;padding:20px}.add-doctor-header,.add-doctor-form-container{max-width:100%}}@media (max-width: 768px){.add-doctor-container{padding:20px}.form-row{flex-direction:column;gap:0}.doctor-preview-container{width:150px;height:150px}}.add-admin-container{background-color:#f8fafc;min-height:100vh;margin-top:70px;padding:30px;transition:all .3s;display:flex;flex-direction:column;align-items:center}.add-admin-header{display:flex;justify-content:center;align-items:center;margin-bottom:30px;width:100%;max-width:1400px}.add-admin-title{font-size:28px;color:#162447;margin:0;font-weight:700;position:relative;padding-bottom:10px;text-align:center;width:100%}.add-admin-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:40px;height:3px;background:linear-gradient(90deg,#0053a2,#b3e000);border-radius:3px}.add-admin-form-container{display:grid;grid-template-columns:1fr 2fr;gap:30px;width:100%;max-width:1400px;margin:0 auto}.add-admin-info{background:linear-gradient(135deg,#0053a2,#003b76);border-radius:20px;padding:40px 30px;color:#fff;position:relative;overflow:hidden;box-shadow:0 15px 35px #0053a233}.info-decoration{position:absolute;border-radius:50%;background:radial-gradient(#ffffff1a,#ffffff0d 70%);z-index:1}.info-decoration-1{width:200px;height:200px;top:-100px;right:-50px}.info-decoration-2{width:150px;height:150px;bottom:-70px;left:30%}.info-content{position:relative;z-index:2}.info-icon{width:70px;height:70px;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:20px;color:#fff}.info-title{font-size:24px;font-weight:700;margin:0 0 15px}.info-subtitle{font-size:16px;opacity:.8;margin:0 0 30px;line-height:1.6;color:#f0f9ff}.info-features{margin-top:40px;color:#fff}.info-feature{display:flex;align-items:center;margin-bottom:20px}.feature-icon{width:40px;height:40px;background-color:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:15px;flex-shrink:0;color:#fff}.feature-text{font-size:14px;opacity:.9;line-height:1.5;color:#fff}.add-admin-form{background-color:#fff;border-radius:20px;box-shadow:0 5px 20px #0000000d;overflow:hidden}.form-header{padding:25px 30px;border-bottom:1px solid #f1f5f9}.form-title{font-size:20px;font-weight:700;color:#162447;margin:0;overflow:hidden}.form-subtitle{font-size:14px;color:#64748b;margin:5px 0 0}.form-body{padding:30px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-col{flex:1;min-width:0}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:8px}.form-control{width:100%;padding:12px 15px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;transition:all .2s ease;background-color:#f8fafc}.form-control:focus{outline:none;border-color:#0053a2;box-shadow:0 0 0 3px #0053a21a;background-color:#fff}.form-control::placeholder{color:#94a3b8}.form-select{width:100%;padding:12px 40px 12px 15px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;transition:all .2s ease;background-color:#f8fafc;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 15px center;background-repeat:no-repeat;background-size:10px}.form-select:focus{outline:none;border-color:#0053a2;box-shadow:0 0 0 3px #0053a21a;background-color:#fff}.form-select option{padding:10px}.form-footer{padding:20px 30px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:15px}.btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;border:none}.btn-primary{background:linear-gradient(135deg,#0053a2,#003b76);color:#fff;box-shadow:0 4px 10px #0053a233}.btn-primary:hover{box-shadow:0 6px 15px #0053a24d;transform:translateY(-2px)}.btn-secondary{background-color:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.btn-secondary:hover{background-color:#f1f5f9;color:#334155}.form-info{background-color:#f0f9ff;border-left:4px solid #0284c7;padding:15px;border-radius:8px;font-size:14px;color:#0369a1;margin-bottom:20px}.form-info-icon{margin-right:8px}.is-invalid{border-color:#dc2626!important}.invalid-feedback{color:#dc2626;font-size:12px;margin-top:5px}@media (max-width: 1200px){.add-admin-container{margin-top:60px;padding:20px}.add-admin-header,.add-admin-form-container{max-width:100%}}@media (max-width: 992px){.add-admin-form-container{grid-template-columns:1fr}}@media (max-width: 768px){.add-admin-container{padding:20px}.form-row{flex-direction:column;gap:0}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar-container{position:fixed;top:0;left:0;width:100%;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;z-index:1000}.navbar-scrolled{background-color:#fffffffa;box-shadow:0 4px 15px #00000026}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:0 auto;padding:10px 80px}.logo{display:flex;align-items:center}.logo-img{width:150px;transition:all .3s ease}.navbar-scrolled .logo-img{width:130px}.nav-menu{display:flex;align-items:center;justify-content:space-between;flex-grow:1;margin-left:40px}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 8px}.language-switcher{margin-left:16px;display:flex;align-items:center}.language-toggle-btn{background-color:transparent;border:1px solid rgba(57,57,217,.3);color:#3939d9;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.language-toggle-btn:hover{background-color:#3939d91a}.nav-links a,.nav-link-with-dropdown{display:flex;align-items:center;color:#333;text-decoration:none;padding:8px 12px;font-weight:500;font-size:16px;border-radius:5px;transition:all .2s ease;cursor:pointer}.nav-links a:hover,.nav-link-with-dropdown:hover{color:#3939d9;background-color:#3939d90d}.nav-links a.active-link,.nav-link-with-dropdown.active-link{color:#3939d9;font-weight:600;background-color:#3939d91a}.nav-icon{margin-right:6px;font-size:16px}.doctors-nav-item,.nav-link-with-dropdown{position:relative}.dropdown-arrow{margin-left:6px;font-size:12px;transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.doctors-dropdown{position:absolute;top:100%;left:0;width:480px;background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;z-index:1001;overflow:hidden}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.dropdown-header h3{margin:0;color:#333;font-size:16px}.view-all-link{color:#3939d9;font-size:14px;font-weight:500;text-decoration:none}.view-all-link:hover{text-decoration:underline}.doctors-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:15px;max-height:400px;overflow-y:auto}.doctor-card{display:flex;align-items:center;padding:10px;border-radius:6px;text-decoration:none;transition:all .2s ease}.doctor-card:hover{background-color:#3939d90d;transform:translateY(-2px)}.doctor-image{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:12px;border:2px solid #fff;box-shadow:0 2px 5px #0000001a}.doctor-image img{width:100%;height:100%;object-fit:cover}.doctor-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#3939d9;color:#fff;font-weight:700;font-size:16px}.doctor-details{flex:1}.doctor-details h4{margin:0 0 4px;color:#333;font-size:14px}.doctor-details p{margin:0;color:#666;font-size:12px}.dropdown-footer{padding:15px 20px;border-top:1px solid #eee;text-align:center}.book-appointment-btn{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#3939d9,#271776);color:#fff;border-radius:30px;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 10px #3939d933}.book-appointment-btn:hover{box-shadow:0 6px 15px #3939d94d;transform:translateY(-2px)}.dropdown-loading,.no-doctors{padding:30px;text-align:center;color:#666}.user-section{display:flex;align-items:center;margin-left:auto}.user-info{display:flex;align-items:center;background-color:#3939d91a;padding:6px 12px;border-radius:30px;margin-right:15px}.user-icon{color:#3939d9;margin-right:8px}.user-info a{color:#3939d9;text-decoration:none;font-weight:600;font-size:14px}.doctor-user-info{display:flex;align-items:center;background-color:#3939d91a;padding:4px;border-radius:30px;margin-right:15px;transition:all .3s ease}.doctor-user-info:hover{background-color:#3939d933;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.doctor-photo{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 5px #0000001a}.doctor-info{display:flex;flex-direction:column;margin-left:10px;margin-right:10px}.doctor-name{color:#3939d9;font-weight:600;font-size:14px;margin:0}.doctor-role{color:#666;font-size:12px;margin:0}.logout-btn,.login-btn{padding:8px 20px;border:none;border-radius:30px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.login-btn{background:linear-gradient(135deg,#3939d9,#271776);color:#fff;box-shadow:0 4px 10px #3939d933}.admin-portal-btn{background:linear-gradient(135deg,#2c3e50,#1a252f);padding:8px 18px;font-size:13px;letter-spacing:.5px}.logout-btn{background-color:#f8f9fa;color:#333;border:1px solid #ddd}.login-btn:hover{box-shadow:0 6px 15px #3939d94d}.logout-btn:hover{background-color:#f1f1f1;color:#e74c3c}.auth-buttons{margin-left:auto}.hamburger{display:none;font-size:24px;cursor:pointer;color:#333;padding:8px}@media (max-width: 1024px){.navbar-inner{padding:10px 40px}.nav-links{gap:0}.nav-links li{margin:0 4px}.nav-links a{font-size:14px;padding:6px 10px}}@media (max-width: 900px){.navbar-inner{padding:10px 20px}.nav-menu{position:fixed;top:70px;left:-100%;flex-direction:column;background-color:#fff;width:100%;max-width:320px;height:calc(100vh - 70px);box-shadow:2px 0 10px #00000026;transition:all .3s ease-in-out;padding:20px 0;align-items:flex-start;z-index:999;overflow-y:auto;border:none;outline:none;opacity:0;visibility:hidden}.nav-menu.show{left:0;opacity:1;visibility:visible}.nav-links{flex-direction:column;width:100%;gap:0}.nav-links li{margin:0;width:100%}.nav-links a,.nav-link-with-dropdown{width:100%;padding:15px 20px;font-size:16px;border-radius:0}.nav-links a:hover{background-color:#3939d91a}.doctors-dropdown{position:static;width:100%;box-shadow:none;border-radius:0;margin-top:5px;border-top:1px solid #eee}.doctors-list{grid-template-columns:1fr;max-height:300px;padding:10px}.user-section{flex-direction:column;margin-left:0;width:100%;padding:20px;border-top:2px solid #eee;margin-top:20px;gap:15px}.user-info,.doctor-user-info{margin-right:0;margin-bottom:0;width:100%;justify-content:flex-start;padding:10px 15px}.doctor-info{align-items:flex-start}.logout-btn{width:100%;padding:12px;font-size:16px}.auth-buttons{margin-left:0;width:100%;padding:20px;border-top:2px solid #eee;margin-top:20px}.login-btn{width:100%;padding:12px;font-size:16px}.hamburger{display:block;z-index:1001}}@media (max-width: 600px){.navbar-inner{padding:8px 15px}.logo-img{width:130px}}@media (max-width: 500px){.logo-img{width:120px}.navbar-scrolled .logo-img{width:100px}.nav-menu{max-width:100%;top:60px;height:calc(100vh - 60px)}}@media (max-width: 400px){.logo-img{width:100px}.navbar-inner{padding:8px 10px}}.footer-container{background:linear-gradient(to right,#f8f9fa,#edf2f9);padding:70px 0 0;position:relative;overflow:hidden;margin-top:60px}.footer-content{max-width:1400px;margin:0 auto;padding:0 30px}.footer-wave{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0}.footer-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:50px;transform:rotateY(180deg)}.footer-wave .shape-fill{fill:#fff}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-col{position:relative}.footer-logo{margin-bottom:20px;display:block}.footer-logo img{height:70px;border-radius:10px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.footer-logo img:hover{transform:translateY(-5px)}.hospital-name{color:#3939d9;font-weight:700;font-size:18px;margin-bottom:15px;padding-bottom:10px;position:relative;display:inline-block;text-wrap:inherit}.hospital-name:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background:linear-gradient(90deg,#3939d9,#b3e000);border-radius:2px}.hospital-address{color:#555;font-size:15px;line-height:1.6;margin-bottom:20px}.footer-heading{color:#333;margin-bottom:20px;font-size:18px;font-weight:700;position:relative;padding-bottom:12px;display:inline-block}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,#3939d9,#b3e000);border-radius:2px}.footer-links{list-style:none;padding:0;margin:0;overflow:hidden}.footer-links li{margin-bottom:12px;overflow:hidden}.footer-links a{color:#555;text-decoration:none;font-size:15px;position:relative;transition:all .3s ease;display:inline-block;padding-left:15px;overflow:hidden}.footer-links a:before{content:"›";position:absolute;left:0;color:#3939d9;font-size:18px;line-height:1;transition:transform .3s ease}.footer-links a:hover{color:#3939d9;transform:translate(5px)}.footer-links a:hover:before{transform:translate(3px)}.footer-schedule{list-style:none;padding:0;margin:0}.footer-schedule li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd;color:#555;display:flex;justify-content:space-between}.footer-schedule li:last-child{border-bottom:none}.day{font-weight:600;color:#444}.hours{color:#3939d9;font-weight:500}.presence-badge{display:inline-block;color:#fff;background-color:#2ecc71;padding:3px 10px;border-radius:20px;font-size:12px;margin-left:10px;font-weight:700}.contact-list{list-style:none;padding:0;margin:0}.contact-item{margin-bottom:15px;display:flex;align-items:flex-start}.contact-icon{width:36px;height:36px;background-color:#3939d91a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#3939d9;font-size:16px;transition:all .3s ease;flex-shrink:0}.contact-item:hover .contact-icon{background-color:#3939d9;color:#fff;transform:translateY(-2px)}.contact-text{color:#555;font-size:15px;line-height:1.5}.contact-link{color:#555;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#3939d9}.footer-bottom{background:#f0f2f5;padding:20px 0;text-align:center}.copyright{color:#555;font-size:14px;margin:0}.copyright-highlight{font-weight:600;color:#333}.copyright-year{color:#3939d9;font-weight:700}.social-links{display:flex;gap:15px;margin-top:20px;justify-content:center}.social-icon{width:40px;height:40px;border-radius:50%;background-color:#3939d91a;display:flex;align-items:center;justify-content:center;color:#3939d9;font-size:18px;transition:all .3s ease}.social-icon:hover{transform:translateY(-5px);background-color:#3939d9;color:#fff}@media (max-width: 968px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:25px}.footer-container{padding-top:50px}.footer-content{padding:0 20px}.footer-logo img{height:60px}.hospital-name{font-size:18px}.footer-heading{font-size:16px}.contact-item{align-items:flex-start}}@media (max-width: 480px){.footer-container{padding-top:40px}.footer-content{padding:0 15px}.footer-logo img{height:50px}.hospital-name{font-size:16px;margin-bottom:10px}.hospital-address{font-size:14px}.footer-heading{font-size:15px;margin-bottom:15px}.footer-links a,.contact-text,.contact-link{font-size:14px}.footer-schedule li{flex-direction:column;gap:5px}.day{margin-bottom:5px}.social-icon{width:35px;height:35px;font-size:16px}.contact-icon{width:30px;height:30px;font-size:14px;margin-right:10px}.presence-badge{font-size:10px;padding:2px 8px;margin-left:5px}.copyright{font-size:12px;padding:0 10px}}