.mon-root{--mon-bg: radial-gradient(1000px 700px at 85% -10%, rgba(147, 197, 253, .2), transparent 55%), radial-gradient(900px 650px at -8% 108%, rgba(196, 181, 253, .18), transparent 55%), linear-gradient(135deg, #ffffff 0%, #f3f5ff 45%, #f6f2ff 75%, #eff4ff 100%);--mon-surface: rgba(255, 255, 255, .62);--mon-surface-strong: rgba(255, 255, 255, .85);--mon-surface-hover: rgba(238, 242, 255, .55);--mon-border: rgba(255, 255, 255, .85);--mon-border-2: #e2e8f0;--mon-text: #0f172a;--mon-text-2: #64748b;--mon-text-3: #94a3b8;--mon-accent: #6366f1;--mon-accent-grad: linear-gradient(135deg, #3b82f6, #8b5cf6);--mon-accent-soft: rgba(99, 102, 241, .12);--mon-error: #e11d48;--mon-error-bg: rgba(244, 63, 94, .14);--mon-warning: #b45309;--mon-warning-bg: rgba(245, 158, 11, .16);--mon-success: #059669;--mon-success-bg: rgba(16, 185, 129, .14);--mon-info: #2563eb;--mon-info-bg: rgba(59, 130, 246, .12);--mon-shadow: 0 10px 30px rgba(49, 46, 129, .1), 0 2px 8px rgba(49, 46, 129, .05);--mon-shadow-accent: 0 10px 26px rgba(79, 70, 229, .22);--mon-grid: rgba(15, 23, 42, .07);--mon-radius: 16px;--mon-radius-sm: 11px}[data-theme=dark] .mon-root{--mon-bg: radial-gradient(1100px 750px at 82% -12%, rgba(255, 255, 255, .07), transparent 55%), radial-gradient(900px 650px at -8% 108%, rgba(255, 255, 255, .05), transparent 55%), radial-gradient(700px 500px at 50% 118%, rgba(129, 140, 248, .16), transparent 60%), linear-gradient(135deg, #0d1230 0%, #171543 38%, #241a5e 70%, #171543 100%);--mon-surface: rgba(255, 255, 255, .07);--mon-surface-strong: rgba(255, 255, 255, .12);--mon-surface-hover: rgba(255, 255, 255, .1);--mon-border: rgba(255, 255, 255, .14);--mon-border-2: rgba(255, 255, 255, .14);--mon-text: #eef2ff;--mon-text-2: #a5b0d6;--mon-text-3: #7c86b8;--mon-accent: #818cf8;--mon-accent-grad: linear-gradient(135deg, #60a5fa, #a78bfa);--mon-accent-soft: rgba(129, 140, 248, .16);--mon-error: #fb7185;--mon-error-bg: rgba(244, 63, 94, .18);--mon-warning: #fbbf24;--mon-warning-bg: rgba(251, 191, 36, .16);--mon-success: #34d399;--mon-success-bg: rgba(16, 185, 129, .16);--mon-info: #60a5fa;--mon-info-bg: rgba(96, 165, 250, .14);--mon-shadow: 0 10px 32px rgba(4, 7, 30, .45), inset 0 1px 0 rgba(255, 255, 255, .08);--mon-shadow-accent: 0 10px 26px rgba(79, 70, 229, .35);--mon-grid: rgba(255, 255, 255, .08)}.mon-root{height:100vh;display:flex;gap:14px;padding:14px;background:var(--mon-bg);color:var(--mon-text);position:relative;overflow:hidden;box-sizing:border-box;font-size:13px;line-height:1.45}.mon-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 46%,transparent 62%);opacity:.5}[data-theme=dark] .mon-root:before{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.05) 46%,transparent 62%)}.mon-root *{box-sizing:border-box}.mon-root button{font-family:inherit}.mon-sidebar{width:208px;flex:0 0 auto;display:flex;flex-direction:column;padding:14px 10px;background:var(--mon-surface);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--mon-border);border-radius:var(--mon-radius);box-shadow:var(--mon-shadow);transition:width .2s ease,padding .2s ease;z-index:2}.mon-sidebar.collapsed{width:64px;padding:14px 8px}.mon-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;overflow:hidden;white-space:nowrap}.mon-logo{width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:var(--mon-accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;box-shadow:0 6px 16px #6366f166}.mon-brand span{font-weight:800;font-size:14.5px;letter-spacing:.2px}.mon-nav{display:flex;flex-direction:column;gap:4px}.mon-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--mon-radius-sm);border:none;background:transparent;color:var(--mon-text-2);font-size:13px;font-weight:600;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;transition:background .15s,color .15s}.mon-nav-item:hover{background:var(--mon-surface-hover);color:var(--mon-text)}.mon-nav-item.active{background:var(--mon-accent-grad);color:#fff;box-shadow:0 6px 16px #6366f161}.mon-nav-item svg{width:18px;height:18px;flex:0 0 auto}.mon-nav-item .label{flex:1;min-width:0}.mon-sidebar.collapsed .mon-nav-item{justify-content:center;padding:10px 0}.mon-sidebar.collapsed .mon-nav-item .label,.mon-sidebar.collapsed .mon-brand span,.mon-sidebar.collapsed .mon-sidebar-footer span{display:none}.mon-sidebar-footer{margin-top:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.mon-collapse-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--mon-radius-sm);border:1px solid var(--mon-border-2);background:transparent;color:var(--mon-text-2);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden}.mon-collapse-btn:hover{background:var(--mon-surface-hover);color:var(--mon-text)}.mon-collapse-btn svg{width:16px;height:16px;flex:0 0 auto}.mon-sidebar.collapsed .mon-collapse-btn{justify-content:center;padding:9px 0}.mon-db-note{font-size:10px;color:var(--mon-text-3);padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mon-env-section{padding:10px 8px 6px;border-top:1px solid var(--mon-border-2);margin-top:10px}.mon-env-label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mon-text-3);padding:0 4px 8px;white-space:nowrap;overflow:hidden}.mon-env-chips{display:flex;gap:6px;flex-wrap:wrap}.mon-env-chips.vertical{flex-direction:column;align-items:center}.mon-env-chip{padding:5px 12px;border-radius:16px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--mon-border-2);background:var(--mon-surface-strong);color:var(--mon-text-2);transition:background .15s,color .15s;white-space:nowrap}.mon-env-chip:hover{color:var(--mon-text)}.mon-env-chip.on{background:var(--mon-accent-grad);color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f159}.mon-sidebar.collapsed .mon-env-label{justify-content:center;padding:0 0 8px}.mon-sidebar.collapsed .mon-env-chip{padding:5px 9px;font-size:10px}.mon-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.mon-topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;background:var(--mon-surface);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--mon-border);border-radius:var(--mon-radius);box-shadow:var(--mon-shadow)}.mon-topbar h1{font-size:18px;font-weight:800;margin:0;color:var(--mon-text)}.mon-topbar .sub{font-size:11.5px;color:var(--mon-text-2);margin-top:2px}.mon-topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mon-seg{display:flex;gap:4px;padding:4px;background:var(--mon-surface-strong);border:1px solid var(--mon-border-2);border-radius:var(--mon-radius-sm)}.mon-seg button{border:none;background:transparent;padding:6px 14px;font-size:12px;font-weight:600;color:var(--mon-text-2);cursor:pointer;border-radius:8px}.mon-seg button.on{background:var(--mon-accent-grad);color:#fff;box-shadow:0 4px 12px #6366f159}.mon-live{display:flex;align-items:center;gap:8px;padding:7px 13px;background:var(--mon-surface-strong);border:1px solid var(--mon-border-2);border-radius:var(--mon-radius-sm);font-size:11.5px;font-weight:600;color:var(--mon-text-2)}.mon-live-dot{width:8px;height:8px;border-radius:50%;background:var(--mon-success);animation:monPulse 1.6s infinite}.mon-live.stale .mon-live-dot{background:var(--mon-error);animation:none}@keyframes monPulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.mon-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--mon-radius-sm);border:1px solid var(--mon-border-2);background:var(--mon-surface-strong);color:var(--mon-text-2);cursor:pointer;transition:background .15s,color .15s}.mon-icon-btn:hover{background:var(--mon-surface-hover);color:var(--mon-text)}.mon-icon-btn svg{width:17px;height:17px}.mon-page{flex:1;min-height:0;display:none;flex-direction:column;gap:14px}.mon-page.on{display:flex}.mon-panel{background:var(--mon-surface);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--mon-border);border-radius:var(--mon-radius);box-shadow:var(--mon-shadow);padding:14px 16px;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.mon-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex:0 0 auto}.mon-panel-head h3{font-size:12.5px;font-weight:700;margin:0;color:var(--mon-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mon-panel-head .tag{font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;background:var(--mon-accent-soft);color:var(--mon-accent);border:1px solid var(--mon-border-2);white-space:nowrap}.mon-chart-fill{flex:1 1 auto;min-height:0}.mon-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;flex:0 0 auto}.mon-kpi{position:relative;overflow:hidden;border-radius:var(--mon-radius);padding:13px 15px;color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:var(--mon-shadow-accent),inset 0 1px #ffffff4d}.mon-kpi.k1{background:linear-gradient(135deg,#3b82f6e0,#4f46e5bd)}.mon-kpi.k2{background:linear-gradient(135deg,#6366f1e0,#8b5cf6bd)}.mon-kpi.k3{background:linear-gradient(135deg,#8b5cf6e0,#a855f7bd)}.mon-kpi.k4{background:linear-gradient(135deg,#7c3aede0,#3b82f6bd)}.mon-kpi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%)}.mon-kpi .k-label{font-size:11px;font-weight:600;color:#ffffffd1;display:flex;justify-content:space-between;align-items:center;gap:6px}.mon-kpi .k-value{font-size:23px;font-weight:800;margin-top:4px;line-height:1.15}.mon-kpi .k-value small{font-size:11.5px;font-weight:500;color:#ffffffb8;margin-left:2px}.mon-kpi .k-delta{font-size:10.5px;margin-top:3px;color:#fffc}.mon-kpi .k-spark{position:absolute;right:12px;bottom:10px;opacity:.95}.mon-overview{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1.28fr) minmax(0,.92fr);gap:14px}.mon-overview-mid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;min-height:0}.mon-table-wrap{flex:1 1 auto;min-height:0;overflow:auto}.mon-table{width:100%;border-collapse:collapse;font-size:12px}.mon-table th{text-align:left;padding:7px 9px;color:var(--mon-text-3);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--mon-border-2);position:sticky;top:0;background:var(--mon-surface-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.mon-table td{padding:8px 9px;border-bottom:1px solid var(--mon-grid);color:var(--mon-text);vertical-align:middle}.mon-table tbody tr:hover td{background:var(--mon-surface-hover)}.mon-table .mono{font-family:Consolas,Courier New,monospace;font-size:11px;color:var(--mon-text-2)}.mon-table .truncate{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mon-table .num{text-align:right;font-weight:700}.mon-table-compact th,.mon-table-compact td{padding:5px 8px}.mon-table-compact .mon-badge{font-size:9.5px;padding:2px 8px}.mon-badge{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:10.5px;padding:3px 10px;border-radius:20px;white-space:nowrap}.mon-badge.ERROR{background:var(--mon-error-bg);color:var(--mon-error);border:1px solid var(--mon-error)}.mon-badge.WARNING{background:var(--mon-warning-bg);color:var(--mon-warning);border:1px solid var(--mon-warning)}.mon-badge.INFO{background:var(--mon-info-bg);color:var(--mon-info);border:1px solid var(--mon-info)}.mon-badge.ok{background:var(--mon-success-bg);color:var(--mon-success);border:1px solid var(--mon-success)}.mon-badge.stale{background:var(--mon-error-bg);color:var(--mon-error);border:1px solid var(--mon-error)}.mon-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}.mon-filters{display:flex;gap:9px;flex-wrap:wrap;align-items:center;flex:0 0 auto}.mon-chip{padding:6px 13px;border-radius:20px;font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid var(--mon-border-2);background:var(--mon-surface-strong);color:var(--mon-text-2);transition:background .15s,color .15s}.mon-chip:hover{color:var(--mon-text)}.mon-chip.on-ERROR{background:var(--mon-error-bg);color:var(--mon-error);border-color:var(--mon-error)}.mon-chip.on-WARNING{background:var(--mon-warning-bg);color:var(--mon-warning);border-color:var(--mon-warning)}.mon-chip.on-all{background:var(--mon-accent-grad);color:#fff;border-color:transparent}.mon-select,.mon-search{border:1px solid var(--mon-border-2);border-radius:var(--mon-radius-sm);padding:7px 11px;font-size:12px;background:var(--mon-surface-strong);color:var(--mon-text);outline:none}.mon-select:focus,.mon-search:focus{border-color:var(--mon-accent)}.mon-search{width:210px}.mon-search::placeholder{color:var(--mon-text-3)}.mon-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--mon-text-3);font-size:12.5px;text-align:center;padding:24px}.mon-empty svg{width:30px;height:30px;opacity:.5}.mon-error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--mon-error);font-size:12.5px;text-align:center;padding:24px}.mon-skeleton{position:relative;overflow:hidden;background:var(--mon-surface-hover);border-radius:8px;min-height:60px;flex:1}.mon-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:monShimmer 1.4s infinite}@keyframes monShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.mon-live-dot,.mon-skeleton:after{animation:none}.mon-sidebar{transition:none}}.mon-svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:14px;flex:1 1 auto;min-height:0}.mon-svc{display:flex;flex-direction:column;min-height:0}.mon-svc .head{display:flex;align-items:center;gap:9px;font-weight:700;font-size:12.5px;flex:0 0 auto;color:var(--mon-text)}.mon-svc .head .badge{margin-left:auto}.mon-svc .meta{font-size:11px;color:var(--mon-text-2);margin-top:8px;line-height:1.85;flex:1 1 auto}.mon-svc .meta b{color:var(--mon-text)}.mon-bar{height:5px;border-radius:4px;background:var(--mon-surface-hover);margin-top:8px;overflow:hidden;flex:0 0 auto}.mon-bar i{display:block;height:100%;border-radius:4px;background:var(--mon-accent-grad)}.mon-bar i.bad{background:var(--mon-error)}.mon-log-row-details{background:var(--mon-surface-hover);border-radius:10px;padding:10px 12px;margin:2px 0 6px}.mon-log-row-details pre{margin:0;font-family:Consolas,Courier New,monospace;font-size:11px;color:var(--mon-text-2);white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}.mon-expand-btn{border:none;background:transparent;cursor:pointer;color:var(--mon-accent);font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px}.mon-expand-btn:hover{background:var(--mon-accent-soft)}.mon-pagination{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex:0 0 auto;padding-top:10px;font-size:11.5px;color:var(--mon-text-2)}.mon-pagination button{border:1px solid var(--mon-border-2);background:var(--mon-surface-strong);color:var(--mon-text-2);border-radius:8px;padding:5px 12px;font-size:11.5px;font-weight:600;cursor:pointer}.mon-pagination button:disabled{opacity:.4;cursor:default}.mon-pagination button:not(:disabled):hover{color:var(--mon-text)}@media (max-width: 1200px){.mon-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-overview-mid{grid-template-columns:1fr}.mon-overview{grid-template-rows:auto auto auto;overflow-y:auto}.mon-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.mon-root{overflow-y:auto;height:auto;min-height:100vh}.mon-sidebar{position:fixed;left:14px;top:14px;bottom:14px;z-index:20}.mon-sidebar.collapsed{width:64px}.mon-main{margin-left:78px}.mon-sidebar:not(.collapsed)+.mon-main{margin-left:222px}.mon-svc-grid,.mon-kpis{grid-template-columns:1fr}}.mon-login{width:360px;max-width:92vw;padding:28px 26px}@keyframes spin{to{transform:rotate(360deg)}}.mon-kpi.clickable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.mon-kpi.clickable:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1e143c47}.mon-kpi.clickable:active{transform:translateY(-1px)}.mon-kpi .k-hint{position:absolute;right:12px;top:12px;font-size:9.5px;font-weight:700;color:#ffffffbf;opacity:0;transition:opacity .16s ease;background:#ffffff29;padding:2px 8px;border-radius:8px}.mon-kpi.clickable:hover .k-hint{opacity:1}.mon-exec-events{display:flex;flex-direction:column;gap:4px;font-size:11px;padding:4px 0}.mon-exec-event-row{display:flex;align-items:center;gap:10px;padding:3px 0;border-bottom:1px dashed var(--mon-border)}.mon-exec-event-row:last-child{border-bottom:none}.mon-exec-msg{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mon-exec-msg-full{font-size:11.5px;margin-bottom:6px;color:var(--mon-warning)}.mon-dim{color:var(--mon-text-3)}.mon-chip.nodata{opacity:.55}.mon-chip .chip-nodata{font-size:9.5px;opacity:.8}