:root{
  --radius-xl:16px;
  --radius-2xl:20px;
  --radius-3xl:24px;
  --shadow-soft:0 4px 20px rgba(2,6,23,.06), 0 1px 3px rgba(2,6,23,.04);
  --shadow-lift:0 8px 32px rgba(2,6,23,.1), 0 2px 8px rgba(2,6,23,.06);

  --brand-50:#eef2ff;
  --brand-100:#e0e7ff;
  --brand-200:#c7d2fe;
  --brand-400:#818cf8;
  --brand-500:#6366f1;
  --brand-600:#4f46e5;

  --bg:#f8fafc;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --border:#e2e8f0;
  --text:#0f172a;
  --text-2:#334155;
  --muted:#64748b;

  --dark-bg:#0a0f1d;
  --dark-surface:#0e1729;
  --dark-surface-2:rgba(2,6,23,.72);
  --dark-border:rgba(226,232,240,.14);
  --dark-text:#f1f5f9;
  --dark-text-2:#cbd5e1;
}

/* Haber Ticker Animation */
@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@keyframes pulseTicker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-ticker {
  animation: ticker 8s linear infinite;
}

.news-ticker:hover .animate-ticker {
  animation-play-state: paused;
}

.ticker-content {
  gap: 3rem; /* Haberler arasında boşluk */
}

.news-ticker {
  max-width: 300px; /* Sadece 1 haber genişliği */
}

 .pulse-bar{
   border-radius:var(--radius-3xl);
   border:1px solid rgba(99,102,241,.22);
   background:
     radial-gradient(900px 220px at 18% 0%, rgba(99,102,241,.14), transparent 60%),
     radial-gradient(700px 220px at 82% 0%, rgba(34,211,238,.10), transparent 60%),
     radial-gradient(700px 260px at 50% 140%, rgba(244,63,94,.10), transparent 60%),
     linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.96));
   box-shadow:var(--shadow-soft);
   overflow:hidden;
 }
 .dark .pulse-bar{
   border-color:rgba(129,140,248,.24);
   background:
     radial-gradient(900px 260px at 18% 0%, rgba(99,102,241,.20), transparent 62%),
     radial-gradient(900px 260px at 82% 0%, rgba(34,211,238,.14), transparent 62%),
     radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.10), transparent 60%),
     linear-gradient(180deg, rgba(2,6,23,.60), rgba(10,15,29,.92));
   box-shadow:var(--shadow-lift);
 }

 .pulse-bar__inner{
   display:flex;
   align-items:center;
   gap:1rem;
   padding:.85rem 1rem;
 }
 .pulse-bar__left{
   display:flex;
   align-items:center;
   gap:.65rem;
   flex:0 0 auto;
 }
 .pulse-bar__dot{
   width:.6rem;
   height:.6rem;
   border-radius:999px;
   background:rgba(16,185,129,1);
   box-shadow:0 0 0 6px rgba(16,185,129,.14);
 }

 .pulse-bar__ticker{
   flex:1 1 auto;
   overflow:hidden;
   min-width:10rem;
 }
 .pulse-bar__track{
   display:flex;
   gap:.65rem;
   width:max-content;
   animation:pulseTicker 16s linear infinite;
 }
 .pulse-bar__ticker:hover .pulse-bar__track{animation-play-state:paused;}

 .pulse-chip{
   display:inline-flex;
   align-items:center;
   gap:.45rem;
   border-radius:999px;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.78);
   padding:.35rem .6rem;
   font-size:.75rem;
   font-weight:800;
   color:rgba(30,41,59,1);
   box-shadow:0 1px 2px rgba(2,6,23,.05);
   white-space:nowrap;
 }
 .dark .pulse-chip{border-color:rgba(226,232,240,.14);background:rgba(2,6,23,.35);color:rgba(226,232,240,.92);} 
 .pulse-chip__sym{letter-spacing:.02em;}
 .pulse-chip__val{font-weight:900;}
 .pulse-chip__chg{font-weight:900;}
 .pulse-chip__chg.is-up{color:rgba(16,185,129,1);} 
 .pulse-chip__chg.is-down{color:rgba(244,63,94,1);} 
 .dark .pulse-chip__chg.is-up{color:rgba(52,211,153,1);} 
 .dark .pulse-chip__chg.is-down{color:rgba(251,113,133,1);} 

 .pulse-bar__right{
   display:flex;
   align-items:center;
   gap:.5rem;
   flex:0 0 auto;
 }
 .pulse-badge{
   display:inline-flex;
   align-items:center;
   border-radius:999px;
   padding:.35rem .6rem;
   font-size:.75rem;
   font-weight:900;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.72);
   color:rgba(30,41,59,1);
 }
 .dark .pulse-badge{border-color:rgba(226,232,240,.14);background:rgba(2,6,23,.35);color:rgba(226,232,240,.92);} 

 @media (max-width: 767px){
   .pulse-bar__inner{gap:.75rem;}
   .pulse-bar__right{display:none;}
 }
 @media (max-width: 479px){
   .pulse-bar__left{display:none;}
 }

 .detail-hero{
   position:relative;
   border-radius:var(--radius-3xl);
   border:1px solid rgba(99,102,241,.20);
   background:
     radial-gradient(900px 260px at 16% 0%, rgba(99,102,241,.14), transparent 62%),
     radial-gradient(900px 260px at 84% 0%, rgba(34,211,238,.10), transparent 62%),
     radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.10), transparent 60%),
     linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,250,252,.96));
   box-shadow:var(--shadow-lift);
   overflow:hidden;
 }
 .dark .detail-hero{
   border-color:rgba(129,140,248,.20);
   background:
     radial-gradient(900px 260px at 16% 0%, rgba(99,102,241,.20), transparent 62%),
     radial-gradient(900px 260px at 84% 0%, rgba(34,211,238,.14), transparent 62%),
     radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.10), transparent 60%),
     linear-gradient(180deg, rgba(2,6,23,.62), rgba(10,15,29,.92));
 }
 .detail-hero__inner{padding:1.25rem;}
 @media (min-width: 640px){.detail-hero__inner{padding:1.5rem;}}

 .detail-actions{
   display:grid;
   gap:.5rem;
   width:100%;
   max-width:22rem;
 }
 @media (min-width: 640px){
   .detail-actions{grid-template-columns:1fr;}
 }
 @media (min-width: 1024px){
   .detail-actions{position:sticky;top:6.25rem;}
 }

 .detail-nav{
   margin-top:1rem;
   display:flex;
   flex-wrap:wrap;
   gap:.4rem;
 }
 .detail-nav__link{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   border-radius:999px;
   padding:.35rem .65rem;
   font-size:.75rem;
   font-weight:900;
   text-decoration:none;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.72);
   color:rgba(30,41,59,1);
   box-shadow:0 1px 2px rgba(2,6,23,.05);
 }
 .detail-nav__link:hover{border-color:rgba(99,102,241,.35);}
 .dark .detail-nav__link{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);color:rgba(226,232,240,.92);} 
 .dark .detail-nav__link:hover{border-color:rgba(129,140,248,.38);} 

html,body{height:100%;}
body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}
.dark body{background:var(--dark-bg);color:var(--dark-text);}

@supports (padding: env(safe-area-inset-bottom)){
  :root{
    --safe-bottom: env(safe-area-inset-bottom);
    --safe-top: env(safe-area-inset-top);
  }
}

/* Neon header (applies site-wide without editing HTML) */
header.sticky{
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:0 !important;
  background:
    radial-gradient(900px 220px at 10% 0%, rgba(99,102,241,.18), transparent 60%),
    radial-gradient(700px 220px at 90% 0%, rgba(244,63,94,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(248,250,252,.92));
  backdrop-filter: blur(12px);
}
header.sticky::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(99,102,241,.75), rgba(34,211,238,.65), rgba(244,63,94,.65), transparent);
  opacity:.9;
  display:none !important;
}
.dark header.sticky{
  border-bottom:0 !important;
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(99,102,241,.26), transparent 62%),
    radial-gradient(900px 260px at 82% 0%, rgba(34,211,238,.20), transparent 62%),
    radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.14), transparent 60%),
    linear-gradient(180deg, rgba(2,6,23,.72), rgba(10,15,29,.95));
}

/* Header buttons: stronger neon + sharper corners */
header.sticky .btn{
  border-radius:10px;
}
header.sticky .btn-primary{
  border-color:rgba(34,211,238,.28);
  box-shadow:
    0 12px 34px rgba(79,70,229,.24),
    0 0 0 1px rgba(99,102,241,.22) inset,
    0 0 22px rgba(34,211,238,.14);
}
header.sticky .btn-primary:hover{
  box-shadow:
    0 16px 46px rgba(79,70,229,.30),
    0 0 34px rgba(34,211,238,.18);
}
header.sticky .btn-secondary{
  border-color:rgba(99,102,241,.22);
  box-shadow:
    0 1px 2px rgba(2,6,23,.06),
    0 0 0 1px rgba(99,102,241,.14) inset,
    0 0 18px rgba(99,102,241,.10);
}
header.sticky .btn-secondary:hover{
  box-shadow:
    0 10px 28px rgba(99,102,241,.18),
    0 0 22px rgba(34,211,238,.12);
}

