*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Arial,Helvetica,sans-serif;background-color:#fff;color:#1f2933;line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:2rem}h1{text-align:center;margin-bottom:1.5rem}.page-container{max-width:900px;margin:20px auto;padding:2rem}.card form{width:100%}.card h1{text-align:center}input,select{width:100%;padding:10px;border-radius:6px;border:1px solid #d1e5e5}header{background:#0ea5a4;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}nav{display:flex;align-items:center;gap:1rem}nav a{color:#fff;text-decoration:none;font-weight:500}nav a:hover{text-decoration:underline}.nav-link{background:none;border:none;color:#fff;cursor:pointer;font:inherit}footer{background:#f0f9f9;padding:1rem;text-align:center;border-top:1px solid #d1e5e5}.card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 12px #00000014;border:1px solid #e6f2f2;width:100%;max-width:900px;margin:1.5rem auto;transition:transform .2s ease}.card h2{margin-bottom:1rem;text-align:center}.card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:15px}.card form,.card .form-stack{display:flex;flex-direction:column;gap:14px}.card input,.card select{width:100%;padding:.7rem;border-radius:6px;border:1px solid #d1e5e5}.card label,.card small{margin-bottom:6px}button{background:#0ea5a4;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer}button:hover{background:#0c8b8a}.cancel-btn{background-color:#dc2626;color:#fff}.cancel-btn:hover{background-color:#b91c1c}.auth-page{display:flex;justify-content:center;align-items:center}.auth-card{width:100%;max-width:500px;padding:2rem;border-radius:10px;background:#fff;box-shadow:0 4px 12px #00000014}.auth-card button{width:100%}.auth-card form{display:flex;flex-direction:column;gap:1rem}.auth-card input{width:100%;padding:.7rem;border-radius:6px;border:1px solid #d1e5e5}.search-results{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.search-form{display:flex;gap:10px;align-items:center}.search-form input{flex:1}small{color:#6b7280;font-size:.8rem;margin-bottom:4px;display:block}.popup{position:fixed;top:80px;right:40px;min-width:280px;padding:14px 18px;border-radius:8px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 16px #0003;z-index:9999;animation:slideIn .25s ease;pointer-events:auto;transform:translateZ(0)}.popup.success{background:#0ea5a4}.popup.error{background:#ef4444}.popup-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.popup-text{flex:1;padding-right:12px}.popup-actions{display:flex;gap:10px;align-items:center}.popup-btn{background:#ffffff2e;border:1px solid rgba(255,255,255,.35);padding:8px 12px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600}.popup-btn:hover{background:#ffffff47}.popup-btn.secondary{background:transparent}.no-appointments{text-align:center;color:#6b7280;font-size:1.1rem;margin-top:2rem}.form-stack,.form-group{display:flex;flex-direction:column;gap:12px}