*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#090e16;color:#edf4fc;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.dashboard{height:100dvh;display:grid;grid-template-rows:42px 15% 38% 1fr 16px;gap:8px;padding:10px;min-height:0}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263648}header strong{font-size:19px;color:#5ab8ff}header span{font-size:12px;color:#9aaec1;letter-spacing:2px}.status{display:flex;align-items:center;gap:14px;font-size:11px;color:#9caec1}.status b{color:#5ce39b}time{font-size:20px;color:white}.metrics,.middle,.bottom{display:grid;gap:8px;min-height:0}.metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.middle{grid-template-columns:1.12fr 1fr 1.12fr}.bottom{grid-template-columns:1.2fr 1.2fr .8fr}article{min-width:0;min-height:0;border:1px solid #263547;background:#151e2a;border-radius:10px;padding:12px;overflow:hidden}h2{font-size:13px;font-weight:600;margin:0 0 9px;color:#c6d8ec}.metrics article{display:flex;flex-direction:column;justify-content:center;gap:7px}.metrics small,.mini small{font-size:10px;letter-spacing:1px;color:#9cb2c7}.metrics strong{font-size:clamp(19px,2.2vw,38px);font-weight:700;color:#70c4ff}.metrics article:nth-child(2) strong{color:#ffca58}.metrics article:nth-child(4) strong{color:#6ee7a2}.metrics em{font-size:11px;font-style:normal;color:#8c9cad}.phasegrid{display:grid;gap:5px}.phasegrid>div{display:grid;grid-template-columns:.6fr 1fr 1fr 1fr;align-items:center;gap:4px;background:#1d2938;padding:10px 8px;border-radius:6px;font-size:12px}.phasegrid>div:first-child{background:none;color:#849cb1;font-size:9px;padding:4px 8px}.phasegrid strong{font-size:clamp(11px,1vw,16px)}.phasegrid b{color:#67b9fa}.micro{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.micro div{background:#1d2938;border-radius:6px;padding:8px;font-size:10px;color:#9eb2c7}.micro b{display:block;margin-top:5px;color:#f0f6ff;font-size:13px}.flowgrid{height:calc(100% - 25px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1.2fr 1fr;gap:8px}.node,.center-node{border:1px solid #34516b;background:#1d2b3b;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;gap:7px}.node strong,.center-node strong{font-size:clamp(14px,1.3vw,22px);color:#cce9ff}.center-node{grid-column:1/3;border-color:#4b9ce0;background:#12314b;font-weight:bold}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini{padding:9px;background:#1d2938;border-radius:8px;min-width:0}.mini>strong{display:block;font-size:22px;margin:9px 0;color:#6fc2ff}.mini p{display:flex;justify-content:space-between;gap:3px;font-size:11px;color:#9fb0c4}.mini b{color:#f3f8fd}.gen{margin-top:7px;display:grid;gap:7px;font-size:11px;color:#aabbd0}.gen div{display:flex;justify-content:space-between;gap:5px}.chart{height:calc(100% - 22px);background:repeating-linear-gradient(to bottom,transparent 0,transparent 22%,#263646 22.5%,transparent 23%),linear-gradient(90deg,#1b2736,#17202c);border-radius:7px;display:grid;place-items:center;color:#778ea5;font-size:12px}.history{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:7px}.history div{padding:7px;background:#1d2938;border-radius:6px;color:#93a8bc;font-size:10px}.history b{display:block;color:#e7f4ff;font-size:13px;margin:4px 0}.history small{font-size:9px}.bottom article:nth-child(2) .chart{height:calc(100% - 85px)}.finance{display:grid;gap:7px}.finance div{display:flex;justify-content:space-between;align-items:center;padding:11px 9px;background:#1d2938;border-radius:6px;font-size:11px;color:#a5b6c8}.finance strong{font-size:16px;color:#70e3a3}footer{font-size:10px;text-align:center;color:#61758a}.offline #connection{color:#ff6b6b}@media(max-width:1100px){.dashboard{gap:5px;padding:6px;grid-template-rows:35px 15% 39% 1fr 12px}article{padding:7px}.metrics strong{font-size:20px}.micro div{padding:5px}.phasegrid>div{padding:7px 5px}.finance div{padding:6px}.mini{padding:6px}}