:root{--bg: #f4f6fa;--surface: #ffffff;--surface-2: #f8fafd;--border: #e3e8f0;--text: #1a2333;--text-2: #5a6a85;--text-3: #8b98ad;--primary: #2456d9;--primary-soft: #e8eefc;--green: #178a50;--green-soft: #e3f5ec;--yellow: #b07d10;--yellow-soft: #fdf3d9;--orange: #c25e10;--orange-soft: #fdeadb;--red: #c93030;--red-soft: #fce8e8;--blue: #1a72c4;--blue-soft: #e5f1fb;--purple: #6d3fc0;--purple-soft: #f0e9fb;--black-risk: #23272f;--shadow: 0 1px 3px rgba(20, 35, 70, .07), 0 4px 14px rgba(20, 35, 70, .05);--radius: 12px;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{display:flex;align-items:center;gap:10px;padding:6px 10px 18px}.logo-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#2456d9,#6d3fc0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}.logo-name{font-weight:700;font-size:15px}.logo-sub{font-size:10.5px;color:var(--text-3)}.role-switch{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px;margin-bottom:14px}.role-switch label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600;display:block;margin-bottom:5px}.role-switch select{width:100%;padding:7px 8px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:13px;color:var(--text)}.nav-group{margin-bottom:14px}.nav-group-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:700;padding:4px 10px 6px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--text-2);font-weight:500;margin-bottom:1px;font-size:13.5px}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-item .nav-icon{width:18px;text-align:center}.main{flex:1;min-width:0;padding:22px 28px 60px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-title{font-size:21px;font-weight:700;margin:0 0 3px}.page-sub{color:var(--text-2);font-size:13px;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.card+.card{margin-top:14px}.card-title{font-size:13px;font-weight:700;margin:0 0 12px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media (max-width: 1100px){.grid-4,.grid-6{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}}.mt{margin-top:14px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.stat-label{font-size:11.5px;color:var(--text-2);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:22px;font-weight:750;margin-top:4px}.stat-note{font-size:12px;color:var(--text-3);margin-top:3px}.stat.accent-red .stat-value{color:var(--red)}.stat.accent-green .stat-value{color:var(--green)}.stat.accent-orange .stat-value{color:var(--orange)}.stat.accent-blue .stat-value{color:var(--blue)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:650;white-space:nowrap}.pill.green{background:var(--green-soft);color:var(--green)}.pill.yellow{background:var(--yellow-soft);color:var(--yellow)}.pill.orange{background:var(--orange-soft);color:var(--orange)}.pill.red{background:var(--red-soft);color:var(--red)}.pill.blue{background:var(--blue-soft);color:var(--blue)}.pill.purple{background:var(--purple-soft);color:var(--purple)}.pill.gray{background:#eef1f6;color:var(--text-2)}.pill.black{background:var(--black-risk);color:#fff}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--border)}.tbl td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr.clickable:hover{background:var(--surface-2);cursor:pointer}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.bar{height:8px;background:#e9edf4;border-radius:999px;overflow:hidden;min-width:60px}.bar>span{display:block;height:100%;border-radius:999px;background:var(--primary)}.bar.green>span{background:var(--green)}.bar.red>span{background:var(--red)}.bar.orange>span{background:var(--orange)}.bar.yellow>span{background:#d9a514}.avatar{width:30px;height:30px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.lg{width:44px;height:44px;font-size:15px}.person{display:inline-flex;align-items:center;gap:8px}.person .p-name{font-weight:600;font-size:13px}.person .p-sub{font-size:11.5px;color:var(--text-3)}.ring{position:relative;width:74px;height:74px}.ring svg{transform:rotate(-90deg)}.ring .ring-val{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:750;font-size:17px}.chain{display:flex;flex-direction:column;gap:0}.chain-node{display:flex;gap:12px}.chain-rail{display:flex;flex-direction:column;align-items:center;width:22px;flex-shrink:0}.chain-dot{width:12px;height:12px;border-radius:999px;background:var(--red);margin-top:5px;flex-shrink:0}.chain-dot.root{width:16px;height:16px;box-shadow:0 0 0 4px var(--red-soft)}.chain-dot.ok{background:var(--text-3)}.chain-line{width:2px;flex:1;background:#e3c1c1;min-height:14px}.chain-body{padding-bottom:16px;flex:1}.chain-title{font-weight:650;font-size:13.5px}.chain-sub{font-size:12.5px;color:var(--text-2);margin-top:2px}.tl{display:flex;flex-direction:column}.tl-item{display:flex;gap:12px}.tl-rail{display:flex;flex-direction:column;align-items:center;width:18px}.tl-dot{width:9px;height:9px;border-radius:999px;background:var(--primary);margin-top:5px}.tl-line{width:2px;flex:1;background:var(--border);min-height:10px}.tl-body{padding-bottom:14px}.tl-event{font-weight:650;font-size:13px}.tl-meta{font-size:11.5px;color:var(--text-3)}.tl-note{font-size:12.5px;color:var(--text-2);margin-top:2px}.banner{border-radius:var(--radius);padding:16px 20px;display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.banner>div:not(.banner-icon){flex:1;min-width:260px}.banner.red{background:linear-gradient(120deg,#fff0f0,#fde3e3);border:1px solid #f3c6c6}.banner.blue{background:linear-gradient(120deg,#ecf3fd,#e2edfb);border:1px solid #c9dcf5}.banner h3{margin:0 0 4px;font-size:15px}.banner p{margin:0;font-size:13px;color:var(--text-2)}.banner .banner-icon{font-size:24px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:13px;cursor:pointer}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:#1c46b8}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.sm{padding:5px 10px;font-size:12px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.tab{padding:9px 14px;font-weight:600;font-size:13px;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}select.input,input.input,textarea.input{padding:8px 10px;border-radius:8px;border:1px solid var(--border);font-size:13px;background:#fff;color:var(--text);font-family:inherit}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f192d73;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;width:520px;max-width:100%;max-height:90vh;overflow-y:auto;padding:22px}.modal h3{margin:0 0 6px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:650;color:var(--text-2);margin-bottom:5px}.field select,.field input,.field textarea{width:100%}.stepper{display:flex;align-items:center;gap:0;flex-wrap:wrap}.step{display:flex;align-items:center;gap:6px}.step-dot{width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#e9edf4;color:var(--text-3);flex-shrink:0}.step.done .step-dot{background:var(--green);color:#fff}.step.current .step-dot{background:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-soft)}.step-label{font-size:11px;color:var(--text-3);font-weight:600;max-width:80px}.step.done .step-label,.step.current .step-label{color:var(--text)}.step-conn{width:26px;height:2px;background:var(--border);margin:0 6px;flex-shrink:0}.attr-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.attr-label{width:140px;font-size:12.5px;font-weight:600;color:var(--text-2);flex-shrink:0}.attr-val{font-size:12px;color:var(--text-3);width:46px;text-align:right}.notif{display:flex;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.notif:last-child{border-bottom:none}.notif-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.notif-icon.critical{background:var(--red-soft)}.notif-icon.warn{background:var(--yellow-soft)}.notif-icon.info{background:var(--blue-soft)}.notif-text{font-size:13px}.notif-meta{font-size:11.5px;color:var(--text-3);margin-top:3px}.leader{display:flex;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid var(--border)}.leader:last-child{border-bottom:none}.leader-rank{width:30px;height:30px;border-radius:9px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--text-2)}.leader:nth-child(1) .leader-rank{background:#fdf3d9;color:#b07d10}.leader-score{margin-left:auto;font-weight:750;font-size:16px}.muted{color:var(--text-3);font-size:12px}.small{font-size:12.5px}.flex{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrap{flex-wrap:wrap}h4.sec{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin:18px 0 8px}