:root{--bg:#030504;--p:#090d0a;--line:#1b2920;--g:#39ff72;--r:#ff3b4f;--t:#e8f2eb;--m:#718078}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#102217,#030504 42%);color:var(--t);font:12px Segoe UI,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background:repeating-linear-gradient(#fff 0 1px,transparent 1px 4px)}.app{display:flex;min-height:100vh}aside{width:230px;background:#040705;border-right:1px solid var(--line);padding:20px 15px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:5px 5px 25px}.brand>b{border:1px solid var(--g);color:var(--g);font-size:18px;padding:8px;box-shadow:0 0 15px #39ff7233}.brand strong{display:block;font-size:12px;letter-spacing:1px}.brand small,.label{display:block;color:#4f5d55;font-size:8px;letter-spacing:1.5px}.label{margin:10px 8px}nav button{display:block;width:100%;background:transparent;border:0;color:#89958e;text-align:left;padding:12px 10px;border-left:2px solid transparent;cursor:pointer}nav button.active,nav button:hover{color:var(--g);background:#0a140d;border-left-color:var(--g)}.status{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;color:#66736b;font-size:9px}.status p{display:flex;justify-content:space-between}.status i{color:var(--g);font-style:normal}.status em{color:var(--r);font-style:normal}.foot{color:#3f4b44;line-height:1.7;margin-top:12px}main{width:100%;max-width:1500px;margin:auto;padding:22px 28px}header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}header small{color:var(--g);letter-spacing:2px;font-size:9px}h1{margin:5px 0;font-size:24px}.top{color:#77847c;font:10px Consolas,monospace}.top b{color:var(--g);border:1px solid #244e30;padding:7px;margin-left:12px}.cards{display:grid;grid-template-columns:1.1fr 1.5fr .8fr;gap:12px;margin-top:14px}.panel{background:linear-gradient(145deg,#0d120f,#050806);border:1px solid var(--line);border-radius:5px;padding:15px;box-shadow:0 12px 30px #0005}label{display:flex;justify-content:space-between;color:#819087;letter-spacing:1.5px;font-size:9px;margin-bottom:14px}label i{color:var(--g);font-style:normal}label span{color:var(--m)}.price{display:block;font:800 29px Consolas,monospace;margin:10px 0}.green{color:var(--g)!important}.red{color:var(--r)!important}.odds{display:flex;gap:28px}.odds div{color:#59655e;font-size:8px}.odds strong{display:block;font:800 18px Consolas,monospace;margin-top:4px}h3{margin:0 0 15px}.timer{display:block;color:var(--r);font:800 30px Consolas,monospace;text-shadow:0 0 15px #ff3b4f44}.grid{display:grid;grid-template-columns:1.75fr 1fr;gap:12px;margin-top:12px}.chart{min-height:380px}.graph{height:315px;background:repeating-linear-gradient(#39ff720d 0 1px,transparent 1px 50px);position:relative}.graph svg{width:100%;height:100%}.graph polyline{fill:none;stroke:var(--g);stroke-width:3;filter:drop-shadow(0 0 5px #39ff7266)}.graph .r{stroke:var(--r);opacity:.8}.metric{margin:17px 0;color:#87938b;font:10px Consolas,monospace}.metric b{float:right;color:var(--g)}hr{height:4px;border:0;background:var(--g);margin:7px 0 0;box-shadow:0 0 8px #39ff7244}.metric .rr{background:var(--r);box-shadow:none}.signal{border:1px solid #1d3d27;background:#081109;padding:12px;margin-top:20px;color:#536159;font-size:8px;letter-spacing:1px}.signal strong{display:block;font:900 20px Consolas,monospace;margin-top:5px}.signal small{display:block;color:#68746c;margin-top:5px}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.bottom p{border-top:1px solid #121a15;padding:9px 2px;margin:0;color:#89958e;display:flex;justify-content:space-between}.warning{border-color:#4a1b22;background:#100709}.warning h3{color:var(--r);font-size:11px;letter-spacing:1px}.warning p{color:#747f78;font-size:9px;line-height:1.5}footer{display:flex;justify-content:space-between;color:#3e4b43;font:8px Consolas,monospace;letter-spacing:1px;padding:18px 2px}@media(max-width:850px){aside{width:180px}.grid,.bottom{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}@media(max-width:600px){aside{display:none}main{padding:15px}.cards{grid-template-columns:1fr}header{gap:10px}.top{font-size:8px}}

/* =========================================
   VAULT // BTC SIDEBAR NAVIGATION
   ========================================= */

.vault-nav {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 18px;
    width: 100%;
}

.vault-nav a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;

    padding: 11px 12px;

    color: #7d8791;
    background: transparent;

    border: 1px solid transparent;
    border-radius: 4px;

    text-decoration: none;
    font-family: monospace;
    font-size: 12px;
    letter-spacing: 0.5px;

    transition: all 0.15s ease;
}

.vault-nav a:hover {
    color: #39ff88;
    background: rgba(57, 255, 136, 0.06);
    border-color: rgba(57, 255, 136, 0.25);
}

.vault-nav a.active {
    color: #39ff88;
    background: rgba(57, 255, 136, 0.10);
    border-color: rgba(57, 255, 136, 0.40);

    box-shadow:
        inset 3px 0 0 #39ff88,
        0 0 12px rgba(57, 255, 136, 0.06);
}

.nav-icon {
    width: 20px;
    min-width: 20px;
    text-align: center;

    color: #59636d;
    font-size: 15px;
}

.vault-nav a:hover .nav-icon,
.vault-nav a.active .nav-icon {
    color: #39ff88;
}

.nav-label {
    flex: 1;
    white-space: nowrap;
}

.nav-status {
    font-size: 8px;
    letter-spacing: 1px;
    opacity: 0.45;
}

.vault-nav a.active .nav-status {
    opacity: 1;
    color: #39ff88;
}

.vault-nav .alert-link:hover {
    color: #ff526d;
    border-color: rgba(255, 82, 109, 0.35);
    background: rgba(255, 82, 109, 0.06);
}

.vault-nav .alert-link:hover .nav-icon {
    color: #ff526d;
}

/* MONEY $ MACHINE identity */
.brand > b { min-width: 40px; text-align: center; }
.brand strong { font-size: 11px; }