:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%,#2563eb33,#0000 35rem),#020617;min-width:320px;min-height:100vh;margin:0}.shell{width:min(1100px,100% - 32px);margin:0 auto;padding:72px 0}.hero{max-width:760px;margin-bottom:40px}.eyebrow{letter-spacing:.16em;color:#60a5fa;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-block}h1{letter-spacing:-.05em;margin:0;font-size:clamp(44px,8vw,88px);line-height:.95}.hero p,.panel p{color:#94a3b8;line-height:1.7}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ab8;border:1px solid #1e293b;border-radius:18px;margin-top:18px;padding:24px}.panel h2{margin-top:0}.authPanel form{gap:16px;max-width:420px;display:grid}.authPanel label{color:#cbd5e1;gap:6px;display:grid}.authPanel input{color:#e2e8f0;background:#020617;border:1px solid #334155;border-radius:8px;padding:12px}.authPanel button{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:8px;width:fit-content;padding:10px 18px}.patientHeader,.search,.patientList li,.patientForm div{justify-content:space-between;align-items:center;gap:12px;display:flex}.search,.patientForm{gap:12px;display:grid}.search label,.patientForm label{gap:6px;display:grid}.patientList{gap:8px;padding:0;list-style:none;display:grid}.patientList li{border:1px solid #334155;border-radius:10px;padding:10px}.patientList li button{color:#bfdbfe;background:0 0}.patientDetail{border-top:1px solid #334155;margin-top:18px;padding-top:18px}.scheduleHeader,.scheduleActions,.appointmentList li{justify-content:space-between;align-items:center;gap:12px;display:flex}.appointmentList{gap:8px;padding:0;list-style:none;display:grid}.appointmentList li{border:1px solid #334155;border-radius:10px;padding:12px}.appointmentList li span{color:#94a3b8;text-overflow:ellipsis;font-size:12px;overflow:hidden}.appointmentForm{gap:12px;margin-top:18px;display:grid}.appointmentForm label,.schedulingPanel>label{gap:6px;display:grid}.appointmentForm fieldset{border:1px solid #334155;border-radius:10px;gap:10px;display:grid}.patientPicker{align-items:end;gap:10px;display:flex}.patientPickerResults{gap:6px;padding:0;list-style:none;display:grid}.appointmentDetail{border-top:1px solid #334155;margin-top:18px;padding-top:18px}.flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.flowItem{background:#0f172a;border:1px solid #334155;border-radius:14px;align-items:center;gap:12px;min-height:72px;padding:14px;display:flex}.flowItem span{background:#1d4ed8;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}@media (width<=760px){.shell{padding-top:40px}.flow{grid-template-columns:1fr}}
