@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";:root{--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", var(--font-main);--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(51, 65, 85, .8);--bg-input: rgba(15, 23, 42, .6);--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .5);--accent-indigo: #6366f1;--accent-violet: #8b5cf6;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glow-shadow: 0 0 20px rgba(99, 102, 241, .25)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.12) 0px,transparent 50%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:var(--font-display)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.glass-card-hover:hover{border-color:#6366f14d;box-shadow:var(--glow-shadow);transform:translateY(-2px)}.form-input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;padding:10px 14px;font-size:.95rem;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #6366f133}.btn-primary{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#fff;font-weight:600;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-secondary{background:#33415599;color:var(--text-primary);border:1px solid var(--border-color);font-weight:500;padding:8px 16px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary:hover{background:#475569cc}.btn-sm{padding:6px 12px;font-size:.85rem;border-radius:8px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-indigo{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.badge-emerald{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-rose{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.badge-amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.ball-digit{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 8px #ef444466}.modern-table{width:100%;border-collapse:separate;border-spacing:0}.modern-table th{background:#0f172a80;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.modern-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem;vertical-align:middle}.modern-table tr:hover td{background:#ffffff05}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.app-container{display:flex;min-height:100vh}.content-area{flex:1;padding:24px 24px 90px;max-width:1300px;margin:0 auto}@media (min-width: 768px){.content-area{padding-bottom:32px}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 767px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}