:root{--bg-base:#0b0e1a;--bg-deep:#070a12;--bg-surface:#0f1422;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:#2563eb59;--primary-subtle:#2563eb1f;--accent:#06b6d4;--accent-glow:#06b6d440;--sunset:#f97316;--lemon:#facc15;--success:#10b981;--success-subtle:#10b9811f;--warning:#f59e0b;--warning-subtle:#f59e0b1f;--error:#ef4444;--error-subtle:#ef44441f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--glass-bg:#0b0f1940;--glass-bg-lighter:#0b0f1926;--glass-border:#ffffff1f;--glass-border-bright:#ffffff3d;--glass-shine:#ffffff0d;--glass-blur:blur(8px);--glass-blur-heavy:blur(20px);--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"DM Sans", system-ui, sans-serif;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000080, 0 2px 8px #0000004d;--shadow-lg:0 10px 40px #0009, 0 4px 16px #0006;--shadow-primary:0 4px 20px var(--primary-glow);--shadow-accent:0 4px 20px var(--accent-glow);--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.3s cubic-bezier(.16, 1, .3, 1);--transition-slow:.6s cubic-bezier(.16, 1, .3, 1);--sidebar-width:260px;--topbar-height:64px;--content-max:1100px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;max-width:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-text-size-adjust:100%;background-color:#0b0f19;max-width:100%;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-10;pointer-events:none;background-image:linear-gradient(#070a128c,#070a12a6),url("/fondo app.png");background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.15}.text-h1{letter-spacing:-.03em;font-size:clamp(28px,4vw,40px)}.text-h2{letter-spacing:-.02em;font-size:clamp(22px,3vw,30px)}.text-h3{letter-spacing:-.01em;font-size:clamp(18px,2.5vw,22px)}.text-h4{font-size:18px}.text-body{font-size:16px;line-height:1.6}.text-sm{font-size:14px;line-height:1.5}.text-xs{font-size:12px;line-height:1.4}.text-mono{font-family:var(--font-mono);font-size:13px}.text-primary-color{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-primary-brand{color:var(--primary)}.text-sunset{color:var(--sunset)}.text-lemon{color:var(--lemon)}.text-success{color:var(--success)}.text-error{color:var(--error)}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.glass-heavy{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.glass-lighter{background:var(--glass-bg-lighter);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--transition-fast), transform var(--transition-fast)}.glass-card:hover{border-color:var(--glass-border-bright);transform:translateY(-1px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-heading);padding:10px var(--space-5);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 28px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{background:var(--glass-bg-lighter);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:var(--glass-border-bright);background:#1e2d5099;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;box-shadow:var(--shadow-accent)}.btn-accent:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 28px #06b6d466}.btn-sm{padding:6px var(--space-3);border-radius:var(--radius-xs);font-size:13px}.btn-lg{padding:14px var(--space-8);font-size:17px}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-sm);width:38px;height:38px;padding:0}.input-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.input-label{color:var(--text-secondary);font-size:13px;font-weight:500;font-family:var(--font-heading);letter-spacing:.02em}.input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;padding:12px var(--space-4);color:var(--text-primary);font-size:15px;font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.input:hover:not(:focus){border-color:var(--glass-border-bright)}.input-error{border-color:var(--error)!important;box-shadow:0 0 0 3px var(--error-subtle)!important}.input-hint{color:var(--text-muted);font-size:12px}.input-hint.error{color:var(--error)}.textarea{resize:vertical;min-height:80px}.badge{font-size:11px;font-weight:600;font-family:var(--font-heading);letter-spacing:.04em;border-radius:var(--radius-full);text-transform:uppercase;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.badge-primary{background:var(--primary-subtle);color:var(--primary);border:1px solid #2563eb4d}.badge-accent{background:var(--accent-glow);color:var(--accent);border:1px solid #06b6d44d}.badge-lemon{color:var(--lemon);background:#facc1526;border:1px solid #facc154d}.badge-sunset{color:var(--sunset);background:#f9731626;border:1px solid #f973164d}.badge-success{background:var(--success-subtle);color:var(--success);border:1px solid #10b9814d}.badge-error{background:var(--error-subtle);color:var(--error);border:1px solid #ef44444d}.badge-muted{color:var(--text-muted);background:#47556933;border:1px solid #4755694d}.pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--glass-bg-lighter);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.pill:hover{border-color:var(--glass-border-bright);color:var(--text-primary)}.pill-active{background:var(--primary-subtle);color:var(--primary);border-color:#2563eb66}.avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--glass-border);flex-shrink:0}.avatar-sm{width:32px;height:32px}.avatar-md{width:44px;height:44px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}.avatar-2xl{width:128px;height:128px}.avatar-placeholder{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-subtle), var(--accent-glow));border:2px solid var(--glass-border);font-family:var(--font-heading);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.divider{background:var(--glass-border);height:1px;margin:var(--space-4) 0;border:none}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg,#94a3b814 0%,#94a3b829 50%,#94a3b814 100%) 0 0/2000px 100%;animation:2s linear infinite shimmer}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-2);z-index:9999;pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:12px var(--space-4);border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);pointer-events:all;min-width:300px;max-width:420px;animation:toastIn var(--transition-normal) forwards;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--primary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--space-4);animation:fadeIn var(--transition-fast) ease;background:#040712cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border-bright);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:520px;box-shadow:var(--shadow-lg);animation:modalIn var(--transition-normal) cubic-bezier(.16, 1, .3, 1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.layout-root{width:100%;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background:var(--glass-bg);height:100vh;-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);z-index:100;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-header{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--glass-border);align-items:center;gap:var(--space-3);display:flex}.sidebar-logo{font-family:var(--font-heading);background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:700;line-height:1.2}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-section-label{letter-spacing:.1em;color:var(--text-muted);font-size:10px;font-weight:600;font-family:var(--font-heading);text-transform:uppercase;padding:var(--space-3) var(--space-3) var(--space-1)}.nav-item{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--glass-bg-lighter);color:var(--text-primary);border-color:var(--glass-border)}.nav-item-active,.nav-item-active:hover{background:var(--primary-subtle);color:var(--primary)}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--glass-border)}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);display:flex}.sidebar-user:hover{background:var(--glass-bg-lighter)}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-topbar{height:var(--topbar-height);padding:0 var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.page-content{padding:var(--space-6);flex:1}.page-header{margin-bottom:var(--space-6)}.page-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--sunset);font-size:11px;font-weight:700;font-family:var(--font-heading);margin-bottom:var(--space-2)}.page-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.1}.page-subtitle{color:var(--text-secondary);margin-top:var(--space-2);font-size:15px}.card{-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:#0b0f194d;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040}.card-hover:hover{border-color:var(--glass-border-bright);box-shadow:var(--shadow-lg), 0 0 20px #2563eb26;cursor:pointer;transform:translateY(-4px)}.card-glow:hover{box-shadow:0 0 0 1px var(--primary), var(--shadow-primary)}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.grid-auto{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.auth-page{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-8);background:#070a1238;border:1px solid #ffffff29;box-shadow:0 16px 48px #0006,0 0 60px #06b6d426}.auth-logo{text-align:center;margin-bottom:var(--space-8)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.otp-container{gap:var(--space-2);justify-content:center;display:flex}.otp-input{text-align:center;width:52px;height:60px;font-size:22px;font-weight:700;font-family:var(--font-mono);background:var(--glass-bg-lighter);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);outline:none}.otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);transform:scale(1.05)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b859}@media (max-width:1024px){:root{--sidebar-width:240px}}.mobile-nav{display:none}@media (max-width:768px){.sidebar{display:none!important}.modal-overlay{z-index:2000!important;padding:var(--space-3)!important}.modal{max-height:88vh!important;padding:var(--space-5)!important;width:100%!important;overflow-y:auto!important}#sidebar-toggle,.sidebar-close-btn{display:none!important}.mobile-profile-actions{display:flex!important}.main-content{width:100%;overflow-x:hidden;margin-left:0!important;padding-bottom:96px!important}.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.auth-card{padding:var(--space-8) var(--space-6)}.page-content{padding:var(--space-4)}.mobile-nav{bottom:var(--space-4);width:calc(100% - var(--space-6));max-width:480px;height:72px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-xl);z-index:1000;-webkit-backdrop-filter:blur(28px)saturate(180%);background:#0d142ce0;border:1px solid #ffffff38;justify-content:space-around;align-items:center;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #000000b3,inset 0 1px #ffffff1f}.mobile-nav.compact{bottom:var(--space-2);height:54px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);max-width:320px;box-shadow:0 12px 32px #000c,inset 0 1px #ffffff1a}.mobile-nav-item{color:var(--text-secondary);font-family:var(--font-sans);flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.mobile-nav-item .icon-wrapper{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.mobile-nav-item .label{opacity:1;height:12px;margin-top:2px;font-size:10px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.mobile-nav-item.active{color:var(--text-primary)}.mobile-nav-item.active .icon-wrapper{background:var(--primary-subtle);color:var(--accent);transform:scale(1.08)}.mobile-nav.compact .mobile-nav-item .label{opacity:0;height:0;margin-top:0;transform:translateY(6px)}.mobile-nav.compact .mobile-nav-item .icon-wrapper{transform:translateY(3px)}.mobile-nav.compact .mobile-nav-item.active .icon-wrapper{color:var(--accent);background:0 0;transform:scale(1.15)translateY(3px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px var(--primary-glow)}50%{box-shadow:0 0 24px var(--primary-glow), 0 0 48px #2563eb33}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeUp}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-spin{animation:1s linear infinite spin}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.live-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #06b6d480}50%{opacity:.8;box-shadow:0 0 0 6px #06b6d400}}.tier-gold{border-top:3px solid var(--lemon)}.tier-silver{border-top:3px solid #94a3b8}.tier-bronze{border-top:3px solid var(--sunset)}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.search-input{padding-left:40px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.horizontal-scroll{gap:var(--space-4);padding-bottom:var(--space-3);scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{height:6px}.horizontal-scroll::-webkit-scrollbar-track{background:0 0}.horizontal-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff59}.horizontal-scroll-card{scroll-snap-align:start;flex:0 0 280px}nextjs-portal,[data-nextjs-toast],#nextjs__container_build_error_label{display:none!important}@keyframes premium-neon-glow{0%{border-color:#06b6d480;box-shadow:0 0 10px #06b6d473,0 0 20px #db277740,inset 0 0 8px #06b6d433}to{border-color:#db277780;box-shadow:0 0 18px #db277799,0 0 35px #06b6d473,inset 0 0 12px #db277759}}.animate-premium-neon{animation:3s ease-in-out infinite alternate premium-neon-glow}@keyframes ambient-glow{0%{opacity:.4;transform:scale(.9)}to{opacity:.8;transform:scale(1.1)}}.animate-ambient-glow{animation:4s ease-in-out infinite alternate ambient-glow}