:root {
    --db-bg:#05080f; --db-panel:#0d1320; --db-panel-soft:#101827;
    --db-border:#24324d; --db-border-soft:#17223a; --db-text:#e5edf8;
    --db-muted:#7f8da6; --db-purple:#7c3aed; --db-purple-soft:#a855f7;
    --db-gold:#f5b942; --db-cyan:#22d3ee; --db-red:#fb2d6f;
}
* { box-sizing:border-box; }
body {
    margin:0; min-height:100vh; color:var(--db-text);
    background:radial-gradient(circle at 32% -10%,rgba(124,58,237,.2),transparent 30%),
        radial-gradient(circle at 76% 8%,rgba(245,185,66,.07),transparent 24%),
        linear-gradient(180deg,#070a14 0%,#02040a 100%);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:13px;
}
a { color:#b794ff; }
.app-shell { min-height:100vh; }
.main-wrapper { min-width:0; width:calc(100vw - 300px); margin-left:300px; }
.content-body { width:100%; padding:24px 22px 34px 18px; }
.detbit-dashboard { width:100%; max-width:none; margin:0; position:relative; }
.detbit-dashboard::before {
    content:""; position:fixed; inset:72px 0 0 300px; pointer-events:none;
    background:radial-gradient(circle at 42% 0%,rgba(124,58,237,.11),transparent 36%);
}
.wow-panel {
    position:relative; overflow:hidden; padding:16px; border-radius:11px;
    background:linear-gradient(180deg,rgba(18,26,42,.9),rgba(6,10,18,.97));
    border:1px solid var(--db-border);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 38px rgba(0,0,0,.22);
}
.wow-panel::before {
    content:""; position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(90deg,rgba(245,185,66,.045),transparent 20%,transparent 80%,rgba(124,58,237,.045));
}
.panel-title { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; position:relative; z-index:1; }
.panel-title h2 {
    margin:0; font-size:22px; line-height:1.1; letter-spacing:.01em; color:#fff; text-transform:uppercase;
    text-shadow:0 0 18px rgba(124,58,237,.34),0 0 10px rgba(245,185,66,.12);
}
.panel-title p { margin:8px 0 0; color:#c7d2fe; font-size:13px; }
.panel-title a { font-size:12px; font-weight:900; color:#b794ff; }
.text-gold { color:var(--db-gold)!important; }
@media (max-width:1400px) {
    .main-wrapper { width:calc(100vw - 250px); margin-left:250px; }
    .content-body { padding-top:84px; }
    .detbit-dashboard::before { inset-left:250px; }
}
