body{color:tomato}:root{--primary-color: #6366f1;--success-color: #10b981;--error-color: #ef4444;--bg-light: #f9fafb;--bg-dark: #1f2937;--text-dark: #111827;--text-light: #9ca3af;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.app{width:100%;max-width:600px;text-align:center}.app h1{color:#fff;font-size:2.5rem;margin-bottom:2rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.health-box{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg);animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.health-box h2{color:var(--text-dark);font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.loading{color:var(--text-light);padding:2rem;font-size:1rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1.5rem;margin:1rem 0;text-align:center}.error-icon{font-size:2rem;display:block;margin-bottom:.5rem}.error p{color:var(--error-color);margin-bottom:1rem;font-size:.95rem}.error button{background:var(--error-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.error button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.health-info{background:var(--bg-light);border-radius:8px;padding:1.5rem;margin:1rem 0}.health-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.health-row:last-child{border-bottom:none}.label{color:var(--text-light);font-size:.9rem;font-weight:500;text-align:left}.status{font-weight:600;padding:.25rem .75rem;border-radius:20px;font-size:.9rem}.status.healthy{background:#d1fae5;color:#065f46}.status.unhealthy{background:#fee2e2;color:#991b1b}.timestamp{color:var(--text-dark);font-size:.9rem;font-family:Courier New,monospace}.backend-url{color:var(--primary-color);font-size:.85rem;font-family:Courier New,monospace;word-break:break-all}.refresh-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;width:100%;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px);box-shadow:var(--shadow-md)}.refresh-btn:active:not(:disabled){transform:translateY(0)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.app h1{font-size:2rem}.health-box{padding:1.5rem}.health-row{flex-direction:column;align-items:flex-start;gap:.5rem}.label,.status,.timestamp,.backend-url{font-size:.85rem}}