*{box-sizing:border-box;margin:0;padding:0}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-color:#f5f5f5;color:#333;line-height:1.6}.app{max-width:900px;margin:0 auto;padding:2rem 1rem}header{text-align:center;margin-bottom:2rem}header h1{font-size:2rem;font-weight:600;color:#222}main{display:flex;flex-direction:column;gap:1.5rem}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.card h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#222}.card h3{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#333}.health-status{font-size:1.1rem;font-weight:500;padding:.5rem 1rem;border-radius:4px;display:inline-block}.health-status.online{color:#22c55e;background-color:#dcfce7}.health-status.offline{color:#ef4444;background-color:#fee2e2}.health-status.loading{color:#6b7280;background-color:#f3f4f6}.error-message{background-color:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #fecaca}form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.9rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.submit-button{padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.submit-button:hover:not(:disabled){background-color:#2563eb}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.events-list{display:flex;flex-direction:column;gap:1rem}.event-card{border:1px solid #e5e7eb;border-radius:6px;padding:1.25rem;background-color:#fafafa}.event-card h3{font-size:1.3rem;margin-bottom:.75rem;color:#111}.event-details{display:flex;flex-direction:column;gap:.5rem}.event-details p{margin:0;color:#4b5563}.event-details strong{color:#111;font-weight:600}.tiers{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.tiers ul{list-style:none;margin-top:.5rem;padding-left:0}.tiers li{padding:.25rem 0;color:#4b5563}@media (max-width: 768px){.app{padding:1rem .75rem}header h1{font-size:1.5rem}.card{padding:1rem}}