html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}*{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}