.dashboard-container[data-v-a922bd78]{display:flex;flex-direction:column;width:100%;height:97vh;background:radial-gradient(circle at 30% 30%,#0f172a,#0a0f18);gap:10px;padding:10px;box-sizing:border-box}.top-row[data-v-a922bd78],.bottom-row[data-v-a922bd78]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;min-height:105px}.middle-section[data-v-a922bd78]{flex:1;display:grid;grid-template-columns:1fr 3fr 1fr;gap:10px;align-items:stretch}.side-column[data-v-a922bd78]{display:grid;grid-template-rows:repeat(3,1fr);gap:10px;height:100%}.value-box[data-v-a922bd78]{border-radius:14px;padding:16px;background:#1e293b;box-shadow:6px 6px 14px #00000073,-6px -6px 14px #ffffff08;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer}.label[data-v-a922bd78]{font-size:.9rem;letter-spacing:.5px;color:#cbd5e1;opacity:.9}.labelmax[data-v-a922bd78]{font-size:.8rem;letter-spacing:.5px;color:#fdc3c3;opacity:.9;text-align:right}.labelmin[data-v-a922bd78]{font-size:.8rem;letter-spacing:.5px;color:#beffbe;opacity:.9;text-align:left}.value[data-v-a922bd78]{font-size:1.6rem;font-weight:600;margin-top:4px;color:#fff}.camera-wrapper[data-v-a922bd78]{height:100%;display:flex;justify-content:center;align-items:center}.camera-box[data-v-a922bd78]{width:100%;height:100%;background:linear-gradient(145deg,#0f172a,#1e293b);box-shadow:inset 4px 4px 10px #00000080,inset -4px -4px 10px #ffffff08,6px 6px 14px #0006,-6px -6px 14px #ffffff0d;border-radius:14px;display:flex;justify-content:center;align-items:center;overflow:hidden}.camera-placeholder[data-v-a922bd78]{color:#9ca3af;font-size:1.6rem;letter-spacing:.1em}.camera-box img[data-v-a922bd78]{width:100%;height:100%;object-fit:contain;border-radius:14px}.warn-pulse[data-v-a922bd78]{animation:warnPulse-a922bd78 1.5s infinite}@keyframes warnPulse-a922bd78{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.alarm-blink[data-v-a922bd78]{animation:alarmBlink-a922bd78 .8s infinite}@keyframes alarmBlink-a922bd78{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.detail-overlay[data-v-a922bd78]{position:fixed;inset:0;width:100%;height:100%;background:#0000008c;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.withdetail-overlay[data-v-a922bd78]{position:fixed;inset:0;width:100%;height:100%;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:999}.detail-box[data-v-a922bd78]{background:#1e293b;padding:24px;border-radius:14px;width:520px;box-shadow:0 8px 32px #0006;text-align:center;color:#fff}.detail-value[data-v-a922bd78]{font-size:2rem;margin:10px 0}.detail-state[data-v-a922bd78]{margin-top:4px;font-size:.95rem;opacity:.8}.trend-container[data-v-a922bd78]{margin-top:18px}.trend-svg[data-v-a922bd78]{width:100%;height:80px}.trend-caption[data-v-a922bd78]{margin-top:4px;font-size:.8rem;opacity:.7}.close-btn[data-v-a922bd78]{margin-top:20px;padding:10px 20px;border:none;border-radius:8px;background:#475569;color:#fff;cursor:pointer;font-size:1rem}.close-btn[data-v-a922bd78]:hover{background:#64748b}.trend-max-label[data-v-a922bd78],.trend-min-label[data-v-a922bd78]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#cbd5e1;text-shadow:none;opacity:.8}.trend-line[data-v-a922bd78]{flex-grow:1;height:1px;background:#fff3;margin-left:6px;margin-right:6px}.trend-axis-label[data-v-a922bd78]{position:absolute;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#cbd5e1;opacity:.9;pointer-events:none}.trend-container[data-v-a922bd78]{position:relative}.trend-max-label span[data-v-a922bd78],.trend-min-label span[data-v-a922bd78],.trend-max-label[data-v-a922bd78],.trend-min-label[data-v-a922bd78]{display:none}.grafana-box[data-v-a922bd78]{width:100%;height:500px;border-radius:8px;overflow:hidden;margin-top:-20px}.grafana-frame[data-v-a922bd78]{width:100%;height:100%;border:none}