:root{
  --primary:#d4af37;
  --secondary:#0f172a;
  --bg:#050914;
  --card:#0b1220;
  --text:#ffffff;
  --muted:#a5b4cc;
  --border:rgba(255,255,255,.08);
  --shadow:0 15px 40px rgba(0,0,0,.30);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}

body{
  font-family:Inter,Arial,sans-serif;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.12), transparent 30%),
    radial-gradient(circle at bottom left, rgba(44,145,255,.12), transparent 25%),
    var(--bg);
  color:var(--text);
}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.container{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
}

/* HEADER */
.site-header{
  position:sticky;
  top:0;
  z-index:25;
  background:rgba(3,7,18,.72);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}

.header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:8px 0;
  min-height:68px;
}

.brand-link{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}

.brand-text{
  font-size:32px;
  font-weight:800;
}

.brand-logo{
  max-height:56px;
  width:auto;
}

.site-actions,
.social-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.site-actions-compact{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  margin-left:auto;
  flex-wrap:nowrap;
}

.register-link{
  color:#f2ca58;
  font-weight:700;
  padding:8px 2px;
  font-size:14px;
  opacity:.95;
}

/* USER MENU */
.user-menu{
  position:relative;
  flex:0 0 auto;
}

.user-menu-trigger{
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(212,175,55,.22);
  color:#fff;
  padding:8px 12px;
  border-radius:999px;
  cursor:pointer;
  min-height:44px;
  white-space:nowrap;
}

.user-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--primary),#f2ca58);
  color:#111;
  font-weight:800;
  font-size:15px;
  flex:0 0 34px;
}

.user-name{
  font-weight:700;
  max-width:140px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.user-caret{
  opacity:.8;
}

.user-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:200px;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(11,18,32,1));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 15px 35px rgba(0,0,0,.35);
  border-radius:16px;
  padding:8px;
  display:none;
  z-index:80;
}

.user-menu.open .user-dropdown{
  display:block;
}

.user-dropdown a{
  display:block;
  padding:12px 14px;
  border-radius:12px;
  color:#fff;
}

.user-dropdown a:hover{
  background:rgba(255,255,255,.05);
}

.user-dropdown .danger-link{
  color:#ffb3b3;
}

/* BUTTONS */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 18px;
  border:none;
  border-radius:12px;
  background:linear-gradient(135deg,var(--primary),#f2ca58);
  color:#1a1a1a;
  font-weight:700;
  cursor:pointer;
  box-shadow:var(--shadow);
}

.btn.small{
  padding:10px 14px;
  font-size:14px;
}

.btn.secondary{
  background:transparent;
  color:var(--text);
  border:1px solid rgba(212,175,55,.55);
  box-shadow:none;
}

/* CARD */
.card{
  background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(11,18,32,.98));
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow);
  padding:22px;
}

/* SLIDER */
.hero-top-slider{
  padding:24px 0 14px;
}

.top-slider{
  position:relative;
  padding:14px;
  overflow:hidden;
  height:420px;
  border-radius:22px;
}

.top-slider-track{
  position:relative;
  width:100%;
  height:100%;
}

.top-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .45s ease;
}

.top-slide.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:2;
}

.top-slide-link{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:16px;
}

.top-slide picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(180deg,#0d1730,#09111f);
}

.top-slide picture source{
  display:none;
}

.top-slide picture img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:16px;
}

.top-slide-overlay{
  position:absolute;
  left:24px;
  bottom:24px;
  right:auto;
  z-index:4;
  max-width:620px;
  padding:20px;
  border-radius:18px;
  background:rgba(3,7,18,.55);
  backdrop-filter:blur(10px);
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.top-slide-overlay h2{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.1;
  font-weight:900;
}

.top-slide-overlay p{
  margin:0 0 14px;
  color:#d7deea;
  line-height:1.5;
  font-size:15px;
}

.top-slider-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:5;
}

.top-slider-dot{
  width:12px;
  height:12px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.35);
  cursor:pointer;
}

.top-slider-dot.active{
  background:var(--primary);
}

/* LAYOUT */
.main-stack{
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:8px 0 48px;
}

.section-head{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:14px;
}

.section-head h2{
  margin:0;
  font-size:30px;
}

.section-head p{
  margin:0;
  color:var(--muted);
}

/* SPONSORS */
.sponsor-grid-compact{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

.sponsor-card-compact{
  position:relative;
  overflow:hidden;
  min-height:320px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(11,18,32,.99));
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:14px;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}

.sponsor-card-compact::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;
  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.03) 35%,
    rgba(255,255,255,0.08) 50%,
    rgba(255,255,255,0.03) 65%,
    transparent 100%
  );
  transform:translateX(-120%);
  transition:transform .7s ease;
}

.sponsor-card-compact:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 42px rgba(0,0,0,.34);
  border-color:rgba(212,175,55,.35);
}

.sponsor-card-compact:hover::after{
  transform:translateX(120%);
}

.sponsor-card-compact.glow::before,
.sponsor-card-compact.line::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1.5px;
  border-radius:18px;
  background:linear-gradient(
    90deg,
    rgba(0,210,255,.9),
    rgba(124,245,255,.9),
    rgba(242,202,88,.95),
    rgba(255,78,205,.9),
    rgba(0,210,255,.9)
  );
  background-size:240% 240%;
  animation:sponsorBorderShift 6s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  opacity:.9;
}

.sponsor-card-compact.none::before{
  display:none;
}

@keyframes sponsorBorderShift{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}

.sponsor-card-compact img{
  width:100%;
  height:170px;
  object-fit:contain;
  border-radius:14px;
  background:rgba(255,255,255,.02);
  padding:10px;
  transition:transform .35s ease, filter .35s ease;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
}

.sponsor-card-compact:hover img{
  transform:scale(1.03);
  filter:saturate(1.06) contrast(1.03);
}

.sponsor-card-compact h3{
  margin:14px 0 8px;
  font-size:22px;
  line-height:1.15;
}

.sponsor-card-compact p{
  margin:0 0 14px;
  color:var(--muted);
  line-height:1.5;
  min-height:48px;
  font-size:14px;
}

.sponsor-card-compact .btn.small{
  width:100%;
  justify-content:center;
  border-radius:12px;
  transition:transform .22s ease, box-shadow .22s ease;
}

.sponsor-card-compact:hover .btn.small{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(212,175,55,.22);
}

.quick-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:10px;
}

.quick-card{
  padding:16px;
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.08), transparent 30%),
    linear-gradient(180deg, rgba(12,18,35,.96), rgba(8,14,28,.96));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:
    0 10px 24px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.quick-card h3{
  margin:0 0 4px;
  font-size:18px;
  font-weight:800;
  line-height:1.15;
}

.quick-card p{
  margin:0 0 12px;
  color:rgba(255,255,255,.66);
  font-size:12px;
  line-height:1.35;
}

