@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--jf-black: #0a0a0a;--jf-black-2: #141414;--jf-black-3: #1f1f1f;--jf-red: #e50914;--jf-red-dark: #b0060f;--jf-red-glow: rgba(229, 9, 20, .35);--jf-white: #ffffff;--jf-gray: #808080;--jf-gray-light: #b3b3b3;--jf-border: rgba(255, 255, 255, .08);--jf-radius-sm: 6px;--jf-radius: 10px;--jf-radius-lg: 16px;--jf-shadow: 0 8px 30px rgba(0, 0, 0, .5);--jf-shadow-lg: 0 20px 60px rgba(0, 0, 0, .65);--jf-ease: cubic-bezier(.4, 0, .2, 1);--jf-gradient-overlay: linear-gradient( 180deg, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, .75) 70%, rgba(10, 10, 10, 1) 100% )}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background-color:var(--jf-black);color:var(--jf-white);font-family:Inter,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.jf-logo{font-family:Bebas Neue,sans-serif;color:var(--jf-red);font-size:2rem;letter-spacing:1.5px;font-weight:700;filter:drop-shadow(0 0 12px var(--jf-red-glow))}button,.jf-btn{cursor:pointer;border:none;border-radius:var(--jf-radius-sm);font-family:inherit;font-weight:600;transition:background-color .2s var(--jf-ease),transform .15s var(--jf-ease),box-shadow .2s var(--jf-ease),opacity .2s var(--jf-ease)}button:active,.jf-btn:active{transform:scale(.97)}.jf-btn-primary{background:linear-gradient(135deg,var(--jf-red),var(--jf-red-dark));color:var(--jf-white);padding:.75rem 1.7rem;font-size:1rem;box-shadow:0 4px 16px var(--jf-red-glow)}.jf-btn-primary:hover{filter:brightness(1.12);box-shadow:0 6px 22px var(--jf-red-glow);transform:translateY(-1px)}.jf-btn-secondary{background-color:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--jf-white);padding:.75rem 1.7rem;font-size:1rem}.jf-btn-secondary:hover{background-color:#ffffff38;transform:translateY(-1px)}.jf-btn-ghost{background-color:#ffffff14;border:1px solid var(--jf-border);color:var(--jf-white);padding:.55rem 1.3rem}.jf-btn-ghost:hover{background-color:#ffffff29}input{background-color:#ffffff0f;border:1px solid var(--jf-border);border-radius:var(--jf-radius-sm);color:var(--jf-white);padding:.95rem 1rem;font-size:1rem;font-family:inherit;width:100%;transition:border-color .2s var(--jf-ease),background-color .2s var(--jf-ease),box-shadow .2s var(--jf-ease)}input::placeholder{color:var(--jf-gray)}input:focus{outline:none;border-color:var(--jf-red);background-color:#ffffff1a;box-shadow:0 0 0 3px var(--jf-red-glow)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--jf-red);border-radius:4px}::-webkit-scrollbar-track{background:var(--jf-black-2)}input[type=range].jf-transcode-seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;background:#ffffff40;height:4px;border-radius:2px;accent-color:var(--jf-red)}input[type=range].jf-transcode-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--jf-red);cursor:pointer;margin-top:-5px}input[type=range].jf-transcode-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#ffffff40}@keyframes jf-spin{to{transform:rotate(360deg)}}@keyframes jf-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes jf-fade-in{0%{opacity:0}to{opacity:1}}.jf-fade-up{animation:jf-fade-up .5s var(--jf-ease) both}.jf-fade-in{animation:jf-fade-in .6s var(--jf-ease) both}.jf-card{will-change:transform;border-radius:var(--jf-radius);transition:transform .25s var(--jf-ease),box-shadow .25s var(--jf-ease)}.jf-card:hover{transform:scale(1.06) translateY(-4px);z-index:10;box-shadow:var(--jf-shadow-lg)}.jf-card:hover .jf-card-overlay{opacity:1!important}.jf-profile-card:hover{transform:translateY(-4px)}.jf-profile-card:hover .jf-profile-avatar{box-shadow:0 0 0 3px var(--jf-white),var(--jf-shadow-lg)}.jf-glass{background:#141414b8;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--jf-border)}.jf-auth-page{min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 60% at 50% -10%,#4a0a0a,#0a0a0a 55%),#0a0a0a}.jf-auth-header{position:relative;padding:clamp(1rem,3vw,1.5rem) clamp(1.25rem,5vw,3rem);flex-shrink:0}.jf-auth-main{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem clamp(1rem,5vw,2rem) 3rem}.jf-auth-form{width:100%;max-width:420px;padding:clamp(1.75rem,5vw,3.25rem);border-radius:var(--jf-radius-lg);box-shadow:var(--jf-shadow-lg)}.jf-auth-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1.5rem;font-weight:800;letter-spacing:-.02em}@media (max-width: 480px){.jf-auth-main{padding-bottom:2rem;align-items:flex-start}.jf-auth-form{border-radius:var(--jf-radius)}}.jf-navbar{padding:1rem clamp(1rem,5vw,3rem);position:relative}.jf-navbar-top{background:linear-gradient(180deg,#000000e0,#000000b8)}.jf-navbar-top:after{content:"";position:absolute;top:100%;left:0;right:0;height:90px;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);pointer-events:none;z-index:-1}.jf-navbar-search{width:clamp(140px,30vw,220px);background:#0a0a0a99!important;border-color:#ffffff2e!important}.jf-navbar-search:focus{background:#0a0a0acc!important}.jf-navbar-right{gap:1rem}@media (max-width: 640px){.jf-navbar-search{display:none}}@media (max-width: 480px){.jf-nav-links{gap:.75rem!important}}@media (max-width: 420px){.jf-navbar-right{gap:.4rem}.jf-navbar-right .jf-btn{padding:.45rem .65rem;font-size:.78rem}}.jf-row-title,.jf-row-track{padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem)}.jf-hero-content{padding:0 clamp(1rem,5vw,3rem) clamp(2.5rem,8vw,5rem);max-width:600px}.jf-hero-title{font-size:clamp(1.8rem,6vw,3.5rem)}@media (max-width: 640px){.jf-hero-buttons{flex-direction:column;align-items:stretch}.jf-row-arrow{display:none}}.jf-admin-page{min-height:100vh;background:var(--jf-black);padding:clamp(5.5rem,10vw,7rem) clamp(1rem,5vw,3rem) 4rem}.jf-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.jf-stat-card{padding:1.25rem;border-radius:var(--jf-radius)}.jf-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--jf-border);overflow-x:auto}.jf-tab{background:transparent;color:var(--jf-gray-light);padding:.75rem 1.25rem;border-radius:0;border-bottom:2px solid transparent;white-space:nowrap}.jf-tab.active{color:var(--jf-white);border-bottom-color:var(--jf-red)}.jf-table-wrap{overflow-x:auto;border-radius:var(--jf-radius);border:1px solid var(--jf-border)}.jf-table{width:100%;border-collapse:collapse;min-width:560px}.jf-table th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--jf-gray-light);padding:.9rem 1rem;border-bottom:1px solid var(--jf-border)}.jf-table td{padding:.75rem 1rem;border-bottom:1px solid var(--jf-border);vertical-align:middle;font-size:.9rem}.jf-table tr:last-child td{border-bottom:none}.jf-badge{display:inline-block;padding:.2rem .55rem;border-radius:20px;font-size:.72rem;font-weight:700}.jf-badge-admin{background:#e509142e;color:#ff6b6f}.jf-badge-warn{background:#e87c032e;color:#ffb75e}@media (max-width: 640px){.jf-modal-backdrop{padding:0!important;align-items:flex-end!important}.jf-modal{max-height:92vh!important;border-radius:var(--jf-radius-lg) var(--jf-radius-lg) 0 0!important}}