/* Mobile: prevent header overflow on small screens */
@media (max-width: 639px){
  header.sticky .container-app{
    flex-wrap:wrap;
    gap:.5rem;
    padding-top:.5rem;
    padding-bottom:.5rem;
  }
  header.sticky .container-app > a{min-width:0;}
  header.sticky .container-app > a .leading-tight{min-width:0;}
  header.sticky .container-app > a .leading-tight > div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  header.sticky .container-app > div.flex.items-center{
    width:100%;
    justify-content:flex-end;
  }
  header.sticky .btn{
    padding:.45rem .7rem;
    font-size:.8125rem;
  }
  header.sticky .nav-link{
    padding:.45rem .65rem;
    font-size:.8125rem;
  }
  body{padding-bottom:calc(6rem + var(--safe-bottom, 0px));}
  .btn{
    min-height:44px;
    min-width:44px;
    touch-action:manipulation;
  }
  .overflow-x-auto{-webkit-overflow-scrolling:touch;}
  table{max-width:100%;}


  /* === Index Page Final Mobile Layer (Aggressive) === */

  /* --- Top News Strip --- */
  body > section[aria-label="Haberler"] .rounded-3xl.bg-slate-900\/80 {
    padding: .75rem;
  }
  body > section[aria-label="Haberler"] .flex.flex-col.gap-4 {
    gap: .75rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body > section[aria-label="Haberler"] .inline-flex.h-10.w-10 {
    height: 2.25rem; width: 2.25rem;
  }
  body > section[aria-label="Haberler"] .btn {
    padding: .4rem .6rem; font-size: .75rem;
  }
  body > section[aria-label="Haberler"] .mt-5 { margin-top: .75rem; }
  body > section[aria-label="Haberler"] .grid.gap-3 { gap: .5rem; }
  body > section[aria-label="Haberler"] [data-home-stream="true"] { padding: .75rem; }

  /* --- All News/Poll/Ad Cards in Top Strip --- */
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 {
    padding: .6rem !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .flex.gap-3 {
    gap: .5rem !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .h-12.w-12 {
    width: 2.25rem !important; height: 2.25rem !important; flex-shrink: 0;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .text-sm {
    font-size: .8rem !important; line-height: 1.2 !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .text-xs {
    font-size: .7rem !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .text-\[11px\] {
    font-size: .65rem !important; flex-shrink: 0;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .mt-3 { margin-top: .5rem; }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .mt-1 { margin-top: .2rem; }

  /* --- Main Content Area --- */
  body > main.bg-white.pb-24 { padding-bottom: 6rem !important; }
  body > main.bg-white.pb-24 > section { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  body > main.bg-white.pb-24 .mt-6 { margin-top: 1rem !important; }
  body > main.bg-white.pb-24 .mt-8 { margin-top: 1.25rem !important; }
  body > main.bg-white.pb-24 .grid { gap: .75rem !important; }
  body > main.bg-white.pb-24 .card, body > main.bg-white.pb-24 .card-muted {
    padding: 1rem !important;
  }

  /* --- Hero Section --- */
  body > main.bg-white.pb-24 h1 { font-size: 1.9rem !important; line-height: 1.15 !important; }
  body > main.bg-white.pb-24 .inline-flex.items-center.gap-2.rounded-full { flex-wrap: nowrap; }
  body > main.bg-white.pb-24 .inline-flex.items-center.gap-2.rounded-full span:last-child { white-space: normal; }
  body > main.bg-white.pb-24 .mt-6.grid.gap-3 { font-size: .9rem; }
  body > main.bg-white.pb-24 .mt-6.flex.flex-col.gap-3 a.btn, body > main.bg-white.pb-24 form button.btn {
    padding: .75rem 1rem !important; font-size: .95rem !important;
  }
  body > main.bg-white.pb-24 form .input { font-size: .95rem !important; padding-top: .75rem !important; padding-bottom: .75rem !important; }

  /* --- Featured Coins Table --- */
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .flex-col.gap-4 { flex-direction: row; flex-wrap: wrap; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .text-xl { font-size: 1.1rem !important; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .badge { font-size: .65rem !important; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .btn { font-size: .75rem !important; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .overflow-x-auto table th,
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .overflow-x-auto table td {
    padding: .75rem .5rem !important;
    font-size: .8rem !important;
    white-space: nowrap !important;
  }

  /* --- Lower Sections --- */
  body > main.bg-white.pb-24 .section-title { font-size: 1.1rem !important; }
  body > main.bg-white.pb-24 .text-3xl { font-size: 1.5rem !important; }
  body > main.bg-white.pb-24 .text-2xl { font-size: 1.25rem !important; }
  body > main.bg-white.pb-24 .text-xl { font-size: 1.1rem !important; }
  body > main.bg-white.pb-24 .text-lg { font-size: 1rem !important; }
  body > main.bg-white.pb-24 .h-12.w-12 { height: 2.5rem !important; width: 2.5rem !important; flex-shrink: 0; }
  body > main.bg-white.pb-24 .flex.items-start.gap-4 { gap: .75rem !important; }
  body > main.bg-white.pb-24 .rounded-3xl.bg-white.p-6 { flex-direction: column; }

  /* === Index Page Final Mobile Layer (Aggressive) === */

  /* --- Top News Strip --- */
  body > section[aria-label="Haberler"] .rounded-3xl.bg-slate-900\/80 {
    padding: .75rem;
  }
  body > section[aria-label="Haberler"] .flex.flex-col.gap-4 {
    gap: .75rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body > section[aria-label="Haberler"] .inline-flex.h-10.w-10 {
    height: 2.25rem; width: 2.25rem;
  }
  body > section[aria-label="Haberler"] .btn {
    padding: .4rem .6rem; font-size: .75rem;
  }
  body > section[aria-label="Haberler"] .mt-5 { margin-top: .75rem; }
  body > section[aria-label="Haberler"] .grid.gap-3 { gap: .5rem; }
  body > section[aria-label="Haberler"] [data-home-stream="true"] { padding: .75rem; }

  /* --- All News/Poll/Ad Cards in Top Strip --- */
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 {
    padding: .6rem !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .flex.gap-3 {
    gap: .5rem !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .h-12.w-12 {
    width: 2.25rem !important; height: 2.25rem !important; flex-shrink: 0;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .text-sm {
    font-size: .8rem !important; line-height: 1.2 !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .text-xs {
    font-size: .7rem !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .text-\[11px\] {
    font-size: .65rem !important; flex-shrink: 0;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .mt-3 { margin-top: .5rem; }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .mt-1 { margin-top: .2rem; }

  /* --- Main Content Area --- */
  body > main.bg-white.pb-24 { padding-bottom: 6rem !important; }
  body > main.bg-white.pb-24 > section { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  body > main.bg-white.pb-24 .mt-6 { margin-top: 1rem !important; }
  body > main.bg-white.pb-24 .mt-8 { margin-top: 1.25rem !important; }
  body > main.bg-white.pb-24 .grid { gap: .75rem !important; }
  body > main.bg-white.pb-24 .card, body > main.bg-white.pb-24 .card-muted {
    padding: 1rem !important;
  }

  /* --- Hero Section --- */
  body > main.bg-white.pb-24 h1 { font-size: 1.9rem !important; line-height: 1.15 !important; }
  body > main.bg-white.pb-24 .inline-flex.items-center.gap-2.rounded-full { flex-wrap: nowrap; }
  body > main.bg-white.pb-24 .inline-flex.items-center.gap-2.rounded-full span:last-child { white-space: normal; }
  body > main.bg-white.pb-24 .mt-6.grid.gap-3 { font-size: .9rem; }
  body > main.bg-white.pb-24 .mt-6.flex.flex-col.gap-3 a.btn, body > main.bg-white.pb-24 form button.btn {
    padding: .75rem 1rem !important; font-size: .95rem !important;
  }
  body > main.bg-white.pb-24 form .input { font-size: .95rem !important; padding-top: .75rem !important; padding-bottom: .75rem !important; }

  /* --- Featured Coins Table --- */
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .flex-col.gap-4 { flex-direction: row; flex-wrap: wrap; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .text-xl { font-size: 1.1rem !important; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .badge { font-size: .65rem !important; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .btn { font-size: .75rem !important; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .overflow-x-auto table th,
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .overflow-x-auto table td {
    padding: .75rem .5rem !important;
    font-size: .8rem !important;
    white-space: nowrap !important;
  }

  /* --- Lower Sections --- */
  body > main.bg-white.pb-24 .section-title { font-size: 1.1rem !important; }
  body > main.bg-white.pb-24 .text-3xl { font-size: 1.5rem !important; }
  body > main.bg-white.pb-24 .text-2xl { font-size: 1.25rem !important; }
  body > main.bg-white.pb-24 .text-xl { font-size: 1.1rem !important; }
  body > main.bg-white.pb-24 .text-lg { font-size: 1rem !important; }
  body > main.bg-white.pb-24 .h-12.w-12 { height: 2.5rem !important; width: 2.5rem !important; flex-shrink: 0; }
  body > main.bg-white.pb-24 .flex.items-start.gap-4 { gap: .75rem !important; }
  body > main.bg-white.pb-24 .rounded-3xl.bg-white.p-6 { flex-direction: column; }

  /* === Global Mobile Layer === */

  /* --- Layout & Spacing --- */
  .container-app { padding-left: .75rem !important; padding-right: .75rem !important; }
  main.container-app { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .card, .card-muted, .kpi { padding: 1rem !important; }
  .grid { gap: .75rem !important; }

  /* --- Header & Footer --- */
  header.sticky .container-app > a img { height: 60px !important; width: auto !important; }
  footer.footer-neon .container-app { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  footer.footer-neon .lg\:col-span-7 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  footer.footer-neon .border-t { margin-top: 2rem !important; padding-top: 1.5rem !important; flex-direction: column; align-items: flex-start; }

  /* --- Typography --- */
  h1, .text-5xl, .text-4xl, .text-3xl { font-size: 1.75rem !important; line-height: 2rem !important; }
  h2, .text-2xl { font-size: 1.25rem !important; line-height: 1.75rem !important; }
  h3, .text-xl { font-size: 1.125rem !important; line-height: 1.5rem !important; }

  /* --- Forms & Buttons --- */
  .btn { padding: .6rem 1rem !important; font-size: .875rem !important; }
  .btn.text-xs { padding: .4rem .8rem !important; font-size: .75rem !important; }
  .input { padding: .6rem 1rem !important; font-size: .875rem !important; }

  /* --- Tables --- */
  .overflow-x-auto table th, .overflow-x-auto table td {
    padding: .75rem .5rem !important;
    font-size: .8rem !important;
    white-space: nowrap !important;
  }

  /* Global mobile safety net (site-wide) */
  .container-app{padding-left:.875rem;padding-right:.875rem;}
  img,video,canvas,svg{max-width:100%;height:auto;}
  iframe{max-width:100%;}
  pre,code{white-space:pre-wrap;word-break:break-word;}
  .badge,.badge-ok,.badge-warn,.badge-vip{max-width:100%;}
  .input,select,textarea{max-width:100%;}
  .card,.card-muted,.kpi{max-width:100%;}
  .overflow-x-auto{max-width:100%;}
  .min-w-\[16rem\]{min-width:0 !important;}

  #newsModal .cmdk__panel{width:calc(100% - 1rem);max-width:none !important;margin:.5rem auto 0;max-height:calc(100dvh - 1rem);}
  #newsModal .cmdk__header{padding:.75rem;}
  #newsModal .cmdk__body{padding:.75rem;max-height:calc(100dvh - 4.25rem);overflow:auto;-webkit-overflow-scrolling:touch;}
  #newsModal #newsModalImage{height:9rem;}

  .ticker-content{gap:1rem;}

  .news-ticker{max-width:100%;}

  [data-home-stream] > div.flex.items-center.justify-between{
    flex-wrap:wrap;
    row-gap:.5rem;
  }

  [data-home-stream] > div.flex.items-center.justify-between > div:last-child{
    width:100%;
    justify-content:flex-end;
  }

  /* Index tables & badges mobile fixes */
  .overflow-x-auto table{min-width:100%;}
  .overflow-x-auto th, .overflow-x-auto td{padding:.4rem .2rem;font-size:.75rem;}
  .overflow-x-auto th:nth-child(4), .overflow-x-auto td:nth-child(4){display:none;}
  .overflow-x-auto .h-8.w-24{width:4rem;height:1.5rem;}
  .overflow-x-auto .badge, .overflow-x-auto .badge-vip, .overflow-x-auto .badge-ok{font-size:.65rem;padding:.15rem .35rem;}
  .overflow-x-auto .flex.flex-wrap.gap-2{gap:.25rem;}
  .overflow-x-auto .btn{padding:.3rem .5rem;font-size:.7rem;}

  /* Son Haberler cards mobile */
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3{gap:.375rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 > a{padding:.375rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .flex.gap-3{gap:.375rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .h-12.w-12{width:1.75rem;height:1.75rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .text-sm{font-size:.7rem;line-height:1.1;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .text-xs{font-size:.6rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .text-\[11px\]{font-size:.55rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .inline-flex.items-center.gap-2{gap:.0625rem;flex-wrap:wrap;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .rounded-full{padding:.0625rem .1875rem;font-size:.55rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .min-w-0.flex-1{min-width:0;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .line-clamp-2{-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;}

  /* Anket & Akış cards mobile */
  .poll-neon{padding:.375rem;}
  .poll-neon .flex.gap-3{gap:.375rem;}
  .poll-neon .h-12.w-12{width:1.75rem;height:1.75rem;}
  .poll-neon .text-sm{font-size:.7rem;line-height:1.1;}
  .poll-neon .text-xs{font-size:.6rem;}
  .poll-neon .text-\[11px\]{font-size:.55rem;}
  .poll-neon .grid.grid-cols-2.gap-2{gap:.1875rem;}
  .poll-neon .px-3.py-2{padding:.1875rem .375rem;font-size:.6rem;}
  .poll-neon .btn.btn-primary{padding:.1875rem .375rem;font-size:.6rem;}
  .poll-neon .flex.items-center.justify-between.gap-2{gap:.1875rem;}
  .poll-neon .min-w-0.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .poll-neon .line-clamp-2{-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;}
  .poll-neon .mt-2{margin-top:.125rem;}
  .poll-neon .mt-1{margin-top:.125rem;}

  [data-home-stream] .rounded-2xl{padding:.5rem;}
  [data-home-stream] .text-sm.font-extrabold{font-size:.8rem;}
  [data-home-stream] .flex.items-center.justify-between.gap-2{gap:.25rem;flex-wrap:wrap;}
  [data-home-stream] .flex.items-center.justify-between.gap-2 > div:last-child{width:100%;justify-content:flex-end;}
  [data-home-stream] .btn.btn-secondary{padding:.25rem .5rem;font-size:.65rem;}
  [data-home-stream] .mt-3 .block.rounded-2xl{padding:.5rem;}
  [data-home-stream] .mt-3 .flex.gap-3{gap:.5rem;}
  [data-home-stream] .mt-3 .h-12.w-12{width:2rem;height:2rem;}
  [data-home-stream] .mt-3 .text-sm{font-size:.75rem;line-height:1.2;}
  [data-home-stream] .mt-3 .text-xs{font-size:.65rem;}
  [data-home-stream] .mt-3 .text-\[11px\]{font-size:.6rem;}
  [data-home-stream] .mt-3 .inline-flex.items-center.gap-2{gap:.125rem;flex-wrap:wrap;}
  [data-home-stream] .mt-3 .rounded-full{padding:.0625rem .25rem;font-size:.6rem;}
  [data-home-stream] .mt-3 .min-w-0.flex-1{min-width:0;}
  [data-home-stream] .mt-3 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  [data-home-stream] .mt-3 .line-clamp-2{-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;}

  /* Tüm haber kartları mobil (Son Haberler, Akış, Anket, Ads) */
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4{padding:.375rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .flex.gap-3{gap:.375rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .h-12.w-12{width:1.75rem;height:1.75rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-sm{font-size:.7rem;line-height:1.1;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-xs{font-size:.6rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-\[11px\]{font-size:.55rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .inline-flex.items-center.gap-2{gap:.0625rem;flex-wrap:wrap;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .rounded-full{padding:.0625rem .1875rem;font-size:.55rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .min-w-0.flex-1{min-width:0;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .line-clamp-2{-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .mt-1{margin-top:.125rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .mt-3{margin-top:.25rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .flex.items-start.justify-between.gap-3{gap:.375rem;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4{padding:.375rem;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4 .text-sm{font-size:.7rem;line-height:1.1;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4 .text-xs{font-size:.6rem;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4 .mt-1{margin-top:.125rem;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4 .mt-3{margin-top:.25rem;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4 .max-h-40{max-height:5rem;}

  /* Dark/Light theme mobile adjustments */
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4{border-color:rgba(255,255,255,.08);background:rgba(2,6,23,.45);}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white{color:rgba(241,245,249,.92) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/60{color:rgba(241,245,249,.6) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/70{color:rgba(241,245,249,.7) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/75{color:rgba(241,245,249,.75) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/80{color:rgba(241,245,249,.8) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .bg-white\/10{background:rgba(255,255,255,.08);}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .bg-amber-500\/20{background:rgba(245,158,11,.15);}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-amber-200{color:rgba(254,240,138,.85) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4{border-color:rgba(255,255,255,.08);background:linear-gradient(to bottom right, rgba(255,255,255,.08), rgba(255,255,255,.03));}
  .dark .poll-neon{border-color:rgba(255,255,255,.08);background:rgba(2,6,23,.45);}
  .dark .poll-neon .text-white{color:rgba(241,245,249,.92) !important;}
  .dark .poll-neon .text-white\/60{color:rgba(241,245,249,.6) !important;}
  .dark .poll-neon .text-white\/70{color:rgba(241,245,249,.7) !important;}
  .dark .poll-neon .bg-white\/10{background:rgba(255,255,255,.08);}
  .dark [data-home-stream] .rounded-2xl{border-color:rgba(255,255,255,.08);background:rgba(2,6,23,.45);}
  .dark [data-home-stream] .text-white{color:rgba(241,245,249,.92) !important;}
  .dark [data-home-stream] .text-white\/60{color:rgba(241,245,249,.6) !important;}
  .dark [data-home-stream] .text-white\/70{color:rgba(241,245,249,.7) !important;}
  .dark [data-home-stream] .text-white\/75{color:rgba(241,245,249,.75) !important;}
  .dark [data-home-stream] .text-white\/80{color:rgba(241,245,249,.8) !important;}
  .dark [data-home-stream] .bg-white\/10{background:rgba(255,255,255,.08);}
  .dark [data-home-stream] .bg-amber-500\/20{background:rgba(245,158,11,.15);}
  .dark [data-home-stream] .text-amber-200{color:rgba(254,240,138,.85) !important;}

  /* Light theme mobile adjustments (ensure consistency) */
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08);}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white{color:rgba(15,23,42,.95) !important;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/60{color:rgba(15,23,42,.6) !important;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/70{color:rgba(15,23,42,.7) !important;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/75{color:rgba(15,23,42,.75) !important;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/80{color:rgba(15,23,42,.8) !important;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .bg-white\/10{background:rgba(15,23,42,.08);}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .bg-amber-500\/20{background:rgba(245,158,11,.12);}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-amber-200{color:rgba(217,119,6,.85) !important;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4{border-color:rgba(255,255,255,.15);background:linear-gradient(to bottom right, rgba(255,255,255,.12), rgba(255,255,255,.06));}
  .poll-neon{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08);}
  .poll-neon .text-white{color:rgba(15,23,42,.95) !important;}
  .poll-neon .text-white\/60{color:rgba(15,23,42,.6) !important;}
  .poll-neon .text-white\/70{color:rgba(15,23,42,.7) !important;}
  .poll-neon .bg-white\/10{background:rgba(15,23,42,.08);}
  [data-home-stream] .rounded-2xl{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08);}
  [data-home-stream] .text-white{color:rgba(15,23,42,.95) !important;}
  [data-home-stream] .text-white\/60{color:rgba(15,23,42,.6) !important;}
  [data-home-stream] .text-white\/70{color:rgba(15,23,42,.7) !important;}
  [data-home-stream] .text-white\/75{color:rgba(15,23,42,.75) !important;}
  [data-home-stream] .text-white\/80{color:rgba(15,23,42,.8) !important;}
  [data-home-stream] .bg-white\/10{background:rgba(15,23,42,.08);}
  [data-home-stream] .bg-amber-500\/20{background:rgba(245,158,11,.12);}
  [data-home-stream] .text-amber-200{color:rgba(217,119,6,.85) !important;}
}

@media (min-width: 768px){
  #mobileMenuButton{display:none !important;}
}

/* Dark mode: improve readability for common Tailwind utility classes */
.dark .text-slate-900{color:var(--dark-text) !important;}
.dark .text-slate-800{color:var(--dark-text) !important;}
.dark .text-slate-700{color:rgba(244, 2, 2, 0.7) !important;}
.dark .text-slate-600{color:rgba(203,213,225,.92) !important;}
.dark .text-slate-500{color:rgba(203,213,225,.82) !important;}
.dark .text-slate-400{color:rgba(203,213,225,.70) !important;}

.dark .bg-white{background:var(--dark-surface) !important;}
.dark .bg-slate-50{background:var(--dark-surface) !important;}
.dark .bg-slate-100{background:var(--dark-surface-2) !important;}
.dark .bg-slate-900{background:rgba(2,6,23,.55) !important;}
.dark .bg-slate-950{background:var(--dark-bg) !important;}

.dark .text-slate-300{color:rgba(226,232,240,.90) !important;}
.dark .text-slate-200{color:rgba(241,245,249,.92) !important;}

.dark .border-slate-200{border-color:var(--dark-border) !important;}
.dark .border-slate-300{border-color:var(--dark-border) !important;}
.dark .border-slate-800{border-color:var(--dark-border) !important;}

::selection{background:var(--brand-200);color:var(--text);}
.dark ::selection{background:rgba(99,102,241,.3);color:var(--dark-text);}

.container-app{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}
@media (min-width:640px){.container-app{padding-left:1.5rem;padding-right:1.5rem;}}

.kpi{
  border-radius:var(--radius-2xl);
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(255,255,255,1), rgba(248,250,252,1));
  padding:1rem 1rem;
  box-shadow:0 10px 26px rgba(2,6,23,.06);
  position:relative;
  overflow:hidden;
}
.kpi::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:calc(var(--radius-2xl) + 1px);
  background:linear-gradient(135deg, rgba(99,102,241,.18), rgba(34,211,238,.10), rgba(244,63,94,.08));
  opacity:.30;
  pointer-events:none;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  padding:1px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.kpi > div:nth-child(2){
  letter-spacing:-.02em;
}
.dark .kpi{
  border-color:rgba(226,232,240,.12);
  background:linear-gradient(180deg, rgba(2,6,23,.40), rgba(2,6,23,.22));
  box-shadow:0 14px 40px rgba(2,6,23,.22);
}
.dark .kpi::before{opacity:.50;}

 .ad-carousel{
   position:relative;
   border-radius:var(--radius-3xl);
   border:1px solid var(--border);
   background:var(--surface);
   box-shadow:var(--shadow-soft);
   overflow:hidden;
 }
 .dark .ad-carousel{border-color:rgba(226,232,240,.12);background:var(--dark-surface);}

 .ad-carousel__viewport{overflow:hidden;}
 .ad-carousel__track{
   display:flex;
   width:100%;
   transform:translateX(0);
   transition:transform .45s ease;
 }
 .ad-carousel__slide{
   flex:0 0 100%;
   display:block;
 }
 .ad-carousel__img{
   width:100%;
   height:auto;
   display:block;
   aspect-ratio: 5 / 1;
   object-fit:cover;
   background:rgba(2,6,23,.04);
 }
 .dark .ad-carousel__img{background:rgba(2,6,23,.35);}

 .ad-carousel__img--sprite{
  height:auto;
  background-image:url('/assets/ads/ads-strip.png');
  background-repeat:no-repeat;
  background-size:400% 100%;
  background-position: var(--ad-x, 0%) 50%;
 }

 .ad-carousel::after{
   content:"";
   position:absolute;
   inset:-20% -30%;
   background:linear-gradient(120deg, transparent 40%, rgba(255,255,255,.45) 50%, transparent 60%);
   transform:translateX(-70%) rotate(8deg);
   opacity:0;
   pointer-events:none;
 }
 .ad-carousel:hover::after{
   opacity:.9;
   animation:adShine 1.1s ease;
 }
 .dark .ad-carousel:hover::after{background:linear-gradient(120deg, transparent 40%, rgba(226,232,240,.18) 50%, transparent 60%);} 

 .ad-carousel__btn{
   position:absolute;
   top:50%;
   transform:translateY(-50%);
   height:2.25rem;
   width:2.25rem;
   border-radius:999px;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.82);
   backdrop-filter: blur(10px);
   color:rgba(15,23,42,1);
   font-weight:900;
   line-height:1;
   display:flex;
   align-items:center;
   justify-content:center;
   box-shadow:0 10px 26px rgba(2,6,23,.10);
   transition:transform .15s ease, background-color .15s ease, box-shadow .15s ease, opacity .15s ease;
   opacity:.95;
 }
 .ad-carousel__btn:hover{transform:translateY(-50%) scale(1.04);box-shadow:0 14px 36px rgba(2,6,23,.14);} 
 .ad-carousel__btn:active{transform:translateY(-50%) scale(.98);} 
 .ad-carousel__btn--prev{left:.75rem;}
 .ad-carousel__btn--next{right:.75rem;}
 .dark .ad-carousel__btn{border-color:rgba(226,232,240,.14);background:rgba(2,6,23,.40);color:rgba(226,232,240,.92);} 

 .ad-carousel__dots{
   position:absolute;
   left:50%;
   bottom:.6rem;
   transform:translateX(-50%);
   display:flex;
   gap:.45rem;
   padding:.35rem .5rem;
   border-radius:999px;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.72);
   backdrop-filter: blur(10px);
   box-shadow:0 10px 26px rgba(2,6,23,.08);
 }
 .dark .ad-carousel__dots{border-color:rgba(226,232,240,.14);background:rgba(2,6,23,.40);} 
 .ad-carousel__dot{
   height:.55rem;
   width:.55rem;
   border-radius:999px;
   border:0;
   background:rgba(148,163,184,1);
   cursor:pointer;
   padding:0;
   transition:transform .15s ease, background-color .15s ease;
 }
 .ad-carousel__dot:hover{transform:scale(1.1);} 
 .ad-carousel__dot.is-active{background:linear-gradient(90deg, rgba(79,70,229,1), rgba(34,211,238,.9));}

 @media (max-width: 639px){
   .ad-carousel__btn{display:none;}
   .ad-carousel__img{aspect-ratio: 3.4 / 1;}
 }

 .quickbar{
   position:sticky;
   top:4.6rem;
   z-index:40;
 }
 .quickbar__inner{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:.75rem;
   border-radius:var(--radius-3xl);
   border:1px solid rgba(99,102,241,.20);
   background:rgba(255,255,255,.70);
   backdrop-filter: blur(12px);
   box-shadow:0 10px 30px rgba(2,6,23,.10);
   padding:.65rem .75rem;
 }
 .dark .quickbar__inner{border-color:rgba(129,140,248,.20);background:rgba(2,6,23,.40);} 
 .quickbar__left,.quickbar__right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
 @media (max-width: 639px){
   .quickbar{top:4.1rem;}
   .quickbar__inner{gap:.5rem;}
 }

 .heatmap{
   display:grid;
   grid-template-columns:repeat(6, minmax(0, 1fr));
   gap:.6rem;
 }
 @media (max-width: 1023px){
   .heatmap{grid-template-columns:repeat(4, minmax(0, 1fr));}
 }
 @media (max-width: 639px){
   .heatmap{grid-template-columns:repeat(3, minmax(0, 1fr));}
 }
 .heat-tile{
   border-radius:var(--radius-2xl);
   border:1px solid rgba(226,232,240,1);
   padding:.85rem;
   display:flex;
   flex-direction:column;
   gap:.35rem;
   text-decoration:none;
   color:rgba(15,23,42,1);
   box-shadow:0 8px 22px rgba(2,6,23,.06);
   transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
 }
 .heat-tile:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 14px 40px rgba(2,6,23,.10);} 
 .dark .heat-tile{border-color:rgba(226,232,240,.12);color:rgba(241,245,249,.92);} 
 .heat-tile__sym{font-weight:900;letter-spacing:.02em;}
 .heat-tile__chg{font-size:.85rem;font-weight:900;opacity:.95;}
 .heat-tile.is-up{background:linear-gradient(135deg, rgba(0,0,0,.12), rgba(255,255,255,.95));}
 .heat-tile.is-down{background:linear-gradient(135deg, rgba(0,0,0,.12), rgba(255,255,255,.95));}
 .heat-tile.is-neutral{background:linear-gradient(135deg, rgba(0,0,0,.08), rgba(255,255,255,.95));}
 .dark .heat-tile.is-up{background:linear-gradient(135deg, rgba(0,0,0,.20), rgba(0,0,0,.35));}
 .dark .heat-tile.is-down{background:linear-gradient(135deg, rgba(0,0,0,.20), rgba(0,0,0,.35));}
 .dark .heat-tile.is-neutral{background:linear-gradient(135deg, rgba(0,0,0,.18), rgba(0,0,0,.35));}

 .cmdk{
   position:fixed;
   inset:0;
   z-index:80;
 }
 .cmdk__backdrop{
   position:absolute;
   inset:0;
   background:rgba(2,6,23,.55);
 }
 .cmdk__panel{
   position:relative;
   max-width:42rem;
   margin:10vh auto 0;
   border-radius:var(--radius-3xl);
   border:1px solid rgba(99,102,241,.22);
   background:rgba(255,255,255,.92);
   backdrop-filter: blur(14px);
   box-shadow:var(--shadow-lift);
   overflow:hidden;
 }
 .dark .cmdk__panel{border-color:rgba(129,140,248,.22);background:rgba(2,6,23,.75);} 
 .cmdk__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(226,232,240,1);} 
 .dark .cmdk__header{border-bottom:1px solid rgba(226,232,240,.12);} 
 .cmdk__body{padding:1rem;}
 .cmdk__list{margin-top:.75rem;display:grid;gap:.5rem;max-height:18rem;overflow:auto;}
 .cmdk-item{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:1rem;
   padding:.65rem .75rem;
   border-radius:var(--radius-2xl);
   border:1px solid rgba(226,232,240,1);
   background:rgba(248,250,252,1);
   cursor:pointer;
 }
 .cmdk-item:hover{border-color:rgba(99,102,241,.28);} 
 .cmdk-item.is-active{border-color:rgba(99,102,241,.42);box-shadow:0 10px 28px rgba(99,102,241,.14);} 
 .dark .cmdk-item{border-color:rgba(0,0,0,.40);background:rgba(0,0,0,.35);} 
 .cmdk-kbd{font-size:.75rem;font-weight:900;opacity:.7;}
 .cmdk-right{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;}
 .cmdk-risk{
   display:inline-flex;
   align-items:center;
   border-radius:999px;
   padding:.25rem .5rem;
   font-size:.75rem;
   font-weight:900;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.75);
   color:rgba(30,41,59,1);
 }
 .dark .cmdk-risk{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);color:rgba(226,232,240,.92);} 
 .cmdk-risk--düşük{border-color:rgba(16,185,129,.30);background:rgba(16,185,129,.10);color:rgba(6,78,59,1);} 
 .cmdk-risk--orta{border-color:rgba(99,102,241,.32);background:rgba(99,102,241,.10);color:rgba(49,46,129,1);} 
 .cmdk-risk--yüksek{border-color:rgba(244,63,94,.30);background:rgba(244,63,94,.10);color:rgba(136,19,55,1);} 
 .cmdk-risk--kritik{border-color:rgba(249,115,22,.30);background:rgba(249,115,22,.10);color:rgba(124,45,18,1);} 
 .dark .cmdk-risk--düşük{color:rgba(167,243,208,1);} 
 .dark .cmdk-risk--orta{color:rgba(199,210,254,1);} 
 .dark .cmdk-risk--yüksek{color:rgba(254,205,211,1);} 
 .dark .cmdk-risk--kritik{color:rgba(254,215,170,1);} 

 .activity-row{
   display:flex;
   align-items:flex-start;
   justify-content:space-between;
   gap:1rem;
   border-radius:var(--radius-2xl);
   border:1px solid rgba(226,232,240,1);
   background:rgba(248,250,252,1);
   padding:.6rem .75rem;
 }
 .dark .activity-row{border-color:rgba(0,0,0,.40);background:rgba(0,0,0,.35);} 
 .activity-row__meta{font-size:.75rem;color:rgba(100,116,139,1);}
 .dark .activity-row__meta{color:rgba(148,163,184,.9);} 

 .tour{
   position:fixed;
   inset:0;
   z-index:90;
 }
 .tour__backdrop{
   position:absolute;
   inset:0;
   background:rgba(2,6,23,.55);
 }
 .tour__spotlight{
   position:absolute;
   border-radius:var(--radius-3xl);
   box-shadow:
     0 0 0 9999px rgba(2,6,23,.55),
     0 0 0 1px rgba(99,102,241,.30),
     0 20px 70px rgba(2,6,23,.35);
   pointer-events:none;
 }
 .tour__panel{
   position:absolute;
   width:min(28rem, calc(100vw - 2rem));
   border-radius:var(--radius-3xl);
   border:1px solid rgba(99,102,241,.22);
   background:rgba(255,255,255,.92);
   backdrop-filter: blur(14px);
   box-shadow:var(--shadow-lift);
   overflow:hidden;
 }
 .dark .tour__panel{border-color:rgba(129,140,248,.22);background:rgba(2,6,23,.75);} 
 .tour__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(226,232,240,1);} 
 .dark .tour__header{border-bottom:1px solid rgba(226,232,240,.12);} 
 .tour__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;}

 .hl-panel{
  position:fixed;
  left:1rem;
  top:calc(6rem + 1rem);
  width:340px;
  max-width:calc(100vw - 2rem);
  z-index:60;
  transform:translateY(8px);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.hl-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto;}
.hl-panel__inner{
  border-radius:var(--radius-3xl);
  border:1px solid rgba(99,102,241,.18);
  background:rgba(255,255,255,.80);
  backdrop-filter: blur(14px);
  box-shadow:var(--shadow-lift);
  padding:1rem;
}
.dark .hl-panel__inner{border-color:rgba(129,140,248,.18);background:rgba(2,6,23,.60);} 

@media (max-width: 639px){
  .hl-panel{
    left:1rem;
    right:1rem;
    top:auto;
    bottom:calc(1rem + env(safe-area-inset-bottom, 0px));
    width:auto;
    transform:translateY(12px);
  }
  .hl-panel__inner{
    max-height:calc(68vh - env(safe-area-inset-bottom, 0px));
    overflow:auto;
    padding-bottom:calc(1rem + env(safe-area-inset-bottom, 0px));
  }
}
 .risk-score{
   display:flex;
   align-items:baseline;
   gap:.25rem;
   padding:.35rem .55rem;
   border-radius:999px;
   border:1px solid rgba(226,232,240,1);
   background:rgba(248,250,252,1);
 }
 .dark .risk-score{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);} 
 .risk-score__value{font-weight:900;font-size:1rem;letter-spacing:-.02em;}
 .risk-score__label{font-size:.75rem;font-weight:900;opacity:.65;}

 .risk-signal{display:grid;gap:.35rem;}
 .risk-signal__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.75rem;font-weight:800;color:rgba(51,65,85,1);} 
 .dark .risk-signal__top{color:rgba(226,232,240,.88);} 
 .risk-signal__val{font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
 .risk-signal__bar{
   height:.55rem;
   border-radius:999px;
   border:1px solid rgba(226,232,240,1);
   background:rgba(241,245,249,1);
   overflow:hidden;
 }
 .dark .risk-signal__bar{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);} 
 .risk-signal__fill{
   display:block;
   height:100%;
   width:0%;
   border-radius:999px;
   background:linear-gradient(90deg, rgba(148,163,184,1), rgba(100,116,139,1));
   transition:width .35s ease, filter .15s ease;
 }
 .risk-signal__fill.is-ok{background:linear-gradient(90deg, rgba(16,185,129,1), rgba(34,211,238,1));}
 .risk-signal__fill.is-bad{background:linear-gradient(90deg, rgba(249,115,22,1), rgba(244,63,94,1));}
 .dark .risk-signal__fill{filter:saturate(1.05) brightness(1.05);} 
 .card{border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--surface);position:relative;}
.card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:var(--radius-2xl);
  padding:1px;
  background:linear-gradient(45deg, rgba(0,0,0,.12), rgba(20,20,20,.08), rgba(40,40,40,.06));
  -webkit-mask:linear-gradient(#fff 0 0 content-box, #000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0 content-box, #000 0 0);
  mask-composite:exclude;
}
.card--plain{border-color:transparent;}
.dark .card--plain{border-color:transparent;}
.card--plain::before{display:none;}
.card:hover{box-shadow:var(--shadow-lift);} 
.card--plain:hover{box-shadow:var(--shadow-lift);} 
.dark .card{border-color:rgba(0,0,0,.40);background:rgba(0,0,0,.95);}
.dark .card::before{opacity:.64;} 

.card::before{display:none;}

/* Coin card hover neon animation */
a.card{
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
a.card:hover{
  transform:translateY(-4px) scale(1.015);
  filter:brightness(1.04);
  box-shadow:
    var(--shadow-lift),
    0 0 44px rgba(99,102,241,.18),
    0 0 32px rgba(34,211,238,.12),
    0 0 16px rgba(244,63,94,.08);
}
a.card::before{
  transition:opacity .2s ease;
}
a.card:hover::before{
  opacity:.64;
}
.dark a.card:hover{
  filter:brightness(1.08);
  box-shadow:
    var(--shadow-lift),
    0 0 50px rgba(99,102,241,.22),
    0 0 38px rgba(34,211,238,.16),
    0 0 22px rgba(244,63,94,.12);
}
.dark a.card:hover::before{opacity:.78;} 

 .toast-wrap{position:fixed;right:1rem;bottom:1rem;z-index:100;display:flex;flex-direction:column;gap:.6rem;max-width:min(22rem, calc(100vw - 2rem));}
 .toast{border-radius:16px;border:1px solid rgba(226,232,240,.18);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:var(--shadow-lift);padding:.75rem .9rem;color:rgba(15,23,42,1);display:flex;gap:.6rem;align-items:flex-start;}
 .toast__dot{width:.6rem;height:.6rem;border-radius:999px;margin-top:.35rem;flex:0 0 auto;}
 .toast__title{font-weight:900;font-size:.9rem;line-height:1.1;}
 .toast__msg{font-size:.8rem;opacity:.85;margin-top:.15rem;}
 .toast--ok .toast__dot{background:rgba(16,185,129,1);}
 .toast--warn .toast__dot{background:rgba(249,115,22,1);}
 .toast--err .toast__dot{background:rgba(244,63,94,1);}
 .dark .toast{border-color:rgba(0,0,0,.40);background:rgba(0,0,0,.70);color:rgba(241,245,249,.92);}
 @keyframes toastIn{from{transform:translateY(10px);opacity:0;}to{transform:translateY(0);opacity:1;}}
 .toast{animation:toastIn .18s ease;}

 /* Coin table row neon hover */
 tbody tr{
  transition:background-color .2s ease, box-shadow .2s ease, filter .2s ease, transform .2s ease;
 }
 tbody tr:hover{
  background:rgba(0,0,0,.08) !important;
  box-shadow:
    0 0 28px rgba(0,0,0,.12),
    0 0 18px rgba(20,20,20,.10),
    0 0 8px rgba(40,40,40,.06);
  transform:translateY(-1px);
  filter:brightness(1.02);
 }
 .dark tbody tr:hover{
  background:rgba(0,0,0,.15) !important;
  box-shadow:
    0 0 34px rgba(0,0,0,.16),
    0 0 24px rgba(20,20,20,.14),
    0 0 12px rgba(40,40,40,.08);
  transform:translateY(-1px);
  filter:brightness(1.04);
 } 

 .dark #tab-table{background:#000 !important;}
 .dark #tab-table .overflow-x-auto{background:#000 !important;}
 .dark #tab-table table{background:#000 !important;}
 .dark #tab-table thead{background:#000 !important;}
 .dark #tab-table thead tr{background:#000 !important;}
 .dark #tab-table tbody{background:#000 !important;}
 .dark #tab-table tbody tr{background:transparent !important;}
 .dark #tab-table tbody tr:hover{background:rgba(255,255,255,.06) !important;}

.card-muted{border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--surface-2);position:relative;}
.card-muted::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:calc(var(--radius-2xl) + 1px);
  background:linear-gradient(135deg, rgba(99,102,241,.16), rgba(34,211,238,.10), rgba(244,63,94,.08));
  opacity:.22;
  pointer-events:none;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  padding:1px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.card-muted--plain{border-color:transparent;}
.dark .card-muted--plain{border-color:transparent;}
.card-muted--plain::before{display:none;}
.card-muted:hover{box-shadow:var(--shadow-lift);}
.dark .card-muted{border-color:rgba(226,232,240,.12);background:var(--dark-surface-2);} 
.dark .card-muted::before{opacity:.35;} 
.dark .card-muted:hover{box-shadow:var(--shadow-lift);}

.card-muted::before{display:none;}

.embed-mask-top{position:relative;}
.embed-mask-top::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:rgba(255,255,255,1);pointer-events:auto;cursor:default;z-index:2;}
.dark .embed-mask-top::before{background:rgba(2,6,23,1);} 

.embed-mask-bottom{position:relative;}
.embed-mask-bottom::after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;background:rgba(255,255,255,1);pointer-events:auto;cursor:default;z-index:2;}
.dark .embed-mask-bottom::after{background:rgba(2,6,23,1);} 

.nav-link{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--radius-xl);
  padding:.5rem .75rem;
  font-size:.875rem;
  font-weight:600;
  color:rgba(51,65,85,1);
  text-decoration:none;
  position:relative;
  transition:color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.nav-link:hover{
  background:rgba(99,102,241,.10);
  box-shadow:0 10px 26px rgba(99,102,241,.14), 0 0 18px rgba(34,211,238,.10);
}
.nav-link.is-active,
.nav-link[aria-current="page"]{
  background:rgba(99,102,241,.14);
  box-shadow:0 12px 30px rgba(99,102,241,.18), 0 0 22px rgba(34,211,238,.12);
}
.nav-link.is-active::after,
.nav-link[aria-current="page"]::after{
  opacity:1;
  transform:translateY(0);
}
.nav-link::after{
  content:"";
  position:absolute;
  left:.75rem;
  right:.75rem;
  bottom:.28rem;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(79,70,229,.75), rgba(34,211,238,.65), transparent);
  opacity:0;
  transform:translateY(2px);
  transition:opacity .15s ease, transform .15s ease;
}
.nav-link:hover::after{opacity:.95;transform:translateY(0);} 
.dark .nav-link{color:var(--dark-text);}
.dark .nav-link:hover{
  background:rgba(99,102,241,.14);
  box-shadow:0 12px 30px rgba(99,102,241,.18), 0 0 24px rgba(34,211,238,.12);
}
.dark .nav-link.is-active,
.dark .nav-link[aria-current="page"]{
  background:rgba(99,102,241,.18);
  box-shadow:0 14px 36px rgba(99,102,241,.22), 0 0 26px rgba(34,211,238,.14);
}
.dark .nav-link::after{background:linear-gradient(90deg, transparent, rgba(129,140,248,.85), rgba(34,211,238,.70), transparent);} 

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  border-radius:var(--radius-xl);
  padding:.5rem 1rem;
  font-size:.875rem;
  font-weight:700;
  line-height:1;
  box-shadow:0 1px 2px rgba(2,6,23,.06);
  transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;
  user-select:none;
  border:1px solid transparent;
}
.btn:focus{outline:none;box-shadow:0 0 0 4px rgba(199,210,254,.9),0 1px 2px rgba(2,6,23,.06);} 
.dark .btn:focus{box-shadow:0 0 0 4px rgba(99,102,241,.22),0 1px 2px rgba(2,6,23,.06);} 
.btn[disabled]{opacity:.6;pointer-events:none;}

.btn-primary{background:var(--brand-600);color:#fff;}
.btn-primary{
  background:linear-gradient(90deg, rgba(79,70,229,1), rgba(99,102,241,1), rgba(34,211,238,.85));
  color:#fff;
  border-color:rgba(99,102,241,.35);
  box-shadow:
    0 10px 28px rgba(79,70,229,.24),
    0 0 0 1px rgba(99,102,241,.18) inset;
}
.btn-primary:hover{
  filter:brightness(1.05);
  box-shadow:
    0 14px 38px rgba(79,70,229,.30),
    0 0 22px rgba(34,211,238,.18);
}
.dark .btn-primary{
  border-color:rgba(129,140,248,.34);
  box-shadow:
    0 14px 44px rgba(79,70,229,.22),
    0 0 26px rgba(34,211,238,.14);
}
.dark .btn-primary:hover{
  filter:brightness(1.08);
  box-shadow:
    0 18px 55px rgba(79,70,229,.28),
    0 0 34px rgba(34,211,238,.18);
}

.btn-secondary{background:var(--surface);border-color:var(--border);color:rgba(30,41,59,1);} 
.btn-secondary:hover{background:rgba(2,6,23,.03);} 
.dark .btn-secondary{background:var(--dark-surface);border-color:rgba(226,232,240,.12);color:var(--dark-text);} 
.dark .btn-secondary:hover{background:rgba(15,23,42,.75);} 

/* Subtle neon edge for secondary buttons */
.btn-secondary{box-shadow:0 1px 2px rgba(2,6,23,.06), 0 0 0 1px rgba(99,102,241,.08) inset;}
.btn-secondary:hover{box-shadow:0 8px 22px rgba(99,102,241,.14), 0 0 18px rgba(99,102,241,.10);} 
.dark .btn-secondary{box-shadow:0 1px 2px rgba(2,6,23,.12), 0 0 0 1px rgba(129,140,248,.10) inset;}
.dark .btn-secondary:hover{box-shadow:0 10px 28px rgba(99,102,241,.16), 0 0 20px rgba(34,211,238,.10);} 

.btn.is-active{
  background:rgba(99,102,241,.12);
  border-color:rgba(99,102,241,.45);
  box-shadow:
    0 10px 28px rgba(99,102,241,.16),
    0 0 0 1px rgba(99,102,241,.20) inset,
    0 0 18px rgba(34,211,238,.10);
}
.btn.is-active:hover{filter:brightness(1.02);} 
 .dark .btn.is-active{
  background:rgba(99,102,241,.20);
  border-color:rgba(129,140,248,.46);
  box-shadow:
    0 14px 44px rgba(79,70,229,.20),
    0 0 0 1px rgba(129,140,248,.22) inset,
    0 0 24px rgba(34,211,238,.12);
 }

 .page-transition{
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  opacity:0;
  transform:translateY(10px) scale(1.015);
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(99,102,241,.24), transparent 62%),
    radial-gradient(900px 260px at 82% 0%, rgba(34,211,238,.18), transparent 62%),
    radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,.88));
  backdrop-filter: blur(10px);
 }
 .dark .page-transition{
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(99,102,241,.28), transparent 62%),
    radial-gradient(900px 260px at 82% 0%, rgba(34,211,238,.22), transparent 62%),
    radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.18), transparent 60%),
    linear-gradient(180deg, rgba(2,6,23,.0), rgba(2,6,23,.90));
 }
 .page-transition::after{
  content:"";
  position:absolute;
  inset:-30% -40%;
  background:linear-gradient(120deg, transparent 40%, rgba(255,255,255,.55) 50%, transparent 60%);
  transform:translateX(-70%) rotate(8deg);
  opacity:0;
 }
 .dark .page-transition::after{
  background:linear-gradient(120deg, transparent 40%, rgba(226,232,240,.16) 50%, transparent 60%);
 }
 .page-transition.is-active{
  animation:pageNeonIn .42s ease forwards;
 }
 .page-transition.is-active::after{
  opacity:1;
  animation:pageNeonShine .55s ease forwards;
 }
 @keyframes pageNeonIn{
  0%{opacity:0;transform:translateY(14px) scale(1.02);}
  55%{opacity:1;transform:translateY(0) scale(1.01);}
  100%{opacity:1;transform:translateY(0) scale(1.0);}
 }
 @keyframes pageNeonShine{
  0%{transform:translateX(-70%) rotate(8deg);opacity:0;}
  30%{opacity:.95;}
  100%{transform:translateX(70%) rotate(8deg);opacity:0;}
 }
 @media (prefers-reduced-motion: reduce){
  .page-transition{backdrop-filter:none;}
  .page-transition.is-active{animation:none;opacity:1;transform:none;}
  .page-transition.is-active::after{animation:none;opacity:0;}
 }
.input{
  width:100%;
  border-radius:var(--radius-xl);
  border:1px solid var(--border);
  background:var(--surface);
  padding:.5rem .75rem;
  font-size:.875rem;
  color:rgba(15,23,42,1);
  box-shadow:0 1px 2px rgba(2,6,23,.05);
}
.input::placeholder{color:rgba(148,163,184,1);} 
.input:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 4px rgba(224,231,255,.9),0 1px 2px rgba(2,6,23,.05);} 
.dark .input{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);color:var(--dark-text);} 
.dark .input::placeholder{color:rgba(148,163,184,.75);} 
.dark .input:focus{box-shadow:0 0 0 4px rgba(99,102,241,.16),0 1px 2px rgba(2,6,23,.05);} 

.badge{
  display:inline-flex;align-items:center;
  border-radius:999px;
  padding:.35rem .65rem;
  font-size:.75rem;
  font-weight:700;
  border:1px solid rgba(226,232,240,1);
  background:rgba(241,245,249,1);
  color:rgba(51,65,85,1);
  box-shadow:0 1px 2px rgba(2,6,23,.04);
}
.dark .badge{background:rgba(15,23,42,.85);color:var(--dark-text);border-color:rgba(226,232,240,.14);} 

.badge-xs {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
} 

.badge-vip{background:rgba(254,243,199,1);color:rgba(120,53,15,1);} 
.dark .badge-vip{background:rgba(120,53,15,.35);color:rgba(254,243,199,1);} 

.badge-hot{background:rgba(255,228,230,1);color:rgba(136,19,55,1);} 
.dark .badge-hot{background:rgba(136,19,55,.35);color:rgba(255,228,230,1);} 

.badge-warn{background:rgba(254,243,199,1);color:rgba(120,53,15,1);} 
.dark .badge-warn{background:rgba(120,53,15,.35);color:rgba(254,243,199,1);} 

.badge-ok{background:rgba(209,250,229,1);color:rgba(6,78,59,1);} 
.dark .badge-ok{background:rgba(6,78,59,.35);color:rgba(209,250,229,1);} 

.tabs{display:inline-flex;border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--surface);padding:.25rem;}
.dark .tabs{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);} 

.tab{border-radius:var(--radius-xl);padding:.5rem .75rem;font-size:.875rem;font-weight:700;color:rgb(0, 0, 0);background:transparent;border:0;cursor:pointer;}
.tab:hover{background:rgba(2,6,23,.04);} 
.dark .tab{color:var(--dark-text);} 

/* Scrollbar styles */
.scrollbar-thin {
  scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.scrollbar-thin::-webkit-scrollbar-track {
  background: rgba(241, 245, 249, 1);
  border-radius: 3px;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background: rgba(203, 213, 225, 1);
  border-radius: 3px;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 1);
}

.dark .scrollbar-thin::-webkit-scrollbar-track {
  background: rgba(30, 41, 59, 1);
}
.dark .scrollbar-thin::-webkit-scrollbar-thumb {
  background: rgba(71, 85, 105, 1);
}
.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 1);
} 
.dark .tab:hover{background:rgba(15,23,42,.65);} 

.tab-active{background:rgba(15,23,42,1);color:#fff;}
.tab-active:hover{background:rgba(15,23,42,1);} 
.dark .tab-active{background:#fff;color:rgba(15,23,42,1);} 
.dark .tab-active:hover{background:#fff;} 

/* Neon footer */
.footer-neon{
  position:relative;
  border-top:1px solid rgba(99,102,241,.28);
  background:
    radial-gradient(900px 220px at 15% 0%, rgba(99,102,241,.22), transparent 60%),
    radial-gradient(700px 220px at 85% 0%, rgba(244,63,94,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(248,250,252,.92));
  backdrop-filter: blur(10px);
}
.footer-neon::before{
  content:"";
  position:absolute;
  inset:-1px 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(99,102,241,.9), rgba(244,63,94,.8), transparent);
  opacity:.9;
}
.footer-neon .footer-title{color:rgba(15,23,42,1);}
.footer-neon .footer-subtitle{color:rgba(51,65,85,1);}
.footer-neon a{color:rgba(30,41,59,1);}
.footer-neon a:hover{color:rgba(79,70,229,1);}

.dark .footer-neon{
  border-top:1px solid rgba(99,102,241,.28);
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(99,102,241,.26), transparent 62%),
    radial-gradient(900px 260px at 80% 0%, rgba(34,211,238,.18), transparent 62%),
    radial-gradient(600px 220px at 50% 120%, rgba(244,63,94,.14), transparent 60%),
    linear-gradient(180deg, rgba(2,6,23,.72), rgba(10,15,29,.95));
}
.dark .footer-neon .footer-title{color:rgba(241,245,249,1);}
.dark .footer-neon .footer-subtitle{color:rgba(226,232,240,.82);}
.dark .footer-neon a{color:rgba(226,232,240,.9);}
.dark .footer-neon a:hover{color:rgba(129,140,248,1);}

details.card-muted{
  overflow:hidden;
}
details.card-muted > summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
details.card-muted > summary::-webkit-details-marker{display:none;}
details.card-muted > summary::after{
  content:"▾";
  font-size:.9rem;
  line-height:1;
  color:rgba(100,116,139,1);
  transition:transform .18s ease, color .18s ease;
}
.dark details.card-muted > summary::after{color:rgba(148,163,184,.9);}
details.card-muted[open] > summary::after{
  transform:rotate(180deg);
  color:rgba(79,70,229,1);
}
.dark details.card-muted[open] > summary::after{color:rgba(129,140,248,1);}
details.card-muted[open]{
  box-shadow:var(--shadow-lift), 0 0 28px rgba(99,102,241,.10), 0 0 18px rgba(34,211,238,.08);
}
details.card-muted > summary + *{
  opacity:.92;
  transform:translateY(-2px);
  transition:opacity .18s ease, transform .18s ease;
}
details.card-muted[open] > summary + *{
  opacity:1;
  transform:translateY(0);
}

.partner-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:.35rem .65rem;
  font-size:.75rem;
  font-weight:800;
  border:1px solid rgba(226,232,240,1);
  background:rgba(248,250,252,1);
  color:rgba(30,41,59,1);
  box-shadow:0 1px 2px rgba(2,6,23,.04);
}
.partner-chip:hover{border-color:rgba(99,102,241,.35);}
.dark .partner-chip{
  border-color:rgba(226,232,240,.14);
  background:rgba(2,6,23,.30);
  color:rgba(226,232,240,.90);
}
.dark .partner-chip:hover{border-color:rgba(129,140,248,.40);}

.check-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:1.6rem;
  width:1.6rem;
  border-radius:.65rem;
  background:rgba(99,102,241,.12);
  color:rgba(79,70,229,1);
  font-weight:900;
  flex:0 0 auto;
  box-shadow:0 0 0 1px rgba(99,102,241,.12) inset;
}
.dark .check-dot{
  background:rgba(99,102,241,.18);
  color:rgba(199,210,254,1);
  box-shadow:0 0 0 1px rgba(129,140,248,.18) inset;
}

.preview-mock{
  border-radius:var(--radius-3xl);
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(248,250,252,1), rgba(255,255,255,1));
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}
.dark .preview-mock{
  border-color:rgba(226,232,240,.12);
  background:linear-gradient(180deg, rgba(2,6,23,.38), rgba(2,6,23,.18));
}

.preview-topbar{
  display:flex;
  align-items:center;
  padding:.75rem 1rem;
  border-bottom:1px solid rgba(226,232,240,1);
  background:rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
}
.dark .preview-topbar{
  border-bottom:1px solid rgba(226,232,240,.10);
  background:rgba(2,6,23,.35);
}

.preview-dot{
  width:.65rem;
  height:.65rem;
  border-radius:999px;
  opacity:.9;
}

.preview-body{
  padding:1rem;
}

.preview-row{
  display:flex;
  align-items:center;
  gap:.75rem;
  border-radius:var(--radius-2xl);
  border:1px solid rgba(226,232,240,1);
  background:rgba(248,250,252,1);
  padding:.75rem;
}
.preview-row:hover{border-color:rgba(99,102,241,.28);}
.dark .preview-row{
  border-color:rgba(226,232,240,.12);
  background:rgba(15,23,42,.45);
}
.dark .preview-row:hover{border-color:rgba(129,140,248,.34);}

.preview-avatar{
  width:2.25rem;
  height:2.25rem;
  border-radius:.9rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:.8125rem;
  background:rgba(255,255,255,1);
  color:rgba(51,65,85,1);
  box-shadow:0 1px 2px rgba(2,6,23,.06);
}
.dark .preview-avatar{
  background:rgba(2,6,23,.55);
  color:rgba(226,232,240,.92);
}

/* Neon Filter Cards */
.filter-neon {
  position: relative;
  border: 1px solid rgba(99,102,241,.18);
  background:
    radial-gradient(600px 180px at 20% 0%, rgba(99,102,241,.12), transparent 50%),
    radial-gradient(500px 180px at 80% 0%, rgba(34,211,238,.08), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.95));
  backdrop-filter: blur(8px);
  box-shadow:
    0 8px 32px rgba(99,102,241,.08),
    0 0 0 1px rgba(99,102,241,.06) inset;
}

.filter-neon::before {
  content: "";
  position: absolute;
  inset: -1px 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(99,102,241,.6), rgba(34,211,238,.4), transparent);
  opacity: .8;
}

.dark .filter-neon {
  border: 1px solid rgba(99,102,241,.22);
  background:
    radial-gradient(700px 200px at 25% 0%, rgba(99,102,241,.16), transparent 55%),
    radial-gradient(600px 200px at 75% 0%, rgba(34,211,238,.12), transparent 55%),
    radial-gradient(400px 160px at 50% 100%, rgba(244,63,94,.08), transparent 50%),
    linear-gradient(180deg, rgba(2,6,23,.68), rgba(10,15,29,.92));
  box-shadow:
    0 12px 40px rgba(99,102,241,.12),
    0 0 0 1px rgba(129,140,248,.08) inset;
}

.dark .filter-neon::before {
  background: linear-gradient(90deg, transparent, rgba(129,140,248,.8), rgba(34,211,238,.6), transparent);
  opacity: .9;
}

/* Neon filter sections */
.filter-section {
  position: relative;
  border-radius: var(--radius-xl);
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(99,102,241,.15);
  background:
    radial-gradient(400px 120px at 15% 0%, rgba(99,102,241,.08), transparent 40%),
    radial-gradient(300px 120px at 85% 0%, rgba(34,211,238,.06), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
  backdrop-filter: blur(6px);
}

.dark .filter-section {
  border: 1px solid rgba(99,102,241,.18);
  background:
    radial-gradient(500px 140px at 20% 0%, rgba(99,102,241,.12), transparent 45%),
    radial-gradient(400px 140px at 80% 0%, rgba(34,211,238,.08), transparent 45%),
    linear-gradient(180deg, rgba(2,6,23,.65), rgba(10,15,29,.88));
}

/* Neon filter buttons */
.filter-btn {
  position: relative;
  border: 1px solid rgba(99,102,241,.2);
  background: linear-gradient(135deg, rgba(99,102,241,.06), rgba(34,211,238,.04));
  backdrop-filter: blur(4px);
  transition: all 0.3s ease;
}

.filter-btn:hover {
  border-color: rgba(99,102,241,.35);
  background: linear-gradient(135deg, rgba(99,102,241,.12), rgba(34,211,238,.08));
  box-shadow: 0 4px 16px rgba(99,102,241,.15), 0 0 12px rgba(34,211,238,.08);
}

.dark .filter-btn {
  border: 1px solid rgba(129,140,248,.25);
  background: linear-gradient(135deg, rgba(129,140,248,.08), rgba(34,211,238,.06));
}

.dark .filter-btn:hover {
  border-color: rgba(129,140,248,.4);
  background: linear-gradient(135deg, rgba(129,140,248,.15), rgba(34,211,238,.1));
  box-shadow: 0 6px 20px rgba(129,140,248,.2), 0 0 16px rgba(34,211,238,.12);
}

/* Neon Filter Search Inputs */
.input-filter {
  position: relative;
  border: 1px solid rgba(99,102,241,.25);
  background:
    radial-gradient(400px 120px at 25% 25%, rgba(99,102,241,.08), transparent 50%),
    radial-gradient(300px 120px at 75% 75%, rgba(34,211,238,.06), transparent 50%),
    linear-gradient(135deg, rgba(255,255,255,.95), rgba(248,250,252,.92));
  backdrop-filter: blur(6px);
  box-shadow:
    0 4px 16px rgba(99,102,241,.08),
    0 0 0 1px rgba(99,102,241,.05) inset;
  transition: all 0.3s ease;
}

.input-filter:focus {
  border-color: rgba(99,102,241,.4);
  background:
    radial-gradient(500px 140px at 30% 30%, rgba(99,102,241,.12), transparent 55%),
    radial-gradient(400px 140px at 70% 70%, rgba(34,211,238,.08), transparent 55%),
    linear-gradient(135deg, rgba(255,255,255,.97), rgba(248,250,252,.95));
  box-shadow:
    0 6px 24px rgba(99,102,241,.12),
    0 0 0 1px rgba(99,102,241,.08) inset,
    0 0 0 4px rgba(224,231,255,.8);
}

.dark .input-filter {
  border: 1px solid rgba(129,140,248,.3);
  background:
    radial-gradient(500px 140px at 35% 35%, rgba(129,140,248,.1), transparent 55%),
    radial-gradient(400px 140px at 65% 65%, rgba(34,211,238,.08), transparent 55%),
    linear-gradient(135deg, rgba(2,6,23,.45), rgba(10,15,29,.85));
  box-shadow:
    0 6px 20px rgba(129,140,248,.1),
    0 0 0 1px rgba(129,140,248,.06) inset;
}

.dark .input-filter:focus {
  border-color: rgba(129,140,248,.5);
  background:
    radial-gradient(600px 160px at 40% 40%, rgba(129,140,248,.14), transparent 60%),
    radial-gradient(500px 160px at 60% 60%, rgba(34,211,238,.1), transparent 60%),
    linear-gradient(135deg, rgba(2,6,23,.5), rgba(10,15,29,.88));
  box-shadow:
    0 8px 28px rgba(129,140,248,.15),
    0 0 0 1px rgba(129,140,248,.1) inset,
    0 0 0 4px rgba(99,102,241,.12);
}

/* Neon filter select dropdowns */
.select-filter {
  position: relative;
  border: 1px solid rgba(99,102,241,.2);
  background:
    radial-gradient(350px 100px at 20% 20%, rgba(99,102,241,.06), transparent 45%),
    radial-gradient(250px 100px at 80% 80%, rgba(34,211,238,.04), transparent 45%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,250,252,.91));
  backdrop-filter: blur(4px);
  box-shadow:
    0 3px 12px rgba(99,102,241,.06),
    0 0 0 1px rgba(99,102,241,.04) inset;
  transition: all 0.3s ease;
}

.select-filter:focus {
  border-color: rgba(99,102,241,.35);
  background:
    radial-gradient(400px 120px at 25% 25%, rgba(99,102,241,.09), transparent 50%),
    radial-gradient(300px 120px at 75% 75%, rgba(34,211,238,.06), transparent 50%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.93));
  box-shadow:
    0 4px 16px rgba(99,102,241,.09),
    0 0 0 1px rgba(99,102,241,.06) inset,
    0 0 0 3px rgba(224,231,255,.7);
}

.dark .select-filter {
  border: 1px solid rgba(129,140,248,.25);
  background:
    radial-gradient(450px 120px at 30% 30%, rgba(129,140,248,.08), transparent 50%),
    radial-gradient(350px 120px at 70% 70%, rgba(34,211,238,.06), transparent 50%),
    linear-gradient(135deg, rgba(2,6,23,.4), rgba(10,15,29,.82));
  box-shadow:
    0 4px 16px rgba(129,140,248,.08),
    0 0 0 1px rgba(129,140,248,.05) inset;
}

.dark .select-filter:focus {
  border-color: rgba(129,140,248,.4);
  background:
    radial-gradient(500px 140px at 35% 35%, rgba(129,140,248,.11), transparent 55%),
    radial-gradient(400px 140px at 65% 65%, rgba(34,211,238,.08), transparent 55%),
    linear-gradient(135deg, rgba(2,6,23,.45), rgba(10,15,29,.85));
  box-shadow:
    0 6px 20px rgba(129,140,248,.12),
    0 0 0 1px rgba(129,140,248,.08) inset,
    0 0 0 3px rgba(99,102,241,.1);
}

.shadow-soft{box-shadow:var(--shadow-soft);} 
.shadow-lift{box-shadow:var(--shadow-lift);} 

/* Mobile Responsiveness */
@media (max-width: 768px) {
  /* Header mobile fixes */
  header.sticky {
    padding: 0.5rem 1rem;
  }
  
  .header-content {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  
  .header-left {
    min-width: 0;
    flex: 1;
  }
  
  .header-right {
    gap: 0.5rem;
  }
  
  .lang-btn, .theme-toggle {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
    min-width: auto;
  }
  
  .mobile-menu-btn {
    padding: 0.375rem 0.5rem;
  }
  
  /* Navigation mobile */
  .nav {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  
  .nav-link {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
  }
  
  /* Tables mobile */
  .overflow-x-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .min-w-full {
    min-width: 100%;
  }
  
  .min-w-full th,
  .min-w-full td {
    padding: 0.5rem 0.25rem;
    font-size: 0.8rem;
  }
  
  .min-w-full th:nth-child(4),
  .min-w-full td:nth-child(4) {
    display: none;
  }
  
  .min-w-full .flex.items-center.gap-3 {
    gap: 0.5rem;
  }
  
  .min-w-full .h-10.w-10 {
    width: 2rem;
    height: 2rem;
    font-size: 0.75rem;
  }
  
  .min-w-full .text-sm {
    font-size: 0.75rem;
  }
  
  .min-w-full .text-xs {
    font-size: 0.7rem;
  }
  
  /* Filter sidebar mobile */
  .grid.lg\\:grid-cols-12 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .lg\\:col-span-3 {
    grid-column: span 1;
  }
  
  .lg\\:col-span-9 {
    grid-column: span 1;
  }
  
  /* Mobile filter card */
  .card.p-5 {
    padding: 1rem;
  }
  
  .card.p-5 .text-sm {
    font-size: 0.9rem;
  }
  
  .card.p-5 .grid.gap-3 {
    gap: 0.75rem;
  }
  
  .card.p-5 .flex-wrap.gap-2 {
    gap: 0.5rem;
  }
  
  .card.p-5 .btn-secondary {
    padding: 0.375rem 0.625rem;
    font-size: 0.75rem;
  }
  
  .card.p-5 .input {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
  }
  
  .card.p-5 .grid.gap-2 {
    gap: 0.5rem;
  }
  
  .card.p-5 .flex.items-center.gap-2 {
    gap: 0.5rem;
  }
  
  .card.p-5 .text-xs {
    font-size: 0.75rem;
  }
  
  .card.p-5 .btn-primary {
    padding: 0.5rem;
    font-size: 0.8rem;
  }
  
  .card {
    padding: 1rem;
  }
  
  .card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  
  .card-title {
    font-size: 1rem;
  }
  
  /* Forms mobile */
  .form-group {
    margin-bottom: 1rem;
  }
  
  .form-label {
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
  }
  
  .input, .textarea, .select {
    padding: 0.5rem;
    font-size: 0.9rem;
  }
  
  .form-row {
    flex-direction: column;
    gap: 1rem;
  }
  
  /* Buttons mobile */
  .btn {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
  
  .btn-group {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  /* Modal mobile */
  .modal {
    padding: 1rem;
    max-width: calc(100vw - 2rem);
    max-height: calc(100vh - 2rem);
  }
  
  .modal-header {
    padding: 1rem;
  }
  
  .modal-body {
    padding: 1rem;
  }
  
  .modal-footer {
    padding: 1rem;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  /* Pagination mobile */
  .pagination {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  
  .page-btn {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
    min-width: auto;
  }
  
  /* Filter bar mobile */
  .filter-bar {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .filter-group {
    width: 100%;
  }
  
  .filter-input {
    width: 100%;
  }
  
  /* Tabs mobile */
  .tabs {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  
  .tab {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
  }
  
  /* Footer mobile */
  .footer-content {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  
  .footer-title {
    font-size: 1.1rem;
  }
  
  .footer-subtitle {
    font-size: 0.9rem;
  }
  
  .footer-nav {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  /* Badge mobile */
  .badge {
    padding: 0.2rem 0.4rem;
    font-size: 0.7rem;
  }
  
  /* Stats mobile */
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  
  .stat-card {
    padding: 0.75rem;
  }
  
  .stat-value {
    font-size: 1.2rem;
  }
  
  .stat-label {
    font-size: 0.8rem;
  }
  
  /* Alert mobile */
  .alert {
    padding: 0.75rem;
    font-size: 0.9rem;
  }
  
  /* Loading mobile */
  .loading {
    padding: 2rem 1rem;
  }
  
  .spinner {
    width: 2rem;
    height: 2rem;
  }
  
  /* Tooltips mobile */
  .tooltip {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
  }
}

@media (max-width: 480px) {
  /* Extra small mobile */
  .header.sticky {
    padding: 0.5rem;
  }
  
  .min-w-full {
    min-width: 500px;
  }
  
  .min-w-full th,
  .min-w-full td {
    padding: 0.4rem 0.2rem;
    font-size: 0.75rem;
  }
  
  .min-w-full th:nth-child(3),
  .min-w-full td:nth-child(3) {
    display: none;
  }
  
  .min-w-full .flex.items-center.gap-3 {
    gap: 0.25rem;
  }
  
  .min-w-full .h-10.w-10 {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.7rem;
  }
  
  .min-w-full .text-sm {
    font-size: 0.7rem;
  }
  
  .min-w-full .text-xs {
    font-size: 0.65rem;
  }
  
  .card {
    padding: 0.75rem;
  }
  
  .btn {
    padding: 0.4rem 0.6rem;
    font-size: 0.75rem;
  }
  
  .modal {
    padding: 0.75rem;
  }
  
  .stats-grid {
    grid-template-columns: 1fr;
  }
}