:root{--bg-100: #000;--bg-200: #0a0a0a;--g100: rgba(255, 255, 255, .03);--g200: rgba(255, 255, 255, .05);--g300: rgba(255, 255, 255, .08);--g400: #2e2e2e;--g500: #454545;--g600: #878787;--g700: #8f8f8f;--g900: #a1a1a1;--g1000: #ededed;--ga100: #ffffff0f;--ga200: #ffffff17;--ga400: #ffffff24;--blue-700: #0070f3;--blue-900: #52a8ff;--green-700: #45a557;--green-900: #62c073;--amber-700: #f5a623;--amber-900: #f2a600;--red-700: #e5484d;--red-900: #ff6166;--purple-700: #8e4ec6;--purple-900: #bf7af0;--teal-700: #12a594;--teal-900: #0ac5b3;--font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "Geist Mono", "SF Mono", "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg-100);color:var(--g1000);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--blue-900);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--bg-200);border-right:1px solid var(--ga400);padding:20px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{display:flex;align-items:center;gap:8px;padding:0 8px 16px;font-weight:600;letter-spacing:-.01em}.sidebar .brand .logo{width:18px;height:18px;background:var(--g1000);border-radius:4px}.sidebar nav a{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;color:var(--g900);font-size:13px;font-weight:500}.sidebar nav a:hover{background:var(--ga100);color:var(--g1000);text-decoration:none}.sidebar nav a.active{background:var(--ga200);color:var(--g1000)}.sidebar nav .section{padding:10px 10px 4px;font-size:11px;color:var(--g600);text-transform:uppercase;letter-spacing:.06em}.main{padding:0 36px 60px;max-width:1240px;width:100%}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 -36px 20px;padding:16px 36px 12px;position:sticky;top:0;z-index:50;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--ga400)}.topbar h1{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0}.topbar .meta{font-family:var(--mono);font-size:12px;color:var(--g600);display:flex;align-items:center;gap:12px}.cli-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:0 0 12px;background:#0070f314;border:1px solid rgba(0,112,243,.35);border-radius:4px;font-size:13px;color:var(--g1000)}.cli-banner strong{color:var(--blue-900);font-weight:500}.cli-banner span{color:var(--g900);flex:1}.cli-banner code{font-family:var(--mono);font-size:12px;background:var(--ga200);padding:1px 6px;border-radius:3px}.palette-trigger{background:var(--ga100);border:1px solid var(--ga400);color:var(--g900);padding:4px 10px;border-radius:4px;font-size:11px;font-family:var(--mono);cursor:pointer;display:flex;gap:6px;align-items:center}.palette-trigger:hover{background:var(--ga200);color:var(--g1000)}.palette-trigger .hint{background:var(--ga200);padding:1px 5px;border-radius:3px;font-size:10px;color:var(--g600)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--g100);border:1px solid var(--ga400);border-radius:4px;padding:14px 16px}.kpi .label{font-size:11px;color:var(--g600);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-weight:500}.kpi .value{font-family:var(--mono);font-size:24px;font-weight:600;margin:0;line-height:1.1}.kpi .delta{font-family:var(--mono);font-size:11px;color:var(--g600);margin-top:4px}.kpi .delta.up{color:var(--green-900)}.kpi .delta.down{color:var(--red-900)}section.card{background:var(--g100);border:1px solid var(--ga400);border-radius:4px;padding:0;margin:0 0 20px}section.card h2{font-size:14px;font-weight:600;margin:0;padding:14px 16px;border-bottom:1px solid var(--ga400);display:flex;justify-content:space-between;align-items:center}section.card h2 .count{font-family:var(--mono);font-weight:400;color:var(--g600);font-size:12px}table{width:100%;border-collapse:collapse;font-size:13px}th{font-weight:500;color:var(--g600);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:8px 14px;border-bottom:1px solid var(--ga400);text-align:left}td{padding:10px 14px;border-bottom:1px solid var(--ga400);color:var(--g1000);vertical-align:top}tr:last-child td{border-bottom:none}tr:hover td{background:var(--ga100)}td.mono,th.mono{font-family:var(--mono);font-size:12px}td.num{text-align:right;font-family:var(--mono);font-size:12px}.dot{display:inline-block;width:6px;height:6px;border-radius:9999px;background:var(--g500);margin-right:6px}.dot.ok{background:var(--green-700)}.dot.warn{background:var(--amber-700)}.dot.err{background:var(--red-700)}.badge{display:inline-flex;align-items:center;gap:6px;padding:1px 8px;border-radius:9999px;font-size:11px;font-weight:500;border:1px solid var(--ga400);background:var(--ga200);color:var(--g1000);font-family:var(--mono);letter-spacing:.02em}.empty{padding:36px;text-align:center;color:var(--g600);font-size:13px}.loading-shimmer{display:inline-block;width:80px;height:16px;border-radius:4px;background:linear-gradient(90deg,var(--ga100),var(--ga200),var(--ga100));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cfg-panel{position:fixed;bottom:16px;right:16px;background:var(--bg-200);border:1px solid var(--ga400);border-radius:6px;padding:10px 14px;font-family:var(--mono);font-size:12px;color:var(--g900);display:flex;gap:10px;align-items:center;max-width:420px}.cfg-panel input{background:transparent;border:1px solid var(--ga400);border-radius:4px;color:var(--g1000);padding:4px 8px;font-size:12px;font-family:var(--mono);width:180px;outline:none}.cfg-panel input:focus{border-color:var(--blue-700)}.cfg-panel button{background:var(--g1000);color:var(--bg-100);border:none;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font)}.cfg-panel button:hover{opacity:.9}.events-row{padding:8px 14px;border-bottom:1px solid var(--ga400);display:grid;grid-template-columns:110px 160px 1fr 120px;gap:10px;align-items:center;font-size:12px}.events-row:last-child{border-bottom:none}.events-row .ts{font-family:var(--mono);color:var(--g600)}.events-row .kind{font-family:var(--mono)}.events-row .target{color:var(--g1000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.events-row .trace a{font-family:var(--mono);font-size:11px;color:var(--blue-900)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ga400);background:var(--ga200);color:var(--g1000);border-radius:4px;padding:6px 12px;font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;transition:background .1s,border-color .1s}.btn:hover{background:var(--ga400)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--g1000);color:var(--bg-100);border-color:var(--g1000)}.btn.primary:hover{opacity:.92;background:var(--g1000)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--ga200)}.btn.danger{color:var(--red-900);border-color:#e5484d59}.btn.danger:hover{background:#e5484d1f}.btn.small{padding:3px 8px;font-size:12px;margin-left:4px}.icon-btn{background:transparent;border:none;color:var(--g600);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px}.icon-btn:hover{color:var(--g1000)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500}.modal{background:var(--bg-200);border:1px solid var(--ga400);border-radius:6px;width:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow:auto;box-shadow:0 16px 48px #00000080}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--ga400)}.modal-head h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.modal-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}.modal-body label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:500;color:var(--g900)}.modal-body label span{color:var(--g600);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.modal-body input,.modal-body select,.modal-body textarea{background:var(--bg-100);border:1px solid var(--ga400);border-radius:4px;color:var(--g1000);padding:8px 10px;font-size:13px;font-family:var(--mono);outline:none}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{border-color:var(--blue-700)}.modal-body textarea{resize:vertical}.modal-body .hint{font-size:11px;color:var(--g600);margin:-4px 0 0}.modal-body .hint.mono{font-family:var(--mono)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.error-box{background:#e5484d14;border:1px solid rgba(229,72,77,.35);color:var(--red-900);border-radius:4px;padding:8px 10px;font-size:12px;font-family:var(--mono);white-space:pre-wrap;word-break:break-word}.toasts{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:900;pointer-events:none}.toast{background:var(--bg-200);border:1px solid var(--ga400);border-radius:4px;padding:8px 12px;font-size:12px;font-family:var(--mono);color:var(--g1000);box-shadow:0 6px 16px #0000004d;max-width:400px;pointer-events:auto;animation:toast-in .18s ease-out}.toast.ok{border-color:#45a55759;color:var(--green-900)}.toast.err{border-color:#e5484d59;color:var(--red-900)}.toast.info{border-color:#0070f359;color:var(--blue-900)}.copy-btn{background:transparent;border:1px solid var(--ga400);color:var(--g600);border-radius:4px;padding:1px 6px;font-size:10px;font-family:var(--mono);cursor:pointer;margin-left:6px;line-height:1.4;vertical-align:middle}.copy-btn:hover{color:var(--g1000);border-color:var(--ga400);background:var(--ga200)}.sparkline-wrap{display:flex;align-items:center;gap:10px}.sparkline-wrap .sparkline-meta{font-family:var(--mono);font-size:11px;color:var(--g600)}.filter-bar{display:flex;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--ga400);font-size:12px;background:var(--bg-200)}.filter-bar select{background:var(--bg-100);border:1px solid var(--ga400);border-radius:4px;color:var(--g1000);padding:4px 8px;font-size:12px;font-family:var(--mono);outline:none}.filter-bar select:focus{border-color:var(--blue-700)}.filter-bar label{display:flex;align-items:center;gap:4px;color:var(--g600);text-transform:uppercase;letter-spacing:.04em;font-size:11px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--ga200)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:400;display:flex;justify-content:flex-end}.drawer{width:560px;max-width:100vw;height:100vh;overflow-y:auto;background:var(--bg-200);border-left:1px solid var(--ga400);display:flex;flex-direction:column;animation:drawer-slide .22s ease-out}@keyframes drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ga400);position:sticky;top:0;background:var(--bg-200);z-index:1}.drawer-head h3{margin:4px 0 0;font-size:16px;font-weight:600;font-family:var(--mono);letter-spacing:-.005em;word-break:break-all}.drawer-kind{font-size:11px;color:var(--g600);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.drawer-body{flex:1;padding:18px 20px;display:flex;flex-direction:column;gap:22px}.drawer-body section h4{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--g600);margin:0 0 8px}.drawer-body pre.json{background:var(--bg-100);border:1px solid var(--ga400);border-radius:4px;padding:10px 12px;font-size:11px;max-height:260px;overflow:auto;font-family:var(--mono);color:var(--g1000);margin:0}dl.kv{display:grid;grid-template-columns:100px 1fr;gap:6px 14px;margin:0;font-size:13px}dl.kv dt{color:var(--g600);font-size:11px;text-transform:uppercase;letter-spacing:.04em}dl.kv dd{margin:0;color:var(--g1000)}.drawer-events{display:flex;flex-direction:column;gap:6px}.drawer-event{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;font-size:12px;padding:6px 0;border-bottom:1px solid var(--ga400)}.drawer-event:last-child{border-bottom:none}.drawer-event .ts{font-family:var(--mono);color:var(--g600);font-size:11px}.drawer-event a{font-family:var(--mono);font-size:11px}.drawer-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--ga400);background:var(--bg-200);position:sticky;bottom:0}.empty-sm{color:var(--g600);font-size:12px;padding:8px 0}.network-block{padding:14px 16px;border-bottom:1px solid var(--ga400)}.network-block:last-child{border-bottom:none}.network-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;font-size:13px}.network-block table{margin:8px 0}.badge.ok{background:#45a5571f;border-color:#45a55759;color:var(--green-900)}.badge.err{background:#e5484d1f;border-color:#e5484d59;color:var(--red-900)}.badge.warn{background:#f5a6231f;border-color:#f5a62359;color:var(--amber-900)}.pod-scaler{display:flex;align-items:center;gap:10px}.pod-scaler input[type=range]{width:160px;accent-color:var(--blue-700)}.pod-scaler-val{font-family:var(--mono);font-size:12px;color:var(--g1000);width:20px}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;z-index:600}.palette{width:640px;max-width:calc(100vw - 32px);background:var(--bg-200);border:1px solid var(--ga400);border-radius:6px;box-shadow:0 24px 56px #00000073;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.palette-input{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ga400);padding:10px 14px}.palette-input input{flex:1;background:transparent;border:none;outline:none;color:var(--g1000);font-family:var(--font);font-size:14px;padding:4px 0}.palette-input input::placeholder{color:var(--g600)}.palette-hint{font-family:var(--mono);font-size:11px;color:var(--g600);padding:1px 6px;border:1px solid var(--ga400);border-radius:4px}.palette-list{flex:1;overflow-y:auto;padding:4px 0}.palette-empty{padding:24px;text-align:center;color:var(--g600);font-size:13px}.palette-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:12px;padding:8px 14px;cursor:pointer;font-size:13px}.palette-row.selected,.palette-row:hover{background:var(--ga200)}.palette-kind{font-family:var(--mono);font-size:11px;color:var(--g600);text-transform:uppercase;letter-spacing:.04em}.palette-label{color:var(--g1000)}.palette-label.mono{font-family:var(--mono);font-size:12px}.palette-meta{font-size:11px;color:var(--g600);font-family:var(--mono)}.palette-meta.ok{color:var(--green-900)}.palette-meta.warn{color:var(--amber-900)}.invoke-panel{display:flex;flex-direction:column;gap:10px}.invoke-row{display:flex;gap:10px}.invoke-row label{flex:1;display:flex;flex-direction:column;gap:4px}.invoke-row label span,.invoke-body span{font-size:11px;color:var(--g600);text-transform:uppercase;letter-spacing:.04em}.invoke-row select{background:var(--bg-100);border:1px solid var(--ga400);border-radius:4px;color:var(--g1000);padding:6px 8px;font-size:12px;font-family:var(--mono);outline:none}.invoke-row select:focus{border-color:var(--blue-700)}.invoke-body{display:flex;flex-direction:column;gap:4px}.invoke-body textarea{background:var(--bg-100);border:1px solid var(--ga400);border-radius:4px;color:var(--g1000);padding:8px 10px;font-size:12px;font-family:var(--mono);outline:none;resize:vertical;min-height:80px}.invoke-body textarea:focus{border-color:var(--blue-700)}.invoke-actions{display:flex;align-items:center;gap:10px}.invoke-status{font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:9999px;border:1px solid var(--ga400)}.invoke-status.ok{background:#45a5571f;border-color:#45a55759;color:var(--green-900)}.invoke-status.err{background:#e5484d1f;border-color:#e5484d59;color:var(--red-900)}.invoke-result{max-height:200px}.mode-toggle{display:inline-flex;border:1px solid var(--ga400);border-radius:4px;overflow:hidden}.mode-btn{background:transparent;border:none;color:var(--g600);padding:4px 10px;font-size:11px;font-family:var(--mono);cursor:pointer;transition:background .1s,color .1s}.mode-btn:hover{color:var(--g1000)}.mode-btn.active{background:var(--ga300);color:var(--g1000)}.invoke-history{margin-top:12px;border-top:1px solid var(--ga400);padding-top:12px}.invoke-history-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--g600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.invoke-history table{margin:0;font-size:12px}.blueprint-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:14px 16px}.blueprint-card{background:var(--bg-100);border:1px solid var(--ga400);border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.bp-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.bp-head .mono{font-size:13px;font-weight:500;color:var(--g1000)}.bp-desc{color:var(--g900);font-size:12px;margin:0;line-height:1.45;min-height:32px}.bp-params{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px}.bp-param{display:inline-flex;gap:4px;align-items:baseline}.topology{display:block;margin:0 auto}.topology rect:hover{fill:var(--ga200);cursor:pointer}.invoke-history th{font-size:10px;padding:6px 8px}.invoke-history td{padding:6px 8px}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}