:root{font-family:Tajawal,system-ui,-apple-system,sans-serif;line-height:1.6;--primary: #1d4ed8;--primary-dark: #1e40af;--bg: #f4f6f9;--text: #1a1f36;--muted: #6b7280;--border: #e5e7eb;--danger: #b91c1c;--ok: #15803d}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background-color:var(--bg);color:var(--text)}a{color:var(--primary)}.card{background:#fff;border-radius:14px;box-shadow:0 8px 30px #1a1f3612;padding:1.75rem 2rem}.field{margin-bottom:1rem;text-align:right}.field label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.35rem}.input{width:100%;padding:.6rem .8rem;border:1px solid var(--border);border-radius:8px;font:inherit;background:#fff}.input:focus{outline:none;border-color:var(--primary)}.btn{padding:.55rem 1.1rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font:inherit;cursor:pointer}.btn:hover{background:#f9fafb}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.msg-error{color:var(--danger);background:#fee2e2;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;margin-bottom:1rem}.msg-ok{color:var(--ok);background:#dcfce7;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;margin-bottom:1rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.85rem}.badge-ok{background:#dcfce7;color:var(--ok)}.badge-off{background:#fee2e2;color:var(--danger)}.badge-neutral{background:#e5e7eb;color:#4b5563}.table{width:100%;border-collapse:collapse;text-align:right}.table th,.table td{padding:.6rem .75rem;border-bottom:1px solid var(--border);font-size:.92rem}.table th{color:var(--muted);font-weight:500}.appbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border);padding:.75rem 1.5rem}.nav{display:flex;gap:.5rem;flex-wrap:wrap}.nav button{background:none;border:none;font:inherit;cursor:pointer;color:var(--muted);padding:.4rem .7rem;border-radius:8px}.nav button.active{color:var(--primary);background:#eff6ff;font-weight:700}.container{max-width:920px;margin:1.5rem auto;padding:0 1.25rem}