.btn-premium{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:100%;
  height:42px;
  border-radius:12px;
  background:linear-gradient(135deg,#f2ca58,#d4af37);
  color:#000;
  font-weight:800;
  font-size:14px;
  letter-spacing:.01em;
  box-shadow:
    0 8px 18px rgba(212,175,55,.28),
    inset 0 1px 0 rgba(255,255,255,.35);
  transition:.2s;
}

.btn-premium:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(212,175,55,.5);
}

.footer-section{
  margin-top:20px;
  text-align:center;
  position:relative;
}

.footer-section::before{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-bottom:14px;
  background:linear-gradient(90deg,transparent,#f2ca58,transparent);
}

.footer-section p{
  color:rgba(255,255,255,.5);
  font-size:12px;
}

.social-row-strong{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.social-pill{
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  font-weight:700;
  transition:.2s;
}

.social-pill:hover{
  border-color:rgba(212,175,55,.5);
  background:rgba(212,175,55,.08);
}

/* SOCIAL ICON PILLS */
.social-pill-icon{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border:1px solid rgba(212,175,55,.28);
  border-radius:999px;
  background:rgba(255,255,255,.02);
  color:var(--text);
  transition:transform .22s ease, border-color .22s ease, background .22s ease;
}

.social-pill-icon:hover{
  transform:translateY(-2px);
  border-color:rgba(212,175,55,.5);
  background:rgba(255,255,255,.04);
}

.social-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f2ca58;
  flex:0 0 20px;
}

.social-icon svg{
  width:20px;
  height:20px;
  display:block;
  fill:currentColor;
}

.social-label{
  font-weight:700;
  line-height:1;
}

/* POPUP */
.popup-overlay{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(2,8,23,.72);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    z-index:9999;
    opacity:0;
    transition:opacity .22s ease;
}

.popup-overlay.active{
    opacity:1;
}

.popup-box.popup-box-premium{
    position:relative;
    width:min(100%, 430px);
    padding:22px;
    border-radius:26px;
    background:
        radial-gradient(circle at top right, rgba(212,175,55,.14), transparent 35%),
        linear-gradient(180deg, rgba(10,18,38,.98), rgba(7,13,28,.98));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 24px 60px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.05);
    transform:translateY(14px) scale(.97);
    transition:transform .22s ease;
}

.popup-overlay.active .popup-box.popup-box-premium{
    transform:translateY(0) scale(1);
}

.popup-close.popup-close-premium{
    position:absolute;
    top:14px;
    right:14px;
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:28px;
    cursor:pointer;
    transition:.2s ease;
}

.popup-close.popup-close-premium:hover{
    background:rgba(212,175,55,.18);
    transform:rotate(90deg);
}

.popup-badge{
    display:inline-flex;
    align-items:center;
    padding:7px 12px;
    margin-bottom:12px;
    border-radius:999px;
    background:rgba(242,202,88,.12);
    border:1px solid rgba(242,202,88,.24);
    color:#f2ca58;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}

.popup-box-premium h3{
    margin:0 0 14px;
    font-size:32px;
    line-height:1.08;
    font-weight:900;
    color:#fff;
}

.popup-image-wrap{
    margin-bottom:16px;
}

.popup-image-wrap img{
    display:block;
    max-width:100%;
    border-radius:18px;
    box-shadow:0 14px 30px rgba(0,0,0,.30);
}

.popup-box-premium .muted{
    margin:0 0 18px;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.55;
}

.popup-box-premium .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 18px;
    border-radius:14px;
}

@media (max-width: 768px){
    .popup-box.popup-box-premium{
        width:min(100%, 390px);
        padding:18px;
        border-radius:22px;
    }

    .popup-box-premium h3{
        font-size:26px;
    }

    .popup-box-premium .muted{
        font-size:16px;
    }
}

/* AUTH / ACCOUNT */
.auth-wrap{
  padding:48px 0;
}

.auth-card{
  width:min(620px,100%);
  margin:0 auto;
}

.account-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding:34px 0;
}

.grid{
  display:grid;
  gap:16px;
}

