.app-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 24px;overflow:visible;position:sticky;top:0;z-index:1000;background:#001529}.app-logo{display:flex;align-items:center;color:#fff;font-size:18px;font-weight:600;flex-shrink:0;overflow:visible}.app-logo-icon{margin-right:12px;font-size:24px;position:relative;z-index:10}.app-search{flex:1;max-width:400px;margin:0 24px}.app-search .ant-select-selector,.app-search .ant-input{background:#ffffffe6!important;border:1px solid rgba(255,255,255,.3)!important;color:#000000e0!important}.app-search .ant-input::placeholder{color:#00000059!important}.app-search .ant-select-arrow,.app-search .ant-input-prefix{color:#00000073!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;justify-content:flex-end}.app-current-page{color:#ffffffa6;font-size:14px;padding-left:14px;margin-left:14px;border-left:1px solid rgba(255,255,255,.25);white-space:nowrap;flex-shrink:0}.app-navigation{background:transparent;border-bottom:none;justify-content:center;align-items:center;font-size:15px}.ant-menu.app-navigation>.ant-menu-item,.ant-menu.app-navigation>.ant-menu-submenu{height:40px;line-height:40px;border-radius:10px;margin:0 3px;color:#ffffffd9;transition:background-color .2s ease,color .2s ease}.app-navigation>.ant-menu-item,.app-navigation>.ant-menu-submenu>.ant-menu-submenu-title{padding-inline:14px}.app-navigation.ant-menu-horizontal>.ant-menu-item:after,.app-navigation.ant-menu-horizontal>.ant-menu-submenu:after{border-bottom:none!important;inset-inline:0}.app-navigation>.ant-menu-item:hover,.app-navigation>.ant-menu-submenu:hover,.app-navigation>.ant-menu-submenu-active,.app-navigation>.ant-menu-submenu-open{color:#fff;background-color:#ffffff24}.app-navigation>.ant-menu-item-selected,.app-navigation>.ant-menu-submenu-selected{color:#fff;background-color:#1890ff}.ant-menu-submenu-popup .ant-menu.ant-menu-sub{border-radius:12px;padding:6px;min-width:190px}.ant-menu-submenu-popup .ant-menu.ant-menu-sub .ant-menu-item{border-radius:8px;margin:2px 0;font-size:15px}@media (max-width: 1200px){.app-search{max-width:300px;margin:0 16px}}@media (max-width: 992px){.app-header{padding:0 16px}.app-logo{font-size:16px}.app-search{max-width:250px;margin:0 12px}}@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}.app-user-info{order:2}.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-card-interactive:focus-visible{outline:2px solid #1890ff;outline-offset:2px;box-shadow:0 0 0 4px #1890ff33}.ant-card.kpi-card-interactive:focus-visible{outline:2px solid #1890ff;outline-offset:2px;box-shadow:0 0 0 4px #1890ff33}.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:100%}.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;overflow-x:auto}.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}}