@layer pages{.chart-live{display:flex;align-items:center;gap:7px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.chart-live i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.chart-wrap{position:relative;height:280px;touch-action:pan-y;cursor:crosshair}.chart-wrap canvas{width:100%;height:100%}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:12px;text-align:center}.chart-wrap.is-loading .chart-empty::before{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--muted) 25%,transparent);border-top-color:var(--lime);border-radius:50%;content:"";animation:chart-loading-spin .75s linear infinite}.chart-wrap.loaded .chart-empty{display:none}@keyframes chart-loading-spin{to{transform:rotate(1turn)}}.chart-crosshair,.chart-marker,.chart-tooltip{position:absolute;opacity:0;pointer-events:none;z-index:3;transition:opacity .12s ease}.chart-crosshair{width:1px;background:linear-gradient(180deg,rgba(185,243,75,.12),rgba(185,243,75,.78),rgba(185,243,75,.12));box-shadow:0 0 14px rgba(185,243,75,.25)}.chart-marker{width:13px;height:13px;border:2px solid var(--surface);border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(185,243,75,.12),0 0 22px rgba(185,243,75,.45);transform:translate(-50%,-50%)}.chart-tooltip{min-width:190px;max-width:min(245px,calc(100% - 18px));padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:color-mix(in srgb,var(--surface) 94%,#000);box-shadow:var(--shadow);transform:translate(-50%,calc(-100% - 13px))}.chart-tooltip[data-place="bottom"]{transform:translate(-50%,13px)}.chart-crosshair.show,.chart-marker.show,.chart-tooltip.show{opacity:1}.chart-tooltip span,.chart-tooltip strong{display:block}.chart-tooltip-time{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.chart-tooltip-main{margin-top:3px;color:var(--text);font-size:16px}.chart-tooltip-extra{margin-top:2px;color:var(--muted);font-size:10px}.chart-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.chart-summary[hidden]{display:none}.chart-summary article{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg-2)}.chart-summary small{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.chart-summary strong{display:block;margin-top:3px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-summary span{display:block;margin-top:2px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitoring-head{gap:18px}.monitoring-controls{display:grid;justify-items:end;gap:8px}.monitoring-tabs{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line-strong);border-radius:11px;background:var(--bg-2)}.monitoring-tabs button{min-height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.monitoring-tabs button:hover,.monitoring-tabs button.is-active{background:var(--lime);color:#10200b}}@layer responsive{@media(max-width:760px){.monitoring-controls{justify-items:stretch;width:100%;min-width:0}.monitoring-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.monitoring-tabs button{padding:0 6px}}@media(max-width:650px){.chart-wrap{height:220px}.chart-summary{grid-template-columns:1fr 1fr}.chart-summary strong{font-size:15px}.chart-tooltip{min-width:176px}}}@layer pages{.monitoring-tabs button{min-height:44px}.monitoring-tabs button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.monitoring-tabs button.is-active:focus-visible{outline-color:#10200b}.chart-live i,.chart-marker{background:var(--lime-text)}.chart-wrap.is-loading .chart-empty::before{border-top-color:var(--lime-text)}}