:root{
  /* Senin paletin (NET) */
  --c-magenta-1:#B52380;
  --c-magenta-2:#E617DD;
  --c-mint:#05E1AF;
  --c-purple:#6F4E99;

  /* Light tema */
  --bg:#ffffff;
  --card:#ffffff;
  --text:#14131a;
  --muted:rgba(20,19,26,.70);
  --line:rgba(20,19,26,.12);

  --shadow: 0 10px 30px rgba(20,19,26,.08);
  --shadow2: 0 18px 44px rgba(20,19,26,.10);
  --radius: 18px;

  --accent: linear-gradient(90deg, var(--c-magenta-1), var(--c-magenta-2), var(--c-mint), var(--c-purple));

  /* Tipografi (kalınlıkları INCE/OKUNAKLI) */
  --fw-regular: 400;
  --fw-medium: 400;
  --fw-semibold: 400;
  --fw-bold: 400;

  --fs-base: 16px;
  --lh-base: 1.65;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background: var(--bg);
  color:var(--text);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: var(--fw-regular);
}

/* üstte ince renk şeridi (palet) */
body::before{
  content:"";
  position:fixed;
  left:0; right:0; top:0;
  height:5px;
  background: var(--accent);
  z-index:1000;
}

a{color:inherit;text-decoration:none}
.container{width:min(1120px, calc(100% - 40px)); margin:0 auto}
.mt-10{margin-top:10px}
.mt-16{margin-top:16px}
.mt-24{margin-top:24px}
.mt-32{margin-top:32px}

/* ------------------------------------------------------
   HEADER / NAV
------------------------------------------------------ */
.site-header{
  position:sticky; top:0; z-index:50;
  background:#ffffff;
  border-bottom: 1px solid var(--line);
}

.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0;
  gap:16px;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width: 220px;
}


/* Logo */
.brand-logo{
  height: 44px;
  width: auto;
  max-width: 240px; /* desktop max */
  display:block;
}
.brand-logo--admin{
  height: 40px;
}
@media (max-width: 720px){
  .footer-logo{ height:38px; max-width:220px; }

  .brand-logo{ height: 38px; max-width: 200px; }
}

/* visually hidden (a11y) */
.sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* Footer logo */
.footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.footer-logo{
  height:44px;
  width:auto;
  max-width:260px;
  display:block;
}
.brand-mark{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background: linear-gradient(135deg, var(--c-magenta-1), var(--c-magenta-2));
  color:#fff;
  font-weight: var(--fw-bold);
  box-shadow: var(--shadow);
}

.brand-title{
  display:block;
  font-weight: var(--fw-bold);
  letter-spacing:.2px;
}
.brand-sub{
  display:block;
  font-size:12px;
  color:var(--muted);
  margin-top:2px;
  font-weight: var(--fw-regular);
}

/* NAV */
.nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

/* linkleri buton gibi yap */
.nav .nav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  font-size:14px;
  line-height:1;
  font-weight: 500;
  color: var(--text);
  border:1px solid rgba(181,35,128,.18);
  background: linear-gradient(90deg,
    rgba(181,35,128,.10) 0%,
    rgba(230,23,221,.10) 35%,
    rgba(5,225,175,.10) 70%,
    rgba(111,78,153,.10) 100%
  );
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, opacity .12s ease;
  opacity:.92;
}

.nav .nav-link:hover{
  transform: translateY(-1px);
  border-color: rgba(230,23,221,.30);
  box-shadow: 0 10px 26px rgba(20,19,26,.10);
  opacity:1;
}

/* aktif menü: daha belirgin */
.nav .nav-link.active{
  border-color: rgba(230,23,221,.40);
  background: linear-gradient(90deg,
    rgba(181,35,128,.20) 0%,
    rgba(230,23,221,.20) 40%,
    rgba(5,225,175,.16) 100%
  );
  box-shadow: 0 14px 34px rgba(181,35,128,.10);
  opacity:1;
}

/* Futures Bot: daha “CTA” gibi */
.nav .nav-link.nav-bot{
  border-color: rgba(5,225,175,.26);
  background: linear-gradient(90deg,
    rgba(230,23,221,.18) 0%,
    rgba(5,225,175,.18) 100%
  );
}

