:root{--bg:#0e1117;--panel:#161b22;--panel-2:#1f242c;--border:#2d333b;--text:#e6edf3;--muted:#9aa4b2;--accent:#2f81f7;--accent-2:#3fb950;--warn:#d29922;--danger:#f85149;--radius:10px}@media (prefers-color-scheme:light){:root{--bg:#f6f8fa;--panel:#ffffff;--panel-2:#f0f3f6;--border:#d0d7de;--text:#1f2328;--muted:#57606a}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5rem}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:.55rem .75rem;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}button.btn{background:var(--accent);color:white;border:0;border-radius:6px;padding:.55rem 1rem;cursor:pointer}button.btn:hover{filter:brightness(1.07)}button.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.btn.danger{background:var(--danger)}button.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:720px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:.6rem .75rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:.93rem}.table th{color:var(--muted);font-weight:500}.badge,.table th{background:var(--panel-2)}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;border:1px solid var(--border)}.badge.green{background:rgba(63,185,80,.15);border-color:var(--accent-2);color:var(--accent-2)}.badge.yellow{background:rgba(210,153,34,.15);border-color:var(--warn);color:var(--warn)}.badge.red{background:rgba(248,81,73,.15);border-color:var(--danger);color:var(--danger)}.badge.blue{background:rgba(47,129,247,.15);border-color:var(--accent);color:var(--accent)}.nav{background:var(--panel);border-bottom:1px solid var(--border);padding:.75rem 1.25rem;display:flex;align-items:center;gap:1.25rem}.nav a{color:var(--text);padding:.4rem .65rem;border-radius:6px}.nav a.active{background:var(--panel-2)}.nav .right{margin-left:auto}.content{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem}.center{display:grid;place-items:center;min-height:100vh}.errbox{background:rgba(248,81,73,.1);border:1px solid var(--danger);color:var(--danger);border-radius:6px}.errbox,.okbox{padding:.75rem 1rem}.okbox{background:rgba(63,185,80,.1);border:1px solid var(--accent-2);color:var(--accent-2);border-radius:6px}.kbd{background:var(--panel-2);border:solid var(--border);border-width:1px 1px 2px;padding:.1rem .4rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85em}html[dir=rtl] body{font-family:Tajawal,Cairo,system-ui,sans-serif}html[dir=rtl] .nav .right{margin-left:0;margin-right:auto}html[dir=rtl] .right{margin-left:0!important;margin-right:auto!important}html[dir=rtl] .row{flex-direction:row-reverse}html[dir=rtl] table tbody td,html[dir=rtl] table tbody td:first-child,html[dir=rtl] table thead th,html[dir=rtl] table thead th:first-child{text-align:right}