:root{font-family:Arial,Helvetica,sans-serif;color:#10233e;background:#00152b;font-size:16px;--muted:#526e8c;--line:#b7cadc;--green:#009e81;--blue:#0876bb}*{box-sizing:border-box}body{margin:0;border-top:4px solid #b9d9c4}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus,select:focus{outline:3px solid #4fa6db;outline-offset:3px}[hidden]{display:none!important}.sidebar{position:fixed;inset:4px auto 0 0;width:184px;padding:14px 10px;color:white;display:flex;flex-direction:column}.brand{display:flex;align-items:center;flex-direction:column;text-decoration:none;gap:5px}.brand img{width:128px;height:109px;object-fit:contain}.brand span{font-size:12px;color:#00d8d0;white-space:nowrap}.sidebar nav{margin-top:22px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:15px 12px;border-radius:11px;color:white;text-decoration:none;font-size:15px;font-weight:700}.active{background:linear-gradient(100deg,#009ca5,#0cb466)}nav svg{width:22px;height:22px}.sidebottom{margin-top:auto;display:flex;flex-direction:column;gap:16px;text-align:center;font-size:14px}.sidebottom>span{color:#9cb3ca}.sidebottom a{color:#00d4b0;text-decoration:none;font-size:16px}.sidebottom button{border:1px solid #26445f;background:transparent;color:#fff;border-radius:9px;padding:12px}main{margin:8px 12px 12px 184px;padding:20px 22px;min-height:calc(100vh - 24px);background:#ebf0f5;border-radius:18px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}h1{margin:0;font-size:30px;line-height:1.2}.heading p{margin:6px 0 0;color:var(--muted);font-size:15px}.connection{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.connection small{font-size:13px;color:var(--muted)}.badge{display:inline-block;border-radius:7px;padding:6px 10px;font-size:14px;font-weight:700;background:#eaf4f2;color:#006d50}.badge.neutral{background:#dbe5ee;color:#455c75}.badge.off{background:#fff0f0;color:#ba303b}.panel{background:#d8e2ec;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}h2{font-size:20px;margin:0 0 14px}.meterhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.meterhead h2{margin:0 0 5px}.meterhead p{margin:0;color:var(--muted);font-size:14px}.grid{display:grid;gap:10px}.metrics{grid-template-columns:1.35fr 1fr 1fr 1fr}.metric{background:#eef3f8;padding:16px;border:1px solid #c5d5e4;border-radius:10px;min-width:0}.metric>span{font-size:14px;color:var(--muted);display:block;margin-bottom:10px}.metric strong{font-size:27px;display:block;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric strong b{font-weight:700}.metric strong small{font-size:16px}.gross strong{color:#008869}.details{grid-template-columns:repeat(6,minmax(0,1fr));margin:14px 0 0}.details>div{padding:10px 8px;min-width:0;border-top:1px solid var(--line)}dt{font-size:14px;line-height:1.35;color:var(--muted);margin-bottom:6px}dd{margin:0;font-size:16px;font-weight:700;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sectionhead{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:12px}.sectionhead h2{margin:0}.sectionhead>span{font-size:14px;color:var(--muted)}.controls{display:flex;gap:12px}.controls button{flex:1;padding:13px 12px;min-height:46px;border:0;border-radius:9px;font-weight:700}.primary{border:0;border-radius:9px;padding:13px 20px;color:white;background:#009e81;font-weight:700}.stop{background:#b7303f;color:white}.end{background:#116fae;color:white}.result{grid-template-columns:1fr 1fr;margin:15px 0 0}.result>div{border-top:1px solid var(--line);padding-top:10px}.note{font-size:14px;color:var(--muted);line-height:1.45;margin:12px 0 0}.pricebox{display:flex;align-items:flex-end;gap:12px;max-width:700px}.pricebox>div{flex:1}.pricebox button{min-height:46px}label{display:block;font-size:14px;font-weight:700;margin-bottom:7px;color:#344f6b}input,select{width:100%;min-height:46px;border:1px solid #a8bfd4;border-radius:8px;background:#fff;color:#10233e;padding:10px 12px}.notice,.commandmessage{font-size:15px;line-height:1.5;border-radius:10px;padding:12px 15px;margin-bottom:14px;background:#fff4df;border:1px solid #dfc68b}.notice.live{background:#e3f3ed;border-color:#b2d8c8;color:#225742}.commandmessage:empty{display:none}.footnote{font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0}.login{max-width:460px;margin:8vh auto 30px;padding:28px}.login p{color:var(--muted);line-height:1.5;font-size:16px}.login form label{margin-top:16px}.login button{width:100%;margin-top:22px}.login small{display:block;line-height:1.5;font-size:13px;color:var(--muted);margin-top:10px}.login #loginerror{font-size:14px;color:#b22c3b;margin-bottom:0}.login #loginerror:empty{display:none}
@media(min-width:761px) and (max-height:850px){main{padding:16px 20px}.heading{margin-bottom:14px}.panel{padding:14px;margin-bottom:12px}.metric{padding:12px}.metric>span{margin-bottom:7px}.details{margin-top:10px}.details>div{padding:8px 4px}.notice{padding:8px 12px;margin-bottom:10px}.note{margin-top:8px}}
@media(max-width:1100px){.details{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{border-top:3px solid #b9d9c4}.sidebar{position:static;width:auto;padding:9px 14px;flex-direction:row;align-items:center;gap:12px}.brand{flex-direction:row;gap:10px}.brand img{width:66px;height:56px}.brand span{font-size:11px;white-space:normal;width:92px;line-height:1.3}.sidebar nav{display:none}.sidebottom{margin:0 0 0 auto;flex-direction:row;align-items:center;gap:10px}.sidebottom>a,.sidebottom>span{display:none}.sidebottom button{padding:9px;font-size:14px}main{margin:0 6px 6px;padding:16px 12px;min-height:calc(100vh - 85px);border-radius:14px}.heading{align-items:flex-start;gap:8px}h1{font-size:26px}.heading p{font-size:13px}.connection small{font-size:12px;text-align:right}.badge{font-size:12px;padding:6px}.panel{padding:13px}.metrics{gap:8px}.metric{padding:12px}.metric strong{font-size:24px}.details{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{gap:7px}.controls button{padding:12px 7px;font-size:14px;line-height:1.4}.sectionhead{align-items:flex-start}.sectionhead span{font-size:13px;text-align:right}.pricebox{flex-direction:column;align-items:stretch}.pricebox button{width:100%}.login{margin:30px auto;padding:22px}h2{font-size:19px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}}
#setup{margin-bottom:16px}#setup summary{cursor:pointer;font-weight:bold}#setupform{display:flex;gap:12px;align-items:end;flex-wrap:wrap}#setupkey{max-width:440px}#setuperror{overflow-wrap:anywhere}