:root{--color-primary: #0ea5e9;--color-text: #0f172a;--color-muted: #64748b;--color-bg: #f1f5f9;--color-surface: #ffffff;--color-sidebar: #ffffff;--color-border: #e2e8f0;--color-hover: #f8fafc;--shadow: 0 10px 30px rgba(15, 23, 42, .06);--radius: .75rem;font-family:DM Sans,IBM Plex Sans Arabic,system-ui,sans-serif;color:var(--color-text);background:var(--color-bg)}html[data-theme=dark],html.dark{--color-text: #e2e8f0;--color-muted: #94a3b8;--color-bg: #0b1220;--color-surface: #111827;--color-sidebar: #0f172a;--color-border: #1f2937;--color-hover: #1e293b;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--color-bg);color:var(--color-text)}body{font-family:DM Sans,IBM Plex Sans Arabic,system-ui,sans-serif;letter-spacing:0}h1,h2,h3{letter-spacing:0}button,input,select,textarea{font:inherit}.input{width:100%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:.6rem;padding:.65rem .8rem;outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:.6rem;padding:.55rem .9rem;font-weight:600;cursor:pointer;text-decoration:none}.btn:hover:not(:disabled){border-color:var(--color-primary)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.05)}.btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.btn.ghost{background:transparent}.btn.block{width:100%}.page h1{margin:0;font-size:1.6rem}.page-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.toolbar .input{max-width:280px}.table-wrap{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);text-align:start;vertical-align:middle}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;color:var(--color-muted)}tr:hover td{background:var(--color-hover)}.row-actions{display:flex;gap:.35rem;flex-wrap:wrap}.pager{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.state{padding:2.5rem 1rem;text-align:center;color:var(--color-muted);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:.75rem}.state.error{color:#b91c1c;border-style:solid}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;z-index:50;padding:1rem}.modal{width:min(480px,100%);background:var(--color-surface);border-radius:1rem;border:1px solid var(--color-border);padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;max-height:90vh;overflow:auto}.modal h2{margin:0}.modal label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.check{flex-direction:row!important;align-items:center;gap:.5rem!important}.nav-label{letter-spacing:0!important}