:root{--navy: #0f1f3d;--navy2: #162542;--navy3: #1e3460;--amber: #f59e0b;--amber2: #d97706;--sky: #3b82f6;--sky-dash: #2563eb;--sky-light: #dbeafe;--sky2: #7c3aed;--green: #10b981;--green-bg: #d1fae5;--orange: #f59e0b;--orange-bg: #fef3c7;--red: #ef4444;--red-bg: #fee2e2;--purple-bg: #ede9fe;--bg: #f1f5f9;--surface: #ffffff;--surface2: #f8fafc;--border: #e2e8f0;--border2: #cbd5e1;--text: #0f172a;--muted: #64748b;--light: #94a3b8;--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-track{background:transparent}.spinner-ring{width:38px;height:38px;border:3px solid var(--border);border-top-color:var(--sky);border-radius:50%;animation:spin .75s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}