:root{--acc: #4f46e5;--ink: #0f172a;--slate: #334155;--body: #475569;--muted: #64748b;--faint: #94a3b8;--ghost: #b3bcc7;--line: #eceef1;--line-2: #e6e8ec;--line-3: #f1f3f5;--soft: #fafbfc;--bg: #f6f7f9;--pad: 20px;--red: #dc2626;--green: #059669;--amber: #d97706;--font-en: "Plus Jakarta Sans", sans-serif;--font-ar: "IBM Plex Sans Arabic", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-en);font-size:14px;line-height:1.45}html[lang=ar] body{font-family:var(--font-ar)}a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d7dbe0;border-radius:8px;border:3px solid var(--bg)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.app-shell{display:flex;height:100vh;width:100%;overflow:hidden}.main-col{flex:1;display:flex;flex-direction:column;min-width:0}.workspace{flex:1;overflow-y:auto;padding:24px}.sidebar{width:256px;flex-shrink:0;background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:75}.hamburger{display:none}.nav-header{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ghost);padding:14px 10px 5px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;border:none;cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;text-align:start;width:100%;transition:.15s;background:transparent;color:var(--body)}.nav-item:hover{background:#f4f5f7}.nav-item.active{background:color-mix(in srgb,var(--acc) 12%,#fff);color:var(--acc)}.nav-badge{background:var(--acc);color:#fff;font-size:10.5px;font-weight:700;min-width:19px;height:19px;padding:0 6px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center}.topbar{height:64px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;transition:.15s;border:none;height:38px;padding:0 15px;font-size:13px}.btn-acc{background:var(--acc);color:#fff}.btn-acc:hover{filter:brightness(1.08)}.btn-outline{border:1px solid var(--line-2);background:#fff;color:var(--body)}.btn-outline:hover{border-color:var(--acc);color:var(--acc)}.btn-danger-outline{border:1px solid #fecaca;background:#fff;color:var(--red)}.btn-danger-outline:hover{background:#fef2f2}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-soft-acc{border:1px solid color-mix(in srgb,var(--acc) 30%,#fff);background:color-mix(in srgb,var(--acc) 8%,#fff);color:var(--acc)}.btn-soft-acc:hover{filter:brightness(.97)}.icon-btn{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:10px;background:#fff;cursor:pointer;color:var(--slate);position:relative}.icon-btn:hover{border-color:var(--acc)}.icon-btn-sm{width:30px;height:30px;border-radius:8px;color:var(--body)}.icon-btn-sm:hover{color:var(--acc)}.icon-btn-danger:hover{border-color:#fecaca;color:var(--red);background:#fef2f2}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:var(--pad)}.card-title{font-weight:800;font-size:15px}.card-sub{font-size:12px;color:var(--faint);font-weight:600}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;display:inline-block}.badge-approved,.badge-published{background:#ecfdf5;color:var(--green)}.badge-rejected{background:#fef2f2;color:var(--red)}.badge-scheduled{background:color-mix(in srgb,var(--acc) 12%,#fff);color:var(--acc)}.badge-draft{background:var(--line-3);color:var(--muted)}.badge-pending{background:#fffbeb;color:var(--amber)}.field-label{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:7px}.input,.select,.textarea{width:100%;border:1px solid var(--line-2);border-radius:10px;font:inherit;font-size:14px;outline:none;background:#fff;color:var(--ink)}.input{height:42px;padding:0 13px}.select{height:42px;padding:0 12px;cursor:pointer}.textarea{min-height:84px;padding:11px 13px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--acc)}.input-sm{height:38px;font-size:13px}.select-sm{height:38px;padding:0 10px;font-size:13px}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap>svg{position:absolute;inset-inline-start:12px;pointer-events:none;color:var(--faint)}.search-wrap>input{padding-inline:36px 14px;background:#f8fafc}.search-wrap>input:focus{background:#fff}.avatar{border-radius:50%;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chip{border-radius:6px;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pill-btn{padding:7px 14px;border-radius:9px;border:1px solid var(--line-2);font:inherit;font-weight:600;font-size:13px;cursor:pointer;background:#fff;color:var(--muted)}.pill-btn.active{background:var(--acc);color:#fff;border-color:var(--acc)}.seg{display:flex;gap:4px;background:var(--line-3);padding:4px;border-radius:10px}.seg-btn{padding:6px 14px;border-radius:7px;font-weight:700;font-size:13px;cursor:pointer;border:none;font:inherit;background:transparent;color:var(--muted)}.seg-btn.active{background:#fff;color:var(--acc);box-shadow:0 1px 2px #0000000f}.switch{width:42px;height:24px;border-radius:20px;border:none;cursor:pointer;background:#d7dbe0;position:relative;transition:.18s;flex-shrink:0;padding:0}.switch.on{background:var(--acc)}.switch .knob{position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 3px #0003}.switch.on .knob{inset-inline-start:21px}.checkbox{width:18px;height:18px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1.5px solid #cbd5e1;background:#fff;padding:0}.checkbox.on{border:none;background:var(--acc)}.popover{position:absolute;top:calc(100% + 8px);background:#fff;border:1px solid var(--line-2);border-radius:12px;box-shadow:0 16px 40px #0f172a29;z-index:45;overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal{background:#fff;border-radius:18px;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;box-shadow:0 24px 60px #0f172a4d;animation:modalIn .2s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line-3)}.modal-foot{display:flex;align-items:center;gap:10px;padding:16px 22px;border-top:1px solid var(--line-3)}.modal-close{width:32px;height:32px;border:none;border-radius:8px;background:#f4f5f7;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#e9ecef}.toast{position:fixed;bottom:24px;inset-inline-end:24px;background:var(--ink);color:#fff;padding:13px 18px;border-radius:12px;font-weight:600;font-size:13.5px;box-shadow:0 12px 32px #0f172a40;animation:toastIn .25s ease;display:flex;align-items:center;gap:10px;z-index:70}.row-hover{transition:.12s}.row-hover:hover{background:#f8fafc}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.g2{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:900px){.g4{grid-template-columns:repeat(2,1fr)}.g2,.g3{grid-template-columns:1fr}.hide-md{display:none!important}}@media(max-width:860px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:80;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 0 40px #0f172a2e}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:none!important}.hamburger{display:flex!important}.sidebar-overlay.open{display:block}}@media(max-width:620px){.g4{grid-template-columns:1fr}.workspace{padding:16px}.topbar{padding:0 14px;gap:10px}}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.auth-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px #0f172a1f;padding:34px}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.auth-mark{width:40px;height:40px;border-radius:11px;background:var(--acc);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:19px}.auth-brand-name{font-weight:800;font-size:20px;letter-spacing:-.3px}.auth-title{font-weight:800;font-size:22px;letter-spacing:-.4px}.auth-sub{font-size:13.5px;color:var(--faint);font-weight:500;margin:4px 0 20px;line-height:1.5}.auth-input{height:44px;margin-bottom:6px}.auth-hint{font-size:11.5px;color:var(--ghost);font-weight:600;margin-bottom:14px;word-break:break-all}.auth-submit{width:100%;height:46px;font-size:14.5px;border-radius:11px;margin-top:10px}.auth-switch{text-align:center;font-size:12.5px;color:var(--faint);font-weight:600;margin-top:16px}.auth-link{border:0;background:none;padding:0;cursor:pointer;color:var(--acc);font-weight:800;font-size:12.5px;font-family:inherit}.auth-link:hover{text-decoration:underline}.auth-note{margin-top:16px;padding:11px 13px;border-radius:11px;background:var(--soft);border:1px solid var(--line);font-size:11.5px;color:var(--faint);font-weight:600;line-height:1.55}.auth-error{padding:11px 13px;border-radius:11px;margin-bottom:16px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:12.5px;font-weight:600;line-height:1.5}.btn-xs{height:30px;padding:0 11px;font-size:12px;border-radius:9px}.ch-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ch-empty{padding:30px 0;text-align:center;color:var(--faint);font-size:13px;font-weight:600}.ch-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.ch-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.ch-pic{width:38px;height:38px;border-radius:10px;object-fit:cover;flex-shrink:0}.ch-id{min-width:0;flex:1}.ch-name{font-weight:800;font-size:13.5px}.ch-meta{font-size:11.5px;color:var(--faint);font-weight:600}.ch-flags{display:flex;gap:6px;flex-wrap:wrap}.ch-tag{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:999px;background:#f1f5f9;color:var(--muted)}.ch-tag-warn{background:#fef3c7;color:#92400e}.ch-actions{display:flex;gap:7px;flex-wrap:wrap}.ch-danger{color:var(--red);border-color:#fecaca}.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:12px;margin-top:14px}.ch-tile{display:flex;flex-direction:column;gap:9px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.ch-tile-off{background:var(--soft);opacity:.72}.ch-tile-name{font-weight:800;font-size:14px}.ch-tile-caps{display:flex;gap:5px;flex-wrap:wrap;min-height:18px}.ch-cap{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#eef2ff;color:var(--acc)}.ch-tile-note{font-size:11px;color:var(--faint);font-weight:600;line-height:1.45}.ch-tile-btn{margin-top:auto}.cb-pages{display:flex;flex-direction:column;gap:9px;margin-top:18px}.cb-page{display:flex;align-items:center;gap:11px;width:100%;text-align:start;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700}.cb-page:hover:not(:disabled){border-color:var(--acc);background:var(--soft)}.cb-page:disabled{opacity:.5;cursor:default}.cb-page-pic{width:30px;height:30px;border-radius:8px;object-fit:cover}.cb-page-name{flex:1;min-width:0}.cb-page-handle{font-size:11.5px;color:var(--faint);font-weight:600}.ch-row{align-items:flex-start}.ch-panel{flex-basis:100%;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.ch-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ch-panel-title{font-size:12px;font-weight:800;color:var(--muted)}.ch-panel-note{font-size:12px;color:var(--faint);font-weight:600;margin-top:8px;line-height:1.5}.ch-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:11px}.ch-stat{min-width:108px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);background:#fff}.ch-stat-label{font-size:11px;font-weight:700;color:var(--faint)}.ch-stat-value{font-size:17px;font-weight:800;letter-spacing:-.3px;margin-top:2px}.ch-stat-delta{font-size:11px;font-weight:700;color:var(--acc)}.ch-post-link{font-size:12.5px;font-weight:800;color:var(--acc);text-decoration:none}.ch-post-link:hover{text-decoration:underline}