.admin-two-col{
  grid-template-columns:1.05fr 1.4fr;
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.field label{
  font-size:14px;
  color:var(--muted);
  font-weight:600;
}

.field input,
.field textarea,
.field select{
  width:100%;
  border:1px solid rgba(255,255,255,.10);
  background:#09111f;
  color:white;
  border-radius:12px;
  padding:12px 14px;
  outline:none;
}

.field textarea{
  min-height:120px;
  resize:vertical;
}

.table-wrap{
  overflow:auto;
}

.table{
  width:100%;
  border-collapse:collapse;
}

.table th,
.table td{
  padding:12px 10px;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-align:left;
  vertical-align:top;
}

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

.info-list{
  display:grid;
  gap:10px;
}

.flash{
  padding:14px 16px;
  border-radius:14px;
  margin:14px 0;
  border:1px solid var(--border);
}

.flash.success{
  background:rgba(20,110,40,.25);
  color:#dbffe3;
}

.flash.error{
  background:rgba(120,20,20,.25);
  color:#ffd7d7;
}

.inline-form{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.inline-form input{
  max-width:130px;
}

/* ADMIN */
.admin-body{
  background:
    radial-gradient(circle at top left, rgba(212,175,55,.10), transparent 24%),
    radial-gradient(circle at bottom right, rgba(44,145,255,.12), transparent 26%),
    #030712;
}

.admin-shell{
  display:grid;
  grid-template-columns:280px 1fr;
  min-height:100vh;
}

.topbar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  background:rgba(3,7,18,.88);
  backdrop-filter:blur(10px);
  z-index:50;
  border-bottom:1px solid var(--border);
}

.brand{
  font-weight:800;
}

.menu-btn{
  width:42px;
  height:42px;
  border:none;
  border-radius:12px;
  background:#111b2d;
  color:white;
  cursor:pointer;
  font-size:22px;
}

.sidebar{
  padding:96px 18px 18px;
  border-right:1px solid var(--border);
  background:#06101d;
}

.sidebar nav{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.sidebar a{
  display:block;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#0b1525;
}

.content{
  padding:96px 24px 24px;
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}

.stat-box{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.stat-box strong{
  font-size:34px;
}

/* ===== Admin mobile drawer iyilestirme ===== */
@media (max-width: 992px){
  .admin-body{
    overflow-x:hidden;
  }

  .admin-shell{
    position:relative;
    overflow:hidden;
  }

  .sidebar{
    position:fixed;
    top:0;
    left:0;
    width:min(82vw, 320px);
    height:100vh;
    z-index:1200;
    transform:translateX(-110%);
    transition:transform .28s ease;
    overflow-y:auto;
    padding:88px 14px 18px;
    background:
      linear-gradient(180deg, rgba(10,18,34,.98), rgba(7,12,24,.98));
    border-right:1px solid rgba(255,255,255,.07);
    box-shadow:22px 0 46px rgba(0,0,0,.42);
  }

  .sidebar nav{
    display:grid;
    gap:12px;
  }

  .sidebar nav a{
    min-height:58px;
    display:flex;
    align-items:center;
    padding:0 18px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
  }

  .sidebar nav a.active{
    background:
      radial-gradient(circle at left center, rgba(242,202,88,.12), transparent 35%),
      rgba(255,255,255,.04);
  }

  .content{
    min-width:0;
  }

  .admin-backdrop{
    position:fixed;
    inset:0;
    z-index:1100;
    background:rgba(0,0,0,.42);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
  }

  body.nav-open .sidebar{
    transform:translateX(0);
  }

  body.nav-open .admin-backdrop{
    opacity:1;
    pointer-events:auto;
  }

  body.nav-open{
    overflow:hidden;
  }

  .topbar{
    position:sticky;
    top:0;
    z-index:1300;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
}

/* RESPONSIVE */
@media (max-width: 1100px){
  .sponsor-grid-compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .top-slider{
    height:360px;
  }

  .top-slide-overlay{
    max-width:540px;
  }

  .top-slide-overlay h2{
    font-size:28px;
  }
}

@media (max-width: 980px){
  .account-grid,
  .admin-two-col,
  .stats-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  .admin-shell{
    grid-template-columns:1fr;
  }

  .sidebar{
    position:fixed;
    top:72px;
    left:0;
    bottom:0;
    width:280px;
    transform:translateX(-102%);
    transition:.25s ease;
    z-index:45;
  }

  body.nav-open .sidebar{
    transform:translateX(0);
  }

.content{
  padding:12px 14px 24px;
}

@media (max-width: 768px){
  .header-row{
    flex-direction:row;
    align-items:center;
    min-height:60px;
  }

  .container{
    width:min(100% - 20px,1180px);
  }

  .top-slider{
    height:292px;
    padding:8px;
  }

  .top-slide picture img{
    border-radius:18px;
  }

  .top-slide-overlay{
    left:18px;
    right:18px;
    bottom:18px;
    width:auto;
    max-width:calc(100% - 36px);
    padding:10px 12px;
    border-radius:20px;
    background:linear-gradient(180deg, rgba(12,16,30,.34), rgba(10,14,26,.52));
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:
      0 12px 26px rgba(0,0,0,.26),
      inset 0 1px 0 rgba(255,255,255,.06);
  }

  .top-slide-overlay h2{
    margin:0 0 4px;
    font-size:16px;
    line-height:1.02;
    font-weight:900;
    letter-spacing:-0.3px;
  }

  .top-slide-overlay p{
    margin:0 0 8px;
    font-size:10.5px;
    line-height:1.3;
    color:rgba(255,255,255,.80);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .top-slide-overlay .btn{
    min-height:34px;
    padding:7px 12px;
    font-size:12px;
    font-weight:800;
    border-radius:11px;
    box-shadow:0 6px 16px rgba(212,175,55,.18);
  }

  .top-slider-dots{
    bottom:10px;
    gap:7px;
  }

  .top-slider-dot{
    width:10px;
    height:10px;
  }

  .brand-logo{
    max-height:46px;
  }

  .user-name{
    display:none;
  }

  .site-actions-compact{
    gap:10px;
  }

  .register-link{
    font-size:14px;
  }

.quick-actions{
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:10px !important;
}

.quick-card{
  padding:14px !important;
  border-radius:18px !important;
  min-height:auto !important;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.06), transparent 28%),
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,14,28,.98)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:
    0 12px 24px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.quick-card h3{
  margin:0 0 4px !important;
  font-size:17px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:-0.2px !important;
}

.quick-card p{
  margin:0 0 10px !important;
  font-size:12px !important;
  line-height:1.32 !important;
  color:rgba(255,255,255,.76) !important;
}

.btn-premium{
  min-height:38px !important;
  padding:8px 12px !important;
  font-size:13px !important;
  font-weight:800 !important;
  border-radius:12px !important;
  box-shadow:0 6px 14px rgba(212,175,55,.14) !important;
}

  .footer-section.card{
    padding:18px 16px !important;
    border-radius:20px !important;
    background:
      radial-gradient(circle at top right, rgba(212,175,55,.06), transparent 28%),
      linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,14,28,.98)) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    box-shadow:
      0 14px 30px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  .footer-section .section-head{
    margin-bottom:14px !important;
  }

  .footer-section .section-head h2{
    margin:0 0 6px !important;
    font-size:26px !important;
    line-height:1.02 !important;
    font-weight:900 !important;
    letter-spacing:-0.5px !important;
  }

  .footer-section .section-head p{
    margin:0 !important;
    font-size:14px !important;
    line-height:1.42 !important;
    color:rgba(255,255,255,.72) !important;
  }

  .social-row-strong{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .social-pill-icon{
    width:100% !important;
    min-height:50px !important;
    justify-content:flex-start !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)) !important;
    border:1px solid rgba(212,175,55,.22) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    gap:8px;
  }

  .social-icon,
  .social-icon svg{
    width:18px !important;
    height:18px !important;
  }

  .social-label{
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }
}

/* SLIDER FIX - ZORLA ÜST ÜSTE */
.top-slider-track{
  position:relative !important;
}

.top-slide{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
}

.top-slide:not(.active){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.top-slide.active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:2 !important;
}

/* MOBILE SPONSOR FORCE FIX */
@media (max-width: 768px){
  .sponsor-grid-compact{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
    align-items:start !important;
  }

  .sponsor-card-compact{
    min-height:auto !important;
    padding:8px !important;
    border-radius:12px !important;
  }

  .sponsor-card-compact img{
    height:72px !important;
    object-fit:contain !important;
    padding:6px !important;
    border-radius:10px !important;
  }

  .sponsor-card-compact h3{
    margin:8px 0 4px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    word-break:break-word !important;
  }

  .sponsor-card-compact p{
    margin:0 0 8px !important;
    min-height:auto !important;
    font-size:10px !important;
    line-height:1.3 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .sponsor-card-compact .btn.small{
    width:100% !important;
    min-height:30px !important;
    padding:6px 8px !important;
    font-size:11px !important;
    border-radius:10px !important;
  }
}

.site-footer{
  width:100%;
  margin-top:30px;
  padding:18px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
  font-size:13px;
  font-weight:500;
  color:rgba(255,255,255,.55);
  border-top:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.25));
}

.site-footer span:first-child{
  font-weight:600;
  color:rgba(255,255,255,.75);
}

/* PREMIUM SECTION HEAD */
.section-head.section-head-premium{
  display:block !important;
  position:relative;
  overflow:hidden;
  margin-bottom:22px;
  padding:22px 24px 20px;
  border-radius:22px;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.15), transparent 40%),
    linear-gradient(180deg, rgba(12,18,35,.95), rgba(8,14,28,.85));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 18px 45px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.section-head.section-head-premium::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(
    90deg,
    rgba(212,175,55,0),
    rgba(242,202,88,.95),
    rgba(0,210,255,.65),
    rgba(212,175,55,0)
  );
}

.section-head-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(242,202,88,.08);
  border:1px solid rgba(242,202,88,.18);
  color:#f2ca58;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.section-head-premium h2{
  margin:0;
  font-size:36px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.02em;
  background:linear-gradient(90deg,#ffffff,#f2ca58);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.section-head-premium p{
  margin:8px 0 0;
  max-width:600px;
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.45;
}

