:root{--bg: #f5f6fa;--surface: #ffffff;--text: #1c2233;--muted: #5f6b85;--border: #dde1ea;--primary: #1f4fd1;--primary-text: #ffffff;--error: #b42318;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Tahoma,Geeza Pro,Noto Sans Arabic,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}@media(prefers-color-scheme:dark){:root{--bg: #12151d;--surface: #1b202b;--text: #e7eaf2;--muted: #a3acc2;--border: #2d3442;--primary: #5b82f0;--error: #ff8a80}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}h1,h2{line-height:1.25;margin:0 0 .5rem}h2{font-size:1.15rem}p{margin:0 0 1rem}.muted{color:var(--muted)}.small{font-size:.875rem}.brand{font-weight:700;font-size:1.25rem;color:var(--primary);margin:0}button{font:inherit;padding:.55rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;min-height:44px}button:disabled{opacity:.6;cursor:default}button.primary{width:100%;background:var(--primary);border-color:var(--primary);color:var(--primary-text);font-weight:600;margin-top:.5rem}label{display:block;font-weight:600;margin:.75rem 0 .25rem}input{font:inherit;width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);min-height:44px}[dir=rtl] input[dir=ltr]{text-align:right}.error{color:var(--error);margin:.75rem 0 0}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.content{max-width:1100px;margin:0 auto;padding:1.5rem 1rem}.empty{margin-top:1.5rem;padding:3rem 1rem;text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}