:root{color:#263246;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f7f8fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #5b91e5}::selection{color:#1e3a8a;background:#dbeafe}#root{min-height:100vh}.app-shell{background:#f7f8fa;min-height:100vh}.sidebar{z-index:10;color:#cbd5e1;background:#111827;flex-direction:column;width:252px;padding:26px 18px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 7px 34px;display:flex}.brand-mark{color:#fff;background:#2563eb;border-radius:11px;place-items:center;width:39px;height:39px;font-size:21px;font-weight:800;display:grid}.brand-copy,.workspace-copy,.sidebar-status>div{flex-direction:column;gap:4px;display:flex}.brand-name{color:#f8fafc;letter-spacing:-.5px;font-size:17px;font-weight:750}.brand-caption{color:#8491a5;letter-spacing:1.1px;font-size:9px;font-weight:700}.workspace-label,.navigation-label{color:#8190a6;letter-spacing:1.2px;margin:0 7px 12px;font-size:10px;font-weight:750}.workspace-card{background:#1b2636;border:1px solid #303b4c;border-radius:9px;align-items:center;gap:10px;margin-bottom:32px;padding:12px 10px;display:flex}.workspace-avatar{color:#e2e8f0;background:#34445d;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.workspace-copy{flex:1;min-width:0}.workspace-copy strong{color:#f1f5f9;font-size:12px}.workspace-copy span{color:#95a3b7;font-size:10px}.workspace-indicator{background:#60a5fa;border-radius:50%;width:7px;height:7px}.navigation-label{margin-bottom:10px}.navigation{flex-direction:column;gap:5px;display:flex}.nav-item{color:#aab7c9;cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 11px;font-size:13px;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#fff;background:#1c293b}.nav-item-active{color:#fff;background:#243c61;font-weight:650}.nav-item-active .nav-icon{color:#8bb8ff}.nav-icon{color:#93a4bb;text-align:center;width:19px;font-size:17px}.nav-count{color:#dbeafe;background:#34445d;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.sidebar-status{border-top:1px solid #303b4c;border-bottom:1px solid #303b4c;align-items:center;gap:10px;padding:15px 9px;display:flex}.sidebar-status strong{color:#e2e8f0;font-size:11px;font-weight:600}.sidebar-status span:not(.status-dot){color:#8b9ab0;font-size:10px}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot-muted{background:#7c8ba1}.sidebar-footer{color:#8190a6;align-items:center;gap:8px;padding:20px 5px 0;font-size:10px;display:flex}.footer-mark{color:#dbeafe;background:#253348;border-radius:6px;place-items:center;width:24px;height:24px;font-weight:750;display:grid}.version{margin-left:auto}.main-content{min-height:100vh;margin-left:252px}.topbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:center;height:65px;padding:0 36px;display:flex;position:sticky;top:0}.breadcrumb{color:#8a96a7;align-items:center;gap:11px;font-size:12px;display:flex}.breadcrumb-separator{color:#c4cbd5}.breadcrumb strong{color:#344054;font-weight:650}.topbar-right{align-items:center;gap:19px;display:flex}.preview-label{color:#7b8798;letter-spacing:.8px;align-items:center;gap:7px;font-size:9px;font-weight:750;display:flex}.preview-dot{background:#94a3b8;border-radius:50%;width:6px;height:6px}.user-avatar{color:#315c9d;background:#edf3ff;border:1px solid #dce5f0;border-radius:50%;place-items:center;width:33px;height:33px;font-size:12px;font-weight:750;display:grid}.page-content{width:100%;max-width:1600px;min-height:calc(100vh - 115px);margin:0 auto;padding:35px 36px 50px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:29px;display:flex}.eyebrow{color:#8995a7;letter-spacing:1.2px;margin-bottom:11px;font-size:10px;font-weight:750}.page-heading h1{color:#172235;letter-spacing:-1.1px;margin:0;font-size:clamp(25px,3vw,31px);font-weight:750}.page-heading p{color:#7b8798;margin:9px 0 0;font-size:13px;line-height:1.6}.environment-pill{color:#61738e;letter-spacing:.7px;white-space:nowrap;background:#fff;border:1px solid #dce6f3;border-radius:7px;align-items:center;gap:8px;margin-top:19px;padding:8px 11px;font-size:9px;font-weight:750;display:inline-flex}.environment-dot{background:#3b82f6;border-radius:50%;width:6px;height:6px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:35px;display:grid}.metrics-grid-small{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid #e8ecf1;border-radius:10px;min-width:0;padding:20px;box-shadow:0 2px 5px #0f172a05}.metric-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-label{color:#778397;font-size:12px;font-weight:550}.metric-icon{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:grid}.metric-icon-blue{color:#3977d4;background:#edf4ff}.metric-icon-green{color:#16834c;background:#e8f8ef}.metric-icon-purple{color:#7855ce;background:#f2edff}.metric-icon-orange{color:#cf7624;background:#fff3e7}.metric-value{color:#172235;letter-spacing:-.8px;margin-top:17px;font-size:29px;font-weight:750}.metric-detail{color:#98a2b1;margin-top:6px;font-size:10px;line-height:1.5}.content-section{margin-top:31px}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.section-header h2{color:#263246;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:750}.section-header p{color:#8994a5;margin:6px 0 0;font-size:11px;line-height:1.5}.text-button{color:#326bc0;cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0 8px 8px;font-size:11px;font-weight:650;display:inline-flex}.text-button:hover{color:#174a96}.text-button span{font-size:15px}.table-container{background:#fff;border:1px solid #e8ecf1;border-radius:10px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}thead{background:#fafbfc}th{color:#8994a5;letter-spacing:.6px;white-space:nowrap;border-bottom:1px solid #e8ecf1;padding:13px 17px;font-size:9px;font-weight:750}td{color:#667386;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:16px 17px;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}.resource-name{align-items:center;gap:11px;display:flex}.resource-icon{border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:750;display:grid}.application-icon{color:#3977d4;background:#edf4ff}.database-icon{color:#7855ce;background:#f2edff}.resource-name>div:last-child{flex-direction:column;gap:5px;display:flex}.resource-name strong{color:#344054;font-size:11px;font-weight:700}.resource-name span{color:#98a2b1;font-size:10px}.environment-tag{color:#526f99;background:#f2f6fc;border:1px solid #dfe8f6;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:750}.status-badge{border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:650;display:inline-flex}.status-healthy{color:#21824c;background:#eefaf2;border-color:#d2eddd}.status-healthy .status-dot{background:#28a05c}.status-unhealthy{color:#c33d3d;background:#fff1f1;border-color:#f4d8d8}.status-unhealthy .status-dot{background:#dc5050}.status-unknown{color:#7c8798;background:#f4f6f8;border-color:#e4e8ee}.status-unknown .status-dot{background:#9ba6b5}.record-count{color:#8994a5;font-size:10px}.latency-value{color:#475467;font-weight:650}.information-note{background:#f4f8ff;border:1px solid #e0e9f8;border-radius:8px;align-items:flex-start;gap:10px;margin-top:14px;padding:14px 15px;display:flex}.note-icon{color:#4878bd;border:1px solid #8eaddd;border-radius:50%;flex-shrink:0;place-items:center;width:17px;height:17px;font-size:10px;font-weight:750;display:grid}.information-note p{color:#637995;margin:1px 0 0;font-size:11px;line-height:1.6}.main-footer{color:#98a2b1;border-top:1px solid #e9edf2;justify-content:space-between;align-items:center;gap:15px;padding:18px 36px;font-size:10px;display:flex}@media (width<=1200px){.page-content,.topbar{padding-left:24px;padding-right:24px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.sidebar{width:100%;padding:15px;position:static}.brand{padding-bottom:15px}.workspace-label,.workspace-card,.navigation-label,.sidebar-bottom{display:none}.navigation{flex-direction:row;gap:5px;overflow-x:auto}.nav-item{justify-content:center;gap:7px;width:auto;min-width:max-content;padding:10px}.nav-count,.main-content{margin-left:0}.topbar{height:54px;padding:0 17px}.topbar-right{gap:10px}.preview-label{font-size:8px}.page-content{min-height:auto;padding:26px 16px 36px}.page-heading{flex-direction:column;gap:12px}.environment-pill{margin-top:0}.metrics-grid,.metrics-grid-small{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:14px}.metric-label{font-size:11px}.metric-value{font-size:25px}.section-header{align-items:flex-start}.main-footer{padding:17px;font-size:9px}}@media (width<=390px){.metrics-grid,.metrics-grid-small{grid-template-columns:1fr}.breadcrumb{gap:6px;font-size:10px}.preview-label{display:none}}.api-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:16px 0;padding:16px}.api-error strong{margin-bottom:6px;display:block}.api-error p{overflow-wrap:anywhere;margin:0;font-size:13px}.empty-state{text-align:center;color:#64748b;padding:24px;font-size:14px}.text-button:disabled{cursor:not-allowed;opacity:.6}