@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=DM+Sans:wght@300;400;500&display=swap");:root{--bg-primary:#0f0e0c;--bg-secondary:#161512;--bg-card:#1a1916;--bg-hover:#201f1c;--border:#2a2824;--border-light:#333128;--text-primary:#e8e4dc;--text-secondary:#8a8680;--text-muted:#4a4844;--accent:#c8a84a;--accent-dim:#8a7230;--green:#4a9e6a;--green-bg:#0d1e14;--green-border:#1a3824;--amber:#d4853a;--amber-bg:#1e1508;--amber-border:#3a2810;--red:#c05a4a;--red-bg:#1e0e0c;--red-border:#3a1814;--blue:#5a8ec8;--blue-bg:#0c1520;--blue-border:#18283a;--purple:#8a6ec8;--purple-bg:#140f20;--purple-border:#281c3a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:2px 9px;border-radius:20px;white-space:nowrap}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-blue{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.badge-purple{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-border)}.badge-gray{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin:8px 0 4px}.progress-fill{height:100%;border-radius:2px;transition:width .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes spin{to{transform:rotate(1turn)}}.spinning{animation:spin .8s linear infinite}