.dashboard-kpi-tile{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 14px;border:1px solid #d7dce5;border-radius:14px;background:#f7f9fc;box-shadow:inset 0 1px #ffffff80,0 2px 8px #0f172a0a;text-align:center}.dashboard-kpi-tile-success{background:#f3fbf5;border-color:#c9ebd1}.dashboard-kpi-tile-info{background:#f4f8ff;border-color:#d4e2ff}.dashboard-kpi-tile__header{display:flex;align-items:center;justify-content:center;gap:8px;min-height:20px}.dashboard-kpi-tile__icon{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#94a3b824;font-size:14px;flex-shrink:0}.dashboard-kpi-tile__label{font-size:13px;line-height:1.2}.dashboard-kpi-tile__value{display:block;font-size:18px;line-height:1.1;text-align:center}:root[data-theme-mode=dark] .dashboard-kpi-tile{border-color:#243041;background:#121a27;box-shadow:inset 0 1px #ffffff08,0 3px 10px #00000029}:root[data-theme-mode=dark] .dashboard-kpi-tile-success{background:#102219;border-color:#1f5132}:root[data-theme-mode=dark] .dashboard-kpi-tile-info{background:#102033;border-color:#22496f}:root[data-theme-mode=dark] .dashboard-kpi-tile__icon{background:#94a3b81f}.dashboard-overview-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px)and (max-width:1199px){.dashboard-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px)and (max-width:1599px){.dashboard-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1600px){.dashboard-overview-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}:root[data-density=compact] .settings-page .ant-tag,:root[data-density=compact] .settings-page .ant-btn,:root[data-density=compact] .settings-page .ant-input-number,:root[data-density=compact] .settings-page .ant-input-number-group-addon,:root[data-density=compact] .settings-page .ant-input-number-group-wrapper,:root[data-density=compact] .settings-page .ant-input-number-handler-wrap{border-radius:0!important}html,body,#root{height:100%}body{margin:0;overflow:hidden}#root .ant-app{height:100%}#root .ant-layout,#root .ant-layout-has-sider{height:100%;min-height:0}#root .ant-layout-sider{height:100vh;overflow-y:auto;overflow-x:hidden}#root .ant-layout-sider .ant-menu-inline-collapsed>.ant-menu-item,#root .ant-layout-sider .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{padding-inline:16px!important}#root .ant-layout-sider .ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon,#root .ant-layout-sider .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,#root .ant-layout-sider .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon{inset-inline-start:0!important;margin-inline:0!important;font-size:18px}#root .ant-layout-content{flex:1 1 auto;height:auto;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden}.app-status-bar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#fff}.app-onboarding-banner{box-sizing:border-box;width:100%;margin:0;padding:8px 10px;border:1px solid #d6e4ff;border-radius:0;background:#f0f5ff}.app-shell-chrome{background:#fff}.app-density-segmented.ant-segmented{border-radius:12px!important}.app-density-segmented .ant-segmented-group{border-radius:10px!important}.app-density-segmented .ant-segmented-item-selected{background:#1677ff!important;color:#fff!important;border-radius:10px!important}.app-density-segmented .ant-segmented-item,.app-density-segmented .ant-segmented-item-label{border-radius:10px!important}.app-density-segmented .ant-segmented-thumb{background:#1677ff!important;border-radius:10px!important;box-shadow:0 0 0 1px #69b1ff inset}.app-density-segmented .ant-segmented-item-selected .ant-segmented-item-label{color:#fff!important}.app-shell-root{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff}.app-shell-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:#fff}.app-shell-body>*{flex:1 1 auto;min-height:0}.app-shell-body .ant-layout,.app-shell-body .ant-layout-has-sider{height:100%!important;min-height:0!important}.app-shell-body .ant-layout-content>div{box-sizing:border-box;flex:0 0 auto;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}.app-shell-body .ant-layout-content>div>.ant-space.ant-space-vertical{display:flex;width:100%;min-width:0}:root[data-density=compact] #root .ant-layout-sider .ant-menu-inline-collapsed>.ant-menu-item,:root[data-density=compact] #root .ant-layout-sider .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{padding-inline:12px!important}:root[data-density=compact] .app-status-bar{gap:6px;padding:4px 8px}:root[data-density=compact] .app-onboarding-banner{margin:0;padding:5px 8px;border-radius:0}:root[data-density=compact] .app-shell-body .ant-layout-content>div{margin:0!important;padding:0!important}:root[data-density=compact] .app-shell-body .ant-layout-content>div>div{margin:0!important;padding:0!important}:root[data-density=compact] .app-shell-body .ant-layout-content>div>div>.ant-space-vertical{display:flex;width:100%;margin:0!important}:root[data-density=compact] .app-shell-body .ant-layout-content .ant-space-vertical{row-gap:0!important}:root[data-density=compact] .app-shell-body .ant-layout-content .ant-space-vertical>.ant-space-item:first-child{margin-top:0!important}:root[data-density=compact] .app-shell-body .ant-layout-content .ant-space-vertical>.ant-space-item+.ant-space-item{margin-top:-1px}:root[data-density=compact] .app-shell-body .ant-layout-content>div>.ant-space-vertical>.ant-space-item:has(>h1.ant-typography,>h2.ant-typography,>h3.ant-typography,>h4.ant-typography,>h5.ant-typography){padding:6px 8px;border-bottom:1px solid var(--ant-color-border-secondary)}:root[data-density=compact] .app-shell-body .ant-layout-content .ant-space-vertical>.ant-space-item>h1.ant-typography,:root[data-density=compact] .app-shell-body .ant-layout-content .ant-space-vertical>.ant-space-item>h2.ant-typography,:root[data-density=compact] .app-shell-body .ant-layout-content .ant-space-vertical>.ant-space-item>h3.ant-typography,:root[data-density=compact] .app-shell-body .ant-layout-content .ant-space-vertical>.ant-space-item>h4.ant-typography,:root[data-density=compact] .app-shell-body .ant-layout-content .ant-space-vertical>.ant-space-item>h5.ant-typography{margin:0!important;font-size:18px!important;line-height:1.25!important}:root[data-density=compact] .app-shell-body .ant-layout-content>div>div>.ant-space-vertical>.ant-space-item:first-child>.ant-card{border-top:0}:root[data-density=compact] .app-shell-body .ant-layout-content>div>div>.ant-space-vertical>.ant-space-item:first-child>.ant-card>.ant-card-head{min-height:34px;padding-top:4px;padding-bottom:4px}:root[data-density=compact] .ant-space-gap-row-small,:root[data-density=compact] .ant-space-gap-col-small{row-gap:0!important;column-gap:4px!important}:root[data-density=compact] .ant-space-gap-row-middle,:root[data-density=compact] .ant-space-gap-col-middle{row-gap:0!important;column-gap:8px!important}:root[data-density=compact] .ant-space-gap-row-large,:root[data-density=compact] .ant-space-gap-col-large{row-gap:0!important;column-gap:10px!important}:root[data-density=compact] .app-shell-body .ant-layout-content .ant-row{margin-inline:0!important;row-gap:0!important}:root[data-density=compact] .app-shell-body .ant-layout-content .ant-col{padding-inline:0!important}:root[data-density=compact] .app-shell-root .ant-card,:root[data-density=compact] .app-shell-root .ant-card-bordered,:root[data-density=compact] .app-shell-root .ant-alert,:root[data-density=compact] .app-shell-root .ant-collapse,:root[data-density=compact] .app-shell-root .ant-table-wrapper .ant-table,:root[data-density=compact] .app-shell-root .ant-table-container{border-radius:0!important}:root[data-density=compact] .app-shell-root .ant-card .ant-card-head{min-height:36px;padding:6px 10px;border-radius:0!important}:root[data-density=compact] .app-shell-root .ant-card .ant-card-head-title,:root[data-density=compact] .app-shell-root .ant-card .ant-card-extra{padding:0}:root[data-density=compact] .app-shell-root .ant-card .ant-card-body{padding:8px;border-radius:0!important}:root[data-density=compact] .app-shell-root .ant-card-small>.ant-card-body{padding:6px}:root[data-density=compact] .app-shell-root .ant-form-item{margin-bottom:8px}:root[data-density=compact] .app-shell-root .ant-form-item-label{padding-bottom:2px}:root[data-density=compact] .app-shell-root .ant-alert{padding:6px 8px;border-radius:0!important}:root[data-density=compact] .app-shell-root .ant-tabs-top>.ant-tabs-nav{margin-bottom:0}:root[data-density=compact] .app-shell-body .ant-layout-content>div>.ant-tabs>.ant-tabs-nav{padding:4px 8px 0}:root[data-density=compact] .app-shell-body .ant-layout-content>div>.ant-tabs>.ant-tabs-content-holder{border-top:1px solid var(--ant-color-border-secondary)}:root[data-density=compact] .app-shell-root .ant-tabs-tab{padding:6px 0}:root[data-density=compact] .app-shell-root .ant-menu-inline .ant-menu-item,:root[data-density=compact] .app-shell-root .ant-menu-inline .ant-menu-submenu-title{height:32px;line-height:32px;margin-block:2px;margin-inline:4px;padding-inline:12px!important}:root[data-density=compact] .app-shell-root .ant-menu-item .ant-menu-title-content,:root[data-density=compact] .app-shell-root .ant-menu-submenu-title .ant-menu-title-content{line-height:32px}:root[data-density=compact] .app-shell-root .ant-list-item{padding:6px 8px!important}:root[data-density=compact] .app-shell-root .ant-list-item-meta{margin-block:0!important}:root[data-density=compact] .app-shell-root .ant-list-item-meta-avatar{margin-inline-end:8px!important}:root[data-density=compact] .app-shell-root .ant-table-cell,:root[data-density=compact] .app-shell-root .ant-table-title,:root[data-density=compact] .app-shell-root .ant-table-footer,:root[data-density=compact] .app-shell-root .ant-table-thead>tr>th,:root[data-density=compact] .app-shell-root .ant-table-tbody>tr>td{padding:6px 8px!important}:root[data-density=compact] .app-shell-root .ant-table-pagination.ant-pagination{margin:0}:root[data-density=compact] .app-shell-root .ant-descriptions-item{padding-bottom:6px}:root[data-density=compact] .app-shell-root .ant-collapse-header{padding:6px 10px!important;border-radius:0!important}:root[data-density=compact] .app-shell-root .ant-collapse-content-box{padding:8px!important}:root[data-density=compact] .app-shell-root .ant-tag{margin-inline-end:4px}:root[data-density=compact] .table-columns-toolbar{gap:6px}:root[data-density=compact] .table-columns-toolbar-row{gap:6px;min-height:26px}:root[data-density=compact] .dashboard-overview-grid{gap:0}:root[data-density=compact] .dashboard-kpi-tile{min-height:82px;gap:6px;padding:9px 8px;border-radius:0;box-shadow:none}:root[data-density=compact] .dashboard-kpi-tile__header{gap:6px;min-height:18px}:root[data-density=compact] .dashboard-kpi-tile__icon{width:22px;height:22px;border-radius:0;font-size:12px}:root[data-density=compact] .dashboard-kpi-tile__label{font-size:12px}:root[data-density=compact] .dashboard-kpi-tile__value{font-size:16px}:root[data-theme-mode=dark] .app-status-bar{background:#111827;border-bottom-color:#1f2937}:root[data-theme-mode=dark] .app-onboarding-banner{background:#111827;border-color:#1f2937;color:#e5e7eb}:root[data-theme-mode=dark] .app-shell-chrome{background:#0b1220}:root[data-theme-mode=dark] .app-shell-root,:root[data-theme-mode=dark] .app-shell-body{background:#0b1220}.playground-metrics-tabs.ant-tabs{height:100%;display:flex;flex-direction:column;min-height:0}.playground-metrics-tabs .ant-tabs-content-holder{flex:1;min-height:0}.playground-metrics-tabs .ant-tabs-content,.playground-metrics-tabs .ant-tabs-tabpane{height:100%;min-height:0}.playground-live-providers-pane{display:flex;flex-direction:column;height:100%;min-height:0}.playground-live-providers-pane>div{display:flex;flex-direction:column;min-height:0}.playground-live-providers-pane .ant-table-wrapper,.playground-live-providers-pane .ant-spin-nested-loading,.playground-live-providers-pane .ant-spin-container,.playground-live-providers-pane .ant-table{height:100%}.playground-live-providers-pane .ant-table-container{display:flex;flex-direction:column;height:100%;min-height:0}.playground-live-providers-pane .ant-table-body{flex:1 1 auto;min-height:0}.routing-settings-modal .ant-card-head{background:#f5f7fa}:root[data-theme-mode=dark] .routing-settings-modal .ant-card-head{background:#151d2a}.table-columns-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px}.table-columns-toolbar-label-slot{flex:1 1 auto;min-width:0}.table-columns-toolbar-popover{min-width:220px;max-width:min(320px,calc(100vw - 32px))}.table-columns-toolbar-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;cursor:grab}.table-columns-toolbar-row:active{cursor:grabbing}.table-columns-toolbar-label{min-width:0}.table-columns-toolbar-drag{color:var(--ant-color-text-tertiary);cursor:grab}.table-resizable-header-cell{position:relative}.table-column-resize-handle{position:absolute;top:0;right:-4px;z-index:2;width:8px;height:100%;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}.table-column-resize-handle:after{position:absolute;top:25%;right:3px;width:1px;height:50%;background:var(--ant-color-border);opacity:0;content:""}.table-column-resize-handle:hover:after,.table-column-resizing .table-column-resize-handle:after{opacity:1}.table-column-resizing,.table-column-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.provider-editor-form .ant-form-item{margin-bottom:12px}.provider-editor-form .ant-divider{margin:4px 0 12px}:root{--app-scrollbar-track: #eef2f7;--app-scrollbar-thumb: #b8c2d1;--app-scrollbar-thumb-hover: #9ca9bc}:root[data-theme-mode=dark]{--app-scrollbar-track: #0f1724;--app-scrollbar-thumb: #2c3950;--app-scrollbar-thumb-hover: #3a4c68}*{scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--app-scrollbar-thumb),var(--app-scrollbar-thumb-hover));border-radius:999px;border:2px solid var(--app-scrollbar-track)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--app-scrollbar-thumb-hover),var(--app-scrollbar-thumb))}*::-webkit-scrollbar-corner{background:var(--app-scrollbar-track)}*:focus-visible{outline:2px solid #1677ff;outline-offset:2px}