/* === Arya Vysya — Dark Compact Theme (matches screenshot) === */

:root{
  --bg:#0b1020;
  --panel:#0e152e;
  --panel-2:#0c1328;
  --line:rgba(255,255,255,.14);
  --line-soft:rgba(255,255,255,.08);
  --text:#eaf0ff;
  --muted:#9fb0d0;
  --brand:#8b5cf6;      /* header gradient */
  --brand2:#22d3ee;
  --success:#22c55e;    /* green Logout */
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

/* page bg */
html,body{background:#091021}

/* ---------- HEADER ---------- */
.av-header{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border-bottom:1px solid var(--line-soft);
}
.av-shell{padding:8px 16px}
.av-logo img{width:36px;height:36px;border-radius:50%}
.av-title{font-weight:800}
.av-link{padding:8px 10px;border:1px solid var(--line-soft);background:rgba(255,255,255,.02)}
.av-link:hover{background:rgba(255,255,255,.06)}
.is-active{box-shadow:0 0 0 2px rgba(139,92,246,.35)}
.av-btn{
  background:var(--success); border-color:rgba(0,0,0,.15);
  color:#03120a; font-weight:700; padding:6px 12px; border-radius:10px;
}
.av-user-name{max-width:120px}

/* mobile menu tweak */
@media (max-width:980px){ .av-nav{inset:56px 10px auto 10px} }

/* ---------- PROFILE LAYOUT (from profile.php) ---------- */
.container{max-width:1180px}
.grid{gap:14px}
.sidebar.card{
  background:var(--panel-2);
  border:1px solid var(--line-soft);
  border-radius:var(--radius);
}
.sidebar h2{font-size:14px;margin:0 0 6px}
.nav a{padding:8px 10px;border:1px solid var(--line-soft);background:rgba(255,255,255,.02)}
.nav a:hover{background:rgba(255,255,255,.06)}
.main .card.section{
  background:var(--panel);
  border:1px solid var(--line-soft);
  border-radius:var(--radius);
  padding:14px;
}
.section h2{font-size:16px;margin-bottom:6px}

/* dropzone look */
.dropzone{
  border:1.5px dashed var(--line);
  background:rgba(255,255,255,.02);
  color:var(--muted);
  padding:16px;border-radius:12px;
}
.dz-message{font-size:13px}

/* gallery tiles */
.gallery{gap:10px}
.tile{border:1px solid var(--line-soft);border-radius:12px}
.tile img{height:120px}
.pill{font-size:11px;border:1px solid var(--line-soft);background:rgba(10,16,32,.6)}

/* pagination */
.paginate a{
  padding:6px 10px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.02)
}
.paginate a[aria-current="page"]{box-shadow:0 0 0 2px rgba(139,92,246,.35)}

/* notices */
.notice{border:1px solid var(--line-soft);background:rgba(255,255,255,.03);color:var(--muted)}
.notice.ok{color:#c7f9e3;border-color:rgba(16,185,129,.35)}
.notice.err{color:#fecaca;border-color:rgba(239,68,68,.45)}

/* ---------- FOOTER ---------- */
.av-footer{
  border-top:1px solid var(--line-soft);
  background:
    radial-gradient(1200px 300px at 20% -50%, rgba(139,92,246,.18), transparent 60%),
    radial-gradient(1000px 280px at 80% -60%, rgba(34,211,238,.15), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
.av-foot-shell{gap:16px}
.av-foot-links h3{font-size:.95rem;margin-bottom:6px}
.av-foot-links a{padding:6px 8px;border:1px solid var(--line-soft);background:rgba(255,255,255,.02)}
.av-foot-links a:hover{background:rgba(255,255,255,.06)}
.av-social-icons a{
  width:34px;height:34px;border-radius:10px;background:linear-gradient(90deg,var(--brand),var(--brand2));
}
.av-foot-bar{border-top:1px solid var(--line-soft);padding:12px 16px}

.card {
  background: rgba(16,22,46,.9);
  border-color: rgba(255,255,255,.12);
}

.menu ul li a:hover {
  background: rgba(255,255,255,.06);
  border-radius: 8px;
}

.notice {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 620px){
  .av-foot-shell{ padding:20px 12px; }
  .av-foot-bar{ text-align:center; }
}

.card + .card { margin-top:14px; border-top:1px solid rgba(255,255,255,.08); }