:root{--primary: #1d5f4f;--primary-dark: #16473b;--accent: #c99b3f;--bg: #f6f4ef;--card: #ffffff;--text: #24302c;--muted: #6b7a74;--border: #e4ded2;--danger: #b3402f;--ok: #2e7d4f;--info: #2f6f9f;--warn: #b07d2b;--radius: 12px;--shadow: 0 2px 10px rgba(30, 45, 40, .08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Noto Kufi Arabic,Noto Naskh Arabic,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh}.container{max-width:1140px;margin:0 auto;padding:0 16px}.site{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;padding-top:24px;padding-bottom:48px}.topbar{background:var(--primary);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px #00000026}.topbar-inner{display:flex;align-items:center;gap:16px;padding:12px 16px;flex-wrap:wrap}.brand{color:#fff;font-weight:800;font-size:1.15rem;text-decoration:none}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{color:#e8f1ee;text-decoration:none;padding:6px 12px;border-radius:8px;font-size:.95rem}.nav a:hover{background:#ffffff1f}.nav a.active{background:#fff3;font-weight:700}.auth-zone{display:flex;gap:8px;margin-inline-start:auto;align-items:center;flex-wrap:wrap}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.4rem;cursor:pointer}.btn{display:inline-block;padding:8px 16px;border-radius:10px;border:0;font-size:.95rem;cursor:pointer;text-decoration:none;text-align:center;transition:filter .15s,transform .1s;font-family:inherit}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:#e8f1ee;border:1px solid rgba(255,255,255,.35)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:5px 10px;font-size:.85rem;border-radius:8px}.btn-block{display:block;width:100%}.btn[disabled]{opacity:.55;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.issue-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;min-height:0;min-width:0}.issue-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #1e2d2824}.issue-cover{aspect-ratio:3/4;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;overflow:hidden;line-height:1}.issue-cover img{width:100%;height:100%;object-fit:cover}.issue-body{padding:12px 14px;display:flex;flex-direction:column;gap:4px;flex:1}.issue-body h3{font-size:1rem;line-height:1.35}.issue-meta{font-size:.82rem;color:var(--muted)}.issue-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.price{color:var(--primary);font-weight:800;font-size:1.05rem}.price.free{color:var(--ok)}.form{display:flex;flex-direction:column;gap:14px;max-width:480px}.form.wide{max-width:720px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600;font-size:.92rem}.field input,.field select,.field textarea{padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;font-size:.98rem;font-family:inherit;background:#fff;color:var(--text)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(29,95,79,.35);border-color:var(--primary)}.field .hint{font-size:.8rem;color:var(--muted)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.st-ok{background:#e2f3e8;color:var(--ok)}.st-bad{background:#fbe4df;color:var(--danger)}.st-warn{background:#faf0dc;color:var(--warn)}.st-info{background:#e3eef8;color:var(--info)}.alert{padding:12px 16px;border-radius:10px;margin-bottom:14px;font-size:.94rem}.alert-error{background:#fbe4df;color:var(--danger);border:1px solid #f3c8c0}.alert-success{background:#e2f3e8;color:var(--ok);border:1px solid #c3e6d0}.alert-info{background:#e3eef8;color:var(--info);border:1px solid #c8dcee}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.92rem}table.data th,table.data td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:start}table.data th{background:#f0ede6;font-weight:700}table.data tr:hover td{background:#faf8f3}.page-title{font-size:1.5rem;margin-bottom:18px;color:var(--primary-dark)}.section-title{font-size:1.15rem;margin:22px 0 12px;color:var(--primary-dark)}.muted{color:var(--muted)}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.loading{padding:60px;text-align:center;color:var(--muted)}.empty{padding:40px;text-align:center;color:var(--muted)}.pagination{display:flex;gap:8px;justify-content:center;margin-top:22px;align-items:center}.pagination button{padding:6px 14px;border-radius:8px;border:1.5px solid var(--border);background:#fff;cursor:pointer}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button[disabled]{opacity:.45;cursor:not-allowed}.search-bar{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.search-bar input{flex:1;min-width:220px;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:1rem}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters select,.filters input{padding:8px 12px;border:1.5px solid var(--border);border-radius:10px;background:#fff;font-family:inherit}.detail-grid{display:grid;grid-template-columns:260px 1fr;gap:22px}@media (max-width: 720px){.detail-grid{grid-template-columns:1fr}}.footer{background:var(--primary-dark);color:#dbe7e2;padding:18px 0;text-align:center;font-size:.88rem}@media (max-width: 768px){.menu-toggle{display:block}.nav{display:none;width:100%;flex-direction:column;padding:8px 0}.nav.open{display:flex}.auth-zone{width:100%;justify-content:flex-end}.topbar-inner{gap:10px}}