/* mobilde nav panel görünümü */
@media (max-width: 920px){
  .nav{
    position:absolute;
    top:74px;
    left:16px;
    right:16px;
    background: var(--card);
    border:1px solid var(--line);
    border-radius:16px;
    box-shadow: var(--shadow2);
    padding:12px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  body.nav-open .nav{ display:flex; }

  .nav .nav-link{
    width:100%;
    justify-content:center;
    padding:12px 12px;
  }
}


/* Futures Bot özel buton */
.nav .nav-bot{
  border:none;
  background: linear-gradient(135deg, var(--c-mint), color-mix(in srgb, var(--c-magenta-2) 55%, #fff));
  color:#062c22;
  font-weight: var(--fw-bold);
  box-shadow: 0 14px 30px rgba(5,225,175,.18);
}

.nav .nav-bot:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 44px rgba(5,225,175,.22);
}

/* mobil */
.nav-toggle{
  display:none;
  border:1px solid var(--line);
  background:#fff;
  width:44px;
  height:44px;
  border-radius:14px;
}
.nav-toggle span{
  display:block; height:2px; margin:6px 10px;
  background:rgba(20,19,26,.70);
  border-radius:999px;
}

.site-main{padding:28px 0 60px}

/* ------------------------------------------------------
   HERO / KARTLAR
------------------------------------------------------ */
.hero{
  background:#ffffff;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) + 8px);
  box-shadow: var(--shadow2);
  padding: 26px;
  overflow:hidden;
  position:relative;
}

.hero::before{
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:8px;
  background: var(--accent);
}

.hero h1{
  margin:0;
  font-size:30px;
  letter-spacing:-.3px;
  font-weight: var(--fw-bold);
  line-height: 1.22;
}
.hero p{
  margin:10px 0 0;
  color:var(--muted);
  max-width:68ch;
  font-weight: var(--fw-regular);
}
.hero .hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px}

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
  font-weight: var(--fw-semibold);
  cursor:pointer;
}

.btn.primary{
  border:none;
  background: linear-gradient(135deg, var(--c-magenta-1), var(--c-magenta-2));
  color:#fff;
  box-shadow: 0 14px 34px rgba(230,23,221,.14);
}

.btn.mint{
  border:none;
  background: linear-gradient(135deg, var(--c-mint), color-mix(in srgb, var(--c-purple) 35%, #fff));
  color:#073126;
  box-shadow: 0 14px 34px rgba(5,225,175,.16);
}

.grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap:16px;
}

.card{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding:16px;
  position:relative;
  overflow:hidden;
}

.card::before{
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:6px;
  background: var(--accent);
  opacity:.95;
}

.card h3{
  margin:0 0 8px;
  font-weight: var(--fw-semibold);
  font-size:16px;
}
.muted{color:var(--muted)}
.small{font-size:12px}

.badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(20,19,26,.12);
  background: rgba(230,23,221,.08);
  font-size:12px;
  font-weight: var(--fw-semibold);
}

.badge.mint{background: rgba(5,225,175,.14)}
.badge.purple{background: rgba(111,78,153,.14)}

.section-title{
  margin:26px 0 10px;
  font-size:18px;
  letter-spacing:.1px;
  font-weight: var(--fw-semibold);
}

.split{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:16px;
}

.kpis{display:grid; grid-template-columns: repeat(2, 1fr); gap:12px}
.kpi{
  padding:14px;
  border-radius:16px;
  border:1px dashed rgba(20,19,26,.16);
  background: #ffffff;
}
.kpi .num{font-weight: var(--fw-bold); font-size:16px}
.kpi .lbl{font-size:12px; color:var(--muted); margin-top:4px; font-weight: var(--fw-regular)}

.report-cards{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:12px;
}

.report-card{
  padding:14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow: var(--shadow);
  transition: transform .15s ease, box-shadow .15s ease;
  position:relative;
  overflow:hidden;
}

.report-card::before{
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:6px;
  background: var(--accent);
}

.report-card:hover{transform: translateY(-2px); box-shadow: 0 18px 44px rgba(20,19,26,.10)}
.report-card .title{font-weight: var(--fw-semibold)}
.report-card .sub{margin-top:6px; color:var(--muted); font-size:12px; font-weight: var(--fw-regular)}

.table-wrap{
  overflow:auto;
  border-radius:18px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow: var(--shadow);
}

.excel{
  border-collapse: collapse;
  width:100%;
  min-width:780px;
  font-size:13px;
}

.excel th, .excel td{
  border:1px solid rgba(20,19,26,.12);
  padding:10px 10px;
  white-space: nowrap;
}

.excel thead th{
  position:sticky; top:0;
  background: linear-gradient(90deg, rgba(181,35,128,.14), rgba(230,23,221,.10), rgba(5,225,175,.14), rgba(111,78,153,.12));
  text-align:left;
  font-weight: var(--fw-semibold);
}

.excel tbody tr:nth-child(even){background: rgba(20,19,26,.03)}
.pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding:4px 10px;
  border-radius:999px;
  font-weight: var(--fw-semibold);
  font-size:12px;
  border:1px solid rgba(20,19,26,.12);
}
.pill.long{background: rgba(5,225,175,.16)}
.pill.short{background: rgba(230,23,221,.12)}

.media{
  display:grid;
  grid-template-columns: 220px 1fr;
  gap:14px;
  align-items:start;
}

.media img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid var(--line);
  background:#fff;
}

/* ------------------------------------------------------
   FOOTER
------------------------------------------------------ */
.site-footer{
  border-top:1px solid var(--line);
  background:#ffffff;
}

