*{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}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fffffff2;padding:2rem;text-align:center;box-shadow:0 2px 10px #0000001a}.header h1{font-size:2.5rem;color:#667eea;margin-bottom:.5rem}.subtitle{color:#666;font-size:1.1rem}.main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}.hero{background:#fff;padding:2rem;border-radius:12px;text-align:center;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.hero h2{color:#333;margin-bottom:1rem}.hero p{color:#666;font-size:1.1rem}.status-section{margin-bottom:2rem}.status-section h3{color:#fff;margin-bottom:1rem;font-size:1.8rem}.status-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.status-card.loading{text-align:center;color:#666}.status-card.error{border-left:4px solid #e53e3e}.status-card.error h4{color:#e53e3e;margin-bottom:.5rem}.status-card.healthy{border-left:4px solid #48bb78}.status-card.unhealthy{border-left:4px solid #f6ad55}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.status-header h4{font-size:1.5rem;color:#333}.timestamp{color:#666;font-size:.9rem}.status-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f7fafc;border-radius:8px}.service-info,.version-info{color:#333}.checks h5{color:#333;margin-bottom:1rem;font-size:1.2rem}.checks ul{list-style:none;display:grid;gap:.75rem}.checks li{padding:.75rem;border-radius:6px;font-size:1.1rem}.check-ok{background:#c6f6d5;color:#22543d}.check-error{background:#fed7d7;color:#742a2a}.features{margin-bottom:2rem}.features h3{color:#fff;margin-bottom:1.5rem;font-size:1.8rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}.feature-card h4{color:#667eea;margin-bottom:.75rem;font-size:1.2rem}.feature-card p{color:#666;line-height:1.6}.footer{background:#fffffff2;padding:2rem;text-align:center;color:#666;box-shadow:0 -2px 10px #0000001a}.footer p{margin-bottom:.5rem}.footer a{color:#667eea;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#764ba2;text-decoration:underline}@media(max-width:768px){.header h1{font-size:2rem}.subtitle{font-size:1rem}.main{padding:1rem}.status-header{flex-direction:column;align-items:flex-start}.feature-grid{grid-template-columns:1fr}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}