@media (max-width: 768px){
  .section-head.section-head-premium{
    margin-bottom:14px;
    padding:12px 14px 11px;
    border-radius:16px;
  }

  .section-head-badge{
    margin-bottom:6px;
    padding:5px 9px;
    font-size:10px;
  }

  .section-head-premium h2{
    font-size:20px;
    line-height:1.08;
  }

  .section-head-premium p{
    margin-top:6px;
    font-size:11px;
    line-height:1.35;
  }
}

/* =========================
   ULTRA PREMIUM POINTS V2
========================= */

.points-v2{
    position:relative;
    margin-top:22px;
    padding:28px;
    border-radius:30px;
    overflow:hidden;
    background:
        radial-gradient(circle at top right, rgba(242,202,88,.16), transparent 22%),
        radial-gradient(circle at bottom left, rgba(0,210,255,.10), transparent 20%),
        linear-gradient(180deg, #0d1220 0%, #080c16 100%);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 24px 60px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 0 1px rgba(255,255,255,.02);
}

.points-v2::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:linear-gradient(
        90deg,
        rgba(242,202,88,0),
        rgba(242,202,88,.95),
        rgba(0,210,255,.45),
        rgba(242,202,88,0)
    );
}

.points-v2::after{
    content:"";
    position:absolute;
    top:-140px;
    right:-140px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(242,202,88,.13) 0%, rgba(242,202,88,.05) 40%, transparent 74%);
    pointer-events:none;
}

.points-v2-top{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0, 1.5fr) 280px;
    gap:18px;
    margin-bottom:22px;
}

.points-v2-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
    padding:7px 13px;
    border-radius:999px;
    background:rgba(242,202,88,.08);
    border:1px solid rgba(242,202,88,.18);
    color:#f2ca58;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.points-v2-title{
    margin:0;
    color:#fff;
    font-size:38px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.03em;
}

.points-v2-desc{
    margin:12px 0 0;
    color:rgba(255,255,255,.76);
    font-size:15px;
    line-height:1.72;
    max-width:900px;
}

.points-v2-desc strong{
    color:#f2ca58;
    font-weight:800;
}

