.pgg-wrap, .pgg-wrap * { box-sizing: border-box; }
.pgg-wrap { direction: rtl; text-align: right; --pgg-border:#e5e7eb; --pgg-soft:#f8fafc; --pgg-text:#111827; --pgg-muted:#6b7280; --pgg-radius:14px; }
.pgg-card { border:1px solid var(--pgg-border); border-radius:var(--pgg-radius); background:#fff; overflow:hidden; }
.pgg-card-body { padding:16px; }
.pgg-button, .pgg-wrap button, .pgg-wrap input[type="submit"] { display:inline-flex; align-items:center; justify-content:center; gap:6px; border:0; border-radius:10px; padding:10px 16px; cursor:pointer; text-decoration:none; line-height:1.4; }
.pgg-button-primary, .pgg-wrap input[type="submit"] { background:#111827; color:#fff; }
.pgg-button-secondary { background:#f3f4f6; color:#111827; }
.pgg-button-danger { background:#fee2e2; color:#991b1b; }
.pgg-button[disabled] { opacity:.6; cursor:not-allowed; }
.pgg-field { margin-bottom:15px; }
.pgg-field label { display:block; margin-bottom:6px; font-weight:600; }
.pgg-field input[type="text"], .pgg-field input[type="number"], .pgg-field input[type="tel"], .pgg-field input[type="email"], .pgg-field select, .pgg-field textarea { width:100%; border:1px solid var(--pgg-border); border-radius:10px; padding:10px 12px; background:#fff; }
.pgg-grid { display:grid; gap:18px; }
.pgg-grid-2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.pgg-grid-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.pgg-alert { padding:12px 14px; border-radius:10px; margin:12px 0; }
.pgg-alert-info { background:#eff6ff; color:#1e3a8a; }
.pgg-alert-success { background:#ecfdf5; color:#065f46; }
.pgg-alert-error { background:#fef2f2; color:#991b1b; }
.pgg-meta { color:var(--pgg-muted); font-size:14px; }
.pgg-badge { display:inline-flex; align-items:center; border-radius:999px; padding:4px 9px; font-size:12px; background:#f3f4f6; color:#374151; }
.pgg-badge-success { background:#dcfce7; color:#166534; }
.pgg-badge-warning { background:#fef3c7; color:#92400e; }
.pgg-badge-danger { background:#fee2e2; color:#991b1b; }
.pgg-table { width:100%; border-collapse:collapse; }
.pgg-table th, .pgg-table td { border-bottom:1px solid var(--pgg-border); padding:10px; text-align:right; vertical-align:middle; }
.pgg-table th { background:var(--pgg-soft); font-weight:700; }
@media (max-width: 780px) { .pgg-grid-2, .pgg-grid-3 { grid-template-columns:1fr; } .pgg-table { display:block; overflow-x:auto; white-space:nowrap; } }