*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a1a;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard,body{min-height:100vh}.dashboard{display:flex;flex-direction:column}.header{background:#222;border-bottom:1px solid #333;justify-content:space-between;padding:.5rem 1rem}.header,.title{align-items:center;display:flex}.title{gap:.5rem}.logo{color:#4ade80;height:1.25rem;width:1.25rem}.header h1{color:#999;font-size:.875rem;font-weight:600}.header-actions{align-items:center;display:flex;gap:.375rem}.counts{border-right:1px solid #333;display:flex;font-size:.75rem;font-weight:600;gap:.75rem;margin-right:.5rem;padding-right:.75rem}.counts .healthy{color:#4ade80}.counts .unhealthy{color:#f87171}.btn{align-items:center;background:#252525;border:1px solid #333;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;font-size:.6875rem;font-weight:600;height:1.75rem;justify-content:center;transition:all .1s ease;width:1.75rem}.btn:hover:not(:disabled){background:#2a2a2a;color:#999}.btn:disabled{cursor:not-allowed;opacity:.4}.btn.active{background:#333;border-color:#444;color:#fff}.spinning{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.main{flex:1;margin:0 auto;max-width:1600px;padding:1rem;width:100%}.grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{background:#222;border:1px solid #2d2d2d;border-radius:6px;display:flex;flex-direction:column;gap:.625rem;padding:1rem}.card.healthy{border-left:3px solid #4ade80}.card.unhealthy{background:#1f1818;border-left:3px solid #f87171}.card.checking{border-left:3px solid #60a5fa}.card-header{align-items:center;display:flex;gap:.5rem}.dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dot.healthy{background:#4ade80}.dot.unhealthy{background:#f87171}.dot.checking{animation:pulse 1.5s infinite;background:#60a5fa}@keyframes pulse{50%{opacity:.3}}.name{color:#fff;flex:1;font-size:.8125rem;font-weight:600}.status-badge{border-radius:3px;font-size:.625rem;font-weight:600;padding:.1875rem .5rem;text-transform:uppercase}.status-badge.healthy{background:#4ade8026;color:#4ade80}.status-badge.unhealthy{background:#f8727226;color:#f87171}.status-badge.checking{background:#60a5fa26;color:#60a5fa}.description{color:#888;font-size:.75rem;line-height:1.4}.card-footer{align-items:center;border-top:1px solid #2a2a2a;display:flex;justify-content:space-between;margin-top:auto;padding-top:.5rem}.bind{background:#1a1a1a;border-radius:3px;color:#666;font-size:.6875rem;padding:.25rem .5rem}.bind,.time{font-family:SF Mono,Consolas,monospace}.time{color:#555;font-size:.625rem}.error-box{align-items:flex-start;background:#f872721a;border:1px solid hsla(0,91%,71%,.2);border-radius:3px;color:#f87171;display:flex;font-size:.6875rem;gap:.5rem;margin-top:.25rem;padding:.5rem .625rem}.error-code{background:#f8727233;border-radius:2px;flex-shrink:0;font-family:SF Mono,Consolas,monospace;font-weight:600;padding:.125rem .375rem}.error-message{flex:1;line-height:1.4}.dashboard.large .header{padding:.75rem 1.5rem}.dashboard.large .logo{height:1.75rem;width:1.75rem}.dashboard.large .header h1{font-size:1.25rem}.dashboard.large .counts{font-size:1rem;gap:1rem}.dashboard.large .btn{font-size:.875rem;height:2.25rem;width:2.25rem}.dashboard.large .main{max-width:100%;padding:1.5rem}.dashboard.large .grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.dashboard.large .card{border-left-width:4px;gap:.75rem;padding:1.25rem 1.5rem}.dashboard.large .dot{height:12px;width:12px}.dashboard.large .name{font-size:1.125rem}.dashboard.large .status-badge{font-size:.75rem;padding:.25rem .625rem}.dashboard.large .description{font-size:.9375rem}.dashboard.large .bind{font-size:.875rem;padding:.375rem .625rem}.dashboard.large .time{font-size:.8125rem}.dashboard.large .error{font-size:.875rem;padding:.5rem .75rem}.dashboard.fullscreen.large .header{padding:1rem 2rem}.dashboard.fullscreen.large .logo{height:2rem;width:2rem}.dashboard.fullscreen.large .header h1{font-size:1.5rem}.dashboard.fullscreen.large .main{padding:2rem}.dashboard.fullscreen.large .grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.dashboard.fullscreen.large .card{padding:1.5rem 2rem}.dashboard.fullscreen.large .name{font-size:1.375rem}.dashboard.fullscreen.large .description{font-size:1.0625rem}.dashboard.fullscreen.large .dot{height:14px;width:14px}@media(max-width:600px){.header{padding:.5rem .75rem}.header h1{font-size:.75rem}.main{padding:.75rem}.grid{gap:.5rem;grid-template-columns:1fr}.card{padding:.75rem}.name{font-size:.75rem}.description{font-size:.6875rem}.bind{font-size:.625rem}}