:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 15% -10%,rgba(34,197,94,.12),transparent 34rem),radial-gradient(circle at 92% 8%,rgba(59,130,246,.11),transparent 28rem),#070b14;color:#edf3fb}button,.ant-select,.ant-segmented,.ant-picker,.ant-pagination-item{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;z-index:20;top:12px;display:flex;align-items:center;width:min(calc(100% - 32px),1600px);min-height:72px;margin:12px auto 0;padding:12px 16px;border:1px solid rgba(72,91,123,.55);border-radius:16px;background:#0a101ce0;box-shadow:0 18px 50px #00000042;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:grid;flex:0 0 auto;width:44px;height:44px;margin-right:12px;place-items:center;border:1px solid rgba(34,197,94,.36);border-radius:12px;background:linear-gradient(145deg,#22c55e2e,#2dd4bf14);color:#4ade80;font-size:22px;box-shadow:inset 0 0 22px #22c55e12}.brand-copy{min-width:0}.brand-copy .ant-typography{margin:0!important}.brand-copy .ant-typography-secondary{font-size:12px}.topbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.topbar-actions .ant-btn-icon{color:#dce7f5;font-size:16px}.connection-status{display:flex;align-items:center;gap:7px;color:#aab5c7;font-size:13px}.dashboard-content{width:min(calc(100% - 32px),1600px);margin:32px auto;flex:1}.control-panel{position:sticky;z-index:15;top:100px;display:flex;align-items:flex-end;gap:8px;margin-bottom:16px;padding:16px;border:1px solid #202c41;border-radius:14px;background:#0d1421f5;box-shadow:0 16px 36px #00000026;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control-group{display:flex;flex-direction:column;gap:8px}.control-label,.section-kicker{color:#8d9ab0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.channel-control{flex:1 1 260px;max-width:320px}.dashboard-filter-control{min-width:130px;flex:0 1 150px}.token-filter-control{flex-basis:180px}.range-control{min-width:260px;flex:1 1 280px}.range-control .ant-picker{width:100%}.bucket-control{flex:0 0 142px}.query-actions{display:flex;flex:0 0 auto;gap:8px}.channel-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:10px 14px;border-left:3px solid #22c55e;border-radius:4px 10px 10px 4px;background:#111b2bb8}.summary-grid{margin-bottom:16px}.performance-grid{display:grid;grid-template-columns:repeat(7,minmax(138px,1fr));gap:10px;margin-bottom:16px}.performance-item{min-width:0;padding:13px 14px;border:1px solid #202c41;border-radius:12px;background:#0d1523db}.performance-item>span,.performance-item>small{display:block;overflow:hidden;color:#7f8ba0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.performance-item>strong{display:block;margin:5px 0 3px;overflow:hidden;color:#eaf2fc;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:18px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.stat-card,.monitor-card,.empty-setup-card{overflow:hidden;border-color:#202c41;background:linear-gradient(150deg,#101827f7,#0a101cf7);box-shadow:0 18px 40px #00000024}.stat-card{position:relative}.stat-card:before{position:absolute;top:0;right:0;left:0;height:2px;content:""}.accent-green:before{background:#22c55e}.accent-teal:before{background:#2dd4bf}.accent-blue:before{background:#60a5fa}.accent-violet:before{background:#a78bfa}.stat-card .ant-statistic-content{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(21px,2.2vw,30px);font-weight:600}.monitor-card{margin-bottom:16px}.card-subtitle{margin-top:2px;color:#7f8ba0;font-size:12px;font-weight:400}.latency-chart{width:100%;height:340px}.chart-empty{display:grid;height:340px;place-items:center}.numeric-text,.metric-good,.metric-warning,.metric-danger{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}.metric-good{color:#4ade80}.metric-warning{color:#fbbf24}.metric-danger{color:#fb7185}.logs-card .ant-table-wrapper{margin:0 -8px}.logs-card .ant-table-cell{white-space:nowrap}.stacked-cell{display:flex;min-width:0;flex-direction:column;gap:4px}.stacked-cell>span{overflow:hidden;text-overflow:ellipsis}.cell-secondary{color:#7f8ba0;font-size:12px}.stream-cell{align-items:flex-start}.stream-cell .ant-tag{margin-inline-end:0}.token-cell .cell-secondary{color:#8d9ab0}.timing-cell{padding-left:9px;border-left:3px solid #40506a}.timing-cell.metric-good{border-left-color:#34d399}.timing-cell.metric-warning{border-left-color:#fbbf24}.timing-cell.metric-danger{border-left-color:#fb7185}.chart-card .ant-card-head-wrapper{gap:16px}.log-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:#8d9ab0}.empty-setup-card{display:grid;min-height:460px;place-items:center}.empty-database-icon{color:#4ade80;font-size:64px;filter:drop-shadow(0 0 24px rgba(34,197,94,.22))}.database-form{margin-top:22px}.connection-section{padding:14px;border:1px solid #243149;border-radius:12px;background:#080d1775}.section-kicker{margin-bottom:14px;color:#4ade80}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px}.drawer-footer{display:flex;justify-content:flex-end;gap:10px}.alert-drawer .ant-drawer-body,.log-explorer-drawer .ant-drawer-body{display:flex;flex-direction:column;gap:16px}.log-filter-card{border-color:#243149;background:#080d1775}.log-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px}.log-filter-field{display:flex;min-width:0;flex-direction:column;gap:7px;color:#8d9ab0;font-size:12px;font-weight:600}.log-filter-field .ant-select,.log-filter-field .ant-picker{width:100%}.log-filter-footer{display:flex;align-items:flex-end;gap:12px;margin-top:12px}.log-range-field{width:min(420px,100%);flex:0 0 min(420px,100%)}.log-channel-tag-controls{display:flex;min-width:0;align-items:flex-end;gap:10px;margin-left:auto}.log-channel-tag-field{width:min(360px,30vw)}.channel-tag-select-option,.channel-tag-color-option{display:inline-flex;align-items:center;gap:9px}.channel-tag-select-option>i,.channel-tag-color-option>i{width:12px;height:12px;flex:0 0 12px;border:1px solid rgba(255,255,255,.34);border-radius:4px;box-shadow:0 0 0 2px #ffffff0a}.channel-tag-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px;overflow:visible!important}.channel-tag-badges .ant-tag{margin:0;font-size:11px;line-height:19px}.channel-tag-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.channel-tag-editor{margin-bottom:18px;padding:16px;border:1px solid #2a3a56;border-radius:12px;background:#2563eb12}.channel-tag-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px}.channel-tag-editor .ant-form-item{margin-bottom:14px}.channel-tag-editor-actions{display:flex;justify-content:flex-end;gap:10px}.channel-tag-channel-summary{display:flex;min-width:0;flex-direction:column;gap:2px}.channel-tag-channel-summary .ant-typography{max-width:350px;margin:0;font-size:12px}.alert-settings-card{border-color:#243149;background:#080d1775}.notification-setting-item,.alert-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-setting-item>div{min-width:0;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.notification-settings-list{display:grid;gap:12px}.notification-setting-item{padding-bottom:12px;border-bottom:1px solid rgba(72,91,123,.32)}.notification-settings-form{margin-top:16px}.notification-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px}.notification-settings-form .ant-form-item{min-width:0;margin-bottom:12px}.alert-section-heading{margin-bottom:16px}.alert-section-heading .ant-typography{margin:0!important}.strategy-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.strategy-channel-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strategy-enabled-field{margin-top:16px;margin-bottom:0}.alert-drawer .ant-table-cell,.log-explorer-drawer .ant-table-cell{white-space:nowrap}.request-id-cell{min-width:0;width:100%}.request-id-cell>.ant-typography{display:flex;min-width:0;width:100%;align-items:center;margin:0}.request-id-cell .ant-typography-copy{flex:0 0 auto;margin-inline-start:8px;color:#60a5fa;font-size:16px}.request-id-value{display:block;min-width:0;overflow:hidden;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.clickable-log-row{cursor:pointer}.clickable-log-row>td{transition:background-color .16s ease,box-shadow .16s ease}.clickable-log-row:hover>td{background:#2563eb1a!important}.channel-tag-highlight>td{background:var(--channel-tag-background)!important}.channel-tag-highlight>td:first-child{box-shadow:inset 4px 0 var(--channel-tag-accent)}.channel-tag-highlight:hover>td{background:var(--channel-tag-background-hover)!important}.clickable-log-row:focus-visible{outline:none}.clickable-log-row:focus-visible>td{background:#2563eb1f!important;box-shadow:inset 0 1px #60a5fa,inset 0 -1px #60a5fa}.log-detail-modal .ant-modal-content{overflow:hidden;border:1px solid #2b3951;background:#0c1422;box-shadow:0 28px 90px #0000008f}.log-detail-modal .ant-modal-header{margin-bottom:0;padding-bottom:16px;border-bottom:1px solid #22304a;background:transparent}.log-detail-modal .ant-modal-body{max-height:min(76vh,840px);padding-top:18px;overflow-y:auto}.log-detail-content{display:flex;min-width:0;flex-direction:column;gap:18px}.log-detail-overview{display:flex;min-width:0;flex-direction:column;gap:8px;padding:14px;border:1px solid #243149;border-radius:12px;background:#070c1594}.log-detail-section{min-width:0}.log-detail-section-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#e5edf8;font-size:14px;font-weight:700}.log-detail-section-title .anticon{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(96,165,250,.32);border-radius:8px;background:#3b82f61a;color:#60a5fa}.log-detail-section-body{display:flex;min-width:0;flex-direction:column;gap:8px;padding:13px 14px;border:1px solid #243149;border-radius:12px;background:#080d177a}.log-detail-section.is-danger .log-detail-section-title{color:#fb7185}.log-detail-section.is-danger .log-detail-section-title .anticon{border-color:#f43f5e61;background:#f43f5e1f;color:#fb7185}.log-detail-section.is-danger .log-detail-section-body{border-color:#f43f5e57;background:#4c051926}.log-detail-row{display:grid;min-width:0;grid-template-columns:138px minmax(0,1fr);align-items:start;gap:12px}.log-detail-label{color:#8491a7;font-size:13px}.log-detail-value.ant-typography{min-width:0;margin:0;overflow-wrap:anywhere;color:#e5edf8;font-size:13px}.log-detail-value.ant-typography.metric-good{color:#4ade80}.log-detail-value.ant-typography.metric-warning{color:#fbbf24}.log-detail-value.ant-typography.metric-danger{color:#fb7185}.log-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.log-detail-tags .ant-tag{margin:0}.log-detail-content-text.ant-typography,.log-detail-error-text{margin:0;color:#dce7f5;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.72;overflow-wrap:anywhere;white-space:pre-wrap}.log-detail-error-text{max-height:260px;padding:10px;overflow:auto;border:1px solid rgba(244,63,94,.24);border-radius:8px;background:#070c1594;color:#fecdd3}.app-footer{display:flex;justify-content:space-between;width:min(calc(100% - 32px),1600px);margin:0 auto;padding:0 0 22px;color:#647089;font-size:12px}@media(max-width:1250px){.control-panel{flex-wrap:wrap}.range-control{width:100%;flex-basis:100%;margin-left:0}.performance-grid{grid-template-columns:repeat(4,minmax(138px,1fr))}.log-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:700px){.topbar,.dashboard-content,.app-footer{width:min(calc(100% - 20px),1600px)}.topbar{top:8px;margin-top:8px}.brand-copy .ant-typography-secondary,.connection-status,.topbar-actions .ant-btn>span:last-child{display:none}.topbar-actions{gap:6px}.dashboard-content{margin-top:22px}.control-panel{top:92px;align-items:stretch}.channel-control{max-width:none}.dashboard-filter-control{min-width:0;flex:1 1 calc(50% - 6px)}.range-control .ant-picker{width:100%}.bucket-control{flex-basis:auto}.query-actions{width:100%}.query-actions .ant-btn{flex:1}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-item:last-child{grid-column:1 / -1}.chart-card .ant-card-head-wrapper{align-items:flex-start;flex-direction:column}.chart-card .ant-card-extra{width:100%;margin-inline-start:0}.chart-card .ant-segmented,.chart-card .ant-segmented-group{width:100%}.chart-card .ant-segmented-group{display:grid;grid-template-columns:repeat(2,1fr)}.channel-strip,.log-pagination,.app-footer{align-items:flex-start;flex-direction:column}.log-pagination .ant-pagination{width:100%}.latency-chart,.chart-empty{height:300px}.form-grid{grid-template-columns:1fr;gap:0}.notification-setting-item,.alert-section-heading{align-items:stretch;flex-direction:column}.notification-setting-item>.ant-btn,.alert-section-heading>.ant-btn{width:100%}.notification-settings-grid,.strategy-form-grid,.log-filter-grid{grid-template-columns:1fr}.log-filter-footer{align-items:stretch;flex-direction:column}.log-range-field,.log-channel-tag-controls,.log-channel-tag-field{width:100%;flex-basis:auto}.log-channel-tag-controls{align-items:stretch;flex-direction:column;margin-left:0}.log-channel-tag-controls .ant-btn{width:100%}.channel-tag-manager-toolbar{align-items:stretch;flex-direction:column}.channel-tag-manager-toolbar .ant-btn{width:100%}.channel-tag-editor-grid{grid-template-columns:1fr}.notification-settings-form>.ant-btn{width:100%}.log-detail-modal{max-width:calc(100vw - 16px);margin:8px auto}.log-detail-modal .ant-modal-body{max-height:78vh}.log-detail-row{grid-template-columns:96px minmax(0,1fr);gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}