:root{--ground: #f6f7f9;--surface: #ffffff;--sunken: #edf0f4;--ink: #101620;--ink-2: #3d4756;--muted: #6b7787;--line: #dce1e9;--line-2: #c3cbd6;--accent: #1b4fc0;--accent-2: #0f3894;--accent-w: #e7edfb;--ok: #1c6b4a;--ok-w: #e4f2eb;--warn: #9a5b0c;--warn-w: #fbf1e2;--danger: #b0243a;--danger-w: #fbe7ea;--shadow: 0 1px 2px rgba(16, 22, 32, .05), 0 10px 30px -18px rgba(16, 22, 32, .2);--display: "Golos Text", "Segoe UI", system-ui, sans-serif;--body: "Commissioner", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--radius: 10px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ground: #0d1117;--surface: #151b23;--sunken: #1b222b;--ink: #e7ebf1;--ink-2: #b4becc;--muted: #8592a3;--line: #242d38;--line-2: #33404f;--accent: #74a0ff;--accent-2: #a2c0ff;--accent-w: #17233a;--ok: #6fcfa3;--ok-w: #10241c;--warn: #dfa45c;--warn-w: #2a2011;--danger: #f0899a;--danger-w: #2a1116;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px -18px rgba(0, 0, 0, .7)}}[data-theme=dark]{--ground: #0d1117;--surface: #151b23;--sunken: #1b222b;--ink: #e7ebf1;--ink-2: #b4becc;--muted: #8592a3;--line: #242d38;--line-2: #33404f;--accent: #74a0ff;--accent-2: #a2c0ff;--accent-w: #17233a;--ok: #6fcfa3;--ok-w: #10241c;--warn: #dfa45c;--warn-w: #2a2011;--danger: #f0899a;--danger-w: #2a1116;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px -18px rgba(0, 0, 0, .7)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;gap:16px;height:58px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar .brand{font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:17px}.topbar .brand span{color:var(--accent)}.topbar .spacer{flex:1}.topbar .who{font-size:13px;color:var(--muted);font-family:var(--mono)}.topbar .role{color:var(--accent)}.container{max-width:1080px;margin:0 auto;padding:28px 24px 80px}.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);margin-bottom:20px}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--accent)}.crumbs .sep{color:var(--line-2)}.crumbs .cur{color:var(--ink);font-weight:600}h1{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:-.02em;margin:0 0 4px}h2{font-family:var(--display);font-weight:600;font-size:18px;margin:28px 0 12px}.page-sub{color:var(--muted);margin:0 0 22px;font-size:14.5px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.tile{display:block;text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;cursor:pointer;box-shadow:var(--shadow);transition:border-color .12s,transform .12s;font:inherit;color:inherit}.tile:hover{border-color:var(--accent);transform:translateY(-1px);text-decoration:none}.tile .t-title{font-family:var(--display);font-weight:600;font-size:15.5px;display:flex;align-items:center;gap:8px}.tile .t-meta{color:var(--muted);font-size:12.5px;font-family:var(--mono);margin-top:5px}.tile.add{border-style:dashed;display:flex;align-items:center;justify-content:center;color:var(--muted);min-height:70px}.tile.add:hover{color:var(--accent)}.badge{font-family:var(--mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:5px}.badge.draft{background:var(--sunken);color:var(--muted)}.badge.published{background:var(--ok-w);color:var(--ok)}.badge.arabic{background:var(--accent-w);color:var(--accent)}label{display:block;font-size:13px;color:var(--ink-2);margin:0 0 5px;font-weight:500}input[type=text],input[type=password],input[type=email],select,textarea{width:100%;padding:9px 12px;font:inherit;font-size:14.5px;background:var(--surface);color:var(--ink);border:1px solid var(--line-2);border-radius:8px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-w)}.field{margin-bottom:14px}.row{display:flex;gap:12px}.row>*{flex:1}button.btn{font:inherit;font-weight:600;font-size:14px;cursor:pointer;padding:9px 16px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:#fff}button.btn:hover{background:var(--accent-2)}button.btn.ghost{background:transparent;color:var(--ink-2);border-color:var(--line-2)}button.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}button.btn.danger{background:transparent;color:var(--danger);border-color:var(--danger)}button.btn.danger:hover{background:var(--danger-w)}button.btn:disabled{opacity:.5;cursor:default}.btn-row{display:flex;gap:10px;margin-top:18px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1480;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;width:100%;max-width:440px;box-shadow:var(--shadow)}.modal h3{font-family:var(--display);font-weight:700;font-size:18px;margin:0 0 16px}.error{background:var(--danger-w);color:var(--danger);border:1px solid var(--danger);border-radius:8px;padding:9px 12px;font-size:13.5px;margin:0 0 14px}.empty{color:var(--muted);font-size:14.5px;padding:24px 0}.spinner{color:var(--muted);font-size:14px;padding:30px 0;text-align:center}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:34px 30px;width:100%;max-width:380px;box-shadow:var(--shadow)}.login-card .brand{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;margin-bottom:4px}.login-card .brand span{color:var(--accent)}.login-card .tag{color:var(--muted);font-size:13.5px;margin-bottom:24px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.toolbar .spacer{flex:1}.search{max-width:260px}