:root{color-scheme:dark;--bg:#04131d;--panel:#09283a;--line:#20536a;--ink:#f4fdff;--muted:#91aebb;--cyan:#57ead5;--blue:#69aaff;--gold:#ffd36d;--green:#a8efce;--red:#ff818e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 88% -8%,#0c5c70,transparent 35%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}main{max-width:1550px;margin:auto;padding:18px}nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px}a,button{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#11384d;color:var(--ink);font:inherit;font-weight:850;text-decoration:none;cursor:pointer}.brand{margin-right:auto;display:flex;align-items:center;gap:8px}.brand img{width:28px;height:28px;border-radius:7px}header{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:34px;background:linear-gradient(135deg,#0b3146,#082034);border:1px solid var(--line);border-radius:25px}small{color:var(--cyan);font-weight:900;letter-spacing:.13em}h1{font-size:clamp(2.6rem,5.7vw,5.3rem);line-height:.91;margin:.17em 0}header p,.panel p,footer,.metrics span{color:var(--muted)}.identity{min-width:250px;padding:18px;background:#061c29;border-radius:16px}.identity span,.identity small{display:block}.identity strong{display:block;font-size:1.3rem;color:var(--cyan);word-break:break-all;margin:8px 0}.panel{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-top:12px}.toolbar{display:grid;grid-template-columns:1fr auto 1fr 2fr;gap:10px;align-items:end}.toolbar p{margin:0}label{font-size:.75rem;color:var(--muted)}input,select{display:block;width:100%;margin-top:5px;padding:11px;background:#051b28;border:1px solid var(--line);border-radius:9px;color:var(--ink)}#scan,#saveControls{background:var(--cyan);color:#03272c;border-color:transparent}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.metrics article{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.metrics strong{display:block;font-size:2.5rem}.head{display:flex;justify-content:space-between;gap:12px;align-items:center}.head h2,.panel h2{margin:.2em 0}.head>span{color:var(--muted)}.graph{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;margin-top:12px}.graph-core{padding:20px;text-align:center;background:var(--cyan);color:#03272c;border-radius:50%;aspect-ratio:1;display:grid;place-content:center}.graph-core strong{font-size:1.2rem}.graph-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.node{padding:12px;background:#061d2b;border-left:4px solid var(--blue);border-radius:10px}.node strong,.node span{display:block}.node span{color:var(--muted)}.layout{display:grid;grid-template-columns:1.7fr .8fr;gap:12px}.link,.review,.audit{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;padding:12px;background:#061d2b;border-radius:10px;margin-top:7px}.link span,.review span,.audit span{display:block;color:var(--muted)}.trust{padding:6px 8px;border-radius:999px;background:#174236;color:var(--green);font-weight:900}.trust.review,.trust.pending{background:#47391f;color:var(--gold)}.review{grid-template-columns:1fr}.review .actions{display:flex;gap:6px}.review.high{border-left:4px solid var(--red)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.controls label{padding:10px;background:#061d2b;border-radius:9px}.controls input[type=checkbox]{display:inline;width:auto;margin-right:6px}.audit{grid-template-columns:160px 1fr}.audit b{color:var(--cyan)}footer{display:flex;justify-content:space-between;padding:18px 4px}@media(max-width:1050px){.toolbar{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.graph{grid-template-columns:1fr}.graph-core{width:180px;margin:auto}.graph-nodes{grid-template-columns:1fr 1fr}}@media(max-width:650px){main{padding:8px}header{grid-template-columns:1fr}.identity{width:100%}.metrics,.toolbar,.controls,.graph-nodes{grid-template-columns:1fr 1fr}.link{grid-template-columns:1fr}.head{align-items:start;flex-direction:column}footer{display:block}}@media(max-width:420px){.metrics,.toolbar,.controls,.graph-nodes{grid-template-columns:1fr}}
