@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root {
  --bg:#070a0f; --surface:#10151d; --surface2:#151c26; --line:#263142;
  --text:#f4f7fb; --muted:#8f9bad; --accent:#54d2a0; --danger:#ff6b7a;
}
*{box-sizing:border-box} body{font-family:Inter,system-ui,sans-serif;background:
radial-gradient(circle at 10% 10%,rgba(84,210,160,.10),transparent 28%),
radial-gradient(circle at 90% 15%,rgba(80,130,255,.10),transparent 28%),var(--bg);
color:var(--text);min-height:100vh}
.navbar-glass{background:rgba(7,10,15,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}
.brand-dot{width:11px;height:11px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent)}
.hero{padding:7rem 0 2.5rem}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.12em;font-size:.75rem}
.hero h1{font-weight:800;letter-spacing:-.045em;max-width:850px}.hero-copy{color:var(--muted);max-width:690px}
.market-card,.panel-card,.login-card{background:linear-gradient(145deg,rgba(21,28,38,.96),rgba(13,18,25,.96));
border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 60px rgba(0,0,0,.22)}
.market-card{padding:1.2rem;height:100%;transition:.22s transform,.22s border-color}
.market-card:hover{transform:translateY(-4px);border-color:#3b4b62}.market-icon{width:42px;height:42px;border-radius:13px;
display:grid;place-items:center;background:rgba(84,210,160,.10);color:var(--accent);font-size:1.15rem}
.market-price{font-size:1.65rem;font-weight:750;letter-spacing:-.035em}.market-name{font-size:.91rem;color:#c7cfdb}
.market-meta,.updated,.disclaimer{color:var(--muted);font-size:.76rem}.change-up{color:var(--accent)}.change-down{color:var(--danger)}
.section-title{font-weight:750;letter-spacing:-.03em}.status-pill{border:1px solid var(--line);border-radius:999px;padding:.45rem .75rem;color:var(--muted);font-size:.77rem}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:.4rem;animation:pulse 1.8s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(84,210,160,0)}}.btn-admin{border-radius:999px;border-color:#344156;color:#e9eef6}
.btn-admin:hover{background:#fff;color:#070a0f}.chart-wrap{height:58px}.skeleton{height:190px;border-radius:22px;
background:linear-gradient(90deg,#10151d 25%,#19212c 50%,#10151d 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}
@keyframes shimmer{to{background-position:-200% 0}} footer{border-top:1px solid rgba(255,255,255,.07);color:var(--muted)}
.form-control{background:#0b1017;border:1px solid var(--line);color:#fff;border-radius:13px;padding:.8rem 1rem}
.form-control:focus{background:#0b1017;color:#fff;border-color:var(--accent);box-shadow:0 0 0 .2rem rgba(84,210,160,.12)}
.table-dark{--bs-table-bg:transparent}.table>:not(caption)>*>*{border-color:var(--line);padding:.9rem}.panel-card{padding:1.25rem}