*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background:#f4f6fb;color:#1f2937}.app{max-width:1200px;margin:0 auto;padding:32px 24px 48px}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:12px}.logos{display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:14px;background:#fff;box-shadow:0 8px 18px #0f172a14;width:fit-content}.logos img{height:38px;width:auto;display:block}.divider{width:1px;height:28px;background:#e5e7eb}.brand-text{display:flex;flex-direction:column;gap:4px}.header-actions{display:flex;align-items:center;gap:12px}.header h1{font-size:28px;margin-bottom:6px}.header p{color:#6b7280}.status{padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px}.action-button{border:none;background:#0f172a;color:#fff;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease,transform .2s ease}.action-button:hover{background:#1f2937;transform:translateY(-1px)}.status.conectado{background:#dcfce7;color:#166534}.status.conectando{background:#e0f2fe;color:#0c4a6e}.status.erro{background:#fee2e2;color:#991b1b}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.tag-section{background:#e5e7eb;border:2px solid #9ca3af;padding:16px;border-radius:10px;margin-bottom:24px}.tag-section h2{font-size:18px;margin-bottom:12px;color:#111827}.tag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px}.tag-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:#f3f4f6;border-radius:6px;border:1px solid #d1d5db}.tag-name{font-weight:600;color:#111827;font-size:13px}.gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.gauge-card{background:#fff;padding:12px 12px 16px;border-radius:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;min-height:320px}.gauge-top{display:flex;align-items:center;gap:8px}.gauge-badge{background:#16a34a;color:#fff;font-weight:700;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center}.gauge-title{font-weight:600;color:#111827;font-size:14px}.gauge-subtitle{color:#6b7280;font-size:13px}.gauge-body{flex:1;display:flex;align-items:center;justify-content:center}.gauge-scale{position:relative;width:80px;height:180px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to bottom,#f3f4f6,#fff);border-radius:6px;border:1px solid #e5e7eb}.scale-line{position:absolute;left:16px;top:16px;bottom:16px;width:2px;background:repeating-linear-gradient(to bottom,#94a3b8 0px,#94a3b8 2px,transparent 2px,transparent 12px)}.scale-label{position:absolute;left:0;font-size:12px;color:#6b7280}.scale-label.top{top:-2px}.scale-label.bottom{bottom:-2px}.gauge-bar{position:absolute;bottom:16px;width:34px;background:#16a34a;border-radius:4px;transition:height .2s ease}.gauge-value{text-align:center;font-weight:700;color:#0f172a}.gauge-time{text-align:center;font-size:12px;color:#6b7280}.summary-card{background:#fff;padding:16px;border-radius:16px;box-shadow:0 10px 20px #0f172a14;display:flex;flex-direction:column;gap:8px}.summary-card span{color:#6b7280;font-size:14px}.summary-card strong{font-size:22px}.content{background:#fff;padding:16px;border-radius:16px;box-shadow:0 10px 20px #0f172a14}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:#f8fafc;text-align:left}th,td{padding:12px 10px;border-bottom:1px solid #e5e7eb}tbody tr:hover{background:#f9fafb}.value{font-weight:600;color:#111827}.value-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#111827;color:#fff;font-weight:600;min-width:140px;justify-content:center}@media (max-width: 768px){.app{padding:20px 16px 36px}.header,.brand{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.logos{padding:6px 10px;gap:10px}.logos img{height:32px}.header h1{font-size:20px}table{font-size:13px}th,td{padding:10px 8px}.gauges{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.gauge-card{min-height:280px}.gauge-scale{height:160px}.tag-section{padding:12px}.tag-grid{grid-template-columns:1fr}.tag-row{flex-direction:column;align-items:flex-start}.value-chip{width:100%;justify-content:center}}