:root{--bg:#071013;--panel:#0c171b;--panel-2:#102126;--line:#20343c;--text:#e7f1f3;--muted:#86a0a9;--cyan:#26c6da;--green:#8fd14f;--amber:#f4b44d;--red:#ff6b6b;--blue:#7aa2ff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.rail{border-right:1px solid var(--line);background:#081216;grid-template-rows:auto minmax(0,1fr);height:100vh;padding:18px 14px;display:grid;position:sticky;top:0;overflow:hidden}.brand{align-items:center;gap:12px;padding:8px 8px 18px;display:flex}.brandMark{width:38px;height:38px;color:var(--cyan);background:#0d2228;border:1px solid #2f5965;place-items:center;display:grid}.brand strong{font-size:18px;display:block}.brand small,td small{color:var(--muted);margin-top:2px;display:block}.rail nav{scrollbar-width:thin;scrollbar-color:#31515b transparent;min-height:0;padding:4px 2px 14px 0;overflow:hidden auto}.rail nav::-webkit-scrollbar{width:8px}.rail nav::-webkit-scrollbar-thumb{background:#31515b;border-radius:999px}.rail nav::-webkit-scrollbar-track{background:0 0}.navItem{color:#c2d4da;border-left:2px solid #0000;align-items:center;gap:10px;min-height:42px;padding:9px 10px;display:flex}.navItem:hover{border-left-color:var(--cyan);background:#102026}.workspace{min-width:0}.screen{padding:24px}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.eyebrow{color:var(--cyan);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1{margin:0;font-size:30px;font-weight:800}h2{margin:0;font-size:15px}.topActions{align-items:center;gap:10px;display:flex}.socket,.pill{border:1px solid var(--line);color:var(--muted);text-transform:capitalize;white-space:nowrap;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.socket.on{color:var(--green);background:#132411;border-color:#416b33}.iconButton{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--text);cursor:pointer;place-items:center;display:grid}.iconButton:hover{border-color:var(--cyan)}.metricGrid{grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;margin-bottom:12px;display:grid}.metricTile{background:var(--panel);border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:86px;padding:14px;display:flex}.metricTile span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.metricTile strong{font-size:25px}.metricTile.hot strong{color:var(--red)}.metricTile.cool strong{color:var(--cyan)}.metricTile.warn strong{color:var(--amber)}.opsGrid{grid-template-columns:1.6fr .9fr;align-items:start;gap:12px;display:grid}.opsGrid.lower{grid-template-columns:1fr 1fr;margin-top:12px}.panel{background:var(--panel);border:1px solid var(--line);min-width:0}.notice{color:#c2d4da;background:#0b171b;border:1px solid #31515b;margin:12px;padding:10px 12px;font-size:13px;line-height:1.4}.span2{min-height:620px}.panelHeader{border-bottom:1px solid var(--line);color:#dcecee;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}.chartBox{background:#091316;height:260px;padding:14px}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{text-align:left;vertical-align:middle;border-top:1px solid #172930;padding:11px 14px;font-size:13px}th{color:var(--muted);text-transform:uppercase;background:#0b1519;font-size:11px}td{color:#d6e6ea;text-overflow:ellipsis;overflow:hidden}.pill.low{color:var(--green);background:#102412;border-color:#31542b}.pill.medium{color:var(--amber);background:#281d0b;border-color:#5f4318}.pill.high,.pill.critical{color:var(--red);background:#2b1012;border-color:#713033}.pill.pending,.pill.scoring{color:var(--blue);background:#101729;border-color:#2c4379}.pill.confirmed_fraud{color:var(--red)}.pill.false_positive{color:var(--green)}.alertStack,.scenarioStack{gap:8px;padding:12px;display:grid}.scenarioButton{text-align:left;color:var(--text);cursor:pointer;background:#0f2025;border:1px solid #1d3942;gap:6px;padding:12px;display:grid}.scenarioButton:hover,.scenarioButton.active{border-color:var(--cyan);background:#122a31}.scenarioButton:disabled{opacity:.55;cursor:wait}.scenarioButton strong{color:#f0fbfd}.scenarioButton span{color:#adc4cb;font-size:13px;line-height:1.35}.scenarioButton small{color:var(--cyan)}.alertRow{background:var(--panel-2);border:1px solid #1c343d;justify-content:space-between;gap:12px;padding:12px;display:flex}.alertRow:hover{border-color:var(--cyan)}.alertRow div{gap:6px;min-width:0;display:grid}.alertRow strong,.alertRow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alertRow span{color:var(--muted)}.alertRow b{color:var(--red);font-size:22px}.detailGrid{grid-template-columns:1fr 360px;gap:12px;display:grid}.caseLayout{grid-template-columns:minmax(520px,1fr) 390px;align-items:start;gap:12px;display:grid}.evidenceGrid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px;padding:12px;display:grid}.evidenceGrid div{border:1px solid var(--line);background:#091316;gap:5px;min-height:82px;padding:11px;display:grid}.evidenceGrid span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.evidenceGrid strong{color:#f0fbfd;overflow-wrap:anywhere}.evidenceGrid small{color:var(--muted);overflow-wrap:anywhere;line-height:1.35}.reasonStack{border-top:1px solid var(--line)}.reason{border-top:1px solid var(--line);gap:6px;padding:12px;display:grid}.reason p{color:#dcecee;margin:0}.reason code{color:var(--cyan)}.contributionStack{gap:7px;margin-top:4px;display:grid}.contributionBar{border:1px solid var(--line);background:#091316;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.contributionBar strong{font-size:13px;display:block}.contributionBar small{color:var(--muted)}.contributionBar span{color:var(--cyan);font-weight:800}.contributionBar.raises_risk{border-left:3px solid var(--red)}.contributionBar.lowers_risk{border-left:3px solid var(--green)}.contributionBar.neutral{border-left:3px solid var(--blue)}.formRow{gap:8px;padding:14px;display:grid}textarea,input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#091316;padding:10px}.primary{color:var(--text);cursor:pointer;background:#12333a;border:1px solid #2f5965;justify-content:center;align-items:center;gap:7px;padding:10px 12px;display:inline-flex}.primary:hover{border-color:var(--cyan)}.primary:disabled{opacity:.55;cursor:not-allowed}.split{gap:8px;display:flex}.timeline{gap:0;display:grid}.timelineItem{border-top:1px solid var(--line);gap:5px;padding:12px 14px;display:grid}.timelineItem span{color:var(--muted);font-size:12px}.timelineItem p{color:#d6e6ea;margin:0;line-height:1.45}.filterBar{grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-bottom:12px;padding:12px;display:grid}.checkLabel{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.checkLabel input{width:auto}.ringLayout{grid-template-columns:320px minmax(420px,1fr) 320px;align-items:stretch;gap:12px;display:grid}.ringList{gap:8px;max-height:680px;padding:12px;display:grid;overflow:auto}.ringListItem{text-align:left;color:var(--text);cursor:pointer;background:#0f2025;border:1px solid #1d3942;gap:6px;padding:12px;display:grid}.ringListItem.active,.ringListItem:hover{border-color:var(--cyan);background:#122a31}.ringListItem span,.ringListItem small{color:var(--muted);line-height:1.35}.ringListItem small{color:var(--cyan)}.graphCanvas{background:radial-gradient(circle,#10242a 0,#081316 58%);height:680px;position:relative;overflow:hidden}.graphNode{text-align:center;z-index:2;background:#0b171b;border:1px solid #31515b;place-content:center;gap:5px;width:132px;min-height:68px;padding:8px;display:grid;position:absolute;transform:translate(-50%,-50%)}.graphNode strong{overflow-wrap:anywhere;font-size:12px}.graphNode span{color:var(--muted);text-transform:uppercase;font-size:11px}.graphNode.user{border-color:var(--cyan)}.graphNode.device,.graphNode.ip{border-color:var(--red)}.graphNode.merchant{border-color:var(--amber)}.graphEdge{transform-origin:0 0;z-index:1;border-top:1px solid #26c6da47;position:absolute}.securityActions{gap:10px;padding:12px;display:grid}.exportButton{text-align:left;width:100%;color:var(--text);cursor:pointer;background:#0f2025;border:1px solid #1d3942;align-items:center;gap:12px;padding:13px;display:flex}.exportButton:hover{border-color:var(--cyan);background:#122a31}.exportButton:disabled{opacity:.55;cursor:wait}.exportButton span{gap:4px;min-width:0;display:grid}.exportButton small{color:var(--muted);line-height:1.35}.reportSummary{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 12px 12px;display:grid}.reportSummary div{border:1px solid var(--line);background:#091316;gap:5px;padding:10px;display:grid}.reportSummary span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.reportSummary strong{color:var(--cyan);overflow-wrap:anywhere;font-size:18px}.policyStack{gap:10px;padding:12px;display:grid}.policyStack div{border:1px solid var(--line);color:#d6e6ea;background:#091316;align-items:center;gap:10px;padding:12px;display:flex}.modelHero{gap:12px;padding:14px;display:grid}.modelHero h2{overflow-wrap:anywhere;font-size:20px}.modelHero p{color:var(--muted);margin:0;line-height:1.45}@media (max-width:1000px){.shell{grid-template-columns:1fr}.rail{height:auto;display:block;position:relative;overflow:visible}.rail nav{padding-bottom:4px;display:flex;overflow:auto hidden}.navItem{white-space:nowrap;flex:none}.brand small{display:none}.metricGrid,.opsGrid,.opsGrid.lower,.detailGrid,.caseLayout,.ringLayout,.filterBar,.reportSummary,.evidenceGrid{grid-template-columns:1fr}.screen{padding:16px}}