.points-v2-summary{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.points-v2-summary-card{
    position:relative;
    padding:16px 16px 14px;
    border-radius:20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
        rgba(14,18,28,.95);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 10px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.points-v2-summary-card--gold{
    background:
        linear-gradient(180deg, rgba(242,202,88,.16), rgba(242,202,88,.05)),
        rgba(14,18,28,.96);
    border-color:rgba(242,202,88,.20);
}

.points-v2-summary-label{
    display:block;
    color:rgba(255,255,255,.64);
    font-size:11px;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
    margin-bottom:6px;
}

.points-v2-summary-value{
    display:block;
    color:#fff;
    font-size:24px;
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.02em;
}

.points-v2-summary-card--gold .points-v2-summary-value{
    color:#f2ca58;
}

.points-v2-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:14px;
}

.points-v2-card{
    position:relative;
    min-height:210px;
    padding:18px 16px 16px;
    border-radius:22px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(13,17,27,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 12px 28px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.04);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.points-v2-card:hover{
    transform:translateY(-5px);
    border-color:rgba(242,202,88,.24);
    box-shadow:
        0 18px 38px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.points-v2-card--highlight{
    background:
        linear-gradient(180deg, rgba(242,202,88,.13), rgba(242,202,88,.03)),
        rgba(13,17,27,.97);
    border-color:rgba(242,202,88,.22);
}

.points-v2-iconrow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:14px;
}

.points-v2-icon{
    width:50px;
    height:50px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg, rgba(242,202,88,.22), rgba(242,202,88,.08));
    border:1px solid rgba(242,202,88,.22);
    color:#f2ca58;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 8px 18px rgba(242,202,88,.08);
}

.points-v2-icon svg{
    width:24px;
    height:24px;
    display:block;
}

.points-v2-num{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:32px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    color:rgba(255,255,255,.70);
    font-size:12px;
    font-weight:800;
    letter-spacing:.06em;
}

.points-v2-card h3{
    margin:0 0 8px;
    color:#fff;
    font-size:17px;
    line-height:1.3;
    font-weight:800;
}

.points-v2-card p{
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:14px;
    line-height:1.62;
}

.points-v2-card p strong{
    color:#f2ca58;
    font-weight:800;
}

.points-v2-mini{
    display:inline-flex;
    align-items:center;
    margin-top:12px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    color:rgba(255,255,255,.72);
    font-size:11px;
    font-weight:700;
    letter-spacing:.03em;
}

@media (max-width: 1280px){
    .points-v2-top{
        grid-template-columns:1fr;
    }

    .points-v2-summary{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .points-v2-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px){
    .points-v2{
        margin-top:16px;
        padding:16px;
        border-radius:20px;
    }

    .points-v2-top{
        gap:12px;
        margin-bottom:14px;
    }

    .points-v2-badge{
        margin-bottom:8px;
        padding:6px 10px;
        font-size:10px;
    }

    .points-v2-title{
        font-size:22px;
        line-height:1.1;
    }

    .points-v2-desc{
        margin-top:8px;
        font-size:13px;
        line-height:1.58;
    }

    .points-v2-summary{
        grid-template-columns:1fr;
        gap:10px;
    }

    .points-v2-summary-card{
        padding:13px 14px;
        border-radius:16px;
    }

    .points-v2-summary-label{
        font-size:10px;
        margin-bottom:4px;
    }

    .points-v2-summary-value{
        font-size:18px;
    }

    .points-v2-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .points-v2-card{
        min-height:auto;
        padding:14px;
        border-radius:16px;
    }

    .points-v2-icon{
        width:42px;
        height:42px;
        border-radius:13px;
    }

    .points-v2-icon svg{
        width:20px;
        height:20px;
    }

    .points-v2-num{
        min-width:38px;
        height:28px;
        font-size:11px;
        padding:0 8px;
    }

    .points-v2-card h3{
        font-size:15px;
        margin-bottom:6px;
    }

    .points-v2-card p{
        font-size:13px;
        line-height:1.52;
    }

    .points-v2-mini{
        margin-top:10px;
        font-size:10px;
        padding:5px 9px;
    }
}

/* =========================
   POINTS V2 MOBILE COMPACT
========================= */

/* desktopta da biraz sıkılaştır */
.points-v2{
    margin-top:18px;
    padding:24px;
}

.points-v2-top{
    margin-bottom:18px;
}

.points-v2-title{
    font-size:34px;
}

.points-v2-desc{
    font-size:14px;
    line-height:1.62;
}

.points-v2-summary{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
}

.points-v2-summary-card{
    padding:14px 14px 12px;
    border-radius:18px;
}

.points-v2-summary-value{
    font-size:21px;
}

.points-v2-grid{
    gap:12px;
}

.points-v2-card{
    min-height:185px;
    padding:16px 14px 14px;
}

.points-v2-card h3{
    font-size:16px;
}

.points-v2-card p{
    font-size:13px;
    line-height:1.52;
}

/* tablet */
@media (max-width: 1024px){
    .points-v2{
        padding:18px;
        border-radius:22px;
    }

    .points-v2-top{
        gap:12px;
        margin-bottom:14px;
    }

    .points-v2-title{
        font-size:24px;
        line-height:1.08;
    }

    .points-v2-desc{
        font-size:13px;
        line-height:1.56;
        margin-top:8px;
    }

    .points-v2-summary{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .points-v2-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .points-v2-card{
        min-height:auto;
    }

    .points-v2-mini{
        display:none;
    }
}

/* mobil */
@media (max-width: 768px){
    .points-v2{
        margin-top:14px;
        padding:14px;
        border-radius:18px;
    }

    .points-v2::after{
        width:180px;
        height:180px;
        top:-70px;
        right:-70px;
        opacity:.7;
    }

    .points-v2-top{
        gap:10px;
        margin-bottom:12px;
    }

    .points-v2-badge{
        margin-bottom:7px;
        padding:5px 9px;
        font-size:9px;
    }

    .points-v2-title{
        font-size:20px;
        line-height:1.08;
        letter-spacing:-.02em;
    }

    .points-v2-desc{
        margin-top:7px;
        font-size:12px;
        line-height:1.48;
    }

    /* 3 kutu fazla, 2 kutu daha iyi */
    .points-v2-summary{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }

    .points-v2-summary-card{
        padding:10px 11px;
        border-radius:14px;
    }

    .points-v2-summary-label{
        font-size:9px;
        margin-bottom:3px;
    }

    .points-v2-summary-value{
        font-size:15px;
        line-height:1.1;
    }

    /* büyük ödül kutusu tek satır alsın */
    .points-v2-summary-card:last-child{
        grid-column:1 / -1;
    }

    .points-v2-grid{
        grid-template-columns:1fr;
        gap:8px;
    }

    .points-v2-card{
        min-height:auto;
        padding:12px;
        border-radius:14px;
    }

    .points-v2-iconrow{
        margin-bottom:10px;
    }

    .points-v2-icon{
        width:38px;
        height:38px;
        border-radius:12px;
    }

    .points-v2-icon svg{
        width:18px;
        height:18px;
    }

    .points-v2-num{
        min-width:34px;
        height:24px;
        padding:0 7px;
        font-size:10px;
    }

    .points-v2-card h3{
        font-size:14px;
        line-height:1.25;
        margin-bottom:4px;
    }

    .points-v2-card p{
        font-size:12px;
        line-height:1.42;
    }

    /* mini etiketleri tamamen kaldır */
    .points-v2-mini{
        display:none;
    }
}

/* çok dar ekran */
@media (max-width: 420px){
    .points-v2-summary{
        grid-template-columns:1fr;
    }

    .points-v2-summary-card:last-child{
        grid-column:auto;
    }
}

@media (max-width: 768px){
    .points-v2-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .points-v2-card{
        min-height:auto;
        padding:12px;
        border-radius:14px;
    }

    .points-v2-card h3{
        font-size:14px;
        line-height:1.2;
        margin-bottom:4px;
    }

    .points-v2-card p{
        font-size:12px;
        line-height:1.35;
    }

    .points-v2-icon{
        width:36px;
        height:36px;
        border-radius:12px;
    }

    .points-v2-icon svg{
        width:18px;
        height:18px;
    }

    .points-v2-num{
        min-width:30px;
        height:24px;
        font-size:10px;
        padding:0 6px;
    }

    .points-v2-mini{
        display:none;
    }

    .points-v2-card:last-child{
        grid-column:1 / -1;
    }
}

/* =========================
   ADMIN SIDEBAR + TOPBAR FINAL
========================= */

.admin-body{
  background:
    radial-gradient(circle at top left, rgba(212,175,55,.10), transparent 24%),
    radial-gradient(circle at bottom right, rgba(44,145,255,.12), transparent 26%),
    #030712;
  overflow-x:hidden;
}

.admin-shell{
  min-height:100vh;
}

.topbar{
  position:sticky;
  top:0;
  z-index:1300;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  background:
    linear-gradient(180deg, rgba(7,12,24,.92), rgba(7,12,24,.86));
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.brand{
  font-weight:800;
  letter-spacing:-.02em;
}

.menu-btn{
  width:42px;
  height:42px;
  border:none;
  border-radius:12px;
  background:#111b2d;
  color:#fff;
  cursor:pointer;
  font-size:22px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}

.sidebar{
  position:fixed;
  top:72px;
  left:0;
  width:290px;
  height:calc(100vh - 72px);
  padding:18px 14px 20px;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  background:
    linear-gradient(180deg, rgba(8,14,28,.96), rgba(6,10,20,.98));
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:12px 0 40px rgba(0,0,0,.28);
  z-index:120;
}

.sidebar::-webkit-scrollbar{
  width:8px;
}

.sidebar::-webkit-scrollbar-track{
  background:transparent;
}

.sidebar::-webkit-scrollbar-thumb{
  background:rgba(242,202,88,.22);
  border-radius:999px;
}

.sidebar nav{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-bottom:30px;
}

.sidebar a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:58px;
  padding:0 18px;
  border-radius:18px;
  color:rgba(255,255,255,.92);
  text-decoration:none;
  font-size:17px;
  font-weight:600;
  letter-spacing:-.01em;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(10,18,34,.88);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.16);
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    color .18s ease,
    background .18s ease;
}

.sidebar a:hover{
  transform:translateX(4px);
  color:#fff;
  border-color:rgba(242,202,88,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 24px rgba(0,0,0,.24);
}

.sidebar a.active{
  color:#fff;
  background:
    linear-gradient(180deg, rgba(242,202,88,.16), rgba(242,202,88,.05)),
    rgba(10,18,34,.94);
  border-color:rgba(242,202,88,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 26px rgba(0,0,0,.24);
  padding-left:24px;
}

.sidebar a.active::before{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(180deg, #f2ca58, #d6a92a);
  box-shadow:0 0 14px rgba(242,202,88,.28);
}

.content{
  margin-left:290px;
  padding:96px 24px 24px;
  transition:margin-left .2s ease;
}

.admin-backdrop{
  position:fixed;
  inset:72px 0 0 0;
  z-index:110;
  background:rgba(2,6,18,.26);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}

/* MOBILE / TABLET */
@media (max-width: 980px){
  .admin-two-col,
  .stats-grid{
    grid-template-columns:1fr;
  }

  .sidebar{
    width:min(78vw, 300px);
    height:calc(100vh - 72px);
    transform:translateX(-105%);
    transition:transform .24s ease;
    border-right:1px solid rgba(255,255,255,.08);
    box-shadow:14px 0 28px rgba(0,0,0,.28);
  }

  body.nav-open .sidebar{
    transform:translateX(0);
  }

  body.nav-open .admin-backdrop{
    opacity:1;
    pointer-events:auto;
  }

  body.nav-open{
    overflow:hidden;
  }

  .content{
    margin-left:0;
    padding:96px 14px 24px;
  }

  .sidebar a{
    min-height:52px;
    font-size:15px;
    border-radius:16px;
  }
}

/* ===== ADMIN TOPBAR UPGRADE ===== */

.topbar{
    position:sticky;
    top:0;
    z-index:130;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    background:
        linear-gradient(180deg, rgba(7,12,24,.92), rgba(7,12,24,.86));
    border-bottom:1px solid rgba(255,255,255,.06);
    box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.menu-btn{
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 8px 18px rgba(0,0,0,.16);
}

.brand{
    font-weight:800;
    letter-spacing:-.02em;
}

.games-showcase{
    position:relative;
    padding:18px;
    border-radius:24px;
    overflow:hidden;
    background:
        radial-gradient(circle at top right, rgba(242,202,88,.12), transparent 24%),
        radial-gradient(circle at bottom left, rgba(0,210,255,.10), transparent 22%),
        linear-gradient(180deg, rgba(8,16,34,.98), rgba(4,9,22,.98));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 22px 48px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.games-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:32px 32px;
    opacity:.18;
    pointer-events:none;
}

.games-showcase::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(242,202,88,.35), rgba(255,255,255,0));
    pointer-events:none;
}

.games-showcase-head{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
}

.games-showcase-head h2{
    margin:0;
    font-size:28px;
    line-height:1.05;
    font-weight:900;
    color:#fff;
    letter-spacing:-.02em;
}

.games-showcase-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(242,202,88,.08);
    border:1px solid rgba(242,202,88,.18);
    color:#f2ca58;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.games-showcase-note{
    color:rgba(255,255,255,.52);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.game-row{
    position:relative;
    z-index:2;
    display:flex;
    gap:14px;
    overflow-x:auto;
    padding-bottom:6px;
    scrollbar-width:none;
}

.game-row::-webkit-scrollbar{
    display:none;
}

.game-card{
    width:200px;
    flex:0 0 200px;
    cursor:pointer;
    transition:transform .25s ease;
    user-select:none;
}

.game-card:hover{
    transform:translateY(-6px);
}

.game-thumb{
    position:relative;
    border-radius:18px;
    overflow:hidden;
    background:#0b1020;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 18px 36px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.04);
    isolation:isolate;
}

/* premium neon outline */
.game-thumb::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    padding:1px;
    background:
        linear-gradient(
            135deg,
            rgba(242,202,88,.0) 0%,
            rgba(242,202,88,.65) 22%,
            rgba(0,210,255,.45) 55%,
            rgba(242,202,88,.0) 100%
        );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:.65;
    pointer-events:none;
    z-index:3;
}

/* altın ışık sweep */
.game-thumb::after{
    content:"";
    position:absolute;
    top:-20%;
    left:-60%;
    width:42%;
    height:140%;
    background:linear-gradient(
        90deg,
        rgba(255,255,255,0),
        rgba(255,235,170,.10),
        rgba(242,202,88,.28),
        rgba(255,255,255,0)
    );
    transform:skewX(-22deg);
    pointer-events:none;
    z-index:2;
    opacity:.0;
}

@media (min-width: 769px){
    .game-card:hover .game-thumb::after{
        animation:gameSweep 1.15s ease forwards;
        opacity:1;
    }
}

@keyframes gameSweep{
    0%{
        left:-60%;
        opacity:0;
    }
    20%{
        opacity:1;
    }
    100%{
        left:135%;
        opacity:0;
    }
}

.game-thumb img{
    width:100%;
    aspect-ratio:3/2;
    display:block;
    object-fit:cover;
    transition:transform .35s ease, filter .35s ease, box-shadow .35s ease;
    position:relative;
    z-index:1;
}

.game-card:hover .game-thumb img{
    transform:scale(1.05);
    filter:brightness(.96) saturate(1.08);
}

.game-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding-bottom:10px;
    background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.62));
    opacity:1;
    transition:opacity .25s ease, background .25s ease;
    z-index:4;
}

