@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";.navbar{z-index:1000;background:var(--primary);box-shadow:var(--shadow-sm);padding:18px 0;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo h2{color:var(--white);align-items:center;gap:8px;font-size:28px;font-weight:700;display:flex}.logo-main{color:#fff}.logo-accent{color:#e53935}.nav-links{gap:35px;display:flex}.nav-links a{color:var(--white);font-weight:500;transition:all .3s}.nav-links a:hover{color:#dbeafe}.nav-buttons{gap:15px;display:flex}.login-btn,.register-btn{color:#fff;border-radius:var(--radius-md);background:0 0;border:2px solid #fff;justify-content:center;align-items:center;padding:12px 22px;text-decoration:none;transition:all .3s;display:inline-flex}.login-btn:hover,.register-btn:hover{color:var(--primary);background:#fff}.hero{background:#fff;padding:100px 0}.hero-container{justify-content:space-between;align-items:center;gap:80px;display:flex}.hero-content{flex:1}.hero-badge{color:var(--primary);background:#dbeafe;border-radius:999px;margin-bottom:25px;padding:10px 20px;font-weight:600;display:inline-block}.hero h1{color:var(--secondary);margin-bottom:25px;font-size:64px;line-height:1.1}.hero p{max-width:600px;margin-bottom:40px;font-size:20px}.hero-buttons{gap:20px;display:flex}.secondary-btn{border:2px solid var(--primary);color:var(--primary);border-radius:var(--radius-md);background:#fff;padding:14px 28px;transition:all .3s}.secondary-btn:hover{background:var(--primary);color:#fff}.hero-image{flex:1;justify-content:center;display:flex}.hero-card{width:420px;height:420px;box-shadow:var(--shadow-md);background:#fff;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex;position:relative}.circle{background:linear-gradient(135deg, var(--primary), var(--accent));opacity:.12;border-radius:50%;width:130px;height:130px;position:absolute;top:40px;right:40px}.about{background:#fff;padding:120px 0}.about-container{justify-content:space-between;align-items:center;gap:80px;display:flex}.about-image{flex:1;justify-content:center;display:flex}.image-card{width:420px;height:450px;box-shadow:var(--shadow-md);background:#fff;border-radius:24px;position:relative;overflow:hidden}.image-placeholder{width:100%;height:100%;color:var(--primary);justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.circle{opacity:.15;border-radius:50%;position:absolute}.one{background:var(--primary);width:160px;height:160px;top:-60px;right:-50px}.two{background:var(--accent);width:120px;height:120px;bottom:-40px;left:-40px}.about-content{flex:1}.section-tag{color:var(--primary);background:#dbeafe;border-radius:999px;margin-bottom:20px;padding:10px 18px;font-weight:600;display:inline-block}.about-content h2{color:var(--secondary);margin-bottom:20px;font-size:48px}.about-content p{margin-bottom:30px;font-size:18px;line-height:1.8}.about-features{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:35px;display:grid}.feature{background:#f8fafc;border-radius:12px;padding:16px;font-weight:500}.services{background:#f8fafc;padding:120px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 70px}.section-heading h2{color:var(--secondary);margin:20px 0;font-size:46px}.section-heading p{font-size:18px}.services-grid{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.service-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:40px;transition:all .35s}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-10px)}.service-icon{background:#dbeafe;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;font-size:32px;display:flex}.service-card h3{color:var(--secondary);margin-bottom:18px}.service-card p{margin-bottom:30px;line-height:1.8}.why{background:#fff;padding:120px 0}.why-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.why-card{background:#f8fafc;border-radius:20px;padding:35px;transition:all .35s}.why-card:hover{box-shadow:var(--shadow-md);transform:translateY(-8px)}.why-icon{background:#dbeafe;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;font-size:30px;display:flex}.why-card h3{color:var(--secondary);margin-bottom:15px}.why-card p{line-height:1.8}.appointment{background:#f8fafc;padding:120px 0}.appointment-container{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.appointment-content h2{margin:20px 0;font-size:48px}.appointment-form{box-shadow:var(--shadow-md);background:#fff;border-radius:24px;flex-direction:column;gap:18px;padding:40px;display:flex}.appointment-form input,.appointment-form select,.appointment-form textarea{border:1px solid var(--border);border-radius:12px;outline:none;padding:16px;font-size:16px}.appointment-form input:focus,.appointment-form select:focus,.appointment-form textarea:focus{border-color:var(--primary)}.testimonials{background:#fff;padding:120px 0}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.testimonial-card{text-align:center;background:#f8fafc;border-radius:20px;padding:35px;transition:all .3s}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-8px)}.profile{background:#dbeafe;border-radius:50%;width:80px;height:80px;margin:0 auto 20px}.testimonial-card h3{margin-bottom:8px}.testimonial-card span{color:var(--primary);font-size:14px}.testimonial-card p{margin-top:20px;line-height:1.8}.footer{background:var(--primary);color:#fff;padding-top:80px}.footer-container{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:60px;display:grid}.footer h2,.footer h3{margin-bottom:20px}.footer p,.footer a{color:#fff;opacity:.9;margin-bottom:12px;display:block}.footer a:hover{opacity:1}.footer-bottom{text-align:center;border-top:1px solid #ffffff26;padding:25px}.auth-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{width:420px;box-shadow:var(--shadow-md);background:#fff;border-radius:22px;padding:45px}.auth-card h2{margin-bottom:12px}.auth-card p{margin-bottom:25px}.auth-card form{flex-direction:column;gap:18px;display:flex}.auth-card input{border:1px solid var(--border);border-radius:12px;padding:16px}.auth-link{text-align:center;margin-top:25px}.auth-link a{color:var(--primary);margin-left:8px;font-weight:600}.dashboard{background:#f5f7fb;min-height:100vh;padding:40px}.dashboard-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.welcome-section h1{color:#1f2937;margin-bottom:8px;font-size:2rem}.welcome-section h1 span{color:#c62828}.welcome-section p{color:#6b7280;font-size:1rem}.dashboard-content{flex-direction:column;gap:30px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.stat-card{cursor:default;background:#fff;border-radius:16px;padding:25px;transition:all .3s;box-shadow:0 8px 25px #00000014}.stat-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000026}.stat-card h2{color:#1f2937;margin-bottom:10px;font-size:2rem}.stat-card p{color:#6b7280;font-size:1rem;font-weight:500}.stat-card.pending{border-top:5px solid #f59e0b}.stat-card.approved{border-top:5px solid #16a34a}.stat-card.completed{border-top:5px solid #2563eb}.stat-card.cancelled{border-top:5px solid #dc2626}.dashboard-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.primary-btn,.secondary-btn,.logout-btn,.edit-btn,.cancel-btn,.save-btn,.close-btn{cursor:pointer;border:none;border-radius:10px;outline:none;padding:12px 22px;font-size:.95rem;font-weight:600;transition:all .3s}.primary-btn{color:#fff;background:#2563eb;text-decoration:none}.primary-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.secondary-btn{color:#1f2937;background:#f3f4f6}.secondary-btn:hover{background:#e5e7eb}.logout-btn{color:#fff;background:#dc2626}.logout-btn:hover{background:#b91c1c}.edit-btn{color:#fff;background:#16a34a}.edit-btn:hover{background:#15803d}.cancel-btn{color:#fff;background:#ef4444}.save-btn{color:#fff;background:#2563eb}.save-btn:hover{background:#1d4ed8}.close-btn{color:#fff;background:#6b7280}.close-btn:hover{background:#4b5563}.appointment-list{flex-direction:column;gap:20px;display:flex}.appointment-list h2{color:#1f2937;font-size:1.6rem}.appointment-card{background:#fff;border-radius:16px;padding:25px;transition:all .3s;box-shadow:0 8px 25px #00000014}.appointment-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.appointment-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.appointment-card-header h3{color:#1f2937;margin-bottom:8px;font-size:1.25rem}.appointment-date{color:#6b7280;font-size:.95rem}.appointment-card-body{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.appointment-card-body p{color:#374151;line-height:1.6}.appointment-card-body strong{color:#111827}.appointment-card-footer{flex-wrap:wrap;gap:12px;display:flex}.status-badge{color:#fff;border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:600}.status-badge.pending{background:#f59e0b}.status-badge.approved{background:#16a34a}.status-badge.completed{background:#2563eb}.status-badge.cancelled{background:#dc2626}.status-badge.rejected{background:#7c3aed}.payment-badge{color:#fff;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.payment-badge.paid{background:#16a34a}.payment-badge.pending{background:#ef4444}.loading-state,.empty-state{text-align:center;background:#fff;border-radius:16px;padding:40px;box-shadow:0 8px 25px #00000014}.empty-state h3{color:#1f2937;margin-bottom:10px}.empty-state p{color:#6b7280}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.edit-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;padding:30px;animation:.3s modalFade;box-shadow:0 20px 50px #00000040}.edit-modal h2{color:#1f2937;text-align:center;margin-bottom:25px}.edit-modal input,.edit-modal textarea{resize:none;box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;margin-bottom:18px;padding:14px 16px;font-size:1rem;transition:all .3s}.edit-modal input:focus,.edit-modal textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.modal-actions{justify-content:flex-end;gap:15px;margin-top:10px;display:flex}@keyframes modalFade{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=992px){.dashboard{padding:30px 20px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}.dashboard-actions{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn,.logout-btn{text-align:center;width:100%}}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.appointment-card-header{flex-direction:column;align-items:flex-start}.appointment-card-footer{flex-direction:column}.edit-btn,.cancel-btn{width:100%}.modal-actions{flex-direction:column}.save-btn,.close-btn{width:100%}}@media (width<=480px){.dashboard{padding:20px 15px}.welcome-section h1{font-size:1.6rem}.stat-card,.appointment-card,.edit-modal{padding:20px}}.appointment-page{background:#f7f8fc;justify-content:center;align-items:center;min-height:100vh;display:flex}.appointment-card{background:#fff;border-radius:12px;width:450px;padding:30px;box-shadow:0 10px 30px #00000014}.appointment-card h2{text-align:center;margin-bottom:20px}.appointment-card form{flex-direction:column;gap:15px;display:flex}.appointment-card input,.appointment-card select,.appointment-card textarea{border:1px solid #ddd;border-radius:8px;padding:12px}.primary-btn{color:#fff;background:#0b5ed7;border:none;border-radius:8px;padding:12px}.admin-dashboard{background:#f5f7fb;min-height:100vh;padding:40px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.admin-header h1{color:#1f2937;margin-bottom:8px;font-size:2rem}.admin-header p{color:#6b7280}.admin-content{flex-direction:column;gap:30px;display:flex}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.admin-stat-card{background:#fff;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 8px 25px #00000014}.admin-stat-card:hover{transform:translateY(-5px)}.admin-stat-card h2{margin-bottom:8px;font-size:2rem}.admin-stat-card.pending{border-top:5px solid #f59e0b}.admin-stat-card.approved{border-top:5px solid #22c55e}.admin-stat-card.completed{border-top:5px solid #2563eb}.admin-stat-card.cancelled{border-top:5px solid #ef4444}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.search-box{border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;min-width:280px;padding:14px 18px;font-size:1rem}.search-box:focus{border-color:#2563eb}.filter-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:220px;padding:14px}.admin-table-container{background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 8px 25px #00000014}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{color:#fff;background:#2563eb}.admin-table th{text-align:left;padding:18px}.admin-table td{border-bottom:1px solid #ececec;padding:16px 18px}.admin-table tbody tr{transition:all .25s}.admin-table tbody tr:hover{background:#f8fafc}.approve-btn,.reject-btn,.cancel-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;margin-right:8px;padding:10px 16px;font-weight:600;transition:all .25s}.approve-btn{background:#16a34a}.approve-btn:hover{background:#15803d}.reject-btn{background:#dc2626}.reject-btn:hover{background:#b91c1c}.cancel-btn{background:#f59e0b}.cancel-btn:hover{background:#d97706}.status{color:#fff;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.status.pending{background:#f59e0b}.status.approved{background:#22c55e}.status.completed{background:#2563eb}.status.cancelled{background:#ef4444}.status.rejected{background:#7c3aed}.admin-empty,.admin-loading{text-align:center;color:#6b7280;background:#fff;border-radius:16px;padding:50px;box-shadow:0 8px 25px #00000014}@media (width<=992px){.admin-dashboard{padding:25px}.admin-header{flex-direction:column;align-items:flex-start;gap:20px}.admin-toolbar{flex-direction:column}.search-box,.filter-select{width:100%}}@media (width<=768px){.admin-table th,.admin-table td{padding:12px;font-size:.9rem}.approve-btn,.reject-btn,.cancel-btn{width:100%;margin:5px 0}}@media (width<=480px){.admin-dashboard{padding:15px}.admin-header h1{font-size:1.6rem}.admin-stat-card{padding:18px}}.profile{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.profile-card{background:#fff;border-radius:16px;width:100%;max-width:600px;padding:40px;box-shadow:0 8px 25px #00000014}.profile-card h1{margin-bottom:30px}.profile-info{flex-direction:column;gap:18px;display:flex}.profile-info p{font-size:1.05rem}:root{--primary:#1e3a8a;--primary-hover:#1d4ed8;--secondary:#1f2937;--background:#f8fafc;--white:#fff;--accent:#dc2626;--text:#374151;--border:#e5e7eb;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-sm:0 4px 12px #00000014;--shadow-md:0 12px 30px #0000001f;--container:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none}a{text-decoration:none}ul{list-style:none}body{background:var(--background);color:var(--text);font-family:Poppins,sans-serif}.container{width:min(var(--container),90%);margin:auto}.section{padding:100px 0}.primary-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);padding:14px 28px;transition:all .3s}.primary-btn:hover{background:#b91c1c}