body{font-family:Tahoma,Arial,Helvetica,sans-serif;direction:rtl;background:#f6f8fa;color:#0b1220;margin:0}
.container{max-width:1000px;margin:0 auto;padding:16px}
.site-header{background:#fff;border-bottom:1px solid #e6eef6;padding:10px 0;position:sticky;top:0;z-index:10}
.logo{font-weight:800;color:#0ea5e9;text-decoration:none;font-size:24px;margin-right:10px}
.nav{display:flex;gap:10px;flex-wrap:wrap}
.nav a{color:#0b1220;text-decoration:none;padding:6px 10px;border-radius:8px}
.search input{padding:8px;border:1px solid #e2e8f0;border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:14px}
.card{background:#fff;padding:14px;border-radius:10px;border:1px solid #e6eef6}
.tool-box input, textarea, select{width:100%;padding:8px;margin:6px 0;border:1px solid #e2e8f0;border-radius:8px}
.btn{background:#0ea5e9;color:#fff;padding:8px 12px;border:none;border-radius:8px;cursor:pointer}
.site-footer{background:#0b1220;color:#cbd5e1;padding:14px;margin-top:20px}
@media(max-width:700px){.nav{display:none}}