:root{--primary-color: #1677ff;--primary-color-rgb: 22, 119, 255}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#1f2937;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-card{border-radius:12px;box-shadow:0 1px 3px #0000000d;transition:box-shadow .3s ease}.ant-card:hover{box-shadow:0 0 12px rgba(var(--primary-color-rgb),.25),0 4px 12px #00000014}.ant-card-head{border-bottom:1px solid #f0f0f0}.ant-card-head-title{font-weight:600}.ant-table{border-radius:12px;overflow:hidden}.ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#374151}.ant-table-tbody>tr:hover>td{background:#f5f7fa}.ant-table-tbody>tr.disabled-row>td{background:#d9d9d9!important;color:#666!important}.ant-table-tbody>tr.disabled-row>td:first-child{border-left:4px solid #999!important}.ant-table-tbody>tr.disabled-row>td:last-child{border-right:4px solid #999!important}.ant-table-tbody>tr.disabled-row:hover>td{background:silver!important}.dark-mode .ant-table-tbody>tr.disabled-row>td{background:#3a3a3a!important;color:#888!important}.dark-mode .ant-table-tbody>tr.disabled-row>td:first-child{border-left:4px solid #555!important}.dark-mode .ant-table-tbody>tr.disabled-row>td:last-child{border-right:4px solid #555!important}.dark-mode .ant-table-tbody>tr.disabled-row:hover>td{background:#444!important}.ant-btn{border-radius:6px;font-weight:500;transition:all .2s ease}.ant-btn-primary{box-shadow:0 2px 4px rgba(var(--primary-color-rgb),.2)}.ant-btn-primary:hover{box-shadow:0 4px 8px rgba(var(--primary-color-rgb),.3)}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-input-number{border-radius:6px}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.ant-modal-content{border-radius:12px;overflow:hidden}.ant-modal-header{border-bottom:1px solid #f0f0f0}.ant-modal-footer{border-top:1px solid #f0f0f0}.ant-card{transition:transform .2s ease,box-shadow .2s ease}.ant-card:hover{transform:translateY(-4px);box-shadow:0 0 16px rgba(var(--primary-color-rgb),.3),0 8px 16px #0000001a}.stat-card-hover{transition:transform .2s ease,box-shadow .2s ease;text-align:center}.stat-card-hover:hover{transform:translateY(-4px);box-shadow:0 0 16px rgba(var(--primary-color-rgb),.4),0 8px 16px #0000001a}.stat-card-hover .ant-statistic-title{text-align:center}.stat-card-hover .ant-statistic-content{justify-content:center}.ant-tag{border-radius:4px;font-weight:500}.ant-progress-inner{border-radius:100px}.ant-statistic-title{color:#6b7280;font-size:13px}.ant-statistic-content-value{font-weight:600}.ant-descriptions-bordered .ant-descriptions-item-label{background:#fafafa;font-weight:500}.ant-menu-horizontal{border-bottom:none}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{padding:0 20px;font-size:15px;font-weight:500;line-height:60px}.ant-menu-horizontal>.ant-menu-item .ant-menu-title-content,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-title-content{font-size:15px}.ant-menu-horizontal>.ant-menu-item .anticon,.ant-menu-horizontal>.ant-menu-submenu .anticon{font-size:16px}.ant-menu-horizontal>.ant-menu-item:after,.ant-menu-horizontal>.ant-menu-submenu:after{border-bottom-width:3px;border-radius:3px 3px 0 0}.ant-breadcrumb{font-size:14px}.ant-breadcrumb-link{color:#6b7280}.ant-breadcrumb-link:hover{color:var(--primary-color)}.ant-alert{border-radius:8px}.ant-dropdown-menu{border-radius:8px;box-shadow:0 6px 16px #00000014}.ant-table{border:1px solid #e8e8e8;border-radius:8px}.ant-table-thead>tr>th{background:#fafafa!important;border-bottom:2px solid #e8e8e8!important;font-weight:600}.ant-table-tbody>tr>td{border-bottom:1px solid #e8e8e8!important}.ant-table-tbody>tr:hover>td{background:#f5f5f5!important}.ant-tabs-tab{font-weight:500}.ant-collapse{border-radius:8px;overflow:hidden}.ant-collapse-header{font-weight:500}.ant-form-item-label>label{font-weight:500;color:#374151}.ant-divider-horizontal.ant-divider-with-text{color:#6b7280;font-weight:500}.ant-badge-status-text{font-weight:500}.ant-tooltip-inner{border-radius:6px}.ant-select-dropdown,.ant-message-notice-content{border-radius:8px;box-shadow:0 6px 16px #00000014}.ant-notification-notice{border-radius:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media(max-width:768px){.hide-on-mobile{display:none!important}}@media(min-width:769px){.hide-on-desktop{display:none!important}}.dark-mode .stat-card-hover{background:#2d2d2d!important;border-color:#404040!important}.dark-mode .stat-card-hover .ant-statistic-title{color:#a3a3a3!important}.dark-mode .stat-card-hover .ant-statistic-content-value{color:#fff!important}.dark-mode .ant-card{background:#1f1f1f!important;border-color:#303030!important}.dark-mode .ant-card-head{background:#1f1f1f!important;border-color:#303030!important;color:#fff!important}.dark-mode .ant-card-head-title{color:#fff!important}.dark-mode .ant-card-body{color:#e5e5e5!important}.dark-mode .ant-table{background:#1f1f1f!important;border-color:#404040!important}.dark-mode .ant-table-thead>tr>th{background:#2d2d2d!important;border-color:#404040!important;color:#fff!important}.dark-mode .ant-table-tbody>tr>td{background:#1f1f1f!important;border-color:#404040!important;color:#e5e5e5!important}.dark-mode .ant-table-tbody>tr:hover>td{background:#2d2d2d!important}.dark-mode .terminal-panel{background:#0d1117!important;border-color:#30363d!important}.dark-mode .terminal-panel .terminal-line{color:#c9d1d9!important}.dark-mode .terminal-panel .terminal-time{color:#8b949e!important}.dark-mode .terminal-panel .terminal-success{color:#3fb950!important}.dark-mode .terminal-panel .terminal-error{color:#f85149!important}.dark-mode .terminal-panel .terminal-warning{color:#d29922!important}.dark-mode .ant-typography{color:#e5e5e5!important}.dark-mode .ant-typography.ant-typography-secondary{color:#a3a3a3!important}.dark-mode h1.ant-typography,.dark-mode h2.ant-typography,.dark-mode h3.ant-typography,.dark-mode h4.ant-typography,.dark-mode h5.ant-typography{color:#fff!important}.dark-mode .ant-descriptions-bordered .ant-descriptions-item-label{background:#2d2d2d!important;color:#a3a3a3!important;border-color:#404040!important}.dark-mode .ant-descriptions-bordered .ant-descriptions-item-content{background:#1f1f1f!important;color:#e5e5e5!important;border-color:#404040!important}.dark-mode .ant-typography code{background:#2d2d2d!important;border-color:#404040!important;color:#e5e5e5!important}.dark-mode .ant-progress-text{color:#e5e5e5!important}.tech-tag-hover:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 12px rgba(var(--primary-color-rgb),.5),0 4px 12px rgba(var(--primary-color-rgb),.3)}.feature-item-hover:hover,.port-card-hover:hover{transform:translateY(-2px);box-shadow:0 0 12px rgba(var(--primary-color-rgb),.4),0 4px 12px #0000001a;border-color:var(--primary-color)!important;background:#fff!important}