.home{display:flex;flex-direction:column;align-items:center;padding:12px}.home p{font-size:1.1rem;color:#444;margin-bottom:16px}.status{font-size:1rem;padding:10px 20px;border-radius:5px;margin-bottom:16px;background-color:#667eea14;color:#333}.status.success{background-color:#4caf504d;color:#4caf50}.status.error{background-color:#f443364d;color:#f44336}.btn{padding:12px 30px;font-size:1rem;background-color:#fff;color:#667eea;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background-color:#f0f0f0}.btn:active{transform:translateY(0)}.page-header{padding:24px 0;text-align:center}.page-title{margin:0;font-size:2rem;font-weight:700;color:#222}.page-subtitle{margin:8px 0 0;font-size:1rem;color:#666}.section{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;padding:24px;margin:24px auto;max-width:900px}.section-header{margin-bottom:16px}.section-title{margin:0;font-size:1.5rem;font-weight:700;color:#222}.section-description{margin:8px 0 0;color:#666;font-size:1rem}.section-content{margin-top:8px}.health-container{max-width:600px;margin:50px auto;padding:30px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading{text-align:center;color:#666;font-size:1.1rem;padding:20px}.error{background-color:#ffebee;color:#c62828;padding:15px;border-radius:5px;margin:20px 0}.health-info{margin:20px 0}.status-badge{display:inline-block;padding:10px 20px;border-radius:5px;font-weight:700;margin-bottom:15px}.status-badge.success{background-color:#e8f5e9;color:#2e7d32}.message{font-size:1rem;color:#555;margin:10px 0}.timestamp{font-size:.9rem;color:#999;margin:10px 0 20px}.json-display{background-color:#f5f5f5;border:1px solid #ddd;border-radius:5px;padding:15px;overflow-x:auto}.json-display h3{margin:0 0 10px;color:#333}.json-display pre{margin:0;color:#333;font-family:Courier New,monospace;font-size:.9rem}.refresh-btn{display:block;margin:30px auto 0;padding:12px 30px;background-color:#667eea;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.refresh-btn:active{transform:translateY(0)}.app-root{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:#f5f5f8}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:64px}.nav-logo{color:#fff;text-decoration:none;font-size:1.3rem;font-weight:700}.nav-links{display:flex;gap:24px}.nav-link{color:#ffffffe6;text-decoration:none;font-size:1rem;padding:6px 10px;border-radius:6px}.nav-link:hover{color:#fff;background-color:#ffffff1f}.app-content{max-width:1200px;margin:0 auto;padding:24px}.app-footer{text-align:center;color:#777;padding:16px 0 24px}