*{box-sizing:border-box;margin:0;padding:0}body{background:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{display:flex;flex-direction:column;gap:8px;height:100vh;padding:10px 16px}.header{align-items:center;border-bottom:1px solid #1e293b;display:flex;flex-shrink:0;justify-content:space-between;padding-bottom:8px}.header h1{color:#f1f5f9;font-size:1.1rem}.last-update{color:#64748b;font-size:.75rem}.dashboard{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0}.tabs-row{align-items:flex-end;display:flex;flex-shrink:0;gap:12px;justify-content:space-between}.tabs{flex-wrap:wrap}.tab,.tabs{display:flex;gap:6px}.tab{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:6px 6px 0 0;color:#94a3b8;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .2s}.tab:hover{background:#334155;color:#e2e8f0}.tab-active{background:#334155;border-bottom-color:#334155;color:#f1f5f9}.tab-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.dot-online{background:#4ade80;box-shadow:0 0 6px #4ade80}.dot-offline{background:#f87171;box-shadow:0 0 6px #f87171}.rotate-btn{background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.7rem;font-weight:600;padding:5px 12px;transition:all .2s;white-space:nowrap}.rotate-btn:hover{background:#334155;color:#e2e8f0}.rotate-btn.rotate-active{border-color:#4ade80;color:#4ade80}.rotate-progress-bar{background:#1e293b;border-radius:1px;flex-shrink:0;height:2px;overflow:hidden}.rotate-progress-fill{background:#4ade80;border-radius:1px;height:100%;transition:width .1s linear}.server-card-full{background:#1e293b;border:1px solid #334155;border-radius:10px;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:12px 14px}.server-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:10px}.server-name{font-size:1rem;font-weight:600}.status-badge{border-radius:12px;font-size:.65rem;font-weight:600;padding:3px 10px;text-transform:uppercase}.status-online{background:#065f46;color:#6ee7b7}.status-offline{background:#7f1d1d;color:#fca5a5}.server-body{display:flex;flex:1 1;gap:12px;min-height:0}.body-left{flex:1 1;gap:8px;min-width:0}.body-left,.body-right{display:flex;flex-direction:column}.body-right{flex-shrink:0;gap:6px;overflow-y:auto;width:280px}.metrics-row-compact{grid-gap:8px;display:grid;flex-shrink:0;gap:8px;grid-template-columns:repeat(4,1fr)}.metric-card-compact{background:#0f172a;border:1px solid #334155;border-radius:6px;padding:8px 10px}.metric-label-sm{color:#94a3b8;font-size:.6rem;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.metric-value-sm{font-size:1.2rem;font-weight:700;line-height:1.2}.metric-sub-sm{color:#64748b;font-size:.6rem;margin-top:1px}.ok{color:#4ade80}.warning{color:#fbbf24}.critical{color:#f87171}.progress-bar-sm{background:#334155;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .5s ease}.charts-row-compact{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:1fr 1fr;min-height:0}.chart-card-compact{background:#0f172a;border:1px solid #334155;border-radius:6px;display:flex;flex-direction:column;min-height:0;padding:8px 10px}.chart-title-compact{color:#94a3b8;flex-shrink:0;font-size:.65rem;margin-bottom:4px}.service-card{background:#0f172a;border:1px solid #334155;border-radius:6px;padding:8px 10px}.service-title{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:6px;margin-bottom:6px}.service-stat{border-bottom:1px solid #1e293b;display:flex;font-size:.7rem;justify-content:space-between;padding:3px 0}.service-stat:last-child{border-bottom:none}.stat-label{color:#94a3b8}.stat-value{font-weight:600}.metric-sub{color:#64748b;font-size:.65rem;margin-top:2px}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.summary-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:12px;transition:border-color .2s}.summary-card:hover{border-color:#475569}.summary-card.summary-offline{opacity:.6}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.summary-name-row{align-items:center;display:flex;gap:8px}.summary-name{font-size:.9rem;font-weight:600}.summary-host{color:#64748b;font-size:.65rem}.summary-metrics{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:8px}.summary-metric{text-align:center}.summary-label{color:#94a3b8;display:block;font-size:.55rem;letter-spacing:.04em;margin-bottom:1px;text-transform:uppercase}.summary-value{display:block;font-size:1rem;font-weight:700;line-height:1.2}.summary-bar{background:#334155;border-radius:2px;height:3px;margin-top:3px;overflow:hidden}.summary-bar-fill{border-radius:2px;height:100%;transition:width .5s ease}.summary-services{display:flex;flex-wrap:wrap;gap:4px}.summary-svc-chip{background:#0f172a;border:1px solid #334155;border-radius:4px;color:#94a3b8;font-size:.65rem;padding:2px 6px}.summary-offline-msg{color:#64748b;font-size:.75rem;padding:6px 0}@media (max-width:768px){.server-body{flex-direction:column}.body-right{width:100%}.metrics-row-compact{grid-template-columns:repeat(2,1fr)}.charts-row-compact,.summary-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.b27b22bb.css.map*/