:root{font-family:Inter,system-ui,Arial,sans-serif;background:#0a111e;color:#e9f0f9}*{box-sizing:border-box}body{margin:0}.layout{display:flex;min-height:100vh}aside{background:#0c1625;border-right:1px solid #26364b;width:238px;flex-shrink:0;padding:29px 18px;display:flex;flex-direction:column}.logo{font-size:23px;font-weight:800;letter-spacing:-1px;margin:0 10px 58px}.logo span{color:#40d8b3}.tiny{font-size:10px;letter-spacing:1.6px;color:#7e94b0;font-weight:800}.nav{padding:14px;border-radius:9px;background:#123b34;color:#62e7c8;font-size:13px;margin-top:10px;font-weight:700}.nav.secondary{background:transparent;color:#91a4bd}.bottom{margin-top:auto;border-top:1px solid #2b3950;padding:22px 10px;color:#40d8b3;font-size:12px}.bottom small{color:#8296af}main{padding:38px clamp(18px,4vw,60px);flex:1;min-width:0;max-width:1650px;margin:auto}header,.panelhead{display:flex;justify-content:space-between;align-items:center;gap:15px}h1{font-size:36px;letter-spacing:-1.3px;margin:9px 0}h2{font-size:18px;margin:8px 0}.sub{font-size:13px;color:#879bb4}.tag{display:inline-block;border:1px solid #276050;border-radius:7px;background:#102d29;color:#60e2c2;padding:10px 12px;font-size:10px;font-weight:800;white-space:nowrap}.tag.dim{background:#172438;border-color:#2d3d55;color:#9fb0c6}button{border:1px solid #34445c;background:#18263b;color:#dce6f3;border-radius:8px;padding:11px 15px;cursor:pointer;font-size:12px;font-weight:700;margin-left:8px}button:hover{filter:brightness(1.2)}button.primary{background:#40d8b3;color:#07211b;border-color:#40d8b3}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:35px 0 20px}.metrics article,.panel{background:#121f31;border:1px solid #28394e;border-radius:12px;padding:23px}.metrics label{display:flex;justify-content:space-between;color:#99aac0;font-size:11px;letter-spacing:.7px;font-weight:800}.metrics label b{font-size:18px}.value{font-size:42px;font-weight:800;letter-spacing:-2px;margin:17px 0 10px}.value small{font-size:18px;color:#8ea0b5}.value.device{font-size:19px;letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:27px}.metrics p{font-size:12px;color:#7288a3}.panel{margin-bottom:20px}.panelhead .tiny{margin:0}#chart{width:100%;height:230px;margin-top:25px}.chartlabels{display:flex;justify-content:space-between;font-size:10px;color:#7185a0;letter-spacing:1px}.columns{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px}.form label{font-size:10px;font-weight:800;letter-spacing:1px;color:#9badc4}.form input{width:100%;display:block;margin-top:9px;padding:12px;background:#0b1524;border:1px solid #35465f;border-radius:7px;color:#eaf0f8;font-size:13px;min-width:0;color-scheme:dark}.actions{margin-top:22px}.actions button:first-child{margin-left:0}.feedback{font-size:12px;color:#40d8b3;min-height:16px}.scroll{overflow:auto;max-height:300px;margin-top:20px}table{width:100%;border-collapse:collapse;text-align:left}th{color:#7187a2;font-size:10px;letter-spacing:.8px}th,td{padding:14px 8px;border-bottom:1px solid #28394d}td{font-size:12px;white-space:nowrap}footer{text-align:center;font-size:11px;color:#61768e;margin:20px}.banner{padding:12px 15px;background:#362b1b;color:#f2d3a0;border:1px solid #795c30;border-radius:8px;font-size:12px}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}}@media(max-width:650px){aside{display:none}main{padding:20px 14px}header{align-items:flex-start;flex-direction:column}h1{font-size:28px}.metrics{gap:10px}.metrics article,.panel{padding:15px}.value{font-size:30px}.form{grid-template-columns:1fr}}
/* Public source-code download */
.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1c806d;color:#fff!important;text-decoration:none;font-size:13px;font-weight:700;border:1px solid #42d9b2;border-radius:8px;padding:12px 15px;margin-right:10px;white-space:nowrap;transition:background .15s ease}
.download-btn:hover,.download-btn:focus-visible{background:#236f61;outline:2px solid #42d9b2;outline-offset:2px}
@media(max-width:720px){.download-btn{margin-bottom:10px}}