html,body,#root{width:100%;min-height:100%;margin:0}#root{min-height:100vh}*{box-sizing:border-box}body{color:#1e293b;background:#eef4f8;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.app{min-height:100vh}.container{width:100%;max-width:1000px;margin:0 auto;padding:28px 20px}.header{color:#fff;background:#0f4c5c;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:18px max(20px,50% - 500px);display:flex}.header h1{margin:0;font-size:24px}.header p{color:#d5e8ed;margin:5px 0 0;font-size:14px}.user-info{align-items:center;gap:12px;display:flex}.user-info span{color:#0f4c5c;background:#e0f2f1;border-radius:4px;padding:5px 9px;font-size:13px}.card{background:#fff;border:1px solid #d9e2e8;border-radius:8px;width:100%;margin-bottom:22px;padding:22px;box-shadow:0 2px 8px #0f4c5c0f}.card h1,.card h2{color:#0f4c5c;margin-top:0}.login-card{max-width:450px;margin:70px auto}.form{flex-direction:column;gap:15px;display:flex}.form-group{flex-direction:column;flex:1;gap:6px;display:flex}.form-group label{color:#334155;font-size:14px;font-weight:600}.form-group input{color:#1e293b;background:#fff;border:1px solid #b8c5ce;border-radius:5px;outline:none;width:100%;padding:11px 12px}.form-group input:focus{border-color:#168aad;box-shadow:0 0 0 2px #168aad1f}button{color:#fff;cursor:pointer;background:#168aad;border:none;border-radius:5px;padding:10px 16px;font-weight:600}button:hover:not(:disabled){background:#11758f}.form>button{align-self:flex-start}.delete-button{color:#fff;background:#dc3545}.delete-button:hover:not(:disabled){background:#b92c3a}.message{color:#0f4c5c;background:#dff3f7;border-left:4px solid #168aad;border-radius:4px;margin:0 0 20px;padding:11px 14px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.section-heading h2{margin:0}.section-heading span{color:#0f4c5c;background:#e6f4f7;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:600}.patient-list{width:100%}.patient-card{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:25px;padding:18px 0;display:flex}.patient-card:last-child{border-bottom:none}.patient-card h3{color:#0f4c5c;margin:0 0 8px}.patient-card p{color:#475569;margin:5px 0}.patient-card small{color:#94a3b8;word-break:break-all}.patient-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{color:#1e293b;background:#e2e8f0}.secondary-button:hover:not(:disabled){background:#cbd5e1}.button-row{gap:10px;display:flex}.message-error{color:#9b1c1c;background:#fde8e8;border-left-color:#dc3545}.header-error{border-radius:0;margin:0}.field-error{color:#b92c3a;font-size:13px}.form-group input[aria-invalid=true]{border-color:#dc3545}.config-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;padding:10px 12px;font-size:14px;display:flex}.patient-card-editing{display:block}@media (width<=650px){.config-status{flex-direction:column;align-items:stretch}.container{padding:18px 12px}.header{flex-direction:column;align-items:flex-start;padding:16px}.user-info{flex-wrap:wrap;width:100%}.patient-card{flex-direction:column;align-items:stretch}.patient-actions{width:100%}.patient-actions button{flex:1}.section-heading{align-items:flex-start}.card{padding:16px}}