:root{color-scheme:dark;--bg: #060a14;--bg2: #0a1230;--panel: rgba(255, 255, 255, .06);--panel-2: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--muted2: rgba(255, 255, 255, .48);--shadow: 0 20px 60px rgba(0, 0, 0, .35);--accent: #9a7cff;--accent2: #5eead4;--accent3: #fb7185;--ok: #34d399;--warn: #fbbf24;--err: #fb7185;--info: #60a5fa;--radius: 16px;--radius-sm: 12px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(900px 600px at 20% 15%,rgba(154,124,255,.25),transparent 60%),radial-gradient(900px 600px at 80% 0%,rgba(94,234,212,.18),transparent 55%),radial-gradient(900px 600px at 70% 80%,rgba(251,113,133,.12),transparent 50%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text)}[data-theme=light]{color-scheme:light;--bg: #f6f7fb;--bg2: #ffffff;--panel: rgba(15, 23, 42, .04);--panel-2: rgba(15, 23, 42, .03);--border: rgba(15, 23, 42, .1);--text: rgba(2, 6, 23, .92);--muted: rgba(2, 6, 23, .55);--muted2: rgba(2, 6, 23, .42);--shadow: 0 18px 55px rgba(2, 6, 23, .12);background:radial-gradient(900px 600px at 20% 15%,rgba(154,124,255,.18),transparent 60%),radial-gradient(900px 600px at 80% 0%,rgba(94,234,212,.12),transparent 55%),radial-gradient(900px 600px at 70% 80%,rgba(251,113,133,.08),transparent 50%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:transparent}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.shell{min-height:100vh;display:grid;grid-template-columns:292px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:18px;border-right:1px solid var(--border);background:#0000001f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:16px}.main{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.header{position:sticky;top:0;z-index:10;padding:16px 22px;border-bottom:1px solid var(--border);background:#0000001a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:14px}.headerLeft{display:flex;align-items:center;gap:10px}.content{padding:20px 22px 32px}.sbBrand{padding:14px 14px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.sbLogo{font-weight:900;letter-spacing:.18em;font-size:13px}.sbSub{margin-top:6px;font-size:12px;color:var(--muted)}.sbNav{display:flex;flex-direction:column;gap:8px}.sbItem{width:100%;text-align:left;border:1px solid var(--border);border-radius:14px;background:var(--panel-2);color:var(--text);padding:10px 12px;display:grid;grid-template-columns:32px 1fr;gap:10px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.sbItem:hover{transform:translateY(-1px);border-color:#9a7cff8c}.sbItem.active{background:linear-gradient(180deg,#9a7cff29,#9a7cff14);border-color:#9a7cffbf}.sbIcon{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:#ffffff12}.sbText{display:flex;flex-direction:column;gap:2px}.sbLabel{font-weight:750}.sbHint{font-size:12px;color:var(--muted)}.sbBottom{margin-top:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.sbKpi{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.sbKpiLabel{color:var(--muted);font-size:12px}.sbKpiValue{font-weight:800}.sbActions{display:flex;gap:10px;align-items:center}.headerTitle{display:flex;align-items:center;gap:12px}.hIcon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ffffff12;border:1px solid var(--border)}.hLabel{font-size:16px;font-weight:850}.hHint{font-size:12px}.headerRight{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chip{border:1px solid var(--border);border-radius:999px;padding:8px 10px;background:#ffffff0f;display:flex;gap:8px;align-items:center}.chipStrong{font-weight:750}.navToggle,.sbClose,.navBackdrop{display:none}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:16px}.cardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}h1,h2{margin:0}h2{font-size:15px;letter-spacing:.02em}.empty{padding:12px 2px}.btn{border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:var(--text);border-radius:12px;padding:8px 12px;font-weight:750;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);border-color:#9a7cff8c}.btn.primary{background:linear-gradient(120deg,#9a7cfff2,#5eead4a6);border-color:#9a7cff8c}.btn.ghost{background:transparent}.btn.danger{background:linear-gradient(120deg,#fb7185f2,#fbbf2499);border-color:#fb71858c}.btn.icon{width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:14px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}input,select,textarea{width:100%;border:1px solid var(--border);background:#ffffff0f;border-radius:12px;padding:10px 12px;color:var(--text);outline:none}textarea{resize:vertical;min-height:140px;line-height:1.45}select{cursor:pointer}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}.span2{grid-column:1 / -1}.kpiGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.kpiCard{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:14px}.kpiLabel{color:var(--muted);font-size:12px}.kpiValue{margin-top:6px;font-size:26px;font-weight:900}.kpiCard.ok .kpiValue{color:var(--ok)}.kpiCard.err .kpiValue{color:var(--err)}.kpiCard.warn .kpiValue{color:var(--warn)}.statusList{display:flex;flex-direction:column;gap:10px}.statusRow{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--border);background:#ffffff0a}.statusName{font-weight:750}.statusDetail{grid-column:1 / -1;font-size:12px;margin-top:6px}.dot{width:10px;height:10px;border-radius:999px;background:#ffffff4d}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.err{background:var(--err)}.statusPill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f}.statusPill.ok{border-color:#34d3998c}.statusPill.warn{border-color:#fbbf248c}.statusPill.err{border-color:#fb71858c}.chipTiny{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid var(--border);background:#ffffff0d;font-size:12px}.chipTiny.info{border-color:#60a5fa8c}.chipTiny.warn{border-color:#fbbf248c}.chipTiny.err{border-color:#fb71858c}.rowGap{display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.wrap{flex-wrap:wrap}.slaList{display:flex;flex-direction:column;gap:10px}.slaRow{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;padding:12px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.slaTop{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.slaMeta{margin-top:6px;font-size:12px}.slaBrief{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted2);font-size:13px}.slaActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.bars{display:grid;gap:12px}.barsBlock{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;padding:12px}.barsTitle{font-weight:800;margin-bottom:10px}.barRow{display:grid;grid-template-columns:88px 1fr 44px;gap:10px;align-items:center;margin-bottom:10px}.barLabel{font-size:12px;color:var(--muted)}.barTrack{height:10px;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.barFill{height:100%;background:linear-gradient(90deg,#9a7cfff2,#5eead4bf)}.barTrack.err .barFill{background:linear-gradient(90deg,#fb7185f2,#fbbf24a6)}.barTrack.warn .barFill{background:linear-gradient(90deg,#fbbf24f2,#9a7cffa6)}.barTrack.info .barFill{background:linear-gradient(90deg,#60a5faf2,#9a7cffa6)}.barValue{font-size:12px;color:var(--muted)}.recentList{display:flex;flex-direction:column;gap:10px}.recentRow{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;padding:12px;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:12px;text-align:left;color:var(--text);transition:transform .12s ease,border-color .12s ease}.recentRow:hover{transform:translateY(-1px);border-color:#9a7cff8c}.recentSubject{font-weight:800;margin-bottom:6px}.recentMeta{font-size:12px}.recentArrow{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#ffffff0f;border:1px solid var(--border)}.split{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;align-items:start}.filters{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:10px;margin-bottom:12px}.tableWrap{border:1px solid var(--border);border-radius:var(--radius);overflow:auto;max-height:520px}.table{width:100%;border-collapse:collapse;min-width:900px}.table thead th{position:sticky;top:0;z-index:1;text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:10px 12px}.table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.table tbody tr:hover{background:#ffffff0a}.table tbody tr.selected{background:#9a7cff1f}.tdEmpty{color:var(--muted);padding:18px 12px}.tdTitle{font-weight:750}.tdSmall{font-size:12px;color:var(--muted2)}.runMeta{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;padding:12px}.runMetaLine{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.runMetaLine:last-child{border-bottom:none}.steps{margin-top:12px;display:flex;flex-direction:column;gap:10px}.stepCard{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;padding:12px}.stepTop{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.stepName{font-weight:850}.stepMeta{margin-top:6px;font-size:12px;display:flex;gap:10px;align-items:center}.stepErr{margin-top:10px;padding:10px;border-radius:14px;background:#00000040;border:1px solid rgba(251,113,133,.25);overflow:auto}.list{display:flex;flex-direction:column;gap:10px}.listRow{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.listMain{display:flex;flex-direction:column;gap:6px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.fieldLabel{font-weight:800}.fieldHelp{font-size:12px}.mapRows{display:flex;flex-direction:column;gap:8px;margin:10px 0}.mapRow{display:grid;grid-template-columns:.8fr 1.2fr auto;gap:8px;align-items:center}.mapRow .btn{min-width:48px}.assign{display:inline-flex;gap:8px;align-items:center}.assignInput{width:110px;padding:8px 10px}.toast{position:fixed;top:14px;right:14px;z-index:50;border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:#00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:850}.authShell{min-height:100vh;display:grid;place-items:center;padding:18px}.authCard{width:100%;max-width:440px;border:1px solid var(--border);border-radius:20px;background:#00000024;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:18px}.authBrand{border:1px solid var(--border);border-radius:18px;background:#ffffff0f;padding:12px;margin-bottom:14px}.authLogo{font-weight:900;letter-spacing:.18em;font-size:13px}.authTag{margin-top:6px;color:var(--muted);font-size:12px}.authForm{display:flex;flex-direction:column;gap:10px;margin-top:12px}.errorText{color:var(--err);font-weight:750;font-size:13px;margin-top:6px}.authFoot{margin-top:14px;font-size:12px}@media (max-width: 1100px){.grid2{grid-template-columns:1fr}.span2{grid-column:auto}.split{grid-template-columns:1fr}}@media (max-width: 900px){.shell{display:block;grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;border-right:none;border-bottom:none;box-shadow:var(--shadow);transform:translate(-100%);transition:transform .2s ease;z-index:80;overflow-y:auto;background:linear-gradient(180deg,var(--bg2),var(--bg))}.sidebar.open{transform:translate(0)}.sbClose{display:grid;place-items:center;margin-left:auto}.navToggle{display:grid;place-items:center}.navBackdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:70}.navBackdrop.show{opacity:1;pointer-events:auto}.filters,.form{grid-template-columns:1fr}}