:root,:root[data-theme=dark]{--bg: #0a0a0b;--bg-soft: #141416;--bg-card: #1a1a1d;--border: #2a2a2e;--text: #f4f4f5;--text-dim: #a1a1aa;--text-faint: #71717a;--accent: #ffcc00;--accent-hover: #e6b800;--accent-soft: rgba(255, 204, 0, .12);--green: #22c55e;--green-soft: rgba(34, 197, 94, .14);--red: #ef4444;--red-soft: rgba(239, 68, 68, .14);--blue: #3b82f6;--orange: #f97316;--radius: 16px;--radius-sm: 10px;--logo-de: #ffffff;--logo-una: #0e0e0e}:root[data-theme=light]{--bg: #f6f6f7;--bg-soft: #ececef;--bg-card: #ffffff;--border: #e2e2e6;--text: #16161a;--text-dim: #5a5a63;--text-faint: #8a8a92;--accent: #ffcc00;--accent-hover: #e6b800;--accent-soft: rgba(255, 204, 0, .18);--green: #16a34a;--green-soft: rgba(22, 163, 74, .14);--red: #dc2626;--red-soft: rgba(220, 38, 38, .12);--blue: #2563eb;--orange: #ea580c;--radius: 16px;--radius-sm: 10px;--logo-de: #0e0e0e;--logo-una: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3,h4,.display{font-family:Sora,sans-serif}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#1a1a00;font-weight:700;padding:14px 20px;border-radius:var(--radius-sm);font-size:15px;transition:transform .12s ease,background .12s ease;width:100%}.btn:active{transform:scale(.97)}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--bg-card);color:var(--text);border:1px solid var(--border);font-weight:600}.btn-ghost:hover{background:var(--bg-soft)}.field{width:100%;background:var(--bg-soft);border:1px solid var(--border);color:var(--text);padding:14px 16px;border-radius:var(--radius-sm);font-size:15px;outline:none;transition:border .15s ease}.field:focus{border-color:var(--accent)}.field::placeholder{color:var(--text-faint)}.label{font-size:13px;color:var(--text-dim);font-weight:500;margin-bottom:6px;display:block}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease both}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:22px;height:22px;border:2.5px solid rgba(0,0,0,.2);border-top-color:#1a1a00;border-radius:50%;animation:spin .7s linear infinite}