*{box-sizing:border-box}html,body{color:#152033;background:#edf2f7;min-height:100%;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button,select,input{border:1px solid #cdd7e3}button{cursor:pointer}a{color:inherit;text-decoration:none}body{overflow:hidden}input,select{color:#152033;background:#fff;border-radius:3px;outline:none;min-height:32px;padding:0 10px}input:focus,select:focus{border-color:#0e8f9c;box-shadow:0 0 0 2px #0e8f9c29}.login-page{color:#ecf5f6;background:#10212f;grid-template-columns:420px 1fr;min-height:100vh;display:grid}.login-panel{color:#152033;background:#f7fafc;flex-direction:column;justify-content:center;min-height:100vh;padding:56px;display:flex}.login-brand{align-items:center;gap:14px;margin-bottom:34px;display:flex}.login-brand svg{color:#0e8f9c}.login-brand strong{font-size:28px;display:block}.login-brand span{color:#56677c;margin-top:4px;font-size:13px;display:block}.login-form{gap:16px;display:grid}.login-form label{color:#3b4b60;gap:7px;font-size:13px;display:grid}.login-form input{height:38px}.login-form button,.module-header__actions button,.button-link,.filter-bar button,.action-row button{color:#fff;background:#0e8f9c;border:1px solid #0e8f9c;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:0 14px;font-weight:600;display:inline-flex}.button-link--secondary,.module-header__actions button+button,.filter-bar button,.action-row button+button{color:#1f3447;background:#fff;border-color:#c9d5e1}.checkbox-line{grid-template-columns:auto 1fr;align-items:center;gap:8px!important;display:flex!important}.checkbox-line input{min-height:auto}.login-panel footer{color:#6a7a8d;justify-content:space-between;margin-top:26px;font-size:12px;display:flex}.login-status{background:linear-gradient(90deg,#10212fe6,#10212f9e),repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 40px);flex-direction:column;justify-content:end;min-height:100vh;padding:72px;display:flex}.login-status h1{letter-spacing:0;margin:0 0 24px;font-size:42px}.login-kpis{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;display:grid}.login-kpis span{background:#0d2a3ac2;border:1px solid #69d2da59;padding:18px}.console-shell{grid-template-columns:240px 1fr;height:100vh;display:grid;overflow:hidden}.console-shell--collapsed{grid-template-columns:72px 1fr}.sidebar{color:#d8e5ef;background:#17212b;border-right:1px solid #0f1a24;flex-direction:column;min-width:0;display:flex}.sidebar__brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;height:56px;padding:0 12px;display:flex}.sidebar__brand strong,.sidebar__brand span{white-space:nowrap;display:block}.sidebar__brand strong{color:#fff;font-size:15px}.sidebar__brand span{color:#95a9b9;margin-top:2px;font-size:11px}.console-shell--collapsed .sidebar__brand div,.console-shell--collapsed .nav-group span,.console-shell--collapsed .nav-group svg:last-child,.console-shell--collapsed .nav-children{display:none}.sidebar__nav{padding:8px 8px 18px;overflow:auto}.nav-section{margin-bottom:2px}.nav-group{color:#c9d6e2;text-align:left;background:0 0;border:0;border-radius:3px;grid-template-columns:20px 1fr 16px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 9px;display:grid}a.nav-group{grid-template-columns:20px 1fr;display:grid}.console-shell--collapsed .nav-group{justify-content:center;display:flex}.nav-group:hover,.nav-group--active{color:#fff;background:#233241}.nav-children{gap:1px;padding:2px 0 5px 28px;display:grid}.nav-child{color:#aebfcd;border-radius:3px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;display:flex}.nav-child:hover,.nav-child--active{color:#fff;background:#0e8f9c}.workspace{grid-template-rows:56px 1fr;min-width:0;display:grid;overflow:hidden}.topbar{background:#fff;border-bottom:1px solid #d8e1ea;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.topbar__context{min-width:190px}.topbar__context span{color:#65778a;font-size:12px;display:block}.topbar__context strong{margin-top:2px;font-size:14px;display:block}.global-search{background:#f8fafc;border:1px solid #cdd7e3;border-radius:3px;flex:1;align-items:center;gap:8px;max-width:560px;height:34px;padding:0 10px;display:flex}.global-search input{background:0 0;border:0;flex:1;height:30px;min-height:0;padding:0}.topbar__tool,.topbar__user{color:#2f4358;background:#fff;border-radius:3px;align-items:center;gap:7px;height:32px;padding:0 10px;display:inline-flex}.icon-button{width:30px;height:30px;color:inherit;background:0 0;border-radius:3px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{color:#0b7782;background:#0e8f9c1f}.workspace__content{padding:14px;overflow:auto}.module-page{gap:12px;min-width:1024px;display:grid}.module-header{background:#fff;border:1px solid #d8e1ea;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.module-header span{color:#0e8f9c;font-size:12px;font-weight:700}.module-header h1{letter-spacing:0;margin:4px 0 5px;font-size:22px}.module-header p{color:#607287;margin:0;font-size:13px}.module-header__actions,.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;display:grid}.metric-card{background:#fff;border:1px solid #d8e1ea;border-left:4px solid #26a269;min-height:94px;padding:12px}.metric-card--critical{border-left-color:#d64545}.metric-card--high{border-left-color:#e17828}.metric-card--medium{border-left-color:#d8a109}.metric-card__header{color:#5f7286;align-items:center;gap:7px;font-size:12px;display:flex}.metric-card strong{letter-spacing:0;margin-top:10px;font-size:28px;display:block}.metric-card small{color:#708196;margin-top:4px;display:block}.risk-dot{background:#26a269;border-radius:999px;width:8px;height:8px}.risk-dot--critical{background:#d64545}.risk-dot--high{background:#e17828}.risk-dot--medium{background:#d8a109}.risk-dot--low{background:#2d78bf}.status-badge{white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;min-width:50px;height:22px;padding:0 7px;font-size:12px;display:inline-flex}.status-badge--critical{color:#b42323;background:#fde8e8}.status-badge--high{color:#ad4f00;background:#fff0df}.status-badge--medium{color:#8d6500;background:#fff7d7}.status-badge--low{color:#275f9f;background:#e7f0fd}.status-badge--normal{color:#18734c;background:#e5f7ef}.filter-bar{background:#fff;border:1px solid #d8e1ea;align-items:end;gap:10px;padding:10px 12px;display:flex}.filter-bar label{color:#5e7085;gap:4px;font-size:12px;display:grid}.filter-bar input{width:240px}.filter-bar select{width:140px}.table-wrap{background:#fff;border:1px solid #d8e1ea;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:980px;font-size:13px}.data-table th{color:#4c5d70;text-align:left;background:#f3f7fb;border-bottom:1px solid #d8e1ea;height:38px;padding:0 10px;font-weight:700}.data-table td{color:#203144;white-space:nowrap;border-bottom:1px solid #edf1f5;height:42px;padding:0 10px}.data-table tbody tr:hover{background:#f5fbfc}.data-table__actions{width:84px;text-align:right!important}.pagination-bar{color:#65778a;background:#fff;border:1px solid #d8e1ea;justify-content:space-between;align-items:center;min-height:38px;padding:0 12px;font-size:12px;display:flex}.pagination-bar div{align-items:center;gap:8px;display:flex}.pagination-bar button{color:#31445a;background:#fff;border-radius:3px;min-height:26px;padding:0 9px}.detail-drawer{z-index:20;background:#fff;border-left:1px solid #c8d4e0;width:520px;max-width:calc(100vw - 260px);transition:transform .16s;position:fixed;top:56px;bottom:0;right:0;transform:translate(104%);box-shadow:-12px 0 24px #182a3c24}.detail-drawer--open{transform:translate(0)}.detail-drawer__header{border-bottom:1px solid #d8e1ea;justify-content:space-between;align-items:center;min-height:58px;padding:10px 14px;display:flex}.detail-drawer__header strong,.detail-drawer__header span{display:block}.detail-drawer__header span{color:#68798b;margin-top:4px;font-size:12px}.detail-drawer__body{height:calc(100vh - 114px);padding:12px;overflow:auto}.detail-stack{gap:10px;display:grid}.detail-panel,.ops-panel{background:#fff;border:1px solid #d8e1ea;padding:12px}.detail-panel h2,.ops-panel h2,.screen-panel h2{color:#24364a;margin:0 0 10px;font-size:14px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.detail-grid div{min-width:0}.detail-grid dt{color:#6b7d8f;font-size:12px}.detail-grid dd{word-break:break-word;margin:4px 0 0;font-size:13px}.context-list,.compact-list{gap:7px;display:grid}.context-list span,.compact-list a{background:#f8fafc;border:1px solid #edf1f5;justify-content:space-between;gap:10px;padding:8px;font-size:12px;display:flex}.timeline{gap:10px;margin:0;padding-left:18px;display:grid}.timeline li strong{color:#0e8f9c;font-size:12px;display:block}.timeline li span{color:#44576b;margin-top:3px;font-size:12px;display:block}.flow-steps{flex-wrap:wrap;gap:6px;display:flex}.flow-step{color:#627386;background:#f7fafc;border:1px solid #d8e1ea;align-items:center;gap:5px;min-height:26px;padding:0 8px;font-size:12px;display:inline-flex}.flow-step--active{color:#0b7782;background:#e7f8fa;border-color:#0e8f9c}.flow-card,.result-box{color:#23495d;background:#f2fbfc;border:1px solid #d6e6ea;margin-top:10px;padding:10px;font-size:13px}.result-box{align-items:flex-start;gap:8px;display:flex}.overview-grid{grid-template-columns:2fr 1fr 1fr;gap:10px;display:grid}.ops-panel--wide{grid-column:span 2}.mini-chart{background:#f8fafc;border:1px solid #edf1f5;align-items:end;gap:7px;height:150px;padding:10px;display:flex}.mini-chart span{background:#0e8f9c;flex:1;min-width:8px}.mini-chart--line span{background:#e17828}.risk-rings{gap:10px;display:grid}.risk-rings span{background:#f8fafc;border-left:4px solid #d64545;align-items:center;height:34px;padding:0 10px;display:flex}.node-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;display:grid}.node-grid button{text-align:left;background:#f8fafc;border-radius:3px;gap:4px;min-height:76px;padding:9px;display:grid}.node-grid button:hover{border-color:#0e8f9c}.node-grid strong,.node-grid span,.node-grid em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.node-grid span{color:#607287;font-size:12px}.node-grid em{color:#0e8f9c;font-size:12px;font-style:normal}.analysis-layout{grid-template-columns:320px 1fr 320px;gap:10px;display:grid}.entity-card{grid-row:span 2}.entity-card strong{margin:12px 0 8px;font-size:26px;display:block}.tag-row{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.tag-row span{background:#f8fafc;border:1px solid #cdd7e3;align-items:center;min-height:24px;padding:0 8px;font-size:12px;display:inline-flex}.entity-graph{grid-row:span 2}.graph-canvas{background:#f8fafc;border:1px solid #d8e1ea;min-height:310px;position:relative;overflow:hidden}.graph-node{color:#143848;background:#fff;border:1px solid #0e8f9c;justify-content:center;align-items:center;min-width:92px;min-height:34px;padding:0 8px;font-size:12px;display:inline-flex;position:absolute}.graph-node--0{background:#e7f8fa;top:42%;left:42%}.graph-node--1{top:20%;left:10%}.graph-node--2{top:16%;left:66%}.graph-node--3{top:70%;left:12%}.graph-node--4{top:66%;left:66%}.graph-node--5{top:8%;left:42%}.designer-layout{grid-template-columns:210px 1fr 260px;gap:10px;min-height:calc(100vh - 160px);display:grid}.palette-panel,.property-panel,.workflow-canvas,.report-canvas{background:#fff;border:1px solid #d8e1ea;padding:12px}.palette-panel{align-content:start;gap:8px;display:grid}.palette-panel h2,.property-panel h2{margin:0 0 6px;font-size:14px}.palette-panel button{color:#24364a;background:#f8fafc;border-radius:3px;min-height:34px}.workflow-canvas{background:repeating-linear-gradient(0deg,#f8fafc 0 31px,#edf2f7 31px 32px),repeating-linear-gradient(90deg,#0000 0 31px,#edf2f7 31px 32px);position:relative;overflow:hidden}.workflow-node{background:#fff;border:1px solid #0e8f9c;align-content:center;gap:4px;width:132px;height:58px;padding:8px;display:grid;position:absolute}.workflow-node span{color:#68798b;font-size:12px}.workflow-node--0{top:16%;left:7%}.workflow-node--1{top:16%;left:32%}.workflow-node--2{top:16%;left:57%}.workflow-node--3{top:55%;left:20%}.workflow-node--4{top:55%;left:46%}.workflow-node--5{top:55%;left:72%}.workflow-line{background:#9ab3c7;height:2px;position:absolute}.workflow-line--one{width:46%;top:22%;left:20%}.workflow-line--two{width:28%;top:52%;left:32%;transform:rotate(24deg)}.workflow-line--three{width:28%;top:62%;left:56%}.property-panel{align-content:start;gap:12px;display:grid}.action-row--vertical{align-items:stretch;display:grid}.report-canvas{background:#f8fafc;align-content:start;gap:14px;display:grid}.report-canvas header{border-bottom:1px solid #d8e1ea;justify-content:space-between;padding-bottom:10px;display:flex}.report-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.report-grid div{background:#fff;border:1px solid #d8e1ea;padding:14px}.report-chart{background:#fff;border:1px solid #d8e1ea;align-items:end;gap:10px;height:180px;padding:12px;display:flex}.report-chart span{background:#2d78bf;flex:1}.situation-screen{color:#e7f4f7;background:#0f1b26;min-width:1160px;min-height:calc(100vh - 84px);padding:16px}.screen-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.screen-header span{color:#65d5dc;font-size:12px}.screen-header h1{margin:4px 0 0;font-size:28px}.screen-header nav{gap:8px;display:flex}.screen-header a{color:#d9f7f9;border:1px solid #65d5dc61;padding:8px 12px}.screen-grid{grid-template-columns:1.3fr 1fr 1fr;gap:12px;display:grid}.screen-panel{background:#132635;border:1px solid #65d5dc40;min-height:198px;padding:12px}.screen-panel h2{color:#dff6fa}.screen-panel--primary{grid-row:span 2}.screen-panel--wide{grid-column:span 2}.radar-panel{background:repeating-linear-gradient(45deg,#65d5dc14 0 1px,#0000 1px 24px);border:1px solid #65d5dc38;place-items:center;height:370px;display:grid}.radar-panel strong{color:#ffcf5a;font-size:72px}.rank-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rank-list li{border-bottom:1px solid #ffffff14;grid-template-columns:28px 1fr 48px;align-items:center;gap:8px;min-height:32px;display:grid}.rank-list strong{color:#ffcf5a}.rank-list em{color:#65d5dc;text-align:right;font-style:normal}.screen-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.screen-metrics span{background:#0f1f2d;border:1px solid #65d5dc38;place-items:center;min-height:80px;display:grid}.compact-list--dark a{color:#e7f4f7;background:#0f1f2d;border-color:#65d5dc2e}.topology{border:1px solid #65d5dc33;min-height:190px;position:relative}.topology:before{content:"";background:#65d5dc47;height:2px;position:absolute;top:50%;left:10%;right:10%}.topology-node{color:#e7f4f7;background:#132635;border-color:#65d5dc6b;min-width:92px;min-height:34px;position:absolute}.topology-node--0{top:42%;left:4%}.topology-node--1{top:22%;left:20%}.topology-node--2{top:42%;left:38%}.topology-node--3{top:22%;left:56%}.topology-node--4{top:42%;left:72%}.topology-node--5{top:64%;left:84%}@media (max-width:1280px){.metric-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.overview-grid,.analysis-layout,.screen-grid{grid-template-columns:1fr 1fr}.designer-layout{grid-template-columns:190px 1fr 240px}}