*{box-sizing:border-box}html{direction:rtl}body{margin:0;font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif;background:#f5f7fb;color:#0f172a}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#e2e8f0;padding:20px 16px}.brand{font-size:18px;font-weight:700;margin-bottom:20px}.nav-link{display:block;padding:10px 12px;border-radius:8px;margin-bottom:8px;color:#cbd5e1;text-align:right}.nav-link.active{background:#1e293b;color:#fff}.main{padding:24px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px #0f172a0f;margin-bottom:16px}.title{margin-top:0;margin-bottom:8px}.muted{color:#475569}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:right;border-bottom:1px solid #e2e8f0;padding:10px 8px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.input{border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;min-width:220px;text-align:right}.btn{border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.btn-primary{background:#2563eb;color:#fff}.btn-danger{background:#dc2626;color:#fff}.stack{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.label{font-size:13px;font-weight:600;color:#334155}.hint{font-size:12px;color:#64748b}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.preview-box{min-height:120px;display:grid;place-items:center;background:#f1f5f9;border-radius:10px;margin:12px 0;padding:8px}.preview-img{max-width:100%;max-height:140px;object-fit:contain;border-radius:8px}code,textarea[dir=ltr],.input--ltr{direction:ltr;text-align:left;unicode-bidi:embed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;text-align:center}.stat-value{font-size:1.35rem;font-weight:700;color:#1e293b;margin-bottom:4px}.stat-label{font-size:.75rem;color:#64748b;line-height:1.3}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 16px}.info-grid dt{font-size:12px;color:#64748b;margin:0}.info-grid dd{margin:2px 0 0;font-weight:600;color:#0f172a}