:root{--color-primary: #135AC5;--color-secondary: #19315B;--color-accent: #29BCB0;--color-foreground: #222222;--color-page-bg: #F5F5F5;--color-card-bg: #FFFFFF;--color-success: #519602;--color-warning: #FFB331;--color-error: #B00020;--color-info: #757575;--color-info-low: #EEEEEE;--chart-c1: #FFB331;--chart-c2: #29BCB0;--chart-c3: #582C5F;--chart-c4: #FF81C8;--grey-900: #000000;--grey-800: #222222;--grey-700: #424242;--grey-600: #616161;--grey-500: #757575;--grey-400: #9E9E9E;--grey-300: #DBDBDB;--grey-200: #E0E0E0;--grey-100: #EEEEEE;--grey-50: #F5F5F5;--grey-25: #FAFAFA;--grey-0: #FFFFFF;--font-family: "Roboto", system-ui, -apple-system, sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-display: 42px;--font-display-lh: 52px;--font-h1: 32px;--font-h1-lh: 44px;--font-h2: 26px;--font-h2-lh: 36px;--font-h3: 22px;--font-h3-lh: 32px;--font-h4: 19px;--font-h4-lh: 28px;--font-body: 16px;--font-body-lh: 24px;--font-body-sm: 14px;--font-body-sm-lh: 20px;--font-body-xs: 12px;--font-body-xs-lh: 16px;--font-label: 16px;--font-label-lh: 24px;--font-button: 14px;--font-button-lh: 16px;--font-table: 14px;--font-table-lh: 20px;--icon-size-default: 24px;--icon-size-sm: 20px;--icon-size-lg: 32px;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 32px;--spacing-6: 48px;--spacing-7: 64px;--spacing-8: 96px;--spacing-9: 128px;--spacing-10: 176px;--bp-xs: 576px;--bp-sm: 768px;--bp-md: 992px;--bp-lg: 1200px;--gutter-sm: 16px;--gutter-md: 24px;--button-height: 40px;--button-min-width: 64px;--button-padding-x: 16px;--button-gap: 8px;--button-radius: 4px;--card-padding: 24px;--card-gap: 16px;--table-row-height: 52px;--table-header-height: 40px;--table-padding-x: 16px;--tabs-height: 48px;--tabs-padding-x: 16px;--tabs-indicator-height: 2px;--input-label-size: 16px;--input-value-size: 16px;--input-helper-size: 12px;--input-helper-color: #767676;--select-menu-max-width: 416px;--dropdown-menu-min-width: 88px;--dropdown-menu-max-width: 416px}body{margin:0;min-width:320px;min-height:100vh}:root{--bg: var(--color-page-bg);--bg-card: var(--color-card-bg);--bg-hover: var(--grey-100);--text: var(--color-foreground);--text-muted: var(--grey-500);--accent: var(--color-primary);--success: var(--color-success);--warning: var(--color-warning);--error: var(--color-error);--border: var(--grey-300);--radius: var(--button-radius)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--bg-card);border-right:1px solid var(--border);padding:1.5rem 0;display:flex;flex-direction:column}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.sidebar .nav-bottom{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.sidebar a{padding:.5rem 1.5rem;color:var(--text-muted);border-left:3px solid transparent}.sidebar a:hover{color:var(--text);background:var(--bg-hover)}.sidebar a.active{color:var(--accent);border-left-color:var(--accent);background:#135ac514}.main{flex:1;padding:2rem;overflow:auto}.page-title{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.card h3{margin:0 0 .75rem;font-size:1rem;color:var(--text-muted)}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge-healthy{background:#51960226;color:var(--success)}.badge-degraded{background:#ffb33133;color:var(--warning)}.badge-failed{background:#b0002026;color:var(--error)}.badge-paused{background:#75757526;color:var(--text-muted)}.badge-open{background:#b0002026;color:var(--error)}.badge-escalated{background:#ffb33133;color:var(--warning)}.badge-resolved{background:#51960226;color:var(--success)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:500;font-size:.875rem}.btn{padding:.4rem .8rem;border-radius:4px;border:none;cursor:pointer;font-size:.875rem;font-weight:500}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:var(--grey-100);color:var(--text);border:1px solid var(--grey-300)}.btn-secondary:hover{background:var(--grey-200)}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn+.btn{margin-left:.5rem}.alert{padding:1rem;border-radius:var(--radius);margin-bottom:1rem}.alert-error{background:#b000201a;border:1px solid var(--error);color:var(--error)}.alert-info{background:#135ac514;border:1px solid var(--accent)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0 .25rem;line-height:1}.modal-close:hover{color:var(--text)}.mapping-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:1rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.mapping-row:last-child{border-bottom:none}.confidence{font-size:.875rem;color:var(--text-muted)}.badge-idle{background:#75757526;color:var(--text-muted)}.badge-faulted{background:#b0002026;color:var(--error)}.agent-console-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem}@media(max-width:900px){.agent-console-layout{grid-template-columns:1fr}}.agent-console-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.agent-console-tabs button{padding:.5rem 1rem;font-size:.875rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;color:var(--text-muted)}.agent-console-tabs button:hover{color:var(--text)}.agent-console-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.agent-card{cursor:pointer;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);transition:border-color .15s;position:relative;padding:1rem 1rem 1rem 1.25rem}.agent-card:hover{border-color:var(--bg-hover)}.agent-card.active{border-color:var(--accent);background:#135ac514}.agent-card-accent{width:3px;height:100%;position:absolute;left:0;top:0;border-radius:2px 0 0 2px}