*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.logo{color:#fff;letter-spacing:.5px;background:#ffffff29;border-radius:8px;justify-content:center;align-items:center;height:56px;margin:12px;font-weight:600;display:flex}.main-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:0 16px}.page-container{min-height:calc(100vh - 132px)}.login-page{background:linear-gradient(135deg,#153677 0%,#4e085f 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{background:radial-gradient(circle at 20% 20%,#fff3,#0000 40%),radial-gradient(circle at 80% 80%,#ffffff26,#0000 40%);position:absolute;inset:0}.login-card{z-index:1;border-radius:16px;width:460px;max-width:calc(100vw - 24px);position:relative;box-shadow:0 10px 35px #0003}.viz-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);min-height:100vh;padding:16px}.viz-header{text-align:center;border-bottom:1px solid #3b82f64d;margin-bottom:20px;padding:20px 0}.viz-title{text-shadow:0 0 20px #3b82f680;color:#fff!important;margin-bottom:8px!important;font-size:28px!important}.viz-title .anticon{color:#3b82f6;margin-right:12px}.viz-subtitle{font-size:14px;color:#94a3b8!important}.viz-stats-row{margin-bottom:16px}.stat-card{transition:all .3s;background:linear-gradient(135deg,#1e293bcc 0%,#0f172ae6 100%)!important;border:1px solid #3b82f633!important;border-radius:12px!important}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f633;border-color:#3b82f666!important}.stat-card .ant-statistic-title{margin-bottom:8px;font-size:13px;color:#94a3b8!important}.stat-card .ant-statistic-content{font-size:28px;font-weight:600}.stat-card .ant-statistic-content-prefix{margin-right:8px;font-size:20px}.stat-card.running{border-left:4px solid #10b981!important}.stat-card.fault{border-left:4px solid #ef4444!important}.stat-card.efficiency{border-left:4px solid #f59e0b!important}.stat-card.alert{border-left:4px solid #ef4444!important}.stat-card.revenue{border-left:4px solid #3b82f6!important}.stat-card.profit{border-left:4px solid #10b981!important}.stat-card.orders{border-left:4px solid #f59e0b!important}.stat-card.customers{border-left:4px solid #8b5cf6!important}.stat-trend{align-items:center;gap:8px;margin-top:8px;display:flex}.stat-trend .trend-text{color:#64748b;font-size:12px}.viz-content{margin-bottom:16px}.viz-card{height:100%;transition:all .3s;background:linear-gradient(135deg,#1e293bcc 0%,#0f172ae6 100%)!important;border:1px solid #3b82f633!important;border-radius:12px!important}.viz-card:hover{box-shadow:0 4px 16px #3b82f626;border-color:#3b82f666!important}.viz-card-header{border-bottom:1px solid #3b82f633;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.viz-card-icon{color:#3b82f6;background:linear-gradient(135deg,#3b82f64d 0%,#2563eb4d 100%);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.viz-card-icon.alert-icon{color:#ef4444;background:linear-gradient(135deg,#ef44444d 0%,#dc26264d 100%)}.viz-card-title{font-weight:500;color:#fff!important;margin:0!important;font-size:16px!important}.viz-card-content{height:calc(100% - 60px)}.alarm-list-container{max-height:280px;overflow-y:auto}.alarm-list-container::-webkit-scrollbar{width:4px}.alarm-list-container::-webkit-scrollbar-track{background:#1e293b80;border-radius:2px}.alarm-list-container::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:2px}.alarm-item{background:#1e293b80;border:1px solid #3b82f61a;border-radius:8px;margin-bottom:8px;transition:all .3s;padding:12px!important}.alarm-item:hover{background:#3b82f61a;border-color:#3b82f64d}.alarm-info{flex:1;align-items:flex-start;gap:10px;display:flex}.alarm-detail{flex:1}.alarm-title{align-items:center;gap:8px;margin-bottom:4px;display:flex}.alarm-device{font-size:14px;color:#fff!important}.alarm-level{height:18px;padding:0 6px;font-size:11px;line-height:18px}.alarm-type{font-size:12px;display:block;color:#94a3b8!important}.alarm-time{margin-top:2px;font-size:11px;display:block;color:#64748b!important}.alarm-status{font-size:11px}.alert-list-container{max-height:280px;overflow-y:auto}.alert-list-container::-webkit-scrollbar{width:4px}.alert-list-container::-webkit-scrollbar-track{background:#1e293b80;border-radius:2px}.alert-list-container::-webkit-scrollbar-thumb{background:#ef444480;border-radius:2px}.alert-item{background:#1e293b80;border:1px solid #ef444433;border-radius:8px;margin-bottom:8px;transition:all .3s;padding:12px!important}.alert-item:hover{background:#ef44441a;border-color:#ef444466}.alert-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.alert-code{font-size:13px;color:#fff!important}.alert-tag{height:16px;padding:0 4px;font-size:10px;line-height:16px}.alert-name{margin-bottom:4px;font-size:13px;display:block;color:#94a3b8!important}.alert-detail{gap:16px;display:flex}.alert-stock{font-size:12px;color:#ef4444!important}.alert-min{font-size:12px;color:#f59e0b!important}.alert-warehouse{font-size:12px;color:#64748b!important}.viz-table,.viz-table .ant-table{background:0 0}.viz-table .ant-table-thead>tr>th{color:#94a3b8;background:#3b82f61a;border-bottom:1px solid #3b82f633;font-weight:500}.viz-table .ant-table-tbody>tr>td{color:#e2e8f0;background:0 0;border-bottom:1px solid #3b82f61a}.viz-table .ant-table-tbody>tr:hover>td{background:#3b82f61a}.summary-card{padding:16px}.summary-content{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:16px;display:flex}.summary-item{background:#1e293b80;border:1px solid #3b82f61a;border-radius:10px;align-items:center;gap:12px;padding:12px 20px;transition:all .3s;display:flex}.summary-item:hover{background:#3b82f61a;border-color:#3b82f64d;transform:translateY(-2px)}.summary-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.summary-info{flex-direction:column;display:flex}.summary-label{font-size:12px;color:#94a3b8!important}.summary-value{font-size:18px;font-weight:600;color:#fff!important}.summary-divider{background:#3b82f64d!important;height:40px!important}.animated-number{font-variant-numeric:tabular-nums}.viz-card .ant-progress-bg{border-radius:4px}.viz-card .ant-progress-text{color:#94a3b8}.viz-card .ant-tag{border-radius:4px}@media (width<=768px){.viz-page{padding:12px}.viz-title{font-size:22px!important}.stat-card .ant-statistic-content{font-size:22px}.summary-content{flex-direction:column}.summary-divider{display:none}.summary-item{justify-content:center;width:100%}}.viz-page .ant-card,.viz-page .ant-list{color:#e2e8f0}.viz-page .ant-list-item{border-bottom:none}.viz-page .ant-badge-status-text{color:#94a3b8}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}