:root{
      --bg:#070707;
      --panel:#111111;
      --panel-2:#171717;
      --line:#2c271c;
      --gold:#d7af45;
      --gold-2:#f2d787;
      --text:#f5f1e8;
      --muted:#a7a39b;
      --green:#47d18c;
      --red:#ff6b6b;
      --shadow:0 18px 48px rgba(0,0,0,.38);
      --radius:18px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:
        radial-gradient(circle at 10% 0%,rgba(215,175,69,.10),transparent 24%),
        radial-gradient(circle at 100% 40%,rgba(215,175,69,.06),transparent 25%),
        var(--bg);
      color:var(--text);
      font-family:Inter,system-ui,sans-serif;
      min-height:100vh;
    }
    button,input,select{font:inherit}
    a{color:inherit;text-decoration:none}
    .app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
    .sidebar{
      position:sticky;top:0;height:100vh;padding:24px 18px;
      border-right:1px solid var(--line);background:rgba(8,8,8,.92);
      backdrop-filter:blur(14px);z-index:20;
    }
    .brand{display:flex;align-items:center;gap:12px;margin:4px 8px 34px}
    .brand-mark{
      width:42px;height:42px;border:1px solid var(--gold);
      border-radius:14px;display:grid;place-items:center;
      color:var(--gold-2);font-weight:800;
      box-shadow:inset 0 0 24px rgba(215,175,69,.09);
    }
    .brand h1{font-family:"Playfair Display",serif;font-size:20px;margin:0}
    .brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
    .nav{display:grid;gap:8px}
    .nav a{
      display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;
      color:#c8c3b7;font-weight:600;font-size:14px;
    }
    .nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(215,175,69,.18),rgba(215,175,69,.04));color:var(--gold-2)}
    .nav .icon{width:22px;text-align:center}
    .sidebar-footer{position:absolute;left:18px;right:18px;bottom:22px}
    .network-box{
      border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px;
      color:var(--muted);font-size:12px
    }
    .network-row{display:flex;justify-content:space-between;gap:10px;margin-top:8px}
    .dot{width:8px;height:8px;background:var(--green);display:inline-block;border-radius:99px;margin-right:6px}

    .main{min-width:0}
    .topbar{
      position:sticky;top:0;z-index:15;height:76px;padding:0 28px;
      display:flex;align-items:center;justify-content:space-between;
      border-bottom:1px solid var(--line);background:rgba(7,7,7,.84);backdrop-filter:blur(14px);
    }
    .topbar-left{display:flex;align-items:center;gap:14px}
    .menu-btn{display:none}
    .page-title{font-size:18px;font-weight:800}
    .page-sub{font-size:12px;color:var(--muted);margin-top:3px}
    .wallet-wrap{display:flex;align-items:center;gap:10px}
    .wallet-pill{
      display:none;padding:10px 12px;border:1px solid var(--line);border-radius:12px;
      color:var(--gold-2);font-size:13px
    }
    .btn{
      border:0;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer;
      transition:.2s transform,.2s opacity,.2s border-color;
    }
    .btn:hover{transform:translateY(-1px)}
    .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
    .btn-gold{background:linear-gradient(135deg,#b88a24,#f0cf70);color:#0a0a0a}
    .btn-dark{background:#151515;color:var(--text);border:1px solid var(--line)}
    .btn-danger{background:#261414;color:#ffb1b1;border:1px solid #5b2d2d}
    .btn-block{width:100%}

    .content{padding:28px;max-width:1500px;margin:auto}
    .hero{
      display:grid;grid-template-columns:1.6fr .9fr;gap:18px;margin-bottom:20px
    }
    .hero-main,.hero-side,.card{
      background:linear-gradient(145deg,rgba(22,22,22,.98),rgba(12,12,12,.98));
      border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)
    }
    .hero-main{padding:28px;position:relative;overflow:hidden}
    .hero-main:after{
      content:"";position:absolute;width:300px;height:300px;border-radius:50%;
      right:-90px;top:-120px;background:radial-gradient(circle,rgba(215,175,69,.22),transparent 66%)
    }
    .eyebrow{color:var(--gold-2);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1.6px}
    .hero h2{font-size:34px;line-height:1.12;margin:10px 0 10px;max-width:700px}
    .hero p{color:var(--muted);line-height:1.7;max-width:700px;margin:0 0 22px}
    .hero-actions{display:flex;gap:10px;flex-wrap:wrap}
    .hero-side{padding:22px}
    .status-line{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #252117}
    .status-line:last-child{border-bottom:0}
    .status-line span{color:var(--muted);font-size:13px}
    .status-line strong{font-size:14px}

    .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
    .stat{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
    .stat .label{font-size:12px;color:var(--muted);margin-bottom:8px}
    .stat .value{font-size:24px;font-weight:800}
    .stat .sub{font-size:11px;color:var(--gold);margin-top:8px}

    .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
    .card{padding:22px}
    .span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}
    .card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
    .card h3{font-size:17px;margin:0;color:var(--text)!important;}
    .card .desc{font-size:12px;color:var(--muted);margin-top:5px}
    .badge{padding:6px 9px;border-radius:999px;background:#211d12;color:var(--gold-2);font-size:11px;font-weight:700;border:1px solid #3b321e}
    .form-group{margin-bottom:14px}
    label{display:block;font-size:12px;color:#d0cabd;margin-bottom:7px;font-weight:700}
    .input{
      width:100%;background:#0d0d0d;color:var(--text);border:1px solid #302b20;
      border-radius:12px;padding:12px 13px;outline:none;
    }
    .input:focus{border-color:var(--gold)}
    .hint{font-size:11px;color:var(--muted);margin-top:6px}
    .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .mini-list{display:grid;gap:10px}
    .mini-item{
      display:flex;justify-content:space-between;align-items:center;gap:12px;
      padding:12px;border:1px solid #282319;border-radius:12px;background:#0c0c0c
	  color:var(--text);
    }
    .mini-item span{font-size:12px;color:var(--muted)}
    .mini-item strong{font-size:13px;color:var(--text)}
    .progress{height:8px;background:#242017;border-radius:99px;overflow:hidden;margin-top:8px}
    .progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ad8022,#f2d787);border-radius:99px}
    .table-wrap{overflow:auto}
    table{width:100%;border-collapse:collapse;min-width:720px}
    th,td{padding:13px 12px;border-bottom:1px solid #272218;text-align:left;font-size:13px}
    th{color:var(--gold-2);font-size:11px;text-transform:uppercase;letter-spacing:.6px}
    td{color:#d7d2c8}
    .rank{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#211c10;color:var(--gold-2);font-weight:800}
    .status-ok{color:var(--green)}.status-no{color:var(--red)}
    .section-anchor{scroll-margin-top:100px}
    .toast{
      position:fixed;right:22px;bottom:22px;z-index:50;max-width:360px;
      background:#151515;border:1px solid var(--line);border-radius:14px;padding:14px 16px;
      box-shadow:var(--shadow);display:none;font-size:13px;line-height:1.5
    }
    .toast.show{display:block}
    .overlay{display:none}

    @media(max-width:1100px){
      .stats{grid-template-columns:repeat(2,1fr)}
      .hero{grid-template-columns:1fr}
      .span-4,.span-5,.span-7,.span-8{grid-column:span 12}
    }
    @media(max-width:820px){
      .app{grid-template-columns:1fr}
      .sidebar{position:fixed;left:-280px;transition:.25s left;width:260px}
      .sidebar.open{left:0}
      .overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:19}
      .overlay.show{display:block}
      .menu-btn{display:inline-grid;place-items:center;width:42px;height:42px;padding:0}
      .content{padding:18px}
      .topbar{padding:0 16px}
      .wallet-pill{max-width:135px;overflow:hidden;text-overflow:ellipsis}
    }
    @media(max-width:560px){
      .stats{grid-template-columns:1fr}
      .hero h2{font-size:28px}
      .row{grid-template-columns:1fr}
      .wallet-wrap .btn{padding:10px 12px;font-size:12px}
      .page-sub{display:none}
    }
    .auth-modal .modal-content {
    background: #101010;
    color: #f5f1e8;
    border: 1px solid #d7af45;
    border-radius: 18px;
    overflow: hidden;
  }

  .auth-modal .modal-header {
    border-bottom: 1px solid #302a1d;
    padding: 20px 22px 10px;
  }

  .auth-modal .modal-title {
    font-weight: 800;
    color: #f2d787;
  }

  .auth-modal .btn-close {
    filter: invert(1);
  }

  .auth-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 10px 22px 0;
  }

  .auth-tabs .nav-link {
    width: 100%;
    border: 1px solid #302a1d;
    background: #171717;
    color: #aaa59a;
    border-radius: 12px;
    padding: 12px;
    font-weight: 700;
  }

  .auth-tabs .nav-link.active {
    background: linear-gradient(135deg, #b88a24, #f0cf70);
    color: #080808;
    border-color: #d7af45;
  }

  .auth-modal .modal-body {
    padding: 22px;
  }

  .auth-modal .form-group {
    margin-bottom: 15px;
  }

  .auth-modal label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #d5cfc2;
    margin-bottom: 7px;
  }

  .auth-modal .input {
    width: 100%;
    padding: 13px 14px;
    background: #090909;
    color: #ffffff;
    border: 1px solid #332c1e;
    border-radius: 12px;
    outline: none;
  }

  .auth-modal .input:focus {
    border-color: #d7af45;
    box-shadow: 0 0 0 3px rgba(215, 175, 69, 0.1);
  }

  .auth-modal .hint {
    margin-top: 7px;
    font-size: 11px;
    color: #98938a;
  }

  .auth-modal {
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: 13px;
    font-weight: 800;
    background: linear-gradient(135deg, #b88a24, #f0cf70);
    color: #080808;
  }

  .auth-modal .btn-dark-custom {
    width: 100%;
    border: 1px solid #3b3323;
    border-radius: 12px;
    padding: 13px;
    font-weight: 800;
    background: #171717;
    color: #f5f1e8;
  }

  .wallet-info {
    border: 1px solid #302a1d;
    background: #0b0b0b;
    border-radius: 12px;
    padding: 13px;
    margin-bottom: 15px;
    font-size: 13px;
  }

  .wallet-info span {
    color: #a7a39b;
  }

  .wallet-info strong {
    display: block;
    margin-top: 5px;
    color: #f2d787;
    word-break: break-all;
  }