.play-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:118px;
    height:40px;
    padding:0 18px;
    border-radius:999px;
    background:linear-gradient(135deg,#f2ca58,#ffae00);
    color:#111;
    font-size:13px;
    font-weight:900;
    letter-spacing:.04em;
    box-shadow:0 10px 24px rgba(255,174,0,.30);
}

.game-info{
    margin-top:10px;
    padding:0 2px;
}

.game-info h3{
    margin:0;
    font-size:15px;
    line-height:1.2;
    font-weight:900;
    color:#fff;
}

.game-info span{
    display:block;
    margin-top:5px;
    font-size:10px;
    color:rgba(255,255,255,.48);
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

@media (min-width: 769px){
    .game-overlay{
        opacity:0;
        align-items:center;
        padding-bottom:0;
        background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.68));
    }

    .play-btn{
        transform:translateY(10px) scale(.96);
        opacity:0;
        transition:transform .25s ease, opacity .25s ease;
    }

    .game-card:hover .game-overlay{
        opacity:1;
    }

    .game-card:hover .play-btn{
        transform:translateY(0) scale(1);
        opacity:1;
    }
}

@media (max-width:768px){
    .games-showcase{
        padding:14px;
        border-radius:18px;
    }

    .games-showcase-head{
        margin-bottom:12px;
    }

    .games-showcase-head h2{
        font-size:22px;
    }

    .games-showcase-badge{
        font-size:10px;
        padding:5px 8px;
    }

    .games-showcase-note{
        font-size:10px;
    }

    .game-card{
        width:176px;
        flex:0 0 176px;
    }

    .game-thumb{
        border-radius:16px;
    }

    .play-btn{
        min-width:104px;
        height:36px;
        font-size:12px;
    }
}

/* hover'da roket glow hissi */
@media (min-width: 769px){
    .game-card:hover .game-overlay{
        background:
            radial-gradient(circle at 78% 38%, rgba(255,170,60,.18), transparent 16%),
            radial-gradient(circle at 74% 46%, rgba(255,120,20,.12), transparent 20%),
            linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.68));
    }
}

@media (max-width:768px){
    .game-thumb::before{
        opacity:.5;
    }

    .game-thumb::after{
        display:none;
    }
}

/* TELEGRAM FLOATING WIDGET */
.tg-float-widget{
    position:fixed;
    right:14px;
    bottom:92px;
    z-index:9999;
    width:220px;
    min-height:74px;
    display:flex;
    align-items:center;
    text-decoration:none;
    border-radius:22px;
    overflow:hidden;
    background:linear-gradient(145deg, rgba(16,22,34,.96), rgba(24,31,48,.94));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:
        0 12px 30px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.02) inset,
        0 0 24px rgba(0,136,204,.16);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;
    animation:tgFloatPulse 2.8s ease-in-out infinite;
}

.tg-float-widget:hover{
    transform:translateY(-2px) scale(1.01);
    box-shadow:
        0 18px 38px rgba(0,0,0,.42),
        0 0 0 1px rgba(255,255,255,.03) inset,
        0 0 30px rgba(0,136,204,.22);
}

