:root{--bg-primary:#0a0a0f;--bg-secondary:#12121f;--bg-card:#1a1a2e;--bg-hover:#22223a;--accent-primary:#6c63ff;--accent-secondary:#a78bfa;--accent-green:#10b981;--accent-red:#ef4444;--accent-orange:#f59e0b;--text-primary:#f0f0ff;--text-secondary:#a0a0c0;--text-muted:#6060a0;--border:#2a2a4a;--border-light:#3a3a5a;--shadow:0 4px 24px #6c63ff26;--shadow-lg:0 8px 48px #6c63ff40;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--radius:12px;--radius-lg:20px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#0a0a0f;background:var(--bg-primary);color:#f0f0ff;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:15px;height:100%;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#12121f;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#3a3a5a;background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6c63ff;background:var(--accent-primary)}button{border:none;cursor:pointer}button,input,select,textarea{font-family:DM Sans,sans-serif;font-family:var(--font-body);outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}a{color:inherit;text-decoration:none}.btn-primary{background:#6c63ff;background:var(--accent-primary);border-radius:12px;border-radius:var(--radius);color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px;padding:10px 20px}.btn-primary:hover{background:#7c74ff;box-shadow:0 4px 24px #6c63ff26;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary{background:#1a1a2e;background:var(--bg-card);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#f0f0ff;color:var(--text-primary);font-weight:500;padding:10px 20px}.btn-secondary:hover{background:#22223a;background:var(--bg-hover);border-color:#6c63ff;border-color:var(--accent-primary)}.btn-danger{background:#ef4444;background:var(--accent-red);border-radius:12px;border-radius:var(--radius);color:#fff;font-weight:600;padding:10px 20px}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-success{background:#10b981;background:var(--accent-green);border-radius:12px;border-radius:var(--radius);color:#fff;font-weight:600;padding:10px 20px}.btn-success:hover{background:#059669}.input-field{background:#12121f;background:var(--bg-secondary);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#f0f0ff;color:var(--text-primary);font-size:14px;padding:12px 16px;width:100%}.input-field:focus{border-color:#6c63ff;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c63ff1a}.input-field::placeholder{color:#6060a0;color:var(--text-muted)}.card{background:#1a1a2e;background:var(--bg-card);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);padding:24px}.label{color:#a0a0c0;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes glow{0%,to{box-shadow:0 0 10px #6c63ff4d}50%{box-shadow:0 0 30px #6c63ffb3}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}.fade-in{animation:fadeIn .3s ease forwards}.slide-in{animation:slideIn .3s ease forwards}.ctrl-btn{align-items:center;background:#1a1a2e;background:var(--bg-card);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:12px;color:#f0f0ff;color:var(--text-primary);display:flex;font-size:18px;height:48px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:48px}.ctrl-btn:hover{background:#22223a;background:var(--bg-hover);transform:translateY(-2px)}.ctrl-btn.active,.ctrl-btn:hover{border-color:#6c63ff;border-color:var(--accent-primary)}.ctrl-btn.active{background:#6c63ff;background:var(--accent-primary);color:#fff}.ctrl-btn.danger{background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red);color:#fff}.ctrl-btn.danger:hover{background:#dc2626}.video-tile{aspect-ratio:16/9;background:#12121f;background:var(--bg-secondary);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden;position:relative}.video-tile video{height:100%;object-fit:cover;width:100%}.video-tile .name-tag{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:6px;bottom:8px;color:#fff;display:flex;font-size:12px;gap:6px;left:8px;padding:3px 8px;position:absolute}.sidebar-panel{animation:slideIn .25s ease;background:#12121f;background:var(--bg-secondary);border-left:1px solid #2a2a4a;border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;width:320px}.badge{background:#6c63ff;background:var(--accent-primary);color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.badge,.tag{border-radius:20px}.tag{align-items:center;background:#6c63ff26;border:1px solid #6c63ff4d;color:#a78bfa;color:var(--accent-secondary);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#a78bfa);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.loader{animation:spin .7s linear infinite;border:2px solid #2a2a4a;border-top-color:#6c63ff;border:2px solid var(--border);border-top-color:var(--accent-primary);height:20px;width:20px}.avatar,.loader{border-radius:50%}.avatar{align-items:center;background:linear-gradient(135deg,#6c63ff,#a78bfa);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;display:flex;flex-shrink:0;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:700;height:40px;justify-content:center;width:40px}.tab-bar{border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border);display:flex}.tab-item{border-bottom:2px solid #0000;color:#6060a0;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:12px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tab-item.active{border-bottom-color:#6c63ff;border-bottom-color:var(--accent-primary);color:#6c63ff;color:var(--accent-primary)}.tab-item:hover{background:#22223a;background:var(--bg-hover);color:#f0f0ff;color:var(--text-primary)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{background:#1a1a2e;background:var(--bg-card);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:6px;bottom:110%;color:#f0f0ff;color:var(--text-primary);content:attr(data-tooltip);font-size:11px;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.noise:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");content:"";inset:0;opacity:.35;pointer-events:none;position:fixed;z-index:0}
/*# sourceMappingURL=main.21a53e33.css.map*/