.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fff;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{color:#1faf8b;cursor:pointer;letter-spacing:.5px;margin:0;font-size:1.6rem;font-weight:700;transition:transform .2s,color .3s}.logo:hover{color:#1faf8b;transform:scale(1.05)}.nav-links{flex:1;gap:2.2rem;margin-left:3rem;display:flex}.nav-links span{cursor:pointer;color:#333;font-weight:500;transition:color .3s;position:relative}.nav-links span:after{content:"";background-color:#1faf8b;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links span:hover{color:#1faf8b}.nav-links span:hover:after{width:100%}.nav-actions{align-items:center;gap:1rem;display:flex}.login-btn{color:#1faf8b;cursor:pointer;background-color:#0000;border:2px solid #1faf8b;border-radius:25px;padding:.5rem 1.6rem;font-weight:600;transition:all .3s}.login-btn:hover{color:#fff;background-color:#1faf8b;box-shadow:0 4px 12px #1faf8b4d}.logout-btn{color:#1b4b43;cursor:pointer;background-color:#f4f7f7;border:1px solid #d6e4e1;border-radius:25px;padding:.5rem 1.6rem;font-weight:600;transition:all .25s}.logout-btn:hover{background-color:#e5eeec;border-color:#c5d9d4}@media (width<=768px){.navbar-container{flex-wrap:wrap;padding:1rem}.nav-links{margin:0;display:none}.nav-actions{gap:.5rem}.login-btn,.primary-btn,.logout-btn{padding:.4rem 1rem;font-size:.85rem}}.footer{color:#fff;background-color:#1a1a1a;margin-top:3rem;padding:3rem 2rem 1rem}.footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}.footer-section h3{color:#1faf8b;margin-bottom:1rem;font-size:1.5rem}.footer-section h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}.footer-section p{color:#ccc;margin:.5rem 0;line-height:1.6}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{color:#ccc;cursor:pointer;margin:.5rem 0;transition:color .3s}.footer-section ul li:hover{color:#1faf8b}.footer-bottom{text-align:center;color:#999;border-top:1px solid #333;padding-top:2rem}.footer-bottom p{margin:0}@media (width<=768px){.footer{padding:2rem 1rem 1rem}.footer-container{grid-template-columns:1fr;gap:1.5rem}.footer-section h3{font-size:1.2rem}.footer-section h4{font-size:1rem}}.home{background:linear-gradient(to bottom right,#f5f7fa,#eafaf6);width:100%;min-height:100vh}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1faf8b,#77ceb7);border:none;border-radius:25px;padding:12px 22px;font-weight:600;transition:all .3s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1faf8b4d}.outline-btn{color:#1faf8b;cursor:pointer;background:#fff;border:2px solid #1faf8b;border-radius:25px;padding:12px 22px;font-weight:600;transition:all .3s}.outline-btn:hover{color:#fff;background:#1faf8b}.hero{justify-content:space-between;align-items:center;gap:40px;padding:80px;display:flex}.hero-left{max-width:520px}.tag{color:#1faf8b;background:#e6f7f3;border-radius:20px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-block}.hero-title{color:#1faf8b;margin:20px 0;font-size:52px;font-weight:700;line-height:1.2}.desc{color:#555;margin:20px 0;font-size:16px;line-height:1.7}.buttons{gap:15px;margin-top:10px;display:flex}.hero-right{justify-content:center;align-items:center;display:flex}.hero-right img{border-radius:20px;width:100%;height:400px;transition:transform .3s;box-shadow:0 10px 30px #0000001a}.hero-right img:hover{transform:scale(1.03)}@media (width<=900px){.hero{text-align:center;flex-direction:column;padding:50px 20px}.hero-left{max-width:100%}.buttons{flex-wrap:wrap;justify-content:center}.hero-right img{width:400px;margin-top:20px}}.auth-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 30%,#fff 100%);justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:2rem 1rem 3rem;display:flex}.auth-card{background:#fff;border:1px solid #e3edf1;border-radius:24px;width:min(100%,460px);padding:1.5rem;box-shadow:0 20px 50px #0f172a17}.auth-tag{color:#0d8f73;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .35rem;font-size:.78rem;font-weight:700}.auth-card h2{color:#102033;margin:0 0 .4rem;font-size:1.9rem}.auth-text{color:#64748b;margin:0 0 1.25rem;line-height:1.5}.auth-form{gap:.95rem;display:grid}.auth-form label{color:#334155;gap:.4rem;font-weight:600;display:grid}.auth-form span{font-size:.95rem}.auth-form input,.auth-form select{background:#fff;border:1px solid #d7e4ea;border-radius:14px;outline:none;padding:.9rem 1rem;font-size:1rem}.auth-form input:focus,.auth-form select:focus{border-color:#0d8f73;box-shadow:0 0 0 4px #0d8f731f}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:0;padding:.7rem .8rem;font-size:.92rem}.auth-primary,.auth-secondary{cursor:pointer;border:1px solid #0000;border-radius:14px;padding:.85rem 1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.auth-primary{color:#fff;background:linear-gradient(135deg,#0d8f73,#59bfa8)}.auth-secondary{color:#0d8f73;background:#f5fbf9;border-color:#d5ebe4}.auth-primary:hover,.auth-secondary:hover{transform:translateY(-1px)}@media (width<=640px){.auth-card{padding:1.25rem}}.register-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 30%,#fff 100%);justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:2rem 1rem 3rem;display:flex}.register-card{background:#fff;border:1px solid #e3edf1;border-radius:24px;width:min(100%,460px);padding:1.5rem;box-shadow:0 20px 50px #0f172a17}.register-card h2{color:#102033;margin:0 0 .4rem;font-size:1.9rem}.register-card p{color:#64748b;margin:0 0 1.25rem;line-height:1.5}.register-actions{gap:.75rem;display:grid}.patient-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 30%,#fff 100%);min-height:calc(100vh - 140px);padding:2rem 1rem 3rem}.patient-hero{background:#fff;border:1px solid #e3edf1;border-radius:24px;max-width:980px;margin:0 auto 1.5rem;padding:1.5rem;box-shadow:0 20px 50px #0f172a14}.patient-tag{color:#0d8f73;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .35rem;font-size:.78rem;font-weight:700}.patient-hero h2{color:#102033;margin:0 0 .35rem;font-size:clamp(1.8rem,3vw,2.4rem)}.patient-hero p{color:#64748b;margin:0;line-height:1.6}.patient-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.patient-actions button,.patient-main-btn{cursor:pointer;border:none;border-radius:14px;padding:.85rem 1rem;font-weight:700}.patient-actions button:first-child,.patient-main-btn{color:#fff;background:linear-gradient(135deg,#0d8f73,#59bfa8)}.patient-actions button:last-child{color:#0d8f73;background:#f5fbf9;border:1px solid #d5ebe4}.patient-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:980px;margin:0 auto;display:grid}.patient-stat-card,.patient-panel{background:#fff;border:1px solid #e3edf1;border-radius:20px;box-shadow:0 16px 40px #0f172a12}.patient-stat-card{padding:1.2rem}.patient-stat-card span{color:#64748b;margin-bottom:.5rem;font-size:.95rem;display:block}.patient-stat-card strong{color:#102033;font-size:1.9rem}.patient-grid{grid-template-columns:1fr .9fr;gap:1rem;max-width:980px;margin:1rem auto 0;display:grid}.patient-panel{padding:1.25rem}.patient-panel h3{color:#102033;margin:0 0 1rem;font-size:1.1rem}.patient-panel p,.patient-panel ul{color:#475569;margin:0;line-height:1.7}.patient-panel ul{gap:.6rem;padding-left:1.1rem;display:grid}@media (width<=900px){.patient-stats,.patient-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.patient-stats,.patient-grid{grid-template-columns:1fr}}.doctor-card{background:#fff;border:1px solid #e6edf1;border-radius:14px;flex-flow:row-reverse wrap;gap:1.25rem;width:500px;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #1020330f}.doctor-avatar{object-fit:cover;background:#edf2f7;border-radius:12px;flex-shrink:0;width:160px;height:100%;margin-left:10px}.doctor-avatar-fallback{color:#fff;background:linear-gradient(135deg,#1faf8b,#0d8f73);justify-content:center;place-items:center;width:200px;height:75%;font-size:2rem;font-weight:700;display:flex}.doctor-info{flex:1;min-width:0}.doctor-top{margin-bottom:.45rem}.doctor-name{color:#102033;margin:0;font-size:1.7rem;line-height:1.1}.doctor-specialty{color:#516273;margin:.25rem 0 .2rem;font-size:.95rem}.doctor-experience{color:#74808f;margin:.15rem 0 0;font-size:.85rem}.doctor-rating-line{color:#516273;margin:0;font-size:.9rem}.doctor-meta{gap:.2rem;margin-top:.7rem;display:grid}.doctor-meta p{color:#627081;margin:0;font-size:.92rem}.doctor-slot{color:#0d8f73;font-weight:700}.doctor-footer{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;margin-top:.85rem;padding-top:.85rem;display:flex}.doctor-fee span{color:#74808f;font-size:.85rem;display:block}.doctor-fee{text-align:right}.doctor-fee strong{color:#0d8f73;font-size:1.9rem;line-height:1.1}.doctor-fee{text-align:right;position:absolute;bottom:16px;right:20px}.doctor-button{cursor:pointer;border:1px solid #0d8f73;border-radius:999px;padding:.52rem .95rem;font-size:.92rem;font-weight:600}.doctor-button-outline{color:#0d8f73;background:0 0}.doctor-button-solid{color:#fff;background:#0d8f73}@media (width<=768px){.doctor-card{flex-direction:column}.doctor-footer,.doctor-actions{flex-direction:column;align-items:stretch}.doctor-name{font-size:1.3rem}.doctor-fee strong{font-size:1.4rem}}.doctor-button-outline:hover{color:#fff;background:#0d8f73;transition:all .3s}.doctor-button-solid:hover{color:#fff;background:#0d8f73;transition:all .3s;transform:translateY(-2px);box-shadow:0 4px 12px #30e6be4d}.doctor-hero{text-align:center;max-width:800px;margin:0 auto 2rem;padding:30px 20px}.doctor-hero-tag{color:#0d8f73;margin:0 0 .5rem;font-weight:700}.doctor-hero h1{letter-spacing:-.5px;color:#102033;margin-bottom:10px;font-size:clamp(2.2rem,4vw,3rem);font-weight:700;line-height:1.3}.doctor-hero-text{text-align:center;white-space:nowrap;margin:10px auto 0;display:block}.doctor-search{background:#fff;border-radius:20px;max-width:760px;margin:2rem auto 0;padding:.9rem;display:block;box-shadow:0 16px 40px #0f172a14}.doctor-search input{background:#fff;border:1px solid #dbe7ee;border-radius:14px;outline:none;width:100%;padding:.95rem 1rem;font-size:1rem}.clear-button{color:#fff;cursor:pointer;background:#0d8f73;border:none;border-radius:14px;padding:.95rem 1.35rem;font-weight:700}.doctor-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.doctor-sidebar{background:#fff;border:1px solid #e7edf2;border-radius:20px;padding:1.25rem;position:sticky;top:96px}.filter-group+.filter-group{margin-top:1.5rem}.filter-group h3{color:#102033;margin:0 0 .85rem;font-size:1rem}.filter-list{gap:.65rem;display:grid}.filter-item{color:#334155;cursor:pointer;align-items:center;gap:.6rem;display:flex}.filter-item input{accent-color:#0d8f73}.clear-button{width:100%;margin-top:1.5rem}.doctor-results{min-width:0}.doctor-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.empty-state{text-align:center;background:#fff;border:1px dashed #b7d8d1;border-radius:18px;margin-top:1.25rem;padding:1.5rem}.empty-state h3{color:#102033;margin:0 0 .5rem}.empty-state p{color:#64748b;margin:0}@media (width<=1100px){.doctor-layout{grid-template-columns:1fr}.doctor-sidebar{position:static}}@media (width<=768px){.doctor-page{padding:1.25rem}.doctor-grid{grid-template-columns:1fr}}.about-page{background:linear-gradient(#eef8fb 0%,#f6fbf9 26%,#fff 26%);min-height:100vh;padding:2rem 3rem 3rem}.about-hero{text-align:center;max-width:900px;margin:0 auto 2rem}.about-kicker{color:#0d8f73;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.82rem;font-weight:700}.about-hero h1{color:#102033;margin:.6rem 0 1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.about-hero p{color:#475569;margin:0;line-height:1.7}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:1080px;margin:0 auto;display:grid}.about-card{background:#fff;border:1px solid #e6eef2;border-radius:20px;padding:1.5rem;box-shadow:0 12px 30px #10203312}.about-card h2{color:#102033;margin:0 0 .75rem}.about-card p,.about-card li{color:#475569;margin:0;line-height:1.7}.about-card ul{gap:.6rem;margin:0;padding-left:1.1rem;display:grid}.about-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1080px;margin:1.25rem auto 0;display:grid}.highlight-card{color:#fff;background:linear-gradient(#0d8f73 0%,#1faf8b 100%);border-radius:18px;padding:1.25rem}.highlight-value{margin:0;font-size:2rem;font-weight:700}.highlight-card h3{margin:.35rem 0;font-size:1.05rem}.highlight-card p{color:#e8fdf8;margin:0;line-height:1.5}@media (width<=900px){.about-page{padding:1.25rem}.about-grid,.about-highlights{grid-template-columns:1fr}}.details-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 24%,#fff 24%);min-height:100vh;padding:2rem 3rem 3rem}.back-link{color:#516173;cursor:pointer;background:0 0;border:none;margin-bottom:1rem;font-size:1rem}.details-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:1.5rem;display:grid}.left-column,.right-column{gap:1rem;display:grid}.simple-card{background:#fff;border:1px solid #e7edf2;border-radius:18px;padding:1.2rem;box-shadow:0 8px 24px #1020330f}.profile-top{align-items:flex-start;gap:1rem;display:flex}.doctor-photo{color:#fff;background:linear-gradient(135deg,#1faf8b,#0d8f73);border-radius:16px;flex-shrink:0;place-items:center;width:128px;height:128px;font-size:2.2rem;font-weight:700;display:grid}.profile-text h1{color:#102033;margin:0;font-size:2rem}.specialty-text{color:#44556a;margin:.35rem 0;font-size:1.2rem}.meta-text,.location-text{color:#5f6f81;margin:.5rem 0 0}.tag-list{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.tag-pill{color:#0d8f73;background:#e8f7f3;border-radius:999px;padding:.32rem .7rem;font-size:.9rem}.simple-card h2{color:#102033;margin:0 0 .7rem;font-size:2rem}.simple-card h3{color:#102033;margin:0 0 .75rem;font-size:1.5rem}.simple-card p{color:#4d5d70;margin:0;line-height:1.7}.education-list{color:#34465a;gap:.7rem;margin:0;padding-left:1.1rem;display:grid}.fee-card{text-align:center}.fee-card p{color:#5a6b7f;margin-bottom:.4rem}.fee-card h2{color:#0d8f73;margin-bottom:1rem}.info-row{color:#5e6f82;justify-content:space-between;gap:1rem;padding:.45rem 0;display:flex}.info-row strong{color:#314357}.slot-list{gap:.55rem;margin-bottom:.9rem;display:grid}.slot-item{color:#495c71;border:1px solid #e3ebf2;border-radius:11px;justify-content:space-between;align-items:center;padding:.6rem .8rem;display:flex}.slot-check{color:#0d8f73;font-weight:700}.solid-btn,.outline-btn{cursor:pointer;border:1px solid #0d8f73;border-radius:12px;padding:.8rem 1rem;font-weight:700}.solid-btn{color:#fff;background:#0d8f73}.outline-btn{color:#0d8f73;background:0 0}.full-btn{width:100%}.not-found-card{text-align:center;max-width:480px;margin:2rem auto}.not-found-card h2{margin-bottom:1rem}@media (width<=1100px){.details-layout{grid-template-columns:1fr}}@media (width<=768px){.details-page{padding:1.2rem}.profile-top{flex-direction:column}.doctor-photo{width:96px;height:96px;font-size:1.8rem}.profile-text h1{font-size:1.6rem}}.booking-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 30%,#fff 100%);justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:2rem 1rem 3rem;display:flex}.booking-card{background:#fff;border:1px solid #e3edf1;border-radius:24px;width:min(100%,520px);padding:1.5rem;box-shadow:0 20px 50px #0f172a17}.booking-tag{color:#0d8f73;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .35rem;font-size:.78rem;font-weight:700}.booking-card h2{color:#102033;margin:0 0 .35rem;font-size:1.9rem}.booking-card p{color:#64748b;margin:0 0 1.25rem;line-height:1.5}.booking-form{gap:.95rem;display:grid}.booking-form label{color:#334155;gap:.4rem;font-weight:600;display:grid}.booking-form input{background:#fff;border:1px solid #d7e4ea;border-radius:14px;outline:none;padding:.9rem 1rem;font-size:1rem}.booking-form input:focus{border-color:#0d8f73;box-shadow:0 0 0 4px #0d8f731f}.booking-actions{gap:.75rem;margin-top:1rem;display:grid}.booking-error{color:#b42318;margin:.8rem 0 0;font-weight:600}.booking-primary,.booking-secondary{cursor:pointer;border:1px solid #0000;border-radius:14px;padding:.85rem 1rem;font-weight:700}.booking-primary{color:#fff;background:linear-gradient(135deg,#0d8f73,#59bfa8)}.booking-primary:disabled{opacity:.75;cursor:not-allowed}.booking-secondary{color:#0d8f73;background:#f5fbf9;border-color:#d5ebe4}.my-appointments-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 30%,#fff 100%);min-height:calc(100vh - 140px);padding:2rem 1rem 3rem}.my-appointments-hero{background:#fff;border:1px solid #e3edf1;border-radius:24px;max-width:980px;margin:0 auto 1.25rem;padding:1.5rem;box-shadow:0 20px 50px #0f172a14}.my-appointments-tag{color:#0d8f73;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .35rem;font-size:.78rem;font-weight:700}.my-appointments-hero h2{color:#102033;margin:0 0 .35rem;font-size:clamp(1.8rem,3vw,2.4rem)}.my-appointments-hero p{color:#64748b;margin:0;line-height:1.6}.my-appointments-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.my-appointments-actions button{cursor:pointer;border:none;border-radius:14px;padding:.85rem 1rem;font-weight:700}.my-appointments-actions button:first-child{color:#fff;background:linear-gradient(135deg,#0d8f73,#59bfa8)}.my-appointments-actions button:last-child{color:#0d8f73;background:#f5fbf9;border:1px solid #d5ebe4}.my-appointments-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:980px;margin:0 auto;display:grid}.my-appointments-stats article{background:#fff;border:1px solid #e3edf1;border-radius:18px;padding:1.1rem;box-shadow:0 16px 40px #0f172a12}.my-appointments-stats span{color:#64748b;margin-bottom:.45rem;font-size:.92rem;display:block}.my-appointments-stats strong{color:#102033;font-size:1.8rem}.filter-row{flex-wrap:wrap;gap:.6rem;max-width:980px;margin:1rem auto 0;display:flex}.filter-row button{color:#32465c;cursor:pointer;background:#fff;border:1px solid #d6e5ec;border-radius:999px;padding:.55rem .95rem;font-weight:600}.filter-row button.active{color:#fff;background:#0d8f73;border-color:#0d8f73}.my-appointments-info,.my-appointments-error{max-width:980px;margin:.9rem auto 0}.my-appointments-info{color:#334155}.my-appointments-error{color:#b42318;font-weight:600}.my-appointments-list{gap:.85rem;max-width:980px;margin:1rem auto 0;display:grid}.my-appointment-card{background:#fff;border:1px solid #e3edf1;border-radius:18px;grid-template-columns:1.5fr 1fr auto;align-items:center;gap:.8rem;padding:1rem;display:grid;box-shadow:0 12px 32px #0f172a0f}.appointment-main h3{color:#102033;margin:0}.appointment-main p{color:#5f6f81;margin:.25rem 0 0}.appointment-meta{color:#334155;gap:.3rem;font-weight:600;display:grid}.appointment-status-col{justify-items:end;gap:.6rem;display:grid}.status-pill{border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.status-confirmed{color:#166534;background:#dcfce7}.status-pending{color:#854d0e;background:#fef9c3}.status-completed{color:#1d4ed8;background:#dbeafe}.status-cancelled{color:#b91c1c;background:#fee2e2}.appointment-status-col button,.my-appointments-empty button{color:#b42318;cursor:pointer;background:#fff5f5;border:1px solid #f2cccc;border-radius:10px;padding:.55rem .75rem;font-weight:700}.my-appointments-empty{text-align:center;background:#fff;border:1px dashed #b7d8d1;border-radius:18px;max-width:980px;margin:1rem auto 0;padding:1.5rem}.my-appointments-empty h3{color:#102033;margin:0 0 .5rem}.my-appointments-empty p{color:#64748b;margin:0 0 1rem}@media (width<=900px){.my-appointments-stats{grid-template-columns:1fr 1fr}.my-appointment-card{grid-template-columns:1fr;justify-items:start}.appointment-status-col{justify-items:start}}@media (width<=640px){.my-appointments-stats{grid-template-columns:1fr}}.payment-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 30%,#fff 100%);justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:2rem 1rem 3rem;display:flex}.payment-card{text-align:center;background:#fff;border:1px solid #e3edf1;border-radius:24px;width:min(100%,520px);padding:2rem;box-shadow:0 20px 50px #0f172a17}.payment-tag{color:#0d8f73;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;font-size:.8rem;font-weight:700}.payment-card h2{color:#102033;margin:0 0 1.5rem;font-size:2rem}.bill-summary{text-align:left;background:#f8fafc;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.bill-row{color:#475569;justify-content:space-between;margin-bottom:1rem;font-size:1.05rem;display:flex}.bill-total{color:#0f172a;border-top:2px dashed #cbd5e1;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;font-size:1.25rem;font-weight:700;display:flex}.payment-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;margin:2rem 0;padding:1.5rem;font-size:1.1rem;font-weight:600;animation:.5s ease-in-out fadeIn}.payment-error{color:#b42318;margin:1rem 0;font-weight:600}.pay-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0d8f73,#59bfa8);border:none;border-radius:14px;width:100%;padding:1rem;font-size:1.1rem;font-weight:700;transition:opacity .2s}.pay-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:none;width:100%;margin-top:1rem;font-weight:600}.cancel-btn:hover{color:#334155;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.doctor-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 30%,#fff 100%);min-height:calc(100vh - 140px);padding:2rem 1rem 3rem}.doctor-hero{background:#fff;border:1px solid #e3edf1;border-radius:24px;max-width:980px;margin:0 auto 1.5rem;padding:1.5rem;box-shadow:0 20px 50px #0f172a14}.doctor-hero h2{color:#102033;margin:0 0 .35rem;font-size:clamp(1.8rem,3vw,2.4rem)}.doctor-hero p{color:#64748b;margin:0;line-height:1.6}.doctor-hero button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d8f73,#59bfa8);border:none;border-radius:14px;margin-top:1rem;padding:.85rem 1rem;font-weight:700}.doctor-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:980px;margin:0 auto;display:grid}.doctor-stat-card,.doctor-panel{background:#fff;border:1px solid #e3edf1;border-radius:20px;box-shadow:0 16px 40px #0f172a12}.doctor-stat-card{padding:1.2rem}.doctor-stat-card span{color:#64748b;margin-bottom:.5rem;font-size:.95rem;display:block}.doctor-stat-card strong{color:#102033;font-size:1.9rem}.doctor-grid{grid-template-columns:1.4fr .9fr;gap:1rem;max-width:980px;margin:1rem auto 0;display:grid}.doctor-panel{padding:1.25rem}.doctor-panel h3{color:#102033;margin:0 0 1rem;font-size:1.1rem}.doctor-schedule{gap:.75rem;display:grid}.schedule-card{background:#f8fcfb;border:1px solid #e3edf1;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.schedule-card h4,.schedule-card p{margin:0}.schedule-card h4{color:#102033;font-size:1rem}.schedule-card p{color:#64748b;margin-top:.25rem}.schedule-card span{color:#0d8f73;font-weight:700}.doctor-actions{gap:.75rem;display:grid}.doctor-actions button{color:#102033;cursor:pointer;background:#fff;border:1px solid #d7e4ea;border-radius:14px;padding:.85rem 1rem;font-weight:700}@media (width<=900px){.doctor-stats,.doctor-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.doctor-stats,.doctor-grid{grid-template-columns:1fr}.schedule-card{flex-direction:column;align-items:start}}.doctor-appointments-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 30%,#fff 100%);min-height:calc(100vh - 140px);padding:2rem 1rem 3rem}.doctor-appointments-header{background:#fff;border:1px solid #e3edf1;border-radius:24px;justify-content:space-between;align-items:center;gap:1rem;max-width:960px;margin:0 auto 1.5rem;padding:1.5rem;display:flex;box-shadow:0 20px 50px #0f172a14}.doctor-appointments-header h2{color:#102033;margin:0 0 .35rem;font-size:clamp(1.8rem,3vw,2.4rem)}.doctor-appointments-header p{color:#64748b;margin:0;line-height:1.6}.doctor-appointments-header button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0d8f73,#59bfa8);border:1px solid #d7e4ea;border-radius:14px;padding:.85rem 1rem;font-weight:700}.doctor-appointments-list{gap:.85rem;max-width:960px;margin:0 auto;display:grid}.appointment-card{background:#fff;border:1px solid #e3edf1;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex;box-shadow:0 16px 40px #0f172a0f}.appointment-card h3{color:#102033;margin:0 0 .25rem;font-size:1rem}.appointment-card p,.appointment-card span{color:#64748b;margin:0}.appointment-card strong{color:#0d8f73;margin-top:.25rem;display:block}.appointment-actions{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.appointment-actions button,.admin-user-card button{color:#102033;cursor:pointer;background:#fff;border:1px solid #d7e4ea;border-radius:12px;padding:.65rem .9rem;font-weight:700}.appointment-actions button:first-child{color:#fff;background:linear-gradient(135deg,#0d8f73,#59bfa8)}.appointment-actions button:last-child{color:#b42318}@media (width<=640px){.doctor-appointments-header,.appointment-card{flex-direction:column;align-items:start}}.admin-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 30%,#fff 100%);min-height:calc(100vh - 140px);padding:2rem 1rem 3rem}.admin-hero{justify-content:space-between;align-items:end;gap:1rem;max-width:960px;margin:0 auto 1.5rem;display:flex}.admin-header{text-align:left}.admin-tag{color:#0d8f73;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:700}.admin-header h2{color:#102033;margin:0 0 .35rem;font-size:clamp(1.8rem,3vw,2.4rem)}.admin-header p{color:#64748b;margin:0;line-height:1.6}.admin-hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.admin-hero-actions button{color:#102033;cursor:pointer;background:#fff;border:1px solid #d7e4ea;border-radius:14px;padding:.85rem 1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.admin-hero-actions button:first-child{color:#fff;background:linear-gradient(135deg,#0d8f73,#59bfa8);border-color:#0000}.admin-hero-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0d8f731a}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:960px;margin:0 auto;display:grid}.admin-stat-card{background:#fff;border:1px solid #e3edf1;border-radius:20px;padding:1.25rem;box-shadow:0 16px 40px #0f172a12}.admin-stat-card span{color:#64748b;margin-bottom:.5rem;font-size:.95rem;display:block}.admin-stat-card strong{color:#102033;font-size:2rem;line-height:1}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:960px;margin:1rem auto 0;display:grid}.admin-panel{background:#fff;border:1px solid #e3edf1;border-radius:20px;padding:1.25rem;box-shadow:0 16px 40px #0f172a12}.admin-panel h3{color:#102033;margin:0 0 1rem;font-size:1.1rem}.admin-panel ul{color:#475569;margin:0;padding-left:1.1rem;line-height:1.7}.admin-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.admin-mini-card{background:#f8fcfb;border:1px solid #e3edf1;border-radius:16px;padding:1rem}.admin-mini-card span{color:#64748b;margin-bottom:.45rem;font-size:.92rem;display:block}.admin-mini-card strong{color:#102033;font-size:1.5rem}@media (width<=900px){.admin-hero{flex-direction:column;align-items:start}.admin-stats,.admin-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.admin-stats,.admin-grid,.admin-mini-stats{grid-template-columns:1fr}}.admin-users-page{background:linear-gradient(#eef8fb 0%,#f7fbfc 30%,#fff 100%);min-height:calc(100vh - 140px);padding:2rem 1rem 3rem}.admin-users-header{justify-content:space-between;align-items:end;gap:1rem;max-width:960px;margin:0 auto 1.5rem;display:flex}.admin-users-header h2{color:#102033;margin:0 0 .35rem;font-size:clamp(1.8rem,3vw,2.4rem)}.admin-users-header p{color:#64748b;margin:0;line-height:1.6}.admin-users-header button{color:#102033;cursor:pointer;background:#fff;border:1px solid #d7e4ea;border-radius:14px;padding:.85rem 1rem;font-weight:700}.admin-users-list{gap:.85rem;max-width:960px;margin:0 auto;display:grid}.admin-user-card{background:#fff;border:1px solid #e3edf1;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex;box-shadow:0 16px 40px #0f172a0f}.admin-user-card h3{color:#102033;margin:0 0 .25rem;font-size:1rem}.admin-user-card p,.admin-user-card span{color:#64748b;margin:0}.admin-user-card strong{color:#0d8f73;margin-top:.25rem;display:block}.admin-user-card button{color:#102033;cursor:pointer;background:#fff;border:1px solid #d7e4ea;border-radius:12px;margin-top:.65rem;padding:.65rem .9rem;font-weight:700}.admin-user-card button:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.admin-users-header,.admin-user-card{flex-direction:column;align-items:start}}body{color:#102033;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}#root{width:100%}