.tg-float-inner{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:12px 14px;
    position:relative;
}

.tg-float-icon-wrap{
    position:relative;
    width:52px;
    min-width:52px;
    height:52px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg, #1faee9, #0088cc);
    box-shadow:
        0 8px 18px rgba(0,136,204,.35),
        inset 0 1px 0 rgba(255,255,255,.28);
}

.tg-float-glow{
    position:absolute;
    inset:-10px;
    border-radius:22px;
    background:radial-gradient(circle, rgba(0,136,204,.28), transparent 70%);
    z-index:0;
    animation:tgGlow 2.2s ease-in-out infinite;
}

.tg-float-icon{
    position:relative;
    z-index:1;
    width:26px;
    height:26px;
    color:#ffffff;
    display:block;
}

.tg-float-text{
    display:flex;
    flex-direction:column;
    min-width:0;
    flex:1;
}

.tg-float-badge{
    display:inline-flex;
    align-items:center;
    width:fit-content;
    padding:4px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.8px;
    color:#fff;
    background:linear-gradient(145deg, #1da1f2, #0088cc);
    box-shadow:0 4px 12px rgba(0,136,204,.28);
    margin-bottom:7px;
}

.tg-float-marquee{
    position:relative;
    overflow:hidden;
    white-space:nowrap;
    width:100%;
    mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
    -webkit-mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

.tg-float-marquee span{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    color:#ffffff;
    text-shadow:0 1px 1px rgba(0,0,0,.25);
    padding-left:100%;
    animation:tgMarquee 11s linear infinite;
}

.tg-float-close{
    position:absolute;
    top:7px;
    right:7px;
    z-index:3;
    width:23px;
    height:23px;
    border:0;
    border-radius:50%;
    cursor:pointer;
    font-size:16px;
    line-height:1;
    color:#fff;
    background:rgba(255,255,255,.12);
    box-shadow:0 4px 10px rgba(0,0,0,.25);
    transition:background .2s ease, transform .2s ease;
}

.tg-float-close:hover{
    background:rgba(255,255,255,.2);
    transform:scale(1.08);
}

.tg-float-hidden{
    opacity:0;
    transform:translateY(16px) scale(.92);
    pointer-events:none;
}

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

@keyframes tgGlow{
    0%,100%{transform:scale(1);opacity:.8;}
    50%{transform:scale(1.08);opacity:1;}
}

@keyframes tgFloatPulse{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-2px);}
}

@media (max-width:768px){
    .tg-float-widget{
        right:10px;
        bottom:88px;
        width:205px;
        min-height:68px;
        border-radius:20px;
    }

    .tg-float-inner{
        padding:11px 12px;
        gap:10px;
    }

    .tg-float-icon-wrap{
        width:46px;
        min-width:46px;
        height:46px;
        border-radius:14px;
    }

    .tg-float-icon{
        width:22px;
        height:22px;
    }

    .tg-float-badge{
        font-size:10px;
        padding:4px 9px;
        margin-bottom:6px;
    }

    .tg-float-marquee span{
        font-size:12px;
    }

    .tg-float-close{
        width:21px;
        height:21px;
        font-size:14px;
    }
}

/* =========================
   RAFFLE HERO CARD
========================= */

.raffle-hero-card{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0, 1.2fr) 240px;
    align-items:center;
    gap:14px;
    padding:20px;
    border-radius:22px;
    overflow:hidden;
    text-decoration:none;
    background:
        radial-gradient(circle at top right, rgba(242,202,88,.16), transparent 24%),
        radial-gradient(circle at bottom left, rgba(0,210,255,.08), transparent 22%),
        linear-gradient(180deg, rgba(10,18,36,.98), rgba(6,12,24,.98));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 18px 42px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.04);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.raffle-hero-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background:linear-gradient(
        90deg,
        rgba(242,202,88,0),
        rgba(242,202,88,.92),
        rgba(0,210,255,.38),
        rgba(242,202,88,0)
    );
}

.raffle-hero-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            120deg,
            transparent 0%,
            rgba(255,255,255,.015) 35%,
            rgba(255,255,255,.05) 50%,
            rgba(255,255,255,.015) 65%,
            transparent 100%
        );
    transform:translateX(-120%);
    transition:transform .85s ease;
    pointer-events:none;
}

.raffle-hero-card:hover{
    transform:translateY(-4px);
    border-color:rgba(242,202,88,.22);
    box-shadow:
        0 24px 52px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.raffle-hero-card:hover::after{
    transform:translateX(120%);
}

.raffle-hero-content{
    position:relative;
    z-index:2;
}

.raffle-hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(242,202,88,.08);
    border:1px solid rgba(242,202,88,.18);
    color:#f2ca58;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.raffle-hero-card h2{
    margin:0;
    color:#fff;
    font-size:28px;
    line-height:1.06;
    font-weight:900;
    letter-spacing:-.03em;
    max-width:520px;
}

.raffle-hero-card p{
    margin:6px 0 0;
    max-width:500px;
    color:rgba(255,255,255,.74);
    font-size:14px;
    line-height:1.5;
}

.raffle-hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:44px;
    margin-top:12px;
    padding:0 18px;
    border-radius:14px;
    background:linear-gradient(135deg,#f2ca58,#d4af37);
    color:#111;
    font-size:14px;
    font-weight:900;
    letter-spacing:.01em;
    box-shadow:
        0 10px 20px rgba(212,175,55,.20),
        inset 0 1px 0 rgba(255,255,255,.34);
    transition:transform .2s ease, box-shadow .2s ease;
}

.raffle-hero-card:hover .raffle-hero-btn{
    transform:translateY(-1px);
    box-shadow:
        0 14px 26px rgba(212,175,55,.28),
        inset 0 1px 0 rgba(255,255,255,.34);
}

.raffle-hero-btn svg{
    width:17px;
    height:17px;
    display:block;
}

.raffle-hero-visual{
    position:relative;
    z-index:2;
    min-height:140px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.raffle-hero-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(8px);
    pointer-events:none;
}

.raffle-hero-orb-1{
    width:130px;
    height:130px;
    background:radial-gradient(circle, rgba(242,202,88,.16), transparent 70%);
    top:6px;
    right:22px;
}

.raffle-hero-orb-2{
    width:110px;
    height:110px;
    background:radial-gradient(circle, rgba(0,210,255,.10), transparent 70%);
    bottom:8px;
    left:18px;
}

.raffle-gift-box{
    position:relative;
    width:110px;
    height:110px;
    transform:scale(.82);
    filter:drop-shadow(0 14px 26px rgba(0,0,0,.28));
}

.raffle-gift-body{
    position:absolute;
    left:18px;
    right:18px;
    bottom:12px;
    height:88px;
    border-radius:18px;
    background:
        linear-gradient(180deg, rgba(255,230,160,.95), rgba(212,175,55,.96));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        0 12px 24px rgba(212,175,55,.18);
}

