:root{
  --bg:#0f1220; --card:#151a2c; --muted:#98a2b3; --text:#e6e9ef; --brand:#6ea8ff; --brand2:#a78bfa;
  --radius:16px;
}
*{box-sizing:border-box}
html{font-family:IRANSans,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; direction:rtl}
body{margin:0; background:linear-gradient(145deg,#0b0f1a,#12172a);}
.wrapper{max-width:1100px; margin:48px auto; padding:0 16px}
.header{display:flex; align-items:center; justify-content:space-between; margin-bottom:24px}
.header h1{color:var(--text); font-size:22px; margin:0}
.breadcrumb{color:var(--muted); font-size:13px}
.breadcrumb a{color:var(--brand); text-decoration:none}
.search{position:relative; margin:16px 0 24px}
.search input{
  width:100%; padding:14px 16px; border:1px solid #222a41; border-radius:12px; background:var(--card); color:var(--text);
}
.grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px}
.card{
  background:linear-gradient(180deg,#161b2f,#12172a);
  border:1px solid #212847; border-radius:var(--radius); padding:16px; transition:transform .15s ease, border-color .15s ease;
}
.card:hover{transform:translateY(-2px); border-color:#2d3663}
.card a{display:flex; gap:12px; text-decoration:none; color:var(--text); align-items:center}
.icon{
  width:38px; height:38px; border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(135deg,rgba(110,168,255,.15),rgba(167,139,250,.15)); border:1px solid #263058;
}
.meta{display:flex; flex-direction:column; gap:4px}
.title{font-weight:600; line-height:1.3}
.badge{align-self:flex-start; font-size:11px; color:#d0d5dd; background:#1b2140; border:1px solid #263058; padding:4px 8px; border-radius:999px}
.footer{margin-top:28px; color:var(--muted); font-size:12px; text-align:center}
.actions{display:flex; gap:8px; margin:8px 0 0}
.btn{
  display:inline-flex; align-items:center; gap:6px; padding:8px 12px; font-size:12px; color:#e6e9ef;
  background:#1a2242; border:1px solid #263058; border-radius:10px; text-decoration:none;
}
.btn:hover{border-color:#3550a1}
.hidden{display:none}