:root,[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: rgba(255, 255, 255, .85);--header-bg: rgba(255, 255, 255, .85);--header-border: rgba(226, 232, 240, .8);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--backdrop-blur: blur(12px) saturate(180%);--app-max-width: 1200px}[data-theme=dark]{--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-card: rgba(15, 23, 42, .85);--header-bg: rgba(15, 23, 42, .85);--header-border: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--backdrop-blur: blur(12px) saturate(180%);--app-max-width: 1200px}:root{--color-primary: #1677ff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--header-height: 64px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.ant-pagination .ant-select-dropdown,.ant-table-pagination .ant-select-dropdown{z-index:1050!important}.metric-panel__loading-line{position:absolute;top:0;left:0;width:24%;height:2px;background:var(--color-primary);border-radius:0 2px 2px 0;animation:metric-panel-loading .9s ease-in-out infinite}*{box-sizing:border-box}#root,.ant-layout,.ant-layout-content,.ant-card,.ant-card-body,.ant-space,.ant-space-item{min-width:0}.ant-table-wrapper{max-width:100%;overflow-x:auto}.ant-card-head-wrapper,.ant-card-extra{min-width:0}.ant-typography,.ant-table-cell{overflow-wrap:break-word;word-break:normal}.monitoring-view{width:100vw;min-height:100vh;padding:12px;box-sizing:border-box;background:var(--bg-primary);overflow:auto}.monitoring-view>.ant-space{min-height:calc(100vh - 24px)}.monitoring-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.metric-chart{position:relative;width:100%;height:350px}.metric-chart--compact{height:220px}@media (max-width: 767px){.customer-header{padding-inline:12px!important}.customer-header .ant-space{gap:6px!important}.customer-header .ant-tag{max-width:min(42vw,180px);margin-inline-end:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-content{padding:12px 12px 24px!important}.customer-footer{padding:12px 12px 20px!important}.ant-card-head{min-height:48px;padding-inline:14px!important}.ant-card-head-title,.ant-card-extra{padding-block:10px!important}.ant-card-extra .ant-space,.ant-modal-footer{flex-wrap:wrap}.ant-card-body{padding:14px!important}.ant-card-small>.ant-card-body{padding:12px!important}.ant-card-head-wrapper{align-items:flex-start;gap:8px;flex-wrap:wrap}.ant-card-extra{margin-inline-start:0!important;max-width:100%}.monitoring-view{padding:8px}.monitoring-view>.ant-space{min-height:calc(100vh - 16px)}.monitoring-filter-bar{align-items:stretch;gap:10px;flex-direction:column}.monitoring-filter-bar>.ant-space,.monitoring-filter-bar>.ant-btn{width:100%}.monitoring-filter-bar .ant-space-item,.monitoring-filter-bar .ant-select,.monitoring-filter-bar .ant-input-number,.monitoring-filter-bar .ant-segmented{width:100%!important;min-width:0!important}.monitoring-filter-bar .ant-segmented-group{width:100%}.monitoring-filter-bar .ant-segmented-item{flex:1;min-width:0}.metric-chart,.metric-chart--compact{height:240px}.ant-table-wrapper .ant-table-pagination{margin:12px 0 0!important}}@keyframes metric-panel-loading{0%{transform:translate(-100%)}to{transform:translate(525%)}}@media (prefers-reduced-motion: reduce){.metric-panel__loading-line{animation:none}}