:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;background:#0c1625;color:#ecf3fb}*{box-sizing:border-box}body{margin:0}header{background:#101d2d;border-bottom:1px solid #263a50}.bar{max-width:1250px;margin:auto;padding:17px 24px;display:flex;justify-content:space-between;align-items:center;gap:10px}.bar strong{font-size:14px;letter-spacing:.07em}.chip{font-size:11px;border:1px solid #367766;background:#183c36;color:#92e8cf;padding:7px 11px;border-radius:30px}main{max-width:1250px;margin:0 auto;padding:22px}.hero{border-radius:20px;padding:clamp(24px,5vw,50px);background:radial-gradient(ellipse at 95% 0%,#20564d,transparent 60%),linear-gradient(140deg,#182c42,#102031);border:1px solid #355065}.hero small{color:#6bd7b9;letter-spacing:.18em;font-size:10px;font-weight:800}.hero h1{font-size:clamp(34px,6vw,66px);line-height:1.1;letter-spacing:-.05em;margin:15px 0}.hero p{max-width:610px;font-size:15px;line-height:1.65;color:#b4c8dc}.status{font-size:12px;color:#94e6c9;margin-top:20px}.status.error{color:#ffc1ad}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:25px 0;color:#b0c2d6;font-size:13px}.controls select{background:#1a3047;color:#eaf1f9;border:1px solid #416079;padding:10px;border-radius:10px;margin-left:8px}.refreshbox{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1 1 500px;background:#14263a;border:1px solid #335269;border-radius:13px;padding:12px 15px}
.refreshdetails{display:flex;flex-direction:column;gap:4px;font-size:12px;min-width:0;line-height:1.5}
.refreshdetails strong{color:#e0f3ec;font-size:13px}
.refreshdetails span{color:#a5c0d4}
#refreshStatus{color:#8bd7c0}
#refreshStatus.error{color:#ffc1ad}
#checkUpdates{color:#dbfff2;background:#245b4c;border:1px solid #4aa788;border-radius:9px;padding:11px 15px;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:700;min-height:42px}
#checkUpdates:hover{background:#2f7562}
#checkUpdates:focus-visible{outline:3px solid #87eed0;outline-offset:2px}
#checkUpdates:disabled{opacity:.65;cursor:progress}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metrics article,.chart{background:#16253a;border:1px solid #2b4159;border-radius:14px;padding:20px}.metrics small{color:#afc2d5;font-size:11px;line-height:1.5}.metrics h2{font-size:clamp(24px,3vw,35px);margin:12px 0;letter-spacing:-.05em}.metrics p,.chart p{font-size:12px;color:#a2b5cb}.tabs{display:flex;overflow-x:auto;gap:4px;border-bottom:1px solid #31455c;margin:28px 0 20px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#acbfd2;padding:13px 16px;font-size:13px;white-space:nowrap;cursor:pointer}.tabs button.active{color:#7be5c5;border-color:#7be5c5}.panel{display:none}.panel.active{display:block}.chart{margin-bottom:16px}.chart h2{font-size:19px;margin:2px 0 5px}.plot{min-height:340px;width:100%}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:13px 9px;border-bottom:1px solid #2a4057;text-align:left}th{color:#9db7ce}footer{color:#8ca6bd;font-size:12px;line-height:1.7;border-top:1px solid #2a4057;margin-top:34px;padding:17px 0}a{color:#7ce5c6}#download{padding:10px 16px;border-radius:8px;background:#245344;color:#d6fff2;border:1px solid #438b74;cursor:pointer}@media(max-width:750px){main{padding:12px}.bar{padding:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics article{padding:14px}.metrics h2{font-size:24px}.chart{padding:12px}.plot{min-height:300px}}
@media(max-width:750px){.refreshbox{flex:1 1 100%;flex-direction:column;align-items:stretch;gap:10px}#checkUpdates{width:100%}}