:root{
        --bg: #0b1220;
        --panel: #121a2a;
        --card: #1a2332;
        --card-2: #152235;
        --line: rgba(255,255,255,.08);
        --accent: #66c0f4;
        --accent-2:#9fef00;
        --muted:#9aa4b2;
        --danger:#ff3e3e;
        --text:#ffffff;
        --neon: #35e8ff;
      }
      body{background:var(--bg); color:var(--text);}
      .numbers{font-variant-numeric:tabular-nums;}
      .muted{color:var(--muted);}
      .chip{display:inline-block; padding:6px 10px; font-size:12px; border-radius:8px; border:1px solid var(--line); background: var(--card, #152235);}
      .chip-accent{border-color:var(--accent-2); color: var(--accent-2);}
      .chip-blue{border-color:var(--accent)}
      .kpi-card {cursor: pointer; transition: box-shadow 200ms ease, transform 200ms ease;}
      .kpi-card:hover,.kpi-card:focus-visible {
        box-shadow: 0 0 0 1px var(--neon), 0 0 12px var(--neon), 0 0 28px color-mix(in srgb, var(--neon) 60%, transparent);
        transform: translateY(-1px);
      }
      .hide-important { display: none !important; }
      .slick-list { position: relative; width: 100%; overflow: hidden; }
      .slick-track { display:flex; gap:16px; overflow-x:auto; scroll-behavior:smooth; padding:0 20px; flex-wrap:nowrap; cursor:grab;}
      .slick-track:active { cursor:grabbing; }
      .slick-track::-webkit-scrollbar { display:none; }
      .slick-track { -ms-overflow-style:none; scrollbar-width:none; }
      .section-panel{ background:linear-gradient(180deg, rgba(21,34,53,.9), rgba(26,35,50,.9)); border:1px solid var(--line); border-radius:14px; }
      .card{ background:#0a0c11; border:1px solid var(--line); border-radius:12px; }
      .card-soft{ background:var(--card-2); border:1px solid var(--line); border-radius:12px; }

      .hero{
        background:
          var(--hero-photo, linear-gradient(transparent,transparent)),
          radial-gradient(600px 200px at 10% -20%, rgba(102,192,244,.25), transparent 60%),
          radial-gradient(500px 200px at 90% -30%, rgba(159,239,0,.15), transparent 60%),
          var(--panel);
        border:1px solid var(--line);
        border-radius:18px;
        padding:20px 24px;
        margin: 16px 24px 0 24px;
        margin-bottom: 30px !important;
      }
      .hero__left{ display:flex; gap:18px; align-items:center; }
      .hero__avatar{ width:88px; height:88px; border-radius:50%; overflow:hidden; border:2px solid var(--accent); background:#1d60a7; }
      .hero__name{ font-size:22px; font-weight:700; line-height:1.2; }
      .hero__row{ display:flex; flex-wrap:wrap; gap:14px; margin-top:6px; align-items:center;}
      .lvl-badge{ width:44px; height:44px; border-radius:50%; border:2px solid var(--accent); background:#1b2838; color:var(--accent); display:flex; align-items:center; justify-content:center; font-weight:700; }
      .hero__right{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; position:relative; z-index:2; margin-top: 20px; } /* гарантируем клики */
      .btn{ display:inline-flex; align-items:center; gap:8px; background:#1b2838; color:var(--accent); border:1px solid var(--accent); padding:10px 14px; border-radius:10px; font-size:14px; text-decoration:none; transition:.15s ease; cursor:pointer; }
      .btn:hover{ background:#101d2c; }
      .btn-ghost{ color:#fff; border-color:var(--line); }
      .btn-danger{ border-color:var(--danger); color:#fff; }
      .btn-success{ border-color:#2ecc71; color:#2ecc71; }

      .two-col{ display:flex; align-items:flex-start; gap:20px; margin:16px 24px; }
      .col-left{ width:350px; padding:0 0 0 0; }
      .col-right{ flex:1; min-width:0; }
      .block{ padding:14px; }
      .block h2, .block h3{ margin:0 0 10px 0; font-size:14px; font-weight:700; letter-spacing:.3px; }
      .block .desc{ color:#e3e8ef; line-height:1.7; font-size:14px; }

      .list-inline{ display:flex; flex-wrap:wrap; gap:8px; }
      .avatar-12{ width:48px; height:48px; border-radius:999px; background:#1d60a7; object-fit:cover; display:block; margin:0 auto 6px; }

      .kpi{ height:150px; width:210px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
      .kpi--wide{ width:310px; flex-direction:row; justify-content:space-between; padding:0 16px; }

      @media (max-width: 992px){
        .two-col{ flex-direction:column; }
        .col-left{ width:100%; }
        .col-right{ width:100%; }
        .hero{ margin:12px; }
        .two-col{ margin:12px; }
      }

      .kpi-grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; padding: 0 20px; margin-top: 18px; }
      .kpi-card{ background: #0a0c11; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; height: 150px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
      .kpi-card--wide{ grid-column: span 2; flex-direction: row; justify-content: space-between; padding: 0 16px; }
      .icon {background: none !important;}
      .kpi-card .icon{ font-size:50px; line-height:1; }
      .kpi-card .val{ font-size:24px; font-weight:700; margin-top:6px; }
      .kpi-card .meta{ font-size:10px; text-transform:uppercase; letter-spacing:.8px; color:#9aa4b2; }

      @media (max-width: 520px){
        .kpi-card--wide{ grid-column: span 1; padding: 12px; }
      }