.ml_dashboard .ml-main-title { font-size: 28px; font-weight: 700; margin: 0; letter-spacing: -0.01em; } 
.ml_dashboard .ml-dash-hello { font-size: 15px; color: #2a3a5c; margin: 0 0 18px; }
.ml-dash-head-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 12px; } 
.ml_dashboard .ml-dash-link { background: none; border: none; color: #2d56c8; font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit; padding: 0; width: fit-content !important;} 
.ml_dashboard .ml-dash-section-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #6b7591; margin: 0; }
.ml_dashboard .ml-dash-strip { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 6px; margin-bottom: 24px; } 
.ml_dashboard .ml-dash-mini { flex: 0 0 144px; width: 144px; border: 1px solid #d9d3c2; border-radius: 10px; background: #fff; overflow: hidden; display: flex; flex-direction: column; } 
.ml_dashboard .ml-dash-mini-thumb { position: relative; height: 84px; background: #000; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; font-weight: 800; } 
.ml_dashboard .ml-dl-fav { border: none; background: #ffffffeb; cursor: pointer; font-family: inherit; font-size: 16px; line-height: 1; color: #6b7591; padding: 4px; border-radius: 50%; z-index: 1; width: 26px !important; height: 26px; display: inline-flex; align-items: center; justify-content: center; transition: color .15s, transform .1s; } 
.ml_dashboard .ml-dash-mini-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ml_dashboard .ml-dash-mini-body { padding: 8px 10px 10px; display: flex; flex-direction: column; gap: 7px; flex: 1; } 
.ml_dashboard .ml-dash-mini-name { font-size: 12.5px; font-weight: 600; line-height: 1.25; color: #0f1f3d; } 
.ml_dashboard .ml-dash-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 24px; } 
.ml_dashboard .ml-info-card { background: #fff; border: 1px solid #d9d3c2; border-radius: 14px; box-shadow: 0 1px 0 rgba(15,31,61,0.04); padding: 18px 20px; display: flex; flex-direction: column; } 
.ml_dashboard .ml-pill { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 3px 9px; border-radius: 999px; margin-bottom: 10px; align-self: flex-start; } .ml-pill-fun { color: #993556; background: #fbeaf0; } 
.ml_dashboard .ml-pill-tip { color: #2d56c8; background: #e7ecff; } 
.ml_dashboard .ml-motw-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.ml_dashboard .ml-info-card h3 { margin: 0 0 2px !important; font-size: 16px; font-weight: 700 !important; color: #0f1f3d !important;} 
.ml_dashboard .ml-info-text { font-size: 13.5px; color: #2a3a5c; line-height: 1.5; margin: 0 0 14px !important; } 
.ml_dashboard .ml-btn { display: inline-flex; align-items: center; justify-content: center; padding: 4px 12px; font-size: 13px; font-weight: 600; border-radius: 6px; border: 1px solid transparent; cursor: pointer; font-family: inherit; line-height: 1.2; transition: background .15s, border-color .15s, color .15s; } 
.ml_dashboard .ml-btn--secondary { background: #e7ecff; color: #2d56c8; border-color: #cdd7ff; }
.ml_dashboard .ml-motw-thumb { height: 156px; border-radius: 10px; overflow: hidden; background: #000; margin: 4px 0 12px; } 
.ml_dashboard .ml-top3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 24px; } 
.ml_dashboard .ml-top3-card { border: 1px solid #d9d3c2; border-radius: 10px; background: #fff; overflow: hidden; display: flex; flex-direction: column; } 
.ml_dashboard .ml-top3-thumb { position: relative; height: 116px; background: #000; } .ml-top3-rank { position: absolute; top: 8px; left: 8px; width: 26px; height: 26px; border-radius: 50%; background: #2d56c8; color: #fff; font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; } 
.ml_dashboard .ml-top3-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.ml_dashboard .ml-top3-body { padding: 11px 13px 13px; } .ml-top3-name { font-size: 14px; font-weight: 600; color: #0f1f3d; } 
.ml_dashboard .ml-top3-metric { font-size: 12.5px; color: #6b7591; margin-top: 4px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } 
.ml_dashboard .ml-follow { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: #e7ecff; border: 1px solid #cdd7ff; border-radius: 10px; padding: 14px 18px; } 
.ml_dashboard .ml-follow-txt { font-size: 14px; font-weight: 600; color: #0f1f3d; } 
.ml_dashboard .ml-follow-txt span { display: block; font-size: 12.5px; font-weight: 400; color: #2a3a5c; margin-top: 2px; } 
.ml_dashboard .ml-follow-links { display: flex; gap: 8px; flex-wrap: wrap; } 
.ml_dashboard .ml-follow-links a { display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 1px solid #cdd7ff; border-radius: 999px; padding: 7px 14px; font-size: 13px; font-weight: 600; color: #2d56c8; text-decoration: none; transition: background .15s; } 
.ml_dashboard .ml-follow-links a:hover { background: #d6dfff; text-decoration: none; } 
.ml_dashboard .ml-info-card .ml-info-spacer { flex: 1; }
.ml_dashboard .ml-tip-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; }
.ml_dashboard .ml-dash-hello { font-size: 15px; color: #2a3a5c; margin: 0 0 18px !important;}
.ml_dashboard .ml-new-badge { position: absolute; top: 10px; right: 10px; background: #2d56c8; color: #fff; font-size: 11px; padding: 4px 7px; border-radius: 4px; font-weight: 700; z-index: 99; }


@media (max-width: 760px) {
    .ml_dashboard .ml-dash-cols {
        grid-template-columns: 1fr;
    }
    .ml_dashboard .ml-dash-head-row {
    flex-direction: column;
}
}

@media (max-width: 620px) {
   .ml_dashboard .ml-top3 {
        grid-template-columns: 1fr;
    }
}