:root {
      --bg:#f3f5ff;
      --fg:#1a1c2e;
      --muted:#7a7fa0;
      --card:#ffffff;
      --card-border:#dde1f1;
      --header:#f8f9ff;
      --table-border:#e3e6f4;
      --link:#4a5cff;
      --input-bg:#ffffff;
      --input-border:#d3d8f2;
      --badge-bg:#eef1ff;
      --badge-fg:#303a9c;
      --chip-bg:#eef1ff;
      --chip-fg:#232b8f;
      --accent:#6c5ce7;
      --accent-soft:#e3ddff;
    }

    html, body {
      height:100%;
    }
    body {
      margin:0;
      background:var(--bg);
      color:var(--fg);
      position:relative;
      min-height:100vh;
      font-family:"Inter", system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }
    body::before {
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:-1;
      background:
        radial-gradient(circle at top left, rgba(108,92,231,.26), transparent 55%),
        radial-gradient(circle at bottom right, rgba(0,184,255,.24), transparent 55%);
      opacity:0.95;
    }

    .navbar {
      background:linear-gradient(90deg,#101533,#202c78);
      border-bottom:1px solid rgba(255,255,255,.10);
      box-shadow:0 14px 30px rgba(8,10,40,.45);
    }
    .navbar-brand {
      letter-spacing:.08em;
      text-transform:uppercase;
      font-size:.85rem;
      color:#f4f4ff !important;
    }
    .navbar-user {
      color:#f4f5ff;
    }
    .navbar .btn {
      border-radius:999px;
      font-size:.8rem;
      padding:.35rem .9rem;
    }

    main.container {
      max-width:1160px;
    }

    /* Sayfa başlığı */
    .pp-page-head {
      margin-top:1.5rem;
    }
    .pp-page-head-inner {
      border-radius:1.3rem;
      padding:1.6rem 1.9rem;
      background:rgba(255,255,255,.92);
      box-shadow:0 18px 45px rgba(19,24,68,.18);
      position:relative;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.7);
    }
    .pp-page-head-inner::before {
      content:"";
      position:absolute;
      inset:-40%;
      background:
        radial-gradient(circle at 0% 0%, rgba(108,92,231,.24), transparent 55%),
        radial-gradient(circle at 100% 0%, rgba(0,184,255,.20), transparent 55%);
      opacity:.9;
      z-index:-1;
    }

    .pp-kicker {
      font-size:.78rem;
      text-transform:uppercase;
      letter-spacing:.16em;
      color:var(--muted);
      font-weight:600;
      margin-bottom:.3rem;
    }
    .pp-title {
      font-size:1.7rem;
      font-weight:700;
      margin-bottom:.2rem;
    }
    .pp-subtitle {
      margin:0;
      font-size:.95rem;
      color:var(--muted);
    }

    .pp-stats-card {
      border-radius:1.1rem;
      padding:1rem 1.1rem;
      background:rgba(246,247,255,.95);
      border:1px solid rgba(212,215,255,.9);
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:.75rem;
    }
    .pp-stat-label {
      font-size:.74rem;
      text-transform:uppercase;
      letter-spacing:.12em;
      color:var(--muted);
      font-weight:600;
    }
    .pp-stat-value {
      font-size:1.12rem;
      font-weight:600;
      display:flex;
      align-items:center;
      gap:.45rem;
    }
    .pp-stat-meta {
      font-size:.78rem;
      color:var(--muted);
    }

    .pp-country-pill {
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      padding:.55rem 1.1rem;
      border-radius:999px;
      background:var(--accent-soft);
      color:var(--chip-fg);
      font-size:.9rem;
      font-weight:500;
      border:1px solid rgba(149,140,255,.55);
    }

    .card {
      background:var(--card);
      border:1px solid var(--card-border);
      border-radius:1.15rem;
      box-shadow:0 10px 28px rgba(12,18,56,.08);
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      position:relative;
      overflow:hidden;
    }
    .card:hover {
      transform:translateY(-2px);
      box-shadow:0 18px 45px rgba(12,18,56,.17);
      border-color:rgba(118,124,255,.8);
    }
    .card::before {
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(135deg, rgba(108,92,231,.1), transparent 40%);
      opacity:0;
      pointer-events:none;
      transition:opacity .18s ease;
    }
    .card:hover::before {
      opacity:1;
    }

    .card-header {
      background:var(--header);
      border-bottom:1px solid var(--card-border);
      padding:.85rem 1.25rem;
      position:relative;
      z-index:1;
    }
    .card-header::after {
      content:"";
      position:absolute;
      inset-inline:0;
      bottom:0;
      height:2px;
      background:linear-gradient(90deg, rgba(108,92,231,.45), rgba(0,184,255,.35));
      opacity:.75;
    }
    .card-body {
      position:relative;
      z-index:1;
    }

    .provider-title {
      display:flex;
      align-items:center;
      gap:.75rem;
    }
    .provider-title .logo-img {
    width: 62px;
    height: auto
    }

    .badge-soft {
      background:var(--badge-bg);
      color:var(--badge-fg);
      border-radius:999px;
      border:1px solid var(--card-border);
      font-size:.78rem;
      padding:.28rem .75rem;
    }

    .muted { color:var(--muted); }

    .form-select,
    .form-control {
      background:var(--input-bg);
      color:var(--fg);
      border-color:var(--input-border);
      border-radius:999px;
      padding:.55rem .9rem;
      font-size:.9rem;
    }
    .form-select:focus,
    .form-control:focus {
      box-shadow:0 0 0 .18rem rgba(92,113,255,.28);
      border-color:#5c71ff;
    }

    a { color:var(--link); }

    .table {
      font-size:.88rem;
      --bs-table-bg: none!important;
      bs-table-bg: none!important;
    }
    .table thead th {
      color:var(--muted);
      border-bottom-color:var(--table-border);
      text-transform:uppercase;
      font-size:.75rem;
      letter-spacing:.08em;
      font-weight:600;
    }
    .table tbody td {
      border-top-color:var(--table-border);
      vertical-align:middle;
    }
    .table tbody tr:hover {
      background:rgba(104,116,255,.04);
    }

    .chip {
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      padding:7px 14px;
      border-radius:999px;
      background:var(--chip-bg);
      color:var(--chip-fg);
      font-size:.86rem;
      border:1px solid var(--card-border);
      white-space:nowrap;
      cursor:pointer;
      transition:background .15s ease, color .15s ease, box-shadow .15s ease, transform .12s ease, border-color .15s ease;
    }
    .chip.active {
      background:linear-gradient(135deg, #6c5ce7, #00b8ff);
      color:#fff;
      border-color:transparent;
      transform:translateY(-1px);
    }

    .chip-logo {
      width:18px;
      height:18px;
      object-fit:contain;
      border-radius:999px;
      background:rgba(255,255,255,.95);
      padding:2px;
    }

    .filter-wrap {
      position:sticky;
      top:96px;
      z-index:20;
      background:rgba(248,250,255,.96);
      border-radius:999px;
      padding:.45rem .75rem;
      border:1px solid rgba(193,200,255,.8);
      box-shadow:0 16px 40px rgba(15,20,60,.22);
      backdrop-filter:blur(14px);
    }

    .chips {
      display:flex;
      gap:.5rem;
      overflow-x:auto;
      padding-bottom:.1rem;
      scrollbar-width:thin;
    }
    .chips::-webkit-scrollbar {
      height:6px;
    }
    .chips::-webkit-scrollbar-thumb {
      background:rgba(99,110,255,.55);
      border-radius:999px;
    }

    [data-hidden="true"] { display:none !important; }

    .rate-card,
    .crypto-card {
      border:1px solid var(--card-border);
      border-radius:.9rem;
      padding:.75rem .9rem;
      background:var(--card);
      box-shadow:0 6px 16px rgba(12,18,56,.08);
    }

    .kv {
      display:grid;
      grid-template-columns:120px 1fr;
      gap:.25rem .75rem;
      font-size:.9rem;
    }
    .kv .k { color:var(--muted); }

    .section-title {
      font-size:.9rem;
      font-weight:600;
      letter-spacing:.06em;
      text-transform:uppercase;
      display:flex;
      align-items:center;
      gap:.45rem;
      color:var(--muted);
    }
    .section-title svg {
      flex-shrink:0;
      opacity:.9;
    }

    .btn-pill {
      border-radius:999px;
      font-size:.82rem;
      padding:.4rem .9rem;
    }
    .btn-gradient {
      border:none;
      background:linear-gradient(135deg,#6c5ce7,#00b8ff);
      color:#fff;
      box-shadow:0 10px 28px rgba(15,20,60,.45);
    }
    .btn-gradient:hover {
      filter:brightness(1.03);
      color:#fff;
    }

    .export-hint {
      font-size:.78rem;
      color:var(--muted);
    }

    @media (max-width: 767.98px) {
      .pp-page-head-inner {
        padding:1.2rem 1.2rem;
      }
      .pp-stats-card {
        grid-template-columns:1fr 1fr;
      }
      .filter-wrap {
        top:90px;
        border-radius:1rem;
      }
    }
    .pp-page-head-inner{
  display:flex;
  flex-direction:column;
  gap:1.8rem;
}

/* Sol taraf: başlık metinleri */
.pp-page-head-left{
  flex:1 1 auto;
  min-width:0;
}

/* Sağ taraf: istatistik kutusu */
.pp-page-head-right{
  flex:0 0 auto;
}

/* Masaüstü hizalaması */
@media (min-width: 992px){
  .pp-page-head-inner{
    flex-direction:row;
    align-items:flex-start;       /* üstten hizala */
    justify-content:space-between;
  }

  .pp-page-head-left{
    max-width:520px;              /* soldaki metin genişliği */
    padding-right:2rem;
  }

  .pp-page-head-right{
    flex:0 0 360px;               /* istatistik kartı sabit genişlik */
  }

  .pp-stats-card{
    width:100%;                   /* sağdaki kutu tüm alanını doldursun */
  }
}