:root {
    --teal:    #00e5cc;
    --teal2:   #00b8a0;
    --dark:    #06100f;
    --dark2:   #0b1f1c;
    --dark3:   #0f2926;
    --card:    #0d201d;
    --border:  #1a3f39;
    --text:    #c8f0eb;
    --dim:     #4a8a80;
    --green:   #39ff8f;
    --yellow:  #ffe94a;
    --red:     #ff4a6e;
    --orange:  #ff8c42;
  }

  * { margin:0; padding:0; box-sizing:border-box; }

  body {
    background: var(--dark);
    color: var(--text);
    font-family: 'Share Tech Mono', monospace;
    min-height: 100vh;
    overflow-x: hidden;
  }

  /* SCANLINES */
  body::before {
    content:'';
    position:fixed; inset:0;
    background: repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(0,0,0,0.08) 2px,
      rgba(0,0,0,0.08) 4px
    );
    pointer-events:none;
    z-index:9999;
  }

  /* GRID BG */
  body::after {
    content:'';
    position:fixed; inset:0;
    background-image:
      linear-gradient(rgba(0,229,204,0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0,229,204,0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events:none;
    z-index:0;
  }

  /* ── HEADER ── */
  header {
    position: relative;
    z-index:10;
    padding: 28px 40px 20px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, rgba(0,229,204,0.05) 0%, transparent 100%);
  }

  .logo {
    display:flex; align-items:center; gap:18px;
  }

  .logo-ascii {
    font-family:'Orbitron',monospace;
    font-size:28px;
    font-weight:900;
    color: var(--teal);
    text-shadow: 0 0 20px rgba(0,229,204,0.6), 0 0 60px rgba(0,229,204,0.2);
    letter-spacing:4px;
  }

  .logo-sub {
    font-size:11px;
    color: var(--dim);
    letter-spacing:3px;
    margin-top:4px;
  }

  .logo-badge {
    background: var(--dark3);
    border: 1px solid var(--border);
    padding: 4px 10px;
    font-size:10px;
    color: var(--teal2);
    letter-spacing:2px;
  }

  .logo-img {
    width:40px;
    height:40px;
    border-radius:50%;
    object-fit:cover;
    border:1px solid rgba(255,165,0,0.35);
    box-shadow:0 0 14px rgba(255,165,0,0.2);
    flex-shrink:0;
  }

  .header-links {
    display:flex;
    align-items:center;
    gap:8px;
    margin-right:8px;
  }
  .header-link {
    color:var(--dim);
    text-decoration:none;
    font-size:10px;
    letter-spacing:1px;
    padding:4px 10px;
    border:1px solid var(--border);
    transition:all 0.2s;
    white-space:nowrap;
    font-family:'Share Tech Mono',monospace;
  }
  .header-link:hover {
    color:var(--teal);
    border-color:var(--teal2);
  }
  @media(max-width:900px) { .header-links { display:none; } }

  .header-right {
    display:flex; align-items:center; gap:20px;
  }

  .live-dot {
    width:8px; height:8px;
    border-radius:50%;
    background: var(--green);
    box-shadow: 0 0 8px var(--green);
    animation: pulse 1.5s infinite;
  }
  @keyframes pulse {
    0%,100%{ opacity:1; transform:scale(1); }
    50%    { opacity:0.5; transform:scale(0.8); }
  }

  .live-label {
    font-size:11px;
    color: var(--green);
    letter-spacing:2px;
  }

  .refresh-btn {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--dim);
    padding: 6px 14px;
    font-family: 'Share Tech Mono', monospace;
    font-size:11px;
    cursor:pointer;
    letter-spacing:1px;
    transition: all 0.2s;
  }
  .refresh-btn:hover {
    border-color: var(--teal);
    color: var(--teal);
    box-shadow: 0 0 10px rgba(0,229,204,0.2);
  }

  /* ── LAYOUT ── */
  main {
    position:relative; z-index:10;
    max-width: 1400px;
    margin: 0 auto;
    padding: 32px 40px;
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  /* ── TOP STATS ROW ── */
  .stats-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }

  .stat-card {
    background: var(--card);
    border: 1px solid var(--border);
    padding: 20px 22px;
    position:relative;
    overflow:hidden;
    transition: border-color 0.2s;
  }
  .stat-card::before {
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height:2px;
    background: linear-gradient(90deg, transparent, var(--teal), transparent);
    opacity:0;
    transition: opacity 0.3s;
  }
  .stat-card:hover { border-color: var(--teal2); }
  .stat-card:hover::before { opacity:1; }

  .stat-label {
    font-size:10px;
    color: var(--dim);
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:10px;
  }

  .stat-value {
    font-family:'Orbitron',monospace;
    font-size:26px;
    font-weight:700;
    color: var(--teal);
    text-shadow: 0 0 15px rgba(0,229,204,0.4);
    line-height:1;
  }

  .stat-value.green  { color:var(--green);  text-shadow:0 0 15px rgba(57,255,143,0.4); }
  .stat-value.yellow { color:var(--yellow); text-shadow:0 0 15px rgba(255,233,74,0.4); }
  .stat-value.orange { color:var(--orange); text-shadow:0 0 15px rgba(255,140,66,0.4); }

  .stat-sub {
    font-size:10px;
    color: var(--dim);
    margin-top:6px;
  }

  /* ── TWO COLUMNS ── */
  .two-col {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:16px;
  }

  /* ── SECTION CARD ── */
  .section-card {
    background: var(--card);
    border: 1px solid var(--border);
    overflow:hidden;
  }

  .section-header {
    padding: 14px 22px;
    border-bottom: 1px solid var(--border);
    display:flex;
    align-items:center;
    justify-content:space-between;
    background: rgba(0,229,204,0.03);
  }

  .section-title {
    font-family:'Orbitron',monospace;
    font-size:11px;
    font-weight:700;
    color: var(--teal);
    letter-spacing:3px;
  }

  .section-count {
    font-size:10px;
    color: var(--dim);
    letter-spacing:1px;
  }

  /* ── MINERS TABLE ── */
  .miners-table {
    width:100%;
    border-collapse:collapse;
  }

  .miners-table th {
    font-size:9px;
    color: var(--dim);
    letter-spacing:2px;
    text-align:left;
    padding: 10px 22px;
    border-bottom: 1px solid var(--border);
    background: rgba(0,0,0,0.2);
  }

  .miners-table td {
    padding: 13px 22px;
    font-size:12px;
    border-bottom: 1px solid rgba(26,63,57,0.4);
    vertical-align:middle;
  }

  .miners-table tr:last-child td { border-bottom:none; }
  .miners-table tr:hover td { background: rgba(0,229,204,0.04); }
  .miner-row:hover td { background: rgba(0,229,204,0.06) !important; }
  .miner-row:active td { background: rgba(0,229,204,0.1) !important; }

  .miner-addr {
    font-family:'Share Tech Mono',monospace;
    color: var(--teal);
    font-size:11px;
  }

  .miner-worker {
    font-size:10px;
    color: var(--dim);
    margin-top:2px;
  }

  .share-pill {
    display:inline-block;
    padding: 2px 8px;
    font-size:10px;
    border-radius:2px;
  }
  .pill-green  { background:rgba(57,255,143,0.1);  color:var(--green);  border:1px solid rgba(57,255,143,0.3); }
  .pill-yellow { background:rgba(255,233,74,0.1);  color:var(--yellow); border:1px solid rgba(255,233,74,0.3); }
  .pill-red    { background:rgba(255,74,110,0.1);  color:var(--red);    border:1px solid rgba(255,74,110,0.3); }

  .pct-bar-wrap {
    display:flex; align-items:center; gap:8px;
  }
  .pct-bar-bg {
    flex:1; height:3px;
    background: rgba(26,63,57,0.8);
    border-radius:2px;
    overflow:hidden;
  }
  .pct-bar-fill {
    height:100%;
    background: linear-gradient(90deg, var(--teal2), var(--teal));
    border-radius:2px;
    transition: width 0.6s ease;
    box-shadow: 0 0 6px rgba(0,229,204,0.5);
  }
  .pct-val {
    font-size:10px;
    color:var(--teal);
    min-width:36px;
    text-align:right;
  }

  /* ── BLOCKS ── */
  .blocks-list {
    max-height: 380px;
    overflow-y:auto;
  }
  .blocks-list::-webkit-scrollbar { width:4px; }
  .blocks-list::-webkit-scrollbar-track { background:transparent; }
  .blocks-list::-webkit-scrollbar-thumb { background:var(--border); }

  .block-item {
    display:grid;
    grid-template-columns: 60px 1fr 1fr 100px;
    align-items:center;
    padding:12px 22px;
    border-bottom:1px solid rgba(26,63,57,0.4);
    transition: background 0.15s;
    gap:12px;
  }
  .block-item:last-child { border-bottom:none; }
  .block-item:hover { background:rgba(0,229,204,0.04); }

  .block-height {
    font-family:'Orbitron',monospace;
    font-size:13px;
    color:var(--teal);
    font-weight:700;
  }

  .block-hash {
    font-size:10px;
    color:var(--dim);
    font-family:'Share Tech Mono',monospace;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .block-miner {
    font-size:10px;
    color:var(--text);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .block-reward {
    font-family:'Orbitron',monospace;
    font-size:12px;
    color:var(--green);
    text-align:right;
  }

  /* ── SHARES SECTION ── */
  .shares-breakdown {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:1px;
    background:var(--border);
  }

  .share-stat {
    background:var(--card);
    padding:18px 20px;
    text-align:center;
  }

  .share-stat-val {
    font-family:'Orbitron',monospace;
    font-size:22px;
    font-weight:700;
    line-height:1;
    margin-bottom:6px;
  }

  .share-stat-label {
    font-size:9px;
    color:var(--dim);
    letter-spacing:2px;
  }

  /* ── NETWORK CARD ── */
  .network-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:var(--border);
  }

  .network-item {
    background:var(--card);
    padding:16px 20px;
  }

  .network-item-label {
    font-size:9px;
    color:var(--dim);
    letter-spacing:2px;
    margin-bottom:6px;
  }

  .network-item-val {
    font-family:'Orbitron',monospace;
    font-size:16px;
    color:var(--teal);
  }

  /* ── EARNINGS ── */
  .earnings-row {
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
  }

  .earnings-table { width:100%; border-collapse:collapse; }
  .earnings-table th {
    font-size:9px; color:var(--dim); letter-spacing:2px;
    padding:10px 22px; text-align:left;
    border-bottom:1px solid var(--border);
    background:rgba(0,0,0,0.2);
  }
  .earnings-table td {
    padding:13px 22px; font-size:12px;
    border-bottom:1px solid rgba(26,63,57,0.4);
  }
  .earnings-table tr:last-child td { border-bottom:none; }
  .earnings-table tr:hover td { background:rgba(57,255,143,0.04); }

  .earn-amount {
    font-family:'Orbitron',monospace;
    color:var(--green);
    font-size:14px;
  }

  /* ── EMPTY STATE ── */
  .empty {
    padding:40px;
    text-align:center;
    color:var(--dim);
    font-size:12px;
    letter-spacing:2px;
  }

  /* ── LOADING ── */
  .loading-overlay {
    display:flex; align-items:center; justify-content:center;
    padding:30px;
    color:var(--dim);
    font-size:12px;
    letter-spacing:2px;
  }

  .spinner {
    width:16px; height:16px;
    border:2px solid var(--border);
    border-top-color:var(--teal);
    border-radius:50%;
    animation:spin 0.8s linear infinite;
    margin-right:12px;
  }
  @keyframes spin { to { transform:rotate(360deg); } }
  @keyframes fadeIn { from { background:rgba(0,229,204,0.08); } to { background:transparent; } }

  /* ── ERROR BANNER ── */
  .error-banner {
    display:none;
    background:rgba(255,74,110,0.08);
    border:1px solid rgba(255,74,110,0.3);
    color:var(--red);
    padding:10px 22px;
    font-size:11px;
    letter-spacing:1px;
  }



  /* ── LAST UPDATE ── */
  .last-update {
    font-size:10px;
    color:var(--dim);
    letter-spacing:1px;
  }

  /* ── TABS NAV ── */
  .tabs-nav {
    position:relative; z-index:10;
    display:flex;
    border-bottom:1px solid var(--border);
    background: var(--dark2);
    padding: 0 40px;
  }
  .tab-btn {
    background:transparent;
    border:none;
    border-bottom:2px solid transparent;
    color:var(--dim);
    padding:14px 22px;
    font-family:'Share Tech Mono',monospace;
    font-size:11px;
    letter-spacing:2px;
    cursor:pointer;
    transition:all 0.2s;
    margin-bottom:-1px;
  }
  .tab-btn:hover { color:var(--text); }
  .tab-btn.active {
    color:var(--teal);
    border-bottom-color:var(--teal);
  }

  /* ── PAGES ── */
  .page { display:none !important; }
  .page.active { display:block !important; }

  /* ── DOWNLOAD PAGE ── */
  .dl-hero {
    text-align:center;
    padding:48px 40px 32px;
    border-bottom:1px solid var(--border);
  }
  .dl-hero-title {
    font-family:'Orbitron',monospace;
    font-size:32px;
    font-weight:900;
    color:var(--teal);
    text-shadow:0 0 30px rgba(0,229,204,0.4);
    letter-spacing:4px;
    margin-bottom:12px;
  }
  .dl-hero-sub {
    font-size:12px;
    color:var(--dim);
    letter-spacing:2px;
  }
  .dl-cards {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    max-width:1000px;
    margin:40px auto;
    padding:0 40px;
  }
  .dl-card {
    background:var(--card);
    border:1px solid var(--border);
    padding:28px 24px;
    text-align:center;
    transition:border-color 0.2s, transform 0.2s;
    cursor:pointer;
    text-decoration:none;
    display:block;
  }
  .dl-card:hover {
    border-color:var(--teal);
    transform:translateY(-2px);
    box-shadow:0 8px 30px rgba(0,229,204,0.1);
  }
  .dl-os-icon {
    font-size:36px;
    margin-bottom:16px;
    display:block;
  }
  .dl-os-name {
    font-family:'Orbitron',monospace;
    font-size:13px;
    font-weight:700;
    color:var(--teal);
    letter-spacing:2px;
    margin-bottom:8px;
  }
  .dl-os-desc {
    font-size:10px;
    color:var(--dim);
    letter-spacing:1px;
    margin-bottom:16px;
    line-height:1.6;
  }
  .dl-btn {
    display:inline-block;
    background:transparent;
    border:1px solid var(--teal);
    color:var(--teal);
    padding:8px 20px;
    font-family:'Share Tech Mono',monospace;
    font-size:11px;
    letter-spacing:2px;
    cursor:pointer;
    transition:all 0.2s;
    text-decoration:none;
  }
  .dl-btn:hover {
    background:var(--teal);
    color:var(--dark);
  }
  .dl-btn.disabled {
    border-color:var(--border);
    color:var(--dim);
    cursor:not-allowed;
    pointer-events:none;
  }
  .dl-info {
    max-width:1000px;
    margin:0 auto 40px;
    padding:0 40px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
  }
  .dl-info-card {
    background:var(--card);
    border:1px solid var(--border);
    padding:20px 24px;
  }
  .dl-info-title {
    font-family:'Orbitron',monospace;
    font-size:10px;
    color:var(--teal);
    letter-spacing:2px;
    margin-bottom:12px;
  }
  .dl-info-item {
    display:flex;
    justify-content:space-between;
    padding:5px 0;
    border-bottom:1px solid rgba(26,63,57,0.4);
    font-size:11px;
  }
  .dl-info-item:last-child { border-bottom:none; }
  .dl-info-key { color:var(--dim); }
  .dl-info-val { color:var(--text); }
  .dl-compile {
    max-width:1000px;
    margin:0 auto 40px;
    padding:0 40px;
  }
  .code-block {
    background:rgba(0,0,0,0.4);
    border:1px solid var(--border);
    border-left:3px solid var(--teal);
    padding:16px 20px;
    font-size:12px;
    color:var(--green);
    font-family:'Share Tech Mono',monospace;
    line-height:1.8;
    position:relative;
    margin-top:10px;
  }
  .copy-btn {
    position:absolute;
    top:8px; right:8px;
    background:transparent;
    border:1px solid var(--border);
    color:var(--dim);
    padding:3px 8px;
    font-size:9px;
    font-family:'Share Tech Mono',monospace;
    cursor:pointer;
    letter-spacing:1px;
  }
  .copy-btn:hover { border-color:var(--teal); color:var(--teal); }

  /* ── GUIDE PAGE ── */
  .guide-wrap {
    max-width:900px;
    margin:0 auto;
    padding:40px;
  }
  .guide-step {
    display:grid;
    grid-template-columns:48px 1fr;
    gap:24px;
    margin-bottom:40px;
    position:relative;
  }
  .guide-step::after {
    content:'';
    position:absolute;
    left:23px; top:52px; bottom:-20px;
    width:1px;
    background:linear-gradient(180deg, var(--border), transparent);
  }
  .guide-step:last-child::after { display:none; }
  .step-num {
    width:48px; height:48px;
    border:1px solid var(--teal);
    display:flex; align-items:center; justify-content:center;
    font-family:'Orbitron',monospace;
    font-size:16px;
    font-weight:700;
    color:var(--teal);
    flex-shrink:0;
    background:var(--card);
  }
  .step-content {}
  .step-title {
    font-family:'Orbitron',monospace;
    font-size:14px;
    font-weight:700;
    color:var(--teal);
    letter-spacing:2px;
    margin-bottom:10px;
    margin-top:10px;
  }
  .step-desc {
    font-size:12px;
    color:var(--text);
    line-height:1.8;
    margin-bottom:12px;
  }
  .step-note {
    background:rgba(0,229,204,0.05);
    border-left:2px solid var(--teal2);
    padding:10px 14px;
    font-size:11px;
    color:var(--dim);
    margin-top:10px;
    line-height:1.7;
  }
  .step-note strong { color:var(--teal); }
  .conf-line {
    display:flex;
    gap:12px;
    padding:6px 0;
    border-bottom:1px solid rgba(26,63,57,0.3);
    font-size:11px;
  }
  .conf-key { color:var(--teal); min-width:130px; font-family:'Share Tech Mono',monospace; }
  .conf-val { color:var(--yellow); font-family:'Share Tech Mono',monospace; }
  .conf-comment { color:var(--dim); }

  @media(max-width:700px){
    .dl-cards { grid-template-columns:1fr; padding:0 20px; }
    .dl-info   { grid-template-columns:1fr; padding:0 20px; }
    .dl-compile{ padding:0 20px; }
    .guide-wrap{ padding:20px; }
    .tabs-nav  { padding:0 20px; }
  }

  /* ── FAQ ── */
  .faq-item {
    border:1px solid var(--border);
    margin-bottom:8px;
    cursor:pointer;
    transition:border-color 0.2s;
  }
  .faq-item:hover { border-color:var(--teal2); }
  .faq-q {
    padding:14px 18px;
    font-size:11px;
    color:var(--text);
    letter-spacing:1px;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .faq-q::after { content:'▸'; color:var(--teal); font-size:12px; flex-shrink:0; margin-left:12px; }
  .faq-item.open .faq-q::after { content:'▾'; }
  .faq-a {
    display:none;
    padding:0 18px 14px;
    font-size:11px;
    color:var(--dim);
    line-height:1.8;
    border-top:1px solid var(--border);
  }
  .faq-item.open .faq-a { display:block; }
  @media(max-width:900px){
    main { padding:20px; }
    .stats-row { grid-template-columns:1fr 1fr; }
    .two-col   { grid-template-columns:1fr; }
    header     { padding:18px 20px; }
    .logo-ascii{ font-size:20px; }
  }
  @media(max-width:500px){
    .stats-row { grid-template-columns:1fr; }
    .block-item{ grid-template-columns:50px 1fr 80px; }
    .block-miner{ display:none; }
  }

/* ── MODAL CLASSES ── */
.modal-overlay {
  display:none;
  position:fixed;inset:0;
  background:rgba(0,0,0,0.75);
  z-index:1000;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.modal-overlay.open { display:flex; }
.modal-box {
  background:var(--dark2);
  border:1px solid var(--border);
  width:100%;max-width:760px;
  max-height:85vh;
  display:flex;flex-direction:column;
  overflow:hidden;
}
.modal-header {
  padding:18px 24px;
  border-bottom:1px solid var(--border);
  background:rgba(0,229,204,0.04);
  display:flex;align-items:center;justify-content:space-between;
}
.modal-title {
  font-family:'Orbitron',monospace;
  font-size:14px;font-weight:700;
  color:var(--teal);letter-spacing:3px;
}
.modal-addr {
  font-size:10px;color:var(--dim);
  margin-top:4px;
  font-family:'Share Tech Mono',monospace;
}
.modal-close {
  background:transparent;
  border:1px solid var(--border);
  color:var(--dim);
  width:32px;height:32px;
  font-size:16px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all 0.2s;
}
.modal-close:hover { border-color:var(--red);color:var(--red); }
.modal-stats {
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:var(--border);
}
.modal-stat-item { background:var(--card);padding:14px 24px; }
.modal-stat-label { font-size:9px;color:var(--dim);letter-spacing:2px;margin-bottom:5px; }
.modal-stat-val { font-family:'Orbitron',monospace;font-size:20px; }
.modal-stat-val.yellow { color:var(--yellow); }
.modal-stat-val.green  { color:var(--green); }
.modal-table-wrap { overflow-y:auto;flex:1; }
.modal-table { width:100%;border-collapse:collapse; }
.modal-table thead { position:sticky;top:0;z-index:1; }
.modal-table thead tr { background:var(--dark3); }
.modal-table th {
  font-size:9px;color:var(--dim);letter-spacing:2px;
  padding:9px 18px;text-align:left;
  border-bottom:1px solid var(--border);
}
.modal-table td { padding:11px 18px; }
.modal-table tbody tr { border-bottom:1px solid rgba(26,63,57,0.4); }
.modal-table tbody tr:hover { background:rgba(0,229,204,0.04); }

/* ── BUTTON GOTO DASHBOARD ── */
.btn-goto-dashboard {
  background:transparent;
  border:1px solid var(--teal);
  color:var(--teal);
  padding:10px 24px;
  font-family:'Share Tech Mono',monospace;
  font-size:11px;letter-spacing:2px;
  cursor:pointer;transition:all 0.2s;
}
.btn-goto-dashboard:hover { background:var(--teal);color:var(--dark); }

/* ── FAQ SECTION ── */
.faq-section {
  border-top:1px solid var(--border);
  padding-top:32px;margin-top:8px;
}
.faq-title {
  font-family:'Orbitron',monospace;
  font-size:12px;color:var(--teal);
  letter-spacing:3px;margin-bottom:24px;
}