:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f6fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}a,button,input,select{font:inherit}h1{color:#101828;margin:0;font-size:32px;line-height:1.2}p{margin:0}button,input,select{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{box-shadow:0 0 0 3px #2563eb2e}.shell{color:#172033;background:#f3f6fb;grid-template-columns:256px 1fr;min-height:100vh;display:grid}.sidebar{color:#e5eefc;background:linear-gradient(#0f172a 0%,#111827 100%);flex-direction:column;gap:24px;padding:24px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.brand-title{font-size:18px;font-weight:700}.brand-subtitle{color:#9fb0cf;font-size:12px}.nav{flex-direction:column;gap:8px;display:flex}.nav-link{color:#c7d2ea;border-radius:12px;padding:12px 14px;font-weight:600;text-decoration:none;transition:all .2s}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link-active{color:#fff;background:linear-gradient(135deg,#2563eb47,#7c3aed47);box-shadow:inset 0 0 0 1px #ffffff14}.sidebar-footer{background:#ffffff0f;border-radius:14px;margin-top:auto;padding:14px}.env-badge{color:#fde68a;background:#fbbf242e;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.sidebar-domain{color:#dce7fb;margin-top:10px;font-size:13px}.main{flex-direction:column;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #dbe3f0;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;display:flex}.topbar-title{color:#101828;font-size:24px;font-weight:800}.topbar-subtitle{color:#667085;margin-top:6px;font-size:14px}.topbar-meta{flex-wrap:wrap;gap:8px;display:flex}.pill{color:#1d4ed8;background:#eef4ff;border-radius:999px;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.content{padding:28px 32px 40px}.page-frame{flex-direction:column;gap:20px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-description{color:#667085;margin-top:8px}.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.card,.skill-card,.state-card{background:#fff;border:1px solid #e4eaf3;border-radius:18px;box-shadow:0 8px 24px #0f172a0a}.metric-card{padding:18px}.metric-label{color:#667085;font-size:13px}.metric-value,.mini-value{color:#101828;margin-top:14px;font-size:30px;font-weight:800}.mini-value{font-size:20px}.metric-meta{color:#667085;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.dashboard-grid,.two-column-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:20px}.card-title{color:#101828;margin-bottom:16px;font-size:16px;font-weight:800}.chart-placeholder{flex-direction:column;gap:16px;display:flex}.chart-header{color:#667085;justify-content:space-between;gap:12px;font-size:13px;display:flex}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:200px;display:grid}.bars span{background:linear-gradient(#60a5fa,#2563eb);border-radius:14px 14px 8px 8px}.stack-list{flex-direction:column;gap:12px;display:flex}.stack-item{background:#f8fafc;border:1px solid #e5edf6;border-radius:14px;justify-content:space-between;gap:16px;padding:14px 16px;display:flex}.stack-title{color:#101828;font-weight:700}.stack-subtitle,.muted{color:#667085;font-size:13px}.stack-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.quick-actions{flex-direction:column;gap:10px;display:flex}.toolbar,.tabs-switcher{flex-wrap:wrap;gap:12px;display:flex}.search-input,.select-input{color:#101828;background:#fff;border:1px solid #d7e1ef;border-radius:12px;height:42px;padding:0 14px}.search-input{flex:1;min-width:240px}.primary-button,.secondary-button,.text-button,.tab-button{cursor:pointer;border:none;border-radius:12px;height:42px;padding:0 16px;font-weight:700}.primary-button{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.secondary-button,.tab-button{color:#344054;background:#fff;border:1px solid #d7e1ef}.tab-button-active{color:#1d4ed8;background:#eef4ff;border-color:#bfdbfe}.text-button,.inline-link{color:#2563eb;background:0 0;padding:0;font-weight:700;text-decoration:none}.table-shell{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:860px}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:14px 12px}.data-table th{color:#667085;background:#f8fafc;font-size:13px;font-weight:700}.status-tag{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status-tag-success{color:#067647;background:#e8f7ee}.status-tag-running{color:#1d4ed8;background:#eaf2ff}.status-tag-warning{color:#b54708;background:#fff4e5}.status-tag-danger{color:#b42318;background:#feeceb}.status-tag-neutral{color:#475467;background:#f2f4f7}.detail-hero{background:#fff;border:1px solid #e4eaf3;border-radius:20px;justify-content:space-between;gap:16px;padding:24px;display:flex}.detail-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-title-row h2{color:#101828;margin:0}.detail-meta-row{color:#667085;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:13px;display:flex}.hero-actions{align-items:flex-start;gap:10px;display:flex}.tabs-layout,.card-grid,.state-grid{gap:16px;display:grid}.card-grid,.state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-card{flex-direction:column;gap:14px;padding:20px;display:flex}.skill-card-header,.skill-footer{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.skill-name{color:#101828;font-size:16px;font-weight:800}.skill-category{color:#667085;margin-top:4px;font-size:13px}.skill-description{color:#475467}.log-viewer{flex-direction:column;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;display:flex}.log-line{color:#e2e8f0;background:#0f172a;border-radius:12px;grid-template-columns:160px 60px 1fr 120px;gap:12px;padding:10px 12px;display:grid}.log-level-info{color:#93c5fd}.log-level-warn{color:#fbbf24}.description-list{flex-direction:column;gap:14px;display:flex}.description-item{grid-template-columns:160px 1fr;gap:14px;display:grid}.description-item dt{color:#667085;font-weight:700}.description-item dd{color:#101828;margin:0}.simple-list{color:#344054;margin:0;padding-left:18px}.state-card{padding:20px}.state-card-title{color:#101828;font-weight:800}.state-card-description{color:#667085;margin-top:8px}.state-card-warning{border-color:#fed7aa}.state-card-danger{border-color:#fecaca}.state-card-neutral{border-color:#d7e1ef}@media (width<=1280px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.shell{grid-template-columns:1fr}.sidebar{padding:18px}.topbar,.content{padding:20px}.dashboard-grid,.two-column-grid,.state-grid,.compact-grid,.card-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero,.page-header,.topbar{flex-direction:column}.log-line,.description-item{grid-template-columns:1fr}}@media (width<=640px){.metrics-grid{grid-template-columns:1fr}.search-input{min-width:100%}}