body {
background:#080b10;
color:#e2e8f0;
font-family:Arial;
margin:0;
}

.hdr{
display:flex;
justify-content:space-between;
padding:15px 30px;
border-bottom:1px solid #222;
}

.logo{
font-size:26px;
color:#00f5d4;
letter-spacing:4px;
}

.logo-sub{
font-size:10px;
margin-left:10px;
color:#888;
}

.tabs{
padding:10px 20px;
border-bottom:1px solid #222;
}

.tab{
background:none;
border:none;
color:#888;
margin-right:10px;
cursor:pointer;
}

.tab.active{
color:#00f5d4;
}

.layout{
display:flex;
gap:20px;
padding:20px;
}

.panel{
background:#0d1117;
border:1px solid #222;
border-radius:8px;
}

.panel-hdr{
padding:10px 15px;
border-bottom:1px solid #222;
display:flex;
justify-content:space-between;
}

.trend{
padding:10px 15px;
cursor:pointer;
border-bottom:1px solid #222;
}

.trend:hover{
background:#141b24;
}

.center{
flex:1;
padding:20px;
}

.analysis{
line-height:1.7;
margin-top:10px;
}