.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease}.chart-container:hover{box-shadow:0 4px 16px #00000026}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.kpi-grid .ant-card{text-align:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.kpi-grid .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.page-container{padding:24px;background:#f5f5f5;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.page-title{margin:0!important;color:#1890ff;display:flex;align-items:center}.page-subtitle{margin:8px 0 0!important;color:#666;font-size:14px}.ant-card .ant-card-head-title{font-weight:600;color:#333}.status-indicator.healthy{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-indicator.warning{background:#fffbe6;color:#faad14;border:1px solid #ffe58f}.status-indicator.critical{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}@media (max-width: 768px){.page-container{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.kpi-grid{grid-template-columns:1fr}}.chart-loading{display:flex;align-items:center;justify-content:center;height:300px;color:#666}.chart-container .ant-card-body{padding:16px}.ant-table-tbody{scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.ant-table-tbody::-webkit-scrollbar{width:6px}.ant-table-tbody::-webkit-scrollbar-track{background:transparent}.ant-table-tbody::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:3px}.ant-table-tbody::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}.app-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 24px}.app-logo{display:flex;align-items:center;color:#fff;font-size:18px;font-weight:600;flex-shrink:0;min-width:200px}.app-logo-icon{margin-right:12px;font-size:24px}.app-search{flex:1;max-width:400px;margin:0 24px}.app-search .ant-select-selector,.app-search .ant-input{background:#ffffff26!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important}.app-search .ant-input::placeholder{color:#ffffffa6!important}.app-search .ant-select-arrow,.app-search .ant-input-prefix{color:#ffffffa6!important}.app-search .ant-select-selector:hover,.app-search .ant-input:hover{border-color:#ffffff80!important}.app-search .ant-select-focused .ant-select-selector,.app-search .ant-input:focus{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.app-user-info{display:flex;align-items:center;color:#ffffffd9;flex-shrink:0;min-width:200px;justify-content:flex-end}.app-navigation{background:transparent;border-bottom:none;flex-shrink:0}.app-navigation .ant-menu-item{color:#ffffffd9}.app-navigation .ant-menu-item:hover{color:#fff}.app-navigation .ant-menu-item-selected{color:#fff;background-color:#ffffff1a}@media (max-width: 1200px){.app-search{max-width:300px;margin:0 16px}}@media (max-width: 992px){.app-header{padding:0 16px}.app-logo{min-width:150px;font-size:16px}.app-search{max-width:250px;margin:0 12px}.app-user-info{min-width:150px}}@media (max-width: 768px){.app-header{flex-wrap:wrap;padding:8px 16px}.app-search{order:3;flex-basis:100%;max-width:none;margin:8px 0 0}.app-logo{order:1;min-width:auto}.app-user-info{order:2;min-width:auto}.app-navigation{order:4;flex-basis:100%;margin-top:8px}}.page-container{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.page-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.page-title{margin:0;font-size:24px;font-weight:600;color:#262626}.page-subtitle{margin:4px 0 0;color:#8c8c8c;font-size:14px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #f0f0f0;transition:box-shadow .2s}.kpi-card:hover{box-shadow:0 4px 12px #0000001a}.kpi-value{font-size:32px;font-weight:700;margin:0;line-height:1.2}.kpi-label{color:#8c8c8c;font-size:14px;margin:4px 0 0}.kpi-trend{display:flex;align-items:center;margin-top:8px;font-size:12px}.kpi-trend.positive{color:#52c41a}.kpi-trend.negative{color:#ff4d4f}.kpi-trend.neutral{color:#8c8c8c}.chart-container{background:#fff;border-radius:8px;padding:20px;border:1px solid #f0f0f0;margin-bottom:16px}.chart-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#262626}.filter-panel{background:#fff;border-radius:8px;padding:16px;border:1px solid #f0f0f0;margin-bottom:16px}.filter-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.filter-item{min-width:200px}.data-table-container{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #f0f0f0}.table-toolbar{padding:16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.table-actions{display:flex;gap:8px}.status-indicator{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-indicator.normal{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.status-indicator.warning{background:#fffbe6;color:#d48806;border:1px solid #ffe58f}.status-indicator.critical{background:#fff2f0;color:#cf1322;border:1px solid #ffccc7}@media (max-width: 768px){.kpi-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.filter-item{min-width:auto}.table-toolbar{flex-direction:column;gap:12px;align-items:stretch}}@media (max-width: 576px){.page-container,.chart-container,.kpi-card{padding:16px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}#root{height:100vh;width:100vw}.ant-layout{min-height:100vh}.ant-layout-header{padding:0 24px;display:flex;align-items:center;justify-content:space-between}.ant-layout-content{padding:24px;background:#f0f2f5}.text-center{text-align:center}.text-right{text-align:right}.mb-0{margin-bottom:0!important}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.health-normal{color:#52c41a}.health-warning{color:#faad14}.health-critical{color:#ff4d4f}.health-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.health-dot.normal{background-color:#52c41a}.health-dot.warning{background-color:#faad14}.health-dot.critical{background-color:#ff4d4f}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}@media (max-width: 768px){.ant-layout-content{padding:16px}.ant-layout-header{padding:0 16px}}@media print{.ant-layout-sider,.ant-layout-header{display:none!important}.ant-layout-content{padding:0;background:#fff}}