:root{font:15px Inter,system-ui,sans-serif;background:#061522;color:#effaff}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}aside{background:#081a29;border-right:1px solid #2b4b58;padding:26px 17px;display:flex;flex-direction:column;gap:23px}.brand{font-size:27px;font-weight:850;letter-spacing:-1.2px}.brand span,em{color:#76f2cf;font-style:normal}.eyebrow{color:#7becce;font-size:11px;letter-spacing:1.4px;font-weight:750}nav{display:grid;gap:8px}nav button{background:transparent;border:0;color:#b7d2db;border-radius:9px;text-align:left;padding:13px}nav button.active,nav button:hover{background:#155249;color:#fff}.sidefoot{margin-top:auto;padding:17px;border:1px solid #347266;background:#123936;border-radius:13px}.sidefoot strong{color:#83f5d2}.sidefoot p,.back{font-size:13px;color:#acc5ce;line-height:1.6}main{min-width:0}header{height:70px;border-bottom:1px solid #2a4b59;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:12px;color:#80eccc}.wrap{max-width:1510px;padding:28px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.heading h1{font-size:clamp(31px,4vw,46px);letter-spacing:-1.6px;margin:6px 0}.heading p,.panel p{color:#aac4d0;line-height:1.7}.pill{border:1px solid #377669;border-radius:9px;padding:10px;background:#103932;color:#a2f4da;font-size:11px}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:13px;margin-top:20px}.filters label{font-size:12px;color:#c7e1e7}.filters select,.search{display:block;margin-top:7px;background:#102a39;color:#fff;border:1px solid #416878;border-radius:9px;padding:11px;min-width:140px}.ghost{background:#193749;border:1px solid #457182;border-radius:9px;padding:11px 15px;color:#e5f8f8}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:21px 0}.metrics article,.panel{border:1px solid #315565;border-radius:15px;background:linear-gradient(140deg,#112e40,#0b2030);padding:20px}.metrics small{color:#a7c4cf;display:block}.metrics strong{font-size:30px;display:block;margin:10px 0}.metrics span{font-size:12px;color:#7eeec9}.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.panel{margin-bottom:15px}.panel h2{font-size:19px;margin:0 0 12px}.bar-row{margin:15px 0}.bar-label{display:flex;justify-content:space-between;gap:10px;font-size:13px}.bar{height:13px;background:#284755;border-radius:12px;overflow:hidden;margin-top:9px}.bar span{display:block;height:100%;background:linear-gradient(90deg,#288b7d,#86f5d0)}.spark{display:flex;align-items:flex-end;gap:9px;height:195px;padding-top:20px;border-bottom:1px solid #456273}.spark>div{flex:1;background:linear-gradient(0deg,#197b77,#69efc7);min-height:4px;border-radius:6px 6px 0 0;position:relative}.spark>div:hover{filter:brightness(1.3)}.spark>div span{position:absolute;top:-20px;left:0;font-size:11px;color:#a6ddce}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid #2d5060;padding:13px 10px;white-space:nowrap}th{color:#9fe8d0}td{color:#d3e8ed}.tag{border-radius:20px;background:#174f47;color:#a4f5d9;padding:5px 9px}.guide li{line-height:1.7;margin:12px 0}.notice{color:#a2bfc8;font-size:12px}footer{margin:27px 0;color:#8ca9b6;font-size:12px;line-height:1.6}footer a{color:#7cf1cb}@media(max-width:950px){.grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.app{display:block}aside{gap:13px}aside nav{display:flex;flex-wrap:wrap}aside nav button{padding:9px;font-size:12px}.sidefoot,aside>.eyebrow{display:none}.wrap{padding:19px 14px}header{padding:13px;height:auto}.heading{display:block}.metrics{gap:8px}.metrics article{padding:13px}.metrics strong{font-size:24px}}