:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1f2937;background:#f3f6f8;--primary: #0f766e}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:0 auto;padding:24px 16px}main.wide{max-width:1200px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.table-scroll{overflow-x:auto}.table-scroll td{white-space:nowrap}h4{margin:4px 0 0;font-size:14px;color:#475569}.doctors{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}button.doctor{background:#fff;color:#1f2937;border:1px solid #cbd5e1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px}button.doctor.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}button.doctor small{color:#64748b}.chips{display:flex;flex-wrap:wrap;gap:8px}.summary{margin:0;font-weight:600}.success{color:#15803d;margin:0}.inline{display:inline-flex;gap:8px;align-items:center}.status{font-size:12px;padding:2px 8px;border-radius:10px;background:#e2e8f0}.status.booked,.status.rescheduled{background:#ccfbf1;color:#0f766e}.status.cancelled{background:#fee2e2;color:#b91c1c}h1{color:var(--primary)}.card{background:#fff;border-radius:10px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:12px}.card h2,.card h3{margin:0}.header{display:flex;justify-content:space-between;align-items:center}label{display:flex;flex-direction:column;gap:4px;font-size:14px;flex:1}input,select{padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}.row{display:flex;gap:12px;align-items:end}.row>input,.row>select{flex:1}button{background:var(--primary);color:#fff;border:0;border-radius:6px;padding:9px 16px;font-size:14px;cursor:pointer}button:disabled{opacity:.6}button.secondary{background:#e2e8f0;color:#1f2937}button.link{background:none;color:var(--primary);padding:0}button.danger{color:#b91c1c}.error{color:#b91c1c;margin:0}.muted{color:#64748b}dl{display:grid;grid-template-columns:140px 1fr;gap:6px;margin:0}dt{color:#64748b}dd{margin:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px;border-bottom:1px solid #e2e8f0}pre{background:#f1f5f9;padding:12px;border-radius:6px;overflow:auto;margin:0}
