:root{--bg:#071018;--card:#0e1a25;--line:#20313e;--txt:#e9f1f7;--muted:#8da0af;--yellow:#f5c451;--green:#58d991;--blue:#5ab9ff;--red:#ff7777;--cyan:#54d7d0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#172b3b 0,#071018 45%,#050a0f 100%);color:var(--txt);font-family:Inter,system-ui,sans-serif}.app{max-width:1500px;margin:auto;padding:22px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.brand{display:flex;gap:12px;align-items:center}.logo{font-size:30px}.brand h1{font-size:18px;letter-spacing:2px;margin:0}.brand p{margin:3px 0;color:var(--muted);font-size:11px}.status{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px}.status i{width:9px;height:9px;border-radius:50%;background:var(--red)}.status i.on{background:var(--green);box-shadow:0 0 12px var(--green)}.status b{font-size:18px;color:var(--txt);margin-left:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics article,.card{background:linear-gradient(145deg,#101f2b,#0b151e);border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:0 14px 35px #0004}.metrics article{min-height:145px}.metrics span{font-size:11px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.metrics strong{display:block;font-size:34px;margin:17px 0 5px}.metrics article:first-child strong{color:var(--yellow)}.metrics article:nth-child(3) strong{color:var(--green)}small{color:var(--muted);font-size:12px}.tw{display:flex;gap:25px;margin:15px 0 7px}.tw div{font-size:9px;color:var(--muted);letter-spacing:1px}.tw strong{font-size:20px;margin:4px 0 0;color:var(--txt)}.grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.lower{grid-template-columns:2fr 1fr}.card{min-height:250px}.title{font-size:11px;letter-spacing:1.5px;color:var(--muted);font-weight:800;margin-bottom:18px}.title em{float:right;color:var(--green);font-style:normal;font-size:9px}.flow{min-height:330px}.flowrow{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;justify-items:center;margin-top:40px}.node{text-align:center;font-size:45px}.node label{display:block;font-size:10px;color:var(--muted);letter-spacing:1px}.node b{display:block;font-size:18px;margin-top:6px}.arrow{font-size:40px;color:var(--green)}.branches{display:flex;justify-content:center;gap:70px;margin-top:35px}.branches>div{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:28px}.mini{font-size:25px}.mini b{font-size:14px}.balance{list-style:none;padding:0;margin:0}.balance li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.balance b{color:var(--txt)}.chart{min-height:360px}.chart canvas{width:100%;height:270px;display:block}.legend{display:flex;gap:18px;color:var(--muted);font-size:10px}.device{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted)}.device b{color:var(--txt)}footer{text-align:center;color:#5e7180;font-size:9px;letter-spacing:1px;margin:18px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.grid,.lower{grid-template-columns:1fr}}@media(max-width:600px){.app{padding:12px}.metrics{grid-template-columns:1fr}header{align-items:flex-start}.status b{display:none}.flowrow{grid-template-columns:1fr 35px 1fr}.branches{gap:25px}.metrics strong{font-size:30px}}