:root{--surface: #f6f7f9;--surface-raised: #ffffff;--surface-sunken: #eceef2;--border: #dcdfe6;--border-strong: #c2c7d0;--text: #1c1f25;--text-muted: #62697a;--accent: #b3261e;--accent-hover: #8f1e18;--ok: #1b6b3a;--ok-surface: #e6f4ea;--warn: #8a5a00;--warn-surface: #fdf3e0;--critical: #b3261e;--critical-surface: #fdeceb;--info: #1f5c99;--info-surface: #e8f1fa;--radius: 10px;--shadow: 0 1px 2px rgba(16, 20, 30, .06), 0 4px 12px rgba(16, 20, 30, .05)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--surface);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,sans-serif;font-size:15px;line-height:1.5}h1{font-size:1.3rem;margin:0 0 .25rem}h2{font-size:1rem;margin:0 0 .75rem;color:var(--text)}h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 .5rem}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);padding:.5rem .9rem}button:hover:not(:disabled){background:var(--surface-sunken)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{background:var(--critical-surface);border-color:var(--critical);color:var(--critical)}button.danger:hover:not(:disabled){background:var(--critical);color:#fff}button.link{border:none;background:none;color:var(--text-muted);padding:.25rem;text-decoration:underline}button.link:hover{color:var(--text);background:none}input,select,textarea{font:inherit;color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:8px;padding:.5rem .65rem;width:100%}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--info);outline-offset:1px}label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:.6rem .75rem;border-bottom:1px solid var(--border)}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}tbody tr:hover{background:var(--surface-sunken)}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge.ok{background:var(--ok-surface);color:var(--ok)}.badge.warn{background:var(--warn-surface);color:var(--warn)}.badge.critical{background:var(--critical-surface);color:var(--critical)}.badge.info{background:var(--info-surface);color:var(--info)}.badge.muted{background:var(--surface-sunken);color:var(--text-muted)}.muted{color:var(--text-muted)}.error-banner{background:var(--critical-surface);color:var(--critical);border:1px solid var(--critical);border-radius:8px;padding:.6rem .85rem;font-size:.9rem}.notice-banner{background:var(--ok-surface);color:var(--ok);border:1px solid var(--ok);border-radius:8px;padding:.6rem .85rem;font-size:.9rem}.row{display:flex;align-items:center;gap:.75rem}.spacer{flex:1}