:root{--cfi-color-primary-50: #fff7ed;--cfi-color-primary-100: #ffedd5;--cfi-color-primary-200: #fed7aa;--cfi-color-primary-500: #f97316;--cfi-color-primary-600: #ea580c;--cfi-color-primary-700: #c2410c;--cfi-color-gray-50: #f9fafb;--cfi-color-gray-100: #f3f4f6;--cfi-color-gray-200: #e5e7eb;--cfi-color-gray-300: #d1d5db;--cfi-color-gray-400: #9ca3af;--cfi-color-gray-500: #6b7280;--cfi-color-gray-600: #4b5563;--cfi-color-gray-700: #374151;--cfi-color-gray-800: #1f2937;--cfi-color-gray-900: #111827;--cfi-color-success: #10b981;--cfi-color-warning: #f59e0b;--cfi-color-error: #ef4444;--cfi-color-info: #3b82f6;--cfi-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cfi-font-size-xs: .75rem;--cfi-font-size-sm: .875rem;--cfi-font-size-base: 1rem;--cfi-font-size-lg: 1.125rem;--cfi-font-size-xl: 1.25rem;--cfi-font-size-2xl: 1.5rem;--cfi-spacing-xs: .25rem;--cfi-spacing-sm: .5rem;--cfi-spacing-md: 1rem;--cfi-spacing-lg: 1.5rem;--cfi-spacing-xl: 2rem;--cfi-radius-sm: .25rem;--cfi-radius-md: .375rem;--cfi-radius-lg: .5rem;--cfi-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--cfi-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--cfi-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--cfi-shell-header-height: 48px}.sidenav{width:var(--sidenav-width);background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;z-index:90}.sidenav__backdrop{display:none}.sidenav__list{flex:1;padding:var(--spacing-sm);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidenav__group-heading{padding:var(--spacing-sm) 12px 4px;margin-top:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400)}.sidenav__group-heading:first-child{margin-top:0}.sidenav__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;border-radius:var(--border-radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500;transition:background-color var(--transition-fast),color var(--transition-fast)}.sidenav__item:hover{background-color:var(--color-gray-50);color:var(--color-gray-900)}.sidenav__item--active{background-color:var(--color-primary-500);color:#fff}.sidenav__item--active:hover{background-color:var(--color-primary-600);color:#fff}.sidenav__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.sidenav__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidenav__badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-error);color:#fff;font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center}.sidenav__footer{padding:var(--spacing-sm);border-top:1px solid var(--border-color)}.sidenav__version{font-size:var(--font-size-xs);color:var(--color-gray-400);text-align:center}@media (max-width: 1023px){.sidenav{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .2s}.sidenav--open{transform:translate(0)}.sidenav__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:80}}.app-shell{display:flex;flex-direction:column;height:100vh}.app-shell__body{flex:1;display:flex;flex-direction:row;overflow:hidden}.app-shell__main{flex:1;padding:var(--spacing-md);background-color:var(--color-gray-50);overflow-y:auto}.dashboard{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:1200px}.dashboard__head{display:flex;flex-direction:column;gap:2px}.dashboard__title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-gray-900)}.dashboard__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500)}.dashboard__error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.kpi{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-decoration:none;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.kpi:hover{box-shadow:var(--shadow-md)}.kpi__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--border-radius-md);background:var(--color-primary-50);color:var(--color-primary-600);margin-bottom:var(--spacing-xs)}.kpi__value{font-size:26px;font-weight:700;line-height:1.1;color:var(--color-gray-900)}.kpi__label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-700)}.kpi__hint{font-size:11px;color:var(--color-gray-400)}.kpi--warn .kpi__icon{background:#fff7ed;color:var(--color-warning)}.kpi--warn .kpi__value{color:var(--color-warning)}.kpi--critical .kpi__icon{background:#fef2f2;color:var(--color-error)}.kpi--critical .kpi__value{color:var(--color-error)}.dashboard__row{display:grid;gap:var(--spacing-md)}.dashboard__row--charts,.dashboard__row--activity{grid-template-columns:2fr 1fr}.dashboard__row--activity{grid-template-columns:1fr 2fr}.dashboard__row--two{grid-template-columns:1fr 1fr}.dashboard__col-2{min-width:0}.dash-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md) var(--spacing-lg);min-width:0}.dash-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.dash-card__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-gray-800)}.dash-card__more{font-size:var(--font-size-xs);color:var(--color-primary-600);text-decoration:none}.dash-card__more:hover{text-decoration:underline}.chart__empty{color:var(--color-gray-500);font-size:var(--font-size-sm);padding:var(--spacing-lg) 0;text-align:center}.oem-chart__legend{list-style:none;margin:var(--spacing-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.oem-chart__legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs)}.oem-chart__swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.oem-chart__legend-name{color:var(--color-gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oem-chart__legend-count{margin-left:auto;font-weight:600;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.recent-activity{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.recent-activity__item{display:flex;gap:var(--spacing-sm)}.recent-activity__dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary-600);flex-shrink:0;margin-top:6px}.recent-activity__body{min-width:0}.recent-activity__line{font-size:var(--font-size-sm);color:var(--color-gray-700)}.recent-activity__actor{font-weight:600;color:var(--color-gray-900)}.recent-activity__time{font-size:11px;color:var(--color-gray-400)}.coming-soon{background:var(--color-gray-50);border:1px dashed var(--color-gray-300);border-radius:var(--border-radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.coming-soon--card{min-height:120px}.coming-soon__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.coming-soon__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-500)}.coming-soon__chip{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500);background:var(--color-gray-200);border-radius:999px;padding:2px 8px;white-space:nowrap}.coming-soon__desc{font-size:var(--font-size-xs);color:var(--color-gray-400);line-height:1.4}.dashboard__health{display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard__status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dashboard__status-dot--pending{background:var(--color-gray-300)}.dashboard__status-dot--ok{background:var(--color-success)}.dashboard__status-dot--fail{background:var(--color-error)}.dashboard__status-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}@media (max-width: 860px){.dashboard__row--charts,.dashboard__row--activity,.dashboard__row--two{grid-template-columns:1fr}}.connections{padding:24px;max-width:1100px}.connections__head{margin-bottom:24px}.connections__title{font-size:24px;font-weight:600;margin:0 0 4px}.connections__subtitle{color:var(--color-text-muted, #6f6f6f);margin:0}.connections__error{background:#fdecea;color:#b3261e;padding:12px 16px;border-radius:8px;margin-bottom:16px}.connections__empty{color:var(--color-text-muted, #6f6f6f);padding:32px 0}.connections__table{width:100%;border-collapse:collapse}.connections__table th,.connections__table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border, #e6e6e6)}.connections__table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted, #6f6f6f)}.connections__badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.connections__badge--active{background:#e6f4ea;color:#1e7e34}.connections__badge--paused{background:#eceff1;color:#6f6f6f}.connections__badge--error{background:#fdecea;color:#b3261e}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md);color:var(--color-gray-600)}.auth-loading__spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}.auth-error h2{color:var(--color-error);margin:0}.auth-error p{color:var(--color-gray-600);max-width:400px}.auth-error button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary-600);color:#fff;border-radius:var(--border-radius-md);font-weight:500;cursor:pointer}.auth-error button:hover{background-color:var(--color-primary-700)}:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--header-height: 48px;--sidenav-width: 200px;--sidenav-collapsed-width: 64px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-color: var(--color-gray-200);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-900);background-color:var(--color-gray-50);line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}img{max-width:100%;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}