:root{--cream-50:#fffdf9;--cream-100:#fbf6ec;--cream-200:#f5eddc;--cream-300:#ede2c8;--sand-500:#b5a488;--sand-600:#8f8069;--ink-900:#1b2c27;--ink-700:#34433e;--ink-600:#52625c;--emerald-900:#0a3830;--emerald-700:#0e4c42;--emerald-500:#17705f;--emerald-200:#e1eee9;--emerald-100:#eff6f2;--gold-600:#b4872b;--gold-500:#d4a62f;--gold-300:#ebc85c;--gold-100:#fbf1d9;--red-100:#fbeeea;--red-500:#c0503a;--bg:var(--cream-100);--surface:var(--cream-50);--surface-alt:var(--cream-200);--border:var(--cream-300);--input-border:var(--sand-500);--text:var(--ink-900);--text-muted:var(--ink-600);--text-faint:var(--sand-600);--primary:var(--emerald-700);--primary-text:var(--emerald-700);--accent:var(--gold-500);--accent-text:var(--gold-600);--danger:var(--red-500);--font-heading:"Outfit", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-arabic:"Noto Naskh Arabic", "Traditional Arabic", serif;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 8%, var(--emerald-100) 0%, transparent 45%);background-attachment:fixed;margin:0;font-size:15px}h1,h2,h3{font-family:var(--font-heading);color:var(--text);margin:0;font-weight:500}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}.arabic{font-family:var(--font-arabic);direction:rtl;line-height:2}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:20px}.chip{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.chip-emerald{background:var(--emerald-200);color:var(--primary-text)}.chip-gold{background:var(--gold-100);color:var(--accent-text)}.chip-neutral{background:var(--surface-alt);color:var(--text-muted)}.btn{font-family:var(--font-heading);border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14.5px;font-weight:500;transition:transform .12s,opacity .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--cream-50)}.btn-accent{background:linear-gradient(135deg, var(--gold-300), var(--gold-500));color:var(--emerald-900)}.btn-ghost{border-color:var(--input-border);background:0 0}.btn-sm{padding:8px 16px;font-size:13px}.btn-block{width:100%}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes float-up-fade{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-60px)scale(.4)}}@keyframes confetti-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}@keyframes pulse-ring{0%{box-shadow:0 0 #d4a62f8c}to{box-shadow:0 0 0 14px #d4a62f00}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.35s both fade-in-up}@media print{body{background:#fff}}