body{
margin:0;
font-family:Arial,Helvetica,sans-serif;

background:
radial-gradient(circle at 10% 10%,rgba(16,185,129,.18),transparent 35%),
radial-gradient(circle at 90% 10%,rgba(59,130,246,.18),transparent 35%),
radial-gradient(circle at 50% 100%,rgba(250,204,21,.08),transparent 40%),
linear-gradient(135deg,#020617,#0f172a,#111827);

color:#eaf1fb;
}

.page{
min-height:100vh;

background:
radial-gradient(circle at top left,rgba(16,185,129,.15),transparent 35%),
radial-gradient(circle at top right,rgba(59,130,246,.15),transparent 35%),
linear-gradient(180deg,#020617,#0f172a,#111827);
}

.panel,
.card,
.table{
background:rgba(255,255,255,.05)!important;
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.10)!important;

box-shadow:
0 20px 40px rgba(0,0,0,.25);
}

.logo{
font-size:24px;
font-weight:900;
}

.logo span{
color:#10b981;
}

.primary{
background:linear-gradient(135deg,#10b981,#22c55e)!important;
color:white;
box-shadow:
0 0 25px rgba(16,185,129,.35);
}

.primary:hover{
transform:translateY(-2px);
}

.secondary{
border:1px solid rgba(255,255,255,.15)!important;
background:rgba(255,255,255,.05);
}

.metric .value{
text-shadow:
0 0 20px rgba(16,185,129,.15);
}

.gold{
color:#facc15!important;
}

.green{
color:#10b981!important;
}

.card:hover{
transform:translateY(-4px);
transition:.3s;
}

h1{
background:
linear-gradient(90deg,#ffffff,#d1fae5);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.footer{
color:#94a3b8;
}

.menu a{
    color:#22c55e !important;
    font-weight:800;
    transition:all .3s ease;
}

.menu a:hover{
    color:#86efac !important;
    text-shadow:
        0 0 10px rgba(34,197,94,.6),
        0 0 20px rgba(34,197,94,.4);
}

.menu a:visited{
    color:#22c55e !important;
}


.menu a{
    color:#22c55e !important;
    border:1px solid rgba(34,197,94,.25);
    padding:10px 16px;
    border-radius:12px;
    background:rgba(34,197,94,.08);
    font-weight:800;
    transition:all .3s ease;
}

.menu a:hover{
    background:rgba(34,197,94,.18);
    border-color:#22c55e;
    box-shadow:
        0 0 15px rgba(34,197,94,.35);
    transform:translateY(-2px);
}

