:root{--bg: #F7F2EC;--surface: #FFFCF8;--surface-soft: #EFE6DC;--ink: #22110F;--ink-2: #4A2E2A;--muted: #7A625D;--stroke: #E3D5C9;--primary: #A8231A;--primary-deep: #8B1214;--primary-soft: #F6E0D8;--secondary: #45607C;--accent: #D9601F;--accent-soft: #FBE5D3;--on-brand: #FFFFFF;--brand-grad: linear-gradient(45deg, #E0661F 0%, #C23A1A 32%, #A8231A 60%, #8B1214 82%, #5A0A0D 100%);--danger: #A8231A;--ok: #2f6b3a;--shadow: 0 1px 2px rgba(60, 10, 10, .06), 0 10px 28px rgba(60, 10, 10, .08);--radius: 8px;--content-width: 1160px;--speed: .25s;--f-display: "Fraunces", "Reem Kufi", Georgia, serif;--f-body: "Source Serif 4", "Noto Naskh Arabic", Georgia, serif;--f-ui: "Inter", "IBM Plex Sans Arabic", system-ui, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0D0807;--surface: #181010;--surface-soft: #221715;--ink: #F6ECE6;--ink-2: #DCC6BF;--muted: #A68D86;--stroke: #36241F;--primary: #E8553A;--primary-deep: #F59A82;--primary-soft: #3A1714;--secondary: #93AECB;--accent: #EE7A35;--accent-soft: #3A2414;--shadow: 0 1px 2px rgba(0,0,0,.35), 0 10px 28px rgba(0,0,0,.4);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:15px;line-height:1.6}a{color:var(--primary);text-underline-offset:3px}a:hover{color:var(--primary-deep)}h1,h2,h3{font-family:var(--f-display);font-weight:700;line-height:1.25;margin:0 0 .5rem;color:var(--ink)}.muted{color:var(--muted)}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{background:var(--brand-grad);color:var(--on-brand);padding:.75rem 1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:.65rem;color:var(--on-brand);text-decoration:none;font-family:var(--f-display);font-size:1.1rem;font-weight:700}.brand img{width:34px;height:34px;border-radius:6px;background:#fff8;padding:2px}.brand small{display:block;font:500 .72rem var(--f-ui);opacity:.9;letter-spacing:.02em}.nav{display:flex;gap:.25rem;flex-wrap:wrap;margin-inline-start:.5rem}.nav a{color:#fff;text-decoration:none;padding:.35rem .7rem;border-radius:6px;font-size:.9rem;opacity:.92}.nav a:hover,.nav a[aria-current=page]{background:#ffffff2e;opacity:1}.spacer{flex:1}.userchip{font-size:.85rem;opacity:.95;display:flex;align-items:center;gap:.5rem}.badge{display:inline-block;font:600 .72rem var(--f-ui);padding:.12rem .45rem;border-radius:999px;background:#ffffff38;color:#fff;text-transform:uppercase;letter-spacing:.03em}.btn,button.btn,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font:600 .9rem var(--f-ui);padding:.5rem .9rem;border-radius:6px;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:filter var(--speed),background var(--speed)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary-deep)}.btn-primary:hover{filter:brightness(1.06);color:#fff}.btn-ghost{background:#ffffff24;color:#fff;border-color:#ffffff40}.btn-ghost:hover{background:#ffffff38;color:#fff}.btn-outline{background:var(--surface);color:var(--primary);border-color:var(--stroke)}.btn-outline:hover{border-color:var(--primary)}.main{padding:1.5rem 1.25rem 2.5rem;max-width:var(--content-width);width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card+.card{margin-top:1rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat h3{font:600 .85rem var(--f-ui);color:var(--muted);margin:0 0 .15rem}.stat .v{font:700 1.6rem var(--f-display);color:var(--primary-deep)}.notice{padding:.7rem .9rem;border-radius:6px;border:1px solid var(--stroke);background:var(--surface-soft);font-size:.92rem}.notice.error{border-color:#d8a39e;background:#fdeceb;color:#6b1510}.notice.ok{border-color:#b7d1bc;background:#eef7f0;color:#1f4a28}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at top,#fdf7f2 0%,var(--bg) 55%),var(--bg)}.login-card{width:100%;max-width:420px}.login-head{text-align:center;margin-bottom:1rem}.login-head .mark{width:64px;height:64px;border-radius:14px;background:var(--brand-grad);display:grid;place-items:center;margin:0 auto .75rem;box-shadow:var(--shadow)}.login-head .mark img{width:40px;height:40px;filter:brightness(0) invert(1);opacity:.95}.login-head h1{font-size:1.55rem;margin-bottom:.15rem}form label{display:block;font-weight:600;font-size:.88rem;margin:.65rem 0 .2rem;color:var(--ink-2)}input[type=text],input[type=email],input[type=password]{width:100%;padding:.6rem .7rem;border-radius:6px;border:1px solid var(--stroke);background:#fff;color:var(--ink);font:1rem var(--f-ui)}input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}form .actions{margin-top:1rem;display:flex;gap:.5rem;align-items:center}form .actions .btn{width:100%}footer.note{margin-top:1rem;text-align:center;color:var(--muted);font-size:.82rem}