*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{color:#233;background:#f8fbf8}a{text-decoration:none}.navbar{background:#fff;justify-content:space-between;align-items:center;padding:18px 8%;display:flex;box-shadow:0 5px 20px #00000014}.navbar h2{color:#27745d;font-size:24px}.navbar p{color:#666;font-size:13px}.nav-links{gap:22px;display:flex}.nav-links a{color:#333;font-weight:600}.nav-links a:hover{color:#27745d}.hero{background:linear-gradient(135deg,#dff7ed,#fff8e7);justify-content:center;align-items:center;min-height:85vh;padding:40px 8%;display:flex}.hero-content{text-align:center;background:#fff;border-radius:28px;max-width:750px;padding:50px;box-shadow:0 20px 45px #0000001f}.hero-content h1{color:#27745d;margin-bottom:8px;font-size:48px}.doctor-name{color:#555;margin-bottom:20px;font-size:17px}.hero-text{color:#555;margin-bottom:30px;font-size:18px;line-height:1.7}.hero-buttons{justify-content:center;gap:15px;display:flex}.btn{cursor:pointer;text-align:center;border:none;border-radius:12px;padding:12px 22px;font-weight:700;display:inline-block}.primary{color:#fff;background:#27745d}.secondary{color:#222;background:#f2b84b}.danger{color:#fff;background:#e85b5b}.full-btn{width:100%;margin-top:10px}.services{text-align:center;padding:60px 8%}.services h2{color:#27745d;margin-bottom:30px;font-size:34px}.service-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.service-card{background:#fff;border-radius:22px;padding:30px;box-shadow:0 12px 30px #00000014}.service-card h3{color:#27745d;margin-bottom:12px}.form-page,.login-page,.success-page,.dashboard-page,.details-page{padding:50px 8%}.registration-form,.login-card,.success-card,.update-form{background:#fff;border-radius:24px;max-width:850px;margin:auto;padding:35px;box-shadow:0 15px 40px #00000014}.registration-form h1,.login-card h1,.success-card h1,.dashboard-page h1,.details-page h1{color:#27745d;margin-bottom:10px}.form-subtitle{color:#666;margin-bottom:25px}.form-section{margin-top:30px}.form-section h2,.update-form h2{color:#27745d;margin-bottom:15px}input,select,textarea{border:1px solid #d5ddd8;border-radius:12px;outline:none;width:100%;margin-bottom:15px;padding:13px;font-size:15px}textarea{resize:vertical;min-height:90px}input:focus,select:focus,textarea:focus{border-color:#27745d}.checkbox-label{align-items:center;gap:10px;margin-bottom:15px;font-size:15px;display:flex}.checkbox-label input{width:auto;margin:0}.success-card{text-align:center;max-width:650px}.success-card p{color:#555;margin:18px 0;line-height:1.7}.login-card{max-width:450px}.login-card p{color:#666;margin-bottom:20px}@media (width<=900px){.service-grid{grid-template-columns:1fr}.navbar{flex-direction:column;gap:15px}.nav-links{flex-wrap:wrap;justify-content:center}.hero-content h1{font-size:34px}.hero-buttons{flex-direction:column}}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.dashboard-header p{color:#666;margin-top:5px}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.registration-card{background:#fff;border-radius:22px;padding:25px;box-shadow:0 12px 30px #00000014}.registration-card p{color:#444;margin:10px 0}.card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-top h2{color:#27745d}.status{color:#333;background:#eee;border-radius:20px;padding:6px 10px;font-size:12px}.status.Pending{color:#856404;background:#fff3cd}.status.Accepted{color:#0c5460;background:#d1ecf1}.status.Treated,.status.Completed{color:#155724;background:#d4edda}.status.Visited,.status.Follow-up{color:#343a80;background:#e2e3ff}.details-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:30px;display:grid}.details-card{background:#fff;border-radius:22px;padding:25px;box-shadow:0 12px 30px #00000014}.details-card h2{color:#27745d;margin-bottom:15px}.details-card p{color:#444;margin-bottom:10px}.contact-actions{flex-wrap:wrap;gap:15px;margin:35px 0;display:flex}.whatsapp{color:#fff;background:#25d366}.update-form{max-width:900px;margin-top:30px}.update-form label{color:#333;margin-bottom:8px;font-weight:700;display:block}.loading-text{text-align:center;color:#27745d;padding:50px;font-size:20px}@media (width<=900px){.details-grid{grid-template-columns:1fr}}.dashboard-controls{grid-template-columns:2fr 1fr 1fr;gap:18px;margin-bottom:30px;display:grid}.dashboard-controls input,.dashboard-controls select{margin-bottom:0}@media (width<=900px){.dashboard-controls{grid-template-columns:1fr}}.back-btn{margin-bottom:20px}.summary-grid{grid-template-columns:repeat(6,1fr);gap:18px;margin-bottom:30px;display:grid}.summary-card{text-align:center;background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 25px #00000014}.summary-card h3{color:#27745d;margin-bottom:8px;font-size:15px}.summary-card p{color:#222;font-size:28px;font-weight:800}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.summary-grid{grid-template-columns:repeat(2,1fr)}}.upcoming-section{background:#fff;border-radius:22px;margin-bottom:30px;padding:25px;box-shadow:0 12px 30px #00000014}.upcoming-section h2{color:#27745d;margin-bottom:18px}.appointment-list{flex-direction:column;gap:14px;display:flex}.appointment-card{background:#f8fbf8;border-radius:16px;grid-template-columns:2fr 1fr auto;align-items:center;gap:18px;padding:16px;display:grid}.appointment-card h3{color:#27745d;margin-bottom:4px}.appointment-card p{color:#555}@media (width<=700px){.appointment-card{grid-template-columns:1fr}}