:root{--violet:#b092ff;--violet-dim:#4f3b7a;--magenta:#ec7ed8;--graph:#0a1219}
.analytics-app{height:auto;min-height:100vh;overflow:visible}.analytics-main{overflow:auto;min-height:0;padding:0 24px 70px;background:radial-gradient(circle at 85% -10%,#24183e 0,transparent 35%),radial-gradient(circle at 10% 5%,#0c3440 0,transparent 30%),var(--bg)}
.analytics-hero{max-width:1680px;margin:auto;padding:28px 0 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font:800 10px ui-monospace;letter-spacing:.13em;text-transform:uppercase}.breadcrumb a{color:var(--cyan)}.analytics-hero h1{font-size:clamp(34px,5vw,68px);letter-spacing:-.055em;margin:8px 0 4px}.analytics-hero h1 span{display:block;font-size:.24em;letter-spacing:.2em;color:var(--violet);text-transform:uppercase;margin-top:5px}.analytics-hero p{max-width:900px;color:#9db2ba;font-size:16px;line-height:1.55;margin:10px 0 0}.hero-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.semantic-notice{max-width:1680px;margin:0 auto 16px;border:1px solid #594681;background:linear-gradient(90deg,#211a35,#111824);padding:10px 14px;border-radius:8px;display:flex;gap:14px;align-items:center}.semantic-notice b{color:#d7c7ff;letter-spacing:.12em;font-size:11px;white-space:nowrap}.semantic-notice span{color:#a9a1bb;font-size:12px;line-height:1.45}
.metric-row{max-width:1680px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(8,minmax(105px,1fr));gap:8px}.metric-row article{padding:12px;background:#0c1820cc;border:1px solid var(--line);border-radius:8px}.metric-row span,.metric-row small{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.metric-row strong{display:block;font-size:25px;margin:3px 0;color:#e6f0f2}.metric-row article:nth-child(2n) strong{color:#d6c7ff}
.workspace-tabs{max-width:1680px;margin:auto;display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:8px}.workspace-tabs button{background:transparent;border-color:transparent;color:var(--muted);font-size:11px;letter-spacing:.08em;padding:8px 12px}.workspace-tabs button.active{background:#1b1730;border-color:#62518c;color:#e1d8ff}.workspace{display:none;max-width:1680px;margin:0 auto;padding:20px 0}.workspace.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:14px}.section-heading small,.panel-head small{color:var(--violet);font:800 9px ui-monospace;letter-spacing:.14em}.section-heading h2,.panel-head h2{margin:3px 0;font-size:23px}.section-heading p{margin:5px 0 0;color:var(--muted);max-width:850px;line-height:1.5;font-size:13px}.small{padding:5px 8px;font-size:10px}.full{width:100%}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.toolbar select{min-width:250px}
.decision-loop{display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:center;gap:9px;padding:16px;border:1px solid #493d68;background:#10131e;border-radius:11px;margin-bottom:14px}.decision-loop article{min-width:145px;padding:13px;border:1px solid #33414c;border-radius:8px;background:#0b1820}.decision-loop article span{color:var(--violet);font:800 10px ui-monospace}.decision-loop article b{display:block;margin:4px 0}.decision-loop article small{display:block;color:var(--muted);font-size:10px;line-height:1.35}.decision-loop i{color:#8a75bf;font-style:normal;font-size:20px}.overview-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:14px;margin-bottom:14px}.panel{background:#0b171ecc;border-color:#263d48}.panel-head{justify-content:space-between}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.capability-grid div{border:1px solid var(--line);padding:13px;border-radius:7px;background:#0a151b}.capability-grid b,.capability-grid span{display:block}.capability-grid b{font-size:13px;color:#d9e8eb}.capability-grid span{font-size:11px;line-height:1.45;color:var(--muted);margin-top:5px}.activity-list{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow:auto}.activity{border-left:3px solid var(--line);background:#09151b;padding:10px}.activity b,.activity span{display:block}.activity span{font-size:11px;color:var(--muted);margin-top:3px}.activity.SUCCEEDED{border-left-color:var(--green)}.activity.RUNNING,.activity.QUEUED,.activity.CLAIMED{border-left-color:var(--amber)}.activity.FAILED{border-left-color:var(--red)}.architecture-flow{display:grid;grid-template-columns:repeat(9,auto);gap:8px;align-items:center;justify-content:center}.architecture-flow div{border:1px solid var(--line);border-radius:8px;padding:12px;min-width:145px}.architecture-flow div.accent{border-color:#8069b7;background:#1b1730}.architecture-flow b,.architecture-flow span{display:block}.architecture-flow span{color:var(--muted);font-size:10px;margin-top:4px}.architecture-flow i{font-style:normal;color:var(--violet)}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:11px}.entity-card{border:1px solid var(--line);background:#0a161dcc;border-radius:9px;padding:14px;display:flex;flex-direction:column;min-height:225px}.entity-card:hover{border-color:#4f6370}.entity-top{display:flex;justify-content:space-between;gap:8px}.entity-card .kind{font:800 9px ui-monospace;letter-spacing:.1em;color:var(--violet)}.entity-card h3{margin:8px 0 4px;font-size:17px}.entity-card p{color:var(--muted);font-size:12px;line-height:1.45;flex:1}.entity-meta{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.entity-meta span{font-size:9px;border:1px solid var(--line);padding:3px 5px;border-radius:4px;color:#9bb0b7}.entity-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.status-pill{font:800 9px ui-monospace;letter-spacing:.08em;border:1px solid var(--line);border-radius:99px;padding:4px 7px}.status-pill.ACTIVE,.status-pill.ONLINE,.status-pill.SUCCEEDED,.status-pill.APPROVED,.status-pill.COMPLETE{color:var(--green);border-color:#296b4d}.status-pill.QUEUED,.status-pill.RUNNING,.status-pill.CLAIMED,.status-pill.PROPOSED,.status-pill.REGISTERED{color:var(--amber);border-color:#735f2a}.status-pill.FAILED,.status-pill.REJECTED,.status-pill.DEGRADED,.status-pill.OFFLINE{color:var(--red);border-color:#7d3238}
.run-list{display:flex;flex-direction:column;gap:9px}.run-row{display:grid;grid-template-columns:120px minmax(220px,1.4fr) minmax(180px,1fr) 100px 160px auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#0a161d}.run-row small,.run-row span{color:var(--muted);font-size:10px}.run-row b{display:block}.progress{height:5px;background:#14262e;border-radius:99px;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;background:var(--violet);width:0}.decision-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:11px}.decision-card{border:1px solid var(--line);border-left:4px solid #5d4d84;background:#0a161d;border-radius:9px;padding:15px}.decision-card.HIGH,.decision-card.CRITICAL{border-left-color:var(--red)}.decision-card h3{margin:8px 0}.decision-card .recommendation{color:#cad8dc;line-height:1.5;font-size:13px}.confidence{display:flex;align-items:center;gap:9px;margin:10px 0}.confidence-bar{height:6px;background:#182930;flex:1;border-radius:99px;overflow:hidden}.confidence-bar i{display:block;height:100%;background:var(--cyan)}
.relationship-shell{display:grid;grid-template-columns:310px 1fr;gap:12px;min-height:720px}.graph-sidebar{min-height:0}.graph-sidebar .panel-body{display:flex;flex-direction:column;gap:12px}.source-legend{display:flex;flex-direction:column;gap:5px}.source-legend label{display:flex;align-items:center;gap:7px;margin:0;font-size:10px;text-transform:none;letter-spacing:0}.source-legend input{width:auto}.source-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan)}.graph-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.graph-stats div{border:1px solid var(--line);padding:8px}.graph-stats b,.graph-stats span{display:block}.graph-stats span{font-size:9px;color:var(--muted)}.node-detail{border:1px solid var(--line);padding:10px;background:#071219;min-height:160px;font-size:11px;line-height:1.45;overflow:auto}.node-detail h3{margin:0 0 5px}.node-detail code{display:block;color:#b8a6ed;word-break:break-all}.graph-panel{position:relative;overflow:hidden;background:var(--graph)}.graph-toolbar{height:48px;padding:0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-weight:700}.graph-panel svg{width:100%;height:calc(100% - 48px);min-height:670px;display:block;background:radial-gradient(circle at 50% 50%,#11222c 0,#071014 60%)}.graph-empty{position:absolute;inset:48px 0 0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.graph-edge{stroke:#35505c;stroke-opacity:.58;stroke-width:1}.graph-edge-label{font-size:8px;fill:#6f8790;pointer-events:none}.graph-node circle{fill:#102630;stroke:#5b7d89;stroke-width:1.5}.graph-node.multi circle{stroke:var(--violet);stroke-width:3}.graph-node text{fill:#dbe7ea;font-size:10px;font-weight:700;pointer-events:none}.graph-node .type-label{fill:#77939b;font-size:7px;font-weight:500}.graph-node{cursor:pointer}.graph-node.hidden,.graph-edge.hidden,.graph-edge-label.hidden{display:none}
.notebook-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px}.server-list,.notebook-list,.agent-list{display:flex;flex-direction:column;gap:8px}.server-card,.notebook-card,.agent-card{border:1px solid var(--line);border-radius:7px;background:#09151b;padding:11px}.server-card h3,.notebook-card h3,.agent-card h3{font-size:14px;margin:4px 0}.server-card p,.notebook-card p,.agent-card p{font-size:11px;color:var(--muted);margin:4px 0;word-break:break-word}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.integration-kv{display:grid;grid-template-columns:130px 1fr;gap:6px;font-size:11px;margin-bottom:12px}.integration-kv b{color:var(--muted)}.connector-output{background:#061014;border:1px solid var(--line);padding:10px;max-height:320px;overflow:auto;white-space:pre-wrap;color:#b4c6cb}.muted-copy{color:var(--muted);font-size:12px;line-height:1.5}.protocol-box{border:1px dashed #4a5e68;padding:10px;margin-top:12px}.protocol-box b,.protocol-box code{display:block}.protocol-box code{color:#a9c3cb;margin-top:5px;font-size:10px}
.analytics-modal{width:min(860px,94vw);max-height:90vh;display:flex;flex-direction:column}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:3px 0}.modal-head small{color:var(--violet);font:800 9px ui-monospace;letter-spacing:.13em}.modal-head button{font-size:24px;background:transparent;border:0}.modal-body{padding:18px;overflow:auto;max-height:68vh}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding:12px 18px}.form-section{border:1px solid var(--line);border-radius:7px;padding:12px;margin-bottom:12px}.form-section h3{font-size:11px;color:var(--violet);letter-spacing:.1em;margin:0 0 12px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.check-grid label{display:flex;gap:7px;align-items:center;text-transform:none;letter-spacing:0;margin:0}.check-grid input{width:auto}.help{color:var(--muted);font-size:10px;line-height:1.45;margin-top:4px}.toast{position:fixed;right:18px;bottom:18px;z-index:2000;background:#102129;border:1px solid #42616d;border-radius:7px;padding:11px 14px;box-shadow:0 15px 40px #0009;transform:translateY(100px);opacity:0;transition:.2s;max-width:430px}.toast.show{transform:none;opacity:1}.toast.error{border-color:#9b3a44;color:#ffc0c5}
@media(max-width:1250px){.metric-row{grid-template-columns:repeat(4,1fr)}.decision-loop{grid-template-columns:1fr 1fr 1fr}.decision-loop i{display:none}.architecture-flow{grid-template-columns:1fr 1fr 1fr}.architecture-flow i{display:none}.capability-grid{grid-template-columns:1fr 1fr}.relationship-shell{grid-template-columns:260px 1fr}}
@media(max-width:850px){.analytics-main{padding:0 12px 50px}.analytics-hero{align-items:flex-start;flex-direction:column}.hero-tools{justify-content:flex-start}.metric-row{grid-template-columns:repeat(2,1fr)}.semantic-notice{align-items:flex-start;flex-direction:column}.overview-grid,.notebook-layout,.integration-grid,.relationship-shell{grid-template-columns:1fr}.decision-loop,.architecture-flow,.capability-grid{grid-template-columns:1fr}.graph-panel svg{min-height:540px}.run-row{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.check-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}