*{box-sizing:border-box}body{margin:0;font-family:Arial,Tahoma,sans-serif;background:#f3f6f9;color:#17202a}.container{max-width:760px;margin:30px auto;padding:15px}.card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 30px #00000012}h1{margin-top:0;color:#1261a0}.muted{color:#6b7280}label{display:block;margin:14px 0 6px;font-weight:bold}input,select,textarea{width:100%;padding:12px;border:1px solid #d6dbe1;border-radius:10px;font-size:16px}button{border:0;border-radius:10px;padding:12px 18px;background:#1261a0;color:white;font-size:16px;cursor:pointer;margin-top:18px}button.secondary{background:#6b7280}.toolbar{display:flex;gap:10px}.toolbar button{margin:0}.success{color:#16803c}.error{color:#c62828}.appointment{border:1px solid #e1e5ea;border-radius:12px;padding:15px;margin:12px 0;background:#fafafa}.appointment strong{color:#1261a0}.appointment button{margin-left:5px}.status{font-weight:bold}#message,#loginMessage{margin-top:15px} @media(max-width:600px){.container{margin:10px auto}.card{padding:18px}}