@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Syne:wght@600;700;800&display=swap";
:root{--bg:#08090c;--surface:#16181e;--surface2:#1f2027;--ink:#f7eee7;--muted:#b8ada4;--line:#3d3534;--ember:#ed5b30;--gold:#f3a25d;--green:#8fbe93;--amber:#f4a044;--red:#ef6255}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(900px 500px at 85% 0,#44140c,#0000 50%),linear-gradient(130deg,#090a0e,#12141a);margin:0;font:14px/1.45 Manrope,Arial,sans-serif}.app{min-height:100vh}.hero{background:linear-gradient(90deg,#080a0e 0%,#0c0e13 47%,#130d0b99 76%,#08090c22 100%);border-bottom:1px solid #713222;height:264px;padding:28px max(34px,50vw - 685px);position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #e8592f33;border-radius:50%;width:430px;height:430px;position:absolute;top:-125px;right:8%;box-shadow:0 0 0 38px #e8592f09,0 0 70px #e8592f55}.brand{z-index:1;letter-spacing:.14em;text-shadow:0 0 22px #e54821aa;font:800 30px/1 Syne,sans-serif;position:relative}.brand small,.brand em{color:var(--gold);letter-spacing:.2em;margin-bottom:10px;font:800 10px Manrope,sans-serif;display:block}.brand span{color:var(--gold)}.brand em{color:#cdb7a6;letter-spacing:.04em;margin-top:10px;font-size:11px;font-style:normal}.hero-project{z-index:1;color:#cdbcb0;margin-top:29px;font:11px/1.9 DM Mono,monospace;position:relative}.hero-project b{font:700 15px Manrope}.hero-media{z-index:1;width:255px;height:148px;color:var(--gold);letter-spacing:.1em;background:linear-gradient(135deg,#32140f99,#10121655);border:1px solid #e7754455;flex-direction:column;justify-content:end;padding:16px;font:10px DM Mono,monospace;display:flex;position:absolute;top:35px;right:max(35px,50vw - 685px)}.hero-media:before{content:"✦";color:#ef633866;font-size:45px;position:absolute;top:28%;left:43%}.hero-media small{color:#c5b4a8;letter-spacing:0;margin-top:5px}.hero nav{z-index:2;gap:2px;display:flex;position:absolute;bottom:0;left:max(34px,50vw - 685px);right:max(34px,50vw - 685px)}.hero nav a{color:#d5cbc4;border-bottom:3px solid #0000;padding:20px 16px 18px;font-size:12px;font-weight:700;text-decoration:none}.hero nav a:hover,.hero nav a.active{border-color:var(--ember);color:#fff;background:linear-gradient(#3d1c16,#211617)}main{width:min(1370px,100%);margin:auto;padding:27px 34px 48px}.top{background:linear-gradient(105deg,#292b32,#191b20 60%,#311914);border:1px solid #514039;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:20px 23px;display:flex;box-shadow:inset 0 1px #fff1,0 16px 36px #0005}.top p,.label{color:var(--gold);letter-spacing:.1em;margin:0 0 4px;font:800 10px DM Mono,monospace}.top h1,h2,h3{margin:0;font-family:Syne,sans-serif}.top h1{font-size:31px}.top button,.top a{color:#f7eee7;background:#17191e;border:1px solid #5b453b;border-radius:8px;margin-left:8px;padding:10px 13px;font:700 12px Manrope;text-decoration:none;display:inline-block}.top .primary{background:linear-gradient(135deg,#f15b2d,#a92d18);border-color:#ff9860;box-shadow:0 0 20px #d3462177}.metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 18px;display:grid}.metrics article,.card{border:1px solid var(--line);background:linear-gradient(145deg,#1b1d23,#121419);border-radius:14px;padding:19px;box-shadow:inset 0 1px #ffffff0a,0 10px 26px #0004}.metrics small,.definition small{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font:800 10px DM Mono}.metrics strong{color:#ffc18a;text-shadow:0 0 20px #e3492d;margin:6px 0;font-size:28px;display:block}.metrics p,.card>p{color:var(--muted);margin:0;font-size:12px}.two-cols{grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:18px;margin-top:18px;display:grid}.card h2{font-size:16px}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.row:last-child{border:0}.row b{font-size:13px;display:block}.row small,.agent small,.node small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.pill{white-space:nowrap;color:#f0b078;background:#2e2928;border-radius:30px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.pill.green{color:#a6d3a9;background:#1f3a2b}.pill.amber{color:#ffc576;background:#482912}.pill.red{color:#ff9a89;background:#491c1b}.notice{border-left:3px solid var(--amber);color:#ffd5a3;background:#3a2418;border-radius:6px;margin:15px 0 0;padding:11px;font-size:12px}.progress{background:#090a0d;border-radius:20px;height:7px;margin:9px 0;display:block;overflow:hidden}.progress i{background:linear-gradient(90deg,#a9321d,#ff8c45);border-radius:20px;height:100%;display:block}.progress.good i{background:#26915e}.progress.bad i{background:#c94b4a}.search{color:#bba898;background:#16181d;border:1px solid #544139;border-radius:9px;margin-top:20px;padding:11px 13px}.tabs{border-bottom:1px solid var(--line);white-space:nowrap;gap:23px;margin-top:20px;display:flex;overflow:auto}.tabs>*{color:var(--muted);padding:10px 2px;font-size:13px}.tabs b{color:#ffad6d;border-bottom:3px solid var(--ember)}.table{border:1px solid var(--line);border-radius:12px;margin-top:18px;overflow:hidden}.table>*{border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1fr .75fr .6fr;align-items:center;gap:9px;padding:11px 13px;font-size:12px;display:grid}.table header{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;background:#281e1b;font:800 10px DM Mono}.table>div:last-child{border:0}.agent{align-items:center;gap:10px;display:flex}.avatar{background:linear-gradient(135deg,#ed6331,#6d1f16);border:1px solid #ffad69;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.avatar.blue{background:linear-gradient(135deg,#c77937,#6a3016)}.avatar.green{background:linear-gradient(135deg,#759a65,#264631)}.agent-detail{grid-template-columns:1fr 270px;gap:25px;margin-top:18px;display:grid}.definition{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.definition>div,.node{border:1px solid var(--line);background:#15171c;border-radius:9px;padding:13px}.definition p{color:var(--muted);margin:5px 0 0;font-size:12px}.agent-detail aside strong,.score{color:#a7d5a9;font-size:38px;line-height:1;display:block}.flow{align-items:center;gap:8px;margin:18px 0;display:flex}.node{flex:1;min-height:80px}.flow i{color:#ff7e43;font-size:22px}.timeline{border-left:2px solid #743a2c;padding-left:17px}.timeline .row{position:relative}.timeline .row:before{content:"";background:var(--ember);width:9px;height:9px;box-shadow:0 0 10px var(--ember);border-radius:50%;position:absolute;top:18px;left:-23px}@media (max-width:760px){.hero{height:135px;padding:23px 16px}.hero:after,.hero-project,.hero-media,.hero nav{display:none}.brand{font-size:22px}.brand em{font-size:10px}.top{border-radius:11px;padding:16px}.top h1{font-size:23px}.top button{display:none}main{padding:16px}.metrics,.two-cols,.agent-detail,.definition{grid-template-columns:1fr}.metrics{gap:10px}.table{overflow:auto}.table>*{min-width:620px}.flow{overflow:auto}.node{min-width:130px}.top{align-items:flex-start}.top .primary{white-space:nowrap;margin:0}.tabs{gap:18px}}