.raffle-gift-lid{
    position:absolute;
    left:10px;
    right:10px;
    top:28px;
    height:34px;
    border-radius:14px;
    background:
        linear-gradient(180deg, rgba(255,236,180,.98), rgba(225,185,72,.98));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        0 8px 18px rgba(212,175,55,.14);
}

.raffle-gift-ribbon-v{
    position:absolute;
    top:20px;
    bottom:12px;
    left:50%;
    width:20px;
    transform:translateX(-50%);
    border-radius:12px;
    background:linear-gradient(180deg, #12b8ff, #0088cc);
    box-shadow:0 0 18px rgba(0,136,204,.22);
}

.raffle-gift-ribbon-h{
    position:absolute;
    left:10px;
    right:10px;
    top:54px;
    height:18px;
    border-radius:12px;
    background:linear-gradient(90deg, #12b8ff, #0088cc);
    box-shadow:0 0 18px rgba(0,136,204,.18);
}

.raffle-gift-bow{
    position:absolute;
    top:4px;
    width:34px;
    height:28px;
    border:8px solid #12b8ff;
    border-radius:50%;
    background:transparent;
}

.raffle-gift-bow.bow-left{
    left:38px;
    transform:rotate(-18deg);
}

.raffle-gift-bow.bow-right{
    right:38px;
    transform:rotate(18deg);
}

.raffle-ticket{
    position:absolute;
    width:58px;
    height:34px;
    border-radius:10px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
        0 8px 18px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}

.raffle-ticket::before,
.raffle-ticket::after{
    content:"";
    position:absolute;
    top:50%;
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(7,12,24,.96);
    transform:translateY(-50%);
}

.raffle-ticket::before{ left:-4px; }
.raffle-ticket::after{ right:-4px; }

.raffle-ticket-1{
    top:18px;
    right:8px;
    transform:rotate(16deg);
}

.raffle-ticket-2{
    bottom:14px;
    left:8px;
    transform:rotate(-14deg);
}

@media (max-width: 980px){
    .raffle-hero-card{
        grid-template-columns:1fr;
        gap:10px;
        padding:18px;
    }

    .raffle-hero-card h2{
        font-size:24px;
        max-width:none;
    }

    .raffle-hero-card p{
        max-width:none;
        font-size:14px;
    }

    .raffle-hero-visual{
        min-height:120px;
    }

    .raffle-gift-box{
        transform:scale(.72);
    }
}

@media (max-width: 768px){
    .raffle-hero-card{
        padding:14px;
        border-radius:18px;
        gap:8px;
    }

    .raffle-hero-badge{
        margin-bottom:8px;
        padding:5px 10px;
        font-size:10px;
    }

    .raffle-hero-card h2{
        font-size:20px;
        line-height:1.08;
    }

    .raffle-hero-card p{
        margin-top:7px;
        font-size:13px;
        line-height:1.45;
    }

    .raffle-hero-btn{
        width:100%;
        min-height:42px;
        margin-top:12px;
        padding:0 14px;
        border-radius:13px;
        font-size:14px;
    }

    .raffle-hero-visual{
        min-height:105px;
    }

    .raffle-gift-box{
        width:96px;
        height:96px;
        transform:none;
    }

    .raffle-gift-body{
        left:14px;
        right:14px;
        bottom:10px;
        height:58px;
        border-radius:13px;
    }

    .raffle-gift-lid{
        left:8px;
        right:8px;
        top:20px;
        height:22px;
        border-radius:10px;
    }

    .raffle-gift-ribbon-v{
        top:12px;
        bottom:10px;
        width:14px;
    }

    .raffle-gift-ribbon-h{
        left:8px;
        right:8px;
        top:38px;
        height:12px;
    }

    .raffle-gift-bow{
        top:1px;
        width:22px;
        height:16px;
        border-width:5px;
    }

    .raffle-gift-bow.bow-left{
        left:26px;
    }

    .raffle-gift-bow.bow-right{
        right:26px;
    }

    .raffle-ticket{
        width:46px;
        height:28px;
        border-radius:8px;
    }

    .raffle-ticket-1{
        top:16px;
        right:2px;
    }

    .raffle-ticket-2{
        bottom:10px;
        left:4px;
    }
}

/* =========================
   HEADER BALANCE PILL
========================= */

.header-user-area{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}

.header-balance-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 16px;
  border-radius:999px;
  background:
    radial-gradient(circle at top right, rgba(242,202,88,.14), transparent 45%),
    linear-gradient(180deg, rgba(14,22,40,.96), rgba(9,15,28,.98));
  border:1px solid rgba(242,202,88,.24);
  box-shadow:
    0 10px 26px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.header-balance-pill::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(242,202,88,.55),
    rgba(255,255,255,0)
  );
}

.header-balance-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(242,202,88,.34);
  box-shadow:
    0 14px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.header-balance-label{
  color:rgba(255,255,255,.62);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.header-balance-value{
  color:#f2ca58;
  font-size:16px;
  font-weight:900;
  letter-spacing:-.02em;
  text-shadow:0 0 12px rgba(242,202,88,.12);
}

/* mevcut user menüyü daha kompakt yap */
.user-menu-trigger{
  min-width:64px;
  justify-content:center;
  padding:8px 10px;
}

.user-menu-trigger .user-name{
  display:none !important;
}

/* mobil */
@media (max-width: 768px){
  .header-user-area{
    gap:8px;
  }

  .header-balance-pill{
    min-height:42px;
    padding:0 12px;
    gap:8px;
    max-width:150px;
  }

  .header-balance-label{
    font-size:10px;
  }

  .header-balance-value{
    font-size:14px;
  }

  .user-menu-trigger{
    min-width:58px;
    min-height:42px;
    padding:6px 8px;
  }

  .user-avatar{
    width:30px;
    height:30px;
    flex:0 0 30px;
    font-size:14px;
  }
}

/* =========================
   ADMIN TOP EMPTY SPACE FIX
========================= */

.content{
  padding-top:18px !important;
}

.content > *:first-child{
  margin-top:0 !important;
}

.content > .card:first-child,
.content > .dashboard-wrap:first-child,
.content > .layout-page:first-child,
.content > .grid:first-child,
.content > .table-wrap:first-child,
.content > form:first-child,
.content > section:first-child,
.content > div:first-child{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* dashboard başlığındaki gereksiz üst boşluğu sıfırla */
.dashboard-wrap{
  gap:16px !important;
}

.dashboard-head{
  margin:0 !important;
  padding:0 !important;
  min-height:auto !important;
  align-items:flex-start !important;
}

.dashboard-head h1{
  margin:0 !important;
  line-height:1.02 !important;
}

.dashboard-head p{
  margin:6px 0 0 !important;
}

/* mobilde daha da sıkılaştır */
@media (max-width: 768px){
  .content{
    padding-top:12px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    padding-bottom:24px !important;
  }

  .dashboard-wrap{
    gap:12px !important;
  }

  .dashboard-head{
    margin:0 !important;
    padding:0 !important;
  }

  .dashboard-head h1{
    font-size:28px !important;
    margin:0 !important;
  }

  .dashboard-head p{
    margin-top:4px !important;
    font-size:14px !important;
  }
}