.footer-grid{
  padding:26px 0;
  display:grid;
  grid-template-columns: 1.3fr .9fr .9fr;
  gap:18px;
}

.footer-brand{font-weight: var(--fw-bold); font-size:16px}
.footer-title{font-weight: var(--fw-semibold); margin-bottom:10px}
.footer-links{display:grid; gap:8px}
.footer-links a{color:rgba(20,19,26,.82); font-weight: var(--fw-regular)}
.footer-links a:hover{text-decoration:underline}

.footer-bottom{
  padding:14px 0 22px;
  display:flex; justify-content:space-between; align-items:center;
}

.social{display:flex; flex-wrap:wrap; gap:10px}
.social-btn{
  width:42px; height:42px;
  border-radius:14px;
  display:grid; place-items:center;
  border:1px solid var(--line);
  background:#fff;
  color: rgba(20,19,26,.82);
}
.social-btn:hover{background: rgba(5,225,175,.10)}

/* ------------------------------------------------------
   FORM
------------------------------------------------------ */
.form{display:grid; gap:10px}

.input, .textarea{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
  font-size:14px;
  font-weight: var(--fw-regular);
}
.textarea{min-height:140px; resize:vertical}

.notice{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(5,225,175,.35);
  background: rgba(5,225,175,.12);
}
.notice.danger{
  border-color: rgba(230,23,221,.35);
  background: rgba(230,23,221,.10);
}

/* ------------------------------------------------------
   RESPONSIVE
------------------------------------------------------ */
@media (max-width: 980px){
  .split{grid-template-columns:1fr}
  .report-cards{grid-template-columns: repeat(2, 1fr)}
  .footer-grid{grid-template-columns: 1fr}
}

@media (max-width: 760px){
  .nav-toggle{display:inline-block}

  .nav{
    position:fixed;
    inset:72px 16px auto 16px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow: var(--shadow2);
    padding:12px;
    display:none;
    flex-direction:column;
    align-items:stretch;
  }

  body.nav-open .nav{display:flex}
  .nav a{padding:12px 12px}
  .report-cards{grid-template-columns: 1fr}
  .media{grid-template-columns:1fr}
}
/* ======================================================
   ADMIN PANEL (Sol Sidebar) + İnce Yazı Zorlaması
====================================================== */

.admin-shell{
  min-height:100vh;
  display:flex;
  align-items:stretch;
}

.admin-side{
  width:260px;
  flex:0 0 260px;
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
  border-right:1px solid var(--line);
  background: var(--card);
  padding:18px 14px;
}

.admin-brand{
  display:flex;
  gap:10px;
  align-items:center;
  text-decoration:none;
  color:inherit;
  padding:10px 10px;
  border-radius:14px;
}

.admin-menu{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:14px;
}

.admin-menu a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 10px;
  border-radius:14px;
  text-decoration:none;
  color:inherit;
  border:1px solid transparent;
  font-weight: var(--fw-regular);
}

.admin-menu a:hover{
  border-color: var(--line);
  box-shadow: var(--shadow);
}

.admin-menu a.active{
  border-color: var(--line);
  background: rgba(20,19,26,.03);
}

.admin-topnote{
  margin-top:14px;
  padding:10px 10px;
  border-radius:14px;
  border:1px solid var(--line);
}

.admin-topnote code{
  display:block;
  margin-top:6px;
  white-space:normal;
  word-break:break-all;
  font-size:12px;
  font-weight: var(--fw-regular);
}

.admin-content{
  flex:1 1 auto;
  min-width:0;
  padding:26px 22px;
}

/* Admin sayfalarında container'ı tam genişlikte kullan */
.admin-content .container{
  max-width: 100%;
  padding-left:0;
  padding-right:0;
}

/* ======================================================
   KALIN YAZI TEMİZLİĞİ (Tüm site + admin)
====================================================== */

strong, b, th, thead th,
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6,
.section-title,
.card-title,
.table thead th{
  font-weight: var(--fw-regular) !important;
}

/* ------------------------------------------------------
   IMAGE MODAL (Analiz / Sonuçlanan İşlemler)
------------------------------------------------------ */
.img-modal{
  position: fixed;
  inset: 0;
  display:none;
  align-items:center;
  justify-content:center;
  background: rgba(20,19,26,.70);
  padding: 20px;
  z-index: 2000;
}
.img-modal.open{ display:flex; }
.img-modal__panel{
  width: min(980px, 100%);
  background: #fff;
  border-radius: 18px;
  overflow:hidden;
  position: relative;
  box-shadow: 0 24px 60px rgba(0,0,0,.30);
}
.img-modal__close{
  position:absolute;
  right:10px;
  top:10px;
  border:1px solid rgba(20,19,26,.18);
  background:#fff;
  width:38px;
  height:38px;
  border-radius: 12px;
  cursor:pointer;
}
.img-modal__panel img{
  width:100%;
  height:auto;
  display:block;
}