<![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard UI</title>
<style>
body{
background: radial-gradient(circle at top left,#0b1d35,#020617 70%);
font-family: 'Segoe UI', sans-serif;
color: white;
}
/* FORCE ALL TEXT WHITE */
* {
color: #ffffff !important;
}
/* glass cards */
.card{
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
backdrop-filter: blur(12px);
border-radius: 18px;
}
/* glowing active */
.active{
background: linear-gradient(135deg, rgba(0,140,255,0.35), rgba(0,0,0,0.2));
box-shadow: 0 0 30px rgba(0,140,255,0.6);
}
</style>
</head>
<body>
<!-- SIDEBAR -->
<!-- MAIN -->
<!-- TOP BAR -->
<h1>Welcome back, Adam</h1>
<p>Track your finances and achieve your goals</p>
James Brown
<!-- TOP CARDS -->
<p>Total Reach</p>
<h2>2,340,560</h2>
<p>vs last month +8%</p>
<p>Active Campaigns</p>
<h2>15</h2>
<p>vs last month +10%</p>
<p>Engagement Rate</p>
<h2>14.3%</h2>
<p>vs last month +5%</p>
<!-- BOTTOM -->
<!-- CHART -->
<h3>Overview Interaction</h3>
Weekly
<!-- fake graph line -->
<h2>9,458,980</h2>
<!-- SIDE ANALYSIS -->
<h3>Analysis Type Market</h3>
<h2>30,987,153</h2>
<p>Domestic</p>
<p>International</p>
</body>
</html>]]>
