html,body,#root{width:100%;min-height:100%;margin:0}body{color:#e5e7eb;background:#020617;font-family:Inter,Arial,sans-serif}:root{color:#17202a;font-synthesis:none;--ink:#17202a;--muted:#68737d;--line:#dfe4e8;--nav:#101923;--green:#1a7f64;--green-soft:#e8f4ef;--amber:#a7610a;--red:#b42318;--blue:#2854a1;background:#f3f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f3f5f7;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.appShell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#dbe4ec;border-right:1px solid #23303c;flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 10px 22px;display:flex}.brandMark{color:#fff;background:#33a482;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff20}.brand div{display:grid}.brand strong{font-size:16px}.brand small,.sidebarFoot small{text-transform:uppercase;letter-spacing:.1em;color:#8494a3;font-size:9px}.sidebar nav{gap:3px;display:grid;overflow:auto}.sidebar nav button{color:#aebbc7;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#1d2a36}.sidebar nav button.active{box-shadow:inset 3px 0 #45b08f}.navIcon{border:1px solid #40505e;border-radius:5px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:grid}.sidebarFoot{border-top:1px solid #263440;gap:3px;margin-top:auto;padding:17px 10px 2px;display:grid}.sidebarFoot span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebarFoot button{color:#8fa0ae;text-align:left;background:0 0;border:0;padding:8px 0;font-size:12px}.main{min-width:0;padding:0 28px 48px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;margin-bottom:24px;display:flex}.topbar>div{align-items:center;gap:13px;display:flex}.topbar h1{letter-spacing:-.025em;margin:3px 0 0;font-size:23px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#76838f;font-size:9px;font-weight:800}.menuButton,.topActions button,.pagination button,.iconButton{color:#34414c;background:#fff;border:1px solid #d1d8de;border-radius:6px;padding:7px 10px}.menuButton{display:none}.topActions span{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.pulse{background:#25a57d;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #25a57d18}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metricCard{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:9px;gap:7px;padding:17px;display:grid;box-shadow:0 1px 2px #17202a0a}.metricCard:hover{border-color:#9bc9ba;transform:translateY(-1px)}.metricCard span,.splitMetrics span{color:var(--muted);font-size:11px;font-weight:650}.metricCard strong,.splitMetrics strong{letter-spacing:-.04em;font-size:27px}.metricCard small{color:var(--green);font-size:10px}.panel{border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 2px #17202a08}.panelHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.panelHeader h2{margin:3px 0;font-size:15px}.healthStrip{justify-content:space-between;align-items:center;padding:18px;display:flex}.healthStrip>div{align-items:center;gap:12px;display:flex}.healthStrip p{color:var(--muted);margin:3px 0 0;font-size:11px}.status{color:#59656f;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#edf0f2;border-radius:999px;align-items:center;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.status--active,.status--ready,.status--healthy,.status--connected,.status--configured,.status--completed,.status--credited,.status--paid,.status--approved,.status--verified,.status--resolved,.status--sent,.status--success{color:#137158;background:#e7f4ef}.status--pending,.status--processing,.status--under-review,.status--reviewing,.status--medium{color:#8f5809;background:#fff2dc}.status--failed,.status--dead-letter,.status--rejected,.status--critical,.status--suspended,.status--unavailable,.status--not-configured{color:#a9251c;background:#fdebea}.status--high,.status--frozen,.status--cancelled{color:#a44712;background:#f8e8dc}.filterBar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filterBar input,.filterBar select,.auraWorkspace form input{height:36px;color:var(--ink);background:#fff;border:1px solid #ccd4da;border-radius:6px;min-width:145px;padding:0 10px}.filterBar button,.auraWorkspace form button,.primary,.errorState button,.auraResult button{color:#fff;background:#1a755e;border:0;border-radius:6px;padding:0 16px;font-size:11px;font-weight:700}.tableWrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{color:#68737d;text-transform:uppercase;letter-spacing:.07em;text-align:left;border-bottom:1px solid var(--line);background:#f8f9fa;padding:10px 14px;font-size:9px}td{color:#38434c;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #edf0f2;max-width:240px;padding:12px 14px;font-size:11px;overflow:hidden}tbody tr:last-child td{border-bottom:0}tr.clickable:hover{cursor:pointer;background:#f7faf9}.primaryCell{display:grid}.primaryCell strong{color:#1c2832;font-size:11px}.primaryCell span{color:#78848e;font-size:10px}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 14px;font-size:10px;display:flex}.pagination div{gap:6px;display:flex}.pagination button:disabled{opacity:.45;cursor:not-allowed}.state{text-align:center;color:#89949c;place-content:center;gap:7px;min-height:250px;display:grid}.state span:not(.spinner){font-size:28px}.state strong{color:#4e5a64}.state p{margin:0;font-size:11px}.spinner{border:3px solid #d9e2e0;border-top-color:var(--green);border-radius:50%;width:24px;height:24px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.errorState{color:#8f241c;background:#fff4f3;border:1px solid #f1c7c3;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;font-size:11px;display:flex}.errorState button{background:#9d2b22;height:30px;margin-left:auto}.drawerBackdrop{z-index:20;background:#0d172188;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(520px,92vw);height:100%;padding:24px;overflow:auto;box-shadow:-10px 0 40px #0002}.drawer header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:18px;display:flex}.drawer h2{margin:4px 0;font-size:20px}.iconButton{font-size:20px}.detailGrid{grid-template-columns:1fr 1fr;gap:0;margin:18px 0;display:grid}.detailGrid div{border-bottom:1px solid #edf0f2;padding:12px}.detailGrid dt{text-transform:capitalize;color:var(--muted);margin-bottom:5px;font-size:9px}.detailGrid dd{word-break:break-word;margin:0;font-size:11px}.policyNote{color:#704b13;background:#fff8eb;border-left:3px solid #d49b3d;padding:12px;font-size:11px}.splitMetrics{color:#fff;background:#16232e;border-radius:9px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;display:grid}.splitMetrics div{border-right:1px solid #ffffff18;gap:5px;padding:18px;display:grid}.splitMetrics span{color:#9fadb8}.endpointGrid,.healthGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.endpointGrid article,.healthGrid article{border:1px solid var(--line);background:#fff;border-radius:9px;gap:8px;padding:16px;display:grid}.endpointGrid strong{font-size:13px}.endpointGrid span,.endpointGrid code,.healthGrid p{color:var(--muted);text-overflow:ellipsis;font-size:10px;overflow:hidden}.healthGrid article>div{align-items:center;gap:8px;display:flex}.healthGrid p{margin:2px 0}.auraWorkspace{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:850px;margin:24px auto;padding:28px}.auraIntro{gap:18px;display:flex}.auraOrb{color:#bce9dd;background:linear-gradient(145deg,#123d3a,#4366a9);border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.auraIntro h2{margin:4px 0;font-size:21px}.auraIntro p{color:var(--muted);max-width:590px;font-size:12px;line-height:1.6}.promptChips{flex-wrap:wrap;gap:7px;margin:22px 0;display:flex}.promptChips button{color:#31594f;background:#f8fbfa;border:1px solid #cbd7d3;border-radius:999px;padding:7px 11px;font-size:10px}.auraWorkspace form{gap:8px;display:flex}.auraWorkspace form input{flex:1}.auraResult{background:#f3f8f7;border:1px solid #cee1db;border-radius:8px;margin-top:18px;padding:17px}.auraResult h3{margin:6px 0;font-size:15px}.auraResult p{color:var(--muted);font-size:11px}.auraResult button{height:32px}.loginPage{color:#fff;background:#0f1a24;grid-template-columns:1fr 460px;min-height:100vh;display:grid}.loginBrand{background:radial-gradient(circle at 20% 20%,#1b68573d,#0000 38%),linear-gradient(145deg,#111d27,#0b141c);flex-direction:column;justify-content:center;align-items:flex-start;padding:8vw;display:flex}.loginBrand .brandMark{margin-bottom:36px}.loginBrand h1{letter-spacing:-.045em;max-width:600px;margin:12px 0;font-size:48px;line-height:1.04}.loginBrand p{color:#72c9af;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800}.loginBrand>span:last-child{color:#8d9ba7;font-size:12px}.loginCard{color:var(--ink);background:#fff;flex-direction:column;justify-content:center;gap:16px;padding:60px 48px;display:flex}.loginCard h2{margin:0 0 14px;font-size:28px}.loginCard label{gap:7px;font-size:11px;font-weight:700;display:grid}.loginCard input{border:1px solid #cbd3d9;border-radius:6px;height:42px;padding:0 12px}.loginCard .primary{height:42px;margin-top:5px}.loginCard small{color:var(--muted);text-align:center}.formError{color:#9d281f;background:#fff0ef;border-radius:6px;padding:10px;font-size:11px}@media (width<=1100px){.metricGrid,.endpointGrid,.healthGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.appShell{display:block}.sidebar{z-index:15;width:248px;transition:all .2s;position:fixed;transform:translate(-100%)}.appShell:not(.isCollapsed) .sidebar{transform:translate(0)}.main{padding:0 16px 32px}.menuButton{display:block}.topbar{height:76px}.topActions span{display:none}.metricGrid{grid-template-columns:1fr 1fr}.loginPage{grid-template-columns:1fr}.loginBrand{display:none}.loginCard{min-height:100vh;padding:32px}.detailGrid{grid-template-columns:1fr}}@media (width<=520px){.metricGrid,.endpointGrid,.healthGrid,.splitMetrics{grid-template-columns:1fr}.splitMetrics div{border-bottom:1px solid #ffffff18}.topbar .eyebrow{display:none}.topbar h1{font-size:19px}.filterBar>*{flex:100%}.auraWorkspace{padding:18px}.auraWorkspace form{flex-direction:column}.auraWorkspace form button{height:36px}}