:root{--primary: #0e7c86;--primary-dark: #0a5c64;--bg: #f4f7f9;--text: #1d2b36;--muted: #6b7c88;--border: #dbe3e8;--danger: #c0392b;--ok: #1e8e5a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}h1{margin:.5rem 0}h2,h3{margin:.25rem 0 .75rem}.container{max-width:960px;margin:0 auto;padding:1.25rem}.muted{color:var(--muted)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;flex-wrap:wrap;gap:.5rem}.brand{font-weight:700;font-size:1.2rem;color:var(--primary)}.navbar nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.navbar nav a.active{font-weight:600}.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:1.25rem;margin:1rem 0}.card.narrow,.form.narrow{max-width:440px;margin-left:auto;margin-right:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.doctor-card{color:inherit;margin:0;transition:box-shadow .15s,transform .15s}.doctor-card:hover{box-shadow:0 4px 14px #00000014;transform:translateY(-2px)}.doctor-card p{margin:.35rem 0 0}.badge{display:inline-block;background:#e0f3f4;color:var(--primary-dark);padding:2px 10px;border-radius:999px;font-size:.8rem}.status{padding:2px 10px;border-radius:999px;font-size:.8rem;text-transform:capitalize}.status-booked{background:#e0f3f4;color:var(--primary-dark)}.status-completed{background:#dff5e9;color:var(--ok)}.status-cancelled{background:#f8e0dd;color:var(--danger)}.form{display:flex;flex-direction:column;gap:.8rem}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:500}input,select,textarea{padding:.55rem .7rem;border:1px solid var(--border);border-radius:6px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.toolbar{display:flex;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.toolbar input{flex:1;min-width:200px}.btn{background:var(--primary);color:#fff;border:1px solid var(--primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font:inherit}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;color:var(--primary)}.btn-outline:hover{background:#e0f3f4}.navbar nav a.btn{color:#fff}.slots{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.slot{padding:.45rem .9rem;border:1px solid var(--primary);background:#fff;color:var(--primary);border-radius:6px;cursor:pointer;font:inherit}.slot:hover{background:#e0f3f4}.slot.selected{background:var(--primary);color:#fff}.alert{padding:.65rem .9rem;border-radius:6px;margin:.75rem 0;font-size:.92rem}.alert-error{background:#fbe9e7;color:var(--danger)}.alert-success{background:#e3f6ec;color:var(--ok)}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.row-inline{display:flex;align-items:center;gap:.6rem;margin:.6rem 0;flex-wrap:wrap}.actions{display:flex;align-items:center;gap:.5rem}.list .card{margin:.75rem 0}.appt-row{padding:.7rem 0;border-top:1px solid var(--border)}.tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border);margin-top:1rem}.tabs button{background:none;border:none;padding:.6rem 1rem;cursor:pointer;font:inherit;color:var(--muted);border-bottom:3px solid transparent}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}