body{margin:0;font-family:Arial,sans-serif;background:#f4f8fc;color:#19324a}header{background:white;padding:18px 28px;display:flex;gap:30px;align-items:center;box-shadow:0 2px 10px #0001}header b{font-size:22px}header span{margin-right:auto}a{color:#2878c8;text-decoration:none}main{padding:25px}.login{max-width:420px;margin:10vh auto;background:white;padding:35px;border-radius:22px;box-shadow:0 10px 30px #0001}.login form{display:grid;gap:12px}.login input,.login select,button{padding:12px;border:1px solid #d5e1ec;border-radius:10px;font-size:16px}button{background:#2878c8;color:white;border:0;cursor:pointer}.err{color:#b33}.clinics{display:flex;gap:12px}.clinic{background:white;padding:18px 30px;border-radius:14px;border:1px solid #dce8f2}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.cards article{background:white;padding:20px;border-radius:18px;box-shadow:0 5px 18px #0000000b}.cards form{display:grid;gap:8px;margin-top:15px}.note{margin-top:20px;background:#e9f4ff;padding:16px;border-radius:12px}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}nav button{background:white;color:#2878c8;border:1px solid #d5e1ec}